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;
}
:where(button.w-popover-trigger) {
color: inherit;
cursor: pointer;
font: inherit;
line-height: inherit;
text-align: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
background-color: #0000;
border: 0;
margin: 0;
padding: 0;
}
.w-popover {
position-anchor: none;
}
.w-popover[popover]:not(:popover-open) {
display: none;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
pre.w-code-block code > span {
display: block !important;
}
.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;
width: auto !important;
height: auto !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !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;
}
figcaption {
text-align: center;
margin-top: 5px;
}
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 {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
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;
}
.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: Euclidcircularb Webxl;
src: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1e2d_EuclidCircularB-Light-WebXL.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Euclidcircularb Webxl;
src: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1ddd_EuclidCircularB-Regular-WebXL.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Euclidcircularb Webxl;
src: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1dd8_EuclidCircularB-Semibold-WebXL.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Euclidcircularb Webxl;
src: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1d31_EuclidCircularB-Bold-WebXL.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Euclidcircularb Webxl;
src: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1ddb_EuclidCircularB-Medium-WebXL.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendardjp;
src: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1ef0_PretendardJP-Black.woff") format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendardjp;
src: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1efa_PretendardJP-ExtraLight.woff") format("woff");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendardjp;
src: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1ef1_PretendardJP-ExtraBold.woff") format("woff"), url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1ef7_PretendardJP-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendardjp;
src: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1ef3_PretendardJP-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendardjp;
src: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1eef_PretendardJP-Thin.woff") format("woff");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendardjp;
src: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1eff_PretendardJP-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendardjp;
src: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1f32_PretendardJP-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendardjp;
src: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1f34_PretendardJP-SemiBold.woff") format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Supertone Serif;
src: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1971_RISD%20Serif%20Complete%20Light-normal-300-100.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
:root {
--c-grey--900: #060607;
--c-primary--main: #0b0b0d;
--c-primary--blue-500: #f5a63b;
--c-grey--50: #f4f4f4;
--c-primary--bg: #f2f0ea;
--c-secondary--api-green: #17e5e0;
--c-secondary--pink: #f2a499;
--c-secondary--orange: #f1953e;
--c-secondary--play-sub: #7435fc;
--c-grey--white: white;
--c-grey--100: #dbdbdb;
--c-grey--trans--0: #fff0;
--c-grey--500: #444;
--c-secondary--mint-green: #64ffbc;
--c-grey--200: #a9a9a9;
--play-secondary-color--green: #94fb4d;
--c-grey--400: #767676;
--c-grey--300: #909090;
--c-grey--black: black;
--c-grey--trans--70: #a9a9a9b3;
--c-grey--trans--80-white: #fffc;
--c-grey--trans--90-900: #0b0b0df0;
--c-grey--150: #c2c2c2;
--c-secondary--light-purple: #747cdf;
--c-grey--600: #2b2b2b;
--c-secondary--yellow: #f2fb41;
--c-secondary--lime-green: #7ccf70;
--c-grey--700: #202020;
--2-0-yellow: #c2ff3e;
--c-secondary--2-0-blue-tbd: #285ff9;
--c-grey--trans--50-white: #ffffff80;
--c-grey--800: #161616;
--c-grey--450: #5d5d5d;
--c-secondary--lavender: #d3cbfa;
--c-secondary--sky-blue: #53acf8;
--c-grey--trans--50: #80808080;
--c-secondary--blue-500-94: #f5a63bf2;
--c-secondary--yellow-green: #f4fb66;
--blue--700: #1450e1;
--c-secondary--lilac: #ba84f7;
--c-secondary--color: white;
--blue--600: #1b65f5;
--_antinode---ink--0: #060607;
--_antinode---ink--1: #0b0b0d;
--_antinode---ink--2: #121214;
--10-em: 10em;
--_antinode---ink--3: #1a1a1d;
--_antinode---ink--4: #242427;
--blue--50: #eef6ff;
--_antinode---ink--5: #333337;
--blue--100: #d9ebff;
--_antinode---ink--6: #4d4d52;
--blue--200: #bcddff;
--_antinode---ink--7: #706f73;
--blue--300: #8ec8ff;
--_antinode---paper--0: #f2f0ea;
--blue--400: #59a9ff;
--_antinode---paper--1: #e6e4df;
--_antinode---paper--2: #8a8987;
--_antinode---paper--3: #666563;
--blue--800: #1740b6;
--_antinode---signal--200: #fbe0b8;
--blue--900: #193a8f;
--_antinode---signal--300: #f9c98a;
--_antinode---signal--400: #f7b65f;
--_antinode---signal--500: #f5a63b;
--_antinode---signal--600: #d9891f;
--_antinode---signal--700: #a8680f;
--_antinode---signal--900: #3a2610;
--_antinode---level--ok: #3ddc84;
--_antinode---level--warn: #ffd23f;
--_antinode---level--clip: #ff4d4d;
--_antinode---brand--amber-dim: #f5a63b59;
--_antinode---brand--muted: #f2f0ea8c;
--_antinode---brand--dim: #f2f0ea52;
--_antinode---brand--hairline: #f2f0ea17;
--_antinode---brand--bg: var(--_antinode---ink--1);
--_antinode---brand--ink: var(--_antinode---paper--0);
--_antinode---brand--amber: var(--_antinode---signal--500);
--_antinode---scrim: #060607b8;
--_antinode---focus-ring: var(--_antinode---signal--400);
--_antinode---text--primary: var(--_antinode---paper--1);
--_antinode---text--secondary: var(--_antinode---paper--2);
--c-grey--trans--20: #0003;
--_antinode---text--tertiary: var(--_antinode---paper--3);
--_antinode---text--accent: var(--_antinode---signal--400);
--_antinode---text--inverse: var(--_antinode---ink--0);
--_antinode---text--display-1: 56px;
--_antinode---text--display-2: 40px;
--_antinode---text--display-3: 32px;
--_antinode---text--heading-1: 26px;
--_antinode---text--heading-2: 20px;
--_antinode---text--heading-3: 17px;
--_antinode---text--body-lg: 17px;
--_antinode---text--body: 15px;
--_antinode---text--body-sm: 13px;
--_antinode---text--mono: 13px;
--_antinode---text--mono-sm: 11px;
--_antinode---text--label: 11px;
--_antinode---surface--page: var(--_antinode---ink--1);
--c-grey--trans--90-main: #0b0b0de6;
--_antinode---surface--card: var(--_antinode---ink--2);
--_antinode---surface--raised: var(--_antinode---ink--3);
--_antinode---surface--inset: var(--_antinode---ink--0);
--_antinode---surface--accent: var(--_antinode---signal--500);
--_antinode---surface--accent-quiet: var(--_antinode---signal--900);
--_antinode---border--subtle: var(--_antinode---ink--3);
--_antinode---border--default: var(--_antinode---ink--4);
--_antinode---border--strong: var(--_antinode---ink--5);
--_antinode---border--accent: var(--_antinode---signal--600);
--_antinode---accent--base: var(--_antinode---signal--500);
--_antinode---accent--hover: var(--_antinode---signal--400);
--_antinode---accent--press: var(--_antinode---signal--600);
--_antinode---accent--fg: var(--_antinode---ink--0);
--_antinode---state--danger: var(--_antinode---level--clip);
--_antinode---state--warn: var(--_antinode---level--warn);
--_antinode---state--ok: var(--_antinode---level--ok);
--_antinode---state--info: var(--_antinode---signal--400);
--c-secondary--vanilla-cream: #f1eadb;
--_antinode---font--display: Unbounded;
--c-secondary--camel: #f5c583;
--_antinode---font--sans: "Instrument Sans";
--_antinode---font--mono: "IBM Plex Mono";
--_antinode---radius--xs: 3px;
--_antinode---radius--sm: 5px;
--_antinode---radius--md: 8px;
--_antinode---radius--lg: 12px;
--_antinode---radius--xl: 18px;
--_antinode---radius--full: 999px;
--_antinode---space--1: 2px;
--_antinode---space--2: 4px;
--_antinode---space--3: 6px;
--_antinode---space--4: 8px;
--_antinode---space--5: 12px;
--_antinode---space--6: 16px;
--_antinode---space--7: 20px;
--_antinode---space--8: 24px;
--_antinode---space--9: 32px;
--_antinode---space--10: 40px;
--_antinode---space--11: 56px;
--_antinode---space--12: 72px;
--_antinode---space--13: 96px;
--_antinode---space--14: 128px;
--_antinode---layout--gutter-page: 24px;
--_antinode---layout--max-content: 1200px;
--_antinode---layout--max-prose: 68ch;
--_antinode---control--height-sm: 28px;
--_antinode---control--height-md: 36px;
--_antinode---control--height-lg: 44px;
--_antinode---leading--tight: 1.05;
--_antinode---leading--snug: 1.18;
--_antinode---leading--normal: 1.5;
--_antinode---leading--relaxed: 1.65;
--_antinode---weight--thin: 200;
--_antinode---weight--regular: 400;
--_antinode---weight--medium: 500;
--_antinode---weight--semibold: 600;
--_antinode---weight--bold: 700;
--_antinode---tracking--display: .01em;
--_antinode---tracking--wordmark: .14em;
--_antinode---tracking--label: .09em;
--_antinode---tracking--mono: .01em;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.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-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.w-embed-youtubevideo {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
background-position: 50%;
background-size: cover;
width: 100%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.w-embed-youtubevideo:empty {
min-height: 75px;
padding-bottom: 56.25%;
}
.w-users-userformpagewrap {
flex-direction: column;
justify-content: center;
align-items: stretch;
max-width: 340px;
height: 100vh;
margin-left: auto;
margin-right: auto;
display: flex;
}
.w-users-userloginformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-userformheader {
text-align: center;
}
.w-users-userformbutton {
text-align: center;
width: 100%;
}
.w-users-userformfooter {
justify-content: space-between;
margin-top: 12px;
display: flex;
}
.w-users-userformerrorstate {
margin-left: 20px;
margin-right: 20px;
position: absolute;
top: 100%;
left: 0%;
right: 0%;
}
.w-users-usersignupformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-userformsuccessstate {
display: none;
}
.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-users-usersignupverificationmessage {
display: none;
}
.w-users-userresetpasswordformwrapper, .w-users-userupdatepasswordformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-useraccountwrapper {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-users-blockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-users-blockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
margin-bottom: 20px;
padding: 20px;
}
.w-users-useraccountformsavebutton {
text-align: center;
margin-right: 8px;
}
.w-users-useraccountformcancelbutton {
text-align: center;
color: #333;
background-color: #d3d3d3;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
body {
background-color: var(--c-grey--900);
color: var(--c-primary--main);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 1.3;
}
h1, h2, h3, h4, h5, h6 {
color: var(--c-primary--main);
margin-top: 0;
margin-bottom: 0;
font-family: Bdogrotesk;
font-size: 19px;
font-weight: 400;
line-height: 1.2;
}
p {
color: var(--c-primary--main);
margin-bottom: 0;
font-family: Bdogrotesk;
font-size: 19px;
line-height: 1.3;
}
a {
color: var(--c-primary--main);
text-decoration: none;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
img {
display: inline-block;
}
label {
margin-bottom: 5px;
display: block;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin-bottom: 0;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
.columns-wrap {
justify-content: space-between;
align-items: flex-start;
padding: 80px 150px 120px;
display: flex;
}
.template-navigation {
background-color: var(--c-primary--blue-500);
border-radius: 10px;
margin-right: 20px;
padding: 20px;
}
.style-wrap {
background-color: var(--c-primary--blue-500);
color: #000;
border-radius: 10px;
margin-bottom: 20px;
padding: 20px;
}
.style-wrap.changelog, .style-wrap.instructions {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
max-width: 800px;
display: flex;
}
.element-wrap {
border-bottom: 1px solid var(--c-grey--50);
flex-direction: column;
padding-bottom: 15px;
display: flex;
}
.element-wrap.padding {
margin-bottom: 40px;
}
.element-wrap.without-spacer {
border-bottom-style: none;
padding-bottom: 0;
}
.element-label {
color: var(--c-grey--50);
margin-bottom: 10px;
font-family: Bdogrotesk;
font-size: 14px;
}
.template-nav-link {
color: var(--c-grey--50);
border-bottom-style: none;
font-family: Bdogrotesk;
font-size: 19px;
line-height: 1;
text-decoration: none;
}
.template-nav-link:focus {
color: #000;
}
.template-nav-link.w--current {
color: var(--c-primary--main);
}
.template-nav-links {
grid-row-gap: 20px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.left-column {
width: 35%;
position: sticky;
top: 80px;
}
.right-column {
flex: 1;
}
.text---large {
color: var(--c-primary--main);
text-align: left;
font-family: Bdogrotesk;
font-size: 30px;
font-weight: 400;
line-height: 1.2;
}
.text---large.style-titles {
margin-bottom: 30px;
}
.text---large.menu-large-text {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.text---large.services-h1 {
margin-bottom: 10px;
font-family: Bdogrotesk;
font-size: 30px;
font-weight: 400;
}
.text---large.services-h1.mobile.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.text---large.services-h1.mobile.manrope:lang(ko) {
font-weight: 400;
}
.text---large.services-h1.mobile.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
}
.text---large.services-h1.mobile.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.text---large.services-intro-hero {
width: 75%;
margin-bottom: 10px;
font-size: 30px;
font-weight: 300;
}
.text---large.services-intro-hero.price-text {
font-size: 50px;
}
.text---large.services-intro-hero.price-text.white {
width: auto;
color: var(--c-primary--bg);
padding-left: 10px;
font-size: 60px;
font-weight: 300;
line-height: 1.2;
}
.text---large.services-intro-hero.price-text.white.gap {
margin-bottom: 0;
}
.text---large.services-intro-hero.price-text.white.gap.api-color {
color: var(--c-secondary--api-green);
}
.text---large.services-intro-hero.price-text.white.promotion-text {
font-size: 30px;
}
.text---large.services-intro-hero.price-text.white.promotion-text.play-color {
width: 100%;
color: var(--c-secondary--pink);
padding-top: 20px;
}
.text---large.services-intro-hero.price-text.white.promotion-text.play-color.d-padding {
color: var(--c-secondary--orange);
padding-left: 10px;
}
.text---large.services-intro-hero.price-text.white.promotion-text.play-color.promotin-padding {
width: auto;
color: var(--c-secondary--orange);
padding-left: 20px;
}
.text---large.services-intro-hero.price-text.white.play-sub-color {
width: auto;
color: var(--c-secondary--play-sub);
padding-left: 0;
}
.text---large.services-intro-hero.price-text.white.play-sub-color.manrope:lang(ko) {
font-weight: 400;
}
.text---large.services-intro-hero.price-text.white.manrope {
width: auto;
padding-left: 0;
font-family: Manrope, sans-serif;
font-size: 60px;
}
.text---large.services-intro-hero.price-text.white.left-gap {
padding-left: 0;
}
.text---large.services-intro-hero.price-text.white.left-gap.manrope {
letter-spacing: .5px;
font-size: 32px;
}
.text---large.services-intro-hero.price-text.white.left-gap.manrope:lang(ko) {
font-weight: 400;
}
.text---large.looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.text---large.testimonial-heading {
margin-bottom: 10px;
}
.text---large.text-brand-description.white {
color: var(--c-primary--bg);
font-family: Manrope, sans-serif;
font-size: 24px;
font-weight: 300;
}
.text---large.text-brand-description.white.satoshi {
font-family: Satoshi Variable;
}
.text---large.about-testimonial {
width: 100%;
max-width: none;
margin-bottom: 0;
margin-left: 0;
position: relative;
}
.text---large.awards-looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.text---large.contact-heading {
margin-bottom: 10px;
}
.small-text {
color: var(--c-primary--main);
letter-spacing: .5px;
font-family: Bdogrotesk;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
}
.small-text.grey {
color: var(--c-grey--50);
}
.small-text.service {
margin-bottom: 3px;
}
.small-text.service-small {
margin-bottom: 10px;
}
.small-text.testimonial-position {
color: var(--c-grey--50);
}
.small-text.privacy {
margin-right: 0;
font-size: 14px;
}
.small-text.privacy:hover {
color: var(--c-grey--100);
}
.small-text.webflow-link {
color: var(--c-grey--50);
font-size: 14px;
}
.small-text.template-links {
font-size: 14px;
}
.small-text.template-links:hover {
color: var(--c-grey--100);
}
.small-text.trademark {
font-size: 14px;
}
.small-text.small {
font-size: 16px;
}
.small-text._20px {
letter-spacing: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
}
.small-text.letter-spacing {
letter-spacing: .5px;
font-weight: 400;
line-height: 1.6;
}
.small-text.blog-date {
font-family: Manrope, sans-serif;
font-size: 12px;
}
.small-text.blog-tt {
font-family: Manrope, sans-serif;
font-size: 16px;
}
.base-text {
color: var(--c-primary--main);
text-align: left;
justify-content: flex-start;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.3;
}
.base-text:lang(ko) {
font-weight: 400;
}
.base-text.menu {
margin-right: 5px;
}
.base-text.hero-intro {
font-weight: 500;
}
.base-text.company {
white-space: nowrap;
}
.base-text.year {
text-align: left;
}
.base-text.to-expect {
white-space: nowrap;
}
.base-text.how-we-do-it {
margin-bottom: 20px;
}
.base-text.number {
font-size: 20px;
}
.base-text.number.txttt.small-txt {
color: var(--c-primary--main);
align-self: center;
font-size: 16px;
}
.base-text.number.txttt.wht {
color: var(--c-primary--bg);
}
.base-text.number.txttt.wht.small {
font-size: 18px;
}
.base-text.service-about, .base-text.gallery-title {
margin-bottom: 20px;
}
.base-text.testimonial-name {
margin-bottom: 5px;
}
.base-text.form-label {
font-weight: 400;
}
.base-text.location {
margin-bottom: 10px;
}
.base-text.contact-address {
color: var(--c-grey--50);
margin-top: 10px;
margin-bottom: 10px;
}
.base-text.nav-text, .base-text.nav-time {
white-space: nowrap;
}
.base-text.all-work-brand {
white-space: normal;
}
.base-text.how-paragraph {
margin-top: 20px;
}
.base-text.subtext {
color: var(--c-grey--50);
font-size: 16px;
}
.base-text.extra-height {
line-height: 1.5;
}
.base-text.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
}
.base-text.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.colour {
border-radius: 10px;
flex: 1;
height: 150px;
}
.colour.beige {
background-color: var(--c-primary--main);
}
.colour.grey {
background-color: var(--c-grey--50);
}
.colour.charcoal {
background-color: var(--c-primary--bg);
}
.colours-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.style-guide-grid {
grid-row-gap: 35px;
grid-template-columns: 1fr;
}
.style-guide-grid.inline {
display: inline-block;
}
.rich-text-block h2 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 24px;
font-weight: 600;
}
.rich-text-block a {
border-bottom: 1px solid var(--c-primary--main);
color: var(--c-primary--main);
padding-bottom: 0;
text-decoration: none;
display: inline-block;
}
.rich-text-block li {
color: var(--c-primary--main);
margin-bottom: 5px;
font-family: Bdogrotesk;
font-size: 19px;
line-height: 1.2;
}
.rich-text-block blockquote {
color: var(--c-primary--main);
margin-top: 21px;
margin-bottom: 21px;
font-family: Bdogrotesk;
font-size: 19px;
line-height: 1.2;
}
.rich-text-block ul, .rich-text-block ol {
margin-top: 20px;
margin-bottom: 20px;
}
.rich-text-block h3, .rich-text-block h4, .rich-text-block h5, .rich-text-block h6 {
margin-top: 20px;
margin-bottom: 10px;
font-weight: 600;
}
.intro-guide-wrap {
background-color: #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 140px 150px 100px;
display: flex;
}
.template-page-intro {
max-width: 800px;
margin-top: 14px;
}
.button {
border: 1px solid var(--c-primary--main);
width: 150px;
height: 150px;
color: var(--c-primary--main);
text-align: left;
background-color: #0000;
border-radius: 50%;
justify-content: center;
align-items: center;
font-family: Bdogrotesk;
font-size: 17px;
line-height: 1.2;
display: flex;
}
.button:hover {
background-color: var(--c-primary--main);
color: var(--c-primary--bg);
}
.button.white {
width: auto;
height: auto;
}
.button.white.white-outline {
border-width: 1.5px;
border-color: var(--c-primary--bg);
border-radius: 20px;
flex-flow: row;
justify-content: center;
align-items: center;
width: 85px;
margin-bottom: 20px;
display: flex;
}
.link-wrap {
text-align: right;
object-fit: fill;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: auto;
padding-top: 0;
padding-right: 60px;
display: flex;
overflow: hidden;
}
.link-wrap.process-link {
position: absolute;
bottom: 20px;
}
.link-wrap.hide {
display: none;
}
.link-wrap.top-padding {
padding-top: 40px;
}
.link-underline {
background-color: var(--c-primary--blue-500);
height: 1px;
display: block;
transform: translate(-100%);
}
.arrow-png {
width: 10px;
height: 10px;
color: var(--c-primary--main);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1b28_Arrow_next_Cha.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.inner-link-wrap {
margin-right: 10px;
overflow: hidden;
}
.menu-container {
z-index: 100;
border-bottom: 0px solid var(--c-primary--main);
background-color: var(--c-grey--trans--0);
text-align: left;
justify-content: space-between;
align-items: center;
padding: 5px 20px;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.menu-container.nave-main {
border-bottom-style: none;
border-bottom-width: 0;
justify-content: space-between;
align-items: center;
padding-bottom: 10px;
padding-left: 600px;
}
.menu-container.nav-menu {
border-bottom-style: none;
border-bottom-width: 0;
flex-flow: row;
justify-content: flex-end;
align-items: center;
display: block;
}
.plus-wrap {
justify-content: center;
align-items: center;
width: 22px;
height: 22px;
margin-top: -3px;
display: flex;
position: relative;
}
.plus-horizontal {
background-color: var(--c-primary--main);
width: 70%;
height: 2px;
}
.plus-vertical {
background-color: var(--c-primary--main);
width: 2px;
height: 70%;
position: absolute;
}
.menu-button-wrap {
cursor: pointer;
align-items: center;
display: flex;
}
.nav-grid {
grid-column-gap: 66px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: minmax(23px, 1fr) min-content min-content min-content min-content min-content;
justify-content: space-between;
place-items: center;
}
.brand-wrap {
width: 180px;
}
.link {
color: var(--c-primary--blue-500);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.2;
text-decoration: none;
}
.link.webflow {
color: var(--c-primary--main);
font-size: 14px;
}
.link.webflow:hover {
color: var(--c-grey--100);
}
.link.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 400;
}
.link.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.home-hero-section {
object-fit: fill;
height: 34vh;
padding: 65px 20px 20px;
position: relative;
overflow: hidden;
}
.home-hero-section.mobile {
height: 30vh;
max-height: 20vh;
}
.services-grid {
grid-column-gap: 25px;
grid-template-columns: min-content min-content min-content;
margin-top: 20px;
}
.hero-intro-wrap {
width: 60%;
}
.brnad-animate-wrap {
z-index: -1;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
position: absolute;
inset: auto 0% 0%;
}
.featured-work-track {
height: 200vw;
padding-top: 20px;
display: block;
}
.all-work-section {
background-color: var(--c-primary--bg);
margin-top: 60px;
margin-bottom: 80px;
padding-left: 20px;
padding-right: 20px;
display: block;
}
.camera {
width: 100vw;
height: 90vh;
position: sticky;
top: 60px;
overflow: hidden;
}
.frame {
align-items: stretch;
height: 100%;
padding-left: 10px;
display: flex;
}
.item {
flex: none;
width: 43vw;
height: 85vh;
position: relative;
overflow: hidden;
}
.feature-image {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
height: 100%;
}
.all-work-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-bottom: 1px solid var(--c-primary--main);
grid-template-columns: 1fr;
}
.work-wrap {
background-color: var(--c-primary--bg);
flex-direction: row;
justify-content: space-between;
display: flex;
position: relative;
overflow: hidden;
}
.all-work-title {
padding-bottom: 10px;
}
.brand-description {
margin-bottom: 30px;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.brand-description._80 {
width: 80%;
}
.process-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 1px none var(--c-primary--main);
border-bottom: 1px none var(--c-primary--main);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 20px;
}
.to-expect-wrap {
padding: 20px;
position: relative;
}
.to-expect-wrap.padding-side-0 {
padding-left: 0;
padding-right: 0;
}
.divider {
background-color: var(--c-primary--main);
width: 1px;
height: 100%;
}
.to-expect-grid {
grid-column-gap: 24px;
grid-template-rows: auto;
grid-template-columns: min-content 1fr;
}
.process-inner-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-bottom: 1px solid var(--c-primary--main);
cursor: pointer;
grid-template-rows: auto auto;
grid-template-columns: .25fr 1fr;
padding-top: 20px;
padding-bottom: 20px;
}
.number-wrap {
cursor: default;
}
.process-name {
cursor: default;
justify-content: space-between;
display: flex;
}
.process-name.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
}
.process-name.align {
cursor: default;
justify-content: center;
}
.process-name.ver {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-flow: column;
}
.process-main-grid {
grid-row-gap: 0px;
border-top: 1px solid var(--c-primary--main);
grid-template-columns: 1fr;
margin-bottom: 0;
}
.about-gallery-section {
display: none;
}
.gallery-wrap {
padding: 20px;
}
.gallery-wrap.padding-side-0 {
margin-bottom: 60px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
animation: 20s linear infinite scrollGallery;
}
.gallery-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-flow: row;
}
.gallery-image-wrap {
border-top-left-radius: 0;
overflow: hidden;
}
.gallery-image {
-webkit-text-fill-color: inherit;
object-fit: cover;
object-position: 50% 79%;
background-clip: border-box;
width: 100%;
height: 100%;
overflow: clip;
}
.footer-section {
background-color: var(--c-primary--main);
}
.footer-section.mobile-padding {
background-color: var(--c-grey--900);
}
.footer-wrap {
border-top: 0px none var(--c-primary--main);
background-color: var(--c-grey--trans--0);
flex-direction: column;
justify-content: space-between;
padding: 20px;
display: flex;
}
.footer-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template: ". . Area-2"
/ 1.25fr 1fr;
grid-auto-rows: minmax(auto, 1.25fr);
grid-auto-columns: 1fr;
}
.contact-wrap {
flex-direction: column;
display: flex;
}
.footer-nav-links-grid {
grid-column-gap: 20px;
text-align: right;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: min-content min-content min-content min-content;
grid-auto-columns: 1fr;
justify-content: end;
place-items: start end;
padding-right: 20px;
display: grid;
}
.featured-work-wrap {
padding-left: 20px;
padding-right: 20px;
}
.work-info-wrap {
border-top: 1px solid var(--c-primary--main);
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.pop-up-wrap {
position: absolute;
inset: 0% 15% auto auto;
}
.pop-up-image {
object-fit: cover;
width: 300px;
height: 200px;
}
.location-time {
color: var(--c-primary--main);
}
.menu-link {
color: var(--c-primary--main);
text-transform: uppercase;
font-family: Bdogrotesk;
font-size: 80px;
font-weight: 400;
line-height: 1.1;
display: inline-block;
}
.nav-menu-bottom-links {
border-top: 1px solid var(--c-primary--main);
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 20px;
display: flex;
}
.nav-link-wrap {
align-items: flex-start;
margin: 10px auto;
display: flex;
overflow: hidden;
}
.menu-outer-wrapper {
z-index: 99;
background-color: var(--c-primary--bg);
flex-direction: column;
justify-content: flex-end;
align-items: center;
display: none;
position: fixed;
inset: 0%;
}
.menu-inner-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: relative;
}
.menu-item-wrapper {
overflow: hidden;
}
.menu-items-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 40px;
display: flex;
}
.menu-lower-info {
position: absolute;
inset: auto 0% 0%;
}
.brand-animate {
z-index: 99;
color: var(--c-primary--bg);
text-align: center;
padding-bottom: 20px;
font-family: Supertone Serif, sans-serif;
font-size: 12vw;
line-height: .8;
position: absolute;
inset: auto 0% 0%;
}
.brand-animate.gray {
color: var(--c-grey--500);
}
.menu-wrap {
background-color: var(--c-grey--trans--0);
overflow: hidden;
}
.services-hero {
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: auto;
display: flex;
}
.services-hero-grid {
grid-column-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr .5fr;
}
.looping-text {
color: var(--c-primary--main);
}
.outer-container {
width: 100%;
overflow: hidden;
}
.inner-container {
justify-content: flex-start;
align-items: center;
display: flex;
}
.inner-container.bottom-gap {
margin-bottom: 60px;
}
.service-section {
padding: 0 0;
}
.service-section.extra-top-padding {
padding: 5vh 0;
}
.serivce-grid {
grid-column-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr;
padding-left: 20px;
padding-right: 20px;
}
.serivce-grid.padding-side-0 {
padding-left: 0;
padding-right: 0;
}
.service-1-about {
border-top: 1px solid var(--c-grey--50);
flex-direction: column;
padding-top: 20px;
padding-right: 0;
display: flex;
}
.service-examples-wrap {
flex-direction: column;
align-items: stretch;
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
.project-gallery-image {
object-fit: cover;
width: 100%;
height: 100%;
max-height: none;
position: absolute;
inset: 0%;
}
.project-gallery-image.blog-body-img {
width: auto;
height: auto;
display: block;
position: static;
}
.gallery-slider {
background-color: #0000;
flex-direction: row;
justify-content: center;
align-items: center;
height: 100%;
padding-bottom: 50px;
position: relative;
}
.gallery-slide {
max-height: none;
padding-left: 20px;
padding-right: 20px;
}
.gallery-mask {
width: 80%;
overflow: visible;
}
.project-gallery-section {
padding-bottom: 20px;
overflow: hidden;
}
.gallery-slide-nav {
height: 1.75rem;
font-size: .5rem;
display: block;
}
.gallery-arrow {
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex;
}
.gallery-arrow.hide-mobile-landscape.left {
margin-left: 0;
margin-right: 0;
transform: rotate(-180deg);
}
.gallery-arrow.hide-mobile-landscape.right {
margin-left: 0;
margin-right: 0;
}
.gallery-arrow.hide-mobile-landscape {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1a46_Vector2.webp"), linear-gradient(#161615, #161615);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 12px 12px, auto;
background-attachment: scroll, scroll;
border-radius: 20px;
align-items: center;
width: 2rem;
height: 2rem;
margin-left: 10px;
margin-right: 10px;
bottom: 4rem;
}
.gallery-arrow.hide-mobile-landscape.left {
transform: rotate(-180deg);
}
.gallery-container {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.gallery-image-wrapper {
object-fit: cover;
width: 100%;
max-height: none;
padding-top: 100%;
position: relative;
overflow: hidden;
}
.gallery-image-wrapper.blog {
grid-column-gap: 13px;
grid-row-gap: 13px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.project-info-wrap {
justify-content: space-between;
display: flex;
position: absolute;
inset: auto 10px 10px;
}
.project-info-wrap.featured-info {
inset: 20px 20px auto;
}
.project-info-wrap.hide-mobile {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
position: relative;
}
.project-info-wrap.hide-mobile.blog-position {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
position: relative;
inset: auto;
}
.project-details-wrap {
background-color: var(--c-primary--bg);
border-radius: 10px 0 0;
height: auto;
padding: 7px 12px;
}
.project-details-wrap.bg-0 {
background-color: var(--c-grey--trans--0);
}
.project-details-wrap.blog-tt {
height: 6vw;
}
.logo {
mix-blend-mode: normal;
width: 250px;
}
.brands-holder {
overflow: hidden;
}
.brands-section {
width: 5000px;
display: flex;
}
.brands-section.company {
flex-flow: wrap;
width: auto;
}
.brands-wrap {
display: flex;
}
.brands-wrap.company {
flex-flow: wrap;
justify-content: center;
width: 100%;
}
.brand-div {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 30px;
padding: 10px 20px;
display: flex;
}
.serives-hero-text-holder {
margin-bottom: 140px;
padding: 65px 20px 20px;
}
.moving-elements {
width: auto;
padding-bottom: 20px;
line-height: .9px;
overflow: clip;
}
.service-main-grid {
grid-row-gap: 0px;
border-top: 1px solid var(--c-grey--50);
grid-template-columns: 1fr;
margin-bottom: 40px;
}
.service-inner-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-bottom: 1px solid var(--c-grey--50);
cursor: pointer;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
padding-top: 20px;
padding-bottom: 20px;
}
.service-name {
justify-content: space-between;
display: flex;
}
.service-info {
margin-top: 20px;
}
.testimonial-wrap {
background-color: #212121;
padding-top: 100px;
padding-bottom: 100px;
}
.testimonial-box {
background-color: var(--c-primary--bg);
border-radius: 10px;
width: 350px;
height: auto;
margin-right: 20px;
padding: 20px;
}
.testimonial-image-wrap {
object-fit: cover;
border-radius: 50%;
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px;
margin-right: 20px;
overflow: hidden;
}
.testimonial-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.testimonial-info-wrap {
align-items: center;
margin-top: 20px;
display: flex;
}
.testimonial-section {
margin-top: 60px;
overflow: hidden;
}
.testimonial-component {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.testimonial-loop-trigger {
display: flex;
}
.testimonial-intro {
width: 40%;
padding-left: 20px;
padding-right: 20px;
}
.footer-contact-grid {
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.utility-page-wrap {
background-color: var(--c-primary--main);
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex;
}
.page-not-found {
margin-top: 40px;
margin-bottom: 10px;
}
.page-not-found.large {
font-size: 26px;
}
.link-underline2 {
background-color: var(--c-primary--main);
height: 1px;
}
.socials-wrap {
grid-column-gap: 20px;
display: flex;
}
.legals-wrap {
grid-column-gap: 42px;
grid-row-gap: 42px;
text-align: right;
justify-content: flex-end;
padding-right: 20px;
display: flex;
}
.team-section {
margin-top: 100px;
}
.team-wrap {
width: 100%;
padding: 20px;
}
.team-grid {
grid-row-gap: 34px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
align-content: stretch;
width: auto;
margin-top: 20px;
}
.team-image-wrap {
background-color: #8c78ff;
border-top-left-radius: 0;
border-top-right-radius: 0;
height: auto;
max-height: 20rem;
margin-top: 60px;
overflow: hidden;
}
.team-image {
object-fit: cover;
width: 1240px;
min-width: 100%;
height: 300px;
min-height: 100%;
}
.team-name {
margin-top: 10px;
margin-bottom: 5px;
}
.about-hero-section {
padding-top: 70px;
padding-left: 0;
padding-right: 0;
}
.about-hero-wrap {
padding: 65px 0 40px;
}
.about-us-grid {
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
}
.about-first-column {
width: 100%;
}
.large-picture-wrap {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: fill;
height: 90%;
padding-top: 65px;
padding-left: 20px;
padding-right: 20px;
display: block;
}
.large-image {
object-fit: cover;
object-position: 50% 69%;
width: 100%;
height: 50%;
}
.about-grid {
grid-template-rows: auto;
grid-template-columns: 1fr .5fr .5fr;
}
.about-grid-wrap {
padding: 40px 20px;
}
.about-photo-gallery-wrap {
padding: 0 0 100px;
}
.about-photo-gallery-grid {
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: .75fr;
grid-auto-columns: 1fr;
}
.gallery-photo-wrap {
clear: none;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
position: relative;
}
.gallery-image-1 {
width: 100%;
position: relative;
top: 100px;
}
.gallery-photo-wrap2 {
justify-content: flex-end;
align-items: center;
display: block;
position: relative;
}
.gallery-photo-wrap3 {
align-items: flex-end;
display: flex;
}
.gallery-image-2 {
width: 100%;
position: absolute;
}
.gallery-image-3 {
width: 75%;
position: relative;
top: 200px;
left: 40px;
}
.about-testimonial-wrap {
padding: 120px 20px 140px;
}
.about-testimonial-info {
flex-direction: row;
justify-content: space-between;
padding-top: 40px;
display: flex;
}
.recognition-outer-container {
width: 100%;
margin-top: 80px;
margin-bottom: 100px;
overflow: hidden;
}
.recognition-inner-container {
justify-content: flex-start;
align-items: center;
display: flex;
}
.recognition-grid-wrap {
border-top: 1px solid var(--c-primary--main);
}
.recognition-grid {
grid-column-gap: 20px;
grid-row-gap: 0px;
border-bottom: 1px solid var(--c-primary--main);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr .5fr min-content;
padding: 10px 20px;
}
.contact-form-section {
justify-content: flex-end;
display: flex;
}
.contact-form-wrap {
flex-direction: column;
justify-content: space-around;
width: 70vw;
margin-bottom: 40px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
display: flex;
}
.contact-first-column {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: flex-start;
margin-bottom: 40px;
display: flex;
}
.contact-first-column.contact-paragraph {
margin-bottom: 0;
}
.contact-second-column {
flex: 1;
position: static;
}
.form-checkbox-wrap {
margin-top: 20px;
margin-bottom: 10px;
padding-left: 0;
display: flex;
}
.checkbox-first-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
width: 100%;
margin-left: 0;
margin-right: 0;
display: flex;
}
.checkbox-second-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
margin-right: 0;
display: flex;
}
.contact-form {
opacity: 1;
flex-flow: row;
max-width: 70em;
display: block;
}
.contact-form-block {
justify-content: center;
align-items: center;
margin-bottom: 0;
position: relative;
}
.text-field {
border-style: none none solid;
border-width: 1px;
border-color: black black var(--c-primary--main);
background-color: #0000;
margin-bottom: 40px;
padding-left: 0;
padding-right: 0;
}
.text-field::placeholder {
color: var(--c-grey--50);
font-family: Helvetica;
}
.text-field.small-text {
border-radius: 0;
}
.text-field.small-text:focus {
border-bottom-color: var(--c-primary--main);
}
.text-field.small-text.message-field {
min-height: 8rem;
}
.text-field.small-text.message-field:focus {
border-bottom-color: var(--c-primary--main);
}
.checkbox.w--redirected-checked {
border-color: var(--c-primary--main);
background-color: var(--c-primary--bg);
}
.checkbox.w--redirected-focus {
box-shadow: 0 0 3px 1px var(--c-primary--main);
}
.location-info-section {
margin-top: 45px;
}
.location-info-wrap {
padding: 20px;
}
.location-info-grid {
grid-column-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.location-image-wrapper {
margin-right: 20px;
}
.location-image {
object-fit: cover;
object-position: 50% 92%;
width: 100%;
height: 15rem;
}
.location-info-text {
flex-direction: column;
justify-content: flex-start;
display: flex;
}
.location-info-text.right-aligned {
align-items: flex-end;
}
.location-time-wrap {
align-items: center;
display: flex;
}
.clock-icon {
width: 15px;
height: 15px;
margin-right: 5px;
}
.contact-info-wrap {
grid-row-gap: 10px;
flex-direction: column;
display: flex;
}
.text-block {
margin-left: 5px;
}
.privacy-policy-section {
margin-top: 50px;
}
.privacy-policy-section.bg {
background-color: var(--c-primary--main);
height: 50vh;
}
.privacy-policy-wrap {
width: 80%;
padding: 20px;
}
.error-message {
background-color: var(--c-primary--main);
text-align: center;
border-radius: 50px;
width: 520px;
margin-top: 40px;
padding-top: 15px;
padding-bottom: 15px;
}
.error-text {
text-align: center;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
display: inline-block;
}
.success-message {
color: var(--c-grey--white);
text-align: center;
-webkit-text-stroke-color: var(--c-grey--trans--0);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.work-info {
grid-column-gap: 20px;
grid-row-gap: 16px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: min-content .3fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: center stretch;
display: grid;
}
.featured-collection-list-wrapper {
flex-direction: row;
}
.featured-collection-list {
display: flex;
}
.featured-collection-item {
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.gallery-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-height: none;
display: block;
}
.gallery-list-wrapper {
max-height: none;
}
.gallery-list-wrapper.hide {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.work-section {
margin-top: 0;
}
.work-wrapper {
padding: 65px 20px 20px;
}
.work-intro-grid {
grid-column-gap: 78px;
grid-row-gap: 78px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr .5fr;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.project-info {
grid-row-gap: 5px;
flex-direction: column;
display: flex;
}
.project-paragraph.blog {
font-size: 18px;
line-height: 1;
}
.work-grid {
grid-row-gap: 20px;
column-count: 2;
grid-template-rows: auto;
grid-template-columns: 1fr;
width: 100%;
margin-top: 10vh;
display: block;
}
.secondary-images-item {
flex-direction: row;
}
.secondary-images-list {
grid-column-gap: 16px;
grid-row-gap: 20px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.suggested-work-section {
padding: 20px;
}
.suggested-collection-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.suggested-image {
box-sizing: border-box;
float: none;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
position: static;
inset: auto 0% 0%;
}
.suggested-link {
width: 100%;
height: 350px;
position: relative;
overflow: hidden;
}
.secondary-images-list-wrapper {
width: 100%;
}
.gallery-collection-item {
min-width: auto;
min-height: auto;
}
.gallery-collection-item.blog {
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
}
.service-heading {
line-height: 1.2;
}
.gallery-title {
margin-bottom: 20px;
font-size: 24px;
display: none;
}
.colour-wrap {
width: 100%;
margin-top: 40px;
}
.nav-social-links-wrap {
grid-column-gap: 60px;
display: flex;
}
.template-information-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.licenses-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.license-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
display: flex;
}
.license-element-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: column;
display: flex;
}
.spacer {
background-color: var(--c-primary--main);
width: 100%;
height: 1px;
}
.template-section-wrapper {
grid-column-gap: 6px;
grid-row-gap: 6px;
display: flex;
}
.template-section-wrapper.subtext {
margin-bottom: 20px;
}
.template-section-wrapper.added-margin {
margin-top: 60px;
}
.template-links {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.template-information-navigation {
grid-column-gap: 20px;
grid-row-gap: 20px;
display: flex;
}
.license-content-wrap {
justify-content: space-between;
align-items: flex-start;
padding: 80px 150px 120px;
display: flex;
}
.changelog-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
display: flex;
}
.success-message-2 {
background-color: var(--c-primary--main);
border-radius: 50px;
width: 400px;
}
.instruction-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
display: flex;
}
.instruction-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.instructions-content-wrap {
justify-content: space-between;
align-items: flex-start;
padding: 80px 150px 120px;
display: flex;
}
.highlighted-text {
background-color: var(--c-primary--main);
color: var(--c-primary--bg);
white-space: nowrap;
border-radius: 10px;
margin-left: 5px;
padding-left: 10px;
padding-right: 10px;
}
.screenshot-wrapper {
margin-top: 20px;
margin-bottom: 20px;
}
.filter-span-wrap {
white-space: nowrap;
}
.text-span {
font-style: italic;
}
.checkbox-field {
grid-column-gap: 0px;
grid-row-gap: 0px;
align-self: auto;
margin-left: 0;
padding-left: 0;
display: flex;
}
.work-image {
margin-bottom: 20px;
}
.category-hero-wrap {
padding: 65px 20px 40px;
}
.category-first-column {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
width: 80%;
display: flex;
}
.catgeory-grid {
grid-template-rows: auto;
}
.catgeory-project-info {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
display: flex;
}
.category-project-divider {
background-color: var(--c-primary--main);
width: 100%;
height: 1px;
}
.project-description-wrap {
width: 70%;
}
.category-project-grid {
grid-column-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
margin-bottom: 14vh;
}
.catgeory-project-section {
padding-top: 5vh;
padding-left: 20px;
padding-right: 20px;
}
.category-secondary-image-wrap {
margin-top: 5vh;
}
.catgeory-images-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.all-categories-list-wrapper {
display: none;
}
.see-all {
margin-right: 6px;
}
.service-link-wrap {
align-items: center;
display: flex;
}
.text-span-3 {
color: var(--c-grey--100);
text-decoration: underline;
}
.frame-31 {
grid-row-gap: 10px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: block;
}
.vectors-wrapper {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 27px;
text-decoration: none;
display: flex;
}
.spt-ci-symbol {
grid-column-gap: 16px;
grid-row-gap: 10px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1.75fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: grid;
}
.vectors-wrapper-2 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
text-decoration: none;
display: flex;
}
.image {
margin-top: 40px;
}
.flex-block {
padding-left: 20px;
padding-right: 20px;
}
.clear-video-2 {
box-sizing: border-box;
object-fit: contain;
border-radius: 0;
flex-flow: column;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 26em;
min-width: auto;
height: 17em;
min-height: auto;
margin: 0;
padding-top: 0;
display: block;
position: relative;
overflow: visible;
}
.heading {
padding-top: 10px;
}
.heading-2 {
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
font-weight: 400;
position: relative;
}
.heading-2.product-txt {
color: var(--c-secondary--mint-green);
text-align: left;
padding-top: 10px;
font-weight: 400;
}
.heading-2.product-txt.white {
color: var(--c-primary--bg);
font-weight: 300;
}
.heading-2.product-txt.white:lang(ko) {
font-weight: 400;
}
.heading-2.product-txt.white.color-grey {
color: var(--c-grey--200);
padding-top: 0;
font-size: 14px;
}
.heading-2.product-txt.white.color-grey.light {
color: var(--c-primary--blue-500);
letter-spacing: normal;
font-size: 19px;
font-weight: 400;
}
.heading-2.product-txt.white.color-grey.light.green {
color: var(--play-secondary-color--green);
}
.heading-2.product-txt.white.color-grey.light.green:lang(ko) {
font-weight: 600;
}
.heading-2.product-txt.white.color-grey.light.green.api-customer-support-align {
align-self: center;
padding-top: 0;
}
.heading-2.product-txt.white.color-grey.light.green.api-customer-support-align.api-color {
color: var(--c-secondary--api-green);
padding-bottom: 0;
font-size: 18px;
font-weight: 300;
}
.heading-2.product-txt.white.color-grey.light.green.api-customer-support-align.api-color:lang(ko) {
font-weight: 400;
}
.heading-2.product-txt.white.color-grey.light.green.api-customer-support-align.api-color:lang(ja) {
font-size: 16px;
}
.heading-2.product-txt.white.color-grey.light.green.api-customer-support-align.api-color.color {
color: var(--c-primary--bg);
}
.heading-2.product-txt.white.color-grey.light.green.api-customer-support-align.api-color.color:lang(ko) {
font-weight: 400;
}
.heading-2.product-txt.white.color-grey.light.padding {
padding-top: 0;
}
.heading-2.product-txt.white.color-grey.light.padding.grey-grey {
width: 70%;
color: var(--c-grey--400);
}
.heading-2.product-txt.white.color-grey.light.campaing-txt {
color: var(--c-primary--bg);
font-family: Manrope, sans-serif;
}
.heading-2.product-txt.white.off {
color: var(--c-grey--300);
font-size: 30px;
font-weight: 400;
}
.heading-2.product-txt.white.off.non {
display: none;
}
.heading-2.product-txt.white.light {
padding-bottom: 10px;
font-weight: 400;
}
.heading-2.product-txt.white.light.api-color {
color: var(--c-secondary--api-green);
font-weight: 300;
}
.heading-2.product-txt.white.light.api-color:lang(ko) {
font-weight: 400;
}
.heading-2.product-txt.white.light.padding {
margin-bottom: 20px;
}
.heading-2.product-txt.white.light.upside-padding {
margin-top: 40px;
font-weight: 300;
display: none;
}
.heading-2.product-txt.white.gap {
margin-top: 60px;
}
.heading-2.product-txt.white.height-cus {
text-align: center;
padding-top: 0;
line-height: 2.2;
}
.heading-2.product-txt.white.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
}
.heading-2.product-txt.white.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.heading-2.product-txt.pink {
color: var(--c-secondary--pink);
}
.heading-2.product-txt.green {
color: var(--play-secondary-color--green);
padding-bottom: 10px;
}
.heading-2.product-txt.green.manrope, .heading-2.product-txt.mint-green.manrope {
font-family: Manrope, sans-serif;
}
.heading-2.tt {
color: var(--c-primary--bg);
margin-bottom: 20px;
font-size: 24px;
}
.heading-2.tt.api-color {
color: var(--c-secondary--api-green);
}
.heading-2.tt.api-color.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 18px;
font-weight: 300;
}
.heading-2.tt.api-color.manrope:lang(ko) {
font-weight: 400;
}
.heading-2.sub-c-txt {
color: var(--c-primary--bg);
font-size: 14px;
}
.link-2 {
color: var(--c-primary--main);
text-align: right;
justify-content: flex-start;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
font-size: 15px;
display: flex;
}
.link-2.white {
color: var(--c-primary--bg);
}
.spin-sym {
grid-column-gap: 0px;
object-fit: contain;
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
position: relative;
}
.vectors-wrapper-3 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 65.35px;
height: 65.35px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-4 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 55.19px;
height: 55.19px;
text-decoration: none;
display: flex;
position: absolute;
top: 5px;
left: 5px;
}
.spt-ci-txt {
grid-row-gap: 10px;
flex-flow: row;
justify-content: flex-start;
align-self: center;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.vectors-wrapper-5 {
box-sizing: border-box;
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: contain;
object-position: 45% 50%;
flex: 0 auto;
justify-content: flex-start;
align-self: center;
align-items: flex-start;
padding-left: 7px;
text-decoration: none;
display: flex;
overflow: clip;
}
.work {
grid-column-gap: 4.59067px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
position: relative;
}
.vectors-wrapper-6 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-7 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 25.3359px;
height: 25.3359px;
text-decoration: none;
display: flex;
position: absolute;
top: 2.29533px;
left: 2.29533px;
}
.work-2 {
grid-column-gap: 4.89671px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
position: relative;
}
.vectors-wrapper-8 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
text-decoration: none;
display: flex;
}
.spt-sym-nav {
object-fit: cover;
justify-content: center;
align-items: center;
width: 27.0249px;
height: 27.0249px;
text-decoration: none;
display: flex;
position: absolute;
top: 2.44844px;
left: 2.44831px;
}
.flex-block-2 {
object-fit: fill;
object-position: 10% 10%;
}
.heading-3 {
padding-bottom: 0;
}
.stp-ci {
object-fit: fill;
object-position: 50% 50%;
width: 100%;
}
.partners {
margin-top: 100px;
margin-bottom: 100px;
}
.grid {
grid-template-rows: auto;
grid-template-columns: 4fr;
display: block;
}
.image-2 {
padding-left: 20px;
padding-right: 20px;
position: absolute;
}
.clear {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
display: flex;
}
.container {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1920px;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
display: flex;
}
.picture {
grid-column-gap: 86px;
background-color: #f2fb41;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 44px 54px;
text-decoration: none;
display: flex;
position: relative;
}
.vectors-wrapper-10 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.link-3 {
justify-content: center;
align-items: center;
width: 124px;
padding: 8.81px 14.3333px 8.8px;
text-decoration: none;
display: flex;
}
.vc_plugin_01 {
object-fit: cover;
position: absolute;
top: 133.5px;
left: 543px;
}
.clear-2 {
background-color: #f2f2f2;
border: 1px #17191a;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1920px;
margin-top: 100px;
text-decoration: none;
display: flex;
}
.link-4 {
grid-row-gap: .01px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.container-2 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.picture-2 {
grid-row-gap: 10px;
background-color: #f2fb41;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 44px 264px;
text-decoration: none;
display: flex;
position: relative;
}
.vectors-wrapper-11 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.link-5 {
grid-row-gap: .01px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.container-3 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.picture-3 {
grid-row-gap: 10px;
background-color: #f2fb41;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-top: 100px;
padding: 140px 264px;
text-decoration: none;
display: flex;
position: relative;
}
.wave-clear {
box-sizing: content-box;
grid-column-gap: 0px;
grid-row-gap: 0px;
aspect-ratio: auto;
object-fit: fill;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
max-width: none;
height: 100%;
text-decoration: none;
display: block;
position: relative;
top: auto;
overflow: auto;
}
.vectors-wrapper-13 {
box-sizing: border-box;
object-fit: cover;
flex-flow: row;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
position: absolute;
top: auto;
left: auto;
overflow: clip;
}
._1 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.vectors-wrapper-14 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.clear-3 {
grid-row-gap: 10px;
background-color: #f2fb41;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1920px;
padding: 44px 264px;
text-decoration: none;
display: flex;
position: relative;
}
.vectors-wrapper-15 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.vectors-wrapper-16 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
position: absolute;
top: 133.5px;
left: 543px;
}
.clear-4 {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.vectors-wrapper-17 {
aspect-ratio: auto;
object-fit: cover;
background-color: #305dff00;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
}
.clear-graphic-a {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 90%;
max-width: none;
height: 90%;
text-decoration: none;
display: block;
position: absolute;
top: auto;
left: auto;
overflow: scroll;
}
.vc_plugin_01-2 {
object-fit: contain;
flex: 0 auto;
width: 65%;
height: 65%;
position: absolute;
top: auto;
left: auto;
overflow: auto;
}
.graphic {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
position: absolute;
top: 188px;
left: 0;
}
.spt-graphic-main {
object-fit: contain;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
position: absolute;
}
.background-video-2 {
position: absolute;
}
.clear-clip {
object-fit: cover;
position: absolute;
}
.clear {
margin-bottom: 100px;
padding-left: 0;
padding-right: 0;
}
.div-block {
object-fit: contain;
background-color: #d52121;
width: 500px;
height: 500px;
position: absolute;
overflow: visible;
}
.container-mov {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template: ". . . Area"
". . . ."
/ 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
height: 26.763%;
margin-top: 0;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
display: grid;
position: relative;
overflow: visible;
}
.spt-bg {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.vectors-wrapper-19 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
max-height: 500px;
padding-left: 0;
padding-right: 0;
text-decoration: none;
display: block;
position: relative;
}
.frame-7 {
grid-column-gap: 16px;
grid-row-gap: 10px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: block;
position: relative;
overflow: visible;
}
.vectors-wrapper-20 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.spt-wave {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 60%;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
display: flex;
position: absolute;
}
.container-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: fill;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: none;
margin-left: 0;
margin-right: auto;
display: block;
position: absolute;
left: auto;
right: auto;
overflow: visible;
}
.container-5 {
max-width: none;
padding-left: 20px;
padding-right: 20px;
position: absolute;
}
.clear-video {
box-sizing: border-box;
object-fit: fill;
width: 50%;
height: 50%;
display: block;
position: absolute;
overflow: clip;
}
.container---mov {
z-index: auto;
object-fit: cover;
background-color: #722f2f00;
border-radius: 6px;
flex-flow: row;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: center;
max-width: none;
margin-left: 0;
margin-right: 0;
display: block;
position: absolute;
inset: auto;
overflow: clip;
}
.company-video {
box-sizing: border-box;
object-fit: contain;
flex-flow: column;
align-items: center;
width: 100%;
min-width: auto;
min-height: auto;
margin-top: 40px;
padding-top: 0;
display: flex;
overflow: visible;
}
.nansy {
background-color: #f2f2f2;
border: 0 solid #17191a;
border-top-width: 1px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1919px;
height: 859px;
text-decoration: none;
display: flex;
}
.link-6 {
grid-row-gap: .01px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 859px;
display: flex;
}
.container-7 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 859px;
display: flex;
position: relative;
}
.picture-4 {
background-color: #d3cbfa;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1920px;
height: 859px;
text-decoration: none;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.link-7 {
justify-content: center;
align-items: center;
width: 124px;
padding: 8.81px 14.3333px 8.8px;
text-decoration: none;
display: flex;
position: absolute;
top: 763.594px;
left: 1742px;
}
.frame-3 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1920px;
height: 859px;
text-decoration: none;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.graphic-2 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 859px;
text-decoration: none;
display: flex;
position: absolute;
top: 0;
left: 3.63798e-12px;
}
.vectors-wrapper-21 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.nansy-2 {
object-fit: cover;
background-color: #f2f2f2;
border: 0 #17191a;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
height: 100%;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.picture-5 {
background-color: #d3cbfa;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1920px;
height: 859px;
text-decoration: none;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.vectors-wrapper-22 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.nansy-3 {
background-color: #f2f2f2;
border: 0 solid #17191a;
border-top-width: 1px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1919px;
height: 859px;
text-decoration: none;
display: flex;
position: relative;
}
.vectors-wrapper-23 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.container-8 {
flex-flow: column;
max-width: none;
margin-left: 0;
margin-right: 0;
display: flex;
}
.container-9 {
grid-column-gap: 0px;
background-color: #fff;
justify-content: center;
align-self: stretch;
align-items: center;
width: 100%;
height: 4em;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: absolute;
}
.container-10 {
grid-column-gap: 26.66px;
justify-content: center;
align-items: flex-end;
width: 100%;
max-width: 1393.34px;
text-decoration: none;
display: flex;
}
.container-11 {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 446.67px;
text-decoration: none;
display: flex;
}
.paragraph {
grid-column-gap: 6.67px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.margin {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 4px;
padding-right: 4px;
text-decoration: none;
display: flex;
}
.container-12 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 446.66px;
text-decoration: none;
display: flex;
}
.container-13 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.contents-hero-holder {
background-color: var(--c-grey--white);
margin-bottom: 0;
padding: 80px 20px 100px;
}
.contents-hero-holder-b {
background-color: var(--c-grey--trans--0);
margin-bottom: 60px;
padding: 0 0 20px;
}
.text---head {
color: var(--c-primary--main);
text-align: left;
font-family: Bdogrotesk;
font-size: 34px;
font-weight: 400;
line-height: 1.2;
}
.text---head.style-titles {
margin-bottom: 30px;
}
.text---head.menu-large-text {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.text---head.services-h1 {
margin-bottom: 40px;
font-family: Supertone Serif, sans-serif;
font-size: 30px;
font-weight: 300;
}
.text---head.services-intro-hero {
width: 75%;
margin-bottom: 40px;
font-size: 30px;
font-weight: 400;
}
.text---head.looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.text---head.testimonial-heading {
margin-bottom: 10px;
}
.text---head.about-testimonial {
width: 100%;
max-width: none;
margin-bottom: 0;
margin-left: 0;
position: relative;
}
.text---head.awards-looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.text---head.contact-heading {
margin-bottom: 10px;
}
.text---head.product-title {
font-size: 40px;
}
.small-text---sub {
color: var(--c-grey--50);
padding-top: 20px;
font-family: Bdogrotesk;
font-size: 16px;
line-height: 1.2;
}
.small-text---sub.grey {
color: var(--c-grey--50);
}
.small-text---sub.service {
margin-bottom: 3px;
}
.small-text---sub.service-small {
margin-bottom: 10px;
}
.small-text---sub.testimonial-position {
color: var(--c-grey--50);
}
.small-text---sub.privacy {
margin-right: 20px;
font-size: 14px;
}
.small-text---sub.privacy:hover {
color: var(--c-grey--100);
}
.small-text---sub.webflow-link {
color: var(--c-grey--50);
font-size: 14px;
}
.small-text---sub.template-links {
font-size: 14px;
}
.small-text---sub.template-links:hover {
color: var(--c-grey--100);
}
.small-text---sub.trademark {
font-size: 14px;
}
.clear-graphic-b {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
height: 80%;
text-decoration: none;
display: none;
position: absolute;
top: auto;
left: auto;
overflow: scroll;
}
.contents-hero-holder-c {
background-color: var(--c-grey--black);
margin-bottom: 0;
padding: 6vh 20px 20px;
}
.business-content-graphic {
box-sizing: border-box;
aspect-ratio: auto;
width: 100%;
max-width: 100vw;
height: 100%;
max-height: none;
color: var(--c-primary--main);
object-fit: fill;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
text-decoration: none;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.base-text---sub {
color: var(--c-primary--main);
text-align: left;
justify-content: flex-start;
margin-top: 0;
font-family: Bdogrotesk;
font-size: 16px;
font-weight: 400;
line-height: 1.3;
}
.base-text---sub.menu {
margin-right: 5px;
}
.base-text---sub.hero-intro {
font-weight: 500;
}
.base-text---sub.company {
white-space: nowrap;
}
.base-text---sub.year {
text-align: left;
}
.base-text---sub.to-expect {
white-space: nowrap;
}
.base-text---sub.how-we-do-it, .base-text---sub.service-about, .base-text---sub.gallery-title {
margin-bottom: 20px;
}
.base-text---sub.testimonial-name {
margin-bottom: 5px;
}
.base-text---sub.form-label {
font-weight: 400;
}
.base-text---sub.location {
margin-bottom: 10px;
}
.base-text---sub.contact-address {
color: var(--c-grey--50);
margin-top: 10px;
margin-bottom: 10px;
}
.base-text---sub.nav-text, .base-text---sub.nav-time {
white-space: nowrap;
}
.base-text---sub.all-work-brand {
white-space: normal;
}
.base-text---sub.how-paragraph {
margin-top: 20px;
}
.base-text---sub.subtext {
color: var(--c-grey--50);
font-size: 16px;
}
.base-text---sub.extra-height {
line-height: 1.5;
}
.business-content-bg {
aspect-ratio: auto;
object-fit: cover;
background-color: #305dff;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
overflow: hidden;
}
.base-text---sanserif {
color: var(--c-primary--main);
text-align: left;
justify-content: flex-start;
font-family: Supertone Serif, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 1.3;
}
.base-text---sanserif.menu {
margin-right: 5px;
}
.base-text---sanserif.hero-intro {
font-weight: 500;
}
.base-text---sanserif.company {
white-space: nowrap;
}
.base-text---sanserif.year {
text-align: left;
}
.base-text---sanserif.to-expect {
white-space: nowrap;
}
.base-text---sanserif.how-we-do-it, .base-text---sanserif.service-about, .base-text---sanserif.gallery-title {
margin-bottom: 20px;
}
.base-text---sanserif.testimonial-name {
margin-bottom: 5px;
}
.base-text---sanserif.form-label {
font-weight: 400;
}
.base-text---sanserif.location {
margin-bottom: 10px;
}
.base-text---sanserif.contact-address {
color: var(--c-grey--50);
margin-top: 10px;
margin-bottom: 10px;
}
.base-text---sanserif.nav-text, .base-text---sanserif.nav-time {
white-space: nowrap;
}
.base-text---sanserif.all-work-brand {
white-space: normal;
}
.base-text---sanserif.how-paragraph {
margin-top: 20px;
font-family: Bdogrotesk;
}
.base-text---sanserif.subtext {
color: var(--c-grey--50);
font-size: 16px;
}
.base-text---sanserif.extra-height {
line-height: 1.5;
}
.menu-text {
color: var(--c-primary--main);
text-align: left;
justify-content: flex-start;
font-family: Supertone Serif, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 1.3;
}
.menu-text.menu {
margin-right: 5px;
}
.menu-text.hero-intro {
font-weight: 500;
}
.menu-text.company {
white-space: nowrap;
}
.menu-text.year {
text-align: left;
}
.menu-text.to-expect {
white-space: nowrap;
}
.menu-text.how-we-do-it, .menu-text.service-about, .menu-text.gallery-title {
margin-bottom: 20px;
}
.menu-text.testimonial-name {
margin-bottom: 5px;
}
.menu-text.form-label {
font-weight: 400;
}
.menu-text.location {
margin-bottom: 10px;
}
.menu-text.contact-address {
color: var(--c-grey--50);
margin-top: 10px;
margin-bottom: 10px;
}
.menu-text.nav-text {
white-space: nowrap;
}
.menu-text.nav-time {
white-space: nowrap;
padding-top: 0;
padding-bottom: 0;
font-family: Bdogrotesk;
font-weight: 400;
position: static;
}
.menu-text.all-work-brand {
white-space: normal;
}
.menu-text.how-paragraph {
margin-top: 20px;
}
.menu-text.subtext {
color: var(--c-grey--50);
font-size: 16px;
}
.menu-text.extra-height {
line-height: 1.5;
}
.rl_navbar1_menu-button {
padding: 0;
}
.rl_navbar1_button {
border: 1px solid var(--c-grey--black);
background-color: var(--c-grey--black);
color: var(--c-grey--white);
text-align: center;
padding: .5rem 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: 1rem;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
}
.rl_navbar1_button-secondary {
border: 1px solid var(--c-grey--black);
color: var(--c-grey--black);
text-align: center;
background-color: #0000;
padding: .5rem 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: 1rem;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
}
.rl_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;
}
.rl_navbar1_dropdown-link {
color: #000;
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: 1rem;
font-weight: 400;
line-height: 1.5;
}
.rl_navbar1_dropdown-link.w--current {
color: #000;
}
.rl_navbar1_dropdown-list {
background-color: #8b4c4c;
background-image: linear-gradient(to bottom, var(--c-grey--50), var(--c-grey--50));
}
.rl_navbar1_dropdown-list.w--open {
background-color: #fff;
border: 1px solid #000;
padding: .5rem;
}
.rl-dropdown-icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
margin-top: auto;
margin-bottom: auto;
margin-right: 1rem;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
right: 0%;
}
.rl_navbar2_dropdown-toggle {
color: var(--c-grey--black);
padding: 0 2.5rem 0 1rem;
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.5;
}
.rl_navbar1_link {
color: var(--c-grey--black);
background-color: #0000;
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: 1rem;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
}
.rl_navbar1_link.w--current {
color: #000;
}
.rl_navbar1_menu {
align-items: center;
display: flex;
position: static;
}
.rl_navbar1_logo-link {
width: 133%;
padding-left: 0;
}
.rl_navbar1_container {
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.rl_navbar1_component {
border-bottom: 1px solid var(--c-grey--black);
background-color: var(--c-grey--trans--70);
align-items: center;
width: 100%;
height: auto;
min-height: 3rem;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: fixed;
}
.spt-sym-nav-new, .nav-spt-sym {
object-fit: cover;
justify-content: center;
align-items: center;
width: 27.0249px;
height: 27.0249px;
text-decoration: none;
display: flex;
position: absolute;
top: 2.44844px;
left: 2.44831px;
}
.nav-spt-sym.mobile {
width: auto;
height: auto;
padding: 1.5px;
display: block;
position: absolute;
inset: 0;
}
.nav--wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 2.25fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
display: grid;
position: static;
}
.dropdown-icon-wrap {
color: #7f56d9;
flex: none;
position: static;
}
.dropdown-heading {
white-space: nowrap;
align-self: auto;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
}
.dropdown-heading.white.mobile {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.dropdown-heading.white.mobile.padding-0 {
align-self: center;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.logo-wrapper {
border-radius: 7px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 10px;
display: block;
position: relative;
}
.small-text-2 {
margin-right: 20px;
font-size: 14px;
}
.small-text-2.dropdown-subtext {
color: #999;
line-height: 1.4;
}
.small-text-2.white {
color: var(--c-primary--bg);
}
.small-text-2.white.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.small-text-2.white.manrope.gray {
color: var(--c-grey--300);
font-weight: 300;
}
.dropdown-linkblock {
grid-column-gap: 1.4rem;
grid-row-gap: 0px;
color: var(--c-grey--black);
border-radius: 10px;
grid-template-rows: auto;
grid-template-columns: 24px 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
margin: 16px;
padding: 0 18px;
text-decoration: none;
display: block;
}
.dropdown-linkblock:hover {
opacity: 1;
outline-offset: 0px;
outline: 3px solid #11594f1a;
}
.arrow-3 {
z-index: 3;
background-color: var(--c-primary--main);
width: 10px;
height: 10px;
color: var(--c-primary--main);
text-align: right;
-webkit-text-stroke-color: var(--c-primary--main);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
display: block;
position: relative;
}
.arrow-3.nav-arrow {
display: none;
}
.icon-2 {
border-radius: 10px;
justify-content: flex-start;
align-items: center;
width: 18px;
height: 18px;
display: flex;
}
.icon-2.hide {
display: none;
}
.dropdown-toggle {
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
display: flex;
}
.dropdown-text {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
font-weight: 400;
display: flex;
}
.dropdown-text.ondevice-txt, .dropdown-text.responsible-ai-txt {
white-space: nowrap;
}
.brand-image-2 {
justify-content: center;
align-items: center;
width: 150px;
}
.brand-image-2:hover {
opacity: 1;
}
.navbar {
z-index: 500;
background-color: var(--c-primary--main);
width: 100%;
position: fixed;
inset: 0% 0% auto;
}
.service-dropdown {
color: var(--c-primary--main);
margin-right: 10px;
padding-left: 4px;
font-weight: 500;
}
.dropdown-icon {
width: 24px;
}
.dropdown-list {
background-color: var(--c-grey--trans--70);
}
.dropdown-list.w--open {
background-color: var(--c-grey--trans--80-white);
opacity: 1;
border-radius: 0;
width: 155.867em;
height: 224em;
overflow: hidden;
}
.nav-links {
color: var(--c-primary--main);
padding-top: 10px;
padding-bottom: 10px;
font-weight: 500;
}
.nav-links.w--current {
color: #11594f;
}
.nav-links.w--current:hover {
color: #3e3e3e;
}
.nav-links.contact {
background-color: var(--c-grey--trans--0);
border-radius: 10px;
padding: 10px 14px;
}
.nav-menu-2 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.dropdown-2 {
vertical-align: baseline;
}
.coming-soon-wrap {
background-color: var(--c-grey--trans--0);
color: #f6f2e2;
border-radius: 6px;
margin-top: 0;
margin-bottom: 0;
padding: 5px 7px;
}
.coming-soon-wrap.none {
display: none;
}
.div-block-2 {
z-index: 500;
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--c-grey--trans--70);
-webkit-text-fill-color: inherit;
mix-blend-mode: normal;
object-fit: fill;
background-clip: border-box;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0% auto auto 0%;
overflow: visible;
}
.dropdown-toggle-copy {
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
display: flex;
}
.btn-core {
grid-column-gap: 17px;
grid-row-gap: 17px;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
padding-top: 10px;
padding-right: 0;
display: flex;
}
.button-2-2 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--blue-500);
color: #f6f2e2;
text-align: left;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-2-2:hover {
opacity: 1;
}
.base-text-2 {
color: #11594f;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
}
.base-text-2.button3-text {
z-index: 3;
color: var(--c-primary--main);
position: relative;
}
.base-text-2.button2-2-text {
z-index: 3;
color: #f6f2e2;
position: relative;
}
.base-text-2.white {
padding-left: 20px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
}
.base-text-2.grey {
padding-left: 20px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.button-2-2-mask {
z-index: 2;
background-color: var(--c-primary--bg);
color: var(--c-primary--main);
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button-2-2-mask.footer {
background-color: var(--c-primary--blue-500);
top: -1%;
left: -1%;
right: -1%;
}
.button-2-2-mask.blue {
background-color: var(--c-primary--blue-500);
}
.text---medium {
color: var(--c-primary--main);
text-align: left;
font-family: Bdogrotesk;
font-size: 30px;
font-weight: 400;
line-height: 1.2;
}
.text---medium.style-titles {
margin-bottom: 30px;
}
.text---medium.menu-large-text {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.text---medium.services-h1 {
margin-bottom: 40px;
font-family: Supertone Serif, sans-serif;
font-size: 30px;
font-weight: 300;
}
.text---medium.services-intro-hero {
width: 75%;
margin-bottom: 10px;
font-size: 30px;
font-weight: 300;
}
.text---medium.services-intro-hero.price-text {
font-size: 50px;
}
.text---medium.services-intro-hero.small-text {
font-size: 20px;
}
.text---medium.looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.text---medium.testimonial-heading {
margin-bottom: 10px;
}
.text---medium.about-testimonial {
width: 100%;
max-width: none;
margin-bottom: 0;
margin-left: 0;
position: relative;
}
.text---medium.awards-looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.text---medium.contact-heading {
margin-bottom: 10px;
}
.base---19---san {
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
font-weight: 300;
position: relative;
}
.base---19---san.product-txt {
text-align: left;
}
.base---19---san.align-right {
text-align: left;
margin-top: 20px;
font-weight: 400;
}
.base---19---san.align-right.white._14 {
font-weight: 300;
}
.base---19---san.align-right.white._14:lang(ko) {
font-weight: 400;
}
.base---19---san.align-right.white._14.padding {
padding-bottom: 40px;
}
.base---19---san.align-right.white._14.padding.grey {
color: var(--c-grey--300);
}
.base---19---san.align-right.white._14.padding.grey.green {
color: var(--c-secondary--mint-green);
}
.base---19---san.align-right.white._14.padding.grey.green.btn {
background-color: var(--c-grey--trans--0);
padding-bottom: 0;
font-size: 19px;
}
.base---19---san.align-right.white._14.padding.grey.green.btn.mark {
background-color: var(--c-primary--blue-500);
justify-content: center;
align-items: center;
padding-left: 10px;
padding-right: 10px;
font-size: 16px;
}
.base---19---san.align-right.white._14.padding.grey.green.btn.mark.mark2 {
border: 1px solid var(--c-secondary--mint-green);
background-color: var(--c-grey--trans--0);
color: var(--c-secondary--mint-green);
}
.base---19---san.align-right.white._14.padding.grey.green.btn.add-txt {
justify-content: center;
align-items: center;
font-size: 15px;
}
.base---19---san.align-right.white._14.grey {
color: var(--c-grey--200);
}
.base---19---san.align-right.white._14.grey.top {
margin-top: 0;
}
.base---19---san.align-right.white.top-margin.mobile.gray.small.air-setting.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
}
.base---19---san.align-right.white.top-margin.mobile.gray.small.air-setting.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.base---19---san.align-right.white.top-margin.mobile.gray.sub-txt.sub-x2-txt {
color: var(--c-grey--300);
margin-top: 5px;
font-size: 14px;
}
.base---19---san.align-right.white.top-margin.mobile.gray.sub-txt.sub-x2-txt.white-white {
color: var(--c-primary--bg);
}
.base---19---san.align-right.white.top-margin.mobile.gray.sub-txt.sub-x2-txt.big-big {
color: var(--c-primary--bg);
font-size: 18px;
}
.base---19---san.align-right.white.top-margin.mobile.gray.sub-txt.sub-x2-txt.big-big:lang(ko) {
font-weight: 400;
}
.base---19---san.align-right.white {
color: #f0f0f0;
}
.base---19---san.align-right.white.top-margin {
margin-top: 10px;
font-weight: 300;
}
.base---19---san.align-right.white.top-margin.mobile {
font-weight: 400;
}
.base---19---san.align-right.white.top-margin.mobile.gray {
color: #909090;
}
.base---19---san.align-right.white.top-margin.mobile.gray.sub-txt {
font-size: 17px;
font-weight: 300;
}
.base---19---san.align-right.white.top-margin.mobile.gray.small.air-setting {
font-weight: 300;
display: block;
}
.base---19---san.align-right.white.top-margin.mobile.gray.small.air-setting:lang(ko) {
font-weight: 400;
}
.base---19---san.top-margine {
margin-top: 10px;
}
.text---head-product---title {
color: var(--c-primary--main);
text-align: left;
font-family: Bdogrotesk;
font-size: 44px;
font-weight: 400;
line-height: 1.2;
}
.text---head-product---title.style-titles {
margin-bottom: 30px;
}
.text---head-product---title.menu-large-text {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.text---head-product---title.services-h1 {
margin-bottom: 40px;
font-family: Supertone Serif, sans-serif;
font-size: 30px;
font-weight: 300;
}
.text---head-product---title.services-intro-hero {
width: 75%;
margin-bottom: 40px;
font-size: 30px;
font-weight: 400;
}
.text---head-product---title.looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.text---head-product---title.testimonial-heading {
margin-bottom: 10px;
}
.text---head-product---title.about-testimonial {
width: 100%;
max-width: none;
margin-bottom: 0;
margin-left: 0;
position: relative;
}
.text---head-product---title.awards-looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.text---head-product---title.contact-heading {
margin-bottom: 10px;
}
.text---head-product---title.product-title {
font-size: 40px;
}
.youtube {
width: 100%;
height: 80px;
margin: 0;
padding-left: 0;
padding-right: 0;
}
.background-video-3 {
padding-top: 0;
}
.div-block-3 {
padding-top: 40px;
}
.clear-mov {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.container-graphic---wave {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
height: 26.763%;
margin-top: 0;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
display: grid;
position: relative;
overflow: visible;
}
.service-section-clear-01 {
padding: 5vh 20px 10vh;
}
.service-section-clear-01.extra-top-padding {
padding: 5vh 0;
}
.image-3 {
box-sizing: border-box;
object-fit: scale-down;
width: 30%;
height: 62.2221%;
padding-top: 10px;
overflow: visible;
}
.service-section-clear-02 {
padding: 5vh 20px 10vh;
}
.service-section-clear-02.extra-top-padding {
padding: 10vh 0 5vh;
}
.service-main-grid---no-interactions {
grid-row-gap: 0px;
border-top: 1px solid var(--c-grey--50);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-bottom: 40px;
display: flex;
}
.service-inner-grid---no-interactions {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-bottom: 1px solid var(--c-grey--50);
cursor: pointer;
grid-template: "Area" 10px
"Area"
/ 1fr;
padding-top: 20px;
padding-bottom: 20px;
}
.legals-social-wrapper {
z-index: 2;
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-direction: row;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.text-span-2 {
margin-right: 10px;
}
.footer-links {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
flex: 0 auto;
display: flex;
}
.sticky-spacer {
height: 50vh;
}
.sticky-spacer.content {
height: 100vh;
margin-top: 0;
}
.sticky-spacer.clear-footer {
display: none;
}
.footer-wrapper {
z-index: 0;
margin-top: 0;
display: block;
overflow: hidden;
}
.footer-wrapper.soluton {
margin-top: -50vh;
}
.footer-wrapper.soluton.padding {
margin-top: auto;
}
.footer-wrapper.company {
margin-top: 0;
}
.footer-wrapper.big, .footer-wrapper.big.mobile-padding, .footer-wrapper.wide, .footer-wrapper.wide:lang(ko), .footer-wrapper.wide:lang(ja) {
display: block;
}
.footer-wrapper.bg-color {
background-color: var(--c-grey--900);
}
.submit-button {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1a7a_6561e57b71d956d6ced514dc_Arrow%2021.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 20px;
width: 20px;
margin-bottom: 10px;
margin-left: -30px;
padding-left: 20px;
padding-right: 20px;
}
.template-helper-links, .social-links-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
display: flex;
}
.newsletter-wrapper {
flex: 0 auto;
}
.social-link-wrapper {
align-self: flex-end;
width: 20px;
}
.social-link-wrapper:hover {
opacity: .3;
}
.social-link-wrapper.large {
width: 22px;
}
.social-link-wrapper.large:hover {
opacity: .5;
}
.privacy-checkbox-field {
align-items: flex-start;
display: flex;
}
.template-info-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.template-info-wrapper.mobile {
display: none;
}
.newsletter-error-message {
background-color: #e9eee2;
border-radius: 20px;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.footer-links-grid {
grid-column-gap: 17%;
grid-row-gap: 17%;
object-fit: fill;
flex: 0 auto;
order: 0;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: stretch end;
display: flex;
}
.privacy-policy-checkbox {
border-color: #11594f;
margin-top: 2px;
margin-right: 10px;
}
.privacy-policy-checkbox.w--redirected-checked {
background-color: #11594f;
border-color: #11594f;
}
.privacy-policy-checkbox.w--redirected-focus {
box-shadow: 0 0 3px 1px #11594f;
}
.footer-grid-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
justify-content: space-between;
display: flex;
}
.privacy-policy {
font-size: 14px;
}
.footer-upper-info {
grid-column-gap: 41px;
grid-row-gap: 41px;
justify-content: flex-start;
display: flex;
}
.footer-text {
color: #11594f;
white-space: nowrap;
margin-left: -10px;
padding-top: 15px;
font-size: 33vw;
font-weight: 500;
line-height: .9;
}
.links-heading {
color: #ff6242;
margin-bottom: 15px;
}
.large-text-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative;
overflow: hidden;
}
.form-block {
flex-direction: column;
margin-bottom: 0;
display: block;
}
.new-text-wrapper {
background-color: #e9eee2;
border-radius: 6px;
margin-bottom: 5px;
padding: 5px 10px;
}
.legals-plus-template-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
display: flex;
}
.footer-lower-info-wrapper {
flex-direction: column;
justify-content: flex-start;
display: flex;
}
.legals-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.footer-section-2 {
padding: 0;
position: sticky;
bottom: 0;
}
.template-links-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
display: flex;
}
.newsletter-success-message {
background-color: #e9eee2;
border-radius: 20px;
padding-top: 14px;
padding-bottom: 14px;
}
.footer-link {
white-space: nowrap;
}
.footer-link:hover {
opacity: .4;
color: #11594f;
}
.footer-link-new-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: row;
margin-right: auto;
display: flex;
}
.text-field-2 {
color: #11594f;
background-color: #0000;
border: 1px #000;
border-bottom: 2px solid #11594f;
border-radius: 0;
margin-bottom: 0;
padding-bottom: 20px;
padding-left: 0;
font-size: 18px;
}
.text-field-2:focus {
border-bottom-color: #ff6242;
}
.text-field-2::placeholder {
color: #11594f;
}
.form {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.input-submit-wrapper {
align-items: center;
width: 100%;
max-width: 360px;
display: flex;
}
.btn-small {
grid-column-gap: 17px;
grid-row-gap: 17px;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 0;
padding-right: 0;
display: flex;
}
.button-3-small {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--bg);
opacity: 1;
height: 40px;
color: var(--c-primary--main);
text-align: left;
border: 1px solid #000;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-3-small:hover {
opacity: 1;
}
.button-3-small._30px {
height: 30px;
}
.button-3 {
z-index: 2;
background-color: var(--c-grey--150);
border-radius: 30px;
position: absolute;
inset: 0%;
}
.link-underline-2 {
background-color: var(--c-primary--main);
height: 1px;
display: block;
transform: translate(-100%);
}
.link-underline2-2 {
background-color: var(--c-primary--main);
height: 1px;
}
.link-underline2-2.white {
background-color: var(--c-primary--bg);
}
.footer-grid-3 {
grid-column-gap: 0px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1.75fr minmax(auto, 1fr);
padding-bottom: 40px;
}
.base-text-3 {
color: var(--c-primary--main);
justify-content: flex-start;
align-self: flex-start;
font-family: Bdogrotesk;
font-size: 19px;
line-height: 1.3;
}
.base-text-3.padding {
margin-bottom: 40px;
}
.base-text-3.padding.large {
font-size: 30px;
}
.legals-wrap-2 {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.e {
width: 75%;
color: var(--c-primary--blue-500);
text-align: left;
padding-bottom: 30px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 34px;
font-weight: 300;
line-height: 1.2;
}
.e.looping-text {
color: var(--c-grey--black);
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.e.looping-text.pink {
font-weight: 400;
}
.e.looping-text.pink.manrope {
font-family: Manrope, sans-serif;
}
.e.looping-text.pink.manrope.manrope-desktop {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 6vw;
font-weight: 300;
}
.e.looping-text.pink.manrope.manrope-desktop.color-key {
color: var(--play-secondary-color--green);
}
.e.looping-text.pink.manrope.manrope-desktop.color-key-2 {
color: var(--c-secondary--play-sub);
}
.e.services-h1 {
color: var(--c-primary--blue-500);
margin-bottom: 40px;
}
.e.services-h1.title {
margin-bottom: 0;
font-size: 40px;
}
.e.services-h1.title.whifte {
color: var(--c-primary--bg);
}
.e.services-h1.title.whifte.padding.manrope-mobile {
font-family: Manrope, sans-serif;
}
.e.services-h1.title.whifte.padding.manrope-mobile.manrope-desktop {
letter-spacing: -1px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 56px;
font-weight: 300;
}
.e.services-h1.title.black {
color: var(--c-primary--main);
}
.e.services-h1.title.black._500 {
font-weight: 500;
}
.e.services-h1.title.padding {
margin-bottom: 0;
}
.e.services-h1.title.padding.small {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 34px;
font-weight: 300;
}
.e.services-h1.title.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
line-height: 1;
}
.e.services-h1.black {
color: var(--c-primary--main);
}
.e.services-h1.black._500 {
margin-bottom: 60px;
padding-bottom: 0;
font-weight: 500;
}
.e.services-h1.black._500.large {
margin-bottom: 40px;
font-size: 44px;
line-height: 1;
}
.e.services-h1.black._500.large.mobile.nomal {
width: auto;
margin-bottom: 0;
font-weight: 400;
}
.e.services-h1.black._500.large.mobile.nomal.small {
font-size: 38px;
}
.e.services-h1.black._500.large.mobile.nomal.small.manrope {
font-family: Manrope, sans-serif;
line-height: 1.2rem;
}
.e.services-h1.black._500.large.mobile.play-obt {
width: 100%;
color: var(--play-secondary-color--green);
margin-bottom: 20px;
font-weight: 400;
box-shadow: 0 2px 5px #0003;
}
.e.services-h1.wht {
color: var(--c-primary--main);
}
.e.services-h1.wht._500 {
margin-bottom: 60px;
padding-bottom: 0;
font-weight: 500;
}
.e.services-h1.wht._500.large {
margin-bottom: 40px;
font-size: 44px;
line-height: 1;
}
.e.services-h1.wht._500.large.mobile.nomal {
width: auto;
margin-bottom: 0;
font-weight: 400;
}
.e.services-h1.wht._500.large.mobile.nomal.small {
color: var(--c-grey--white);
font-size: 38px;
}
.e.services-h1.wht._500.large.mobile.nomal.small.manrope {
color: var(--c-grey--black);
font-family: Manrope, sans-serif;
font-size: 40px;
line-height: 1rem;
}
.e.services-h1.wht._500.large.mobile.nomal.small.manrope.black {
color: var(--c-primary--main);
line-height: 1.2rem;
}
.e.services-h1.wht._500.large.mobile.nomal.small.manrope.white {
color: var(--c-primary--bg);
}
.e.services-h1.wht._500.large.mobile.nomal.small.manrope.white.satoshi, .e.services-h1.wht._500.large.mobile.nomal.small.manrope.satoshi {
font-family: Satoshi Variable;
}
.e.services-h1.wht._500.large.mobile.nomal.small.manrope.edit {
line-height: 34px;
}
.e.services-h1.wht._500.large.mobile.play-obt {
width: 100%;
color: var(--play-secondary-color--green);
margin-bottom: 20px;
font-weight: 400;
box-shadow: 0 2px 5px #0003;
}
.e.services-intro-hero {
align-self: flex-start;
width: 75%;
margin-bottom: 0;
padding-bottom: 20px;
}
.e.services-intro-hero._50 {
width: 50%;
}
.e.services-intro-hero._50.mobile {
width: 80%;
}
.e.services-intro-hero.black {
color: var(--c-primary--blue-500);
margin-bottom: 0;
padding-bottom: 10px;
font-family: Supertone Serif, sans-serif;
font-weight: 500;
}
.e.services-intro-hero.black.medium {
margin-bottom: 20px;
padding-bottom: 0;
font-size: 28px;
}
.e.services-intro-hero.black.txt {
width: 100%;
font-size: 20px;
display: block;
}
.e.services-intro-hero.black.txt.mobile {
margin-top: 0;
padding-bottom: 0;
}
.e.services-intro-hero.white._500 {
margin-bottom: 0;
font-weight: 500;
}
.e.services-intro-hero.pink.manrope {
font-family: Manrope, sans-serif;
}
.e.services-intro-hero.pink.manrope.manrope-desktop {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.e.services-intro-hero.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 28px;
font-weight: 300;
}
.e.services-intro-hero.manrope:lang(ko) {
font-size: 24px;
font-weight: 400;
}
.e.services-intro-hero.manrope:lang(ja) {
font-size: 22px;
}
.e.padding-side-20 {
padding-left: 20px;
padding-right: 20px;
}
.e.pink {
color: var(--c-secondary--pink);
}
.e.pink.top-padding {
width: 50%;
padding-top: 10px;
font-weight: 400;
}
.e.pink.top-padding:lang(ja) {
width: 75%;
}
.e.pink.top-padding.manrope {
color: var(--c-secondary--pink);
font-family: Manrope, sans-serif;
}
.e.pink.top-padding.manrope.white {
width: 45%;
color: var(--c-grey--white);
}
.e.pink.manrope.manrope-desktop {
font-family: Manrope, sans-serif;
}
.e.white {
color: var(--c-primary--bg);
}
.e.white.padding-under-10 {
color: var(--c-secondary--pink);
padding-bottom: 10px;
}
.e.white.padding-under-10.api-color {
color: var(--c-secondary--api-green);
}
.e.white.padding-under-10.api-color.manrope {
font-family: Manrope, sans-serif;
}
.e.white.padding-under-10.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.e.white.padding-under-10.manrope.manrope-desktop, .e.white.padding-under-10.manrope.manrope-desktop-copy {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.e.manrope {
padding-bottom: 10px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.e.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 400;
}
.e.manrope.trial---euclid-circular-b.blog {
padding-bottom: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.e.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.link-wrap-2 {
flex-direction: row;
align-items: center;
display: flex;
overflow: hidden;
}
.link-wrap-2.process-link {
position: absolute;
bottom: 20px;
}
.link-wrap-2.hide {
display: none;
}
.arrow-png-2 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1b28_Arrow_next_Cha.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 14px;
height: 14px;
}
.footer-contact-grid-2 {
grid-row-gap: 7px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.footer-nav-links-grid-2 {
grid-column-gap: 20px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: min-content min-content min-content min-content;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: start;
display: grid;
}
.small-text-3 {
color: #f5f5ef;
font-family: Bdogrotesk;
font-size: 16px;
line-height: 1.2;
}
.small-text-3.trademark, .small-text-3.template-links {
color: var(--c-primary--main);
font-size: 14px;
}
.small-text-3.template-links:hover {
color: #c2c2c2;
}
.small-text-3.webflow-link {
color: #6c6c6c;
font-size: 14px;
}
.small-text-3.privacy {
color: var(--c-primary--main);
margin-right: 20px;
font-size: 14px;
}
.small-text-3.privacy:hover {
color: #c2c2c2;
}
.small-text-3.privacy.white {
color: var(--c-primary--bg);
}
.link-8 {
color: var(--c-primary--main);
font-family: Bdogrotesk;
font-size: 19px;
line-height: 1.2;
text-decoration: none;
}
.link-8.webflow {
color: #f5f5ef;
font-size: 14px;
}
.link-8.webflow:hover {
color: #c2c2c2;
}
.footer-wrap-2 {
border-top: 1px solid #f5f5ef;
flex-direction: column;
justify-content: space-between;
padding: 40px 20px 20px;
display: flex;
}
.button-base-container {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 10px;
display: flex;
}
.button-base-container.gap {
grid-column-gap: 19px;
grid-row-gap: 19px;
margin-left: 40px;
padding-top: 40px;
position: static;
}
.button-base-container.gap.l-padding {
padding-left: 60px;
}
.button-base-container.gap.gap-2 {
margin-left: 0;
}
.button-base-container.gap.gap-2.gap-s {
margin-left: 40px;
}
.button-base-container.gap {
grid-column-gap: 19px;
grid-row-gap: 19px;
grid-column-gap: 19px;
grid-row-gap: 19px;
margin-left: 0;
padding-top: 40px;
position: static;
}
.button-2-2-2 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #f6f2e2;
text-align: left;
background-color: #11594f;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-2-2-2:hover {
opacity: 1;
}
.button-2-2-2.all-projects {
margin-left: auto;
margin-right: auto;
}
.button-base-mask {
z-index: 2;
color: var(--c-primary--main);
border-radius: 30px;
position: absolute;
inset: -1%;
}
.button-base-mask:lang(ko) {
background-color: var(--c-primary--blue-500);
}
.button-base-mask.play-btn-color {
background-color: var(--c-secondary--play-sub);
}
.button-base-mask.manrope {
font-family: Manrope, sans-serif;
}
.button-base-mask.api-btn-color {
background-color: var(--c-secondary--api-green);
}
.button-base-mask.white {
background-color: var(--c-primary--bg);
}
.button-base-mask.white.green {
background-color: var(--play-secondary-color--green);
}
.button-base {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--bg);
height: 36px;
color: var(--c-grey--600);
text-align: left;
-webkit-text-stroke-color: var(--c-grey--black);
border-radius: 30px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base:hover {
opacity: 1;
}
.button-base.center, .button-base.center.w--current {
justify-content: center;
align-items: center;
}
.button-base.aligan {
flex-flow: wrap;
flex: 0 auto;
order: 1;
justify-content: center;
align-self: baseline;
align-items: center;
}
.button-base.aligan.play-btn-color {
background-color: var(--play-secondary-color--green);
}
.button-base.right {
justify-content: flex-start;
align-items: center;
}
.button-base.play-btn-color {
background-color: var(--play-secondary-color--green);
justify-content: center;
}
.button-base.campaign-color.purple {
background-color: var(--c-secondary--light-purple);
}
.button-base.campaign-color.blue {
background-color: var(--c-primary--blue-500);
}
.button-base-text {
z-index: 3;
color: var(--c-primary--main);
justify-content: flex-start;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
line-height: 1.3;
position: relative;
}
.button-base-text:lang(ko) {
font-weight: 400;
}
.button-base-text.button2-2-text {
z-index: 3;
color: var(--c-grey--white);
position: relative;
}
.button-base-text.button3-text {
z-index: 3;
color: var(--c-primary--main);
position: relative;
}
.button-base-text.button2-2-text {
z-index: 3;
color: var(--c-primary--main);
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text.button2-2-text.small.play-btn-ver-m {
display: none;
}
.button-base-text.button2-2-text.white {
color: var(--c-primary--bg);
}
.button-base-text.button2-2-text.small-txt {
font-size: 14px;
}
.button-base-text.button2-2-text.manrope {
font-family: Manrope, sans-serif;
font-weight: 500;
}
.button-base-text.button2-2-text.manrope.satoshi {
font-family: Satoshi Variable;
}
.button-base-text.button2-2-text.big {
font-size: 18px;
display: block;
}
.button-base-text.btn---sub-color {
color: var(--play-secondary-color--green);
font-family: Manrope, sans-serif;
font-weight: 500;
position: static;
}
.button-base-text.btn---main-color {
color: var(--c-primary--main);
position: static;
}
.button-base-text.button-text---demo {
z-index: 3;
color: var(--c-primary--main);
justify-content: center;
align-items: center;
font-size: 26px;
display: block;
position: relative;
inset: auto;
}
.button-base-text.button-text---demo.small {
font-size: 12px;
display: none;
}
.button-base-text.button-text---demo.white {
color: var(--c-primary--bg);
}
.button-base-text.button-text---demo.small-txt {
font-size: 14px;
}
.button-base-text.button-text---demo.manrope {
font-family: Manrope, sans-serif;
font-weight: 500;
}
.button-base-text.button-text---demo.big {
font-size: 18px;
display: block;
}
.button-base-text.small {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
}
.button-base-text.small:lang(ko) {
font-weight: 400;
}
.button-base-text.manrope {
font-family: Manrope, sans-serif;
}
.button-base-text.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
}
.button-base-text.satoshi {
font-family: Satoshi Variable;
}
.button-footer-container {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
padding-top: 10px;
display: flex;
}
.button-footer {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #f6f2e2;
text-align: left;
background-color: #11594f;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-footer:hover {
opacity: 1;
}
.heading-4 {
justify-content: flex-start;
align-items: flex-end;
display: block;
}
.nav-title {
margin-bottom: 10px;
font-size: 16px;
}
.brand {
margin-right: 44px;
}
.vectors-wrapper-24 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
text-decoration: none;
display: flex;
}
.dropdown-list-2 {
min-width: 100%;
display: none;
}
.dropdown-list-2.w--open {
background-color: #0000;
padding-top: 0;
position: absolute;
inset: 46px 0 auto;
box-shadow: 2px 30px 50px #00000014;
}
.navigation-container-mob {
align-items: center;
width: 100%;
max-width: 1300px;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.navigation-drop-container {
background-color: #fff;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.navigation-link-block {
color: #283338;
border-radius: 20px;
width: 100%;
margin-bottom: 20px;
padding: 20px 22px;
font-size: 16px;
text-decoration: none;
transition: all .35s;
display: flex;
}
.navigation-link-block:hover {
color: #7735f6;
background-color: #7735f60d;
}
.large-link {
color: #6127da;
margin-left: auto;
margin-right: auto;
padding: 20px 40px;
text-decoration: none;
display: flex;
}
.dropdown-list-full-wrapper {
background-color: #fff;
}
.dropdown {
margin-left: 5px;
margin-right: 5px;
position: static;
}
.navigation {
z-index: 1000000000;
background-color: var(--c-grey--trans--0);
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
position: fixed;
}
.navigation-full {
z-index: auto;
background-color: var(--c-grey--trans--80-white);
border-bottom: 1px solid #3d424b12;
align-items: center;
width: 100%;
padding: 0 20px;
display: flex;
position: static;
}
.navigation-link {
justify-content: center;
align-items: center;
padding: 20px 12px;
font-size: 15px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.navigation-link:hover {
color: #7735f6;
}
.navigation-link.w--current {
color: #99d715;
}
.navigation-mob {
z-index: 100000;
background-color: #0000;
flex-direction: column;
align-items: center;
display: none;
position: relative;
inset: 0% 0% auto;
}
.vectors-wrapper-25 {
box-sizing: border-box;
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: contain;
object-position: 45% 50%;
flex: 0 auto;
justify-content: flex-start;
align-self: center;
align-items: flex-start;
padding-left: 7px;
text-decoration: none;
display: flex;
overflow: clip;
}
.nav-menu-3 {
color: #283338;
align-items: center;
padding-top: 0;
font-size: 15px;
display: flex;
position: static;
}
.dropdown-toggle-2 {
padding: 10px 24px 10px 12px;
transition: all .2s;
}
.dropdown-toggle-2:hover {
color: #7735f6;
}
.navigation-column {
justify-content: center;
align-items: center;
width: 25%;
padding: 10px 15px 0;
}
.navigation-bottom-bar {
background-color: #7735f614;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb194c_scribble-5.svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: auto;
margin-left: auto;
margin-right: auto;
display: flex;
}
.global-logo {
width: 120px;
}
.navigation-wrap {
z-index: auto;
background-color: var(--c-secondary--yellow);
width: 100%;
position: fixed;
top: 0%;
left: 0%;
right: 0%;
}
.nav-link-details {
color: #283338de;
font-size: 14px;
}
.navigation-right {
justify-content: flex-end;
align-items: center;
width: 50%;
font-size: 16px;
display: flex;
}
.navigation-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
max-width: 1300px;
height: 100%;
margin-left: 0;
margin-right: 0;
display: grid;
}
.navigation-link-block-mob {
color: #283338;
border-radius: 20px;
width: 100%;
margin-bottom: 20px;
padding: 20px 22px;
font-size: 16px;
text-decoration: none;
transition: all .35s;
display: flex;
}
.navigation-link-block-mob:hover {
color: #7735f6;
background-color: #7735f60d;
}
.drop-arrow-plain {
margin-right: 5px;
font-size: 14px;
}
.global-icon-x-small {
flex: none;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.brand-image-3 {
justify-content: center;
align-items: center;
width: 150px;
padding-top: 10px;
padding-bottom: 10px;
}
.brand-image-3:hover {
opacity: 1;
}
.nav-content-wrap {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding-left: 20px;
display: flex;
}
.global-button-primary {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #fff;
white-space: nowrap;
background-color: #6f5cff;
border-radius: 8px;
justify-content: center;
align-items: center;
height: 32px;
padding: 6px 12px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-decoration: none;
transition: color .3s ease-out, background-color .3s ease-out;
display: flex;
position: relative;
overflow: hidden;
box-shadow: inset 0 4px 12px #9b8eff4d, inset 0 1px #9b8eff99, 0 -1px 1px #5b29ffcc, 0 0 0 1px #6e5bff;
}
.global-button-primary:hover {
background-color: #7f6fff;
}
.global-button-primary:active {
background-color: #705cfa;
}
.navigation-left {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 50%;
display: flex;
}
.flowbase-logo {
width: 54px;
}
.spin-sym-mob {
grid-column-gap: 0px;
object-fit: contain;
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
position: relative;
}
.nav--wrapper-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
display: grid;
}
.dropdown-icon-wrap-2 {
color: #7f56d9;
flex: none;
}
.logo-wrapper-2 {
float: none;
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius: 7px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
width: 11em;
padding: 9px 0 10px;
display: flex;
position: relative;
}
.logo-wrapper-2.antinode-brand {
grid-column-gap: 0px;
width: auto;
}
.small-text-4 {
font-size: 14px;
}
.small-text-4.coming-soon {
color: var(--c-grey--400);
font-size: 10px;
display: block;
}
.small-text-4.dropdown-subtext {
color: var(--c-grey--200);
font-size: 12px;
line-height: 1.4;
display: block;
}
.dropdown-linkblock-2 {
grid-column-gap: 1.4rem;
grid-row-gap: 0px;
border-radius: 10px;
grid-template-rows: auto;
grid-template-columns: 24px;
grid-auto-columns: 1fr;
align-items: flex-start;
margin: 8px 16px;
padding: 12px 18px;
text-decoration: none;
display: grid;
}
.dropdown-linkblock-2:hover {
opacity: 1;
outline-offset: 0px;
outline: 3px #11594f1a;
}
.dropdown-linkblock-2.w--current:hover {
outline-offset: 0px;
outline: 3px #11594f1a;
}
.arrow-2-2 {
z-index: 3;
width: 10px;
height: 10px;
display: block;
position: relative;
}
.arrow-2-2.nav-arrow {
display: none;
}
.dropdown-toggle-3 {
align-items: center;
padding: 15px 14px;
display: flex;
}
.brand-image-4 {
justify-content: center;
align-items: center;
width: 10em;
}
.brand-image-4:hover {
opacity: 1;
}
.service-dropdown-2 {
color: #11594f;
margin-right: 5px;
font-size: 16px;
font-weight: 500;
}
.service-dropdown-2.white.large {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 15px;
font-weight: 300;
display: block;
}
.service-dropdown-2.white.large.products-btn-del {
display: none;
}
.dropdown-list-3 {
z-index: 99;
}
.dropdown-list-3.w--open {
background-color: var(--c-grey--trans--90-900);
border-radius: 0 0 10px 10px;
padding-bottom: 10px;
overflow: hidden;
box-shadow: 1px 5px 7px 1px #0003;
}
.nav-links-2 {
color: #11594f;
font-weight: 500;
}
.nav-links-2.w--current {
color: #11594f;
}
.nav-links-2.w--current:hover {
color: #3e3e3e;
}
.nav-links-2.contact {
background-color: #e9eee2;
border-radius: 10px;
padding: 10px 14px;
}
.nav--wrapper-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
display: grid;
}
.dropdown-list-3-1grid {
z-index: 99;
}
.dropdown-list-3-1grid.w--open {
z-index: 99;
background-color: var(--c-grey--trans--90-900);
opacity: 1;
color: var(--c-primary--main);
mix-blend-mode: normal;
border-radius: 0 0 10px 10px;
padding-bottom: 10px;
overflow: hidden;
box-shadow: 1px 5px 7px 1px #0003;
}
.dropdown-list-3-1grid.ondevice-txt.w--open {
white-space: nowrap;
}
.dropdown-list-3-1grid.responsible-ai-txt.w--open {
white-space: nowrap;
overflow: visible;
}
.dropdown-linkblock-2-1grid {
grid-column-gap: .1rem;
grid-row-gap: 0px;
pointer-events: auto;
white-space: normal;
border: 0 solid #000;
border-radius: 0;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: stretch;
align-items: flex-start;
margin: 10px 16px;
padding: 10px 18px;
text-decoration: none;
display: grid;
}
.dropdown-linkblock-2-1grid:hover {
opacity: 1;
outline-offset: 0px;
outline: 3px #11594f1a;
}
.dropdown-linkblock-2-1grid.on-device-txt {
white-space: nowrap;
display: flex;
}
.dropdown-linkblock-2-1grid.responsible-ai-txt {
white-space: nowrap;
}
.dropdown-linkblock-2-1grid.responsible-ai-txt.res-ai-txt {
display: flex;
}
.our-approach-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
width: 650px;
margin-top: 40px;
margin-left: auto;
}
.approach-wrapper {
flex-direction: column;
justify-content: flex-start;
display: flex;
}
.use-case-words-txt {
color: #f5f5ef;
border-radius: 1px;
margin-bottom: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
}
.use-case-words-txt:lang(ko) {
font-weight: 400;
}
.use-case-words-txt._50 {
width: 70%;
min-width: auto;
min-height: auto;
margin-bottom: 0;
font-size: 18px;
line-height: 1.3;
}
.use-case-words-txt._50.api-color {
color: var(--c-secondary--api-green);
}
.use-case-words-txt._50.api-color.white {
color: var(--c-primary--bg);
}
.use-case-words-txt._50.api-color.white.manrope {
font-family: Manrope, sans-serif;
}
.use-case-words-txt._50.play-sub-color {
color: var(--c-secondary--play-sub);
font-weight: 300;
}
.use-case-words-txt._50.play-sub-color.play-head {
font-size: 24px;
font-weight: 400;
}
.use-case-words-txt._50.green-green {
color: var(--play-secondary-color--green);
}
.use-case-words-txt.black {
color: var(--c-grey--trans--0);
}
.use-case-words-txt.green {
color: var(--c-secondary--mint-green);
}
.use-case-words-txt.green.air-green {
color: var(--play-secondary-color--green);
}
.use-case-words-txt.green.air-green.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.use-case-words-txt.green.air-green.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.use-case-words-txt.pink {
color: var(--c-secondary--pink);
}
.use-case-words-txt.pink:lang(ja) {
font-weight: 500;
}
.use-case-words-txt.center-tt {
text-align: center;
font-size: 30px;
font-weight: 300;
}
.cursor {
mix-blend-mode: difference;
background-color: #f6f2e2;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 8rem;
height: 8rem;
display: none;
}
.page-content {
z-index: 2;
min-height: 100vh;
position: relative;
}
.webflow-feature-heading {
font-size: 20px;
}
.webflow-feature-heading.price-no {
font-size: 27px;
}
.webflow-feature-heading.price-no.wht-txt {
color: var(--c-primary--bg);
overflow-wrap: normal;
font-size: 12px;
text-decoration: none;
}
.webflow-feature-heading.price-no.wht-txt:lang(ko), .webflow-feature-heading.price-no.wht-txt:lang(ja) {
display: block;
}
.webflow-feature-heading.price-no.wht-txt {
color: #f0f0f0;
font-family: Manrope, sans-serif;
font-size: 34px;
}
.webflow-feature-heading.price-no.wht-txt:lang(ko), .webflow-feature-heading.price-no.wht-txt:lang(ja) {
display: block;
}
.webflow-feature-heading.price-no.wht-txt:lang(ko), .webflow-feature-heading.price-no.wht-txt:lang(ja) {
display: block;
}
.webflow-feature-heading.price-no.wht-txt:lang(ko), .webflow-feature-heading.price-no.wht-txt:lang(ja) {
display: block;
}
.webflow-feature-heading.price-no.wht-txt:lang(ko), .webflow-feature-heading.price-no.wht-txt:lang(ja) {
display: block;
}
.webflow-feature-heading.price-no.wht-txt {
color: #f0f0f0;
font-size: 34px;
}
.webflow-feature-heading.price-no.wht-txt:lang(ko), .webflow-feature-heading.price-no.wht-txt:lang(ja) {
display: block;
}
.webflow-feature-heading.promotion-none---strike {
text-decoration: line-through;
}
.webflow-feature-heading.blue-txt {
color: var(--c-primary--blue-500);
font-size: 24px;
}
.webflow-feature-heading.wht-txt.tag-txt {
border: 1px solid var(--play-secondary-color--green);
color: var(--play-secondary-color--green);
border-radius: 20px;
align-self: center;
padding: 4px 8px;
font-size: 12px;
display: block;
}
.webflow-feature-heading.wht-txt.tag-txt.orange {
border-color: var(--c-secondary--orange);
color: var(--c-secondary--orange);
}
.webflow-feature-heading.wht-txt.tag-txt.promotion {
background-color: var(--play-secondary-color--green);
color: var(--c-primary--main);
border-style: none;
font-weight: 600;
}
.webflow-feature-heading.wht-txt.tag-txt---pro {
border: 1px solid var(--c-secondary--orange);
color: var(--c-secondary--orange);
border-radius: 20px;
align-self: center;
padding: 4px 8px;
font-size: 12px;
}
.webflow-feature-heading.wht-txt.tag-txt---pro.green {
border-color: var(--c-secondary--lime-green);
color: var(--c-secondary--lime-green);
}
.webflow-feature-heading.wht-txt.small-txt.trans, .webflow-feature-heading.wht-txt.small-txt.transparent {
color: var(--c-grey--trans--0);
}
.webflow-feature-heading.wht-txt.small-txt._150 {
color: var(--c-grey--150);
}
.webflow-feature-heading.wht-txt.orange {
color: var(--c-primary--bg);
}
.webflow-feature-heading.wht-txt._100 {
width: 90%;
color: var(--c-grey--100);
}
.webflow-feature-heading.wht-txt._100:lang(ja) {
width: 88%;
margin-bottom: 20px;
}
.webflow-feature-heading.wht-txt.gray.line-height1 {
line-height: 1;
}
.webflow-feature-heading.wht-txt.center {
text-align: center;
}
.webflow-feature-heading.wht-txt.tag-txt {
color: #94fb4d;
border: 1px solid #94fb4d;
border-radius: 20px;
align-self: center;
padding: 4px 8px;
font-size: 12px;
display: block;
}
.webflow-feature-heading.wht-txt.tag-txt.promotion {
color: #161615;
background-color: #94fb4d;
border-style: none;
font-weight: 600;
}
.webflow-feature-heading.wht-txt.small-txt {
color: #227cff;
padding-top: 6px;
font-size: 13px;
}
.webflow-feature-heading.wht-txt.small-txt.trans {
color: #fff0;
}
.webflow-feature-heading.wht-txt.small-txt.promo {
color: #94fb4d;
font-weight: 400;
}
.webflow-feature-heading.wht-txt {
color: #f0f0f0;
font-size: 24px;
}
.webflow-feature-heading.wht-txt.tag-txt {
color: #94fb4d;
border: 1px solid #94fb4d;
border-radius: 20px;
align-self: center;
padding: 4px 8px;
font-size: 12px;
}
.webflow-feature-heading.wht-txt.tag-txt---pro {
color: #f1953e;
border: 1px solid #f1953e;
border-radius: 20px;
align-self: center;
padding: 4px 8px;
font-size: 12px;
}
.webflow-feature-heading.wht-txt {
color: #f0f0f0;
flex-flow: row;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 24px;
font-weight: 300;
display: flex;
}
.webflow-feature-heading.wht-txt:lang(ko) {
font-weight: 400;
}
.webflow-feature-heading.wht-txt.gray {
color: #747cdf;
}
.webflow-feature-heading.wht-txt.gray:lang(ko) {
font-weight: 400;
}
.contact-cursor-text {
color: #11594f;
}
.feature-image-2 {
width: 100%;
height: 100%;
}
.phase-icon {
width: 30px;
}
.example-header {
display: none;
}
.about-grid-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: .5fr .5fr;
width: 100%;
margin-top: 50px;
}
.process-section-2 {
padding-top: 80px;
padding-left: 40px;
padding-right: 40px;
}
.moving-projects-list {
display: flex;
}
.phase.white {
letter-spacing: .5px;
font-weight: 300;
}
.our-approach-grid-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 650px;
margin-top: 40px;
margin-left: auto;
}
.button-1-mask {
z-index: 2;
background-color: var(--c-grey--trans--0);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1bc7_Play_BTN_Btype_Sub.svg");
background-position: 0 0;
background-size: auto;
border-radius: 50%;
position: absolute;
inset: 0%;
}
.about-image {
border-radius: 10px;
width: 60%;
}
.about-image._1 {
width: 80%;
}
.about-image._4 {
text-align: center;
display: block;
position: static;
overflow: visible;
}
.about-image._5 {
width: 100%;
}
.grid-top-stroke {
background-color: #11594f;
width: 100%;
height: 1px;
}
.small-text-5 {
font-size: 14px;
}
.small-text-5.darkgrey {
color: #f6f2e2;
}
.section-heading {
width: 900px;
}
.section-heading.darkgrey, .example-text {
color: #f6f2e2;
}
.circle-wrapper {
cursor: none;
justify-content: center;
align-self: flex-start;
align-items: center;
padding: 20px;
display: block;
}
.brand-div-2 {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 60px;
padding: 10px 20px;
display: flex;
}
.with-us-feature {
width: 100%;
max-width: 600px;
color: var(--c-primary--bg);
text-align: left;
letter-spacing: .5px;
align-self: auto;
font-size: 18px;
font-weight: 300;
}
.with-us-feature.small {
font-size: 14px;
}
.with-us-feature.small.black {
color: var(--c-primary--main);
}
.with-us-feature.small._12 {
font-size: 12px;
}
.with-us-feature.ali {
align-self: flex-start;
}
.with-us-feature.mid {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
}
.features-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.phase-info-wrapper {
flex-direction: column;
display: none;
}
.service-intro-section-2-0 {
background-color: var(--c-primary--main);
border-radius: 20px 20px 0 0;
flex-direction: column;
padding-bottom: 5vh;
display: flex;
overflow: hidden;
}
.service-intro-section-2-0.pink {
background-color: var(--c-primary--main);
}
.service-intro-section-2-0.grey {
background-color: var(--c-grey--700);
box-shadow: none;
}
.service-intro-section-2-0.shift-demo-section {
background-color: var(--c-primary--main);
}
.service-intro-section-2-0.shift-demo-section-copy {
background-color: var(--c-secondary--pink);
border-radius: 20px 20px 0 0;
padding-bottom: 0;
}
.service-intro-section-2-0.shift-demo-section-copy:lang(ja) {
grid-column-gap: 27px;
grid-row-gap: 27px;
}
.moving-projects-item {
margin-right: 4rem;
}
.phase-heading-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
display: flex;
}
.moving-projects-inner-wrap {
align-items: center;
padding-top: 5rem;
padding-bottom: 5rem;
display: flex;
}
.webflow-screenshot-wrapper {
width: 100%;
}
.phase-heading {
font-size: 18px;
}
.phase-heading.white {
text-align: right;
letter-spacing: .5px;
font-weight: 300;
}
.phase-heading.white.play-color {
color: #91f758;
}
.services-intro {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #161615;
flex-direction: column;
margin-top: 60px;
padding: 40px 20px 0;
display: flex;
}
.services-intro:lang(ja) {
background-color: #161615;
}
.services-intro.pink {
background-color: #f1a599;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.highlighted-text-2 {
color: var(--c-grey--200);
font-size: 14px;
}
.highlighted-text-2:lang(ko) {
font-weight: 400;
}
.highlighted-text-2.blue {
color: var(--c-primary--blue-500);
}
.service-info-link {
color: #ff6242;
}
.with-us-icon {
text-align: left;
width: 30px;
display: block;
}
.with-us-icon.large {
width: 60%;
}
.full-screen-images {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1c16_image%20collage.webp");
background-position: 100%;
background-size: cover;
justify-content: center;
align-items: center;
height: 80vh;
margin-top: 14vh;
margin-bottom: 14vh;
display: flex;
}
.pre2-0-section {
background-color: var(--c-primary--main);
margin-left: 20px;
margin-right: 20px;
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.pre2-0-section.pink {
background-color: var(--c-primary--main);
}
.pre2-0-section.black {
background-color: var(--c-primary--main);
overflow: visible;
}
.wokring-with-us-section {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
max-width: 1400px;
margin: 1vh auto 10vh;
padding-left: 100px;
padding-right: 100px;
display: grid;
position: relative;
}
.wokring-with-us-section.gap {
margin-bottom: 5vh;
}
.process-section-heading {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
margin-bottom: 20px;
display: flex;
}
.contact-text {
z-index: 3;
text-align: center;
text-transform: uppercase;
font-size: 60px;
position: relative;
}
.contact-text:hover {
color: #11594f;
}
.exit-square {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1977_x%20(2).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 25px;
height: 25px;
}
.feature-icon {
width: 40px;
}
.underline {
background-color: var(--c-grey--600);
transform-origin: 0%;
width: 100%;
height: 1px;
margin-top: 0;
display: block;
overflow: visible;
}
.underline.dark-green {
background-color: #11594f;
}
.underline.green {
background-color: #11594f;
margin-top: 10px;
}
.underline.pink {
background-color: var(--c-grey--400);
margin-top: 0;
margin-bottom: 0;
}
.underline.pink.promotion {
background-color: var(--c-secondary--orange);
width: auto;
margin-bottom: 5px;
margin-left: 20px;
margin-right: 20px;
padding-left: 20px;
padding-right: 20px;
}
.underline.pink.play-sub-color {
background-color: var(--c-secondary--light-purple);
}
.underline.pink.play-sub-color.padding {
margin-bottom: 20px;
}
.underline.pink.orange {
background-color: var(--c-secondary--orange);
}
.underline.pink.top-padding {
margin-top: 60px;
}
.underline.blue {
background-color: var(--c-primary--blue-500);
}
.underline.black {
background-color: var(--c-primary--main);
}
.underline.white {
background-color: var(--c-grey--600);
margin-top: 10px;
margin-bottom: 10px;
}
.underline.api-color {
background-color: var(--c-secondary--api-green);
}
.underline.color---play {
background-color: var(--c-secondary--play-sub);
margin-bottom: 20px;
}
.underline.card {
background-color: var(--c-grey--600);
width: 90%;
padding-right: 0;
}
.service-loop-outer-container {
background-color: var(--c-primary--blue-500);
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
overflow: hidden;
}
.section-title-wrap {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 20px;
display: flex;
}
.section-title-wrap.gap {
grid-column-gap: 19px;
grid-row-gap: 19px;
}
.section-title-wrap.black {
background-color: var(--c-grey--trans--0);
}
.section-title-wrap.gap-x {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.section-title-wrap.show---flex {
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-bottom: 40px;
display: flex;
}
.section-title-wrap.show---flex.manrope {
font-family: Manrope, sans-serif;
}
.section-title-wrap.zdfdg {
grid-column-gap: 40px;
grid-row-gap: 40px;
margin-bottom: 40px;
}
.section-title-wrap.padding {
margin-top: 40px;
}
.example-div {
cursor: pointer;
background-color: #e9eee2;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
height: 250px;
padding: 20px;
display: flex;
position: relative;
}
.contact-section {
z-index: 1;
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: var(--c-grey--100);
cursor: none;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
overflow: hidden;
}
.service-features-wrapper {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center;
padding-top: 80px;
padding-bottom: 80px;
display: grid;
}
.with-us-features-wrapper {
grid-column-gap: 7px;
grid-row-gap: 7px;
background-color: var(--c-primary--blue-500);
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 50px;
display: flex;
}
.section-paragraph {
max-width: 500px;
}
.solutions-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.about-section-padding {
flex-flow: column;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.about-section-padding.padding-down {
padding-bottom: 0;
}
.about-section-padding.padding-down.padding-top {
margin-top: 100px;
}
.about-section-padding.padding-down.padding-top.margin-top {
margin-top: 60px;
padding-top: 0;
}
.about-section-padding.padding-down.padding-top.margin-top.api-padding {
margin-top: 0;
}
.about-section-padding.padding-down.bottom {
padding-bottom: 100px;
}
.about-section-padding.padding-down.bottom:lang(ko) {
width: 100%;
padding-bottom: 40px;
}
.about-section-padding.padding-down.padding {
padding-top: 20px;
padding-bottom: 60px;
}
.about-section-padding.padding-down.padding.padding-2 {
padding-bottom: 20px;
}
.circle-highlight {
border: 1px solid #11594f;
border-radius: 10px;
width: 12px;
height: 12px;
}
.service-looping-text {
text-transform: uppercase;
white-space: nowrap;
border-top: 1px solid #11594f;
border-bottom: 1px solid #11594f;
padding-right: 3vw;
font-size: 12vw;
line-height: .9;
}
.about-images-wrapper {
position: relative;
}
.cursor-wrapper {
z-index: 10;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: fixed;
inset: 0%;
}
.service-feature {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: var(--c-grey--100);
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
width: 100%;
max-width: 320px;
padding: 20px;
display: flex;
}
.service-feature.promotion {
background-color: var(--play-secondary-color--green);
}
.service-feature.promotion-none {
background-color: var(--c-grey--500);
}
.features-grid {
grid-column-gap: 34px;
grid-row-gap: 34px;
grid-template-columns: auto auto;
justify-items: center;
}
.example-lower-info {
justify-content: space-between;
display: flex;
}
.examples-wrapper {
grid-template-rows: auto;
margin-top: 10vh;
}
.approach-wrapper-2 {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.example-info-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--blue-500);
cursor: auto;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
padding: 20px;
display: none;
position: absolute;
inset: 0%;
}
.feature-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
order: 0;
align-self: flex-start;
display: block;
}
.feature-wrap.ali {
align-self: flex-start;
}
.service-process-grid {
cursor: pointer;
border-bottom: 1px solid #11594f;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 20px;
padding-bottom: 20px;
overflow: hidden;
}
.service-content {
z-index: 1;
}
.service-content.mobile-bg {
background-color: var(--c-primary--main);
}
.brands-section-2 {
width: 4500px;
display: flex;
}
.phase-info {
margin-top: 20px;
}
.with-us-paragraph {
width: 70%;
}
.feature-heading-wrapper {
grid-column-gap: 41px;
grid-row-gap: 41px;
flex-direction: column;
grid-template-rows: 70px 40px minmax(120px, 1.25fr) auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 0;
display: grid;
}
.feature-heading-wrapper.grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.feature-heading-wrapper.shift {
height: auto;
}
.heading-padding {
padding-right: 40px;
}
.button-2-2-mask-2 {
z-index: 2;
background-color: #ff6242;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.with-us-heading-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
display: flex;
position: sticky;
top: 60px;
}
.solutions-subheading {
width: 50%;
}
.extra-largue {
color: var(--c-primary--bg);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 1.1;
}
.extra-largue:lang(ko) {
font-weight: 400;
}
.extra-largue.into-page {
width: auto;
color: var(--c-primary--bg);
letter-spacing: -1px;
margin-top: 0;
margin-bottom: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 46px;
font-weight: 300;
line-height: 1;
}
.extra-largue.into-page:lang(ko) {
font-weight: 400;
}
.extra-largue.into-page.small-text {
letter-spacing: -.5px;
font-size: 1.8rem;
}
.extra-largue.into-page.small-text.pink {
color: var(--c-secondary--pink);
}
.extra-largue.into-page.small-text.pink.manrope {
margin-bottom: 20px;
font-size: 2.2rem;
}
.extra-largue.into-page.small-text.pink.manrope:lang(ko) {
margin-bottom: 10px;
}
.extra-largue.into-page.small-text.pink.manrope.green {
color: var(--c-secondary--orange);
margin-top: 20px;
margin-bottom: 10px;
}
.extra-largue.into-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 500;
}
.extra-largue.into-page.small-text.pink.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.extra-largue.into-page.small-text.pink.manrope.green.pre2-0title.white {
color: var(--c-secondary--pink);
margin-top: 20px;
margin-bottom: 0;
font-size: 1.8rem;
}
.extra-largue.into-page.small-text.pink.manrope.green.pre2-0title.white.features, .extra-largue.into-page.small-text.pink.manrope.green.pre2-0title.white.features-copy, .extra-largue.into-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy {
font-size: 1.4rem;
}
.extra-largue.into-page.small-text.pink.manrope.green.bold-copy {
font-weight: 500;
}
.extra-largue.into-page.small-text.play-color {
width: 50%;
color: var(--c-primary--bg);
}
.extra-largue.into-page.small-text.green {
color: var(--play-secondary-color--green);
}
.extra-largue.into-page.small-text.api-color {
color: var(--c-secondary--api-green);
font-size: 34px;
}
.extra-largue.into-page.small-text.api-color.manrope {
width: 80%;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.extra-largue.into-page.small-text.gap {
letter-spacing: -.5px;
width: 100%;
margin-left: 20px;
}
.extra-largue.into-page.small-text.gap.white {
color: var(--c-grey--white);
margin-bottom: 10px;
}
.extra-largue.into-page.small-text.white.manrope {
color: var(--c-primary--bg);
margin-bottom: 40px;
font-family: Manrope, sans-serif;
font-size: 2.2rem;
}
.extra-largue.into-page.small-text.white.manrope.orange {
color: #f1953e;
}
.extra-largue.into-page.small-text.white.manrope.orange.pre2-0title {
font-size: 2.2rem;
}
.extra-largue.into-page.small-text.white.manrope._700 {
color: #202020;
}
.extra-largue.into-page.small-text.white.manrope.pink {
font-family: Manrope, sans-serif;
}
.extra-largue.into-page.small-text.white.manrope._150 {
color: var(--c-grey--150);
}
.extra-largue.into-page.small-text.white.manrope._150.mobile {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 30px;
}
.extra-largue.into-page.small-text.white.manrope {
color: #f0f0f0;
margin-bottom: 40px;
font-family: Manrope, sans-serif;
font-size: 2.2rem;
}
.extra-largue.into-page.small-text.white.manrope.neon-yellow {
width: 100%;
font-family: Bdogrotesk;
font-weight: 300;
}
.extra-largue.into-page.small-text.white.manrope {
margin-bottom: 0;
font-size: 2.2rem;
}
.extra-largue.into-page.small-text.white.manrope.pink {
color: var(--c-secondary--pink);
}
.extra-largue.into-page.small-text.white {
color: #f2a499;
}
.extra-largue.into-page.white {
color: var(--c-primary--bg);
}
.extra-largue.into-page.play-color {
width: 100%;
color: var(--c-primary--bg);
}
.extra-largue.into-page.play-color.api-color {
color: var(--c-secondary--api-green);
}
.extra-largue.into-page.play-color.play-point.play-sub-color {
color: var(--c-secondary--play-sub);
}
.extra-largue.into-page.play-color.small {
font-size: 1rem;
font-weight: 300;
}
.extra-largue.into-page.play-color.manrope {
font-family: Manrope, sans-serif;
}
.extra-largue.into-page.green.air-green.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.extra-largue.into-page.green.air-green.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.extra-largue.into-page.green.manrope {
font-family: Manrope, sans-serif;
}
.extra-largue.into-page.green.manrope.gap {
padding-bottom: 20px;
}
.extra-largue.into-page.pink.manrope.orange {
color: var(--c-secondary--orange);
}
.extra-largue.into-page.api-color {
color: var(--c-secondary--api-green);
}
.extra-largue.into-page.api-color.manrope {
width: 70%;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 34px;
}
.extra-largue.into-page.pink.manrope {
margin-bottom: 40px;
font-family: Manrope, sans-serif;
}
.extra-largue.into-page.pink.manrope {
margin-bottom: 0;
}
.extra-largue.into-page.play-color {
color: #f0f0f0;
width: 100%;
}
.extra-largue.into-page.play-color.play-point {
font-size: 60px;
}
.extra-largue.into-page.play-color.play-point.manrope {
color: #f0f0f0;
width: 100%;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 48px;
}
.extra-largue.into-page.play-color.play-point.manrope:lang(ko) {
font-weight: 400;
}
.extra-largue.into-page.play-color.play-point.manrope._50 {
width: 44%;
}
.extra-largue.into-page.play-color.play-point.manrope.black {
color: var(--c-grey--black);
}
.extra-largue.into-page.play-color.play-point.manrope.shift-coupon {
width: 90%;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 44px;
}
.extra-largue.into-page.play-color.play-point.manrope.shift-coupon:lang(ja) {
width: 88%;
}
.extra-largue.into-page.play-color.play-point.manrope.orange {
color: var(--c-secondary--orange);
}
.extra-largue.into-page.play-color.play-point.manrope.mobile-set {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 56px;
font-weight: 300;
}
.extra-largue.into-page.play-color.play-point.manrope {
font-family: Manrope, sans-serif;
font-size: 48px;
}
.extra-largue.into-page.play-color.play-point.manrope.mobile-set {
font-size: 56px;
}
.extra-largue.into-page.play-color.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 30px;
font-weight: 300;
}
.extra-largue.into-page.play-color.small {
letter-spacing: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 1rem;
font-weight: 300;
}
.extra-largue.into-page.play-color.top-p {
padding-top: 20px;
}
.extra-largue.into-page.play-color.top-p.manrope {
font-family: Manrope, sans-serif;
}
.extra-largue.into-page.play-color.padding {
margin-bottom: 20px;
font-size: 1.4rem;
font-weight: 400;
}
.extra-largue.into-page.green {
color: #64ffbc;
}
.extra-largue.into-page.green.air-green {
color: #94fb4d;
}
.extra-largue.into-page.green.air-green.manrope {
width: auto;
}
.extra-largue.into-page.pink {
color: #f2a499;
}
.extra-largue.into-page.pink.manrope {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
}
.extra-largue.into-page.pink.manrope:lang(ja) {
flex-flow: row;
padding-top: 20px;
padding-bottom: 0;
display: flex;
}
.extra-largue.into-page.txt-size {
font-size: 38px;
}
.extra-largue.into-page.color-green {
color: var(--play-secondary-color--green);
}
.extra-largue.intro-page {
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 2.2rem;
}
.extra-largue.intro-page.play-color {
color: #f0f0f0;
width: 100%;
}
.extra-largue.intro-page.play-color.padding {
margin-bottom: 20px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 1.4rem;
font-weight: 400;
}
.extra-largue.small {
font-size: 16px;
}
.extra-largue.shift {
font-size: 46px;
}
.extra-largue.shift-s {
font-size: 26px;
}
.service-inner-container {
justify-content: flex-start;
align-items: center;
display: flex;
}
.example-number {
font-size: 70px;
line-height: .7;
}
.service-feature-section {
background-color: var(--c-grey--150);
padding-top: 40px;
padding-left: 20px;
}
.circle {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: var(--c-grey--trans--0);
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1bba_Play_BTN_Btype_Green.svg");
background-position: 0 0;
background-size: auto;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 240px;
height: 240px;
display: flex;
position: relative;
}
.circle:hover {
opacity: 1;
}
.nav--wrapper-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
display: grid;
}
.dropdown-icon-wrap-3 {
color: #7f56d9;
flex: none;
}
.feature-image-3 {
width: 100%;
height: 100%;
}
.hero-wrapper {
z-index: 1;
margin-bottom: -80vh;
position: relative;
}
.hero-wrapper.content {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.hero-wrapper.play {
margin-bottom: 0;
}
.text-span-4 {
margin-right: 10px;
}
.about-grid-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .5fr .5fr;
width: 100%;
margin-top: 50px;
margin-bottom: 50px;
}
.about-grid-3.mobile-padding {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.process-section-3 {
padding-top: 80px;
padding-left: 20px;
padding-right: 20px;
}
.dropdown-heading-2 {
white-space: nowrap;
margin-bottom: 10px;
font-size: 20px;
font-weight: 500;
}
.brands-service-container {
width: 95%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 2%;
overflow: hidden;
}
.our-approach-grid-3 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
justify-content: stretch;
width: 70%;
margin-top: 40px;
margin-left: 0;
}
.our-approach-grid-3.padding {
width: 70%;
margin-top: 10px;
}
.page-wrapper {
flex-direction: column;
display: flex;
position: relative;
}
.page-wrapper.bg-black {
background-color: var(--c-grey--trans--0);
margin-left: 0;
margin-right: 0;
overflow: visible;
}
.page-wrapper.black {
background-color: var(--c-primary--main);
margin-top: 0;
}
.logo-wrapper-3 {
border-radius: 7px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 10px 20px;
display: flex;
position: relative;
}
.small-text-6 {
font-size: 14px;
}
.small-text-6.darkgrey {
color: #f6f2e2;
}
.small-text-6.dropdown-subtext {
color: #999;
line-height: 1.4;
}
.dropdown-linkblock-3 {
grid-column-gap: 1.4rem;
grid-row-gap: 0px;
border-radius: 10px;
grid-template-rows: auto;
grid-template-columns: 24px 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
margin: 16px;
padding: 12px 18px;
text-decoration: none;
display: grid;
}
.dropdown-linkblock-3:hover {
opacity: 1;
outline-offset: 0px;
outline: 3px solid #11594f1a;
}
.service-hero-icon {
width: 20px;
}
.brand-div-3 {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 60px;
padding: 10px 20px;
display: flex;
}
.brand-div-3.service-page {
width: 130px;
margin-right: 30px;
}
.service-hero-section {
background-color: var(--c-grey--trans--0);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.service-hero-section.black {
margin-bottom: 0;
}
.icon-3 {
border-radius: 10px;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
display: flex;
}
.icon-3.hide {
display: none;
}
.service-hero-info-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: flex-start;
max-width: 100%;
padding-top: 20px;
padding-left: 20px;
display: block;
}
.service-hero-header {
width: 830px;
color: var(--c-primary--blue-500);
text-align: left;
font-size: 7vw;
line-height: 1;
}
.dropdown-toggle-4 {
align-items: center;
padding-right: 20px;
display: flex;
}
.brand-image-5 {
justify-content: center;
align-items: center;
width: 150px;
}
.brand-image-5:hover {
opacity: 1;
}
.right-gradient {
z-index: 1;
background-image: linear-gradient(265deg, var(--c-primary--bg) 50%, #fff0);
width: 30%;
position: absolute;
inset: 0% 0% 0% auto;
}
.left-gradient {
z-index: 1;
background-image: linear-gradient(90deg, var(--c-primary--bg) 50%, #fff0);
width: 30%;
position: absolute;
inset: 0% auto 0% 0%;
}
.navbar-2 {
background-color: #0000;
width: 100%;
position: absolute;
inset: 0% 0% auto;
}
.service-dropdown-3 {
color: #11594f;
margin-right: 10px;
font-weight: 500;
}
.approach-wrapper-3 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.service-hero-paragraph {
text-align: left;
max-width: 540px;
}
.subheading-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.dropdown-list-4.w--open {
background-color: #e9eee2;
border-radius: 10px;
overflow: hidden;
}
.nav-links-3 {
color: #11594f;
font-weight: 500;
}
.nav-links-3.w--current {
color: #11594f;
}
.nav-links-3.w--current:hover {
color: #3e3e3e;
}
.nav-links-3.contact {
background-color: #e9eee2;
border-radius: 10px;
padding: 10px 14px;
}
.nav-menu-4 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.service-hero-subheading {
align-self: flex-start;
}
.lightbox-link {
background-color: var(--c-grey--900);
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.image-4 {
border-radius: 10px;
margin-top: 20px;
padding-top: 0;
}
.image-4._100 {
width: 100%;
height: auto;
}
.extra-large-text-sub {
width: 70%;
font-size: 3.2rem;
font-weight: 400;
line-height: 1.1;
}
.extra-large-text-sub.price-2-0-shift-desc {
color: #f5f5ef;
align-self: flex-start;
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
}
.extra-large-text-sub.price-2-0-shift-desc.black {
color: var(--c-primary--main);
}
.extra-large-text-sub.price-2-0-shift-desc.black.white {
color: var(--c-primary--bg);
}
.extra-large-text-sub.price-2-0-shift-desc.small {
width: 70%;
font-size: 1.1rem;
line-height: 1.3;
}
.extra-large-text-sub.price-2-0-shift-desc.small.gap {
padding-top: 30px;
font-weight: 300;
}
.extra-large-text-sub.price-2-0-shift-desc.small.manrope {
font-family: Manrope, sans-serif;
}
.extra-large-text-sub.price-2-0-shift-desc.small.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.extra-large-text-sub.price-2-0-shift-desc.small.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.extra-large-text-sub.price-2-0-shift-desc.small.gap-h {
margin-bottom: 20px;
}
.extra-large-text-sub.price-2-0-shift-desc.white {
margin-top: 0;
margin-bottom: 0;
line-height: 2;
}
.extra-large-text-sub.price-2-0-shift-desc.white:lang(ko) {
display: block;
overflow: visible;
}
.extra-large-text-sub.price-2-0-shift-desc.white.manrope {
font-family: Manrope, sans-serif;
}
.extra-large-text-sub.price-2-0-shift-desc.white.subtitle3 {
color: orange;
margin-top: 0;
margin-bottom: 20px;
font-size: 1.8rem;
font-weight: 300;
}
.extra-large-text-sub.price-2-0-shift-desc.white.subtitle3:lang(ko) {
font-weight: 400;
}
.extra-large-text-sub.price-2-0-shift-desc.white.subtitle3._2-0-yellow {
width: 100%;
}
.extra-large-text-sub.price-2-0-shift-desc.white.pink {
margin-top: 0;
}
.extra-large-text-sub.price-2-0-shift-desc.white.mobile {
width: auto;
}
.extra-large-text-sub.price-2-0-shift-desc.white {
margin-bottom: 40px;
line-height: 1.3;
}
.extra-large-text-sub.price-2-0-shift-desc.sub2 {
width: 55%;
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.3rem;
font-weight: 300;
line-height: 1.3;
}
.extra-large-text-sub.price-2-0-shift-desc.sub2:lang(ko) {
font-weight: 400;
}
.extra-large-text-sub.price-2-0-shift-desc.sub2.manrope {
font-family: Manrope, sans-serif;
}
.extra-large-text-sub.price-2-0-shift-desc.sub2.subtitle3 {
color: #9049fe;
margin-bottom: 20px;
font-size: 1.8rem;
}
.extra-large-text-sub.intro-page {
color: #f5f5ef;
align-self: flex-start;
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
}
.extra-large-text-sub.intro-page.white {
width: 100%;
color: var(--c-grey--150);
font-weight: 300;
line-height: 1.3;
}
.extra-large-text-sub.intro-page.white._150 {
width: 100%;
color: var(--c-grey--150);
}
.extra-large-text-sub.intro-page.white.shift {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 18px;
}
.extra-large-text-sub.intro-page.white.shift:lang(ko) {
font-weight: 400;
}
.extra-large-text-sub.intro-page.black {
color: #161615;
}
.extra-large-text-sub.intro-page.white {
color: #c2c2c2;
width: 100%;
font-weight: 300;
line-height: 1.3;
}
.extra-large-text-sub.intro-page.white._150 {
color: #c2c2c2;
width: 100%;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 18px;
}
.extra-large-text-sub.intro-page.white._150:lang(ko) {
font-weight: 400;
}
.extra-large-text-sub.intro-page.small {
width: 70%;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 1.3;
}
.extra-large-text-sub.intro-page.small:lang(ko) {
font-weight: 400;
}
.extra-large-text-sub.intro-page.small:lang(ja) {
font-size: 16px;
}
.extra-large-text-sub.intro-page.small.gap {
padding-top: 30px;
}
.extra-large-text-sub.shift-2-0-desc {
color: #f5f5ef;
align-self: flex-start;
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 1.6rem;
}
.extra-large-text-sub.shift-2-0-desc.black {
color: var(--c-primary--main);
}
.extra-large-text-sub.shift-2-0-desc.black.white {
color: var(--c-primary--bg);
}
.extra-large-text-sub.shift-2-0-desc.small {
width: 70%;
font-size: 1.1rem;
line-height: 1.3;
}
.extra-large-text-sub.shift-2-0-desc.small.gap {
padding-top: 30px;
font-weight: 300;
}
.extra-large-text-sub.shift-2-0-desc.small.manrope {
font-family: Manrope, sans-serif;
}
.extra-large-text-sub.shift-2-0-desc.small.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.extra-large-text-sub.shift-2-0-desc.small.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.extra-large-text-sub.shift-2-0-desc.small.gap-h {
margin-bottom: 20px;
}
.extra-large-text-sub.shift-2-0-desc.white.manrope {
font-family: Manrope, sans-serif;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3 {
width: 100%;
color: var(--c-primary--bg);
margin-top: 0;
margin-bottom: 20px;
font-size: 1.8rem;
font-weight: 300;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3._2-0-yellow {
width: 100%;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3._2-0-blue {
color: var(--c-secondary--2-0-blue-tbd);
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3.blue {
color: var(--c-primary--blue-500);
font-size: 2.2rem;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3.blue.mobile-white {
font-size: 2rem;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3.blue.line-height {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 28px;
}
.extra-large-text-sub.shift-2-0-desc.white.pink {
margin-top: 0;
}
.extra-large-text-sub.shift-2-0-desc.white {
margin-bottom: 40px;
line-height: 1.3;
}
.extra-large-text-sub.shift-2-0-desc.sub2 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.3rem;
font-weight: 300;
line-height: 1.3;
}
.extra-large-text-sub.shift-2-0-desc.sub2:lang(ko) {
font-weight: 400;
}
.extra-large-text-sub.shift-2-0-desc.sub2.manrope {
font-family: Manrope, sans-serif;
}
.extra-large-text-sub.shift-2-0-desc.sub2.subtitle3 {
color: #9049fe;
margin-bottom: 20px;
font-size: 1.8rem;
}
.extra-large-text-sub.shift-2-0-desc.white {
margin-top: 0;
margin-bottom: 0;
line-height: 2;
}
.extra-large-text-sub.shift-2-0-desc.white:lang(ko) {
display: block;
overflow: visible;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3 {
color: #f0f0f0;
width: 100%;
margin-top: 0;
margin-bottom: 20px;
font-size: 1.8rem;
font-weight: 300;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3:lang(ko) {
font-weight: 400;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3.blue {
color: #227cff;
}
.image-5 {
order: 0;
width: 30%;
padding-top: 20px;
display: block;
}
.image-5.mobile {
width: 50%;
}
.image-5.mobile.pc {
width: 30%;
}
.approach-wrapper-4 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 40px;
display: flex;
}
.approach-wrapper-4.gap {
margin-bottom: 10px;
}
.text-span-5 {
margin-right: 10px;
}
.footer-link-small {
white-space: nowrap;
font-size: 14px;
}
.footer-link-small:hover {
opacity: .4;
color: #11594f;
}
.footer-link-small.white {
color: var(--c-primary--bg);
}
.footer-link-small.white.padding-right-20 {
padding-right: 20px;
}
.footer-link-small.white.padding-right-20.manrope.bold {
font-weight: 600;
}
.footer-link-small.white.manrope, .footer-link-small.white.manrope.manrope-desktop, .footer-link-small.white.manrope-desktop {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.small-text-2-grey {
color: var(--c-grey--300);
font-size: 14px;
}
.small-text-2-grey.dropdown-subtext {
color: #999;
line-height: 1.4;
}
.small-text-2-grey.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.link-9 {
color: var(--c-primary--main);
font-family: Bdogrotesk;
font-size: 14px;
line-height: 1.2;
text-decoration: none;
}
.link-9.webflow {
color: #f5f5ef;
font-size: 14px;
}
.link-9.webflow:hover {
color: #c2c2c2;
}
.link-9.white {
color: var(--c-primary--bg);
}
.link-9.white.manrope-desktop {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.base-text-4 {
color: #11594f;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
}
.base-text-4.button3-text {
z-index: 3;
color: var(--c-primary--main);
font-size: 14px;
position: relative;
}
.base-text-4.button3-text.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
}
.base-text-4.button3-text.manrope:lang(ko) {
font-weight: 400;
}
.base-text-4.button2-2-text {
z-index: 3;
color: #f6f2e2;
position: relative;
}
.text---small {
color: var(--c-primary--main);
padding-bottom: 40px;
font-size: 24px;
}
.text---small.blue {
color: var(--c-primary--blue-500);
}
.text---small.pink {
color: var(--c-secondary--pink);
font-size: 2.2rem;
}
.text---small.pink.mobile.slogan {
font-size: 1.6rem;
}
.text---small.pink.mobile.slogan.manrope {
font-family: Manrope, sans-serif;
}
.text---small.yellow {
color: var(--c-secondary--yellow);
}
.text---small.play-color {
color: var(--play-secondary-color--green);
margin-top: 20px;
font-size: 2.2rem;
}
.text---small.play-color.mobile {
height: 50px;
min-height: 0;
color: var(--c-secondary--play-sub);
padding-bottom: 0;
font-size: 30px;
line-height: 1;
display: none;
}
.text---small.green {
color: var(--c-secondary--mint-green);
padding-bottom: 10px;
font-size: 2.2rem;
}
.text---small.green.manrope {
padding-bottom: 20px;
font-family: Manrope, sans-serif;
}
.text---small.green.manrope.air-green {
letter-spacing: -.5px;
font-family: Manrope, sans-serif;
font-weight: 400;
}
.text---small.green.manrope.white {
color: var(--c-grey--white);
padding-bottom: 40px;
}
.text---small.air-green {
color: var(--play-secondary-color--green);
font-size: 2.2rem;
}
.text---small.air-green.manrope {
color: var(--play-secondary-color--green);
font-family: Bdogrotesk;
}
.text---small.air-green.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.text---small.air-green.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
font-weight: 400;
}
.text---small.api-color {
color: var(--play-secondary-color--green);
margin-top: 20px;
font-size: 2.2rem;
}
.text---small.api-color.mobile {
color: var(--c-secondary--api-green);
}
.text---small.api-color.mobile.manrope {
font-family: Manrope, sans-serif;
}
.body {
background-color: var(--c-grey--black);
}
.contents-hero-holder-black {
background-color: var(--c-primary--main);
height: 50vh;
margin-bottom: 0;
padding: 0 20px 20px;
}
.contents-hero-holder-black.padding {
height: auto;
}
.brands-section-3 {
width: 4000px;
display: flex;
}
.base-text-5 {
color: #f5f5ef;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 40px;
padding-bottom: 0;
padding-left: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
line-height: 1.3;
}
.base-text-5:lang(ko) {
font-weight: 400;
}
.base-text-5:lang(ja) {
font-size: 13px;
}
.base-text-5.how-paragraph {
margin-top: 20px;
font-size: 15px;
}
.base-text-5.how-paragraph:lang(ja) {
font-size: 13px;
}
.base-text-5.how-we-do-it {
margin-bottom: 20px;
}
.base-text-5.to-expect {
white-space: normal;
}
.base-text-5.to-expect.mobile-20 {
margin-bottom: 0;
font-size: 30px;
font-weight: 300;
}
.base-text-5.to-expect.mobile-20.manrope {
font-family: Manrope, sans-serif;
}
.base-text-5.service-about {
margin-bottom: 20px;
}
.base-text-5.form-label {
margin-bottom: 0;
font-weight: 400;
}
.base-text-5.form-label.small {
font-size: 14px;
}
.base-text-5.grey._14 {
margin-bottom: 10px;
font-size: 14px;
font-weight: 300;
}
.base-text-5.grey._14:lang(ko) {
font-weight: 400;
}
.base-text-5.black {
color: var(--c-primary--main);
}
.base-text-5.blue {
color: var(--c-primary--blue-500);
}
.base-text-5.padding-under-30 {
padding-bottom: 30px;
}
.base-text-5.padding-under-30.medium {
margin-bottom: 0;
font-size: 24px;
}
.base-text-5.padding-under-30.medium.pink {
color: var(--c-secondary--pink);
}
.base-text-5.padding-under-30.medium.pink.manrope.manrope-desktop {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.base-text-5.padding-under-30.medium.manrope-desktop {
margin-bottom: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 20px;
}
.base-text-5.padding-under-30.medium.manrope-desktop.partner {
text-align: center;
}
.base-text-5.padding-under-30.medium.manrope-desktop.partner.left-align {
text-align: left;
}
.base-text-5.padding-under-30.medium.manrope-desktop.partner.left-align.notice-color {
color: var(--c-grey--300);
margin-top: 20px;
font-size: 16px;
}
.base-text-5.form {
margin-top: 0;
margin-bottom: 20px;
padding-bottom: 0;
}
.base-text-5.mobile {
padding-bottom: 0;
}
.base-text-5.mobile.manrope {
font-family: Manrope, sans-serif;
}
.base-text-5.padding-0, .base-text-5.mid {
padding-bottom: 0;
}
.base-text-5.mid.manrope {
margin-bottom: 0;
font-family: Manrope, sans-serif;
}
.base-text-5._18.padding.partner {
margin-bottom: 10px;
}
.base-text-5._14 {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.base-text-5._14:lang(ko) {
font-weight: 400;
}
.base-text-5._14:lang(ja) {
font-size: 14px;
font-weight: 500;
}
.base-text-5.api-color {
color: var(--c-secondary--api-green);
}
.base-text-5.spacing {
margin-bottom: 0;
padding-bottom: 0;
}
.base-text-5.spacing.gap {
margin-left: 20px;
}
.base-text-5.spacing.gap.blk {
color: var(--c-primary--main);
}
.services-hero-grid-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 10px;
padding-bottom: 0;
}
.services-hero-grid-2.padding-under-30 {
padding-top: 20px;
padding-bottom: 30px;
}
.services-hero-grid-2.padding-under-30.padding-top-30 {
grid-column-gap: 22px;
grid-row-gap: 22px;
grid-template-rows: auto;
padding-top: 40px;
display: flex;
}
.brand-div-4 {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 30px;
padding: 10px 20px;
display: flex;
}
.serives-hero-text-holder-2 {
align-self: stretch;
padding: 80px 0 20px;
}
.serives-hero-text-holder-2.top-padding {
padding-top: 20px;
}
.serives-hero-text-holder-2.top-padding.notice-padding {
margin-top: 100px;
}
.clear-5 {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.button-4 {
color: #f5f5ef;
text-align: left;
background-color: #0000;
border: 1px solid #f5f5ef;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 150px;
height: 150px;
font-family: Bdogrotesk;
font-size: 17px;
line-height: 1.2;
display: flex;
position: static;
}
.button-4:hover {
color: #161615;
background-color: #f5f5ef;
}
.container-14 {
justify-content: center;
max-width: none;
margin-left: 0;
margin-right: 0;
display: flex;
}
.link-underline-3 {
background-color: #f5f5ef;
height: 1px;
display: block;
transform: translate(-100%);
}
.link-underline2-3 {
background-color: #f5f5ef;
height: 1px;
}
.plus-horizontal-2 {
background-color: #f5f5ef;
width: 70%;
height: 2px;
}
.divider-2 {
background-color: var(--c-primary--bg);
width: 1px;
height: 100%;
}
.process-grid-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 1px solid #f5f5ef;
border-bottom: 1px solid #f5f5ef;
grid-template-rows: auto;
grid-template-columns: 1fr min-content 1fr;
}
.arrow-png-3 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1a7f_next%20(1).png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 14px;
height: 14px;
}
.small-text-7 {
color: #f5f5ef;
font-family: Bdogrotesk;
font-size: 16px;
line-height: 1.2;
}
.small-text-7.service {
margin-bottom: 3px;
}
.small-text-7.grey {
color: #6c6c6c;
}
.process-main-grid-2 {
grid-row-gap: 0px;
border-top: 1px none var(--c-primary--bg);
grid-template-columns: 1fr;
margin-bottom: 0;
}
.link-10 {
color: #f5f5ef;
font-family: Bdogrotesk;
font-size: 19px;
line-height: 1.2;
text-decoration: none;
}
.plus-vertical-2 {
background-color: #f5f5ef;
width: 2px;
height: 70%;
position: absolute;
}
.process-inner-grid-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-bottom: 1px solid var(--c-primary--bg);
cursor: pointer;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
padding-top: 20px;
padding-bottom: 20px;
}
.plus-horizontal-3 {
background-color: #f5f5ef;
width: 70%;
height: 2px;
}
.service-1-about-2 {
border-top: 1px solid #6c6c6c;
flex-direction: column;
padding-top: 20px;
padding-right: 20px;
display: flex;
}
.small-text-8 {
color: #f5f5ef;
font-family: Bdogrotesk;
font-size: 16px;
line-height: 1.2;
}
.small-text-8.service-small {
margin-bottom: 10px;
}
.serivce-grid-2 {
grid-column-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
}
.serivce-grid-2.voice-partners-grid {
grid-template-columns: 1fr 1fr;
}
.service-inner-grid-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
cursor: pointer;
border-bottom: 1px solid #6c6c6c;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
padding-top: 20px;
padding-bottom: 20px;
}
.service-main-grid-2 {
grid-row-gap: 0px;
border-top: 1px solid #6c6c6c;
grid-template-columns: 1fr;
margin-bottom: 40px;
}
.plus-vertical-3 {
background-color: #f5f5ef;
width: 2px;
height: 70%;
position: absolute;
}
.service-name-2 {
justify-content: space-between;
display: flex;
}
.service-heading-2-white {
color: var(--c-primary--bg);
}
.link-underline-4 {
background-color: #f5f5ef;
height: 1px;
display: block;
transform: translate(-100%);
}
.link-underline2-4 {
background-color: #f5f5ef;
height: 1px;
}
.plus-horizontal-4 {
background-color: #f5f5ef;
width: 70%;
height: 2px;
}
.arrow-png-4 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1a7f_next%20(1).png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 14px;
height: 14px;
}
.small-text-11 {
color: #f5f5ef;
margin-left: 8px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 14px;
line-height: 1.2;
}
.small-text-11.service-small {
margin-bottom: 10px;
}
.small-text-11.service {
margin-bottom: 3px;
}
.small-text-11.grey {
color: #6c6c6c;
}
.small-text-11.blue {
color: var(--c-primary--blue-500);
}
.small-text-11.small {
font-size: 12px;
}
.small-text-11._70 {
font-family: Manrope, sans-serif;
}
.link-11 {
color: #f5f5ef;
font-family: Bdogrotesk;
font-size: 19px;
line-height: 1.2;
text-decoration: none;
}
.plus-vertical-4 {
background-color: #f5f5ef;
width: 2px;
height: 70%;
position: absolute;
}
.service-heading-3.white {
color: var(--c-primary--bg);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 18px;
}
.service-name-3 {
justify-content: space-between;
display: flex;
}
.service-intro-section-02 {
border-radius: 0;
flex-direction: column;
padding-bottom: 5vh;
display: flex;
overflow: hidden;
}
.service-intro-section-02.black {
background-color: var(--c-grey--trans--0);
padding-bottom: 0;
}
.service-intro-section-02.under-padding {
padding-bottom: 0;
}
.process-grid-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 1px solid #f5f5ef;
border-bottom: 1px solid #f5f5ef;
grid-template-rows: auto;
grid-template-columns: 1fr min-content 1fr;
}
.to-expect-grid-02 {
grid-column-gap: 24px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
padding-left: 0;
padding-right: 0;
}
.base-text-6 {
color: #f5f5ef;
justify-content: flex-start;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
font-family: Bdogrotesk;
font-size: 19px;
line-height: 1.3;
}
.base-text-6.how-paragraph {
margin-top: 20px;
padding-left: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 15px;
}
.base-text-6.how-paragraph:lang(ko) {
font-weight: 400;
}
.base-text-6.how-paragraph:lang(ja) {
font-size: 13px;
}
.base-text-6.how-we-do-it {
margin-bottom: 20px;
}
.base-text-6.to-expect {
white-space: nowrap;
}
.base-text-6.service-about {
margin-bottom: 20px;
}
.link-underline-5 {
background-color: #f5f5ef;
height: 1px;
display: block;
transform: translate(-100%);
}
.link-underline2-5 {
background-color: #f5f5ef;
height: 1px;
}
.plus-horizontal-5 {
background-color: #f5f5ef;
width: 70%;
height: 2px;
}
.to-expect-grid-3 {
grid-column-gap: 24px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
padding-left: 0;
padding-right: 0;
}
.to-expect-grid-3:lang(ko) {
grid-template-columns: .75fr 1fr;
}
.arrow-png-5 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1a7f_next%20(1).png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 14px;
height: 14px;
}
.process-main-grid-3 {
grid-row-gap: 0px;
border-top: 1px none var(--c-primary--bg);
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.process-inner-grid-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-bottom: 1px solid var(--c-primary--bg);
cursor: pointer;
grid-template-rows: auto auto;
grid-template-columns: .25fr 1fr;
padding-top: 20px;
padding-bottom: 20px;
}
.lightbox-link-base {
background-color: var(--c-grey--trans--0);
padding-left: 20px;
padding-right: 20px;
}
.lightbox-link-base.bg-black {
padding-top: 60px;
}
.lightbox-link-base.bg-black.gap {
padding-top: 100px;
}
.lightbox-link-base.bg-black.padding, .lightbox-link-base.bg-black.padding-copy {
padding-top: 20px;
}
.service-hero-section-base {
background-color: var(--c-grey--trans--0);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.service-hero-section-base.play {
height: auto;
}
.extra-large-text-sub-black {
width: 70%;
font-size: 3.2rem;
font-weight: 400;
line-height: 1.1;
}
.extra-large-text-sub-black.intro-page {
width: 900px;
color: var(--c-primary--main);
align-self: flex-start;
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
}
.extra-large-text-sub-black.intro-page.white.manrope {
padding-top: 40px;
font-family: Manrope, sans-serif;
}
.extra-large-text-sub-black.intro-page.white.manrope._150 {
color: var(--c-grey--150);
}
.extra-large-text-sub-black.intro-page.white.padding {
padding-top: 40px;
}
.extra-large-text-sub-black.intro-page {
color: #161615;
align-self: flex-start;
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
}
.extra-large-text-sub-black.intro-page.white {
color: #f0f0f0;
}
.extra-large-text-sub-black.intro-page.white.padding {
padding-top: 40px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.approach-heading-black {
color: var(--c-primary--main);
margin-bottom: 10px;
}
.text-block-2 {
font-size: 18px;
}
.text-block-2.white {
color: var(--c-primary--bg);
}
.text-block-2.grey.mobile.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.text-block-2.grey.mobile.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.text-block-2._16px.white {
width: 90%;
}
.partners-white {
margin-top: 100px;
margin-bottom: 100px;
}
.brands-holder-white {
overflow: hidden;
}
.brands-section-white {
width: 4000px;
display: flex;
}
.brands-wrap-white {
display: flex;
}
.brands-holder-wh {
overflow: hidden;
}
.partners-wh {
margin-top: 100px;
margin-bottom: 100px;
}
.gallery-slide-2 {
padding-right: 20px;
}
.serives-hero-text-holder-3 {
padding: 65px 20px 20px;
}
.serives-hero-text-holder-3.black {
width: 100%;
}
.serives-hero-text-holder-3.black.padding {
margin-bottom: 140px;
padding-top: 10px;
}
.button-5 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--bg);
width: 100%;
height: 40px;
color: var(--c-primary--main);
text-align: left;
border: 1px solid #000;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
padding-left: 40px;
padding-right: 40px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-5:hover {
opacity: 1;
}
.btn-business-contact {
grid-column-gap: 17px;
grid-row-gap: 17px;
justify-content: center;
align-items: flex-end;
width: 100%;
padding-top: 60px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.base-text-7 {
color: #11594f;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
}
.base-text-7.button3-text {
z-index: 3;
color: var(--c-primary--main);
font-size: 14px;
position: relative;
}
.base-text-7.button2-2-text {
z-index: 3;
color: #f6f2e2;
position: relative;
}
.base-text-7.button4-text {
z-index: 3;
color: var(--c-primary--main);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
position: relative;
}
.base-text-7.button4-text:lang(ko) {
font-weight: 400;
}
.hero-text-holder-white-1 {
padding: 20px 20px 20px 0;
}
.hero-text-holder-white-1.non-top-padding {
padding-top: 0;
}
.hero-text-holder-white-1.padding-30px {
padding-top: 0;
padding-left: 20px;
position: static;
top: 0;
}
.base-text-5---black {
width: 100%;
color: var(--c-primary--main);
justify-content: flex-start;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
line-height: 1.3;
}
.base-text-5---black:lang(ko) {
font-weight: 400;
}
.base-text-5---black:lang(ja) {
font-size: 16px;
}
.base-text-5---black.how-paragraph {
margin-top: 20px;
}
.base-text-5---black.how-we-do-it {
margin-bottom: 20px;
}
.base-text-5---black.to-expect {
white-space: nowrap;
}
.base-text-5---black.service-about {
margin-bottom: 20px;
}
.base-text-5---black.padding-top-20px {
padding-top: 20px;
font-size: 16px;
}
.base-text-5---black.padding-top-20px:lang(ja) {
font-size: 16px;
}
.base-text-5---black.white {
color: var(--c-primary--bg);
}
.base-text-5---black.white.mid.manrope-desktop {
width: auto;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 26px;
}
.base-text-5---black.white.mid.manrope-desktop:lang(ko) {
font-weight: 400;
}
.base-text-5---black.white.mid.manrope-desktop.partner-color {
color: var(--c-secondary--pink);
}
.base-text-5---black.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
}
.base-text-5---black.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.large-text-black {
width: 100%;
color: var(--c-primary--main);
text-align: left;
padding-top: 10px;
padding-bottom: 40px;
font-family: Bdogrotesk;
font-size: 34px;
font-weight: 600;
line-height: 1.2;
}
.large-text-black.looping-text {
color: var(--c-grey--black);
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.large-text-black.services-h1 {
color: var(--c-primary--blue-500);
margin-bottom: 40px;
}
.large-text-black.services-intro-hero {
width: 100%;
color: var(--c-primary--main);
align-self: flex-start;
margin-bottom: 40px;
}
.large-text-black.padding-down-0 {
padding-top: 0;
padding-bottom: 10px;
}
.large-text-black.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 28px;
font-weight: 300;
}
.large-text-black.manrope:lang(ko) {
font-weight: 400;
}
.large-text-black.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 400;
}
.large-text-black.manrope.trial---euclid-circular-b.blog {
padding-bottom: 0;
}
.large-text-black.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.small-text---sub-black {
color: var(--c-primary--main);
letter-spacing: .5px;
padding-top: 10px;
font-family: Bdogrotesk;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
}
.small-text---sub-black.grey {
color: var(--c-grey--50);
}
.small-text---sub-black.service {
margin-bottom: 3px;
}
.small-text---sub-black.service-small {
margin-bottom: 10px;
}
.small-text---sub-black.testimonial-position {
color: var(--c-grey--50);
}
.small-text---sub-black.privacy {
margin-right: 20px;
font-size: 14px;
}
.small-text---sub-black.privacy:hover {
color: var(--c-grey--100);
}
.small-text---sub-black.webflow-link {
color: var(--c-grey--50);
font-size: 14px;
}
.small-text---sub-black.template-links {
font-size: 14px;
}
.small-text---sub-black.template-links:hover {
color: var(--c-grey--100);
}
.small-text---sub-black.trademark {
font-size: 14px;
}
.small-text---sub-black.green {
color: var(--play-secondary-color--green);
}
.beyond-the-voice {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 50svw;
max-width: none;
height: 12svw;
text-decoration: none;
display: flex;
}
.vectors-wrapper-26 {
aspect-ratio: auto;
object-fit: fill;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 50%;
text-decoration: none;
display: flex;
overflow: clip;
}
.about-hero-wrap-c {
padding: 0 0 40px;
}
.about-us-grid-copy {
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
}
.sub-title-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.heading-5 {
width: 70%;
padding-left: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
}
.heading-5:lang(ko) {
font-weight: 400;
}
.heading-5.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
}
.heading-5.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.beyond-the-voice-2 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 66svw;
max-width: 907.09px;
height: 12svw;
text-decoration: none;
display: flex;
}
.vectors-wrapper-27 {
object-fit: fill;
flex: 0 auto;
justify-content: center;
align-items: center;
margin-left: 0;
text-decoration: none;
display: flex;
}
.grid-2 {
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
}
.heading-6 {
font-weight: 600;
}
.heading-7 {
font-weight: 900;
}
.heading-8 {
font-size: 60px;
}
.medium-text-black {
color: var(--c-primary--main);
text-align: left;
padding-bottom: 20px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.2;
}
.medium-text-black.looping-text {
color: var(--c-grey--black);
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.medium-text-black.services-h1 {
color: var(--c-primary--blue-500);
margin-bottom: 40px;
}
.medium-text-black.services-intro-hero {
width: 100%;
color: var(--c-primary--main);
align-self: flex-start;
margin-bottom: 40px;
}
.medium-text-black.padding-down-0 {
padding-bottom: 10px;
}
.medium-text-black.grey {
color: var(--c-grey--400);
font-size: 16px;
}
.medium-text-black.grey:lang(ko) {
font-weight: 400;
}
.medium-text-black.grey.trial---euclid-circular-b, .medium-text-black.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
}
.medium-text-black.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.responsible-ai {
background-color: var(--play-secondary-color--green);
border-top-left-radius: 30px;
border-top-right-radius: 30px;
padding: 50px 40px 40px;
}
.responsible-ai:lang(ko) {
padding-top: 50px;
}
.responsible-ai.non-top-padding {
padding-top: 0;
}
.responsible-ai.padding-30px {
padding-top: 30px;
}
.large-text-whifte {
color: var(--c-primary--bg);
text-align: left;
padding-bottom: 20px;
font-family: Bdogrotesk;
font-size: 34px;
font-weight: 600;
line-height: 1.2;
}
.large-text-whifte.looping-text {
color: var(--c-grey--black);
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.large-text-whifte.services-h1 {
color: var(--c-primary--blue-500);
margin-bottom: 40px;
}
.large-text-whifte.services-intro-hero {
align-self: flex-start;
width: 75%;
margin-bottom: 40px;
}
.large-text-whifte.padding-side-20 {
padding-left: 20px;
padding-right: 20px;
}
.large-text-whifte.small {
font-size: 28px;
}
.large-text-whifte.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.large-text-whifte.manrope:lang(ko) {
font-weight: 400;
}
.to-expect-wrap-copy {
padding: 20px;
position: relative;
}
.base-text-medium {
color: var(--c-primary--main);
text-align: left;
justify-content: flex-start;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 22px;
font-weight: 300;
line-height: 1.3;
}
.base-text-medium:lang(ko) {
font-weight: 400;
}
.base-text-medium.menu {
margin-right: 5px;
}
.base-text-medium.hero-intro {
font-weight: 500;
}
.base-text-medium.company {
white-space: nowrap;
}
.base-text-medium.year {
text-align: left;
}
.base-text-medium.to-expect {
white-space: nowrap;
}
.base-text-medium.how-we-do-it, .base-text-medium.service-about, .base-text-medium.gallery-title {
margin-bottom: 20px;
}
.base-text-medium.testimonial-name {
margin-bottom: 5px;
}
.base-text-medium.form-label {
font-weight: 400;
}
.base-text-medium.location {
margin-bottom: 10px;
}
.base-text-medium.contact-address {
color: var(--c-grey--50);
margin-top: 10px;
margin-bottom: 10px;
}
.base-text-medium.nav-text, .base-text-medium.nav-time {
white-space: nowrap;
}
.base-text-medium.all-work-brand {
white-space: normal;
}
.base-text-medium.how-paragraph {
margin-top: 20px;
}
.base-text-medium.subtext {
color: var(--c-grey--50);
font-size: 16px;
}
.base-text-medium.extra-height {
line-height: 1.5;
}
.base-text-medium.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
}
.base-text-medium.trial---euclid-circular-b.satoshi, .base-text-medium.satoshi {
font-family: Satoshi Variable;
}
.base-text-medium.txttt {
font-size: 20px;
}
.research {
padding: 65px 20px 20px;
}
.research.non-top-padding {
padding-top: 0;
}
.research.padding-30px {
padding-top: 30px;
}
.careers {
padding: 100px 20px 20px;
}
.careers.non-top-padding {
padding-top: 0;
}
.careers.padding-30px {
padding-top: 30px;
}
.careers-img {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.btn-careers {
grid-column-gap: 17px;
grid-row-gap: 17px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 10px;
padding-bottom: 40px;
padding-right: 0;
display: flex;
}
.contents-hero-holder-d {
background-color: #f0f0f0;
margin-bottom: 0;
padding: 0;
}
.button-6 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--blue-500);
width: auto;
height: 60px;
color: var(--c-primary--main);
text-align: left;
border: 1px solid #000;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
padding-left: 40px;
padding-right: 40px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-6:hover {
opacity: 1;
}
.newsroom {
background-color: var(--c-primary--bg);
border-radius: 0;
padding: 40px 20px 0;
}
.newsroom.non-top-padding {
padding-top: 0;
}
.newsroom.padding-30px {
padding-top: 30px;
}
.gallery-wrap-c {
flex-direction: column;
align-items: stretch;
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
.gallery-section-c {
padding-bottom: 20px;
overflow: hidden;
}
.gallery-container-c {
width: 40%;
margin-left: 0;
margin-right: 0;
}
.gallery-slider-c {
background-color: #0000;
flex-direction: row;
justify-content: center;
align-items: center;
height: 100%;
padding-bottom: 50px;
position: relative;
}
.gallery-mask-c {
width: 100%;
overflow: visible;
}
.project-gallery-section-b {
padding-bottom: 20px;
overflow: hidden;
}
.gallery-container-b {
width: auto;
margin-left: auto;
margin-right: auto;
}
.gallery-slider-b {
background-color: #0000;
flex-direction: row;
justify-content: center;
align-items: center;
height: auto;
padding-bottom: 50px;
position: relative;
}
.gallery-mask-b {
width: 80%;
height: auto;
padding-top: 0%;
padding-bottom: 0;
overflow: visible;
}
.gallery-slide-b {
height: auto;
max-height: none;
padding-left: 20px;
padding-right: 20px;
}
.gallery-list-wrapper-b {
height: auto;
max-height: none;
}
.gallery-list-wrapper-b.hide {
display: none;
}
.gallery-list-b {
height: auto;
max-height: none;
}
.gallery-collection-item-b {
height: auto;
min-height: auto;
}
.gallery-image-wrapper-b {
object-fit: cover;
width: 100%;
height: auto;
max-height: none;
padding-top: 60%;
position: relative;
overflow: hidden;
}
.project-gallery-image-b {
object-fit: cover;
width: 100%;
height: 100%;
max-height: none;
position: absolute;
inset: 0%;
}
.project-gallery-image-c {
object-fit: cover;
width: 100%;
height: 100%;
max-height: none;
position: absolute;
inset: 0%;
overflow: clip;
}
.project-info-wrap-b {
justify-content: space-between;
display: flex;
position: absolute;
inset: auto 10px 10px;
}
.project-info-wrap-b.featured-info {
bottom: 20px;
left: 20px;
right: 20px;
}
.project-details-wrap-b {
background-color: var(--c-primary--bg);
border-radius: 5px;
padding: 7px 12px;
}
.base-text-link {
width: 50px;
color: var(--c-primary--blue-500);
text-align: left;
justify-content: flex-start;
padding-top: 60px;
font-family: Bdogrotesk;
font-size: 19px;
font-weight: 400;
line-height: 1.3;
}
.base-text-link.menu {
margin-right: 5px;
}
.base-text-link.hero-intro {
font-weight: 500;
}
.base-text-link.company {
white-space: nowrap;
}
.base-text-link.year {
text-align: left;
}
.base-text-link.to-expect {
white-space: nowrap;
}
.base-text-link.how-we-do-it, .base-text-link.service-about, .base-text-link.gallery-title {
margin-bottom: 20px;
}
.base-text-link.testimonial-name {
margin-bottom: 5px;
}
.base-text-link.form-label {
font-weight: 400;
}
.base-text-link.location {
margin-bottom: 10px;
}
.base-text-link.contact-address {
color: var(--c-grey--50);
margin-top: 10px;
margin-bottom: 10px;
}
.base-text-link.nav-text, .base-text-link.nav-time {
white-space: nowrap;
}
.base-text-link.all-work-brand {
white-space: normal;
}
.base-text-link.how-paragraph {
margin-top: 20px;
}
.base-text-link.subtext {
color: var(--c-grey--50);
font-size: 16px;
}
.base-text-link.extra-height {
line-height: 1.5;
}
.medium-text {
margin-bottom: 0;
margin-left: 0;
padding-bottom: 20px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 26px;
font-weight: 400;
position: relative;
}
.medium-text.product-txt {
text-align: left;
padding-top: 10px;
font-weight: 400;
}
.base-text-5---blue {
color: var(--c-primary--main);
justify-content: flex-start;
font-family: Bdogrotesk;
font-size: 19px;
line-height: 1.3;
}
.base-text-5---blue.how-paragraph {
margin-top: 20px;
}
.base-text-5---blue.how-we-do-it {
margin-bottom: 20px;
}
.base-text-5---blue.to-expect {
white-space: nowrap;
}
.base-text-5---blue.service-about {
margin-bottom: 20px;
}
.base-text-5---blue.padding-top-20px {
padding-top: 20px;
}
.base-text-5---blue.white {
color: var(--c-primary--bg);
display: block;
}
.base-text-5---blue.padding {
margin-bottom: 20px;
}
.base-text-5---blue.padding.blog {
padding-left: 20px;
font-family: Manrope, sans-serif;
}
.base-text-5---blue.spt-blue {
color: var(--c-primary--blue-500);
font-family: Manrope, sans-serif;
}
.base-text-year {
color: var(--c-primary--main);
text-align: left;
justify-content: flex-start;
padding-top: 10px;
font-family: Supertone Serif, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.3;
}
.base-text-year.menu {
margin-right: 5px;
}
.base-text-year.hero-intro {
font-weight: 500;
}
.base-text-year.company {
white-space: nowrap;
}
.base-text-year.year {
text-align: left;
}
.base-text-year.to-expect {
white-space: nowrap;
}
.base-text-year.how-we-do-it, .base-text-year.service-about, .base-text-year.gallery-title {
margin-bottom: 20px;
}
.base-text-year.testimonial-name {
margin-bottom: 5px;
}
.base-text-year.form-label {
font-weight: 400;
}
.base-text-year.location {
margin-bottom: 10px;
}
.base-text-year.contact-address {
color: var(--c-grey--50);
margin-top: 10px;
margin-bottom: 10px;
}
.base-text-year.nav-text, .base-text-year.nav-time {
white-space: nowrap;
}
.base-text-year.all-work-brand {
white-space: normal;
}
.base-text-year.how-paragraph {
margin-top: 20px;
}
.base-text-year.subtext {
color: var(--c-grey--50);
font-size: 16px;
}
.base-text-year.extra-height {
line-height: 1.5;
}
.base-text-year.mobile {
padding-bottom: 10px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
}
.newsroom-presskit {
padding: 100px 0;
}
.newsroom-presskit.non-top-padding {
padding-top: 0;
}
.newsroom-presskit.padding-30px {
padding-top: 30px;
}
.btn-type-a {
grid-column-gap: 17px;
grid-row-gap: 17px;
justify-content: flex-start;
align-items: center;
width: auto;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.button-type-a {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--bg);
width: 100%;
height: 36px;
color: var(--c-primary--main);
text-align: left;
border: 0 solid #000;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
padding-left: 40px;
padding-right: 40px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-type-a:hover {
opacity: 1;
}
.button-type-a.manrope {
height: 36px;
}
.button-mask-type-a {
z-index: 2;
background-color: var(--c-primary--blue-500);
color: var(--c-primary--main);
text-align: center;
border-radius: 30px;
flex: 0 auto;
text-decoration: none;
display: block;
position: absolute;
inset: 0%;
}
.button-mask-type-a.play-go {
background-color: var(--play-secondary-color--green);
}
.button-mask-type-a.partner {
background-color: var(--c-secondary--pink);
}
.grid-type-c {
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
}
.brands-holder-press {
padding-top: 40px;
padding-bottom: 100px;
display: block;
overflow: hidden;
}
.brands-section-press {
width: 4000px;
display: flex;
}
.brands-wrap-press {
display: flex;
}
.brand-div-press {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 0;
padding: 10px 20px;
display: flex;
}
.gallery-mask-preview {
width: 100%;
overflow: visible;
}
.gallery-slide-preview {
max-height: none;
padding-left: 0;
padding-right: 0;
}
.gallery-list-wrapper-preview {
max-height: none;
}
.gallery-list-wrapper-preview.hide {
display: none;
}
.gallery-list-preview {
max-height: none;
}
.gallery-collection-item-preview {
min-width: auto;
min-height: auto;
padding-bottom: 20px;
padding-left: 0;
padding-right: 20px;
}
.gallery-image-wrapper-preview {
object-fit: cover;
width: 100%;
max-height: none;
padding-top: 60%;
position: relative;
overflow: hidden;
}
.gallery-slider-preview {
background-color: #0000;
flex-direction: row;
justify-content: center;
align-items: center;
height: 100%;
padding-bottom: 50px;
position: relative;
}
.gallery-container-preview {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.project-gallery-section-preview {
padding-bottom: 20px;
overflow: hidden;
}
.service-examples-wrap-preview {
flex-direction: column;
align-items: stretch;
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
.div-block-4 {
padding-left: 20px;
}
.base-text-6-black {
color: #f5f5ef;
justify-content: flex-start;
font-family: Bdogrotesk;
font-size: 19px;
line-height: 1.3;
}
.base-text-6-black.how-paragraph {
color: var(--c-primary--main);
margin-top: 20px;
font-size: 19px;
}
.base-text-6-black.how-paragraph.grey {
color: var(--c-grey--200);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.base-text-6-black.how-paragraph.grey:lang(ko) {
font-weight: 400;
}
.base-text-6-black.how-we-do-it {
margin-bottom: 20px;
}
.base-text-6-black.to-expect {
white-space: nowrap;
}
.base-text-6-black.service-about {
margin-bottom: 20px;
}
.contents-hero-holder-tt {
background-color: var(--c-primary--main);
margin-bottom: 0;
padding: 60px 20px 0;
}
.contents-hero-holder-tt.padding {
padding-bottom: 60px;
}
.contents-hero-holder-tt.padding.ad-padding, .contents-hero-holder-tt.padding.ad-padding-copy {
margin-bottom: 60px;
}
.contents-hero-holder-tt.play-padding {
background-color: var(--c-grey--900);
margin-bottom: 0;
padding-top: 80px;
padding-left: 0;
}
.contents-hero-holder-tt.play-padding.headtt-padding {
margin-bottom: 100px;
padding-top: 0;
display: none;
}
.contents-hero-holder-tt.play-sub-txt-block {
background-color: var(--c-grey--700);
border-top-left-radius: 20px;
margin-top: 60px;
padding-top: 30px;
padding-bottom: 30px;
}
.contents-hero-holder-tt.padding-x {
padding-top: 0;
}
.contents-hero-holder-tt.api {
padding-top: 20px;
}
.heading-3---popup {
color: var(--c-primary--bg);
padding-top: 40px;
padding-bottom: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 18px;
font-weight: 300;
}
.heading-3---popup.grey.top-padding {
padding-top: 0;
}
.heading-3---popup.grey.top-padding.small {
padding-left: 50px;
font-size: 12px;
}
.heading-3---popup.grey.top-padding.small.dark {
width: 100%;
max-height: 300px;
color: var(--c-grey--trans--50-white);
justify-content: center;
margin-bottom: 24px;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
display: block;
position: static;
overflow: auto;
}
.heading-3---popup.padding-top-20px {
padding-top: 20px;
}
.heading-3---popup.padding-top-20px.pink {
color: var(--c-secondary--pink);
}
.heading-3---popup.padding-top-20px.play-color {
color: var(--play-secondary-color--green);
padding-top: 0;
}
.heading-3---popup.padding-top-20px.api-color {
color: var(--c-secondary--api-green);
}
.heading-3---popup.padding-top-20px.api-color.manrope {
font-family: Manrope, sans-serif;
}
.heading-3---popup.padding-top-20px.sup-color {
color: var(--c-primary--blue-500);
padding-top: 0;
}
.heading-3---popup.padding-top-20px.bg-color {
color: var(--c-primary--bg);
padding-top: 0;
}
.heading-3---popup.mobile {
padding-top: 0;
}
.heading-3---popup.mobile.clear-color {
color: var(--c-secondary--mint-green);
}
.heading-3---popup.mobile.clear-color.manrope {
font-family: Manrope, sans-serif;
}
.heading-3---popup.mobile.air-color {
color: var(--play-secondary-color--green);
}
.heading-3---popup.mobile.air-color.manrope {
font-family: Manrope, sans-serif;
}
.heading-3---popup.mobile.air-color.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.heading-3---popup.mobile.air-color.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
font-weight: 500;
}
.heading-3---popup.padding-top-0 {
padding-top: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.heading-3---popup.padding-top-0:lang(ko) {
font-weight: 400;
}
.heading-3---popup.padding-top-0.green {
color: var(--play-secondary-color--green);
padding-top: 20px;
}
.text---head-product---title-white {
color: var(--c-primary--bg);
text-align: left;
padding-bottom: 20px;
font-family: Bdogrotesk;
font-size: 44px;
font-weight: 400;
line-height: 1.2;
}
.text---head-product---title-white.style-titles {
margin-bottom: 30px;
}
.text---head-product---title-white.menu-large-text {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.text---head-product---title-white.services-h1 {
margin-bottom: 40px;
font-family: Supertone Serif, sans-serif;
font-size: 30px;
font-weight: 300;
}
.text---head-product---title-white.services-intro-hero {
width: 75%;
margin-bottom: 40px;
font-size: 30px;
font-weight: 400;
}
.text---head-product---title-white.looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.text---head-product---title-white.testimonial-heading {
margin-bottom: 10px;
}
.text---head-product---title-white.about-testimonial {
width: 100%;
max-width: none;
margin-bottom: 0;
margin-left: 0;
position: relative;
}
.text---head-product---title-white.awards-looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.text---head-product---title-white.contact-heading {
margin-bottom: 10px;
}
.text---head-product---title-white.product-title {
font-size: 40px;
}
.text---head-product---title-white.medium {
font-size: 34px;
}
.text---head-product---title-white.medium.red {
color: var(--c-secondary--orange);
}
.text---head-product---title-white.medium.small.blue {
color: var(--c-primary--blue-500);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.text---head-product---title-white.pink {
color: var(--c-secondary--pink);
padding-bottom: 10px;
}
.text---head-product---title-white.pink.manrope {
font-family: Manrope, sans-serif;
}
.text---head-product---title-white.play-color {
color: var(--play-secondary-color--green);
}
.text---head-product---title-white.play-color.gap {
padding-bottom: 0;
}
.text---head-product---title-white.play-color.gap.play-official {
color: var(--c-primary--blue-500);
}
.text---head-product---title-white.play-color.gap.play-official.bg-color {
color: var(--c-primary--bg);
}
.text---head-product---title-white.clear-color {
color: var(--c-secondary--mint-green);
}
.text---head-product---title-white.clear-color.mobile-padding.manrope {
font-family: Manrope, sans-serif;
}
.text---head-product---title-white.txt-size {
color: var(--play-secondary-color--green);
font-size: 38px;
}
.text---head-product---title-white.txt-size.clear-color {
color: var(--c-secondary--mint-green);
}
.text---head-product---title-white.txt-size.clear-color.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.text---head-product---title-white.air-color {
color: var(--c-secondary--mint-green);
}
.text---head-product---title-white.air-color.mobile-padding {
color: var(--play-secondary-color--green);
}
.text---head-product---title-white.air-color.mobile-padding.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.text---head-product---title-white.air-color.mobile-padding.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
font-weight: 400;
}
.text---head-product---title-white.green {
color: var(--play-secondary-color--green);
}
.text---head-product---title-white.api-color {
color: var(--c-secondary--api-green);
-webkit-text-stroke-color: var(--c-grey--white);
}
.text---head-product---title-white.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.text---small-white {
color: var(--c-primary--bg);
padding-bottom: 40px;
font-size: 24px;
}
.text---small-white.small:lang(ko) {
font-weight: 400;
}
.text---small-white.mobile {
font-size: 20px;
}
.text---small-white.mobile:lang(ko) {
font-weight: 400;
}
.vectors-wrapper-18 {
z-index: auto;
aspect-ratio: auto;
background-color: var(--c-grey--trans--0);
object-fit: cover;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
}
.shift-graphic-a {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
height: 100%;
text-decoration: none;
display: flex;
position: absolute;
top: auto;
left: auto;
overflow: scroll;
}
.shift-graphic-b {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: cover;
flex: 0 auto;
order: 0;
justify-content: flex-start;
align-self: auto;
align-items: flex-start;
width: 100%;
max-width: none;
height: 100%;
text-decoration: none;
display: block;
position: absolute;
top: auto;
left: auto;
overflow: clip;
}
.div-block-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
flex-flow: row;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-self: auto;
align-items: flex-start;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0% auto auto;
overflow: auto;
}
.shift-graphic-c {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: cover;
flex: 0 auto;
order: 0;
justify-content: flex-start;
align-self: auto;
align-items: flex-start;
width: 100%;
max-width: none;
height: 100%;
text-decoration: none;
display: block;
position: absolute;
top: auto;
left: 7.2%;
overflow: visible;
}
.shift-graphic-c.mobile {
overflow: visible;
}
.button-base-container-shift-download {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 10px;
display: flex;
}
.button-base-container-shift-download.gap {
justify-content: center;
align-items: flex-end;
padding-top: 40px;
}
.button-base-container-shift-download.gap.bottom-margin, .button-base-container-shift-download.gap.bottom-margin-copy {
padding-bottom: 40px;
}
.button-base-container-shift-download.gap.api-setting {
justify-content: flex-end;
align-items: flex-end;
}
.button-base-container-shift-download.gap.api-setting.gap {
padding-top: 10px;
}
.button-base-container-shift-download.gap.center {
justify-content: center;
align-items: flex-end;
}
.button-base-container-shift-download.gap {
justify-content: flex-start;
align-items: flex-end;
padding-top: 40px;
}
.apple {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--c-primary--blue-500);
width: 24px;
color: var(--c-primary--bg);
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: block;
}
.vectors-wrapper-28 {
background-image: linear-gradient(to bottom, var(--c-primary--blue-500), var(--c-primary--blue-500));
object-fit: cover;
justify-content: center;
align-items: center;
width: 5.97035px;
height: 6.46197px;
text-decoration: none;
display: block;
position: absolute;
}
.vectors-wrapper-29 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 23.9979px;
height: 21.2516px;
text-decoration: none;
display: flex;
}
.apple-2 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 24px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-30 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 5.97035px;
height: 6.46197px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-31 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 23.9979px;
height: 21.2516px;
text-decoration: none;
display: flex;
}
.apple_logo {
z-index: 3;
width: 50%;
height: 50%;
display: block;
position: relative;
}
.apple_logo.nav-arrow {
display: none;
}
.apple_logo-copy {
z-index: 3;
width: 50%;
height: 50%;
display: block;
position: relative;
}
.apple_logo-copy.nav-arrow {
display: none;
}
.windows_logo {
z-index: 3;
width: 45%;
height: 45%;
display: block;
position: relative;
}
.windows_logo.nav-arrow {
display: none;
}
.checkbox-2 {
align-self: auto;
margin-top: 2.5px;
margin-left: 0;
}
.checkbox-2.w--redirected-checked {
background-color: #161615;
border-color: #f5f5ef;
}
.checkbox-2.w--redirected-focus {
box-shadow: 0 0 3px 1px #f5f5ef;
}
.checkbox-2.grey.w--redirected-checked {
background-color: var(--c-grey--300);
}
.text-field-3 {
background-color: #0000;
border: 1px #000;
border-bottom: 1px solid #f5f5ef;
margin-bottom: 40px;
padding-left: 0;
padding-right: 0;
}
.text-field-3::placeholder {
color: #6c6c6c;
}
.text-field-3.small-text {
color: var(--c-primary--bg);
border-radius: 0;
margin-left: 0;
margin-right: 20px;
padding-left: 0;
padding-right: 0;
font-family: Manrope, sans-serif;
font-size: 16px;
}
.text-field-3.small-text:focus {
border-bottom-color: #f5f5ef;
}
.text-field-3.small-text.message-field {
min-height: 8rem;
}
.text-field-3.small-text.message-field:focus {
border-bottom-color: #f5f5ef;
}
.button-7 {
color: #f5f5ef;
text-align: left;
background-color: #0000;
border: 1px solid #f5f5ef;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 150px;
height: 150px;
font-family: Bdogrotesk;
font-size: 17px;
line-height: 1.2;
display: flex;
}
.button-7:hover {
color: #161615;
background-color: #f5f5ef;
}
.button-7.contact-button {
text-align: center;
}
.large-text-2 {
color: #f5f5ef;
text-align: left;
font-family: Bdogrotesk;
font-size: 34px;
font-weight: 600;
line-height: 1.2;
}
.large-text-2.contact-heading {
margin-bottom: 10px;
}
.large-text-2.contact-heading.yellow {
color: var(--c-secondary--yellow);
}
.large-text-2.contact-heading.blue {
color: var(--c-primary--blue-500);
}
.large-text-2.contact-heading.blue.padding-down {
margin-bottom: 40px;
}
.large-text-2.contact-heading.blue.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.large-text-2.contact-heading.blue.manrope:lang(ko) {
font-weight: 400;
}
.error-message-2 {
background-color: var(--c-secondary--orange);
text-align: center;
border-radius: 50px;
width: 100%;
margin-top: 40px;
padding-top: 15px;
padding-bottom: 15px;
position: absolute;
inset: 15% auto auto;
}
.success-message-3 {
background-color: var(--c-grey--trans--0);
width: 450px;
color: var(--c-grey--white);
-webkit-text-stroke-color: var(--c-grey--trans--0);
margin-top: 40px;
margin-bottom: 40px;
position: relative;
inset: auto auto auto 12%;
}
.success-message-3.air {
border-radius: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.checkbox-field-more {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-self: auto;
padding-left: 0;
display: flex;
}
.link-small {
color: var(--c-primary--blue-500);
-webkit-text-stroke-color: var(--c-primary--blue-500);
white-space: normal;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
text-decoration: none;
}
.link-small:hover {
opacity: .4;
color: #11594f;
}
.rich-text-block-small {
font-weight: 500;
}
.rich-text-block-small h2 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 24px;
font-weight: 600;
}
.rich-text-block-small p {
margin-bottom: 10px;
font-family: Manrope, sans-serif;
font-size: 14px;
line-height: 1.5;
}
.rich-text-block-small h1 {
margin-bottom: 20px;
font-size: 34px;
font-weight: 600;
}
.rich-text-block-small a {
border-bottom: 1px solid var(--c-primary--main);
color: var(--c-primary--main);
padding-bottom: 0;
text-decoration: none;
display: inline-block;
}
.rich-text-block-small blockquote {
color: var(--c-primary--main);
margin-top: 21px;
margin-bottom: 21px;
font-family: Bdogrotesk;
font-size: 19px;
line-height: 1.2;
}
.rich-text-block-small ul, .rich-text-block-small ol {
margin-top: 20px;
margin-bottom: 20px;
}
.rich-text-block-small h3, .rich-text-block-small h4, .rich-text-block-small h5, .rich-text-block-small h6 {
margin-top: 20px;
margin-bottom: 10px;
font-weight: 600;
}
.text-policy-dot {
font-size: 14px;
}
.hero-text-holder-white-2 {
flex-flow: column;
align-items: stretch;
width: 100%;
padding: 60px 20px 20px;
display: block;
}
.hero-text-holder-white-2.non-top-padding {
padding-top: 0;
}
.hero-text-holder-white-2.padding-30px {
background-color: var(--c-grey--800);
margin-top: 0;
padding-top: 30px;
padding-left: 20px;
}
.hero-text-holder-white-2.padding-30px:lang(ko) {
background-color: #161615;
}
.hero-text-holder-white-2.padding-30px:lang(ja) {
background-color: #161615;
margin-top: 60px;
}
.image-4-copy {
border-radius: 10px;
margin-top: 0;
padding-top: 0;
}
.image-4-copy:lang(ja) {
aspect-ratio: auto;
object-fit: cover;
width: auto;
}
.about-images-wrapper-shift {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.white {
color: var(--c-primary--bg);
}
.grey {
color: var(--c-grey--200);
}
.grey.large {
font-size: 30px;
}
.grey.large.price {
font-size: 40px;
}
.grey.large.price.white {
color: var(--c-primary--bg);
}
.grey.large.price.white.plus {
text-align: center;
font-weight: 300;
}
.grey.large.price.white.padding {
padding-left: 10px;
text-decoration: none;
}
.grey.large.price.white.padding.mobile-txt.green {
color: var(--play-secondary-color--green);
}
.grey.large.price.white.padding.mobile-txt.green._20pt {
font-size: 20px;
}
.grey.x {
text-decoration: line-through;
}
.grey.x.price {
padding-left: 10px;
}
.grey.dark {
color: var(--c-grey--450);
}
.grey.dark.small {
font-size: 16px;
}
.grey.dark.small.padding.white {
color: var(--c-primary--bg);
padding-bottom: 5px;
font-weight: 400;
}
.grey.dark.small.padding.white.none {
display: none;
}
.grey.mobile.padding.blue.price.txt-small {
font-size: 16px;
}
.grey.small {
font-size: 14px;
}
.grey.small.price {
padding-left: 10px;
}
.grey.blue {
color: var(--c-primary--blue-500);
}
.grey.blue.price {
padding-left: 10px;
}
.grey.blue.price.size {
font-size: 16px;
}
.services-hero-grid-3 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 40px;
padding-bottom: 0;
}
.services-hero-grid-3.gap {
grid-template-columns: 1.75fr .25fr 1fr;
padding-top: 20px;
}
.services-hero-grid-3.gap.padding {
padding-top: 0;
}
.services-hero-grid-3.gap.padding.right-spacing {
margin-right: 20px;
}
.image-block {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.to-expect-grid-3-copy {
grid-column-gap: 24px;
grid-template-columns: min-content 1fr;
padding-left: 0;
padding-right: 0;
}
.to-expect-grid-3-copy._4 {
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.btn, .business-contact {
background-color: var(--c-primary--blue-500);
border-radius: 0;
flex-direction: column;
padding-bottom: 5vh;
display: flex;
overflow: hidden;
}
.business-contact.black-700 {
background-color: var(--c-grey--700);
padding-bottom: 10vh;
}
.business-contact.black-700.vh {
background-color: var(--c-grey--trans--0);
padding-bottom: 5vh;
}
.hero-image-section {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
max-width: 1400px;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
}
.partners-features-wrapper {
grid-column-gap: 7px;
grid-row-gap: 7px;
background-color: var(--c-secondary--pink);
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
min-height: 260px;
padding: 40px 50px;
display: flex;
}
.partners-features-wrapper.padding {
border-radius: 20px;
padding-top: 40px;
padding-bottom: 40px;
}
.image-section {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.gallery-slide-3 {
padding-right: 20px;
}
.plus-horizontal-6 {
background-color: #f5f5ef;
width: 70%;
height: 2px;
}
.gallery-title-2 {
margin-bottom: 20px;
}
.gallery-mask-2 {
width: 30%;
overflow: visible;
}
.large-text-3 {
color: #f5f5ef;
text-align: left;
font-family: Bdogrotesk;
font-size: 34px;
font-weight: 600;
line-height: 1.2;
}
.service-section-2 {
padding: 0 0 10vh;
}
.gallery-container-2 {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.gallery-list-wrapper-2.hide {
display: none;
}
.service-examples-wrap-2 {
flex-direction: column;
align-items: stretch;
margin-top: 20px;
}
.service-name-4 {
justify-content: space-between;
display: flex;
}
.text-reveal-wrapper {
margin-top: 5vw;
margin-bottom: 5vw;
display: block;
}
.text-real-line-wrap {
text-align: center;
overflow: hidden;
}
.text-reveal-line-1 {
font-size: 8rem;
font-weight: 400;
line-height: 1.1;
}
.text-reveal-line-1.pink {
color: var(--c-secondary--pink);
}
.text-reveal-line-1.pink.manrope-mobile.manrope-desktop {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 4rem;
font-weight: 300;
}
.text-reveal-line-2 {
font-size: 8rem;
line-height: 1.1;
}
.text-reveal-line-2.pink {
color: var(--c-secondary--pink);
}
.text-reveal-line-2.pink.manrope.manrope-desktop {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 4rem;
overflow: hidden;
}
.text-reveal-line-3 {
font-size: 8rem;
line-height: 1.1;
}
.text-reveal-line-3.pink {
color: var(--c-secondary--pink);
}
.text-reveal-line-3.pink.manrope.manrope-desktop {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 4rem;
}
.small-divider {
background-color: #f6f2e2;
width: 40px;
height: 2px;
}
.small-divider.beige {
background-color: #11594f;
}
.small-divider.black {
background-color: var(--c-primary--main);
}
.small-divider.black.white {
background-color: var(--c-primary--bg);
}
.small-divider.black.white-v2 {
background-color: var(--c-grey--300);
}
.small-divider.api-color {
background-color: var(--c-secondary--api-green);
background-color: #17e5e0;
}
.card-mask {
width: 33.33%;
min-width: 400px;
height: auto;
overflow: visible;
}
.card-icon-number {
justify-content: space-between;
display: block;
}
.plus-button {
background-color: #11594f;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-left: auto;
display: flex;
position: relative;
overflow: hidden;
}
.plus-button.beige {
background-color: #ff6242;
display: flex;
}
.slider-component {
background-color: #0000;
height: auto;
padding-top: 0;
padding-bottom: 8rem;
}
.slider-arrow {
background-color: var(--c-secondary--pink);
border: 1px #006cff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
inset: auto 0% 0% auto;
}
.slider-arrow:hover {
background-color: #ff6242;
}
.slider-arrow.left {
background-color: var(--c-secondary--pink);
right: 4rem;
}
.slider-arrow.left:hover {
background-color: #ff6242;
}
.service-padding {
padding-left: 0;
padding-right: 40px;
}
.card-bottom-wrapper {
grid-column-gap: 28px;
grid-row-gap: 28px;
flex-direction: column;
justify-content: flex-end;
margin-top: 0;
display: flex;
}
.card-bottom-wrapper.no-margin {
margin-top: 0;
}
.card-image-wrapper {
text-align: right;
min-width: 40px;
max-width: 40px;
max-height: 40px;
display: none;
}
.card-image-wrapper.ahrefs {
width: 80px;
}
.small-text-10 {
font-size: 14px;
}
.small-text-10.service-coming-soon {
color: #ff6242;
}
.card-service-image {
height: 100%;
}
.our-services-section {
flex-direction: column;
justify-content: flex-start;
display: flex;
overflow: hidden;
}
.card-title {
margin-top: 0;
margin-bottom: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
}
.card-title.large {
font-size: 24px;
line-height: 1;
}
.card-title.blue.small.sale-color {
color: var(--c-primary--main);
}
.card-title.blue.small.sale-color.sale-color-2 {
color: var(--c-primary--blue-500);
}
.card-title.play-sub-color, .card-title.play-demo-sub-tt {
font-size: 22px;
}
.card-title.manrope {
font-family: Manrope, sans-serif;
}
.card-title.api-color {
min-height: 100px;
color: var(--c-secondary--api-green);
font-size: 14px;
}
.card-title.blue.small {
color: var(--c-primary--bg);
font-size: 13px;
}
.card-title.blue {
color: #227cff;
}
.card-title.blue.small {
font-size: 13px;
}
.title-card-wrapper {
background-color: #f6f2e2;
border-radius: 10px;
margin-right: auto;
padding: 5px 15px;
}
.title-card-wrapper.light {
background-color: #f8a290;
}
.title-card-wrapper.dark {
background-color: #faf8f7;
}
.title-card-wrapper.white.card-partners.pink {
background-color: var(--c-secondary--pink);
}
.title-card-wrapper.white.card-partners.api-color._100 {
width: 100%;
}
.title-card-wrapper.white.card-partners.api-color.txt-gap {
border-radius: 10px;
}
.title-card-wrapper.white {
background-color: #f0f0f0;
border-radius: 10px 0 0;
align-items: center;
padding: 0 20px;
display: flex;
}
.title-card-wrapper.white.card-partners {
padding-top: 10px;
padding-bottom: 10px;
}
.title-card-wrapper.white.card-partners.api-color {
background-color: #17e5e0;
}
.title-card-wrapper.white.card-partners.play-color.manrope {
background-color: #fff0;
border: 1.5px solid #000;
border-bottom-style: none;
}
.title-card-wrapper.white.card-partners.play-color {
background-color: #17e5e0;
}
.title-card-wrapper.white.card-partners.play-color._100, .container-large {
width: 100%;
}
.btn-box {
background-color: var(--c-grey--trans--0);
cursor: pointer;
border-radius: 0;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: auto;
padding: 20px 40px;
display: flex;
}
.btn-box._2 {
background-color: var(--c-secondary--pink);
min-height: 300px;
}
.btn-box._2:hover {
opacity: 1;
}
.btn-box._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
min-height: 300px;
}
.btn-box._3:hover {
opacity: 1;
}
.btn-box._1 {
border: 1px solid var(--c-secondary--pink);
background-color: var(--c-grey--trans--0);
min-height: 340px;
}
.btn-box._1:hover {
opacity: 1;
}
.btn-box._1.border-color {
border-color: var(--c-primary--bg);
}
.btn-box._1._2 {
min-height: 200px;
padding-bottom: 30px;
}
.btn-box.api-1 {
border: 1px solid var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.btn-box.api-1:hover {
opacity: 1;
}
.btn-box.api-1.api-color {
border-color: var(--c-secondary--api-green);
min-height: 200px;
}
.btn-box.api-1.api-color.why-api {
cursor: default;
min-height: 300px;
padding-top: 40px;
padding-bottom: 40px;
}
.btn-box.layout {
flex-flow: row;
padding-left: 0;
padding-right: 0;
}
.btn-box.vc-box {
border: 1.5px solid var(--c-primary--main);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.btn-box.vc-box:hover {
opacity: 1;
}
.btn-box.vc-box.api-color {
border-color: var(--c-secondary--api-green);
min-height: 200px;
}
.card {
padding-right: 2rem;
}
.arrow {
width: 1.5rem;
}
.arrow.left {
transform-style: preserve-3d;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.services-slide-nav {
grid-column-gap: .75em;
height: 1.7rem;
font-size: .75rem;
line-height: 1.3;
display: flex;
inset: auto auto 0% 0%;
}
.cards-caption-wrapper {
flex-direction: row;
align-items: flex-start;
width: 50%;
margin-top: 40px;
padding-left: 40px;
display: flex;
}
.card-top-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.section-title-wrap-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
align-items: stretch;
width: 100%;
display: flex;
}
.section-title-wrap-2.padding {
padding-top: 0;
padding-left: 40px;
padding-right: 40px;
}
.plus-button-horizontal {
z-index: 2;
background-color: #f6f2e2;
border-radius: 20px;
width: 50%;
height: 2px;
position: absolute;
}
.plus-button-horizontal.bg-color {
background-color: var(--c-primary--main);
}
.plus-button-vertical {
z-index: 2;
background-color: #f6f2e2;
border-radius: 20px;
width: 2px;
height: 50%;
position: relative;
}
.plus-button-vertical.bg-color {
background-color: var(--c-primary--main);
}
.card-number {
color: #e9eee2;
text-align: right;
font-size: 14px;
}
.card-number.beige {
color: #11594f;
}
.card-number.large {
font-size: 32px;
}
.card-number.large.card-partners {
text-align: left;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 26px;
}
.card-number.large.card-partners.pink {
color: var(--c-secondary--pink);
}
.card-number.large.card-partners.api-color {
color: var(--c-secondary--api-green);
text-align: left;
font-size: 23px;
line-height: 1;
}
.card-number.large.card-partners.api-color:lang(ko) {
font-weight: 400;
}
.card-number.large.card-partners.api-color.mobile.manrope {
font-family: Manrope, sans-serif;
}
.card-number.large.card-partners.api-color.center {
text-align: center;
}
.card-number.large.card-partners.play-color {
color: var(--c-secondary--api-green);
}
.card-number.large.card-partners.play-color.mobile {
color: var(--c-primary--bg);
}
.card-number.large.card-partners.play-color.mobile.manrope {
font-family: Manrope, sans-serif;
}
.card-number.large.card-partners.play-color.mobile.manrope.sub-txt {
font-size: 20px;
}
.card-number.large.card-partners.campaign {
font-family: Manrope, sans-serif;
font-size: 24px;
}
.card-number.large.card-partners.creator-tt {
min-height: 44px;
font-size: 18px;
line-height: 1.2;
}
.card-number.large.card-partners.cteator {
font-size: 18px;
}
.card-number.large.card-partners.center {
text-align: center;
}
.card-number.large.card-partners.center.arrow {
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.card-number.large.card-partners.center.mobile {
display: none;
}
.card-number.txt-black {
color: var(--c-primary--main);
font-size: 12px;
}
.card-number.txt-black.white {
color: var(--c-primary--bg);
}
.coming-soon-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
display: flex;
}
.coming-soon-wrapper.ffefe {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.red-button-mask {
z-index: 2;
background-color: #ff6242;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.red-button-mask.red {
background-color: #f6f2e2;
}
.red-button-mask.pink {
background-color: #f8a290;
}
.card-coming-soon-wrap {
background-color: #f6f2e2;
border-radius: 6px;
margin-right: auto;
padding: 5px 10px;
}
.card-description {
color: #686868;
}
.card-description.pink {
color: var(--c-secondary--pink);
text-align: left;
font-size: 16px;
}
.card-description.pink:lang(ko) {
font-weight: 400;
}
.card-description.green {
color: #11594f;
}
.card-description.beige {
color: #f6f2e2;
}
.card-description.black {
color: var(--c-primary--main);
text-align: left;
font-size: 18px;
}
.card-description.black.white {
color: var(--c-primary--bg);
position: static;
inset: auto 0% 0% auto;
}
.card-description.black.white.satoshi {
font-family: Satoshi Variable;
}
.card-description.black.white-v2 {
color: var(--c-grey--300);
}
.card-description.black.white-v2.satoshi {
font-family: Satoshi Variable;
}
.card-description.api-color {
color: var(--c-grey--200);
text-align: center;
font-size: 16px;
font-weight: 300;
}
.card-description.api-color:lang(ko) {
font-weight: 400;
}
.card-description.api-color:lang(ja) {
font-size: 14px;
}
.card-description.api-color.mobile {
text-align: left;
word-break: normal;
font-size: 14px;
}
.card-description.api-color.mobile:lang(ko) {
font-size: 14px;
font-weight: 400;
}
.card-description.api-color.mobile:lang(ja) {
font-size: 14px;
}
.card-description.white {
color: var(--c-primary--bg);
}
.card-description.api-color {
color: #a9a9a9;
font-weight: 300;
}
.card-description.bg-color {
color: var(--c-primary--bg);
}
.card-description.bg-color.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
}
.card-description.bg-color.manrope:lang(ko) {
font-weight: 400;
}
.card-description.bg-color.manrope.creator-tt {
font-size: 14px;
line-height: 1.2;
}
.card-description.docs {
color: var(--c-grey--300);
text-align: center;
font-size: 16px;
}
.how-it-works-section {
flex-direction: column;
justify-content: flex-start;
padding-left: 40px;
display: flex;
overflow: hidden;
}
.how-it-works-section.black {
background-color: var(--c-primary--main);
padding-bottom: 100px;
padding-left: 20px;
}
.partners-btn {
padding: 100px 0 20px;
}
.partners-btn.non-top-padding {
padding-top: 0;
}
.partners-btn.padding-30px {
padding-top: 30px;
}
.sticky-spacer-2 {
height: 100vh;
}
.image-holder {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.hero-voice-partners {
background-color: var(--c-grey--trans--0);
margin-bottom: 0;
padding: 80px 20px 20px;
}
.hero-test {
background-color: var(--c-grey--trans--0);
border-radius: 0;
flex-direction: column;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
overflow: hidden;
}
.hero-test.black {
background-color: var(--c-primary--main);
padding-bottom: 0;
}
.image-wrapper {
grid-column-gap: 7px;
grid-row-gap: 7px;
background-color: var(--c-primary--blue-500);
border-radius: 0;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 99.9998%;
padding: 50px;
display: flex;
}
.partners-image-section {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
max-width: 1400px;
margin: 1vh auto 5vh;
padding-left: 20px;
padding-right: 20px;
display: grid;
position: relative;
}
.vp-graphic {
z-index: 0;
box-sizing: border-box;
aspect-ratio: auto;
width: 100%;
max-width: none;
height: 100%;
color: var(--c-primary--main);
object-fit: contain;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
text-decoration: none;
display: flex;
position: absolute;
inset: 0%;
overflow: scroll;
}
.feature-wrap-symbol {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
order: 0;
align-self: auto;
display: flex;
position: absolute;
inset: auto;
}
.icon {
width: 30px;
}
.icon.large {
width: 60%;
}
.txt {
color: #f6f2e2;
width: 100%;
max-width: 600px;
}
.txt.small {
font-size: 14px;
}
.txt.small.black {
color: var(--c-primary--main);
}
.feature-wrap-copy {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
order: 0;
display: flex;
}
.txt-feature {
color: #f6f2e2;
align-self: auto;
width: 100%;
max-width: 600px;
font-size: 26px;
}
.txt-feature.small {
font-size: 14px;
}
.txt-feature.small.black {
color: var(--c-primary--main);
}
.txt-feature.medium {
font-size: 28px;
}
.txt-feature.black {
color: var(--c-primary--blue-500);
font-size: 28px;
display: block;
}
.txt-feature.black.small-txt:lang(ko) {
font-size: 26px;
}
.txt-feature.black.satoshi {
font-family: Satoshi Variable;
font-size: 32px;
}
.link-underline2-6 {
background-color: #161615;
height: 1px;
}
.heading-9 {
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
font-weight: 300;
position: relative;
}
.text---head-2 {
color: #161615;
text-align: left;
font-family: Bdogrotesk;
font-size: 34px;
font-weight: 400;
line-height: 1.2;
}
.container---mov-2 {
z-index: 500;
object-fit: cover;
background-color: #722f2f00;
flex-flow: row;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: center;
max-width: none;
margin-left: 0;
margin-right: 0;
display: flex;
position: absolute;
inset: auto;
overflow: clip;
}
.vc_plugin_01-3 {
object-fit: contain;
flex: 0 auto;
width: 65%;
height: 65%;
position: absolute;
top: auto;
left: auto;
overflow: auto;
}
.services-hero-grid-4 {
grid-column-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr .5fr;
}
.arrow-png-6 {
color: #161615;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1b28_Arrow_next_Cha.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 14px;
height: 14px;
}
.base-text-8 {
color: #161615;
text-align: left;
justify-content: flex-start;
font-family: Supertone Serif, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 1.3;
}
.link-wrap-3 {
text-align: right;
flex-direction: row;
justify-content: flex-end;
align-items: center;
display: flex;
overflow: hidden;
}
.clear-video-3 {
box-sizing: border-box;
object-fit: contain;
border-radius: 0;
flex-flow: column;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 28em;
min-width: auto;
height: 19em;
min-height: auto;
margin: 0;
padding-top: 0;
display: block;
position: relative;
overflow: visible;
}
.text---large-2 {
color: #161615;
text-align: left;
font-family: Bdogrotesk;
font-size: 30px;
font-weight: 400;
line-height: 1.2;
}
.text---large-2.services-intro-hero {
width: 75%;
margin-bottom: 10px;
font-size: 30px;
font-weight: 300;
}
.text---large-2.services-h1 {
margin-bottom: 40px;
font-family: Supertone Serif, sans-serif;
font-size: 30px;
font-weight: 300;
}
.contents-hero-holder-2 {
background-color: #fff;
margin-bottom: 0;
padding: 65px 20px 60px;
}
.clear-graphic-a-2 {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 80%;
max-width: none;
height: 80%;
text-decoration: none;
display: flex;
position: absolute;
top: auto;
left: auto;
overflow: scroll;
}
.link-underline-6 {
background-color: #227cff;
height: 1px;
display: block;
transform: translate(-100%);
}
.link-12 {
color: var(--c-secondary--play-sub);
font-family: Bdogrotesk;
font-size: 19px;
font-weight: 300;
line-height: 1.2;
text-decoration: none;
}
.link-12.lighter {
color: var(--c-secondary--light-purple);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.vectors-wrapper-32 {
aspect-ratio: auto;
object-fit: cover;
background-color: #305dff;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
}
.contents-hero-holder-3 {
background-color: var(--c-grey--trans--0);
margin-bottom: 0;
padding: 50px 20px 60px;
}
.hero-main {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.hero-main.mobile {
height: 704.672px;
}
.hero-main.mobile.play-obt {
height: auto;
margin-top: 0;
margin-bottom: 0;
}
.image-wrapper-bg {
aspect-ratio: auto;
background-color: var(--c-secondary--lavender);
object-fit: cover;
border-top-left-radius: 20px;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
}
.image-wrapper-bg.border {
border-top-left-radius: 0;
width: 100%;
height: 120%;
}
.image-wrapper-bg.border.cover {
aspect-ratio: auto;
object-fit: contain;
width: auto;
min-width: auto;
height: 100%;
min-height: auto;
display: block;
overflow: visible;
}
.image-main-pattern-01 {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
border-top-left-radius: 20px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
height: 100%;
text-decoration: none;
display: flex;
position: absolute;
top: auto;
left: auto;
overflow: scroll;
}
.image-main-pattern-01.cover {
object-fit: cover;
z-index: 10;
object-fit: cover;
border-top-left-radius: 0;
height: auto;
}
.image-main-pattern-02 {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
height: 80%;
text-decoration: none;
display: flex;
position: absolute;
top: auto;
left: auto;
overflow: scroll;
}
.feature-wrap-text {
grid-column-gap: 35px;
grid-row-gap: 35px;
object-fit: fill;
flex-direction: column;
order: 0;
justify-content: flex-start;
align-self: auto;
align-items: flex-start;
margin-top: 70px;
padding-top: 0;
display: block;
position: absolute;
inset: 20px auto 20px 20px;
}
.button-base-container-2 {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 10px;
display: flex;
}
.button-base-container-2.gap {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
width: 70%;
margin-bottom: 20px;
padding-top: 0;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.hero-products {
flex-direction: column;
justify-content: flex-start;
margin-top: 60px;
margin-bottom: 60px;
padding-left: 20px;
padding-right: 20px;
display: flex;
overflow: hidden;
}
.hero-products.black {
background-color: var(--c-primary--main);
padding-bottom: 100px;
}
.products-padding {
padding-left: 0;
padding-right: 140px;
}
.products-container-3column {
width: auto;
display: block;
}
.products-slider-component {
background-color: #0000;
height: auto;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
}
.card-mask-products {
width: 37.4%;
min-width: 400px;
height: 600px;
overflow: visible;
}
.card-products {
padding-right: 1rem;
}
.box-copy {
cursor: pointer;
background-color: #fff;
border-radius: 30px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 500px;
padding: 40px;
display: flex;
}
.box-copy._2 {
background-color: var(--c-secondary--pink);
}
.box-copy._2:hover {
opacity: 1;
}
.box-copy._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
}
.box-copy._3:hover {
opacity: 1;
}
.box-copy._1 {
background-color: var(--c-secondary--pink);
}
.box-copy._1:hover {
opacity: 1;
}
.box-products {
cursor: pointer;
background-color: #fff;
border-radius: 30px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 500px;
padding: 40px;
display: flex;
}
.box-products._2 {
background-color: var(--c-secondary--pink);
}
.box-products._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
}
.box-products._1 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1b04_Shift_MB_v03.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
display: flex;
}
.box-products._1:hover {
opacity: 1;
}
.box-products.p {
background-color: var(--c-secondary--sky-blue);
border-radius: 20px 0 0;
}
.box-products.c {
background-color: var(--play-secondary-color--green);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.box-products._2 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1cb7_Web_BNR_AIR.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.box-products._2:hover {
opacity: 1;
}
.box-products._3 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1abf_Clear_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
justify-content: flex-end;
width: auto;
height: auto;
padding: 20px;
}
.box-products._3:hover {
opacity: 1;
}
.box-products.m-p-clear {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1abf_Clear_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
justify-content: flex-end;
width: auto;
height: auto;
padding: 20px;
}
.box-products.m-p-clear:hover {
opacity: 1;
}
.box-products._3-copy {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1bd4_Main_Products_Air.avif");
background-position: 50%;
background-repeat: repeat;
background-size: auto;
}
.box-products._3-copy:hover {
opacity: 1;
}
.sticky-spacer-solution {
height: 80vh;
}
.sticky-spacer-solution.content {
height: 100vh;
margin-top: 0;
}
.services-hero-grid-5 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 10px;
padding-bottom: 0;
}
.services-hero-grid-5.padding-under-30 {
padding-top: 20px;
padding-bottom: 30px;
}
.services-hero-grid-5.padding-under-30.padding-top-30 {
padding-top: 40px;
}
.services-hero-grid-6 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 10px;
padding-bottom: 0;
}
.services-hero-grid-6.padding-under-30 {
padding-top: 20px;
padding-bottom: 30px;
}
.services-hero-grid-6.padding-under-30.padding-top-30 {
padding-top: 40px;
}
.div-block-6 {
display: flex;
}
.sticky-spacer-footer {
height: 0;
}
.sticky-spacer-footer.content {
height: 100vh;
margin-top: 0;
}
.services-hero-grid-7 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 10px;
padding-bottom: 0;
}
.services-hero-grid-7.padding-under-30 {
padding-top: 20px;
padding-bottom: 30px;
}
.services-hero-grid-7.padding-under-30.padding-top-30 {
padding-top: 40px;
}
.services-hero-grid-8 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 10px;
padding-bottom: 0;
}
.services-hero-grid-8.padding-under-30 {
padding-top: 20px;
padding-bottom: 30px;
}
.services-hero-grid-8.padding-under-30.padding-top-30 {
padding-top: 40px;
}
.services-hero-grid-10 {
grid-column-gap: 41px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 20px;
padding-top: 0;
padding-bottom: 0;
}
.services-hero-grid-10.padding-under-30 {
padding-top: 20px;
padding-bottom: 30px;
}
.services-hero-grid-10.padding-under-30.padding-top-30 {
padding-top: 40px;
}
.services-hero-grid-10.mobile-10 {
margin-top: 20px;
}
.services-hero-grid-10.mobile-10.edit {
display: flex;
}
.sticky-spacer-home {
height: 0;
}
.sticky-spacer-home.content {
height: 100vh;
margin-top: 0;
}
.services-hero-grid-11 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 10px;
padding-bottom: 0;
}
.services-hero-grid-11.padding-under-30 {
padding-top: 20px;
padding-bottom: 30px;
}
.services-hero-grid-11.padding-under-30.padding-top-30 {
padding-top: 40px;
}
.services-hero-grid-12 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 10px;
padding-bottom: 0;
}
.services-hero-grid-12.padding-under-30 {
grid-template-rows: auto;
padding-top: 20px;
padding-bottom: 60px;
}
.services-hero-grid-12.padding-under-30.padding-top-30 {
padding-top: 40px;
}
.services-hero-grid-12.padding-under-30.padding {
grid-template-columns: 1fr 1fr;
}
.services-hero-grid-12.padding-under-30.padding.padding.manrope {
padding-bottom: 20px;
}
.services-hero-grid-12.padding-under-30.padding.padding-add, .services-hero-grid-12.padding-under-30.padding-add {
padding-bottom: 0;
}
.sticky-spacer-voice-partners {
height: 0;
}
.sticky-spacer-voice-partners.content {
height: 100vh;
margin-top: 0;
}
.footer-wrapper-clear {
z-index: 0;
margin-top: -50vh;
}
.footer-wrapper-clear.soluton {
margin-top: -50vh;
}
.footer-wrapper-clear.company {
margin-top: 0;
}
.sticky-spacer-clear {
height: 100vh;
}
.sticky-spacer-clear.content {
height: 100vh;
margin-top: 0;
}
.footer-wrapper-shift {
z-index: 0;
margin-top: -50vh;
}
.footer-wrapper-shift.soluton {
margin-top: -50vh;
}
.footer-wrapper-shift.company {
margin-top: 0;
}
.sticky-spacer-shift-footer {
height: 50vh;
display: none;
}
.sticky-spacer-shift-footer.content {
height: 100vh;
margin-top: 0;
}
.sticky-spacer-shift {
height: 100vh;
}
.sticky-spacer-shift.content {
height: 100vh;
margin-top: 0;
}
.sticky-spacer-content {
height: 0;
}
.sticky-spacer-content.content {
height: 100vh;
margin-top: 0;
}
.pre2-0 {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.pre2-0.padding-down {
grid-column-gap: 30px;
grid-row-gap: 30px;
color: var(--c-grey--500);
background-color: #161615;
border-top-left-radius: 20px;
flex-flow: column;
padding-bottom: 40px;
display: flex;
}
.pre2-0.padding-down:lang(ja) {
background-color: #161615;
}
.price-wrapper {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: block;
}
.company-description {
margin-bottom: 30px;
padding-top: 100px;
padding-left: 20px;
padding-right: 20px;
}
.company-description._80 {
width: 80%;
}
.hero-holder {
background-color: var(--c-grey--trans--0);
margin-bottom: 0;
padding: 80px 20px 30px;
}
.hero-holder.backup {
display: none;
}
.hero-holder-test {
background-color: var(--c-grey--trans--0);
height: auto;
margin-bottom: 60px;
padding: 0;
}
.hero-main-extend {
flex-flow: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
min-width: auto;
max-width: none;
height: auto;
min-height: auto;
margin-top: 0;
margin-bottom: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.hero-main-extend.mein-hero {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.image-wrapper-bg-h1000 {
aspect-ratio: auto;
background-color: var(--c-secondary--lavender);
object-fit: cover;
border-top-left-radius: 20px;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
}
.image-wrapper-bg-h1000.border {
border-top-left-radius: 0;
width: 100%;
height: 120%;
}
.image-wrapper-bg-h1000.border.cover {
aspect-ratio: auto;
object-fit: contain;
width: auto;
min-width: auto;
height: 100%;
min-height: auto;
display: block;
overflow: visible;
}
.subscribe-modal {
z-index: 9999;
background-color: var(--c-grey--trans--50);
opacity: 0;
height: 100%;
display: none;
position: fixed;
inset: 0%;
}
.section {
display: none;
}
.subscribe-wrapper {
background-color: var(--c-primary--bg);
width: 450px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 2rem 0;
}
.subscribe-content-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
align-items: center;
display: flex;
}
.newsletter {
z-index: 2147483647;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: linear-gradient(#000000b3, #000000b3);
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: none;
position: fixed;
inset: 0%;
}
.close-element {
z-index: 1;
position: absolute;
inset: 0%;
}
.newsletter-box {
z-index: 10;
border-radius: 0;
flex-flow: wrap;
justify-content: center;
width: 50%;
min-width: auto;
max-width: 740px;
height: auto;
position: relative;
top: auto;
bottom: auto;
left: auto;
}
.newsletter-column {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1c64_Solution%203.avif");
background-position: 50%;
background-size: cover;
justify-content: space-between;
width: 50%;
height: auto;
display: flex;
}
.newsletter-column.modal {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--c-grey--800);
background-image: none;
border-radius: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: flex;
position: relative;
overflow: visible;
}
.newsletter-column.l-image {
width: 30%;
}
.center-content {
width: 100%;
margin: 20px;
}
.close {
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
margin-top: 10px;
margin-right: 10px;
display: flex;
position: absolute;
top: 0;
right: 0;
}
.image-6 {
margin-top: 0;
margin-right: 0;
padding: 8px;
}
._16px-how-it-works.white.text-grey {
color: var(--c-grey--200);
}
._16px-how-it-works.white.text-grey:lang(ja) {
font-weight: 500;
}
._16px-how-it-works.white.text-grey._2-0 {
margin: 10px 20px 40px 0;
font-weight: 300;
}
.our-approach-grid-4 {
grid-column-gap: 40px;
grid-row-gap: 59px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
width: 70%;
margin-top: 40px;
margin-left: auto;
}
.hero-text-holder-white-3 {
padding: 60px 20px 20px;
}
.hero-text-holder-white-3.non-top-padding {
padding-top: 0;
}
.hero-text-holder-white-3.padding-30px {
padding-top: 30px;
padding-left: 20px;
}
.fbcookiebanner {
z-index: 99;
color: #fff;
background-color: #000;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 15px 25px;
display: flex;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.fbcookiebanner.popup-wrapper {
background-color: var(--c-secondary--blue-500-94);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.fbcookiebanner.popup-wrapper:lang(ja) {
z-index: 200;
}
.text-block-4.small {
color: var(--c-primary--bg);
font-size: 16px;
}
.text-block-4.small.mobile.cookie {
font-size: 14px;
}
.text-block-4.small.mobile.cookie:lang(ko) {
font-weight: 300;
}
.footercookielink {
color: var(--c-grey--150);
text-decoration: none;
}
.footercookielink.cookie.mobile:lang(ko) {
font-weight: 400;
}
.cookiebuttons {
display: flex;
}
.cookiebutton {
color: var(--c-primary--main);
background-color: #f1ede6;
border-radius: 20px;
margin-left: 5px;
margin-right: 5px;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
.cookiebutton.decline {
color: #fff;
background-color: #0000;
}
.cookiebutton.decline.mobile, .cookiebutton.decline.mobile.w--current {
border: 1px solid var(--c-primary--bg);
}
.cookiebutton.decline.mobile.black {
color: var(--c-primary--main);
}
.cookiebutton.decline.mobile.black.no-border {
border-style: none;
}
.cookiebutton.decline.mobile.black.no-border.manrope {
color: var(--c-primary--bg);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.cookiebutton.decline.mobile.black.no-border.manrope:lang(ko) {
font-weight: 400;
}
.cookiebutton.decline.mobile.black.no-border.manrope.edit {
font-size: 13px;
}
.cookiebutton.decline.mobile.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.cookiebutton.decline.mobile.manrope:lang(ko) {
font-weight: 500;
}
.cookiebutton.decline.mobile.manrope.edit {
font-size: 13px;
}
.cookiebutton.mobile {
font-size: 14px;
}
.cookiebutton.mobile.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.cookiebutton.mobile.manrope:lang(ko) {
font-weight: 400;
}
.cookiebutton.mobile.manrope.edit {
font-size: 13px;
}
.cookie {
display: block;
}
.heading-4-white {
color: var(--c-primary--bg);
padding-top: 40px;
padding-bottom: 0;
}
.heading-4-white.grey {
color: var(--c-grey--300);
padding-top: 20px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 18px;
font-weight: 300;
}
.heading-4-white.grey.top-padding {
padding-top: 0;
}
.heading-4-white.grey.top-padding.small {
padding-left: 50px;
font-size: 12px;
}
.heading-4-white.grey.top-padding.small.dark {
margin-bottom: 20px;
}
.policy-base-text {
color: #f6f2e2;
width: 100%;
max-width: 600px;
margin-left: 8px;
font-size: 16px;
}
.policy-base-text.small {
font-size: 14px;
}
.policy-base-text.small.black {
color: var(--c-primary--main);
}
.policy-base-text.small._12 {
font-size: 12px;
}
.bold-text-popup {
margin-left: 10px;
padding-bottom: 10px;
font-size: 14px;
font-weight: 400;
display: block;
}
.bold-text-popup.content-heading-2 {
color: var(--c-grey--50);
margin-bottom: 16px;
padding-bottom: 0;
font-size: 24px;
}
.bold-text-2 {
font-weight: 400;
}
.cookie-form-wrap {
flex-direction: column;
justify-content: space-around;
width: 70vw;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.button-base-outline {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
border: 1px solid var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
color: #f6f2e2;
text-align: left;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-outline:hover {
opacity: 1;
}
.button-base-outline._100 {
border-style: none;
}
.rich-text-block-policy-small {
padding-top: 60px;
}
.rich-text-block-policy-small h2 {
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 24px;
font-weight: 600;
}
.rich-text-block-policy-small p {
margin-bottom: 10px;
font-family: Manrope, sans-serif;
font-size: 14px;
line-height: 1.5;
}
.rich-text-block-policy-small h1 {
margin-bottom: 20px;
font-size: 34px;
font-weight: 600;
}
.rich-text-block-policy-small a {
border-bottom: 1px solid var(--c-primary--main);
color: var(--c-primary--main);
padding-bottom: 0;
text-decoration: none;
display: inline-block;
}
.rich-text-block-policy-small blockquote {
color: var(--c-primary--main);
margin-top: 21px;
margin-bottom: 21px;
font-family: Bdogrotesk;
font-size: 19px;
line-height: 1.2;
}
.rich-text-block-policy-small ul, .rich-text-block-policy-small ol {
margin-top: 20px;
margin-bottom: 20px;
}
.rich-text-block-policy-small h3, .rich-text-block-policy-small h4, .rich-text-block-policy-small h5, .rich-text-block-policy-small h6 {
margin-top: 20px;
margin-bottom: 10px;
font-weight: 600;
}
.rich-text-block-policy-small.top-padding-0 {
padding-top: 20px;
}
.base-text-body-14 {
font-size: 14px;
}
.grid-policy-4-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 0 #000;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: .25fr .75fr .75fr 1fr;
}
.table-text-title {
background-color: var(--c-grey--100);
border: .2px solid #000;
padding: 10px;
}
.table-text-title h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 600;
}
.table-text-title p {
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 11px;
line-height: 1.5;
}
.table-text-title h1 {
margin-bottom: 20px;
font-size: 34px;
font-weight: 600;
}
.table-text-title a {
border-bottom: 1px solid var(--c-primary--main);
color: var(--c-primary--main);
padding-bottom: 0;
text-decoration: none;
display: inline-block;
}
.table-text-title blockquote {
color: var(--c-primary--main);
margin-top: 21px;
margin-bottom: 21px;
font-family: Bdogrotesk;
font-size: 19px;
line-height: 1.2;
}
.table-text-title ul, .table-text-title ol {
margin-top: 20px;
margin-bottom: 20px;
}
.table-text-title h3, .table-text-title h4, .table-text-title h5, .table-text-title h6 {
margin-top: 20px;
margin-bottom: 10px;
font-weight: 600;
}
.table-text-body {
border: .2px solid #000;
border-top-width: 0;
padding: 10px;
}
.table-text-body h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 600;
}
.table-text-body p {
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 11px;
line-height: 1.5;
}
.table-text-body h1 {
margin-bottom: 20px;
font-size: 34px;
font-weight: 600;
}
.table-text-body a {
border-bottom: 1px solid var(--c-primary--main);
color: var(--c-primary--main);
padding-bottom: 0;
text-decoration: none;
display: inline-block;
}
.table-text-body blockquote {
color: var(--c-primary--main);
margin-top: 21px;
margin-bottom: 21px;
font-family: Bdogrotesk;
font-size: 19px;
line-height: 1.2;
}
.table-text-body ul, .table-text-body ol {
margin-top: 20px;
margin-bottom: 20px;
}
.table-text-body h3, .table-text-body h4, .table-text-body h5, .table-text-body h6 {
margin-top: 20px;
margin-bottom: 10px;
font-weight: 600;
}
.grid-policy-5-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 0 #000;
grid-template-rows: auto auto auto;
grid-template-columns: .25fr .75fr .75fr 1fr 1fr;
}
.grey-dark-300 {
color: var(--c-grey--300);
}
.feature-wrap-text-hero {
grid-column-gap: 35px;
grid-row-gap: 35px;
object-fit: fill;
flex-direction: column;
order: 0;
justify-content: flex-start;
align-self: auto;
align-items: flex-start;
margin-top: 20px;
padding-top: 0;
display: block;
position: absolute;
inset: 20px auto 20px 40px;
}
.feature-wrap-text-hero.mobile {
z-index: 1;
width: auto;
margin-top: 10px;
left: 30px;
}
.feature-wrap-text-hero.mobile.api-setting {
z-index: 0;
}
.hero-text-holder-white-4 {
padding: 60px 20px 40px;
}
.hero-text-holder-white-4.non-top-padding {
padding-top: 0;
}
.hero-text-holder-white-4.padding-30px {
padding-top: 30px;
padding-left: 20px;
}
.hero-text-holder-white-4.padding.gap {
padding-top: 20px;
}
.mobile.white.text-grey {
color: var(--c-grey--200);
}
.mobile.white.text-grey.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.mobile.white.text-grey.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.mobile.white.text-grey {
color: #a9a9a9;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
}
.mobile.white.text-grey:lang(ko) {
font-weight: 400;
}
.mobile.white.text-grey:lang(ja) {
font-size: 14px;
}
.grid-shift-pricing {
grid-column-gap: 2px;
grid-row-gap: 2px;
grid-template-rows: auto auto;
grid-template-columns: 1fr .25fr 1fr;
width: 100%;
margin-top: 40px;
margin-left: auto;
}
.grid-shift-pricing.mobile {
grid-template-columns: .5fr 1fr 1fr;
}
.grid-shift-pricing.non {
display: none;
}
.download-form-wrap {
flex-direction: column;
justify-content: space-around;
width: 60vw;
margin-bottom: 40px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
display: flex;
}
.download-form-wrap.mobile {
width: 70vw;
}
.button-2-2-mask-blue {
z-index: 2;
background-color: var(--c-primary--blue-500);
color: var(--c-primary--main);
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button-2-2-mask-blue.footer, .button-2-2-mask-blue.blue {
background-color: var(--c-primary--blue-500);
}
.refund-policy-section {
margin-top: 50px;
margin-bottom: 25vh;
}
.checkbox-field-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
align-self: auto;
margin-left: 0;
padding-left: 0;
display: flex;
}
.checkbox-first-wrap-more {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
margin-right: 0;
padding-top: 43px;
display: flex;
}
.grid-shift-pricing-text {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr;
width: 100%;
margin-top: 60px;
margin-left: auto;
}
.image-holder-play-01 {
background-color: var(--c-grey--700);
flex-direction: column;
justify-content: space-between;
align-self: auto;
align-items: stretch;
width: 100%;
max-width: none;
height: 36rem;
margin: 20px 0;
text-decoration: none;
display: block;
position: relative;
overflow: visible;
}
.vectors-wrapper-play-01 {
aspect-ratio: auto;
background-color: var(--c-secondary--yellow);
object-fit: cover;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
}
.graphic-play-a {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
height: 100%;
padding: 40px 10px;
text-decoration: none;
display: flex;
position: absolute;
top: auto;
left: auto;
overflow: scroll;
}
.graphic-play-a.mobile-fit {
object-fit: cover;
padding: 0;
overflow: hidden;
}
.div-block-7 {
margin-left: 20px;
margin-right: 20px;
}
.play-image-holder {
width: 100%;
height: 9%;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.play-image-holder.padding-down {
padding-bottom: 60px;
}
.play-main-graphic {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 0;
margin-bottom: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.youtube-link {
margin-top: 100px;
}
.preview {
margin-top: 40px;
padding-left: 20px;
}
.preview.blog {
padding-right: 20px;
}
.youtube-grid {
grid-row-gap: 20px;
column-count: 2;
grid-template-rows: auto;
grid-template-columns: 1fr;
width: 100%;
margin-top: 10vh;
display: block;
}
.div-block-8 {
margin-top: 60px;
}
.youtube-holder {
margin-top: 0;
}
.button-base-download {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--bg);
height: 40px;
color: var(--c-grey--600);
text-align: left;
-webkit-text-stroke-color: var(--c-grey--black);
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-download:hover {
opacity: 1;
}
.button-base-download._100 {
height: 36px;
}
.submit-button-2 {
background-color: var(--c-primary--blue-500);
border-radius: 20px;
}
.text-field-4 {
background-color: var(--c-grey--800);
margin-top: 10px;
}
.field-label {
align-self: flex-start;
}
.page-content---solution {
z-index: 2;
min-height: 100vh;
position: relative;
}
.hero-wrapper---solution {
z-index: 1;
margin-bottom: 0;
position: relative;
}
.hero-wrapper---solution.content {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.hero-wrapper---solution.play {
margin-bottom: 0;
}
.solution-process-dvi {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
max-width: 1400px;
margin: 1vh auto 10vh;
padding-left: 100px;
padding-right: 100px;
display: grid;
position: relative;
}
.solution-process-wrapper {
grid-column-gap: 7px;
grid-row-gap: 7px;
border: 1px solid var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
border-radius: 0;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 14px 50px 20px;
display: flex;
}
.solution-process-txt-wrapper {
grid-column-gap: 2px;
grid-row-gap: 2px;
border-left: 1px solid var(--c-grey--500);
flex-direction: column;
padding-left: 20px;
display: flex;
position: sticky;
top: 60px;
}
.arrow-4 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.vectors-wrapper-33 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 21.4px;
height: 88.7323px;
text-decoration: none;
display: flex;
}
.solution-process-wrapper-arrow {
grid-column-gap: 7px;
grid-row-gap: 7px;
border: 1px none var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
border-radius: 0;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 0 50px;
display: flex;
}
.solution-category {
background-color: var(--c-grey--trans--0);
color: #f6f2e2;
border-radius: 6px;
margin-top: 0;
margin-bottom: 0;
padding: 5px 0;
display: flex;
}
.solution-category-box {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--bg);
opacity: 1;
height: 26px;
color: var(--c-primary--main);
text-align: left;
border: 1px solid #000;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.solution-category-box:hover {
opacity: 1;
}
.category-txt {
color: #11594f;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
}
.category-txt.button3-text {
z-index: 3;
color: var(--c-primary--main);
font-size: 14px;
position: relative;
}
.category-txt.button2-2-text {
z-index: 3;
color: #f6f2e2;
position: relative;
}
.category-txt.small {
font-size: 14px;
}
.div-block-9 {
display: flex;
}
.solution-process-blank {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-direction: column;
display: flex;
position: sticky;
top: 60px;
}
.arrow---s {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.vectors-wrapper-34, .vectors-wrapper-35 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 21.4px;
height: 45.0152px;
text-decoration: none;
display: flex;
}
.arrow---l {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.vectors-wrapper-36 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 21.4px;
height: 147.415px;
text-decoration: none;
display: flex;
}
.solution-process-wrapper-tts {
grid-column-gap: 7px;
grid-row-gap: 7px;
border: 1px solid var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
border-radius: 0;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 70px 50px;
display: flex;
}
.process-txt {
width: 100%;
max-width: 600px;
color: var(--c-primary--bg);
text-align: left;
align-self: auto;
}
.process-txt.small {
font-size: 14px;
}
.process-txt.small.black {
color: var(--c-primary--main);
}
.process-txt.small._12 {
font-size: 12px;
}
.process-txt.grey {
color: var(--c-grey--400);
}
.process-txt.blue {
color: var(--c-primary--blue-500);
}
.process-txt.blue:lang(ko) {
font-weight: 400;
}
.process-txt.center {
text-align: center;
}
.body-2 {
background-color: var(--c-primary--main);
}
.partners-feature {
color: var(--c-primary--main);
}
.partners-feature.small {
font-size: 16px;
}
.partners-feature.small.black {
color: var(--c-primary--main);
}
.partners-feature.small.black._12:lang(ko) {
font-weight: 400;
}
.partners-feature.small.black._12:lang(ja) {
font-weight: 500;
}
.partners-feature.padding {
padding-top: 40px;
}
.partners-feature.padding._14 {
padding-top: 20px;
}
.partners-feature._14 {
font-size: 16px;
}
.partners-feature._14:lang(ko), .partners-feature._14:lang(ja) {
font-weight: 400;
}
.partners-feature._14.qqq {
min-height: 80px;
}
.partners-feature._14.qqq:lang(ja) {
font-weight: 500;
}
.partners-q-sym {
text-align: left;
width: 30px;
display: block;
}
.partners-q-sym.large {
width: 60%;
}
.button-base-shift-download {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--bg);
height: 40px;
color: var(--c-grey--600);
text-align: left;
-webkit-text-stroke-color: var(--c-grey--black);
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-shift-download:hover {
opacity: 1;
}
.graphic-play-b {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
height: 100%;
padding: 40px;
text-decoration: none;
display: block;
position: relative;
inset: 0%;
overflow: visible;
}
.graphic-play-b.mobile-fit {
object-fit: cover;
padding: 0;
overflow: hidden;
}
.feature-wrap-solution {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
order: 0;
align-self: center;
display: block;
}
.feature-wrap-solution.ali {
align-self: flex-start;
}
.careers-btn {
background-color: var(--c-primary--bg);
border-radius: 0;
flex-direction: column;
padding-bottom: 0;
display: flex;
overflow: hidden;
}
.careers-btn.black-700 {
background-color: var(--c-grey--700);
padding-bottom: 10vh;
}
.btn-careerss {
grid-column-gap: 17px;
grid-row-gap: 17px;
justify-content: center;
align-items: flex-end;
width: 100%;
padding-top: 60px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.button-6-careers {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--blue-500);
width: 100%;
height: 60px;
color: var(--c-primary--main);
text-align: left;
border: 1px solid #000;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
padding-left: 40px;
padding-right: 40px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-6-careers:hover {
opacity: 1;
}
.button-type-a-height {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--bg);
width: 100%;
height: 40px;
color: var(--c-primary--main);
text-align: left;
border: 1px solid #000;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
padding-left: 40px;
padding-right: 40px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-type-a-height:hover {
opacity: 1;
}
.code-embed {
display: none;
}
.body-3 {
background-color: var(--c-primary--main);
}
.cookie-policy-section {
margin-top: 50px;
}
.cookie-policy-wrap {
width: 90%;
padding: 20px;
}
.sns-link {
padding-top: 60px;
display: flex;
}
.sns-link.padding {
padding-top: 30px;
}
.sns-link-wrap {
text-align: right;
object-fit: fill;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: auto;
padding-top: 0;
padding-right: 60px;
display: flex;
overflow: hidden;
}
.sns-link-wrap.process-link {
position: absolute;
bottom: 20px;
}
.sns-link-wrap.hide {
display: none;
}
.sns-link-wrap.top-padding {
padding-top: 40px;
}
.sns-inner-link-wrap {
margin-right: 10px;
overflow: hidden;
}
.link-sns {
color: var(--c-primary--blue-500);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 1.2;
text-decoration: none;
}
.link-sns.webflow {
color: var(--c-primary--main);
font-size: 14px;
}
.link-sns.webflow:hover {
color: var(--c-grey--100);
}
.sns-link-underline {
background-color: var(--c-primary--blue-500);
height: 1px;
display: block;
transform: translate(-100%);
}
.snslink-underline2 {
background-color: var(--c-primary--main);
height: 1px;
}
.sns-arrow-png {
width: 10px;
height: 10px;
color: var(--c-primary--main);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1a82_668a46e0b1dd4bdf46293940_arrow2.2.avif");
background-repeat: no-repeat;
background-size: contain;
}
.sns-arrow-png.play-arrow {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1c0d_arrow2.2-PlaySub.avif");
}
.test-white {
background-color: var(--c-primary--main);
color: var(--c-primary--main);
-webkit-text-stroke-color: var(--c-primary--main);
}
.code-embed-2 {
background-color: var(--c-primary--main);
border: 0 #000;
}
.div-block-10 {
background-color: var(--c-primary--main);
padding-bottom: 0;
overflow: clip;
}
.sticky-spacer-cookie {
height: 50vh;
}
.sticky-spacer-cookie.content {
height: 100vh;
margin-top: 0;
}
.sticky-spacer-cookie.clear-footer {
display: none;
}
.body-4, .bg-black {
background-color: var(--c-primary--main);
}
.rich-text-block-2 {
width: 70%;
}
.contents-hero-holder-black-voice-partners {
background-color: var(--c-grey--trans--0);
height: auto;
margin-bottom: 0;
padding: 0 20px 20px;
overflow: hidden;
}
.contents-hero-holder-black-voice-partners-2 {
background-color: var(--c-primary--main);
height: auto;
margin-bottom: 0;
padding: 0 20px 20px;
}
.how-it-works-section-02 {
background-color: var(--c-grey--700);
border-radius: 0;
flex-direction: column;
padding-bottom: 10vh;
display: flex;
overflow: hidden;
}
.how-it-works-section-02.black {
background-color: var(--c-grey--trans--0);
padding-bottom: 0;
}
.how-it-works-section-02.under-padding {
padding-bottom: 0;
}
.how-it-works-image-section {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
max-width: 1400px;
margin: 1vh auto 5vh;
padding-top: 1vh;
padding-left: 20px;
padding-right: 20px;
display: grid;
position: relative;
}
.how-it-works-image-section.padding {
padding-top: 2vh;
padding-bottom: 2vh;
overflow: hidden;
}
.card-top-wrapper-vp {
grid-column-gap: 17px;
grid-row-gap: 17px;
flex-direction: column;
width: 100%;
display: flex;
}
.contents-hero-holder-black-vp {
background-color: var(--c-grey--trans--0);
height: auto;
margin-bottom: 0;
padding: 0 20px 20px;
}
.service-section-2-vp {
padding: 0 0 10vh;
}
.service-section-2-vp.padding.padding-0 {
padding-bottom: 20px;
}
.service-section-2-vp.padding.padding-0.gap {
padding-bottom: 0;
}
.grid-2-careers {
grid-template-rows: auto auto;
grid-template-columns: 1fr .5fr;
margin-bottom: 3vh;
}
.hero-wrapper-clear {
z-index: 1;
margin-bottom: 100px;
position: relative;
}
.hero-wrapper-clear.content {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.hero-wrapper-clear.play {
margin-bottom: 0;
}
.service-hero-section-base-clear {
background-color: var(--c-grey--trans--0);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.service-hero-section-base-clear.play {
height: auto;
}
.page-wrapper-clear {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.page-wrapper-clear.bg-black {
background-color: var(--c-primary--main);
display: block;
}
.page-wrapper-clear.black {
background-color: var(--c-primary--main);
margin-top: 0;
}
.page-wrapper-clear.bg-black {
display: block;
}
.page-content-shift {
z-index: 2;
min-height: 0;
position: relative;
}
.demo-2-0-shift {
z-index: 1;
background-color: #161615;
margin-bottom: 0;
position: relative;
}
.demo-2-0-shift:lang(ja) {
background-color: #161615;
}
.demo-2-0-shift.content {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.demo-2-0-shift.play {
margin-bottom: 0;
}
.service-hero-section-base-shift {
background-color: var(--c-grey--trans--0);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.service-hero-section-base-shift:lang(ja) {
object-fit: fill;
}
.service-hero-section-base-shift.play {
height: auto;
}
.lightbox-link-base-shift {
background-color: var(--c-grey--trans--0);
padding-left: 20px;
padding-right: 20px;
}
.lightbox-link-base-shift.bg-black {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.contents-hero-holder-sfhit {
background-color: var(--c-primary--main);
margin-bottom: 0;
padding: 60px 20px 100px;
}
.contents-hero-holder-sfhit.mobile {
padding-bottom: 60px;
}
.contents-hero-holder-black-solution {
background-color: var(--c-grey--trans--0);
height: auto;
margin-bottom: 0;
padding: 0 20px 20px;
}
.contents-hero-holder-black-cookie-policy {
background-color: var(--c-primary--main);
height: auto;
margin-bottom: 0;
padding: 0 20px 20px;
}
.contents-hero-holder-black-cookie-policy.bg-whift {
background-color: var(--c-primary--bg);
padding-bottom: 0;
}
.text-b-grey {
color: var(--c-grey--200);
}
.text-b-grey:lang(ko), .text-b-grey:lang(ja) {
font-weight: 400;
}
.text-b-grey.blue {
color: var(--c-primary--blue-500);
}
.text-b-grey {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
font-size: 16px;
}
.body-5 {
background-color: var(--c-grey--900);
}
.arrow-3-bk {
z-index: 3;
background-color: var(--c-primary--main);
width: 10px;
height: 10px;
color: var(--c-primary--main);
-webkit-text-stroke-color: var(--c-primary--main);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
display: block;
position: relative;
}
.arrow-3-bk.nav-arrow {
display: none;
}
.button-base-mask-blue {
z-index: 2;
background-color: var(--c-primary--blue-500);
color: var(--c-primary--main);
border-radius: 30px;
position: absolute;
inset: 0%;
}
.body-6 {
background-color: var(--c-primary--main);
overflow: visible;
}
.body-7 {
background-color: var(--c-grey--900);
}
.text-span-6, .text-span-7 {
color: var(--c-primary--blue-500);
}
.link-small-grey {
color: var(--c-grey--400);
-webkit-text-stroke-color: var(--c-primary--blue-500);
white-space: normal;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
text-decoration: none;
}
.link-small-grey:hover {
opacity: .4;
color: #11594f;
}
.body-9, .body-10 {
background-color: var(--c-grey--900);
}
.company {
background-color: var(--c-primary--bg);
}
.gallery-image-wrap-box {
border-top-left-radius: 0;
overflow: hidden;
}
.contents-hero-holder-black-contents {
background-color: var(--c-grey--900);
height: auto;
margin-bottom: 0;
padding: 0 20px 20px;
}
.contents-hero-holder-black-contents.padding {
height: auto;
}
.locales-wrapper {
color: var(--c-primary--bg);
}
.newsroom-youtube {
grid-column-gap: 78px;
grid-row-gap: 78px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr 1fr;
width: 100%;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
}
.section-2 {
background-color: #cecece;
width: 1279px;
height: 500px;
}
.ouiflow-3-list {
background-color: #fff;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
display: none;
overflow: hidden;
box-shadow: 0 -13px 50px 3px #11179c12;
}
.ouiflow-3-toggle {
z-index: 1;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
flex-direction: column;
width: 100%;
padding: .625rem .9375rem;
transition: all .3s;
}
.ouiflow-3-toggle:hover {
color: #fff;
background-color: #324bca;
}
.dropdown-3_item {
background-color: #fff;
justify-content: center;
text-decoration: none;
display: flex;
}
.dropdown-3_item:hover {
color: #fff;
background-color: #324bca;
}
.embed-code-switcher-3 {
display: none;
}
.ouiflow-dropdown-3 {
text-transform: uppercase;
border-radius: 6px;
flex-direction: column;
align-items: stretch;
width: auto;
}
.locale-switcher {
background-color: #fff;
border-radius: 1rem;
justify-content: center;
align-items: center;
width: 100%;
height: 22vh;
min-height: 8rem;
transition: background-color .2s;
display: flex;
position: relative;
}
.locale-switcher:hover {
background-color: #fbf9fd;
}
.dropdown-3_item-link {
color: #000;
cursor: pointer;
padding: .625rem .8rem .625rem .9375rem;
text-decoration: none;
display: flex;
}
.dropdown-3_item-link:hover {
color: #fff;
text-decoration: none;
}
.ouiflow-element-contain {
justify-content: flex-end;
align-items: flex-start;
display: flex;
position: relative;
}
.locale-switcher-v3 {
flex: 0 auto;
order: 0;
}
.dropdown-4_item-link {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
background-color: var(--c-primary--blue-500);
justify-content: flex-start;
align-items: center;
padding: .625rem .9rem .625rem .9375rem;
text-decoration: none;
display: flex;
}
.dropdown-4_item-link:hover {
background-color: var(--c-grey--trans--0);
color: var(--c-primary--main);
-webkit-text-stroke-color: var(--c-secondary--yellow-green);
}
.dropdown-4_item-link.w--current {
display: none;
}
.ouiflow-dropdown-4 {
text-transform: uppercase;
border-radius: 0;
flex-direction: column;
align-items: stretch;
width: auto;
}
.ouiflow-flag-wrap {
border-radius: 100vw;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: block;
overflow: hidden;
}
.dropdown-4_item {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
cursor: pointer;
justify-content: center;
align-items: center;
width: 100%;
}
.ouiflow-4-list-contain {
width: 100%;
}
.ouiflow-4-toggle {
z-index: 1;
grid-column-gap: .3rem;
grid-row-gap: .3rem;
background-color: var(--c-grey--trans--0);
border-radius: 0;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: .625rem .9375rem;
transition: all .3s;
display: flex;
}
.ouiflow-4-toggle:hover {
background-color: var(--c-grey--trans--0);
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.ouiflow-4-toggle.w--open:hover {
background-color: var(--blue--700);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.ouiflow-flag-icon {
vertical-align: top;
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
}
.ouiflow-4-list {
background-color: #fff;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
display: none;
overflow: hidden;
box-shadow: 0 -13px 50px 3px #11179c12;
}
.ouiflow-4-list.w--open {
width: 100%;
}
.ouiflow-4-list.w--open:hover {
background-color: var(--blue--700);
}
.text-block-5, .locale-switcher-txt-wh {
color: var(--c-primary--bg);
font-size: 12px;
font-weight: 300;
}
.div-block-12 {
flex: 0 auto;
width: 100%;
height: auto;
overflow: visible;
}
.image-7 {
vertical-align: top;
}
.products-banner {
align-items: stretch;
height: 100%;
padding-left: 10px;
display: flex;
}
.div-block-13 {
width: 400px;
height: 600px;
padding-right: 1rem;
}
.card-product {
width: 33.3%;
height: 600px;
padding-right: 1rem;
}
.card-product._2column {
width: 50%;
display: block;
}
.card-product._2column.mobile {
height: 700px;
}
.slogan-block.mobile {
padding-bottom: 0;
}
.body-12 {
background-color: var(--c-primary--main);
}
.body-13.cookie {
background-color: var(--c-primary--bg);
}
.body-14 {
background-color: var(--c-primary--main);
}
.price-heading {
background-color: var(--c-primary--bg);
color: var(--c-primary--main);
border-radius: 10px 0 0;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}
.price-heading._50 {
width: 70%;
min-width: auto;
min-height: auto;
line-height: 1.3;
}
.price-heading.black {
color: var(--c-grey--trans--0);
}
.price-heading.green {
color: var(--c-secondary--mint-green);
}
.price-heading.pink {
color: var(--c-secondary--pink);
}
.price-heading.bg-pink {
background-color: var(--c-secondary--pink);
}
.price-heading.bg-pink.border-pink {
border: 1px solid var(--c-secondary--pink);
background-color: var(--c-grey--trans--0);
color: var(--c-secondary--pink);
}
.price-heading.bg-green {
background-color: var(--c-secondary--pink);
}
.price-heading.bg-green.border-pink {
border: 1px solid var(--c-secondary--pink);
background-color: var(--c-grey--trans--0);
color: var(--play-secondary-color--green);
}
.price-heading.bg-green.border-green {
border: 1px solid var(--play-secondary-color--green);
background-color: var(--c-grey--trans--0);
color: var(--play-secondary-color--green);
}
.price-heading.bg-play-color {
background-color: var(--play-secondary-color--green);
}
.text-span-8 {
font-weight: 500;
}
.fbcookiebanner-v2 {
z-index: 99;
color: #fff;
background-color: #000;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 15px 25px;
display: flex;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.fbcookiebanner-v2.popup-wrapper {
background-color: var(--c-primary--blue-500);
border-top-left-radius: 20px;
}
.navbar-test {
background-color: var(--c-primary--main);
width: 100%;
display: none;
position: fixed;
inset: 0% 0% auto;
}
.ad-banner-test {
background-color: var(--c-grey--trans--0);
width: 100%;
margin-bottom: 0;
padding: 0 20px 20px;
display: none;
}
.ad-banner-test.product-page {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: none;
}
.ad-banner-test.tts-contents-challenge {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.banner-a {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.banner-txt {
grid-column-gap: 35px;
grid-row-gap: 35px;
object-fit: fill;
flex-direction: column;
order: 0;
grid-template-rows: auto;
grid-template-columns: .25fr .5fr .25fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-self: auto;
align-items: flex-start;
width: 100%;
margin-top: 20px;
padding-top: 0;
display: grid;
position: static;
inset: 20px 40px;
}
.banner-a-txt {
z-index: 99;
background-color: var(--c-grey--trans--0);
color: #fff;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 15px 25px;
display: none;
position: absolute;
inset: 0;
}
.banner-a-txt.popup-wrapper {
background-color: var(--c-primary--blue-500);
border-top-left-radius: 20px;
}
.banner-buttons {
justify-content: flex-end;
display: flex;
}
.button-banner {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
padding-top: 0;
display: block;
}
.button-banner.gap {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
margin-bottom: 20px;
padding-top: 0;
position: absolute;
inset: auto 0% 0%;
}
.button-banner.product-page-hide-option {
display: block;
}
.banner-txt-tt {
width: 100%;
color: var(--c-secondary--yellow);
text-align: left;
padding-bottom: 0;
font-family: Bdogrotesk;
font-size: 18px;
font-weight: 400;
line-height: 1.2;
}
.banner-txt-tt.looping-text {
color: var(--c-grey--black);
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.banner-txt-tt.services-h1 {
color: var(--c-primary--blue-500);
margin-bottom: 40px;
}
.banner-txt-tt.services-h1.title {
margin-bottom: 0;
font-size: 40px;
}
.banner-txt-tt.services-h1.title.whifte {
color: var(--c-primary--bg);
}
.banner-txt-tt.services-h1.title.black {
color: var(--c-primary--main);
}
.banner-txt-tt.services-h1.title.black._500 {
font-weight: 500;
}
.banner-txt-tt.services-h1.title.padding {
margin-bottom: 0;
}
.banner-txt-tt.services-h1.black {
color: var(--c-primary--main);
}
.banner-txt-tt.services-h1.black._500 {
margin-bottom: 60px;
padding-bottom: 0;
font-weight: 500;
}
.banner-txt-tt.services-h1.black._500.large {
font-size: 48px;
line-height: 1;
}
.banner-txt-tt.services-intro-hero {
align-self: flex-start;
width: 75%;
margin-bottom: 0;
padding-bottom: 20px;
}
.banner-txt-tt.services-intro-hero._50 {
width: 50%;
}
.banner-txt-tt.services-intro-hero._50.mobile {
width: 80%;
}
.banner-txt-tt.services-intro-hero.black {
color: var(--c-primary--main);
margin-bottom: 0;
padding-bottom: 20px;
font-weight: 500;
}
.banner-txt-tt.services-intro-hero.black.medium {
margin-bottom: 20px;
padding-bottom: 0;
font-size: 28px;
}
.banner-txt-tt.services-intro-hero.white._500 {
margin-bottom: 0;
font-weight: 500;
}
.banner-txt-tt.padding-side-20 {
padding-left: 20px;
padding-right: 20px;
}
.banner-txt-tt.pink {
color: var(--c-secondary--pink);
}
.banner-txt-tt.pink.top-padding {
width: 50%;
padding-top: 10px;
font-weight: 400;
}
.banner-txt-tt.white {
color: var(--c-primary--bg);
}
.banner-txt-tt.white.padding-under-10 {
padding-bottom: 10px;
}
.banner-image-wrapper-bg {
aspect-ratio: auto;
background-color: var(--c-primary--main);
object-fit: cover;
border-top-left-radius: 20px;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
}
.banner-image-wrapper-bg.border {
border-top-left-radius: 0;
width: 100%;
height: 120%;
}
.banner-image-wrapper-bg.border.cover {
aspect-ratio: auto;
object-fit: contain;
width: auto;
min-width: auto;
height: 100%;
min-height: auto;
display: block;
overflow: visible;
}
.banner-image-main {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
border-top-left-radius: 20px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
height: 100%;
text-decoration: none;
display: flex;
position: absolute;
top: auto;
left: auto;
overflow: scroll;
}
.banner-image-main.cover {
object-fit: cover;
height: 100%;
}
.image-8 {
z-index: auto;
width: 30%;
margin-bottom: -20px;
display: block;
position: absolute;
inset: auto 0% 0% auto;
overflow: scroll;
}
.ad-banner-b {
width: 100%;
height: auto;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden;
}
.banner-container {
background-color: var(--c-grey--700);
cursor: pointer;
border-radius: 30px 0 0;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 0;
padding: 20px 40px;
display: flex;
position: static;
}
.banner-container._2 {
background-color: var(--c-secondary--pink);
}
.banner-container._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
}
.banner-container._1 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1aba_Shift_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-container._1:hover {
opacity: 1;
}
.banner-container.p {
background-color: var(--c-secondary--sky-blue);
border-radius: 20px 0 0;
}
.banner-container.c {
background-color: var(--play-secondary-color--green);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.banner-container._2 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1ac0_Play_H_v02-5%203.gif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-container._2:hover {
opacity: 1;
}
.banner-container._3 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1abf_Clear_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-container._3:hover {
opacity: 1;
}
.banner-txt-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: .65fr 1.25fr .5fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.banner-txt-wrapper.product-page-option {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: .4fr 1.25fr;
}
.banner-title {
z-index: 1;
border: 1px solid var(--c-secondary--yellow);
background-color: var(--c-grey--trans--0);
border-radius: 10px 0 0;
margin-right: auto;
padding: 5px 15px;
position: relative;
}
.banner-title.light {
background-color: #f8a290;
}
.banner-title.dark {
background-color: #faf8f7;
}
.banner-title.white {
background-color: var(--c-primary--bg);
border-radius: 10px 0 0;
align-items: center;
padding: 0 20px;
display: flex;
}
.banner-title.white.card-partners {
padding-top: 10px;
padding-bottom: 10px;
}
.banner-txt-body {
z-index: 1;
justify-content: space-between;
display: block;
position: relative;
}
.div-block-14 {
padding-left: 40px;
padding-right: 40px;
position: absolute;
}
.banner-bg-graphic {
flex: 0 auto;
align-self: auto;
width: 100%;
height: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
padding-right: 40px;
display: flex;
position: absolute;
overflow: hidden;
}
.banner-title-tt {
color: var(--c-secondary--yellow);
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
}
.banner-title-tt.large {
font-size: 24px;
line-height: 1;
}
.banner-title-tt.promotion-font {
color: var(--c-primary--bg);
font-family: Bdogrotesk;
font-size: 22px;
}
.banner-title-tt.promotion-font.bgt {
color: var(--c-grey--300);
font-size: 18px;
}
.banner-title-tt.promotion-font.bgt.small {
color: var(--c-primary--blue-500);
font-size: 14px;
}
.banner-title-tt.promotion-font.margin {
margin-top: 5px;
padding-left: 0;
padding-right: 0;
}
.banner-title-tt.promotion-font.margin._24pt {
font-size: 28px;
}
.banner-title-tt.voice-partners {
color: var(--c-primary--main);
font-size: 40px;
}
.button-base-banner {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--play-secondary-color--green);
height: 40px;
color: var(--c-grey--600);
text-align: left;
-webkit-text-stroke-color: var(--c-grey--black);
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-banner:hover {
opacity: 1;
}
.button-base-banner.bi {
background-color: var(--c-primary--bg);
}
.standard-clear-price, .promo-clear-price {
display: block;
}
.promo-heading {
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
font-weight: 400;
position: relative;
}
.promo-heading.product-txt {
text-align: left;
padding-top: 10px;
font-weight: 400;
}
.promo-heading.product-txt.white {
color: var(--c-primary--bg);
}
.promo-heading.product-txt.white.color-grey {
color: var(--c-grey--200);
font-size: 14px;
}
.promo-heading.promo-product-txt {
text-align: left;
padding-top: 10px;
font-weight: 400;
}
.promo-heading.promo-product-txt.white {
color: var(--c-primary--bg);
}
.promo-heading.promo-product-txt.white.color-grey {
color: var(--c-grey--200);
font-size: 14px;
}
.promo-heading.promo-product-txt.promo-color.color-grey {
color: var(--c-grey--200);
font-size: 14px;
}
.promo-heading.promo-product-txt.promo-color.tt.padding {
padding-top: 0;
}
.promo-heading.promo-product-txt.promo-color.tt.sale-color {
color: var(--c-secondary--mint-green);
}
.promo-heading.promo-product-txt.promo-color {
color: #f0f0f0;
}
.promo-heading.promo-product-txt.promo-color.padding {
padding-top: 50px;
display: none;
}
.promo-heading.promo-product-txt.promo-color.tt {
color: #f2fb41;
}
.promo-heading-2 {
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
font-weight: 400;
position: relative;
}
.promo-heading-2.product-txt {
text-align: left;
padding-top: 10px;
font-weight: 400;
}
.promo-heading-2.product-txt.white {
color: var(--c-primary--bg);
}
.promo-heading-2.product-txt.white.color-grey {
color: var(--c-grey--200);
font-size: 14px;
}
.promo-heading-2.promo-product-txt {
text-align: left;
padding-top: 10px;
font-weight: 400;
}
.promo-heading-2.promo-product-txt.white {
color: var(--c-primary--bg);
}
.promo-heading-2.promo-product-txt.white.color-grey {
color: var(--c-grey--200);
font-size: 14px;
}
.promo-heading-2.promo-product-txt.promo-color {
color: var(--c-primary--bg);
}
.promo-heading-2.promo-product-txt.promo-color.color-grey {
color: var(--c-grey--200);
font-size: 14px;
}
.promo-heading-2.promo-product-txt.promo-color.color-grey.padding {
color: var(--c-grey--450);
padding-top: 0;
}
.promo-text---large {
color: var(--c-secondary--yellow);
text-align: left;
padding-top: 10px;
font-family: Bdogrotesk;
font-size: 50px;
font-weight: 300;
line-height: 1.2;
}
.promo-text---large.style-titles {
margin-bottom: 30px;
}
.promo-text---large.menu-large-text {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.promo-text---large.services-h1 {
margin-bottom: 10px;
font-family: Bdogrotesk;
font-size: 30px;
font-weight: 400;
}
.promo-text---large.services-intro-hero {
width: 75%;
margin-bottom: 10px;
font-size: 30px;
font-weight: 300;
}
.promo-text---large.services-intro-hero.price-text {
font-size: 50px;
}
.promo-text---large.services-intro-hero.price-text.white {
color: var(--c-primary--bg);
}
.promo-text---large.looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.promo-text---large.testimonial-heading {
margin-bottom: 10px;
}
.promo-text---large.text-brand-description.white {
color: var(--c-primary--bg);
}
.promo-text---large.about-testimonial {
width: 100%;
max-width: none;
margin-bottom: 0;
margin-left: 0;
position: relative;
}
.promo-text---large.awards-looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.promo-text---large.contact-heading {
margin-bottom: 10px;
}
.promo-text---large.padding {
padding-bottom: 10px;
}
.promo-text---large.padding.play-color {
color: var(--c-secondary--pink);
font-size: 60px;
}
.promo-text---large.padding.play-color.d-padding {
color: var(--c-secondary--orange);
padding-left: 10px;
}
.promo-text---large.padding.play-color.promotion-padding {
color: var(--c-secondary--orange);
padding-top: 0;
padding-bottom: 20px;
padding-left: 20px;
}
.promo-text---large.sale-color {
color: var(--c-secondary--mint-green);
font-size: 60px;
}
.promo-text---large.sale-color.satoshi {
font-family: Satoshi Variable;
}
.promo-base {
color: var(--c-primary--bg);
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
font-weight: 300;
position: relative;
}
.promo-base.product-txt {
text-align: left;
}
.promo-base.align-right {
text-align: left;
margin-top: 20px;
font-weight: 400;
}
.promo-base.align-right.white {
color: var(--c-primary--bg);
}
.promo-base.align-right.white._14.padding {
padding-bottom: 40px;
}
.promo-base.align-right.white._14.padding.grey {
color: var(--c-grey--300);
}
.promo-base.align-right.white._14.grey {
color: var(--c-grey--200);
}
.promo-base.align-right.white._14.grey.top {
margin-top: 0;
}
.promo-base.airairair {
padding-top: 10px;
}
.promo-base.airairair.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
}
.promo-base.airairair.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.banner-bg-container {
background-color: var(--c-grey--700);
cursor: pointer;
border-radius: 30px 0 0;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 0;
padding: 20px 40px;
display: flex;
}
.banner-bg-container._2 {
background-color: var(--c-secondary--pink);
}
.banner-bg-container._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
}
.banner-bg-container._1 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1aba_Shift_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-bg-container._1:hover {
opacity: 1;
}
.banner-bg-container.p {
background-color: var(--c-secondary--sky-blue);
border-radius: 20px 0 0;
}
.banner-bg-container.c {
background-color: var(--play-secondary-color--green);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.banner-bg-container._2 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1ac0_Play_H_v02-5%203.gif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-bg-container._2:hover {
opacity: 1;
}
.banner-bg-container._3 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1abf_Clear_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-bg-container._3:hover {
opacity: 1;
}
.fullmoon {
z-index: auto;
box-sizing: border-box;
aspect-ratio: auto;
object-fit: fill;
object-position: 50% 50%;
flex: 0 auto;
align-self: flex-end;
width: 20%;
margin-bottom: 0;
display: none;
position: absolute;
inset: 0% 0% 0% auto;
overflow: scroll;
}
.fmoon {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
border-top-left-radius: 20px;
flex-flow: row;
flex: 0 auto;
order: 0;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: none;
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 800px;
text-decoration: none;
display: none;
position: absolute;
top: auto;
left: auto;
right: auto;
overflow: hidden;
}
.fmoon.cover {
object-fit: cover;
height: 100%;
}
.fullmoon-container {
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
overflow: hidden;
}
.fullmoon-2024 {
width: 30%;
margin-right: -40px;
display: none;
overflow: hidden;
}
.text-span-9 {
color: var(--c-grey--400);
vertical-align: top;
font-size: 40px;
text-decoration: line-through;
}
.text-span-9.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.text-span-10 {
color: var(--c-grey--300);
font-size: 28px;
text-decoration: none;
}
.text-span-10.delline {
text-decoration: line-through;
display: none;
}
.text-span-11 {
color: var(--c-grey--300);
font-size: 14px;
}
.text-span-11.del {
display: none;
}
.text-span-12 {
color: var(--c-secondary--pink);
}
.grid-shift-pricing-top {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: .5fr .25fr .5fr;
width: 60vh;
margin-top: 40px;
margin-left: 0;
padding-bottom: 40px;
display: none;
}
.img-box---iso {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: 9%;
max-width: none;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.serives-hero-iso-holder {
padding: 65px 20px 20px;
}
.serives-hero-iso-holder.black {
width: 100%;
padding-top: 40px;
}
.serives-hero-iso-holder.black.padding {
margin-bottom: 140px;
padding-top: 10px;
}
.iso-graphic {
box-sizing: border-box;
aspect-ratio: auto;
width: 100%;
max-width: none;
height: 100%;
color: var(--c-primary--main);
object-fit: fill;
flex: 0 auto;
order: 0;
justify-content: flex-start;
align-self: auto;
align-items: center;
text-decoration: none;
display: flex;
position: static;
inset: 0%;
overflow: scroll;
}
.iso-content-bg {
aspect-ratio: auto;
object-fit: cover;
background-color: #305dff;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
}
.air, .air---backup {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.air---backup.mobile {
display: none;
}
.page-wrapper-air {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.page-wrapper-air.bg-black {
background-color: var(--c-primary--main);
display: block;
}
.page-wrapper-air.black {
background-color: var(--c-primary--main);
margin-top: 0;
}
.page-wrapper-air.bg-black {
display: block;
}
.air-graphic-a {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 90%;
max-width: none;
height: 90%;
text-decoration: none;
display: none;
position: absolute;
top: auto;
left: auto;
overflow: scroll;
}
.air-graphic-b {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
height: 80%;
text-decoration: none;
display: none;
position: absolute;
top: auto;
left: auto;
overflow: scroll;
}
.ad-banner-tts-contents-challenge {
background-color: var(--c-grey--trans--0);
width: 100%;
margin-bottom: 0;
padding: 0 20px 20px;
display: none;
}
.ad-banner-tts-contents-challenge.product-page, .ad-banner-tts-contents-challenge.tts-contents-challenge {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.ad-banner-tts-contents-challenge.tts-contents-challenge.mobile.main {
margin-top: 80px;
}
.tts-contents-challenge {
width: 100%;
height: auto;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden;
}
.banner-container-tcc {
background-color: var(--c-secondary--light-purple);
cursor: pointer;
border-radius: 30px 0 0;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 0;
padding: 20px 40px;
display: flex;
position: static;
}
.banner-container-tcc._2 {
background-color: var(--c-secondary--pink);
}
.banner-container-tcc._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
}
.banner-container-tcc._1 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1aba_Shift_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-container-tcc._1:hover {
opacity: 1;
}
.banner-container-tcc.p {
background-color: var(--c-secondary--sky-blue);
border-radius: 20px 0 0;
}
.banner-container-tcc.c {
background-color: var(--play-secondary-color--green);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.banner-container-tcc._2 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1ac0_Play_H_v02-5%203.gif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-container-tcc._2:hover {
opacity: 1;
}
.banner-container-tcc._3 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1abf_Clear_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-container-tcc._3:hover {
opacity: 1;
}
.img-container-tcc {
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
overflow: hidden;
}
.banner-txt-wrapper-tcc {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: .65fr 1.25fr .5fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.banner-txt-wrapper-tcc.product-page-option {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: .4fr 1.25fr;
}
.banner-txt-wrapper-tcc.product-page-option-tcc {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: .3fr .5fr .25fr;
}
.button-tcc {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
padding-top: 0;
display: block;
}
.button-tcc.gap {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
margin-bottom: 20px;
padding-top: 0;
position: absolute;
inset: auto 0% 0%;
}
.button-tcc.product-page-hide-option {
flex-flow: wrap;
justify-content: flex-end;
align-items: flex-start;
display: block;
}
.banner-title-tcc {
z-index: 1;
border: 1px solid var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
border-radius: 10px 0 0;
margin-right: auto;
padding: 5px 15px;
position: relative;
}
.banner-title-tcc.light {
background-color: #f8a290;
}
.banner-title-tcc.dark {
background-color: #faf8f7;
}
.banner-title-tcc.white {
background-color: var(--c-primary--bg);
border-radius: 10px 0 0;
align-items: center;
padding: 0 20px;
display: flex;
}
.banner-title-tcc.white.card-partners {
padding-top: 10px;
padding-bottom: 10px;
}
.banner-title-tcc.white-border {
border-style: none;
}
.banner-txt-body-tcc {
z-index: 1;
justify-content: space-between;
display: flex;
position: relative;
}
.banner-txt-tt-tcc {
width: 100%;
color: var(--c-primary--bg);
text-align: left;
padding-bottom: 0;
font-family: Bdogrotesk;
font-size: 18px;
font-weight: 400;
line-height: 1.2;
}
.banner-txt-tt-tcc.looping-text {
color: var(--c-grey--black);
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.banner-txt-tt-tcc.services-h1 {
color: var(--c-primary--blue-500);
margin-bottom: 40px;
}
.banner-txt-tt-tcc.services-h1.title {
margin-bottom: 0;
font-size: 40px;
}
.banner-txt-tt-tcc.services-h1.title.whifte {
color: var(--c-primary--bg);
}
.banner-txt-tt-tcc.services-h1.title.black {
color: var(--c-primary--main);
}
.banner-txt-tt-tcc.services-h1.title.black._500 {
font-weight: 500;
}
.banner-txt-tt-tcc.services-h1.title.padding {
margin-bottom: 0;
}
.banner-txt-tt-tcc.services-h1.black {
color: var(--c-primary--main);
}
.banner-txt-tt-tcc.services-h1.black._500 {
margin-bottom: 60px;
padding-bottom: 0;
font-weight: 500;
}
.banner-txt-tt-tcc.services-h1.black._500.large {
font-size: 48px;
line-height: 1;
}
.banner-txt-tt-tcc.services-intro-hero {
align-self: flex-start;
width: 75%;
margin-bottom: 0;
padding-bottom: 20px;
}
.banner-txt-tt-tcc.services-intro-hero._50 {
width: 50%;
}
.banner-txt-tt-tcc.services-intro-hero._50.mobile {
width: 80%;
}
.banner-txt-tt-tcc.services-intro-hero.black {
color: var(--c-primary--main);
margin-bottom: 0;
padding-bottom: 20px;
font-weight: 500;
}
.banner-txt-tt-tcc.services-intro-hero.black.medium {
margin-bottom: 20px;
padding-bottom: 0;
font-size: 28px;
}
.banner-txt-tt-tcc.services-intro-hero.white._500 {
margin-bottom: 0;
font-weight: 500;
}
.banner-txt-tt-tcc.padding-side-20 {
padding-left: 20px;
padding-right: 20px;
}
.banner-txt-tt-tcc.pink {
color: var(--c-secondary--pink);
}
.banner-txt-tt-tcc.pink.top-padding {
width: 50%;
padding-top: 10px;
font-weight: 400;
}
.banner-txt-tt-tcc.white {
color: var(--c-primary--bg);
}
.banner-txt-tt-tcc.white.padding-under-10 {
padding-bottom: 10px;
}
.banner-txt-tt-tcc.voice-partners {
color: var(--c-primary--blue-500);
font-family: Supertone Serif, sans-serif;
font-size: 30px;
}
.banner-txt-tt-tcc.voice-partners.basic {
font-family: Bdogrotesk;
font-size: 24px;
}
.banner-txt-tt-tcc.voice-partners.basic.mobile, .banner-txt-tt-tcc.voice-partners.basic.mobile.wht {
font-size: 22px;
}
.banner-txt-tt-tcc.voice-partners.mobile {
color: var(--c-grey--black);
padding-bottom: 10px;
font-size: 28px;
}
.banner-txt-tt-tcc.voice-partners.mobile.wht {
color: var(--c-grey--white);
font-size: 28px;
}
.banner-txt-tt-copy {
width: 100%;
color: var(--c-secondary--yellow);
text-align: left;
padding-bottom: 0;
font-family: Bdogrotesk;
font-size: 18px;
font-weight: 400;
line-height: 1.2;
}
.banner-txt-tt-copy.looping-text {
color: var(--c-grey--black);
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.banner-txt-tt-copy.services-h1 {
color: var(--c-primary--blue-500);
margin-bottom: 40px;
}
.banner-txt-tt-copy.services-h1.title {
margin-bottom: 0;
font-size: 40px;
}
.banner-txt-tt-copy.services-h1.title.whifte {
color: var(--c-primary--bg);
}
.banner-txt-tt-copy.services-h1.title.black {
color: var(--c-primary--main);
}
.banner-txt-tt-copy.services-h1.title.black._500 {
font-weight: 500;
}
.banner-txt-tt-copy.services-h1.title.padding {
margin-bottom: 0;
}
.banner-txt-tt-copy.services-h1.black {
color: var(--c-primary--main);
}
.banner-txt-tt-copy.services-h1.black._500 {
margin-bottom: 60px;
padding-bottom: 0;
font-weight: 500;
}
.banner-txt-tt-copy.services-h1.black._500.large {
font-size: 48px;
line-height: 1;
}
.banner-txt-tt-copy.services-intro-hero {
align-self: flex-start;
width: 75%;
margin-bottom: 0;
padding-bottom: 20px;
}
.banner-txt-tt-copy.services-intro-hero._50 {
width: 50%;
}
.banner-txt-tt-copy.services-intro-hero._50.mobile {
width: 80%;
}
.banner-txt-tt-copy.services-intro-hero.black {
color: var(--c-primary--main);
margin-bottom: 0;
padding-bottom: 20px;
font-weight: 500;
}
.banner-txt-tt-copy.services-intro-hero.black.medium {
margin-bottom: 20px;
padding-bottom: 0;
font-size: 28px;
}
.banner-txt-tt-copy.services-intro-hero.white._500 {
margin-bottom: 0;
font-weight: 500;
}
.banner-txt-tt-copy.padding-side-20 {
padding-left: 20px;
padding-right: 20px;
}
.banner-txt-tt-copy.pink {
color: var(--c-secondary--pink);
}
.banner-txt-tt-copy.pink.top-padding {
width: 50%;
padding-top: 10px;
font-weight: 400;
}
.banner-txt-tt-copy.white {
color: var(--c-primary--bg);
}
.banner-txt-tt-copy.white.padding-under-10 {
padding-bottom: 10px;
}
.banner-bg-graphic-banner-txt-tt-tcc {
flex: 0 auto;
align-self: auto;
width: 100%;
height: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
padding-right: 40px;
display: none;
position: absolute;
overflow: hidden;
}
.superscript {
font-size: 20px;
}
.small {
white-space: normal;
vertical-align: super;
font-size: 14px;
}
.small.mobile {
vertical-align: middle;
display: inline;
}
.standard-shift-2-0-price {
grid-column-gap: 8px;
grid-row-gap: 8px;
margin-bottom: 40px;
display: flex;
overflow: visible;
}
.promo-play-obt-price {
display: block;
}
.content-heading {
color: #f5f5ef;
border-radius: 1px;
margin-bottom: 10px;
}
.content-heading._50 {
width: 70%;
min-width: auto;
min-height: auto;
color: var(--play-secondary-color--green);
font-size: 1.6rem;
line-height: 1.3;
}
.content-heading._50.mobile.api-color {
color: var(--c-secondary--api-green);
}
.content-heading._50.mobile.api-color.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 18px;
font-weight: 300;
}
.content-heading._50.mobile.api-color.manrope:lang(ko) {
font-weight: 400;
}
.content-heading._50.mobile.play-color {
color: var(--c-primary--bg);
}
.content-heading._50.mobile.play-color.play-sub-txt {
font-size: 1.2rem;
font-weight: 300;
}
.content-heading._50.mobile.play-color.play-sub-txt.small-txt {
letter-spacing: .5px;
font-size: 1.1rem;
}
.content-heading._50.mobile.play-color.play-sub-txt.small-txt.play-ptl-sub-txt:lang(ko) {
font-weight: 400;
}
.content-heading._50.mobile.play-color.play-sub-txt.play-ob-ptl, .content-heading._50.mobile.play-color.play-sub-txt.play-ob-ptl._200 {
color: var(--c-grey--200);
font-weight: 300;
}
.content-heading._50.mobile.play-color.play-sub-txt.play-ob-ptl._200.shift-sub-text-text {
width: 100%;
}
.content-heading._50.mobile.play-color.play-sub-txt.play-ob-ptl._200.shift-sub-text-text.mobile-font-size {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
}
.content-heading._50.mobile.play-color.play-sub-txt.play-ob-ptl._200.shift-sub-text-text.mobile-font-size:lang(ko) {
font-weight: 400;
}
.content-heading.black {
color: var(--c-grey--trans--0);
}
.content-heading.green {
color: var(--c-secondary--mint-green);
}
.content-heading.green.air-green {
color: var(--play-secondary-color--green);
}
.content-heading.pink {
color: var(--c-secondary--pink);
}
.text-span-13 {
color: var(--c-primary--blue-500);
}
.text-span-13.gray {
color: var(--c-grey--50);
}
.text-span-14 {
color: var(--c-primary--blue-500);
}
.text-span-14.gray {
color: var(--c-grey--50);
}
.pricing-play-obt {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.pricing-play-obt.padding-down {
width: 100%;
padding-bottom: 60px;
padding-left: 20px;
padding-right: 20px;
display: none;
}
.div-block-15 {
width: 100%;
}
.section-title {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 60px;
display: flex;
}
.section-title.gap {
grid-column-gap: 19px;
grid-row-gap: 19px;
margin-bottom: 10px;
}
.section-title.black {
background-color: var(--c-primary--main);
}
.vectors-wrapper-70 {
aspect-ratio: auto;
background-color: var(--c-secondary--pink);
object-fit: cover;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
}
.clear-graphic-a-copy {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 90%;
max-width: none;
height: 90%;
text-decoration: none;
display: block;
position: absolute;
top: auto;
left: auto;
overflow: scroll;
}
.play-graphic-a-wave {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
height: 100%;
text-decoration: none;
display: block;
position: absolute;
top: auto;
left: auto;
overflow: scroll;
}
.play-graphic-b-txt {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: none;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
max-width: none;
height: 100%;
text-decoration: none;
display: block;
position: absolute;
inset: 0%;
overflow: visible;
}
.play-graphic-c-ui {
z-index: auto;
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
height: 100%;
text-decoration: none;
display: block;
position: absolute;
top: auto;
left: auto;
overflow: scroll;
}
.play-graphic-c-ui.main-hero-h {
height: 100%;
}
.play-graphic-a-wave---container {
z-index: 0;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
overflow: hidden;
}
.play-graphic-b-txt---container {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
overflow: hidden;
}
.image-9 {
border-top-left-radius: 20px;
}
.play-obt-wrapper {
flex-direction: column;
width: 100%;
height: 100%;
margin-top: 100px;
display: flex;
position: relative;
}
.play-obt-wrapper.bg-black {
background-color: var(--c-primary--main);
margin-top: 100px;
overflow: hidden;
}
.play-obt-wrapper.black {
background-color: var(--c-primary--main);
margin-top: 0;
}
.play-obt-hero-wrapper {
z-index: 1;
margin-bottom: -80vh;
position: relative;
}
.play-obt-hero-wrapper.content {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.play-obt-hero-wrapper.play {
margin-bottom: 0;
}
.play-service-hero-section-base {
background-color: var(--c-grey--trans--0);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.play-service-hero-section-base.play {
height: auto;
}
.play-obt-about-section-padding {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.play-obt-about-section-padding.padding-down {
padding-bottom: 60px;
}
.play-obt-about-section-padding.padding-down.padding-top {
width: 100%;
margin-top: 0;
padding-bottom: 20px;
}
.play-obt-about-section-padding.padding-down.padding-top.margin-top {
margin-top: 60px;
}
.play-obt-about-section-padding.padding-down.bottom {
padding-bottom: 100px;
}
.play-obt-ection-title-wrap {
grid-column-gap: 19px;
grid-row-gap: 19px;
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.play-obt-ection-title-wrap.gap {
grid-column-gap: 19px;
grid-row-gap: 19px;
}
.play-obt-ection-title-wrap.black {
background-color: var(--c-primary--main);
}
.play-obt-ection-title-wrap.padding {
margin-bottom: 60px;
}
.hero-holder-service-a {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--c-grey--trans--0);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
padding: 50px 20px 10px;
display: none;
}
.ad-banner-tts-contents-challenge-copy {
background-color: var(--c-grey--trans--0);
width: 100%;
margin-bottom: 0;
padding: 0 20px 20px;
display: none;
}
.ad-banner-tts-contents-challenge-copy.product-page, .ad-banner-tts-contents-challenge-copy.tts-contents-challenge {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.ad-banner-tts-contents-challenge-copy.tts-contents-challenge.mobile.main {
margin-top: 80px;
}
.hero-holder-service-b {
background-color: var(--c-grey--trans--0);
width: 100%;
margin-bottom: 0;
padding: 0 20px 20px;
display: none;
}
.hero-holder-service-b.product-page, .hero-holder-service-b.tts-contents-challenge {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.hero-holder-service-b.tts-contents-challenge.mobile.main {
margin-top: 80px;
}
.hero-holder-service-b.voice-partners {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.hero-holder-service-b.voice-partners.mobile {
border-top-left-radius: 20px;
height: 300px;
margin-top: 50px;
padding-left: 20px;
padding-right: 20px;
}
.hero-holder-service-b.voice-partners.mobile.main {
margin-top: 80px;
}
.voice-partners {
width: 100%;
height: 100%;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden;
}
.banner-container-voice-partners {
background-color: var(--c-secondary--lavender);
cursor: pointer;
border-radius: 20px 0 0;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 0;
padding: 20px 30px;
display: flex;
position: static;
}
.banner-container-voice-partners._2 {
background-color: var(--c-secondary--pink);
}
.banner-container-voice-partners._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
}
.banner-container-voice-partners._1 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1aba_Shift_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-container-voice-partners._1:hover {
opacity: 1;
}
.banner-container-voice-partners.p {
background-color: var(--c-secondary--sky-blue);
border-radius: 20px 0 0;
}
.banner-container-voice-partners.c {
background-color: var(--play-secondary-color--green);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.banner-container-voice-partners._2 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1ac0_Play_H_v02-5%203.gif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-container-voice-partners._2:hover {
opacity: 1;
}
.banner-container-voice-partners._3 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1abf_Clear_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-container-voice-partners._3:hover {
opacity: 1;
}
.banner-txt-wrapper-voice-partners {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: .65fr 1.25fr .5fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.banner-txt-wrapper-voice-partners.product-page-option {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: .4fr 1.25fr;
}
.banner-txt-wrapper-voice-partners.product-page-option-tcc {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: .5fr .5fr .25fr;
}
.banner-txt-wrapper-voice-partners.product-page-option-voice-partners {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: .25fr .5fr .25fr;
margin-top: 10px;
padding-top: 0;
}
.banner-txt-wrapper-voice-partners.product-page-option-voice-partners.mobile {
grid-template-columns: .4fr 1fr .25fr;
margin-top: 20px;
}
.img-container-voice-partners {
border-top-left-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
overflow: hidden;
}
.button-voice-partners {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
padding-top: 0;
display: block;
}
.button-voice-partners.gap {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
margin-bottom: 20px;
padding-top: 0;
position: absolute;
inset: auto 0% 0%;
}
.button-voice-partners.product-page-hide-option {
display: none;
}
.banner-title-voice-partners {
z-index: 1;
border: 0px none var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
border-radius: 10px 0 0;
margin-right: auto;
padding: 0 15px 0 0;
display: block;
position: relative;
}
.banner-title-voice-partners.light {
background-color: #f8a290;
}
.banner-title-voice-partners.dark {
background-color: #faf8f7;
}
.banner-title-voice-partners.white {
background-color: var(--c-primary--bg);
border-radius: 10px 0 0;
align-items: center;
padding: 0 20px;
display: flex;
}
.banner-title-voice-partners.white.card-partners {
padding-top: 10px;
padding-bottom: 10px;
}
.button-base-container-3 {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 10px;
display: flex;
}
.button-base-container-3.gap {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
width: 70%;
margin-bottom: 20px;
padding-top: 0;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.button-base-container-3.gap.mobile {
display: none;
}
.text-span-15 {
font-size: 10px;
}
.superscript-2 {
font-size: 14px;
}
.text-span-16 {
vertical-align: super;
font-size: 20px;
}
.products-container-2column {
width: auto;
display: block;
}
.products-component {
background-color: #0000;
height: auto;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
}
.products-container-a {
clear: both;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
position: relative;
}
.img-container {
border-top-left-radius: 20px;
justify-content: flex-end;
align-items: center;
width: auto;
height: auto;
display: none;
position: absolute;
overflow: hidden;
}
.btn-new-release {
background-color: var(--c-primary--blue-500);
border-radius: 20px;
margin-bottom: 10px;
margin-right: auto;
padding: 5px 15px;
}
.btn-new-release.light {
background-color: #f8a290;
}
.btn-new-release.dark {
background-color: #faf8f7;
}
.btn-new-release.white {
border: 2px solid var(--c-primary--blue-500);
background-color: var(--c-grey--trans--0);
border-radius: 0;
align-items: center;
padding: 5px 10px;
display: flex;
}
.btn-new-release.white.card-partners {
padding-top: 10px;
padding-bottom: 10px;
}
.btn-new-release.white.card-partners.pink {
background-color: var(--c-secondary--pink);
}
.btn-new-release.white.sale-color {
border-color: var(--c-secondary--orange);
}
.btn-new-release.white.sale-color.sale-color-2 {
border: 2px solid var(--c-primary--blue-500);
background-color: var(--c-grey--trans--0);
}
.btn-new-release.white {
background-color: #fff0;
border: 2px solid #227cff;
border-radius: 0;
align-items: center;
padding: 5px 10px;
display: flex;
}
.btn-new-release.white.padding {
flex-flow: row;
width: auto;
max-width: 106px;
margin-top: 0;
margin-bottom: 10px;
margin-right: 0;
display: block;
position: static;
}
.wrapper-sub-txt {
width: 100%;
margin-bottom: 80px;
position: absolute;
bottom: 0%;
}
.wrapper-sub-txt.mobile {
margin-bottom: 76px;
}
.card-top-wrapper-3column {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.card-top-wrapper-3column.mobile {
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.button-base-container-air {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 10px;
display: flex;
}
.button-base-container-air.gap {
width: 50%;
padding-top: 40px;
}
.button-base-container-air.gap.bottom-margin, .button-base-container-air.gap.bottom-margin-copy {
padding-bottom: 40px;
}
.button-base-container-air.gap.mobile {
width: 60%;
}
.button-base-container-clear {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 10px;
display: flex;
}
.button-base-container-clear.gap {
width: 50%;
padding-top: 40px;
}
.button-base-container-clear.gap.bottom-margin, .button-base-container-clear.gap.bottom-margin-copy {
padding-bottom: 40px;
}
.button-base-container-clear.gap.mobile {
width: 100%;
padding-top: 20px;
}
.button-base-container-air-2 {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 10px;
display: flex;
}
.button-base-container-air-2.gap {
width: 50%;
padding-top: 40px;
}
.button-base-container-air-2.gap.bottom-margin, .button-base-container-air-2.gap.bottom-margin-copy {
padding-bottom: 40px;
}
.button-base-container-air-2.gap.mobile {
width: 100%;
}
.promo-clear-price-02, .standard-air-price {
display: block;
}
.text-span-17, .text-span-18, .text-span-19, .text-span-20, .text-span-21, .text-span-22, .text-span-23 {
color: var(--play-secondary-color--green);
}
.main-menu-txt {
color: var(--c-primary--bg);
margin-right: 5px;
font-size: 16px;
}
.main-menu-txt._22px {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 15px;
font-weight: 300;
}
.main-menu-txt.nav-product {
letter-spacing: .01em;
white-space: nowrap;
align-items: center;
margin-right: 0;
padding: 15px 18px;
font-size: 17px;
font-weight: 500;
text-decoration: none;
transition: opacity .2s;
display: flex;
}
.main-menu-txt.nav-product:hover {
opacity: .6;
}
.small-txt {
color: var(--c-primary--blue-500);
font-size: 14px;
}
.discount-price {
color: var(--c-grey--300);
font-size: 24px;
text-decoration: line-through;
}
.pre2-0-specialoffer {
color: var(--play-secondary-color--green);
font-size: 30px;
}
.pre2-0-specialoffer.mobile {
color: var(--play-secondary-color--green);
font-weight: 400;
}
.pre2-0-specialoffer.mobile.api-color {
color: var(--c-secondary--api-green);
}
.pre2-0-specialoffer.mobile.orange {
color: var(--c-secondary--orange);
font-weight: 300;
}
.text-span-24 {
font-weight: 300;
}
.text-span-24:lang(ko) {
font-weight: 400;
}
.button-base-container-tt {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 10px;
display: grid;
}
.button-base-container-tt.gap {
padding-top: 40px;
}
.button-base-container-tt.gap.bottom-margin, .button-base-container-tt.gap.bottom-margin-copy {
padding-bottom: 40px;
}
.button-base-container-tt.space {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 3fr 1fr;
padding-bottom: 20px;
}
.button-base-container-tt.space.flex {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: auto .25fr 1fr;
grid-auto-columns: 1fr;
place-items: center stretch;
padding-top: 0;
padding-bottom: 0;
display: grid;
}
.button-base-container-tt.space.flex.grid {
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.button-base-container-tt.space.flex {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto;
grid-template-columns: auto .25fr 1fr;
grid-auto-columns: 1fr;
padding-top: 0;
display: grid;
}
.button-base-container-4 {
grid-column-gap: 21px;
grid-row-gap: 21px;
text-align: left;
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
width: 100%;
padding-top: 10px;
display: flex;
}
.button-base-container-4.gap {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
width: 70%;
margin-bottom: 20px;
padding-top: 0;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.mailerlite-success-message-air, .mailerlite-success-message-clear-v1 {
flex-flow: wrap;
display: flex;
}
.btn-new-release-promo {
background-color: #f6f2e2;
border-radius: 10px;
margin-right: auto;
padding: 5px 15px;
}
.btn-new-release-promo.light {
background-color: #f8a290;
}
.btn-new-release-promo.dark {
background-color: #faf8f7;
}
.btn-new-release-promo.white {
border: 2px solid var(--c-primary--blue-500);
background-color: var(--c-grey--trans--0);
border-radius: 0;
align-items: center;
padding: 5px 10px;
display: flex;
}
.btn-new-release-promo.white.card-partners {
padding-top: 10px;
padding-bottom: 10px;
}
.btn-new-release-promo.white.card-partners.pink {
background-color: var(--c-secondary--pink);
}
.btn-new-release-promo.white.padding.sale-color {
border-style: none;
border-color: var(--c-secondary--mint-green);
background-color: var(--c-secondary--mint-green);
max-width: 127px;
display: none;
}
.btn-new-release-promo.white.sale-color {
border-color: var(--c-secondary--orange);
}
.btn-new-release-promo.white {
background-color: #fff0;
border: 2px solid #227cff;
border-radius: 0;
align-items: center;
padding: 5px 10px;
display: flex;
}
.btn-new-release-promo.white.padding {
flex-flow: row;
width: auto;
max-width: 106px;
margin-top: 0;
margin-bottom: 10px;
margin-right: 0;
display: block;
position: static;
}
.btn-new-release-promo.white.padding.sale-color {
background-color: #64ffbc;
border-style: none;
border-color: #64ffbc;
max-width: 127px;
display: none;
}
.api-main-graphic {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 0;
margin-bottom: 40px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.link-13 {
color: var(--c-primary--blue-500);
text-decoration: underline;
}
.button-base-container-api {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 10px;
display: flex;
}
.button-base-container-api.gap {
padding-top: 40px;
}
.button-base-container-api.gap.bottom-margin {
padding-bottom: 40px;
}
.button-base-container-api.gap.bottom-margin.mobile {
padding-top: 20px;
padding-bottom: 20px;
}
.button-base-container-api.gap.bottom-margin-copy {
padding-bottom: 40px;
}
.industry-leaders {
margin-top: 40px;
margin-bottom: 100px;
}
.industry-leaders-wh {
overflow: hidden;
}
.leaders-section {
width: auto;
display: flex;
}
.api-txt-holder {
width: 100%;
height: 9%;
margin-bottom: 60px;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.api-txt-holder.padding-down {
padding-bottom: 60px;
}
.campaign-apply-box {
background-color: var(--c-grey--700);
border-radius: 0;
flex-direction: column;
padding-bottom: 10vh;
display: flex;
overflow: hidden;
}
.campaign-apply-box.black {
background-color: var(--c-primary--main);
padding-bottom: 0;
}
.campaign-apply-box.under-padding {
padding-bottom: 0;
}
.campaign-apply-box.bg-trans-0 {
background-color: var(--c-grey--trans--0);
padding-bottom: 0;
}
.why-supertone-api-section {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
max-width: 1400px;
margin: 1vh auto 5vh;
padding-top: 1vh;
padding-left: 20px;
padding-right: 20px;
display: grid;
position: relative;
}
.why-supertone-api-section.padding {
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 0;
padding-top: 2vh;
padding-left: 0;
padding-right: 0;
}
.text-span-25 {
text-decoration: underline;
}
.api-section {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.api-section.padding-down {
padding-bottom: 60px;
}
.api-section.padding-down.padding-top {
margin-top: 100px;
}
.api-section.padding-down.padding-top.margin-top {
margin-top: 60px;
}
.api-section.padding-down.padding-top.margin-top.api-padding {
width: 100%;
margin-top: 0;
}
.api-section.padding-down.padding-top.margin-top.api-padding.gap {
padding-top: 80px;
}
.api-section.padding-down.bottom {
padding-bottom: 100px;
}
.api-section.padding-down.bottom:lang(ko) {
width: 100%;
padding-bottom: 40px;
}
.api-faq {
background-color: var(--c-primary--main);
height: auto;
margin-bottom: 0;
padding: 0 20px 20px;
overflow: hidden;
}
.faq-grid {
grid-row-gap: 0px;
border-top: 1px solid #6c6c6c;
grid-template-columns: 1fr;
margin-bottom: 40px;
}
.api-service-hero-section-base {
background-color: var(--c-grey--trans--0);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.api-service-hero-section-base.play, .api-service-hero-section-base.api {
height: auto;
}
.api-hero-wrapper {
z-index: 1;
margin-bottom: -80vh;
position: relative;
}
.api-hero-wrapper.content {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.api-hero-wrapper.play, .api-hero-wrapper.api {
margin-bottom: 0;
}
.api-wrapper {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.api-wrapper.bg-black {
background-color: var(--c-primary--main);
overflow: hidden;
}
.api-wrapper.black {
background-color: var(--c-primary--main);
margin-top: 0;
}
.api-wrapper.bg-black-api {
background-color: var(--c-primary--main);
overflow: hidden;
}
.api-about-section-padding {
width: 100%;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.api-about-section-padding.padding-down {
width: 100%;
padding-bottom: 60px;
}
.api-about-section-padding.padding-down.padding-top {
width: 100%;
margin-top: 100px;
padding-bottom: 20px;
}
.api-about-section-padding.padding-down.padding-top.margin-top {
margin-top: 60px;
}
.api-about-section-padding.padding-down.bottom {
padding-bottom: 100px;
}
.products-content---api {
z-index: 2;
min-height: auto;
position: relative;
}
.products-api-lists {
z-index: 1;
}
.products-api-lists.mobile-bg {
background-color: var(--c-primary--main);
}
.api-intro-section {
background-color: var(--c-grey--700);
border-radius: 0;
flex-direction: column;
padding-bottom: 10vh;
display: flex;
overflow: hidden;
}
.api-intro-section.black {
background-color: var(--c-primary--main);
padding-bottom: 0;
}
.api-intro-section.under-padding {
background-color: var(--c-grey--trans--0);
padding-bottom: 0;
}
.api-p-txt-section {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
max-width: 1400px;
margin: 1vh auto 10vh;
padding-left: 100px;
padding-right: 100px;
display: grid;
position: relative;
}
.api-p-txt-section.gap {
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.api-p-txt-section.gap.align {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-columns: 1fr .75fr .55fr;
margin-top: 0;
margin-bottom: 60px;
}
.api-heading-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
display: flex;
position: sticky;
top: 60px;
}
.api-features-wrapper {
grid-column-gap: 7px;
grid-row-gap: 7px;
background-color: var(--c-primary--blue-500);
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 50px;
display: flex;
}
.api-features-wrapper.top.bg {
aspect-ratio: 2;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1fc3_API_Play.webp");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
display: block;
}
.api-features-wrapper.top.bg.bg-shift {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1fcc_API_Shift.webp");
}
.api-features-wrapper.top.bg.bg-clear {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1fe3_API_Clear.webp");
}
.api-features-wrapper.top.bg-color {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--c-grey--trans--0);
}
.api-features-wrapper.top.bg-color.spacing {
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
}
.api-link-wrap {
text-align: right;
object-fit: fill;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: auto;
padding-top: 0;
padding-right: 60px;
display: flex;
overflow: hidden;
}
.api-link-wrap.process-link {
position: absolute;
bottom: 20px;
}
.api-link-wrap.hide {
display: none;
}
.api-link-wrap.top-padding {
padding-top: 40px;
}
.api-link-wrap.mobile {
padding-right: 0;
}
.api-inner-link-wrap {
text-align: left;
margin-right: 10px;
overflow: hidden;
}
.api-section-title-wrap {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: auto;
margin-bottom: 20px;
display: flex;
}
.api-section-title-wrap.gap {
grid-column-gap: 19px;
grid-row-gap: 19px;
}
.api-section-title-wrap.black {
background-color: var(--c-primary--main);
}
.api-section-title-wrap.padding, .api-section-title-wrap.padding.ttgap {
margin-bottom: 40px;
}
.api-section-title-wrap.padding.spacing {
grid-column-gap: 40px;
grid-row-gap: 40px;
margin-bottom: 20px;
}
.pricing-api {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.pricing-api.padding-down {
width: 100%;
padding-bottom: 60px;
padding-left: 20px;
padding-right: 20px;
}
.api-get-started-holder {
width: 100%;
height: 9%;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.api-get-started-holder.padding-down {
padding-bottom: 60px;
}
.api-get-started-holder.center {
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.get-started-section {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
max-width: 1400px;
margin: 1vh auto 5vh;
padding-top: 1vh;
padding-left: 20px;
padding-right: 20px;
display: grid;
position: relative;
}
.get-started-section.padding {
grid-template-columns: 1fr 1fr;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.api-box {
background-color: var(--c-grey--black);
cursor: pointer;
border-radius: 30px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 400px;
padding: 40px;
display: flex;
}
.api-box._2 {
background-color: var(--c-secondary--pink);
min-height: 300px;
}
.api-box._2:hover {
opacity: 1;
}
.api-box._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
min-height: 300px;
}
.api-box._3:hover {
opacity: 1;
}
.api-box._1 {
border: 1px solid var(--c-secondary--pink);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.api-box._1:hover {
opacity: 1;
}
.api-box.api-1 {
border: 1px solid var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.api-box.api-1:hover {
opacity: 1;
}
.api-box.mobile {
border: 1px solid var(--c-secondary--api-green);
background-color: var(--c-grey--trans--0);
cursor: auto;
min-height: 240px;
}
.api-voices {
width: 100%;
height: 9%;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.api-voices.padding-down {
padding-bottom: 60px;
}
.chracter-wrapper {
background-color: #f6f2e2;
border-radius: 10px;
margin-right: auto;
padding: 5px 15px;
}
.chracter-wrapper.light {
background-color: #f8a290;
}
.chracter-wrapper.dark {
background-color: #faf8f7;
}
.chracter-wrapper.white.card-partners.pink {
background-color: var(--c-secondary--pink);
}
.chracter-wrapper.white.card-partners.api-color {
background-color: var(--c-secondary--api-green);
}
.chracter-wrapper.white.card-partners.character-img-3 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1c36_Hannah.avif");
background-position: 0 0;
background-size: cover;
border-top-left-radius: 0;
width: 100%;
display: block;
}
.chracter-wrapper.white {
background-color: #f0f0f0;
border-radius: 10px 0 0;
align-items: center;
padding: 0 20px;
display: flex;
}
.chracter-wrapper.white.card-partners {
padding-top: 10px;
padding-bottom: 10px;
}
.chracter-wrapper.white.card-partners.character-img-2 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1c4a_Jiho.avif");
background-position: 0 0;
background-size: cover;
border-top-left-radius: 0;
width: 100%;
height: 87.3%;
display: block;
}
.chracter-wrapper.white.card-partners.character-img {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1c33_Miya.avif");
background-position: 0 0;
background-size: cover;
border-top-left-radius: 0;
width: 100%;
display: block;
}
.img-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
display: flex;
}
.img-wrapper.gap {
grid-column-gap: 0px;
grid-row-gap: 0px;
height: 90.7125%;
}
.name-wrapper {
grid-column-gap: 28px;
grid-row-gap: 28px;
flex-direction: column;
margin-top: 50px;
display: flex;
}
.name-wrapper.no-margin {
margin-top: 20px;
font-size: 14px;
}
.name-wrapper.no-margin.gap {
margin-top: 10px;
}
.button-voice-play {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--bg);
height: 40px;
color: var(--c-grey--600);
text-align: left;
-webkit-text-stroke-color: var(--c-grey--black);
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-voice-play:hover {
opacity: 1;
}
.button-voice-play.center, .button-voice-play.center.w--current {
justify-content: center;
align-items: center;
}
.button-voice-play.aligan {
flex-flow: wrap;
flex: 0 auto;
order: 1;
justify-content: center;
align-self: baseline;
align-items: center;
}
.button-voice-play.right {
justify-content: flex-start;
align-items: center;
}
.button-voices {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--bg);
height: 40px;
color: var(--c-grey--600);
text-align: left;
-webkit-text-stroke-color: var(--c-grey--black);
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-voices:hover {
opacity: 1;
}
.button-voices.center, .button-voices.center.w--current {
justify-content: center;
align-items: center;
}
.button-voices.aligan {
flex-flow: wrap;
flex: 0 auto;
order: 1;
justify-content: center;
align-self: baseline;
align-items: center;
}
.button-voices.right {
justify-content: flex-start;
align-items: center;
}
.play-btn {
z-index: 3;
background-color: var(--c-primary--main);
width: 16px;
height: 16px;
color: var(--c-primary--main);
-webkit-text-stroke-color: var(--c-primary--main);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
display: block;
position: relative;
}
.play-btn.nav-arrow {
display: none;
}
.button-l {
grid-column-gap: .25rem;
transform-origin: 50% 0;
color: #fbf9fc;
text-align: center;
cursor: pointer;
background-color: #282729;
border-radius: 90px;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-right: 0;
padding: 1rem;
font-weight: 400;
transition: opacity .2s;
display: flex;
box-shadow: 0 4px #161616;
}
.button-l:hover {
background-color: #8f00ff;
box-shadow: 0 4px #4d018a;
}
.button-l:active {
box-shadow: none;
transform: translate(0, .25rem);
}
.button-l.btn-tiny {
transform-origin: 50% 0;
}
.button-l.btn-tiny:active {
transform: translate(0, 4px);
box-shadow: 0 0 #161616;
}
.button-l.btn-tiny.api-play-color {
background-color: var(--c-secondary--api-green);
}
.button-l.btn-tiny.api-play-color:hover {
box-shadow: 0 4px #037f82;
}
.button-l.btn-hard {
background-color: var(--c-secondary--api-green);
}
.button-l.btn-hard:hover {
box-shadow: 0 4px #037f82;
}
.button-l.btn-beep1 {
background-color: var(--c-secondary--api-green);
}
.button-l.btn-beep1:hover {
box-shadow: 0 4px #037f82;
}
.button-l.btn-toggle {
background-color: var(--c-secondary--api-green);
transition-duration: 1s;
transition-timing-function: cubic-bezier(.906, .001, .25, 1);
}
.button-l.btn-toggle:hover {
box-shadow: 0 4px #037f82;
}
.button-l.btn-mouse:active {
box-shadow: none;
transform: translate(0, .25rem);
}
.button-l.btn-toggle-b {
transition-duration: 1s;
transition-timing-function: cubic-bezier(.906, .001, .25, 1);
}
.button-l.btn-beep2 {
background-color: var(--c-secondary--api-green);
}
.button-l.btn-beep2:hover {
box-shadow: 0 4px #037f82;
}
.button-l.btn-beep3 {
background-color: var(--c-secondary--api-green);
}
.button-l.btn-beep3:hover {
box-shadow: 0 4px #037f82;
}
.button-l.btn-a3 {
background-color: var(--c-secondary--api-green);
transition-duration: 1s;
transition-timing-function: cubic-bezier(.906, .001, .25, 1);
}
.button-l.btn-a3:hover {
box-shadow: 0 4px #037f82;
}
.button-l.btn-b1.play-bg-color.train-color {
background-color: var(--c-secondary--sky-blue);
}
.button-l.btn-c1 {
background-color: var(--c-secondary--api-green);
}
.button-l.btn-c1:hover {
box-shadow: 0 4px #037f82;
}
.button-l.btn-c2 {
background-color: var(--c-secondary--api-green);
}
.button-l.btn-c2:hover {
box-shadow: 0 4px #037f82;
}
.button-l.btn-c3 {
background-color: var(--c-secondary--api-green);
transition-duration: 1s;
transition-timing-function: cubic-bezier(.906, .001, .25, 1);
}
.button-l.btn-c3:hover {
box-shadow: 0 4px #037f82;
}
.button-l.btn-b3 {
background-color: #17e5e0;
transition-duration: 1s;
transition-timing-function: cubic-bezier(.906, .001, .25, 1);
}
.button-l.btn-b3:hover {
box-shadow: 0 4px #037f82;
}
.button-l.btn-b3.play-bg-color {
background-color: #94fb4d;
box-shadow: 0 4px #ba84f7;
}
.button-l.btn-b2 {
background-color: #17e5e0;
}
.button-l.btn-b2:hover {
box-shadow: 0 4px #037f82;
}
.button-l.btn-b2.play-bg-color {
background-color: #94fb4d;
box-shadow: 0 4px #ba84f7;
}
.button-l.btn-a1 {
background-color: #17e5e0;
}
.button-l.btn-a1:hover {
box-shadow: 0 4px #037f82;
}
.button-l.btn-a1.play-bg-color {
background-color: #94fb4d;
box-shadow: 0 4px #ba84f7;
}
.button-l.btn-b1 {
background-color: #17e5e0;
}
.button-l.btn-b1:hover {
box-shadow: 0 4px #037f82;
}
.button-l.btn-b1.play-bg-color {
background-color: #94fb4d;
box-shadow: 0 4px #ba84f7;
}
.button-l.btn-a2 {
background-color: #17e5e0;
}
.button-l.btn-a2:hover {
box-shadow: 0 4px #037f82;
}
.button-l.btn-a2.play-bg-color {
background-color: #94fb4d;
box-shadow: 0 4px #ba84f7;
}
.sound.hide {
display: none;
}
.icon-sound-on {
margin-bottom: -.25rem;
padding-bottom: 0;
position: static;
inset: 0%;
}
.icon-wrapper {
flex-direction: row;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
position: static;
}
.icon-wrapper.api-btn-gap {
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.loader-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-right: 1px solid #141314;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.loader-wrapper.is-first, .loader-wrapper.is-third, .loader-wrapper.is-second {
border-bottom: 1px solid #141314;
}
.loader-wrapper.is-fifth, .loader-wrapper.is-fifth.line-x, .loader-wrapper.is-last {
border-right-style: none;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.voice-loader-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-right: 1px solid #141314;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.voice-loader-wrapper.is-first {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border-bottom: 1px solid #141314;
}
.btn-play-box-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: space-between;
width: 100%;
height: 100%;
margin-top: 0;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.btn-play-box-wrapper.no-margin {
margin-top: 20px;
font-size: 14px;
}
.voice-card-description {
color: #686868;
}
.voice-card-description.pink {
color: var(--c-secondary--pink);
text-align: left;
font-size: 18px;
}
.voice-card-description.green {
color: #11594f;
}
.voice-card-description.beige {
color: #f6f2e2;
}
.voice-card-description.black {
color: var(--c-primary--main);
text-align: left;
font-size: 18px;
}
.voice-card-description.black.white {
color: var(--c-primary--bg);
}
.voice-card-description.api-color {
text-align: left;
}
.tips-container, .voice-play-container {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: grid;
}
.voice-play-container.padding {
padding-top: 20px;
padding-bottom: 20px;
}
.marquee-strap-shift2-0 {
margin-bottom: 100px;
padding-left: 20px;
padding-right: 20px;
display: block;
}
.marquee-strap-shift2-0.mobile {
width: 20px;
min-width: auto;
position: absolute;
left: 0;
}
.marquee-strap-shift2-0.mobile.air-padding {
margin-top: 60px;
display: block;
}
.marquee-strap-shift2-0.top-padding {
margin-top: 60px;
}
.tab-button {
color: #fff;
background-color: #fff0;
border-top: 1px solid #33353a;
margin-bottom: 0;
padding: 0;
transition: all .3s;
display: block;
}
.tab-button:hover {
background-color: #1c1d1f;
}
.tab-button.w--current {
background-color: #fff0;
}
.tab-button-progress-bar {
background-color: #47474740;
height: 3px;
}
.tab-mobile-img {
display: none;
}
.tab-button-title {
color: #fff;
justify-content: space-between;
align-items: center;
font-size: 16px;
font-weight: 500;
line-height: 28px;
display: flex;
}
.tab-button-desc-wrapper {
margin-top: 10px;
}
.tabs-content {
width: 60%;
}
.tab-button-progress {
background-color: var(--c-primary--blue-500);
width: 1%;
height: 100%;
}
.tab-button-content {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 12px;
display: grid;
}
.tab-button-content:lang(ko) {
display: block;
}
.container-15 {
width: 90%;
max-width: 1312px;
margin-left: auto;
margin-right: auto;
}
.base-1 {
font-size: 14px;
line-height: 24px;
}
.base-1.neon-yellow {
color: var(--c-grey--300);
margin-top: 10px;
font-weight: 300;
}
.base-1.neon-yellow._500 {
color: #444;
}
.base-1.shift-download-spec {
color: var(--c-grey--300);
font-weight: 300;
}
.base-1.gray {
color: #909090;
}
.base-1.gray.gap {
margin-top: 10px;
}
.base-1.gray {
color: #909090;
margin-top: 10px;
font-weight: 400;
}
.tabs-menu {
flex-direction: column;
width: 40%;
margin-right: 8%;
display: flex;
}
.tab-component {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.section-4 {
background-color: #0d0e10;
min-height: 100vh;
padding-top: 120px;
padding-bottom: 120px;
}
.container-16 {
width: 90%;
max-width: 1312px;
margin-left: auto;
margin-right: auto;
}
.ad-container {
width: 100%;
max-width: 1312px;
margin-left: auto;
margin-right: auto;
}
.ad-container---backup {
width: 100%;
max-width: 1312px;
margin-left: auto;
margin-right: auto;
display: block;
}
.business-inquiry {
background-color: var(--c-primary--main);
overflow: hidden;
}
.business-inquiry.pink, .business-inquiry.black {
background-color: var(--c-primary--main);
}
.business-inquiry-padding {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.business-inquiry-padding.padding-down {
background-color: var(--c-secondary--pink);
border-top-left-radius: 10px;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 60px;
}
.business-inquiry-padding.padding-down.padding-top {
margin-top: 100px;
}
.business-inquiry-padding.padding-down.padding-top.margin-top {
margin-top: 60px;
}
.business-inquiry-padding.padding-down.padding-top.margin-top.api-padding {
margin-top: 0;
}
.business-inquiry-padding.padding-down.bottom {
padding-bottom: 100px;
}
.business-inquiry-padding.padding-down.bottom:lang(ko) {
width: 100%;
padding-bottom: 40px;
}
.business-inquiry-padding.padding-down.gap {
padding-bottom: 40px;
}
.business-inquiry-padding.padding-down.gap._600 {
border: 1px solid var(--c-grey--500);
background-color: var(--c-grey--trans--0);
border-radius: 20px 1px 1px;
}
.pausebtn {
z-index: 3;
background-color: var(--c-primary--main);
width: 16px;
height: 16px;
color: var(--c-primary--main);
-webkit-text-stroke-color: var(--c-primary--main);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
display: block;
position: relative;
}
.pausebtn.nav-arrow {
display: none;
}
.promo-heading-clear {
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
font-weight: 400;
position: relative;
}
.promo-heading-clear.product-txt {
text-align: left;
padding-top: 10px;
font-weight: 400;
}
.promo-heading-clear.product-txt.white {
color: var(--c-primary--bg);
}
.promo-heading-clear.product-txt.white.color-grey {
color: var(--c-grey--200);
font-size: 14px;
}
.promo-heading-clear.promo-product-txt {
text-align: left;
padding-top: 10px;
font-weight: 400;
}
.promo-heading-clear.promo-product-txt.white {
color: var(--c-primary--bg);
}
.promo-heading-clear.promo-product-txt.white.color-grey {
color: var(--c-grey--200);
font-size: 14px;
}
.promo-heading-clear.promo-product-txt.promo-color.color-grey {
color: var(--c-grey--200);
font-size: 14px;
}
.promo-heading-clear.promo-product-txt.promo-color.tt.padding {
padding-top: 0;
}
.promo-heading-clear.promo-product-txt.promo-color.tt.sale-color {
color: var(--c-secondary--mint-green);
}
.promo-heading-clear.promo-product-txt.promo-color.padding {
padding-top: 50px;
}
.promo-heading-clear.promo-product-txt.promo-color {
color: #f0f0f0;
}
.promo-heading-clear.promo-product-txt.promo-color.tt {
color: #f2fb41;
display: none;
}
.promo-heading-air {
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
font-weight: 400;
position: relative;
}
.promo-heading-air.product-txt {
text-align: left;
padding-top: 10px;
font-weight: 400;
}
.promo-heading-air.product-txt.white {
color: var(--c-primary--bg);
}
.promo-heading-air.product-txt.white.color-grey {
color: var(--c-grey--200);
font-size: 14px;
}
.promo-heading-air.promo-product-txt {
text-align: left;
padding-top: 10px;
font-weight: 400;
}
.promo-heading-air.promo-product-txt.white {
color: var(--c-primary--bg);
}
.promo-heading-air.promo-product-txt.white.color-grey {
color: var(--c-grey--200);
font-size: 14px;
}
.promo-heading-air.promo-product-txt.promo-color.color-grey {
color: var(--c-grey--200);
font-size: 14px;
}
.promo-heading-air.promo-product-txt.promo-color.tt.padding {
padding-top: 0;
}
.promo-heading-air.promo-product-txt.promo-color.padding {
padding-top: 50px;
}
.promo-heading-air.promo-product-txt.promo-color {
color: #f0f0f0;
}
.promo-heading-air.promo-product-txt.promo-color.tt {
color: #f2fb41;
}
.promo-heading-air.promo-product-txt.promo-color.tt.sale-color {
color: #64ffbc;
display: none;
}
.btn-promo {
background-color: #f6f2e2;
border-radius: 10px;
margin-right: auto;
padding: 5px 15px;
}
.btn-promo.light {
background-color: #f8a290;
}
.btn-promo.dark {
background-color: #faf8f7;
}
.btn-promo.white {
border: 2px solid var(--c-primary--blue-500);
background-color: var(--c-grey--trans--0);
border-radius: 0;
align-items: center;
padding: 5px 10px;
display: flex;
}
.btn-promo.white.card-partners {
padding-top: 10px;
padding-bottom: 10px;
}
.btn-promo.white.card-partners.pink {
background-color: var(--c-secondary--pink);
}
.btn-promo.white.padding {
flex-flow: row;
width: auto;
max-width: 106px;
margin-top: 0;
margin-bottom: 10px;
margin-right: 0;
display: block;
position: static;
}
.btn-promo.white.sale-color {
border-color: var(--c-secondary--orange);
}
.btn-promo.white.sale-color.sale-color-2 {
background-color: var(--c-secondary--mint-green);
border-style: none;
display: none;
}
.ad-container---backup---3 {
width: 100%;
max-width: 1312px;
margin-left: auto;
margin-right: auto;
display: block;
}
.ad-container---shift {
width: 100%;
max-width: 1312px;
height: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.link-block, .link-block-2 {
cursor: pointer;
}
.ad-container---play, .ad-container---plugin {
width: 100%;
max-width: 1312px;
margin-left: auto;
margin-right: auto;
}
.hero-holder-service-c {
background-color: var(--c-grey--trans--0);
width: 100%;
margin-bottom: 0;
padding: 0 20px 20px;
display: none;
}
.hero-holder-service-c.product-page, .hero-holder-service-c.tts-contents-challenge {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.hero-holder-service-c.tts-contents-challenge.mobile.main {
margin-top: 80px;
}
.hero-holder-service-c.voice-partners {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.hero-holder-service-c.voice-partners.mobile {
border-top-left-radius: 20px;
height: 300px;
margin-top: 50px;
padding-left: 20px;
padding-right: 20px;
}
.hero-holder-service-c.voice-partners.mobile.main {
margin-top: 80px;
}
.hero-holder-service-c.api-m {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.hero-holder-service-c.api-m.mobile {
border-top-left-radius: 20px;
height: 300px;
margin-top: 50px;
padding-left: 20px;
padding-right: 20px;
}
.hero-holder-service-c.api-m.mobile.main {
margin-top: 80px;
}
.banner-title-api {
z-index: 1;
border: 0px none var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
border-radius: 10px 0 0;
margin-right: auto;
padding: 0 15px 0 0;
display: block;
position: relative;
}
.banner-title-api.light {
background-color: #f8a290;
}
.banner-title-api.dark {
background-color: #faf8f7;
}
.banner-title-api.white {
background-color: var(--c-primary--bg);
border-radius: 10px 0 0;
align-items: center;
padding: 0 20px;
display: flex;
}
.banner-title-api.white.card-partners {
padding-top: 10px;
padding-bottom: 10px;
}
.banner-title-api.mobile {
padding-right: 0;
}
.img-container-api {
border-top-left-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
overflow: hidden;
}
.banner-container-api {
background-color: var(--c-primary--main);
cursor: pointer;
border-radius: 20px 0 0;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 0;
padding: 20px 30px;
display: flex;
position: static;
}
.banner-container-api._2 {
background-color: var(--c-secondary--pink);
}
.banner-container-api._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
}
.banner-container-api._1 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1aba_Shift_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-container-api._1:hover {
opacity: 1;
}
.banner-container-api.p {
background-color: var(--c-secondary--sky-blue);
border-radius: 20px 0 0;
}
.banner-container-api.c {
background-color: var(--play-secondary-color--green);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.banner-container-api._2 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1ac0_Play_H_v02-5%203.gif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-container-api._2:hover {
opacity: 1;
}
.banner-container-api._3 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1abf_Clear_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-container-api._3:hover {
opacity: 1;
}
.text---slogan {
color: var(--c-primary--main);
text-align: left;
font-family: Bdogrotesk;
font-size: 30px;
font-weight: 400;
line-height: 1.2;
}
.text---slogan.style-titles {
margin-bottom: 30px;
}
.text---slogan.menu-large-text {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.text---slogan.services-h1 {
margin-bottom: 10px;
font-family: Bdogrotesk;
font-size: 30px;
font-weight: 400;
}
.text---slogan.services-intro-hero {
width: 75%;
margin-bottom: 10px;
font-size: 30px;
font-weight: 300;
}
.text---slogan.services-intro-hero.price-text {
font-size: 50px;
}
.text---slogan.services-intro-hero.price-text.white {
color: var(--c-primary--bg);
font-weight: 400;
}
.text---slogan.services-intro-hero.price-text.white.gap {
margin-bottom: 0;
}
.text---slogan.services-intro-hero.price-text.white.gap.api-color {
color: var(--c-secondary--api-green);
}
.text---slogan.looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.text---slogan.testimonial-heading {
margin-bottom: 10px;
}
.text---slogan.text-brand-description.white {
color: var(--c-primary--bg);
}
.text---slogan.about-testimonial {
width: 100%;
max-width: none;
margin-bottom: 0;
margin-left: 0;
position: relative;
}
.text---slogan.awards-looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.text---slogan.contact-heading {
margin-bottom: 10px;
}
.text---large-copy {
color: var(--c-primary--main);
text-align: left;
font-family: Bdogrotesk;
font-size: 30px;
font-weight: 400;
line-height: 1.2;
}
.text---large-copy.style-titles {
margin-bottom: 30px;
}
.text---large-copy.menu-large-text {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.text---large-copy.services-h1 {
margin-bottom: 10px;
font-family: Bdogrotesk;
font-size: 30px;
font-weight: 400;
}
.text---large-copy.services-intro-hero {
width: 75%;
margin-bottom: 10px;
font-size: 30px;
font-weight: 300;
}
.text---large-copy.services-intro-hero.price-text {
font-size: 50px;
}
.text---large-copy.services-intro-hero.price-text.white {
color: var(--c-primary--bg);
font-weight: 400;
}
.text---large-copy.services-intro-hero.price-text.white.gap {
margin-bottom: 0;
}
.text---large-copy.services-intro-hero.price-text.white.gap.api-color {
color: var(--c-secondary--api-green);
}
.text---large-copy.looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.text---large-copy.testimonial-heading {
margin-bottom: 10px;
}
.text---large-copy.text-brand-description.white {
color: var(--c-primary--bg);
}
.text---large-copy.about-testimonial {
width: 100%;
max-width: none;
margin-bottom: 0;
margin-left: 0;
position: relative;
}
.text---large-copy.awards-looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.text---large-copy.contact-heading {
margin-bottom: 10px;
}
.text---large-copy.blue500 {
color: var(--c-primary--blue-500);
font-family: Manrope, sans-serif;
font-size: 24px;
font-weight: 300;
}
.text---large-copy.blue500.satoshi {
font-family: Satoshi Variable;
}
.business-inquiry-bnr {
background-color: var(--c-grey--trans--0);
width: 100%;
margin-bottom: 0;
padding: 0 20px 20px;
display: none;
}
.business-inquiry-bnr.product-page, .business-inquiry-bnr.tts-contents-challenge {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.business-inquiry-bnr.tts-contents-challenge.mobile.main {
margin-top: 80px;
}
.business-inquiry-bnr.business-inquiry-bnr-setup {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.business-inquiry-bnr.business-inquiry-bnr-setup.mobile.main {
width: auto;
height: auto;
min-height: auto;
margin-top: 40px;
}
.banner-container-bi {
background-color: var(--c-grey--700);
cursor: pointer;
border-radius: 30px 0 0;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 0;
padding: 20px 40px;
display: flex;
position: static;
}
.banner-container-bi._2 {
background-color: var(--c-secondary--pink);
}
.banner-container-bi._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
}
.banner-container-bi._1 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1aba_Shift_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-container-bi._1:hover {
opacity: 1;
}
.banner-container-bi.p {
background-color: var(--c-secondary--sky-blue);
border-radius: 20px 0 0;
}
.banner-container-bi.c {
background-color: var(--play-secondary-color--green);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.banner-container-bi._2 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1ac0_Play_H_v02-5%203.gif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-container-bi._2:hover {
opacity: 1;
}
.banner-container-bi._3 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1abf_Clear_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-container-bi._3:hover {
opacity: 1;
}
.play-voices {
width: 100%;
height: 9%;
padding-top: 100px;
padding-left: 20px;
padding-right: 20px;
}
.play-voices.padding-down {
padding-bottom: 60px;
}
.play-voices.test-padding {
padding-top: 220px;
}
.play-section-title-wrap {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: auto;
margin-bottom: 20px;
display: flex;
}
.play-section-title-wrap.gap {
grid-column-gap: 19px;
grid-row-gap: 19px;
}
.play-section-title-wrap.black {
background-color: var(--c-primary--main);
}
.play-section-title-wrap.padding {
margin-bottom: 60px;
}
.play-section-title-wrap.padding.ttgap {
margin-bottom: 20px;
}
.play-section-title-wrap.padding.spacing {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-column-gap: 5px;
grid-row-gap: 5px;
margin-bottom: 20px;
}
.business-inquiry-banner {
margin-bottom: 100px;
padding-left: 20px;
padding-right: 20px;
display: block;
}
.business-inquiry-banner.mobile {
margin-top: 0;
margin-bottom: 60px;
overflow: visible;
}
.business-inquiry-banner.mobile:lang(ja) {
margin-top: auto;
padding-top: 0;
}
.play-voice-demo {
background-color: var(--c-grey--700);
border-radius: 0;
flex-direction: column;
padding-bottom: 10vh;
display: flex;
overflow: hidden;
}
.play-voice-demo.black {
background-color: var(--c-primary--main);
padding-bottom: 0;
}
.play-voice-demo.under-padding {
padding-bottom: 0;
}
.play-voice-demo.bg-trans-0 {
background-color: var(--c-grey--trans--0);
padding-bottom: 0;
}
.button-8 {
background-color: var(--c-grey--trans--0);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1b1e_X_logo_2023_original.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
width: 30px;
height: 40px;
}
.contents-hero-holder-tt---promotion {
background-color: var(--c-primary--main);
margin-bottom: 0;
padding: 80px 20px 0;
}
.contents-hero-holder-tt---promotion.padding {
padding-bottom: 40px;
}
.contents-hero-holder-tt---promotion.padding.ad-padding {
margin-bottom: 60px;
}
.contents-hero-holder-tt---promotion.play-padding {
margin-bottom: 0;
}
.contents-hero-holder-tt---promotion.play-padding.headtt-padding {
margin-bottom: 100px;
padding-top: 0;
display: block;
}
.pricing-play-obt---protmotion {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.pricing-play-obt---protmotion.padding-down {
width: 100%;
padding-bottom: 60px;
padding-left: 20px;
padding-right: 20px;
display: block;
}
.text-span-26 {
color: var(--c-grey--300);
text-decoration: line-through;
}
.text-span-27, .text-span-27:lang(ko) {
color: var(--c-grey--300);
}
.text-span-28, .text-span-29 {
text-decoration: line-through;
}
.promotion-text-block {
border: 1px solid var(--c-secondary--orange);
background-color: var(--c-grey--trans--0);
border-top-left-radius: 10px;
width: 50%;
margin-top: 40px;
}
.btn-tag {
z-index: 1;
border: 1px solid var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
border-radius: 10px 0 0;
margin-right: auto;
padding: 5px 15px;
position: relative;
}
.btn-tag.light {
background-color: #f8a290;
}
.btn-tag.dark {
background-color: #faf8f7;
}
.btn-tag.white {
background-color: var(--c-primary--bg);
border-radius: 10px 0 0;
align-items: center;
padding: 0 20px;
display: flex;
}
.btn-tag.white.card-partners {
padding-top: 10px;
padding-bottom: 10px;
}
.btn-tag.white-border {
border-style: none;
}
.btn-tag.btn-tag-color {
border-style: solid;
border-color: var(--c-grey--white);
padding-left: 10px;
padding-right: 10px;
}
.btn-tag.btn-tag-color.spacing {
margin-bottom: 10px;
}
.btn-tt-text {
color: var(--c-secondary--yellow);
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
}
.btn-tt-text.large {
font-size: 24px;
line-height: 1;
}
.btn-tt-text.promotion-font {
color: var(--c-primary--bg);
font-family: Bdogrotesk;
font-size: 22px;
}
.btn-tt-text.voice-partners {
color: var(--c-primary--main);
font-size: 40px;
}
.btn-tt-text.btn-tt-color {
color: var(--c-primary--bg);
font-family: Bdogrotesk;
font-size: 14px;
}
.play-main-graphic-obt {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 0;
margin-bottom: 0;
text-decoration: none;
display: none;
position: relative;
overflow: visible;
}
.text-m---head-product---title {
color: var(--c-grey--300);
text-align: left;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
font-size: 54px;
font-weight: 400;
line-height: 1.2;
}
.text-m---head-product---title.style-titles {
margin-bottom: 30px;
}
.text-m---head-product---title.menu-large-text {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.text-m---head-product---title.services-h1 {
margin-bottom: 40px;
font-family: Supertone Serif, sans-serif;
font-size: 30px;
font-weight: 300;
}
.text-m---head-product---title.services-intro-hero {
width: 75%;
margin-bottom: 40px;
font-size: 30px;
font-weight: 400;
}
.text-m---head-product---title.looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.text-m---head-product---title.testimonial-heading {
margin-bottom: 10px;
}
.text-m---head-product---title.about-testimonial {
width: 100%;
max-width: none;
margin-bottom: 0;
margin-left: 0;
position: relative;
}
.text-m---head-product---title.awards-looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.text-m---head-product---title.contact-heading {
margin-bottom: 10px;
}
.text-m---head-product---title.product-title {
font-size: 40px;
}
.text-m---head-product---title.medium {
font-size: 34px;
}
.text-m---head-product---title.medium.red {
color: var(--c-secondary--orange);
}
.text-m---head-product---title.medium.small.blue {
color: var(--c-primary--blue-500);
}
.text-m---head-product---title.pink {
color: var(--c-secondary--pink);
padding-bottom: 10px;
}
.text-m---head-product---title.play-color {
color: var(--play-secondary-color--green);
}
.text-m---head-product---title.play-color.gap {
padding-bottom: 0;
}
.text-m---head-product---title.play-color.gap.play-official {
color: var(--c-primary--blue-500);
}
.text-m---head-product---title.play-color.gap.play-official.bg-color {
color: var(--c-grey--300);
font-family: Manrope, sans-serif;
font-size: 60px;
}
.text-m---head-product---title.play-color.gap.play-official.bg-color.mobile {
font-size: 54px;
}
.text-m---head-product---title.play-color.gap.play-official.bg-color.mobile.satoshi {
font-family: Satoshi Variable;
position: static;
}
.text-m---head-product---title.clear-color {
color: var(--c-secondary--mint-green);
}
.text-m---head-product---title.txt-size {
color: var(--play-secondary-color--green);
font-size: 38px;
}
.text-m---head-product---title.txt-size.clear-color, .text-m---head-product---title.air-color {
color: var(--c-secondary--mint-green);
}
.text-m---head-product---title.air-color.mobile-padding, .text-m---head-product---title.green {
color: var(--play-secondary-color--green);
}
.text-m---head-product---title.api-color {
color: var(--c-secondary--api-green);
-webkit-text-stroke-color: var(--c-grey--white);
}
.heading-3-m {
color: var(--c-primary--bg);
padding-top: 40px;
padding-bottom: 0;
}
.heading-3-m.grey.top-padding {
padding-top: 0;
}
.heading-3-m.grey.top-padding.small {
padding-left: 50px;
font-size: 12px;
}
.heading-3-m.grey.top-padding.small.dark {
margin-bottom: 20px;
}
.heading-3-m.padding-top-20px {
padding-top: 20px;
}
.heading-3-m.padding-top-20px.pink {
color: var(--c-secondary--pink);
}
.heading-3-m.padding-top-20px.play-color {
color: var(--play-secondary-color--green);
padding-top: 0;
}
.heading-3-m.padding-top-20px.api-color {
color: var(--c-secondary--api-green);
}
.heading-3-m.padding-top-20px.sup-color {
color: var(--c-primary--blue-500);
padding-top: 0;
}
.heading-3-m.padding-top-20px.bg-color {
color: var(--c-primary--bg);
padding-top: 0;
font-family: Manrope, sans-serif;
font-size: 18px;
}
.heading-3-m.padding-top-20px.bg-color.satoshi {
font-family: Satoshi Variable;
}
.heading-3-m.mobile {
padding-top: 0;
}
.heading-3-m.mobile.clear-color {
color: var(--c-secondary--mint-green);
}
.heading-3-m.mobile.air-color {
color: var(--play-secondary-color--green);
}
.heading-3-m.padding-top-0.green {
color: var(--play-secondary-color--green);
padding-top: 20px;
}
.btn-tt-text-m {
color: var(--c-secondary--yellow);
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
}
.btn-tt-text-m.large {
font-size: 24px;
line-height: 1;
}
.btn-tt-text-m.promotion-font {
color: var(--c-primary--bg);
font-family: Bdogrotesk;
font-size: 22px;
}
.btn-tt-text-m.voice-partners {
color: var(--c-primary--main);
font-size: 40px;
}
.btn-tt-text-m.btn-tt-color {
color: var(--c-primary--bg);
font-family: Manrope, sans-serif;
font-size: 14px;
}
.btn-tt-text-m.btn-tt-color.satoshi {
font-family: Satoshi Variable;
}
.heading-2-m {
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
font-weight: 400;
position: relative;
}
.heading-2-m.product-txt {
text-align: left;
padding-top: 10px;
font-weight: 400;
}
.heading-2-m.product-txt.white {
color: var(--c-primary--bg);
}
.heading-2-m.product-txt.white.color-grey {
color: var(--c-grey--200);
font-size: 14px;
}
.heading-2-m.product-txt.white.color-grey.light {
color: var(--c-primary--blue-500);
letter-spacing: normal;
font-size: 19px;
font-weight: 400;
}
.heading-2-m.product-txt.white.color-grey.light.green {
color: var(--play-secondary-color--green);
}
.heading-2-m.product-txt.white.color-grey.light.green:lang(ko) {
font-weight: 600;
}
.heading-2-m.product-txt.white.color-grey.light.green.api-customer-support-align {
align-self: center;
padding-top: 0;
}
.heading-2-m.product-txt.white.color-grey.light.green.api-customer-support-align.api-color {
color: var(--c-secondary--api-green);
}
.heading-2-m.product-txt.white.color-grey.light.padding {
padding-top: 0;
}
.heading-2-m.product-txt.white.color-grey.light.padding.grey-grey {
color: var(--c-grey--400);
}
.heading-2-m.product-txt.white.off {
color: var(--c-grey--300);
font-size: 30px;
font-weight: 400;
}
.heading-2-m.product-txt.white.off.non {
display: none;
}
.heading-2-m.product-txt.white.light {
font-weight: 400;
}
.heading-2-m.product-txt.white.light.api-color {
color: var(--c-secondary--api-green);
}
.heading-2-m.product-txt.white.gap {
margin-top: 60px;
}
.heading-2-m.product-txt.pink {
color: var(--c-secondary--pink);
}
.heading-2-m.tt {
color: var(--c-primary--bg);
margin-bottom: 20px;
font-size: 24px;
}
.heading-2-m.tt.api-color {
color: var(--c-secondary--api-green);
}
.heading-2-m.sub-c-txt.satoshi {
font-family: Satoshi Variable;
}
.heading-2-m.sub-c-txt {
color: #909090;
font-family: Manrope, sans-serif;
font-size: 14px;
font-weight: 300;
}
.heading-2-m.sub-c-txt.color {
color: #909090;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.heading-2-m.sub-c-txt.color.euclid {
color: var(--c-grey--300);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.heading-2-m.sub-c-txt.color.euclid:lang(ko) {
font-weight: 400;
}
.heading-2-m.sub-c-txt {
color: #909090;
font-family: Manrope, sans-serif;
font-size: 14px;
font-weight: 300;
}
.heading-2-m.sub-c-txt.color {
color: #909090;
}
.button-base-container-play-download {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 10px;
display: flex;
}
.button-base-container-play-download.gap {
padding-top: 40px;
}
.button-base-container-play-download.gap.bottom-margin {
padding-bottom: 40px;
}
.button-base-container-play-download.gap.bottom-margin.superdub {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
padding-top: 0;
padding-bottom: 0;
}
.button-base-container-play-download.gap.bottom-margin-copy {
padding-bottom: 40px;
}
.button-base-container-play-download.gap.api-setting {
justify-content: flex-end;
align-items: flex-end;
}
.button-base-container-play-download.gap.api-setting.gap {
padding-top: 10px;
}
.play-graphic-k-txt, .play-graphic-j-txt {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: none;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
max-width: none;
height: 100%;
text-decoration: none;
display: block;
position: absolute;
inset: 0%;
overflow: visible;
}
.text-span-30 {
font-size: 20px;
}
.image-10 {
width: 50px;
height: 50px;
display: block;
}
.play-sub-color {
color: var(--c-secondary--play-sub);
}
.play-sub-color.lighter {
color: var(--c-secondary--light-purple);
}
.play-go-body {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.play-go-body.bg-black {
background-color: var(--c-primary--main);
margin-top: 140px;
overflow: hidden;
}
.play-go-body.bg-black.padding {
background-color: var(--c-grey--trans--0);
margin-top: 0;
margin-bottom: 40px;
}
.play-go-body.bg-black.padding.mobile {
margin-top: 100px;
}
.play-go-body.black {
background-color: var(--c-primary--main);
margin-top: 0;
}
.play-go-body-tt {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.play-go-body-tt.padding-down.padding-top.margin-top {
margin-top: 60px;
}
.play-go-body-tt.padding-down.bottom {
padding-bottom: 100px;
}
.play-go-body-tt.padding-down {
padding-bottom: 60px;
}
.play-go-body-tt.padding-down.padding-top {
width: 100%;
margin-top: 0;
padding-top: 0;
padding-bottom: 20px;
}
.play-go-body-tt.padding-down.padding-top.padding-x {
padding-bottom: 0;
}
.sns-link-copy {
padding-top: 60px;
display: flex;
}
.div-block-16 {
grid-column-gap: 56px;
grid-row-gap: 56px;
display: flex;
}
.sub-txt-block {
grid-column-gap: 75px;
grid-row-gap: 75px;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
display: flex;
}
.button---sub-base-container {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-end;
width: auto;
margin-top: 0;
padding-top: 0;
padding-bottom: 10px;
display: flex;
}
.button---sub-base-container.gap {
padding-top: 40px;
}
.button---sub-base-container.gap.bottom-margin, .button---sub-base-container.gap.bottom-margin-copy {
padding-bottom: 40px;
}
.button---sub-base-container.gap.api-setting {
justify-content: flex-end;
align-items: flex-end;
}
.button---sub-base-container.gap.api-setting.gap {
padding-top: 10px;
}
.button---sub-base-container.test {
display: none;
}
.button---sub-base {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--bg);
height: 40px;
color: var(--c-grey--600);
text-align: left;
-webkit-text-stroke-color: var(--c-grey--black);
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button---sub-base:hover {
opacity: 1;
}
.button---sub-base.center, .button---sub-base.center.w--current {
justify-content: center;
align-items: center;
}
.button---sub-base.aligan {
flex-flow: wrap;
flex: 0 auto;
order: 1;
justify-content: center;
align-self: baseline;
align-items: center;
}
.button---sub-base.aligan.play-btn-color {
background-color: var(--play-secondary-color--green);
}
.button---sub-base.right {
justify-content: flex-start;
align-items: center;
}
.button---sub-base.play-btn-color {
background-color: var(--c-grey--trans--0);
}
.button---sub-base-mask {
z-index: 2;
background-color: var(--c-primary--blue-500);
color: var(--c-primary--main);
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button---sub-base-mask:lang(ko) {
background-color: var(--c-primary--blue-500);
}
.button---sub-base-mask.play-btn-color, .button---sub-base-mask.shift-btn-color {
background-color: var(--c-secondary--play-sub);
display: block;
}
.button---sub-base-mask.shift-btn-color.orange {
background-color: var(--c-secondary--orange);
}
.button---sub-base-mask.shift-btn-color {
background-color: var(--c-secondary--play-sub);
display: block;
}
.button---sub-base-mask.shift {
background-color: var(--c-primary--bg);
}
.button---sub-base-mask.bg-white {
background-color: var(--c-grey--trans--0);
}
.button---sub-base-mask.bg-white.wide {
height: 60px;
}
.button---sub-base-mask.shift-green {
background-color: var(--c-secondary--lime-green);
}
.tt-sub-txt {
flex-flow: row;
display: flex;
position: static;
overflow: visible;
}
.image-ptl {
width: 22px;
height: 22px;
display: block;
}
.image-ptl.vc-size {
width: 24px;
height: 24px;
}
.tt-sub-txt-block {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 70%;
display: flex;
}
.tt-sub-block {
grid-column-gap: 57px;
grid-row-gap: 57px;
display: flex;
}
.ptl-img {
width: 50%;
}
.ptl-img._100 {
width: 100%;
}
.play-tt-sub {
width: 100%;
height: 9%;
padding: 20px;
}
.play-tt-sub.padding-down {
padding-bottom: 60px;
}
.button---main-base {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--bg);
height: 40px;
color: var(--c-grey--600);
text-align: left;
-webkit-text-stroke-color: var(--c-grey--black);
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button---main-base:hover {
opacity: 1;
}
.button---main-base.center, .button---main-base.center.w--current {
justify-content: center;
align-items: center;
}
.button---main-base.aligan {
flex-flow: wrap;
flex: 0 auto;
order: 1;
justify-content: center;
align-self: baseline;
align-items: center;
}
.button---main-base.aligan.play-btn-color {
background-color: var(--play-secondary-color--green);
}
.button---main-base.right {
justify-content: flex-start;
align-items: center;
}
.button---main-base.play-btn-color {
background-color: var(--play-secondary-color--green);
padding-left: 20px;
padding-right: 20px;
}
.button---main-base.play-btn-color {
background-color: var(--play-secondary-color--green);
}
.button---main-base.play-btn-color.wide-100 {
justify-content: center;
align-items: center;
width: 100%;
}
.button---main-base.shift-btn-color {
background-color: var(--play-secondary-color--green);
}
.button---main-base.shift-btn-color.wide-100 {
background-color: var(--c-primary--bg);
justify-content: center;
align-items: center;
width: 100%;
}
.button---main-base.shift-btn-color.wide-100.bg {
background-color: var(--c-primary--bg);
}
.button---main-base.shift-btn-color {
background-color: var(--play-secondary-color--green);
justify-content: center;
align-items: center;
width: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.button---main-base.shift-btn-color.wide-100 {
justify-content: center;
align-items: center;
width: 100%;
}
.button---main-base.play-btn-color-copy {
background-color: var(--play-secondary-color--green);
padding-left: 20px;
padding-right: 20px;
}
.button---main-base.play-btn-color-copy.wide-100 {
justify-content: center;
align-items: center;
width: 100%;
}
.button---main-base.shift {
background-color: var(--c-primary--bg);
justify-content: center;
align-items: center;
width: 100%;
}
.button---main-base.shift.auto-width {
width: auto;
}
.button---main-base.shift.orange {
background-color: var(--c-secondary--orange);
}
.button---main-base.shift.wide {
justify-content: center;
align-items: center;
width: 100%;
height: 60px;
margin: 0 20px 20px;
padding-top: 0;
padding-left: 20px;
display: flex;
}
.button---main-base.bg-color {
justify-content: center;
align-items: center;
width: 100%;
}
.button---main-base.shift-green {
background-color: var(--c-secondary--lime-green);
justify-content: center;
align-items: center;
width: 100%;
}
.button-txt-base {
z-index: 3;
color: var(--c-primary--main);
font-family: Manrope, sans-serif;
font-weight: 500;
position: relative;
}
.button-txt-base.play-go-try-btn {
font-size: 26px;
}
.button-txt-base.pricing-txt {
font-size: 16px;
}
.button-txt-base.white {
color: var(--c-primary--bg);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
}
.voice-cloning {
background-color: var(--c-secondary--play-sub);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 100%;
height: 9%;
padding: 60px 20px;
}
.voice-cloning.padding-down {
padding-bottom: 60px;
}
.voice-cloning.test-padding {
padding-top: 220px;
}
.txt-sub-box {
background-color: var(--c-primary--bg);
height: auto;
padding-left: 5px;
padding-right: 5px;
font-size: 14px;
}
.play-vc-demo {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
max-width: none;
margin: 1vh auto 5vh;
padding-top: 1vh;
padding-left: 20px;
padding-right: 20px;
display: grid;
position: relative;
}
.play-vc-demo.padding {
grid-column-gap: 68px;
grid-row-gap: 68px;
grid-template-columns: 1fr 1fr;
max-width: none;
padding-left: 0;
padding-right: 0;
}
.vc-demo-container {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: grid;
}
.vc-demo-container.padding {
padding-top: 20px;
padding-bottom: 20px;
}
.vc-demo-container.padding.mobile {
grid-template-columns: 1fr 1fr;
}
.play-ptl-section {
background-color: var(--c-grey--trans--0);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.play-ptl-section.play {
height: auto;
margin-top: 100px;
padding-left: 0;
}
.div-block-17 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
display: grid;
}
.vc-demo---txt-box {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .75fr .5fr;
grid-auto-columns: 1fr;
display: grid;
}
.highlighted-text---sky-blue {
background-color: var(--c-secondary--sky-blue);
color: var(--c-primary--main);
white-space: nowrap;
border-radius: 10px;
margin-left: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 19px;
}
.vc-demo-tt {
color: var(--c-primary--bg);
margin-top: 10px;
margin-bottom: 20px;
font-family: Manrope, sans-serif;
font-size: 30px;
font-weight: 400;
}
.vc-demo-tt:lang(ko) {
font-weight: 400;
}
.highlighted-text---green {
background-color: var(--play-secondary-color--green);
color: var(--c-primary--main);
white-space: nowrap;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1bba_Play_BTN_Btype_Green.svg");
background-position: 0 0;
background-size: auto;
border-radius: 10px;
margin-left: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 19px;
}
.circle-btn-text {
z-index: 3;
color: var(--c-primary--main);
text-align: center;
text-transform: uppercase;
font-family: Manrope, sans-serif;
font-size: 22px;
font-weight: 500;
position: relative;
}
.circle-btn-text:hover {
color: var(--play-secondary-color--green);
}
.div-block-18 {
grid-column-gap: 75px;
grid-row-gap: 75px;
justify-content: flex-start;
align-self: flex-start;
align-items: center;
display: flex;
}
.add-info-section {
cursor: pointer;
border-bottom: 1px solid #11594f;
grid-template-rows: auto;
grid-template-columns: .75fr .25fr 1fr;
padding-top: 20px;
padding-bottom: 20px;
display: none;
overflow: hidden;
}
.add-info-sec {
grid-template-rows: auto;
margin-top: 10vh;
}
.add-info-tt {
font-size: 18px;
line-height: 1;
}
.add-info-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.add-info-subheading {
width: 50%;
}
.add-info-div {
cursor: pointer;
background-color: #e9eee2;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
height: 250px;
padding: 20px;
display: flex;
position: relative;
}
.add-info-lower-info {
justify-content: space-between;
display: flex;
}
.add-info-header {
display: none;
}
.add-info-link {
color: #ff6242;
font-size: 18px;
}
.add-info-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--blue-500);
cursor: auto;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 20px;
display: flex;
position: absolute;
inset: 0%;
}
.add-info-square {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1977_x%20(2).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 25px;
height: 25px;
}
.add-info-text {
color: #f6f2e2;
}
.add-info-text.gray {
color: #c2c2c2;
}
.table__title {
display: none;
}
.collection-item {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
padding: 30px;
display: flex;
}
.pricing__table-wrapper {
border: 1px #fff;
justify-content: space-around;
display: flex;
}
.pricing__collection-list {
flex: 1;
justify-content: space-between;
display: flex;
}
.c-pricing {
flex: 1;
margin-left: 2%;
margin-right: 2%;
position: relative;
}
.collection__lists-rows {
padding-top: 0;
padding-bottom: 0;
}
.space__40px {
display: none;
}
.section-5 {
background-color: #0000;
justify-content: space-around;
align-items: stretch;
height: auto;
max-height: none;
margin-top: 0;
padding-top: 2%;
padding-bottom: 2%;
display: flex;
position: relative;
}
.pricing__table-header {
z-index: 2;
background-color: #000;
border-bottom: 1px solid #fff;
justify-content: flex-start;
display: block;
position: sticky;
inset: 7% 0% auto;
}
.pricing-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1.25fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center;
padding-top: 40px;
padding-bottom: 40px;
display: grid;
}
.pricing-grid {
grid-column-gap: 18px;
grid-row-gap: 34px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-items: center;
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
.pricing-grid.mobile, .pricing-grid.mobile--shift {
grid-template-rows: auto;
}
.pricing-feature-section {
background-color: var(--c-grey--trans--0);
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.pricing-txt-body-block.transparent {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.pricing-txt-body-block.bottom-padidng {
padding-top: 20px;
padding-bottom: 40px;
}
.pricing-txt-body-block.bottom-padidng:lang(ko), .pricing-txt-body-block.bottom-padidng:lang(ja) {
display: none;
}
.pricing-txt-body-block.bottom-padidng.paddding {
padding-top: 60px;
}
.pricing-feature-tt {
color: var(--c-grey--300);
font-size: 12px;
}
.pricing-feature-tt.txt-height {
padding-bottom: 4px;
line-height: 1;
}
.pricing-feature-description {
font-size: 15px;
}
.pricing-feature-description.txt-height {
font-size: 15px;
line-height: 1;
}
.pricing-feature-description.txt-height.wht-txt.campaign-color {
color: var(--play-secondary-color--green);
}
.pricing-feature-description.txt-height.wht-txt {
color: #c2c2c2;
font-family: Manrope, sans-serif;
}
.pricing-feature-description.txt-height.wht-txt.thin {
font-weight: 300;
}
.pricing-feature-description.txt-height.wht-txt.green {
color: var(--play-secondary-color--green);
}
.pricing-feature-description.txt-height.wht-txt.green:lang(ja) {
font-size: 12px;
}
.pricing-feature-description.txt-height.wht-txt {
color: #c2c2c2;
}
.pricing-feature-description.txt-height.wht-txt:lang(ko) {
line-height: 1.1;
}
.pricing-feature-description.wht-txt.campaign-color {
color: var(--play-secondary-color--green);
}
.pricing-feature-description.wht-txt {
color: #c2c2c2;
font-family: Manrope, sans-serif;
}
.pricing-feature-description.wht-txt.play-color {
color: #94fb4d;
font-weight: 300;
text-decoration: underline;
}
.pricing-feature-description.wht-txt {
color: #c2c2c2;
}
.pricing-feature-description.wht-txt:lang(ko) {
font-weight: 400;
}
.pricing-txt-body {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
padding-left: 0;
display: flex;
}
.pricing-txt-body.enterprise {
min-height: 250px;
padding-left: 0;
}
.pricing-txt-body.minimum-height {
min-height: auto;
}
.text-span-31 {
font-size: 12px;
}
.text-span-32 {
font-size: 14px;
}
.play-pricing-250218---backup {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.play-pricing-250218---backup.black {
background-color: var(--c-primary--main);
margin-top: 0;
}
.play-pricing-250218---backup.bg-black {
background-color: #161615;
margin-top: 140px;
overflow: hidden;
}
.play-pricing-250218---backup.bg-black.padding {
margin-top: 100px;
margin-bottom: 0;
}
.play-feature-section {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
max-width: 1400px;
margin: 1vh auto 5vh;
padding-left: 60px;
padding-right: 60px;
display: grid;
position: relative;
}
.template {
display: none;
}
.play-feature-section-heading-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
display: flex;
position: sticky;
top: 60px;
}
.play-feature-heading {
color: var(--c-primary--bg);
letter-spacing: .5px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 24px;
font-weight: 300;
}
.play-feature-heading:lang(ko) {
font-weight: 400;
}
.play-feature-paragraph {
width: 70%;
color: var(--c-primary--bg);
}
.play-feature-features-wrapper {
grid-column-gap: 7px;
grid-row-gap: 7px;
background-color: var(--c-secondary--play-sub);
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 20px;
display: flex;
}
.play-go-about {
flex-direction: column;
width: 100%;
height: 100%;
margin-bottom: 40px;
display: flex;
position: relative;
}
.play-go-about.bg-black {
background-color: var(--c-primary--main);
margin-top: 140px;
overflow: hidden;
}
.play-go-about.bg-black.padding {
margin-bottom: 100px;
}
.play-go-about.black {
background-color: var(--c-primary--main);
margin-top: 0;
}
.sub-txt-block-box {
grid-column-gap: 80px;
grid-row-gap: 80px;
padding-left: 20px;
display: block;
}
.link-wrap-txt {
text-align: right;
flex-direction: row;
justify-content: flex-end;
align-items: center;
padding-right: 60px;
display: flex;
overflow: hidden;
}
.link-underline-7 {
background-color: var(--c-secondary--play-sub);
height: 1px;
display: block;
transform: translate(-100%);
}
.link-underline2-7 {
background-color: var(--c-grey--900);
height: 1px;
}
.arrow-png-7 {
color: #161615;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1c35_arrow2.2-LP.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 14px;
height: 14px;
}
.wrapper-cursor {
z-index: 900;
justify-content: center;
align-items: center;
padding-bottom: 0;
display: none;
position: fixed;
inset: 0%;
}
.cursor-2 {
background-color: #fff;
border-radius: 50%;
width: 20px;
height: 20px;
}
.heading-10 {
font-family: Oswald, sans-serif;
font-size: 4em;
font-weight: 300;
line-height: 1;
}
.wrapper-icon-right {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
transform: rotate(-180deg)translate(-5px);
}
.right-arrow, .left-arrow {
color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
margin-right: -90px;
display: flex;
transform: rotate(90deg);
}
.sub-line {
background-color: #fff;
width: 50px;
height: 1px;
}
.header {
justify-content: space-between;
align-items: center;
margin-bottom: 5em;
display: flex;
}
.section-6 {
display: flex;
}
.section-6.section-wrapper {
overflow: hidden;
}
.slider-list {
align-items: center;
height: 100%;
display: flex;
}
.paragraph-2 {
margin-bottom: 0;
margin-left: 1em;
font-weight: 200;
}
.wrapper-icon-left {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
transform: rotate(0)translate(-5px);
}
.container-slider {
width: 100%;
max-width: 100%;
padding: 4em 4vw;
}
.slider-item {
color: #fff;
border-radius: 200px;
flex: none;
width: 300px;
height: 600px;
margin-right: 4vw;
padding: 5vw 5vw 4vw;
position: relative;
overflow: hidden;
}
.slider-item:last-child {
margin-right: 0;
}
.wrapper-nav, .header-sub {
align-items: center;
display: flex;
}
.wrapper-header {
color: #fff;
}
.main {
background-color: var(--c-grey--trans--0);
justify-content: center;
align-items: center;
width: 100vw;
height: 100%;
min-height: 100vh;
display: flex;
}
.slider-navigation {
opacity: .4;
cursor: pointer;
border: 1px solid #fff;
border-radius: 25px;
justify-content: center;
align-items: center;
width: 90px;
margin-left: 1em;
padding: .5em;
transition: all .25s;
display: flex;
}
.slider-navigation:hover {
opacity: 1;
}
.slider-navigation.next-slide {
margin-right: 0;
overflow: hidden;
}
.slider-navigation.prev-slide {
overflow: hidden;
}
.slider-navigation.prev-slide:hover {
color: #ff6d6d;
}
.button---main-base-copy {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--bg);
height: 40px;
color: var(--c-grey--600);
text-align: left;
-webkit-text-stroke-color: var(--c-grey--black);
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button---main-base-copy:hover {
opacity: 1;
}
.button---main-base-copy.center, .button---main-base-copy.center.w--current {
justify-content: center;
align-items: center;
}
.button---main-base-copy.aligan {
flex-flow: wrap;
flex: 0 auto;
order: 1;
justify-content: center;
align-self: baseline;
align-items: center;
}
.button---main-base-copy.aligan.play-btn-color {
background-color: var(--play-secondary-color--green);
}
.button---main-base-copy.right {
justify-content: flex-start;
align-items: center;
}
.button---main-base-copy.play-btn-color {
background-color: var(--play-secondary-color--green);
}
.big-btn-section {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.big-btn-section.padding-down.padding-top.margin-top.api-padding {
margin-top: 0;
}
.big-btn-section.padding-down.bottom {
padding-bottom: 100px;
}
.big-btn-section.padding-down.bottom:lang(ko) {
width: 100%;
padding-bottom: 40px;
}
.big-btn-section.padding-down.padding {
padding-bottom: 60px;
}
.big-btn-section.padding-down {
padding-bottom: 0;
}
.big-btn-section.padding-down.padding-top {
margin-top: 100px;
}
.big-btn-section.padding-down.padding-top.margin-top {
margin-top: 60px;
}
.big-btn-section.padding-down.padding-top.margin-top.big-btn {
margin-top: 0;
padding-left: 70px;
padding-right: 70px;
}
.big-btn-section.padding-down.padding-top.margin-top.big-btn.partner {
min-width: 500px;
padding-top: 10px;
}
.big-btn-section.padding-down.padding-top.margin-top.big-btn.learn-more {
padding-top: 0;
}
.big-btn-section-title-wrap {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 20px;
display: none;
}
.big-btn-section-title-wrap.gap {
grid-column-gap: 19px;
grid-row-gap: 19px;
}
.big-btn-section-title-wrap.black {
background-color: var(--c-primary--main);
}
.big-btn-section-title-wrap.gap-x {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.button---main-base-big-btn {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--bg);
height: 40px;
color: var(--c-grey--600);
text-align: left;
-webkit-text-stroke-color: var(--c-grey--black);
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button---main-base-big-btn:hover {
opacity: 1;
}
.button---main-base-big-btn.center, .button---main-base-big-btn.center.w--current {
justify-content: center;
align-items: center;
}
.button---main-base-big-btn.aligan {
flex-flow: wrap;
flex: 0 auto;
order: 1;
justify-content: center;
align-self: baseline;
align-items: center;
}
.button---main-base-big-btn.aligan.play-btn-color {
background-color: var(--play-secondary-color--green);
}
.button---main-base-big-btn.right {
justify-content: flex-start;
align-items: center;
}
.button---main-base-big-btn.play-btn-color {
background-color: var(--play-secondary-color--green);
border-radius: 40px;
justify-content: center;
align-items: center;
height: 80px;
}
.image-11 {
max-height: 300px;
}
.text-span-33 {
color: var(--c-primary--bg);
}
.hero-banner {
background-color: var(--c-primary--main);
width: 100%;
max-width: none;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 0 20px;
}
.hero-banner:lang(ja) {
overflow: hidden;
}
.hero-banner.padding {
padding-bottom: 40px;
}
.hero-banner.padding.ad-padding {
margin-bottom: 60px;
}
.hero-banner.play-padding {
margin-bottom: 0;
}
.hero-banner.play-padding.headtt-padding {
margin-bottom: 100px;
padding-top: 0;
display: none;
}
.hero-banner.play-sub-txt-block {
background-color: var(--c-grey--700);
border-top-left-radius: 20px;
margin-top: 60px;
padding-top: 30px;
padding-bottom: 30px;
}
.hero-banner-img {
background-color: #0000;
border-radius: 0;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.hero-banner-img:lang(ja) {
overflow: clip;
}
.hero-banner-wrap {
border-top-left-radius: 20px;
border-top-right-radius: 0;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
max-height: none;
margin-top: 0;
display: flex;
overflow: hidden;
}
.hero-banner-wrap:lang(ja) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
overflow: clip;
}
.hero-banner-image {
object-fit: cover;
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
}
.hero-banner-image:lang(ja) {
width: auto;
overflow: clip;
}
.hero-banner-box {
padding-top: 80px;
}
.hero-banner-box-main {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-top: 50px;
padding-top: 0;
padding-bottom: 0;
display: grid;
}
.read-box {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: flex-end;
align-items: center;
display: flex;
}
.read-btn {
grid-column-gap: 4px;
grid-row-gap: 4px;
display: flex;
}
.text-span-34 {
text-align: left;
text-indent: 0%;
white-space: normal;
vertical-align: baseline;
justify-content: flex-start;
align-items: flex-start;
font-size: 36px;
line-height: 1.4;
text-decoration: none;
display: inline-block;
}
.bib {
grid-column-gap: 16px;
grid-row-gap: 16px;
width: 100%;
height: auto;
display: flex;
position: relative;
overflow: hidden;
}
._9-usd {
color: #fff;
font-size: 12px;
text-decoration: none;
position: relative;
top: auto;
}
._9-usd.size {
font-size: 20px;
}
.card-button {
color: #fff;
white-space: nowrap;
background-color: #181818;
justify-content: center;
align-items: center;
width: 100%;
height: 50px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.card-button:hover {
background-color: #fff6;
}
.card-button.white-opacity {
background-color: #fff6;
transition: color .2s, background-color .2s;
}
.card-button.white-opacity:hover {
color: #6a4bee;
background-color: #fff;
}
.content-header {
text-align: center;
margin-bottom: 40px;
}
.card-price {
margin-top: 10px;
}
.container-17 {
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.switch {
background-color: var(--c-secondary--play-sub);
cursor: pointer;
border-radius: 20px;
align-items: center;
width: 50px;
height: 25px;
padding: 3px;
display: flex;
}
.card-2 {
background-color: #131313;
width: 100%;
padding: 30px 25px 20px;
}
.card-2.purple {
background-image: linear-gradient(180deg, var(--c-primary--bg), #6a4bed);
}
.tabs {
margin-left: 0;
margin-right: 0;
display: block;
overflow: visible;
}
.switcher {
background-color: #fff;
border-radius: 50%;
width: 17px;
height: 17px;
}
.mb-20 {
margin-bottom: 20px;
}
.p-35 {
font-size: 35px;
}
.percentage-wrap {
grid-column-gap: 5px;
grid-row-gap: 5px;
align-items: flex-end;
display: none;
position: absolute;
inset: -22px -100px auto auto;
}
.opacity {
color: #fff6;
}
.opacity.strike {
text-decoration: line-through;
}
.card-label {
border-bottom: 1px solid #ffffff4d;
margin-bottom: 20px;
padding-bottom: 30px;
}
.switch-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: visible;
}
.grey-p {
color: #282828;
}
.grey-p.strike {
text-decoration: line-through;
}
.percentage {
color: #6a4bee;
text-transform: uppercase;
background-color: #6a4bee4d;
border-radius: 5px;
padding: 5px;
}
.cards-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
}
.p-17 {
font-size: 17px;
}
.p-17.opacity {
color: #fff6;
}
.tabs-menu-2 {
display: none;
}
.flex-wrap {
justify-content: center;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.check {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.check.last {
margin-bottom: 0;
}
.card-top {
margin-bottom: 50px;
}
.toggle-box {
width: auto;
max-width: none;
margin-left: 60px;
margin-right: 60px;
padding-left: 20px;
padding-right: 20px;
}
.content {
padding-top: 100px;
padding-bottom: 60px;
}
.shadow, .custom-css {
display: none;
}
.section-8.is--hero {
flex-direction: column;
justify-content: center;
align-items: stretch;
min-height: 100vh;
display: flex;
}
.toggle-container {
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.toogle-content-wrap {
padding-top: 40px;
}
.toggle-content {
padding-top: 0;
padding-bottom: 60px;
}
.toggle-content.padding-down, .toggle-content.padding {
padding-bottom: 0;
}
.toggle-txt {
color: var(--c-primary--bg);
font-size: 17px;
}
.toggle-txt.opacity {
color: #fff6;
}
.toggle-txt.play-color {
color: var(--play-secondary-color--green);
}
.highlighted-text---play-sub-color {
background-color: var(--c-secondary--play-sub);
color: var(--c-primary--bg);
white-space: nowrap;
border-radius: 10px;
margin-left: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
}
.pricing-txt-body---promotion {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: column;
display: flex;
}
.pricing-promotion-hl {
font-size: 15px;
}
.pricing-promotion-hl.txt-height {
font-size: 15px;
line-height: 1;
}
.pricing-promotion-hl.highlighted-text---play-sub-color {
font-size: 20px;
}
.pricing-promotion-txt {
font-size: 18px;
}
.pricing-promotion-txt.txt-height {
font-size: 15px;
line-height: 1;
}
.pricing-txt-body-block---promotion {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
display: flex;
}
.hl-box {
grid-column-gap: 17px;
grid-row-gap: 17px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.hl-box-wrapper {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-secondary--play-sub);
width: auto;
height: auto;
color: var(--c-primary--main);
text-align: left;
border: 0 solid #000;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
padding: 4px 10px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.hl-box-wrapper:hover {
opacity: 1;
}
.hl-box-txt {
color: var(--c-primary--bg);
}
.pricing-promotion-txt-tt {
font-size: 26px;
}
.pricing-promotion-txt-tt.txt-height {
font-size: 15px;
line-height: 1;
}
.card-product-v2 {
width: auto;
height: 500px;
max-height: 500px;
}
.card-product-v2._2column {
width: 50%;
display: block;
}
.card-product-v2._2column.mobile {
height: 700px;
}
.title-card-wrapper-v2 {
background-color: var(--c-grey--trans--0);
border-radius: 10px;
margin-right: auto;
padding: 5px 15px 5px 10px;
}
.title-card-wrapper-v2.light {
background-color: #f8a290;
}
.title-card-wrapper-v2.dark {
background-color: #faf8f7;
}
.title-card-wrapper-v2.white {
background-color: var(--c-primary--bg);
border-radius: 10px 0 0;
align-items: center;
padding: 0 20px;
display: flex;
}
.title-card-wrapper-v2.white.card-partners {
padding-top: 10px;
padding-bottom: 10px;
}
.title-card-wrapper-v2.white.card-partners.pink {
background-color: var(--c-secondary--pink);
}
.title-card-wrapper-v2.white.card-partners.api-color {
background-color: var(--c-secondary--api-green);
}
.title-card-wrapper-v2.white.card-partners.api-color._100 {
width: 100%;
}
.title-card-wrapper-v2.white.card-partners.play-color.manrope {
background-color: var(--c-grey--trans--0);
border: 1.5px solid #000;
border-bottom-style: none;
}
.title-card-wrapper-v2.white.card-partners.play-color {
background-color: var(--c-secondary--api-green);
}
.title-card-wrapper-v2.white.card-partners.play-color._100 {
width: 100%;
}
.card-title-v2 {
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 32px;
line-height: 1;
display: block;
}
.card-title-v2.large {
font-size: 24px;
line-height: 1;
}
.card-title-v2.blue {
color: var(--c-primary--blue-500);
}
.card-title-v2.blue.small {
font-size: 13px;
}
.card-title-v2.blue.small.sale-color {
color: var(--c-primary--main);
}
.card-title-v2.blue.small.sale-color.sale-color-2 {
color: var(--c-primary--blue-500);
}
.card-title-v2.play-sub-color, .card-title-v2.play-demo-sub-tt {
font-size: 22px;
}
.link---main-hero {
height: auto;
margin-top: -50px;
}
.products-container-grid {
clear: both;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 1rem;
padding-bottom: 1rem;
display: grid;
position: relative;
}
.products-container-grid.mobile {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.box-products-grid {
cursor: pointer;
background-color: #fff;
border-radius: 30px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: auto;
height: auto;
min-height: auto;
padding: 40px;
display: flex;
}
.box-products-grid._2 {
background-color: var(--c-secondary--pink);
}
.box-products-grid._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
}
.box-products-grid._1 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1b04_Shift_MB_v03.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
display: flex;
}
.box-products-grid._1:hover {
opacity: 1;
}
.box-products-grid.p {
background-color: var(--c-secondary--sky-blue);
border-radius: 20px 0 0;
}
.box-products-grid.c {
background-color: var(--play-secondary-color--green);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.box-products-grid._2 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1cb7_Web_BNR_AIR.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.box-products-grid._2:hover {
opacity: 1;
}
.box-products-grid._3 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1abf_Clear_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.box-products-grid._3:hover {
opacity: 1;
}
.card-txt---tt {
width: 100%;
min-width: auto;
color: var(--c-primary--bg);
text-align: left;
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
padding-bottom: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 40px;
font-weight: 300;
line-height: 1.2;
display: block;
}
.card-txt---tt:lang(ko) {
font-weight: 400;
}
.card-txt---tt.style-titles {
margin-bottom: 30px;
}
.card-txt---tt.menu-large-text {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.card-txt---tt.services-h1 {
margin-bottom: 40px;
font-family: Supertone Serif, sans-serif;
font-size: 30px;
font-weight: 300;
}
.card-txt---tt.services-intro-hero {
width: 75%;
margin-bottom: 40px;
font-size: 30px;
font-weight: 400;
}
.card-txt---tt.looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.card-txt---tt.testimonial-heading {
margin-bottom: 10px;
}
.card-txt---tt.about-testimonial {
width: 100%;
max-width: none;
margin-bottom: 0;
margin-left: 0;
position: relative;
}
.card-txt---tt.awards-looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.card-txt---tt.contact-heading {
margin-bottom: 10px;
}
.card-txt---tt.product-title {
font-size: 40px;
}
.card-txt---tt.medium {
font-size: 34px;
}
.card-txt---tt.medium.red {
color: var(--c-secondary--orange);
}
.card-txt---tt.medium.small.blue {
color: var(--c-primary--blue-500);
}
.card-txt---tt.pink {
color: var(--c-secondary--pink);
padding-bottom: 10px;
}
.card-txt---tt.play-color {
color: var(--play-secondary-color--green);
}
.card-txt---tt.play-color.gap {
padding-bottom: 0;
}
.card-txt---tt.play-color.gap.play-official {
color: var(--c-primary--blue-500);
}
.card-txt---tt.play-color.gap.play-official.bg-color {
color: var(--c-grey--300);
font-family: Manrope, sans-serif;
font-size: 60px;
}
.card-txt---tt.play-color.gap.play-official.bg-color.mobile {
font-size: 54px;
}
.card-txt---tt.clear-color {
color: var(--c-secondary--mint-green);
}
.card-txt---tt.txt-size {
color: var(--play-secondary-color--green);
font-size: 38px;
}
.card-txt---tt.txt-size.clear-color, .card-txt---tt.air-color {
color: var(--c-secondary--mint-green);
}
.card-txt---tt.air-color.mobile-padding, .card-txt---tt.green {
color: var(--play-secondary-color--green);
}
.card-txt---tt.api-color {
color: var(--c-secondary--api-green);
-webkit-text-stroke-color: var(--c-grey--white);
}
.card-txt---tt._1 {
letter-spacing: -.5px;
}
.card-txt---sub {
color: var(--c-grey--300);
text-transform: none;
padding-top: 0;
padding-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 14px;
}
.card-txt---sub.grey.top-padding {
padding-top: 0;
}
.card-txt---sub.grey.top-padding.small {
padding-left: 50px;
font-size: 12px;
}
.card-txt---sub.grey.top-padding.small.dark {
margin-bottom: 20px;
}
.card-txt---sub.padding-top-20px {
padding-top: 20px;
}
.card-txt---sub.padding-top-20px.pink {
color: var(--c-secondary--pink);
}
.card-txt---sub.padding-top-20px.play-color {
color: var(--play-secondary-color--green);
padding-top: 0;
}
.card-txt---sub.padding-top-20px.api-color {
color: var(--c-secondary--api-green);
}
.card-txt---sub.padding-top-20px.sup-color {
color: var(--c-primary--blue-500);
padding-top: 0;
}
.card-txt---sub.padding-top-20px.bg-color {
color: var(--c-primary--bg);
padding-top: 0;
font-family: Manrope, sans-serif;
font-size: 16px;
}
.card-txt---sub.mobile {
padding-top: 0;
}
.card-txt---sub.mobile.clear-color {
color: var(--c-secondary--mint-green);
}
.card-txt---sub.mobile.air-color {
color: var(--play-secondary-color--green);
}
.card-txt---sub.padding-top-0.green {
color: var(--play-secondary-color--green);
padding-top: 20px;
}
.card-txt---sub.satoshi {
font-family: Satoshi Variable;
}
.products-spt-sym {
width: 40px;
height: 40px;
}
.card-txt---tt-box {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: auto;
display: flex;
}
.card-txt---tt-box.padding {
width: 60%;
margin-bottom: 40px;
}
.card-txt---tt-box.padding.center {
justify-content: space-between;
align-items: center;
}
.box-products-v2 {
background-color: var(--c-grey--600);
cursor: pointer;
border-radius: 30px;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 500px;
padding: 40px;
display: flex;
}
.box-products-v2._2 {
background-color: var(--c-secondary--pink);
}
.box-products-v2._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
}
.box-products-v2._1 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1b04_Shift_MB_v03.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
display: flex;
}
.box-products-v2._1:hover {
opacity: 1;
}
.box-products-v2.p {
background-color: var(--c-secondary--sky-blue);
border-radius: 20px 0 0;
}
.box-products-v2.c {
background-color: var(--play-secondary-color--green);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.box-products-v2._2 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1cb7_Web_BNR_AIR.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.box-products-v2._2:hover {
opacity: 1;
}
.box-products-v2._3 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1abf_Clear_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
justify-content: flex-end;
width: auto;
height: auto;
padding: 20px;
}
.box-products-v2._3:hover {
opacity: 1;
}
.box-products-v2.m-p-clear {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1abf_Clear_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
justify-content: flex-end;
width: auto;
height: auto;
padding: 20px;
}
.box-products-v2.m-p-clear:hover {
opacity: 1;
}
.box-products-v2._3-copy {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1bd4_Main_Products_Air.avif");
background-position: 50%;
background-repeat: repeat;
background-size: auto;
}
.box-products-v2._3-copy:hover {
opacity: 1;
}
.box-products-v2.air-b {
background-color: var(--c-grey--trans--0);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1abf_Clear_MB_v02.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.box-products-v2.clear-b {
background-color: var(--c-primary--main);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1de2_Main_Products_Air.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.box-products-v2.shift-b {
background-color: var(--c-grey--trans--0);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1f45_%E1%84%8B%E1%85%B0%E1%86%B8%E1%84%89%E1%85%A1%E1%84%8B%E1%85%B5%E1%84%90%E1%85%B3%20%E1%84%8F%E1%85%B5%E1%84%8B%E1%85%B5%E1%84%86%E1%85%B5%E1%84%8C%E1%85%B5-web.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
width: auto;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.card-txt---sub-txt-box.padding {
margin-top: 60px;
margin-bottom: 0;
}
.card-txt---sub-txt-box.padding.top-padding {
margin-top: 0;
}
.card-txt---sub-txt-box.padding.top-padding.down-padding {
margin-bottom: 60px;
}
.card-txt---sub-txt-box.padding.top-padding.down-padding.profile {
margin-bottom: 0;
}
.card-txt---sub-txt {
grid-column-gap: 24px;
grid-row-gap: 24px;
display: flex;
}
.card-txt---sub-txt.temp {
margin-bottom: 0;
}
.card-txt---sub-txt.spt-listen {
flex-flow: column;
}
.card-txt---sub-txt.dub {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.card-promotion-img {
width: 62px;
height: 62px;
}
.card-promotin-img-wrapper {
display: block;
}
.card-bottom {
justify-content: space-between;
display: flex;
}
.card-promotion-mark {
width: 100px;
height: 100px;
}
.main-hero-promotion-mark {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 20%;
max-width: none;
height: 20%;
text-decoration: none;
display: block;
position: absolute;
inset: auto 15px 15px auto;
overflow: scroll;
}
.main-hero-promotion-mark-wrapper {
width: 17%;
height: 32%;
padding-left: 20px;
position: absolute;
inset: 10% auto auto 1%;
}
.main-hero-promotion-mark-wrapper:lang(ja) {
display: block;
}
.main-hero-promotion-mark-v2 {
width: 70%;
height: 70%;
display: block;
}
.main-products-wide-bnr {
width: 100%;
height: 100%;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden;
}
.monthly-subscrition {
color: var(--c-grey--300);
font-size: 20px;
text-decoration: none;
}
.button-base-text.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
}
.button-base-text.manrope:lang(ko) {
font-weight: 400;
}
.button-base-text.manrope-desktop {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.button-base-text.manrope-desktop:lang(ko), .button-base-text.manrope-desktop.partner-color {
font-weight: 400;
}
.button-base-text.biz {
font-size: 22px;
}
.button-base-text.biz:lang(ja) {
font-size: 18px;
}
.hero-tt-badge {
width: 50%;
height: 50%;
}
.button-base-container-tt-flex {
grid-column-gap: 28px;
grid-row-gap: 28px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 10px;
display: flex;
}
.button-base-container-tt-flex.gap {
padding-top: 40px;
}
.button-base-container-tt-flex.gap.bottom-margin, .button-base-container-tt-flex.gap.bottom-margin-copy {
padding-bottom: 40px;
}
.button-base-container-tt-flex.space {
grid-template-columns: 3fr 1fr;
padding-bottom: 20px;
}
.button-base-container-tt-flex.space.flex {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto auto;
grid-template-columns: 1fr .5fr 1fr;
grid-auto-columns: 1fr;
padding-top: 0;
display: grid;
}
.main-hero-txt {
width: auto;
}
.main-hero-badge-mark {
padding-left: 20px;
}
.product-price-block {
grid-column-gap: 18px;
grid-row-gap: 18px;
margin-top: 10px;
display: flex;
}
.promotion-mark {
align-self: center;
width: 117px;
height: 117px;
overflow: visible;
}
.promotion-badge {
display: block;
}
.promotion-mark-v2 {
align-self: center;
width: auto;
display: block;
position: static;
overflow: visible;
}
.image-12 {
width: 100px;
height: auto;
display: block;
}
.hero-play-go {
margin-top: -50px;
}
.text-m---head-product---title-sub {
color: var(--c-primary--bg);
}
.text-m---head-product---title-sub.satoshi {
font-family: Satoshi Variable;
}
.card-txt-name {
color: var(--c-primary--bg);
}
.card-txt-name.satoshi {
font-family: Satoshi Variable;
}
.button---sub-txt {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 15px;
font-weight: 300;
}
.button---sub-txt:lang(ko) {
font-weight: 400;
}
.special-btn-box {
grid-column-gap: 75px;
grid-row-gap: 75px;
justify-content: flex-start;
align-self: flex-start;
align-items: center;
display: flex;
}
.brands-wrap---api {
display: flex;
}
.brand-div---api {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 30px;
padding: 10px 20px;
display: flex;
}
.promo-clear-price-v3 {
display: block;
}
.banner-image-wrap {
background-color: #8c78ff;
border-top-left-radius: 0;
border-top-right-radius: 0;
width: 100%;
height: 100%;
max-height: 20rem;
margin-top: 60px;
overflow: hidden;
}
.lottie-animation-3 {
width: 100%;
height: 100%;
}
.lottie-animation-4 {
display: flex;
}
.code-embed-3 {
max-height: 300px;
display: inline-flex;
}
.shift-character-box {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
flex-flow: row;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-self: auto;
align-items: flex-start;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0% auto auto;
overflow: hidden;
}
.button-m {
grid-column-gap: .25rem;
transform-origin: 50% 0;
color: #fbf9fc;
text-align: center;
cursor: pointer;
background-color: #282729;
border-radius: 90px;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-right: 0;
padding: 1rem;
font-weight: 400;
transition: opacity .2s;
display: flex;
box-shadow: 0 4px #161616;
}
.button-m:hover {
background-color: #8f00ff;
box-shadow: 0 4px #4d018a;
}
.button-m:active {
box-shadow: none;
transform: translate(0, .25rem);
}
.button-m.btn-tiny {
transform-origin: 50% 0;
}
.button-m.btn-tiny:active {
transform: translate(0, 4px);
box-shadow: 0 0 #161616;
}
.button-m.btn-tiny.api-play-color {
background-color: var(--c-secondary--api-green);
}
.button-m.btn-tiny.api-play-color:hover {
box-shadow: 0 4px #037f82;
}
.button-m.btn-hard {
background-color: var(--c-secondary--api-green);
}
.button-m.btn-hard:hover {
box-shadow: 0 4px #037f82;
}
.button-m.btn-beep1 {
background-color: var(--c-secondary--api-green);
}
.button-m.btn-beep1:hover {
box-shadow: 0 4px #037f82;
}
.button-m.btn-toggle {
background-color: var(--c-secondary--api-green);
transition-duration: 1s;
transition-timing-function: cubic-bezier(.906, .001, .25, 1);
}
.button-m.btn-toggle:hover {
box-shadow: 0 4px #037f82;
}
.button-m.btn-mouse:active {
box-shadow: none;
transform: translate(0, .25rem);
}
.button-m.btn-toggle-b {
transition-duration: 1s;
transition-timing-function: cubic-bezier(.906, .001, .25, 1);
}
.button-m.btn-beep2 {
background-color: var(--c-secondary--api-green);
}
.button-m.btn-beep2:hover {
box-shadow: 0 4px #037f82;
}
.button-m.btn-beep3 {
background-color: var(--c-secondary--api-green);
}
.button-m.btn-beep3:hover {
box-shadow: 0 4px #037f82;
}
.button-m.btn-a3 {
background-color: var(--c-secondary--api-green);
transition-duration: 1s;
transition-timing-function: cubic-bezier(.906, .001, .25, 1);
}
.button-m.btn-a3:hover {
box-shadow: 0 4px #037f82;
}
.button-m.btn-c1 {
background-color: var(--c-secondary--api-green);
}
.button-m.btn-c1:hover {
box-shadow: 0 4px #037f82;
}
.button-m.btn-c2 {
background-color: var(--c-secondary--api-green);
}
.button-m.btn-c2:hover {
box-shadow: 0 4px #037f82;
}
.button-m.btn-c3 {
background-color: var(--c-secondary--api-green);
transition-duration: 1s;
transition-timing-function: cubic-bezier(.906, .001, .25, 1);
}
.button-m.btn-c3:hover {
box-shadow: 0 4px #037f82;
}
.button-m.btn-b2 {
background-color: #17e5e0;
}
.button-m.btn-b2:hover {
box-shadow: 0 4px #037f82;
}
.button-m.btn-b2.play-bg-color {
background-color: #94fb4d;
box-shadow: 0 4px #ba84f7;
}
.button-m.btn-a2 {
background-color: #17e5e0;
}
.button-m.btn-a2:hover {
box-shadow: 0 4px #037f82;
}
.button-m.btn-a2.play-bg-color {
background-color: #94fb4d;
box-shadow: 0 4px #ba84f7;
}
.button-m.btn-b1 {
background-color: #17e5e0;
}
.button-m.btn-b1:hover {
box-shadow: 0 4px #037f82;
}
.button-m.btn-b1.play-bg-color {
background-color: #94fb4d;
box-shadow: 0 4px #ba84f7;
}
.button-m.btn-b1.play-bg-color.train-color {
background-color: #53acf8;
}
.button-m.btn-b3 {
background-color: #17e5e0;
transition-duration: 1s;
transition-timing-function: cubic-bezier(.906, .001, .25, 1);
}
.button-m.btn-b3:hover {
box-shadow: 0 4px #037f82;
}
.button-m.btn-b3.play-bg-color {
background-color: #94fb4d;
box-shadow: 0 4px #ba84f7;
}
.button-m.btn-a1 {
background-color: #17e5e0;
}
.button-m.btn-a1:hover {
box-shadow: 0 4px #037f82;
}
.button-m.btn-a1.play-bg-color {
background-color: #94fb4d;
box-shadow: 0 4px #ba84f7;
}
.hero-banner-img-link {
background-color: #0000;
}
.ad-container---voice {
width: 100%;
max-width: 1312px;
margin-left: auto;
margin-right: auto;
}
.button-base-text_banner {
z-index: 3;
color: var(--c-primary--main);
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text_banner.button2-2-text {
z-index: 3;
color: var(--c-grey--white);
position: relative;
}
.button-base-text_banner.button3-text {
z-index: 3;
color: var(--c-primary--main);
position: relative;
}
.button-base-text_banner.button2-2-text {
z-index: 3;
color: var(--c-primary--main);
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text_banner.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text_banner.button2-2-text.small.play-btn-ver-m {
display: none;
}
.button-base-text_banner.button2-2-text.white {
color: var(--c-primary--bg);
}
.button-base-text_banner.button2-2-text.small-txt {
font-size: 14px;
}
.button-base-text_banner.button2-2-text.manrope {
font-family: Manrope, sans-serif;
font-weight: 500;
}
.button-base-text_banner.button2-2-text.big {
font-size: 18px;
display: block;
}
.button-base-text_banner.btn---sub-color {
color: var(--play-secondary-color--green);
position: static;
}
.button-base-text_banner.btn---main-color {
color: var(--c-primary--main);
position: static;
}
.button-base-text_banner.button-text---demo {
z-index: 3;
color: var(--c-primary--main);
justify-content: center;
align-items: center;
font-size: 26px;
display: block;
position: relative;
inset: auto;
}
.button-base-text_banner.button-text---demo.small {
font-size: 12px;
display: none;
}
.button-base-text_banner.button-text---demo.white {
color: var(--c-primary--bg);
}
.button-base-text_banner.button-text---demo.small-txt {
font-size: 14px;
}
.button-base-text_banner.button-text---demo.manrope {
font-family: Manrope, sans-serif;
font-weight: 500;
}
.button-base-text_banner.button-text---demo.big {
font-size: 18px;
display: block;
}
.button-base-text_banner.small {
font-size: 18px;
}
.button-base-text_banner.satoshi {
font-family: Satoshi Variable;
}
.dropdown-linkblock-2-1grid-bizcontact {
grid-column-gap: .1rem;
grid-row-gap: 0px;
pointer-events: auto;
white-space: normal;
border: 0 solid #000;
border-radius: 0;
grid-template-rows: auto;
grid-template-columns: .5fr;
grid-auto-columns: 1fr;
place-content: stretch;
align-items: flex-start;
margin: 10px 16px;
padding: 10px 18px;
text-decoration: none;
display: grid;
}
.dropdown-linkblock-2-1grid-bizcontact:hover {
opacity: 1;
outline-offset: 0px;
outline: 3px #11594f1a;
}
.button-base-mask_bizcontact {
z-index: 2;
background-color: var(--c-primary--blue-500);
color: var(--c-primary--main);
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button-base-mask_bizcontact:lang(ko) {
background-color: var(--c-primary--blue-500);
}
.button-base-mask_bizcontact.play-btn-color {
background-color: var(--c-secondary--play-sub);
}
.button-base-mask-_contentbizcontact {
z-index: 2;
background-color: var(--c-primary--blue-500);
color: var(--c-primary--main);
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button-base-mask-_contentbizcontact:lang(ko) {
background-color: var(--c-primary--blue-500);
}
.button-base-mask-_contentbizcontact.play-btn-color {
background-color: var(--c-secondary--play-sub);
}
.button-base-mask_solutionbizcontact {
z-index: 2;
color: var(--c-primary--main);
text-align: center;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button-base-mask_solutionbizcontact:lang(ko) {
background-color: var(--c-primary--blue-500);
}
.button-base-mask_solutionbizcontact.play-btn-color {
background-color: var(--c-secondary--play-sub);
}
.hero-holder-service-d {
background-color: var(--c-grey--trans--0);
width: 100%;
margin-bottom: 0;
padding: 0 20px 20px;
display: none;
}
.hero-holder-service-d.product-page, .hero-holder-service-d.tts-contents-challenge {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.hero-holder-service-d.tts-contents-challenge.mobile.main {
margin-top: 80px;
}
.hero-holder-service-d.voice-partners {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.hero-holder-service-d.voice-partners.mobile {
border-top-left-radius: 20px;
height: 300px;
margin-top: 50px;
padding-left: 20px;
padding-right: 20px;
}
.hero-holder-service-d.voice-partners.mobile.main {
margin-top: 80px;
}
.button-base--center {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--bg);
height: 36px;
color: var(--c-grey--600);
text-align: left;
-webkit-text-stroke-color: var(--c-grey--black);
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base--center:hover {
opacity: 1;
}
.button-base--center.center, .button-base--center.center.w--current {
justify-content: center;
align-items: center;
}
.button-base--center.aligan {
flex-flow: wrap;
flex: 0 auto;
order: 1;
justify-content: center;
align-self: baseline;
align-items: center;
}
.button-base--center.aligan.play-btn-color {
background-color: var(--play-secondary-color--green);
}
.button-base--center.right {
justify-content: flex-start;
align-items: center;
}
.button-base--center.play-btn-color {
background-color: var(--play-secondary-color--green);
justify-content: center;
}
.button-base--center.blue {
background-color: var(--c-primary--blue-500);
}
.div-block-20 {
display: flex;
}
.mask {
aspect-ratio: 16 / 9;
height: 56.25vw;
}
.slider {
width: auto;
}
.slide {
aspect-ratio: 16 / 9;
width: 70%;
}
.shift_user-video {
padding: 100px 20px 0;
}
.shift_user-video:lang(ja) {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-flow: column;
display: flex;
}
.shift_user-video.non-top-padding {
padding-top: 0;
}
.shift_user-video.padding-30px {
padding-top: 30px;
}
.shift_user-video.only-japanese {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
display: flex;
}
.shift_user-video.only-japanese:lang(ja) {
background-color: #161615;
}
.shift-user-video-gallery-section {
flex: 0 auto;
width: 100%;
height: 150%;
min-height: 0%;
margin-top: 60px;
}
.gallery-grid--shift {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-flow: row;
width: 100%;
height: 100%;
}
.gallery-grid--shift:lang(ja) {
grid-column-gap: 18px;
grid-row-gap: 18px;
}
.div-block-21 {
height: 20px;
}
.gallery-image-shiftuser {
border: 1px none var(--c-primary--bg);
outline-color: var(--c-grey--300);
outline-offset: 0px;
border-radius: 0;
outline-width: 1px;
outline-style: none;
margin-bottom: 20px;
}
.youtube-2, .youtube-3 {
width: 101%;
}
.youtube-3:lang(ja) {
width: auto;
height: auto;
display: block;
overflow: scroll;
}
.pricing-announcement-txt {
font-size: 14px;
}
.pricing-announcement-txt.txt-height {
font-size: 15px;
line-height: 1;
}
.slide-4 {
box-sizing: content-box;
-webkit-text-fill-color: inherit;
object-fit: cover;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1dc0_%5BPlay%5D%20%E1%84%83%E1%85%A2%E1%84%92%E1%85%A1%E1%86%A8%E1%84%89%E1%85%A2%E1%86%BC%E1%84%91%E1%85%A1%E1%84%90%E1%85%B3%E1%84%82%E1%85%A5_eng.avif");
background-size: auto;
background-clip: border-box;
width: 100%;
min-width: auto;
min-height: auto;
}
.slide-5 {
aspect-ratio: auto;
-webkit-text-fill-color: inherit;
object-fit: cover;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1dd2_%5BShift%20%E1%84%83%E1%85%A2%E1%84%92%E1%85%A1%E1%86%A8%E1%84%89%E1%85%A2%E1%86%BC%E1%84%91%E1%85%A1%E1%84%90%E1%85%B3%E1%84%82%E1%85%A5%5D%20%E1%84%80%E1%85%A9%E1%86%BC%E1%84%89%E1%85%B5%E1%86%A8%20%E1%84%92%E1%85%A9%E1%86%B7%E1%84%91%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%8C%E1%85%B5%20%E1%84%92%E1%85%A9%E1%86%BC%E1%84%87%E1%85%A9%20%E1%84%87%E1%85%A2%E1%84%82%E1%85%A5_eng.avif");
background-position: 0 0;
background-size: 100% 100%;
background-clip: border-box;
width: 100%;
min-width: auto;
height: auto;
min-height: auto;
overflow: visible;
}
.hero-banner-copy {
background-color: var(--c-primary--main);
width: 100%;
max-width: none;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 0 20px;
}
.hero-banner-copy.padding {
padding-bottom: 40px;
}
.hero-banner-copy.padding.ad-padding {
margin-bottom: 60px;
}
.hero-banner-copy.play-padding {
margin-bottom: 0;
}
.hero-banner-copy.play-padding.headtt-padding {
margin-bottom: 100px;
padding-top: 0;
display: none;
}
.hero-banner-copy.play-sub-txt-block {
background-color: var(--c-grey--700);
border-top-left-radius: 20px;
margin-top: 60px;
padding-top: 30px;
padding-bottom: 30px;
}
.slider-2 {
margin-left: 20px;
margin-right: 20px;
}
.mask-2 {
width: 100%;
min-width: auto;
height: 100%;
min-height: auto;
overflow: visible;
}
.slide-6 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1dc1_%5BPlay%5D%20%E1%84%83%E1%85%A2%E1%84%92%E1%85%A1%E1%86%A8%E1%84%89%E1%85%A2%E1%86%BC%E1%84%91%E1%85%A1%E1%84%90%E1%85%B3%E1%84%82%E1%85%A5_eng.avif");
background-position: 0 0;
background-size: cover;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
}
.mask-3 {
border-top-left-radius: 24px;
height: 355px;
margin: 0;
padding-top: 0;
padding-bottom: 0;
}
.slider-3 {
background-color: #ddd0;
height: 100%;
margin: 40px 20px;
}
.slide-7 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1dd2_%5BShift%20%E1%84%83%E1%85%A2%E1%84%92%E1%85%A1%E1%86%A8%E1%84%89%E1%85%A2%E1%86%BC%E1%84%91%E1%85%A1%E1%84%90%E1%85%B3%E1%84%82%E1%85%A5%5D%20%E1%84%80%E1%85%A9%E1%86%BC%E1%84%89%E1%85%B5%E1%86%A8%20%E1%84%92%E1%85%A9%E1%86%B7%E1%84%91%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%8C%E1%85%B5%20%E1%84%92%E1%85%A9%E1%86%BC%E1%84%87%E1%85%A9%20%E1%84%87%E1%85%A2%E1%84%82%E1%85%A5_eng.avif");
background-position: 0 0;
background-size: cover;
}
.text-span-35 {
color: #f3a599;
}
.text-span-35.orange {
color: #f1953e;
}
.text-span-36 {
font-size: 20px;
}
.card-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
margin: 0 20px 20px;
display: flex;
}
.audio-card-2 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1db5_Group%209.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
width: 180px;
height: 180px;
position: relative;
}
.icon-wrapper-shift {
z-index: 10;
cursor: auto;
width: 40px;
height: 40px;
position: absolute;
inset: auto 15px 12px auto;
}
.play-icon {
width: 40px;
height: 40px;
}
.pause-icon {
width: 40px;
height: 40px;
display: none;
overflow: clip;
}
.icon-window {
z-index: 3;
background-color: var(--c-primary--main);
width: 18px;
height: 14px;
color: var(--c-primary--main);
text-align: right;
-webkit-text-stroke-color: var(--c-primary--main);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
display: block;
position: relative;
}
.icon-window.nav-arrow {
display: none;
}
.icon-mac {
z-index: 3;
background-color: var(--c-primary--main);
width: 18px;
height: 18px;
color: var(--c-primary--main);
text-align: right;
-webkit-text-stroke-color: var(--c-primary--main);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
display: block;
position: relative;
}
.icon-mac.nav-arrow {
display: none;
}
.text-span-37 {
color: #f2a499;
}
.container---mov-3 {
z-index: 100;
object-fit: cover;
background-color: #722f2f00;
border-radius: 6px;
flex-flow: row;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: stretch;
width: 100%;
max-width: none;
height: 100%;
margin-left: 0;
margin-right: 0;
display: block;
position: absolute;
inset: auto;
overflow: clip;
}
.text-span-38 {
color: #909090;
font-size: 14px;
}
.text-span-38.del {
display: none;
}
.link-14 {
color: #161615;
text-align: right;
justify-content: flex-start;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
font-size: 15px;
display: flex;
}
.link-14.white {
color: #f0f0f0;
}
.heading-3-white-2 {
color: #f0f0f0;
padding-top: 40px;
padding-bottom: 0;
}
.heading-3-white-2.padding-top-20px {
padding-top: 20px;
}
.heading-3-white-2.padding-top-20px.pink {
color: #f2a499;
}
.heading-3-white-2.padding-top-20px.pink.manrope.white {
color: #fff;
font-weight: 300;
}
.heading-3-white-2.mobile {
padding-top: 0;
}
.heading-3-white-2.mobile.air-color {
color: #91f758;
}
.heading-3-white-2.mobile.clear-color {
color: #64ffbc;
}
.clear-video-4 {
box-sizing: border-box;
object-fit: contain;
border-radius: 0;
flex-flow: column;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 26em;
min-width: auto;
height: 17em;
min-height: auto;
margin: 0;
padding-top: 0;
display: block;
position: relative;
overflow: visible;
}
.vc_plugin_01-4 {
object-fit: contain;
flex: 0 auto;
width: 65%;
height: 65%;
position: absolute;
top: auto;
left: auto;
overflow: auto;
}
.grid-shift-pricing-2 {
grid-column-gap: 2px;
grid-row-gap: 2px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr .25fr 1fr 1fr;
width: 100%;
margin-top: 40px;
margin-left: auto;
}
.grey-2 {
color: #a9a9a9;
}
.grey-2.mobile.padding.blue.price.txt-small {
font-size: 16px;
}
.grey-2.blue {
color: #227cff;
}
.grey-2.blue.price {
padding-left: 10px;
}
.grey-2.blue.price.size {
font-size: 16px;
}
.grey-2.large {
font-size: 30px;
}
.grey-2.large.price {
font-size: 40px;
}
.grey-2.large.price.white {
color: #f0f0f0;
}
.grey-2.large.price.white.plus {
text-align: center;
font-weight: 300;
}
.grey-2.large.price.white.padding {
padding-left: 10px;
text-decoration: none;
}
.grey-2.large.price.white.padding.mobile-txt.green {
color: #91f758;
}
.grey-2.dark {
color: #5d5d5d;
}
.arrow-5 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #f0f0f0;
-webkit-background-clip: text;
background-clip: text;
width: 14px;
height: 14px;
display: block;
position: relative;
}
.monthly-subscrition-2 {
color: #909090;
font-size: 20px;
text-decoration: none;
}
.button-base-text-2 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-2.manrope {
font-family: Manrope, sans-serif;
}
.button-base-text-2.small {
font-size: 18px;
}
.heading-11 {
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
font-weight: 400;
position: relative;
}
.heading-11.product-txt {
color: #64ffbc;
text-align: left;
padding-top: 10px;
font-weight: 400;
}
.heading-11.product-txt.white {
color: #f0f0f0;
font-weight: 300;
}
.heading-11.product-txt.white.gap {
margin-top: 40px;
margin-bottom: 10px;
}
.clear-6 {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.contents-hero-holder-sfhit-2 {
background-color: #161615;
margin-bottom: 0;
padding: 60px 20px 100px;
}
.contents-hero-holder-sfhit-2.mobile {
padding-bottom: 0;
display: none;
}
.underline-2 {
background-color: var(--c-grey--600);
transform-origin: 0%;
width: 100%;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
}
.underline-2.white, .underline-2.pink {
background-color: #f0f0f0;
margin-top: 20px;
margin-bottom: 20px;
}
.underline-2.pink.white {
background-color: var(--c-grey--450);
color: var(--c-grey--450);
}
.underline-2.pink._400 {
background-color: #767676;
margin-top: 0;
margin-bottom: 0;
}
.underline-2.white {
background-color: #f0f0f0;
margin-top: 20px;
margin-bottom: 20px;
display: flex;
}
.underline-2.green {
background-color: #11594f;
margin-top: 10px;
}
.underline-2.dark-green {
background-color: #11594f;
}
.discount-price-2 {
color: #909090;
font-size: 24px;
text-decoration: line-through;
}
.text---large-3 {
color: #161615;
text-align: left;
font-family: Bdogrotesk;
font-size: 30px;
font-weight: 400;
line-height: 1.2;
}
.text---large-3.services-intro-hero {
width: 75%;
margin-bottom: 10px;
font-size: 30px;
font-weight: 300;
}
.text---large-3.services-intro-hero.price-text {
font-size: 50px;
}
.text---large-3.services-intro-hero.price-text.white {
color: #f0f0f0;
width: auto;
padding-left: 10px;
font-size: 60px;
font-weight: 300;
line-height: 1.2;
}
.text---large-3.services-intro-hero.price-text.white.play-sub-color {
color: #7435fc;
letter-spacing: -1px;
width: auto;
padding-left: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 50px;
}
.text---large-3.services-intro-hero.price-text.white.play-sub-color:lang(ko), .text---large-3.services-intro-hero.price-text.white.play-sub-color.manrope:lang(ko) {
font-weight: 400;
}
.text---large-3.services-intro-hero.price-text.white.play-sub-color.size {
color: var(--play-secondary-color--green);
font-size: 30px;
}
.text---large-3.services-intro-hero.price-text.white.manrope {
width: auto;
padding-left: 0;
font-family: Manrope, sans-serif;
font-size: 60px;
}
.text---large-3.services-intro-hero.price-text.white.left-gap {
padding-left: 0;
}
.text---large-3.services-intro-hero.price-text.white.left-gap.manrope {
letter-spacing: .5px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 28px;
}
.text---large-3.services-intro-hero.price-text.white.left-gap.manrope:lang(ko) {
font-weight: 400;
}
.text---large-3.services-intro-hero.price-text.white {
color: #f0f0f0;
width: auto;
padding-left: 10px;
font-size: 60px;
font-weight: 300;
line-height: 1.2;
}
.text---large-3.services-intro-hero.price-text.white.mobile-set {
display: block;
}
.price-heading-2 {
color: #161615;
background-color: #f0f0f0;
border-radius: 10px 0 0;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}
.price-heading-2.bg-pink {
background-color: #f2a499;
}
.price-heading-2.bg-pink.border-pink {
color: #f2a499;
background-color: #fff0;
border: 1px solid #f2a499;
}
.shift-key-image {
z-index: 200;
aspect-ratio: auto;
object-fit: cover;
background-color: #fff0;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
}
.text---small-2 {
color: #161615;
padding-bottom: 40px;
font-size: 24px;
}
.text---small-2.pink {
color: #f2a499;
font-size: 2.2rem;
}
.text---small-2.pink.mobile.slogan {
font-size: 1.6rem;
}
.text---small-2.pink.mobile.slogan.manrope {
font-family: Manrope, sans-serif;
}
.text---small-2.pink.mobile.slogan.manrope.white {
color: #fff;
margin-top: 100px;
padding-bottom: 0;
}
.text---small-2.play-color {
color: #94fb4d;
margin-top: 20px;
font-size: 2.2rem;
}
.text---small-2.play-color.mobile {
color: #7435fc;
height: 50px;
min-height: 0;
padding-bottom: 0;
font-size: 30px;
line-height: 1;
display: none;
}
.text---small-2.air-color {
color: #91f758;
font-size: 2.2rem;
}
.text---small-2.green {
color: #64ffbc;
font-family: Bdogrotesk;
font-size: 2.2rem;
}
.text---head-product---title-white-2 {
color: #f0f0f0;
text-align: left;
padding-bottom: 20px;
font-family: Bdogrotesk;
font-size: 44px;
font-weight: 400;
line-height: 1.2;
}
.text---head-product---title-white-2.pink {
color: #f2a499;
padding-bottom: 10px;
}
.text---head-product---title-white-2.pink.manrope {
font-family: Manrope, sans-serif;
}
.text---head-product---title-white-2.pink.manrope.white {
color: #fff;
}
.button-base-2 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-2:hover {
opacity: 1;
}
.text-span-39 {
color: #909090;
font-size: 28px;
text-decoration: none;
}
.text-span-39.delline {
text-decoration: line-through;
display: none;
}
.small-txt-2 {
color: #227cff;
font-size: 14px;
}
.button-base-mask-3-1 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button-base-mask-3-1:lang(ko) {
background-color: #227cff;
}
.button-base-mask-3-1.manrope {
font-family: Manrope, sans-serif;
}
.button-base-mask-3-1.manrope.orange {
background-color: orange;
}
.text-span-40 {
color: #f2a499;
}
.text-span-41 {
color: #909090;
font-size: 14px;
}
.text-span-41.del {
display: none;
}
.link-15 {
color: #161615;
text-align: right;
justify-content: flex-start;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
font-size: 15px;
display: flex;
}
.link-15.white {
color: #f0f0f0;
}
.clear-video-5 {
box-sizing: border-box;
object-fit: contain;
border-radius: 0;
flex-flow: column;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 26em;
min-width: auto;
height: 17em;
min-height: auto;
margin: 0;
padding-top: 0;
display: block;
position: relative;
overflow: visible;
}
.vc_plugin_01-5 {
object-fit: contain;
flex: 0 auto;
width: 65%;
height: 65%;
position: absolute;
top: auto;
left: auto;
overflow: auto;
}
.grid-shift-pricing-3 {
grid-column-gap: 2px;
grid-row-gap: 2px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr .25fr 1fr 1fr;
width: 100%;
margin-top: 40px;
margin-left: auto;
}
.grey-3 {
color: #a9a9a9;
}
.grey-3.mobile.padding.blue.price.txt-small {
font-size: 16px;
}
.grey-3.blue {
color: #227cff;
}
.grey-3.blue.price {
padding-left: 10px;
}
.grey-3.blue.price.size {
font-size: 16px;
}
.grey-3.large {
font-size: 30px;
}
.grey-3.large.price {
font-size: 40px;
}
.grey-3.large.price.white {
color: #f0f0f0;
}
.grey-3.large.price.white.plus {
text-align: center;
font-weight: 300;
}
.grey-3.large.price.white.padding {
padding-left: 10px;
text-decoration: none;
}
.grey-3.large.price.white.padding.mobile-txt.green {
color: #91f758;
}
.grey-3.dark {
color: #5d5d5d;
}
.arrow-6 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 14px;
height: 14px;
display: block;
position: relative;
}
.monthly-subscrition-3 {
color: #909090;
font-size: 20px;
text-decoration: none;
}
.button-base-text-3 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-3.manrope {
font-family: Manrope, sans-serif;
}
.button-base-text-3.small {
font-size: 18px;
}
.heading-12 {
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
font-weight: 400;
position: relative;
}
.heading-12.product-txt {
color: #64ffbc;
text-align: left;
padding-top: 10px;
font-weight: 400;
}
.heading-12.product-txt.white {
color: #f0f0f0;
font-weight: 300;
}
.heading-12.product-txt.white.gap {
margin-top: 60px;
margin-bottom: 40px;
}
.clear-7 {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.contents-hero-holder-sfhit-3 {
background-color: #161615;
margin-bottom: 0;
padding: 60px 20px 0;
}
.contents-hero-holder-sfhit-3.mobile {
padding-bottom: 0;
overflow: hidden;
}
.price-heading-3 {
color: #161615;
background-color: #f0f0f0;
border-radius: 10px 0 0;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}
.price-heading-3.bg-pink {
background-color: #f2a499;
}
.price-heading-3.bg-pink.border-pink {
color: #f2a499;
background-color: #fff0;
border: 1px solid #f2a499;
}
.vectors-wrapper-72 {
aspect-ratio: auto;
object-fit: cover;
background-color: #fff0;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
}
.text---head-product---title-white-3 {
color: #f0f0f0;
text-align: left;
padding-bottom: 20px;
font-family: Bdogrotesk;
font-size: 44px;
font-weight: 400;
line-height: 1.2;
}
.text---head-product---title-white-3.pink {
color: #f2a499;
padding-bottom: 10px;
}
.text---head-product---title-white-3.pink.manrope {
font-family: Manrope, sans-serif;
}
.text---head-product---title-white-3.pink.manrope.white {
color: #fff;
letter-spacing: -.5px;
}
.text---head-product---title-white-3.air-color {
color: #64ffbc;
}
.text---head-product---title-white-3.air-color.mobile-padding {
color: #91f758;
}
.text---head-product---title-white-3.clear-color {
color: #64ffbc;
}
.button-base-3 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-3:hover {
opacity: 1;
}
.button-base-3.orange {
background-color: var(--c-secondary--orange);
}
.button-base-3.aligan {
flex-flow: wrap;
flex: 0 auto;
order: 1;
justify-content: center;
align-self: baseline;
align-items: center;
}
.button-base-3.aligan.play-btn-color {
background-color: #94fb4d;
}
.button-base-3.shift2-0-blue {
background-color: var(--c-primary--blue-500);
height: 36px;
}
.text-span-42 {
color: #909090;
font-size: 28px;
text-decoration: none;
}
.text-span-42.delline {
text-decoration: line-through;
display: none;
}
.small-txt-3 {
color: #227cff;
font-size: 14px;
}
.button-base-mask-3---shift2-0 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button-base-mask-3---shift2-0:lang(ko) {
background-color: #227cff;
}
.button-base-mask-3---shift2-0.manrope {
border: 0px none var(--c-primary--bg);
background-color: var(--c-secondary--color);
color: #161615;
font-family: Manrope, sans-serif;
}
.button-base-mask-3---shift2-0.manrope.orange {
background-color: orange;
}
.section-9 {
height: 200px;
}
.audio-card-2-copy {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1c79_Kai_360x2.avif");
background-size: cover;
width: 180px;
height: 180px;
position: relative;
}
.audio-card-3 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1eab_Molk_360x2.avif");
background-size: cover;
width: 180px;
height: 180px;
position: relative;
}
.audio-card-1 {
border-radius: 6px;
width: 232px;
min-width: 224px;
height: 232px;
min-height: 224px;
position: relative;
}
.audio-card-4 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1dd5_Coco_360x2%20(2)%201.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 180px;
height: 180px;
position: relative;
}
.audio-card-5 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1dd7_Cedric_360x2.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 180px;
height: 180px;
position: relative;
}
.marquee_chat-img {
border-radius: 20px;
width: 2rem;
height: 2rem;
}
.showcase_marquee_wrapper {
box-sizing: border-box;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
aspect-ratio: auto;
object-fit: fill;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-width: 100%;
margin-top: 5px;
margin-bottom: 5px;
transition: opacity .2s;
display: flex;
overflow: visible;
}
.showcase_marquee_track {
flex: none;
display: flex;
overflow: visible;
}
.hide {
display: none;
}
.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;
}
.showcase_controls_pause {
flex-flow: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.marquee_pfp {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: #242424;
border-radius: 20rem;
flex: none;
justify-content: center;
align-items: center;
width: 150px;
margin-left: .5rem;
margin-right: .5rem;
padding: 0;
font-size: .85rem;
font-weight: 500;
display: flex;
}
.expert_help-title {
color: #1c2431;
padding: 1rem;
font-size: 1.25rem;
font-weight: 500;
}
.marquee_color {
background-color: #ab88fd;
border-radius: 2rem;
flex: none;
width: 12.5rem;
height: 100%;
margin-right: 1rem;
}
.marquee_color.cyan {
background-color: #63e5e1;
width: 7.5rem;
}
.marquee_color.red {
background-color: #fe6b6b;
width: 3.5rem;
}
.marquee_color.orange {
background-color: #ff7837;
width: 3.5rem;
}
.marquee_color.yellow {
background-color: #ffd84a;
}
.marquee_color.green {
background-color: #00c74e;
width: 7.5rem;
}
.expert_help-link {
color: #fff;
background-color: #165ff2;
width: 100%;
padding: .75rem 1rem .65rem;
font-size: 1.25rem;
font-weight: 500;
}
.expert_help {
background-color: #faf8f2;
border: .75px solid #dbdad4;
border-radius: 4px;
flex-flow: column;
width: 24rem;
display: flex;
position: fixed;
bottom: 1rem;
right: 1rem;
overflow: hidden;
}
.showcase_marquee_list {
flex: none;
height: 100%;
overflow: hidden;
}
.section_showcase {
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: auto;
padding-top: 3rem;
padding-bottom: 3rem;
display: flex;
overflow: hidden;
}
.showcase_controls_play {
flex-flow: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: none;
}
.showcase_marquee_flex {
object-fit: contain;
align-items: flex-end;
height: 100%;
display: flex;
position: relative;
}
.marquee-page {
margin-top: 40px;
margin-bottom: 40px;
}
.marquee-page:lang(ja) {
padding-bottom: 20px;
}
.maruqee-main {
justify-content: center;
min-width: 100%;
max-width: 100%;
min-height: 100%;
max-height: 100%;
margin-top: 0;
padding-top: 20px;
padding-bottom: 10px;
display: block;
position: relative;
overflow: visible;
}
.maruqee-main:lang(ja) {
padding-top: 0;
}
.marquee-button {
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;
}
.marquee-button:hover {
box-shadow: 0 0 .5rem .25rem #00000014;
}
.marquee-button:active {
box-shadow: none;
}
.section_showcase-2 {
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-items: stretch;
height: auto;
min-height: auto;
padding-top: 3rem;
padding-bottom: 3rem;
display: flex;
position: relative;
overflow: hidden;
}
.section_showcase-2:lang(ja) {
padding-top: 0;
}
.paragraph-3, .paragraph-4, .paragraph-5, .paragraph-6, .paragraph-7, .paragraph-8 {
color: var(--c-grey--150);
font-family: Manrope, sans-serif;
font-weight: 500;
}
.showcase_marquee_track-2 {
flex-flow: row-reverse;
flex: none;
display: flex;
overflow: visible;
}
.image-13, .image-14, .image-15, .image-16, .image-17 {
position: absolute;
}
.audio-card-image {
border-radius: 8px;
width: 232px;
height: 232px;
position: absolute;
}
.fade-left {
z-index: 10;
cursor: none;
background-image: linear-gradient(90deg, #161615 30%, #0000);
width: 150px;
height: 100%;
display: flex;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.fade-right {
z-index: 2;
cursor: none;
background-image: linear-gradient(270deg, #161615 30%, #0000);
flex-flow: row-reverse;
width: 150px;
height: 100%;
display: flex;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.container-18 {
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 5em 2.5em;
}
.marquee-wrapper {
width: 100%;
height: 39em;
position: relative;
overflow: hidden;
}
.marquee-track {
justify-content: flex-start;
align-items: center;
display: flex;
}
.marquee-list {
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.marquee-item {
border-left: 1px solid #dfdfdf3b;
flex-direction: column;
flex: none;
justify-content: flex-start;
align-items: flex-start;
width: 31em;
padding-left: 2.5em;
padding-right: 2.5em;
display: flex;
}
.image-19 {
border-radius: 8px;
}
.name-text {
z-index: 10;
color: var(--c-grey--white);
position: absolute;
bottom: 15px;
left: 18px;
}
.gradient-overlay {
z-index: 5;
cursor: auto;
background-image: linear-gradient(0deg, #00000061, #0000 53%);
border-radius: 8px;
position: absolute;
inset: 0;
overflow: hidden;
}
.shift-image2-0 {
border-radius: 10px;
margin-top: 20px;
padding-top: 0;
}
.div-block-22 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
width: auto;
height: 20px;
display: none;
}
.notice-popup {
z-index: 9999999;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--c-grey--700);
border-radius: 8px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
min-width: auto;
margin-left: auto;
margin-right: auto;
padding: 24px;
display: flex;
position: fixed;
inset: 50% auto auto 50%;
overflow: visible;
transform: translate(-50%, -50%);
}
.text-block-6 {
color: var(--c-grey--white);
}
.extra-large-txt-sub-white {
color: var(--c-primary--main);
justify-content: flex-start;
font-family: Bdogrotesk;
font-size: 19px;
line-height: 1.3;
}
.extra-large-txt-sub-white.how-paragraph {
margin-top: 20px;
}
.extra-large-txt-sub-white.how-we-do-it {
margin-bottom: 20px;
}
.extra-large-txt-sub-white.to-expect {
white-space: nowrap;
}
.extra-large-txt-sub-white.service-about {
margin-bottom: 20px;
}
.extra-large-txt-sub-white.padding-top-20px {
padding-top: 20px;
}
.extra-large-txt-sub-white.white {
color: var(--c-primary--bg);
font-size: 1.5rem;
line-height: 1.1;
display: block;
}
.extra-large-txt-sub-white.padding {
margin-bottom: 20px;
}
.subheading-wrapper-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.ad-banner-2 {
margin-bottom: 100px;
padding-left: 20px;
padding-right: 20px;
display: block;
}
.ad-banner-2.mobile {
height: 100%;
display: block;
}
.ad-banner-2.mobile:lang(ko) {
display: block;
}
.ad-banner-2.mobile.fixed-height {
min-height: 240px;
}
.ad-banner-2.mobile.fixed-height.spacing {
margin-bottom: 20px;
display: block;
}
.ad-banner-2.mobile.fixed-height.spacing:lang(ko) {
display: none;
}
.ad-banner-2.mobile.fixed-height.spacing:lang(ja), .ad-banner-2.mobile {
display: block;
}
.ad-banner-2.mobile {
overflow: hidden;
}
.tabs-menu3 {
flex-direction: column;
width: 40%;
margin-right: 8%;
display: flex;
}
.tab-button-progress-2 {
background-color: #227cff;
width: 1%;
height: 100%;
}
.tabs-content-3 {
width: 60%;
}
.section-title-wrap-3 {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 20px;
display: flex;
}
.section-title-wrap-3.show---flex {
grid-column-gap: 0px;
grid-row-gap: 0px;
display: flex;
}
.text-span-43 {
color: #909090;
font-size: 14px;
}
.text-span-43.del {
display: none;
}
.image-20 {
width: 232px;
height: 232px;
position: absolute;
}
.service-intro-section-2-0-2 {
background-color: #161615;
border-radius: 20px 20px 0 0;
flex-direction: column;
padding-bottom: 5vh;
display: flex;
overflow: hidden;
}
.service-intro-section-2-0-2.shift-demo-section-copy {
background-color: #202020;
border-radius: 0;
}
.grey-4 {
color: #a9a9a9;
}
.grey-4.blue {
color: #227cff;
}
.grey-4.blue.price {
padding-left: 10px;
}
.grey-4.large {
font-size: 30px;
}
.grey-4.large.price {
font-size: 40px;
}
.grey-4.large.price.white {
color: #f0f0f0;
}
.grey-4.large.price.white.plus {
text-align: center;
font-weight: 300;
}
.grey-4.large.price.white.padding {
padding-left: 10px;
text-decoration: none;
}
.grey-4.dark {
color: #5d5d5d;
}
.brand-div-5 {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 60px;
padding: 10px 20px;
display: flex;
}
.name-text-2 {
z-index: 10;
color: #fff;
position: absolute;
bottom: 15px;
left: 18px;
}
.pre2-0-section-2 {
background-color: #161615;
overflow: hidden;
}
.pre2-0-section-2.black {
background-color: #161615;
}
.text-span-44 {
color: #909090;
font-size: 28px;
text-decoration: none;
}
.text-span-44.delline {
text-decoration: line-through;
display: none;
}
.field-label-3 {
color: var(--c-grey--50);
font-size: 13px;
font-weight: 400;
}
.field-label-4 {
color: var(--c-grey--white);
}
.checkbox-ok {
display: flex;
}
.checkbox-field-2 {
padding-right: 20px;
display: block;
position: relative;
bottom: auto;
left: 50%;
right: 50px;
}
.checkbox-label {
color: var(--c-grey--white);
font-size: 15px;
position: absolute;
}
.submit-button-3 {
outline-offset: 0px;
background-color: #0000;
border-radius: 20px;
outline: 1.5px solid #f5f5ef;
margin-top: 16px;
padding: 10px 16px;
font-size: 14px;
font-weight: 300;
position: absolute;
left: auto;
right: auto;
}
.checkbox-3 {
font-size: 14px;
position: absolute;
bottom: auto;
}
.form-2 {
position: relative;
}
.text-span-45 {
color: #909090;
}
.shift2-0-keytitle {
width: 70%;
font-size: 3.2rem;
font-weight: 400;
line-height: 1.1;
}
.shift2-0-keytitle.intro-page {
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 2.2rem;
}
.shift2-0-keytitle.intro-page.small-text {
font-size: 1.8rem;
}
.shift2-0-keytitle.intro-page.small-text.pink.manrope.green {
color: var(--c-secondary--orange);
text-align: center;
margin-bottom: 220px;
font-size: 2.5rem;
position: absolute;
}
.shift2-0-keytitle.intro-page.small-text.pink.manrope.green.bold {
font-weight: 500;
}
.shift2-0-keytitle.intro-page.small-text.pink.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.shift2-0-keytitle.intro-page.small-text.pink.manrope.green.bold-copy {
font-weight: 500;
}
.shift2-0-keytitle.intro-page.small-text.play-color {
width: 50%;
color: var(--c-primary--bg);
}
.shift2-0-keytitle.intro-page.small-text.green {
color: var(--play-secondary-color--green);
}
.shift2-0-keytitle.intro-page.small-text.api-color {
color: var(--c-secondary--api-green);
font-size: 34px;
}
.shift2-0-keytitle.intro-page.small-text.api-color.manrope {
font-family: Manrope, sans-serif;
}
.shift2-0-keytitle.intro-page.small-text.gap {
margin-left: 20px;
}
.shift2-0-keytitle.intro-page.small-text.pink {
color: #f2a499;
}
.shift2-0-keytitle.intro-page.small-text.pink.manrope {
margin-bottom: 40px;
font-size: 2.2rem;
}
.shift2-0-keytitle.intro-page.small-text.pink.manrope.orange {
color: #f1953e;
}
.shift2-0-keytitle.intro-page.small-text.pink.manrope.orange.pre2-0title {
font-size: 2.2rem;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.green {
color: var(--c-secondary--orange);
text-align: center;
margin-bottom: 220px;
font-size: 2.5rem;
position: absolute;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.green.bold {
font-weight: 500;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.green.bold-copy {
font-weight: 500;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.orange, .shift2-0-keytitle.intro-page.small-text.white.manrope.orange-copy {
z-index: 200;
color: var(--c-secondary--orange);
z-index: 200;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope-copy {
color: var(--c-grey--white);
text-align: center;
margin-bottom: 500px;
font-size: 2.2rem;
font-weight: 300;
position: absolute;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope-copy.green {
color: var(--c-secondary--orange);
text-align: center;
margin-bottom: 220px;
font-size: 2.5rem;
position: absolute;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope-copy.green.bold {
font-weight: 500;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope-copy.green.pre2-0title {
font-size: 2.2rem;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope-copy.green.bold-copy {
font-weight: 500;
}
.shift2-0-keytitle.intro-page.small-text.white {
color: #f2a499;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope {
z-index: 10;
color: #fff;
text-align: center;
margin-bottom: 500px;
font-size: 2.4rem;
font-weight: 300;
position: absolute;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.orange, .shift2-0-keytitle.intro-page.small-text.white.manrope.orange-copy {
z-index: 200;
color: #f1953e;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.orange-copy.mobile {
z-index: 10;
text-align: left;
letter-spacing: .5px;
word-break: normal;
-webkit-text-decoration-skip-ink: auto;
text-decoration-skip-ink: auto;
z-index: 10;
text-align: center;
width: 100%;
margin-bottom: 0;
position: static;
top: 50px;
}
.shift2-0-keytitle.intro-page.white {
color: var(--c-primary--bg);
}
.shift2-0-keytitle.intro-page.play-color {
width: 100%;
color: var(--c-primary--bg);
}
.shift2-0-keytitle.intro-page.play-color.api-color {
color: var(--c-secondary--api-green);
}
.shift2-0-keytitle.intro-page.play-color.padding {
margin-bottom: 20px;
font-size: 1.4rem;
font-weight: 400;
}
.shift2-0-keytitle.intro-page.play-color.play-point {
font-size: 60px;
}
.shift2-0-keytitle.intro-page.play-color.play-point.play-sub-color {
color: var(--c-secondary--play-sub);
}
.shift2-0-keytitle.intro-page.play-color.play-point.manrope {
font-family: Manrope, sans-serif;
font-size: 48px;
}
.shift2-0-keytitle.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 56px;
}
.shift2-0-keytitle.intro-page.play-color.top-p {
padding-top: 20px;
}
.shift2-0-keytitle.intro-page.play-color.top-p.manrope {
font-family: Manrope, sans-serif;
}
.shift2-0-keytitle.intro-page.play-color.small {
font-size: 1rem;
font-weight: 300;
}
.shift2-0-keytitle.intro-page.play-color.manrope {
font-family: Manrope, sans-serif;
}
.shift2-0-keytitle.intro-page.green {
color: var(--c-secondary--mint-green);
}
.shift2-0-keytitle.intro-page.green.air-green {
color: var(--play-secondary-color--green);
}
.shift2-0-keytitle.intro-page.green.manrope {
font-family: Manrope, sans-serif;
}
.shift2-0-keytitle.intro-page.green.manrope.gap {
padding-bottom: 20px;
}
.shift2-0-keytitle.intro-page.pink.manrope.orange {
color: var(--c-secondary--orange);
}
.shift2-0-keytitle.intro-page.api-color {
color: var(--c-secondary--api-green);
}
.shift2-0-keytitle.intro-page.api-color.manrope {
font-family: Manrope, sans-serif;
}
.shift2-0-keytitle.intro-page.pink {
color: #f2a499;
}
.shift2-0-keytitle.intro-page.pink.manrope {
margin-bottom: 40px;
font-family: Manrope, sans-serif;
}
.shift2-0-subtitle {
width: 70%;
font-size: 3.2rem;
font-weight: 400;
line-height: 1.1;
}
.shift2-0-subtitle.intro-page {
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 2.2rem;
}
.shift2-0-subtitle.intro-page.small-text {
z-index: 100;
color: var(--c-grey--50);
text-align: center;
margin-bottom: 375px;
font-size: 1.4rem;
font-weight: 300;
position: absolute;
}
.shift2-0-subtitle.intro-page.small-text.pink.manrope.green {
color: var(--c-secondary--orange);
text-align: center;
margin-bottom: 220px;
font-size: 2.5rem;
position: absolute;
}
.shift2-0-subtitle.intro-page.small-text.pink.manrope.green.bold {
font-weight: 500;
}
.shift2-0-subtitle.intro-page.small-text.pink.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.shift2-0-subtitle.intro-page.small-text.pink.manrope.green.bold-copy {
font-weight: 500;
}
.shift2-0-subtitle.intro-page.small-text.play-color {
width: 50%;
color: var(--c-primary--bg);
}
.shift2-0-subtitle.intro-page.small-text.green {
color: var(--play-secondary-color--green);
}
.shift2-0-subtitle.intro-page.small-text.api-color {
color: var(--c-secondary--api-green);
font-size: 34px;
}
.shift2-0-subtitle.intro-page.small-text.api-color.manrope {
font-family: Manrope, sans-serif;
}
.shift2-0-subtitle.intro-page.small-text.gap {
margin-left: 20px;
}
.shift2-0-subtitle.intro-page.small-text.pink {
color: #f2a499;
}
.shift2-0-subtitle.intro-page.small-text.pink.manrope {
margin-bottom: 40px;
font-size: 2.2rem;
}
.shift2-0-subtitle.intro-page.small-text.pink.manrope.orange {
color: #f1953e;
}
.shift2-0-subtitle.intro-page.small-text.pink.manrope.orange.pre2-0title {
font-size: 2.2rem;
}
.shift2-0-subtitle.intro-page.small-text.white {
color: var(--c-secondary--pink);
}
.shift2-0-subtitle.intro-page.small-text.white.manrope {
color: var(--c-grey--white);
text-align: center;
margin-bottom: 500px;
font-size: 2.5rem;
font-weight: 300;
position: absolute;
}
.shift2-0-subtitle.intro-page.small-text.white.manrope.green {
color: var(--c-secondary--orange);
text-align: center;
margin-bottom: 220px;
font-size: 2.5rem;
position: absolute;
}
.shift2-0-subtitle.intro-page.small-text.white.manrope.green.bold {
font-weight: 500;
}
.shift2-0-subtitle.intro-page.small-text.white.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.shift2-0-subtitle.intro-page.small-text.white.manrope.green.bold-copy {
font-weight: 500;
}
.shift2-0-subtitle.intro-page.small-text.white.manrope-copy {
color: var(--c-grey--white);
text-align: center;
margin-bottom: 400px;
font-size: 2.2rem;
font-weight: 300;
position: absolute;
}
.shift2-0-subtitle.intro-page.small-text.white.manrope-copy.green {
color: var(--c-secondary--orange);
text-align: center;
margin-bottom: 220px;
font-size: 2.5rem;
position: absolute;
}
.shift2-0-subtitle.intro-page.small-text.white.manrope-copy.green.bold {
font-weight: 500;
}
.shift2-0-subtitle.intro-page.small-text.white.manrope-copy.green.pre2-0title {
font-size: 2.2rem;
}
.shift2-0-subtitle.intro-page.small-text.white.manrope-copy.green.bold-copy {
font-weight: 500;
}
.shift2-0-subtitle.intro-page.white {
color: var(--c-primary--bg);
}
.shift2-0-subtitle.intro-page.play-color {
width: 100%;
color: var(--c-primary--bg);
}
.shift2-0-subtitle.intro-page.play-color.api-color {
color: var(--c-secondary--api-green);
}
.shift2-0-subtitle.intro-page.play-color.padding {
margin-bottom: 20px;
font-size: 1.4rem;
font-weight: 400;
}
.shift2-0-subtitle.intro-page.play-color.play-point {
font-size: 60px;
}
.shift2-0-subtitle.intro-page.play-color.play-point.play-sub-color {
color: var(--c-secondary--play-sub);
}
.shift2-0-subtitle.intro-page.play-color.play-point.manrope {
font-family: Manrope, sans-serif;
font-size: 48px;
}
.shift2-0-subtitle.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 56px;
}
.shift2-0-subtitle.intro-page.play-color.top-p {
padding-top: 20px;
}
.shift2-0-subtitle.intro-page.play-color.top-p.manrope {
font-family: Manrope, sans-serif;
}
.shift2-0-subtitle.intro-page.play-color.small {
font-size: 1rem;
font-weight: 300;
}
.shift2-0-subtitle.intro-page.play-color.manrope {
font-family: Manrope, sans-serif;
}
.shift2-0-subtitle.intro-page.green {
color: var(--c-secondary--mint-green);
}
.shift2-0-subtitle.intro-page.green.air-green {
color: var(--play-secondary-color--green);
}
.shift2-0-subtitle.intro-page.green.manrope {
font-family: Manrope, sans-serif;
}
.shift2-0-subtitle.intro-page.green.manrope.gap {
padding-bottom: 20px;
}
.shift2-0-subtitle.intro-page.pink.manrope.orange {
color: var(--c-secondary--orange);
}
.shift2-0-subtitle.intro-page.api-color {
color: var(--c-secondary--api-green);
}
.shift2-0-subtitle.intro-page.api-color.manrope {
font-family: Manrope, sans-serif;
}
.shift2-0-subtitle.intro-page.pink {
color: #f2a499;
}
.shift2-0-subtitle.intro-page.pink.manrope {
margin-bottom: 40px;
font-family: Manrope, sans-serif;
}
.shift2-0-subtitle.intro-page.small-text-copy {
z-index: 100;
color: var(--c-grey--50);
text-align: center;
margin-bottom: 375px;
font-size: 1.4rem;
font-weight: 300;
position: absolute;
}
.shift2-0-subtitle.intro-page.small-text-copy.pink.manrope.green {
color: var(--c-secondary--orange);
text-align: center;
margin-bottom: 220px;
font-size: 2.5rem;
position: absolute;
}
.shift2-0-subtitle.intro-page.small-text-copy.pink.manrope.green.bold {
font-weight: 500;
}
.shift2-0-subtitle.intro-page.small-text-copy.pink.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.shift2-0-subtitle.intro-page.small-text-copy.pink.manrope.green.bold-copy {
font-weight: 500;
}
.shift2-0-subtitle.intro-page.small-text-copy.play-color {
width: 50%;
color: var(--c-primary--bg);
}
.shift2-0-subtitle.intro-page.small-text-copy.green {
color: var(--play-secondary-color--green);
}
.shift2-0-subtitle.intro-page.small-text-copy.api-color {
color: var(--c-secondary--api-green);
font-size: 34px;
}
.shift2-0-subtitle.intro-page.small-text-copy.api-color.manrope {
font-family: Manrope, sans-serif;
}
.shift2-0-subtitle.intro-page.small-text-copy.gap {
margin-left: 20px;
}
.shift2-0-subtitle.intro-page.small-text-copy.pink {
color: #f2a499;
}
.shift2-0-subtitle.intro-page.small-text-copy.pink.manrope {
margin-bottom: 40px;
font-size: 2.2rem;
}
.shift2-0-subtitle.intro-page.small-text-copy.pink.manrope.orange {
color: #f1953e;
}
.shift2-0-subtitle.intro-page.small-text-copy.pink.manrope.orange.pre2-0title {
font-size: 2.2rem;
}
.shift2-0-subtitle.intro-page.small-text-copy.white {
color: var(--c-secondary--pink);
}
.shift2-0-subtitle.intro-page.small-text-copy.white.manrope {
color: var(--c-grey--white);
text-align: center;
margin-bottom: 500px;
font-size: 2.5rem;
font-weight: 300;
position: absolute;
}
.shift2-0-subtitle.intro-page.small-text-copy.white.manrope.green {
color: var(--c-secondary--orange);
text-align: center;
margin-bottom: 220px;
font-size: 2.5rem;
position: absolute;
}
.shift2-0-subtitle.intro-page.small-text-copy.white.manrope.green.bold {
font-weight: 500;
}
.shift2-0-subtitle.intro-page.small-text-copy.white.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.shift2-0-subtitle.intro-page.small-text-copy.white.manrope.green.bold-copy {
font-weight: 500;
}
.shift2-0-subtitle.intro-page.small-text-copy.white.manrope-copy {
color: var(--c-grey--white);
text-align: center;
margin-bottom: 400px;
font-size: 2.2rem;
font-weight: 300;
position: absolute;
}
.shift2-0-subtitle.intro-page.small-text-copy.white.manrope-copy.green {
color: var(--c-secondary--orange);
text-align: center;
margin-bottom: 220px;
font-size: 2.5rem;
position: absolute;
}
.shift2-0-subtitle.intro-page.small-text-copy.white.manrope-copy.green.bold {
font-weight: 500;
}
.shift2-0-subtitle.intro-page.small-text-copy.white.manrope-copy.green.pre2-0title {
font-size: 2.2rem;
}
.shift2-0-subtitle.intro-page.small-text-copy.white.manrope-copy.green.bold-copy {
font-weight: 500;
}
.shift2-0-subtitle.intro-page.small-text {
z-index: 100;
color: #f4f4f4;
text-align: center;
z-index: 100;
text-align: center;
flex-flow: column;
justify-content: center;
width: 100%;
max-width: 100%;
margin-bottom: 0;
font-size: 1.4rem;
font-weight: 300;
display: flex;
position: static;
top: 120px;
bottom: auto;
}
.shift2-0-key-button {
grid-column-gap: 21px;
grid-row-gap: 21px;
text-align: left;
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
width: 50%;
padding-top: 10px;
display: flex;
}
.shift2-0-key-button.gap {
z-index: 100;
text-align: center;
justify-content: center;
align-items: center;
margin-bottom: 240px;
margin-left: 50%;
margin-right: 50%;
padding-top: 0;
position: absolute;
}
.shift2-0-key-button.gap.bottom-margin, .shift2-0-key-button.gap.bottom-margin-copy {
padding-bottom: 40px;
}
.shift2-0-key-button.gap.api-setting {
justify-content: flex-end;
align-items: flex-end;
}
.shift2-0-key-button.gap.api-setting.gap {
padding-top: 10px;
}
.shift2-0-key-button.gap {
z-index: 20;
text-align: center;
z-index: 20;
text-align: right;
z-index: 20;
text-align: center;
flex-flow: row;
justify-content: center;
align-items: center;
width: auto;
margin: 20px auto 0;
padding-top: 0;
position: static;
top: 180px;
}
.shift-key-button {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #0000;
border: 1px solid #f0f0f0;
border-radius: 30px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.shift-key-button:hover {
opacity: 1;
}
.button-base-mask-2-copy {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button-base-mask-2-copy:lang(ko) {
background-color: #227cff;
}
.button-base-mask-2-copy.manrope {
font-family: Manrope, sans-serif;
}
.shift-key-button2 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
border: 1px solid var(--c-grey--white);
background-color: var(--c-primary--main);
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
border-radius: 30px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.shift-key-button2:hover {
opacity: 1;
}
.shift-key-button-text {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.shift-key-button-text.manrope {
color: #f0f0f0;
border: 1px #f0f0f0;
font-family: Manrope, sans-serif;
}
.shift-key-button-text.small {
font-size: 18px;
}
.shift-key-button-base-mask-2-copy {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.shift-key-button-base-mask-2-copy:lang(ko) {
background-color: #227cff;
}
.shift-key-button-base-mask-2-copy.manrope {
font-family: Manrope, sans-serif;
}
.background-video-4 {
position: absolute;
inset: 170px 0 0;
}
.shift-graphic-animation {
object-fit: cover;
position: absolute;
inset: 0;
}
.code-embed-4 {
z-index: 300;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.full-width-banner {
width: 150%;
margin-top: 50px;
margin-left: -300px;
}
.image-21 {
display: block;
}
.text-block-7.white {
text-align: left;
font-weight: 300;
}
.text-span-48 {
color: var(--c-grey--300);
font-size: 36px;
text-decoration: line-through;
}
.link-16 {
text-decoration: underline;
}
.full-width-banner-mobile {
width: 150%;
margin-top: 50px;
margin-left: -300px;
display: none;
overflow: hidden;
}
.extra-large-text-copy {
width: 70%;
font-size: 3.2rem;
font-weight: 400;
line-height: 1.1;
}
.extra-large-text-copy.intro-page {
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 2.2rem;
}
.extra-large-text-copy.intro-page.small-text {
font-size: 1.8rem;
}
.extra-large-text-copy.intro-page.small-text.white {
color: var(--c-primary--bg);
}
.extra-large-text-copy.intro-page.small-text.pink.manrope.green {
color: var(--c-secondary--orange);
margin-top: 20px;
margin-bottom: 10px;
}
.extra-large-text-copy.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 500;
}
.extra-large-text-copy.intro-page.small-text.pink.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.extra-large-text-copy.intro-page.small-text.pink.manrope.green.pre2-0title.white {
color: var(--c-secondary--pink);
margin-top: 20px;
margin-bottom: 0;
font-size: 1.8rem;
}
.extra-large-text-copy.intro-page.small-text.pink.manrope.green.pre2-0title.white.features, .extra-large-text-copy.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy, .extra-large-text-copy.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy {
font-size: 1.4rem;
}
.extra-large-text-copy.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy.mobile {
margin-top: 0;
margin-bottom: 5px;
font-size: 1.2rem;
}
.extra-large-text-copy.intro-page.small-text.pink.manrope.green.bold-copy {
font-weight: 500;
}
.extra-large-text-copy.intro-page.small-text.play-color {
width: 50%;
color: var(--c-primary--bg);
}
.extra-large-text-copy.intro-page.small-text.green {
color: var(--play-secondary-color--green);
}
.extra-large-text-copy.intro-page.small-text.api-color {
color: var(--c-secondary--api-green);
font-size: 34px;
}
.extra-large-text-copy.intro-page.small-text.api-color.manrope {
font-family: Manrope, sans-serif;
}
.extra-large-text-copy.intro-page.small-text.gap {
margin-left: 20px;
}
.extra-large-text-copy.intro-page.small-text.pink {
color: #f2a499;
}
.extra-large-text-copy.intro-page.small-text.pink.manrope {
margin-bottom: 40px;
font-size: 2.2rem;
}
.extra-large-text-copy.intro-page.small-text.pink.manrope.orange {
color: #f1953e;
}
.extra-large-text-copy.intro-page.small-text.pink.manrope.orange.pre2-0title {
font-size: 2.2rem;
}
.extra-large-text-copy.intro-page.white {
color: var(--c-primary--bg);
}
.extra-large-text-copy.intro-page.play-color {
width: 100%;
color: var(--c-primary--bg);
}
.extra-large-text-copy.intro-page.play-color.api-color {
color: var(--c-secondary--api-green);
}
.extra-large-text-copy.intro-page.play-color.padding {
margin-bottom: 20px;
font-size: 1.4rem;
font-weight: 400;
}
.extra-large-text-copy.intro-page.play-color.play-point {
font-size: 60px;
}
.extra-large-text-copy.intro-page.play-color.play-point.play-sub-color {
color: var(--c-secondary--play-sub);
}
.extra-large-text-copy.intro-page.play-color.play-point.manrope {
font-family: Manrope, sans-serif;
font-size: 48px;
}
.extra-large-text-copy.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 56px;
}
.extra-large-text-copy.intro-page.play-color.top-p {
padding-top: 20px;
}
.extra-large-text-copy.intro-page.play-color.top-p.manrope {
font-family: Manrope, sans-serif;
}
.extra-large-text-copy.intro-page.play-color.small {
font-size: 1rem;
font-weight: 300;
}
.extra-large-text-copy.intro-page.play-color.manrope {
font-family: Manrope, sans-serif;
}
.extra-large-text-copy.intro-page.green {
color: var(--c-secondary--mint-green);
}
.extra-large-text-copy.intro-page.green.air-green {
color: var(--play-secondary-color--green);
}
.extra-large-text-copy.intro-page.green.manrope {
font-family: Manrope, sans-serif;
}
.extra-large-text-copy.intro-page.green.manrope.gap {
padding-bottom: 20px;
}
.extra-large-text-copy.intro-page.pink.manrope.orange {
color: var(--c-secondary--orange);
}
.extra-large-text-copy.intro-page.api-color {
color: var(--c-secondary--api-green);
}
.extra-large-text-copy.intro-page.api-color.manrope {
font-family: Manrope, sans-serif;
}
.extra-large-text-copy.intro-page.pink {
color: #f2a499;
}
.extra-large-text-copy.intro-page.pink.manrope {
margin-bottom: 40px;
font-family: Manrope, sans-serif;
}
.shift-key-image-2 {
z-index: 7;
aspect-ratio: auto;
object-fit: cover;
background-color: #fff0;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 85%;
height: auto;
margin-left: auto;
margin-right: auto;
text-decoration: none;
display: block;
position: relative;
inset: 60px auto auto;
}
.text-span-49 {
color: #909090;
font-size: 36px;
text-decoration: line-through;
}
.container---mov-4 {
z-index: 5;
cursor: none;
object-fit: cover;
background-color: #722f2f00;
border-radius: 6px;
flex-flow: row;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: stretch;
width: 100%;
max-width: none;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
inset: 17% 0% 0%;
overflow: visible;
}
.div-block-27 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
width: auto;
height: 20px;
display: none;
}
.showcase_marquee_track-3 {
flex: none;
display: flex;
overflow: visible;
}
.pre2-0-specialoffer-2 {
color: #91f758;
font-size: 30px;
}
.pre2-0-specialoffer-2.mobile {
color: #91f758;
font-weight: 400;
}
.pre2-0-specialoffer-2.mobile.orange {
color: #f1953e;
font-weight: 300;
}
.code-embed-5 {
z-index: 300;
width: 100%;
height: auto;
position: absolute;
inset: 0;
}
.heading-13 {
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
font-weight: 400;
position: relative;
}
.heading-13.product-txt.white.off {
color: #909090;
font-size: 30px;
font-weight: 400;
}
.heading-13.product-txt.white.off.non {
display: none;
}
.heading-13.product-txt.white.gap {
margin-top: 40px;
margin-bottom: 10px;
}
.heading-13.product-txt.white.gap:lang(ko) {
font-weight: 400;
}
.heading-13.product-txt {
text-align: left;
padding-top: 10px;
font-weight: 400;
}
.heading-13.product-txt.white {
color: #f0f0f0;
}
.heading-13.product-txt.white.color-grey {
color: #a9a9a9;
font-size: 14px;
}
.heading-13.product-txt.white {
color: #f0f0f0;
font-weight: 300;
overflow: visible;
}
.heading-13.product-txt.white:lang(ko) {
font-weight: 400;
}
.heading-13.product-txt.white.color-grey {
color: #a9a9a9;
padding-top: 0;
font-size: 14px;
}
.heading-13.product-txt.white.light {
padding-bottom: 10px;
font-weight: 400;
}
.heading-13.product-txt.white.light.upside-padding {
margin-top: 40px;
font-weight: 300;
display: none;
}
.heading-13.product-txt {
color: #64ffbc;
text-align: left;
padding-top: 10px;
font-weight: 400;
}
.heading-13.product-txt.white {
color: #f0f0f0;
font-weight: 300;
}
.heading-13.product-txt.white.height-cus {
text-align: center;
padding-top: 0;
line-height: 2.2;
}
.text-span-50 {
text-align: left;
text-indent: 0%;
white-space: normal;
vertical-align: baseline;
justify-content: flex-start;
align-items: flex-start;
font-size: 36px;
line-height: 1.4;
text-decoration: none;
display: inline-block;
}
.clear-8 {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: 700px;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 40px;
text-decoration: none;
display: block;
position: static;
overflow: visible;
}
.arrow-7 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #f0f0f0;
-webkit-background-clip: text;
background-clip: text;
width: 10px;
height: 10px;
display: block;
position: relative;
}
.vc_plugin_01-6 {
object-fit: contain;
flex: 0 auto;
width: 65%;
height: 65%;
position: absolute;
top: auto;
left: auto;
overflow: auto;
}
.text-span-51 {
color: #909090;
}
.div-block-29 {
margin-bottom: 0;
padding-bottom: 60px;
}
.button-base-text-4 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-4.manrope {
font-family: Manrope, sans-serif;
}
.button-base-text-4.small {
font-size: 18px;
}
.text-span-52 {
color: #f2a499;
}
.image-22 {
border-radius: 8px;
}
.audio-section-mobile {
display: none;
}
.text-span-54 {
color: #f3a499;
}
.text-span-54:lang(ja) {
color: #ffa096;
}
.text-span-55 {
color: var(--c-secondary--pink);
}
.text-span-55:lang(ja) {
color: #ffa096;
}
.text-span-56 {
color: #f3a499;
}
.text-span-56:lang(ja) {
color: #ffa096;
}
.text-span-57, .text-span-58, .text-span-59 {
color: #f1a599;
}
.section-title-wrap-4 {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 20px;
display: flex;
}
.section-title-wrap-4.show---flex {
display: flex;
}
.approach-heading {
color: #f5f5ef;
border-radius: 1px;
margin-bottom: 8px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
}
.approach-heading:lang(ko) {
font-weight: 400;
}
.approach-heading._50 {
width: 70%;
min-width: auto;
min-height: auto;
line-height: 1.3;
}
.approach-heading._50._600 {
color: #2b2b2b;
}
.approach-heading._50-copy {
width: 70%;
min-width: auto;
min-height: auto;
line-height: 1.3;
}
.approach-heading.black {
color: #fff0;
}
.approach-heading.green {
color: #64ffbc;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.approach-heading.green:lang(ko) {
font-weight: 400;
}
.approach-heading.green.air-green {
color: #91f758;
}
.play-sub-color-2, .text-span-60 {
color: #f1a599;
}
.text-span-61 {
color: #227cff;
}
.text-span-61.gray {
color: #f4f4f4;
}
.section-title-wrap-5 {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 20px;
display: flex;
}
.section-title-wrap-5.gap {
grid-column-gap: 19px;
grid-row-gap: 19px;
}
.section-title-wrap-5.black {
background-color: var(--c-primary--main);
}
.section-title-wrap-5.gap-x {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.section-title-wrap-5.show---flex {
grid-column-gap: 32px;
grid-row-gap: 32px;
margin-bottom: 40px;
display: block;
}
.section-title-wrap-5.show---flex.manrope {
font-family: Manrope, sans-serif;
}
.section-title-wrap-5.zdfdg {
margin-bottom: 40px;
}
.section-title-wrap-6 {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 20px;
display: flex;
}
.section-title-wrap-6.show---flex {
display: flex;
}
.gallery-wrap-2 {
padding: 20px;
}
.gallery-wrap-2.padding-side-0 {
height: 100%;
margin-bottom: 0;
padding: 0;
animation: 20s linear infinite scrollGallery;
}
.services-intro-5 {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #161615;
flex-direction: column;
padding: 40px 20px 0;
display: flex;
}
.services-intro-5:lang(ja) {
background-color: #202020;
}
.services-intro-5.pink {
background-color: #f1a599;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-bottom: 20px;
}
.services-intro-5.pink:lang(ja) {
padding-top: 0;
}
.section-title-wrap-7 {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 20px;
display: flex;
}
.section-title-wrap-7.gap {
grid-column-gap: 19px;
grid-row-gap: 19px;
}
.section-title-wrap-7.show---flex {
display: flex;
}
.about-section-padding-2 {
margin-bottom: 40px;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.about-section-padding-2.padding-down {
padding-bottom: 0;
}
.about-section-padding-2.padding-down.padding {
background-color: #f2a499;
padding-bottom: 60px;
}
.about-section {
overflow: hidden;
}
.about-section.black, .about-section.pink {
background-color: #161615;
}
.grey-5 {
color: #a9a9a9;
}
.brand-div-6 {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 60px;
padding: 10px 20px;
display: flex;
}
.our-approach-grid-5 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
justify-content: stretch;
width: 70%;
margin-top: 40px;
margin-left: 0;
}
.our-approach-grid-5.padding {
width: 70%;
margin-top: 10px;
}
.button-base-text-5 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-5.small {
font-size: 18px;
}
.arrow-8 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 14px;
height: 14px;
display: block;
position: relative;
}
.approach-heading-2 {
color: #f5f5ef;
border-radius: 1px;
margin-bottom: 10px;
}
.approach-heading-2._50, .approach-heading-2._50-copy {
width: 70%;
min-width: auto;
min-height: auto;
line-height: 1.3;
}
.button-base-2-copy {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-2-copy:hover {
opacity: 1;
}
.div-block-33 {
z-index: 10;
justify-content: center;
align-items: center;
width: 65%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
top: 0;
}
.shiftpre2-0-keyimage {
position: static;
}
.div-block-34 {
z-index: 20;
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: center;
display: flex;
position: relative;
}
.superscript-3 {
flex-flow: column;
justify-content: center;
display: flex;
position: static;
}
.div-block-36 {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
height: auto;
min-height: 86px;
display: flex;
}
.div-block-36.padding {
margin-bottom: 40px;
}
.about-section-padding-3 {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.about-section-padding-3.padding-down {
padding-bottom: 0;
}
.about-section-padding-3.padding-down.padding {
padding-bottom: 60px;
}
.marquee-page-copy {
margin-top: 40px;
margin-bottom: 40px;
}
.marquee-page-copy:lang(ja) {
padding-bottom: 20px;
}
.button-base-text-6 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-6.button2-2-text {
z-index: 3;
color: #161615;
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text-6.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text-6.button2-2-text.small.play-btn-ver-m {
display: none;
}
.button-type-a-2 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #161615;
text-align: left;
background-color: #f0f0f0;
border: 0 solid #000;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 40px;
padding-left: 40px;
padding-right: 40px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-type-a-2:hover {
opacity: 1;
}
.service-feature-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #dbdbdb;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
width: 100%;
max-width: 320px;
padding: 20px;
display: flex;
}
.service-feature-2.promotion {
background-color: #91f758;
}
.service-feature-2.promotion-none {
background-color: #444;
}
.button---sub-base-mask-2 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button---sub-base-mask-2:lang(ko) {
background-color: #227cff;
}
.button---sub-base-mask-2.play-btn-color {
background-color: #7435fc;
display: block;
}
.button---sub-base-mask-2.partner-color {
background-color: var(--c-secondary--pink);
}
.pricing-feature-tt-2 {
color: #909090;
font-size: 12px;
}
.pricing-feature-tt-2.txt-height {
color: #767676;
padding-bottom: 4px;
line-height: 1;
}
.pricing-feature-tt-2.txt-height.d-grey-txt {
color: var(--c-grey--300);
}
.pricing-feature-tt-2.txt-height.d-grey-txt {
color: #909090;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.pricing-feature-tt-2.txt-height.d-grey-txt:lang(ko) {
font-weight: 400;
}
.pricing-feature-tt-2.d-grey-txt {
color: var(--c-grey--400);
}
.pricing-feature-tt-2.d-grey-txt.transparent {
color: var(--c-grey--trans--0);
}
.pricing-feature-tt-2.d-grey-txt {
color: #767676;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.pricing-feature-tt-2.d-grey-txt:lang(ko) {
font-weight: 400;
}
.text-block-8 {
font-size: 18px;
}
.hl-box-txt-2 {
color: #f0f0f0;
}
.service-intro-section {
border-radius: 20px 20px 0 0;
flex-direction: column;
padding-bottom: 5vh;
display: flex;
overflow: hidden;
}
.service-intro-section.pink {
background-color: #161615;
}
.approach-wrapper-5 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 40px;
display: flex;
}
.play-service-hero-section-base-2 {
background-color: #fff0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.play-service-hero-section-base-2.play {
height: auto;
}
.pricing-feature-section-2 {
background-color: #fff0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.toggle-txt-2 {
color: #f0f0f0;
font-size: 17px;
}
.toggle-txt-2.play-color {
color: #91f758;
}
.image-23 {
order: 0;
width: 30%;
padding-top: 20px;
display: block;
}
.image-23.mobile {
width: 50%;
}
.grey-6 {
color: #a9a9a9;
}
.grey-6.x {
text-decoration: line-through;
}
.grey-6.large {
font-size: 30px;
}
.grey-6.dark {
color: #5d5d5d;
}
.grey-6.dark.small {
font-size: 16px;
}
.arrow-9 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 10px;
height: 10px;
display: block;
position: relative;
}
.text-span-63 {
font-size: 12px;
}
.brand-div-7 {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 60px;
padding: 10px 20px;
display: flex;
}
.services-intro-6 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
padding: 40px 20px;
display: flex;
}
.button-base-4 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-4:hover {
opacity: 1;
}
.play-sub-color-3 {
color: #7435fc;
}
.play-sub-color-3.lighter {
color: #747cdf;
}
.our-approach-grid-6 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
justify-content: stretch;
width: 70%;
margin-top: 40px;
margin-left: 0;
}
.button-mask-type-a-2 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.base-text-9 {
color: #f5f5ef;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
font-family: Bdogrotesk;
font-size: 18px;
line-height: 1.3;
}
.grid-shift-pricing-4 {
grid-column-gap: 2px;
grid-row-gap: 2px;
grid-template-rows: auto auto auto;
grid-template-columns: .6fr 1fr .25fr 1fr 1fr;
width: 100%;
margin-top: 40px;
margin-left: auto;
}
.hl-box-wrapper-2 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #161615;
text-align: left;
background-color: #7435fc;
border: 0 solid #000;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
height: auto;
padding: 4px 10px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.hl-box-wrapper-2:hover {
opacity: 1;
}
.text-span-64 {
font-size: 14px;
}
.text-span-64.g-txt {
color: var(--c-grey--300);
}
.text-span-64.g-txt.padding {
padding-left: 3px;
}
.base-text-10 {
color: #11594f;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
}
.base-text-10.button4-text {
z-index: 3;
color: #161615;
font-size: 20px;
position: relative;
}
.play-obt-hero-wrapper-2 {
z-index: 1;
margin-bottom: -80vh;
position: relative;
}
.play-obt-hero-wrapper-2.play {
margin-bottom: 0;
}
.button---main-base-big-btn-2 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button---main-base-big-btn-2:hover {
opacity: 1;
}
.button---main-base-big-btn-2.play-btn-color {
background-color: #91f758;
border-radius: 40px;
justify-content: center;
align-items: center;
height: 80px;
padding-left: 30px;
padding-right: 30px;
}
.button---main-base-big-btn-2.play-btn-color.partner {
background-color: var(--c-primary--bg);
height: 60px;
}
.button-txt-base-2 {
z-index: 3;
color: #161615;
position: relative;
}
.button-txt-base-2.play-go-try-btn {
font-size: 26px;
}
.button-txt-base-2.play-go-try-btn.manrope {
font-family: Manrope, sans-serif;
}
.button-txt-base-2.play-go-try-btn.manrope.amb {
padding-left: 10px;
padding-right: 10px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 20px;
}
.button-txt-base-2.play-go-try-btn.manrope.amb:lang(ko) {
font-weight: 400;
}
.button-txt-base-2.play-go-try-btn.manrope.amb.partner {
font-size: 24px;
}
.switch-2 {
background-color: var(--c-primary--blue-500);
cursor: pointer;
border-radius: 20px;
align-items: center;
width: 50px;
height: 25px;
padding: 3px;
display: flex;
}
.about-grid-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .5fr .5fr;
width: 100%;
margin-top: 50px;
margin-bottom: 50px;
}
.content-heading-2 {
color: #f5f5ef;
border-radius: 1px;
margin-bottom: 10px;
}
.content-heading-2._50 {
color: #91f758;
width: 70%;
min-width: auto;
min-height: auto;
font-size: 1.6rem;
line-height: 1.3;
}
.content-heading-2._50.mobile.play-color {
color: #f0f0f0;
}
.services-hero-grid-13 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 40px;
padding-bottom: 0;
}
.services-hero-grid-13.gap {
grid-template-columns: 1.75fr .25fr 1fr;
padding-top: 20px;
}
.text-span-65 {
font-weight: 300;
}
.text-span-65:lang(ko) {
font-weight: 400;
}
.pricing-wrapper-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template: "Area" 1fr
/ 1.25fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center;
padding-top: 40px;
padding-bottom: 40px;
display: grid;
}
.pricing {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.pricing.padding-down {
padding-bottom: 60px;
}
.popup-footer {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-flow: column;
justify-content: space-between;
align-items: center;
margin-top: 2px;
display: flex;
}
.submit-button {
justify-content: center;
align-items: center;
margin-bottom: 0;
margin-left: 0;
display: flex;
}
.text-span-66 {
font-size: 36px;
}
.text-span-66.orange, .orange {
color: var(--c-secondary--orange);
}
.text-span-67 {
font-size: 36px;
}
.text-span-67.pink {
color: var(--c-primary--bg);
}
.close-button {
position: absolute;
top: 12px;
left: auto;
right: 16px;
}
.image-24 {
width: 16px;
max-width: 16px;
height: 16px;
max-height: 16px;
}
.popup-overlay {
z-index: 900;
background-color: #00000080;
width: 100vw;
height: 100vh;
display: block;
position: fixed;
top: 0;
left: 0;
}
.ad-container-1--shift {
width: 100%;
max-width: 1312px;
margin-left: auto;
margin-right: auto;
}
.play-go-pricing---temp {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.play-go-pricing---temp.black {
background-color: var(--c-primary--main);
margin-top: 0;
}
.play-go-pricing---temp.bg-black {
background-color: #161615;
margin-top: 140px;
overflow: hidden;
}
.play-go-pricing---temp.bg-black.padding {
margin-top: 100px;
margin-bottom: 0;
}
.play-pricing {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.play-pricing.bg-black.padding {
margin-top: 100px;
margin-bottom: 0;
}
.play-pricing.black {
background-color: var(--c-primary--main);
margin-top: 0;
}
.play-pricing.bg-black {
background-color: #161615;
margin-top: 140px;
overflow: hidden;
}
.play-pricing.bg-black.padding {
background-color: var(--c-grey--trans--0);
margin-top: 100px;
margin-bottom: 0;
}
.service-feature-3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #dbdbdb;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
width: 100%;
max-width: 320px;
padding: 20px;
display: flex;
}
.service-feature-3.promotion {
background-color: #91f758;
}
.service-feature-3.promotion-none {
background-color: #444;
}
.service-feature-3.regular {
background-color: var(--c-grey--700);
flex-flow: column;
max-width: none;
}
.service-feature-3.regular.blue-bg {
background-color: var(--c-primary--blue-500);
}
.service-feature-3.regular.trial-hero {
background-color: var(--c-primary--blue-500);
width: auto;
margin: 0 40px 40px;
padding-left: 40px;
padding-right: 40px;
display: flex;
overflow: visible;
}
.service-feature-3.regular.orange-outline.shift.bg-black {
background-color: var(--c-grey--800);
}
.service-feature-3.regular.orange-outline {
border: 1px solid var(--c-secondary--orange);
background-color: var(--c-grey--700);
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 100%;
}
.service-feature-3.regular.orange-outline.shift {
height: auto;
}
.service-feature-3.regular.blue-outline {
border: 1px solid var(--c-primary--blue-500);
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 100%;
position: relative;
}
.service-feature-3.regular.blue-outline.shift {
height: auto;
}
.service-feature-3.regular.blue-outline.shift.bg-black {
background-color: var(--c-grey--800);
}
.button---sub-base-mask-copy {
z-index: 2;
background-color: var(--c-primary--blue-500);
color: var(--c-primary--main);
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button---sub-base-mask-copy:lang(ko) {
background-color: var(--c-primary--blue-500);
}
.button---sub-base-mask-copy.play-btn-color {
background-color: var(--c-secondary--play-sub);
display: block;
}
.div-block-38 {
justify-content: space-between;
display: flex;
}
.div-block-38._40 {
width: 40%;
}
.top-post {
justify-content: center;
align-items: center;
padding: 150px 30px 60px;
display: flex;
}
.container-19 {
flex-wrap: wrap;
place-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
}
.posts-wrapper {
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.posts-wrapper.cc-top-post {
justify-content: space-between;
}
.top-post-item {
perspective: 2000px;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.posts-collection-list-wrapper {
justify-content: center;
align-items: flex-start;
display: flex;
}
.posts-collection-list {
flex-wrap: wrap;
margin: -25px -10px;
display: flex;
}
._4-collection-item {
flex-wrap: wrap;
width: 25%;
margin-top: 25px;
margin-bottom: 25px;
}
.button-10 {
color: #000;
letter-spacing: 1px;
text-transform: uppercase;
background-color: #fff;
border: 1px solid #000;
justify-content: center;
align-items: center;
margin-top: 90px;
padding: 20px 25px;
font-size: 10px;
font-weight: 600;
line-height: 12px;
transition: background-color .2s, color .2s;
display: flex;
}
.button-10:hover {
color: #fff;
background-color: #000;
}
.blog-examples-wrap {
flex-direction: column;
align-items: stretch;
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
._2-collection-item {
flex-wrap: wrap;
align-items: flex-start;
width: 50%;
padding-top: 25px;
padding-bottom: 25px;
}
.blog-wrapper {
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
}
.blog-collection-item-preview {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 110px auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: stretch;
min-width: auto;
min-height: auto;
margin-top: 100px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: grid;
}
.blog-list-preview {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-height: none;
display: block;
}
.blog-list-wrapper-preview {
max-height: none;
}
.blog-list-wrapper-preview.hide {
display: none;
}
.blog-slide-preview {
max-height: none;
padding-left: 0;
padding-right: 0;
}
.blog-mask-preview {
width: 100%;
overflow: visible;
}
.blog-slider-preview {
background-color: #0000;
flex-direction: row;
justify-content: center;
align-items: center;
height: 100%;
padding-bottom: 50px;
position: relative;
}
.blog-container-preview {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.project-blog-section-preview {
padding-bottom: 20px;
overflow: hidden;
}
.blog-image-wrapper-preview {
object-fit: cover;
width: 100%;
max-height: none;
padding-top: 60%;
position: relative;
overflow: hidden;
}
.blog-info-wrap {
justify-content: space-between;
display: flex;
position: absolute;
inset: auto 10px 10px;
}
.blog-info-wrap.featured-info {
inset: 20px 20px auto;
}
.blog-info-wrap.hide-mobile {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
position: relative;
}
.blog-info-wrap.hide-mobile.blog-position {
bottom: auto;
left: auto;
right: auto;
}
.blog-wrap-preview {
flex-direction: column;
align-items: stretch;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.blog-head {
padding: 20px 20px 0;
}
.blog-head.non-top-padding {
padding-top: 0;
}
.blog-head.padding-30px {
padding-top: 30px;
}
.contents-img {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: left;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 20px;
display: block;
}
.blog.bg-white {
background-color: var(--c-primary--bg);
}
.image-25 {
width: 40%;
display: block;
}
.use-case-wrap {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 20px;
display: flex;
}
.use-case-wrap.gap {
grid-column-gap: 19px;
grid-row-gap: 19px;
}
.use-case-wrap.black {
background-color: var(--c-primary--main);
}
.use-case-wrap.gap-x {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.use-case-wrap.show---flex {
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-bottom: 40px;
display: flex;
}
.use-case-wrap.show---flex.manrope {
font-family: Manrope, sans-serif;
}
.use-case-wrap.zdfdg {
margin-bottom: 40px;
}
.use-case {
background-color: var(--c-grey--700);
border-radius: 0;
flex-direction: column;
padding-bottom: 10vh;
display: flex;
overflow: hidden;
}
.use-case.black {
background-color: var(--c-primary--main);
padding-bottom: 0;
}
.use-case.under-padding {
padding-bottom: 0;
}
.use-case.bg-trans-0 {
background-color: var(--c-grey--trans--0);
padding-bottom: 0;
}
.use-case-section {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
max-width: 1400px;
margin: 1vh auto 5vh;
padding-top: 1vh;
padding-left: 20px;
padding-right: 20px;
display: grid;
position: relative;
}
.use-case-section.padding {
grid-template-columns: 1fr 1fr 1fr;
padding-top: 2vh;
padding-left: 0;
padding-right: 0;
}
.use-case-section.padding.grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.use-case-btn-box {
background-color: var(--c-grey--trans--0);
cursor: pointer;
border-radius: 0;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: auto;
padding: 20px 40px;
display: flex;
}
.use-case-btn-box._2 {
background-color: var(--c-secondary--pink);
min-height: 300px;
}
.use-case-btn-box._2:hover {
opacity: 1;
}
.use-case-btn-box._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
min-height: 300px;
}
.use-case-btn-box._3:hover {
opacity: 1;
}
.use-case-btn-box._1 {
border: 1px solid var(--c-secondary--pink);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.use-case-btn-box._1:hover {
opacity: 1;
}
.use-case-btn-box.api-1 {
border: 1px solid var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.use-case-btn-box.api-1:hover {
opacity: 1;
}
.use-case-btn-box.api-1.api-color {
border-color: var(--c-secondary--api-green);
cursor: auto;
min-height: 200px;
padding-top: 40px;
}
.use-case-btn-box.layout {
flex-flow: row;
padding-left: 0;
padding-right: 0;
}
.use-case-btn-box.vc-box {
border: 1.5px solid var(--c-primary--main);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.use-case-btn-box.vc-box:hover {
opacity: 1;
}
.use-case-btn-box.vc-box.api-color {
border-color: var(--c-secondary--api-green);
min-height: 200px;
}
.use-case---card-top-wrapper {
grid-column-gap: 28px;
grid-row-gap: 28px;
flex-direction: column;
width: 100%;
display: flex;
}
.use-case--card-icon-number {
justify-content: space-between;
display: block;
}
.use-case--card-number {
color: #e9eee2;
text-align: right;
font-size: 14px;
}
.use-case--card-number.beige {
color: #11594f;
}
.use-case--card-number.large {
font-size: 32px;
}
.use-case--card-number.large.card-partners {
text-align: left;
}
.use-case--card-number.large.card-partners.pink {
color: var(--c-secondary--pink);
}
.use-case--card-number.large.card-partners.api-color {
color: var(--c-secondary--api-green);
line-height: 1;
}
.use-case--card-number.large.card-partners.api-color.mobile.manrope {
min-height: 46px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 20px;
}
.use-case--card-number.large.card-partners.api-color.mobile.manrope:lang(ko) {
font-weight: 400;
}
.use-case--card-number.large.card-partners.play-color {
color: var(--c-secondary--api-green);
}
.use-case--card-number.large.card-partners.play-color.mobile {
color: var(--c-primary--bg);
}
.use-case--card-number.large.card-partners.play-color.mobile.manrope {
font-family: Manrope, sans-serif;
}
.use-case--card-number.large.card-partners.play-color.mobile.manrope.sub-txt {
font-size: 20px;
}
.use-case--card-number.txt-black {
color: var(--c-primary--main);
font-size: 12px;
}
.use-case--card-number.txt-black.white {
color: var(--c-primary--bg);
}
.use-case---title-card-wrapper {
background-color: #f6f2e2;
border-radius: 10px;
margin-right: auto;
padding: 5px 15px;
}
.use-case---title-card-wrapper.light {
background-color: #f8a290;
}
.use-case---title-card-wrapper.dark {
background-color: #faf8f7;
}
.use-case---title-card-wrapper.white {
background-color: var(--c-primary--bg);
border-radius: 10px 0 0;
align-items: center;
padding: 0 20px;
display: flex;
}
.use-case---title-card-wrapper.white.card-partners {
padding-top: 10px;
padding-bottom: 10px;
}
.use-case---title-card-wrapper.white.card-partners.pink {
background-color: var(--c-secondary--pink);
}
.use-case---title-card-wrapper.white.card-partners.api-color {
background-color: var(--c-grey--trans--0);
padding: 0 0 20px;
}
.use-case---title-card-wrapper.white.card-partners.api-color._100 {
width: 100%;
}
.use-case---title-card-wrapper.white.card-partners.play-color.manrope {
background-color: var(--c-grey--trans--0);
border: 1.5px solid #000;
border-bottom-style: none;
}
.use-case---title-card-wrapper.white.card-partners.play-color {
background-color: var(--c-secondary--api-green);
}
.use-case---title-card-wrapper.white.card-partners.play-color._100 {
width: 100%;
}
.use-case---chracter-wrapper {
background-color: #f6f2e2;
border-radius: 10px;
margin-right: auto;
padding: 5px 15px;
}
.use-case---chracter-wrapper.light {
background-color: #f8a290;
}
.use-case---chracter-wrapper.dark {
background-color: #faf8f7;
}
.use-case---chracter-wrapper.white {
background-color: var(--c-primary--bg);
border-radius: 10px 0 0;
align-items: center;
padding: 0 20px;
display: flex;
}
.use-case---chracter-wrapper.white.card-partners {
padding-top: 10px;
padding-bottom: 10px;
}
.use-case---chracter-wrapper.white.card-partners.pink {
background-color: var(--c-secondary--pink);
}
.use-case---chracter-wrapper.white.card-partners.api-color {
background-color: var(--c-secondary--api-green);
}
.use-case---chracter-wrapper.white.card-partners.character-img {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1e67_Miya.webp");
background-position: 0 0;
background-size: cover;
border-top-left-radius: 0;
width: 100%;
display: block;
}
.use-case---chracter-wrapper.white.card-partners.character-img-2 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1e65_Jiho.webp");
background-position: 0 0;
background-size: cover;
border-top-left-radius: 0;
width: 100%;
height: 87.3%;
display: block;
}
.use-case---chracter-wrapper.white.card-partners.character-img-3 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1ea6_Hannah.webp");
background-position: 0 0;
background-size: cover;
border-top-left-radius: 0;
width: 100%;
display: block;
}
.use-case---chracter-wrapper.white.card-partners.character-img-4 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1ebc_Andy.webp");
background-position: 0 0;
background-size: cover;
border-top-left-radius: 0;
width: 100%;
display: block;
}
.use-case--name-wrapper {
grid-column-gap: 28px;
grid-row-gap: 28px;
flex-direction: column;
margin-top: 50px;
display: flex;
}
.use-case--name-wrapper.no-margin {
margin-top: 20px;
font-size: 14px;
}
.use-case--name-wrapper.no-margin.gap {
margin-top: 10px;
}
.use-case---voice-play-container {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: grid;
}
.use-case---voice-play-container.padding {
padding-top: 20px;
padding-bottom: 20px;
}
.use-case---voice-play-container.padding.mobile {
grid-column-gap: 7px;
grid-row-gap: 7px;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
display: grid;
}
.use-case---loader-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-right: 1px solid #141314;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.use-case---loader-wrapper.is-first {
border-bottom: 1px solid #141314;
}
.use-case---loader-wrapper.is-fourth {
justify-content: center;
align-items: flex-end;
}
.use-case---loader-wrapper.is-third, .use-case---loader-wrapper.is-second {
border-bottom: 1px solid #141314;
}
.use-case---loader-wrapper.is-fifth, .use-case---loader-wrapper.is-fifth.line-x, .use-case---loader-wrapper.is-last {
border-right-style: none;
}
.base-text-30 {
color: var(--c-grey--400);
justify-content: flex-start;
margin-top: 0;
margin-bottom: 40px;
padding-bottom: 0;
padding-left: 0;
font-family: Bdogrotesk;
font-size: 13px;
line-height: 1.3;
}
.base-text-30.how-paragraph {
margin-top: 20px;
}
.base-text-30.how-we-do-it {
margin-bottom: 20px;
}
.base-text-30.to-expect {
white-space: normal;
}
.base-text-30.to-expect.mobile-20 {
font-size: 30px;
}
.base-text-30.to-expect.mobile-20.manrope {
font-family: Manrope, sans-serif;
}
.base-text-30.service-about {
margin-bottom: 20px;
}
.base-text-30.form-label {
margin-bottom: 0;
font-weight: 400;
}
.base-text-30.form-label.small {
font-size: 14px;
}
.base-text-30.black {
color: var(--c-primary--main);
}
.base-text-30.blue {
color: var(--c-primary--blue-500);
}
.base-text-30.padding-under-30 {
padding-bottom: 30px;
}
.base-text-30.padding-under-30.medium {
font-size: 24px;
}
.base-text-30.padding-under-30.medium.pink {
color: var(--c-secondary--pink);
}
.base-text-30.padding-under-30.medium.pink.manrope.manrope-desktop, .base-text-30.padding-under-30.medium.manrope-desktop {
font-family: Manrope, sans-serif;
}
.base-text-30.form {
margin-top: 0;
padding-bottom: 0;
}
.base-text-30.mobile {
padding-bottom: 0;
}
.base-text-30.mobile.manrope {
font-family: Manrope, sans-serif;
}
.base-text-30.padding-0, .base-text-30.mid {
padding-bottom: 0;
}
.base-text-30.mid.manrope {
font-family: Manrope, sans-serif;
}
.base-text-30.api-color {
color: var(--c-secondary--api-green);
}
.base-text-30.spacing {
margin-bottom: 0;
padding-bottom: 0;
}
.base-text-30.spacing.gap {
margin-left: 20px;
}
.base-text-30.spacing.gap.blk {
color: var(--c-primary--main);
}
.base-text-30.gap {
margin-bottom: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.base-text-30.gap:lang(ko) {
font-weight: 400;
}
.tts-streaming-section {
margin: 60px 20px;
}
.tts-streaming-container {
max-width: 100%;
}
.title-wrap {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: auto;
margin-bottom: 20px;
display: flex;
}
.title-wrap.gap {
grid-column-gap: 19px;
grid-row-gap: 19px;
}
.title-wrap.black {
background-color: var(--c-primary--main);
}
.title-wrap.padding {
margin-bottom: 60px;
}
.tt-600 {
width: 70%;
color: var(--c-primary--bg);
font-family: Manrope, sans-serif;
font-size: 54px;
font-weight: 400;
line-height: 1.1;
}
.tt-600.intro-page {
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 2.2rem;
}
.tt-600.intro-page.small-text {
font-size: 1.8rem;
}
.tt-600.intro-page.small-text.pink.manrope:lang(ko) {
margin-bottom: 10px;
}
.tt-600.intro-page.small-text.pink.manrope.green {
color: var(--c-secondary--orange);
margin-top: 20px;
margin-bottom: 10px;
}
.tt-600.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 500;
}
.tt-600.intro-page.small-text.pink.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.tt-600.intro-page.small-text.pink.manrope.green.pre2-0title.white {
color: var(--c-secondary--pink);
margin-top: 20px;
margin-bottom: 0;
font-size: 1.8rem;
}
.tt-600.intro-page.small-text.pink.manrope.green.pre2-0title.white.features, .tt-600.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy, .tt-600.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy {
font-size: 1.4rem;
}
.tt-600.intro-page.small-text.pink.manrope.green.bold-copy {
font-weight: 500;
}
.tt-600.intro-page.small-text.play-color {
width: 50%;
color: var(--c-primary--bg);
}
.tt-600.intro-page.small-text.green {
color: var(--play-secondary-color--green);
}
.tt-600.intro-page.small-text.api-color {
color: var(--c-secondary--api-green);
font-size: 34px;
}
.tt-600.intro-page.small-text.api-color.manrope {
width: 80%;
font-family: Manrope, sans-serif;
}
.tt-600.intro-page.small-text.gap {
margin-left: 20px;
}
.tt-600.intro-page.small-text.pink {
color: #f2a499;
}
.tt-600.intro-page.small-text.pink.manrope.orange {
color: #f1953e;
}
.tt-600.intro-page.small-text.pink.manrope.orange.pre2-0title {
font-size: 2.2rem;
}
.tt-600.intro-page.small-text.pink.manrope._700 {
color: #202020;
}
.tt-600.intro-page.small-text.pink.manrope {
margin-bottom: 0;
font-size: 2.2rem;
}
.tt-600.intro-page.small-text.white {
color: #f0f0f0;
}
.tt-600.intro-page.white {
color: var(--c-primary--bg);
}
.tt-600.intro-page.play-color {
width: 100%;
color: var(--c-primary--bg);
}
.tt-600.intro-page.play-color.api-color {
color: var(--c-secondary--api-green);
}
.tt-600.intro-page.play-color.play-point.play-sub-color {
color: var(--c-secondary--play-sub);
}
.tt-600.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 56px;
}
.tt-600.intro-page.play-color.top-p {
padding-top: 20px;
}
.tt-600.intro-page.play-color.top-p.manrope {
font-family: Manrope, sans-serif;
}
.tt-600.intro-page.play-color.small {
font-size: 1rem;
font-weight: 300;
}
.tt-600.intro-page.play-color.manrope {
font-family: Manrope, sans-serif;
}
.tt-600.intro-page.green {
color: var(--c-secondary--mint-green);
}
.tt-600.intro-page.green.air-green {
color: var(--play-secondary-color--green);
}
.tt-600.intro-page.green.air-green.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.tt-600.intro-page.green.air-green.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.tt-600.intro-page.green.manrope {
font-family: Manrope, sans-serif;
}
.tt-600.intro-page.green.manrope.gap {
padding-bottom: 20px;
}
.tt-600.intro-page.pink.manrope {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
}
.tt-600.intro-page.pink.manrope:lang(ja) {
flex-flow: row;
padding-top: 20px;
padding-bottom: 0;
display: flex;
}
.tt-600.intro-page.pink.manrope.orange {
color: var(--c-secondary--orange);
}
.tt-600.intro-page.api-color {
color: var(--c-secondary--api-green);
}
.tt-600.intro-page.api-color.manrope {
width: 70%;
font-family: Manrope, sans-serif;
}
.tt-600.intro-page.pink.manrope {
margin-bottom: 40px;
font-family: Manrope, sans-serif;
}
.tt-600.intro-page.play-color.padding {
margin-bottom: 20px;
font-size: 1.4rem;
font-weight: 400;
}
.tt-600.intro-page.pink.manrope {
margin-bottom: 0;
}
.tt-600.intro-page.pink {
color: #f2a499;
}
.tt-600.intro-page.play-color {
color: #f0f0f0;
width: 100%;
}
.tt-600.intro-page.play-color.play-point {
font-size: 60px;
}
.tt-600.intro-page.play-color.play-point.manrope {
font-family: Manrope, sans-serif;
font-size: 48px;
}
.tt-500 {
width: 70%;
color: var(--c-primary--bg);
font-family: Manrope, sans-serif;
font-size: 50px;
font-weight: 400;
line-height: 1.1;
}
.tt-500.intro-page {
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 2.2rem;
}
.tt-500.intro-page.small-text {
font-size: 1.8rem;
}
.tt-500.intro-page.small-text.pink.manrope:lang(ko) {
margin-bottom: 10px;
}
.tt-500.intro-page.small-text.pink.manrope.green {
color: var(--c-secondary--orange);
margin-top: 20px;
margin-bottom: 10px;
}
.tt-500.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 500;
}
.tt-500.intro-page.small-text.pink.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.tt-500.intro-page.small-text.pink.manrope.green.pre2-0title.white {
color: var(--c-secondary--pink);
margin-top: 20px;
margin-bottom: 0;
font-size: 1.8rem;
}
.tt-500.intro-page.small-text.pink.manrope.green.pre2-0title.white.features, .tt-500.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy, .tt-500.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy {
font-size: 1.4rem;
}
.tt-500.intro-page.small-text.pink.manrope.green.bold-copy {
font-weight: 500;
}
.tt-500.intro-page.small-text.play-color {
width: 50%;
color: var(--c-primary--bg);
}
.tt-500.intro-page.small-text.green {
color: var(--play-secondary-color--green);
}
.tt-500.intro-page.small-text.api-color {
color: var(--c-secondary--api-green);
font-size: 34px;
}
.tt-500.intro-page.small-text.api-color.manrope {
width: 80%;
font-family: Manrope, sans-serif;
}
.tt-500.intro-page.small-text.gap {
margin-left: 20px;
}
.tt-500.intro-page.small-text.pink {
color: #f2a499;
}
.tt-500.intro-page.small-text.pink.manrope.orange {
color: #f1953e;
}
.tt-500.intro-page.small-text.pink.manrope.orange.pre2-0title {
font-size: 2.2rem;
}
.tt-500.intro-page.small-text.pink.manrope._700 {
color: #202020;
}
.tt-500.intro-page.small-text.pink.manrope {
margin-bottom: 0;
font-size: 2.2rem;
}
.tt-500.intro-page.small-text.white {
color: #f0f0f0;
}
.tt-500.intro-page.white {
color: var(--c-primary--bg);
}
.tt-500.intro-page.play-color {
width: 100%;
color: var(--c-primary--bg);
}
.tt-500.intro-page.play-color.api-color {
color: var(--c-secondary--api-green);
}
.tt-500.intro-page.play-color.play-point.play-sub-color {
color: var(--c-secondary--play-sub);
}
.tt-500.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 56px;
}
.tt-500.intro-page.play-color.top-p {
padding-top: 20px;
}
.tt-500.intro-page.play-color.top-p.manrope {
font-family: Manrope, sans-serif;
}
.tt-500.intro-page.play-color.small {
font-size: 1rem;
font-weight: 300;
}
.tt-500.intro-page.play-color.manrope {
font-family: Manrope, sans-serif;
}
.tt-500.intro-page.green {
color: var(--c-secondary--mint-green);
}
.tt-500.intro-page.green.air-green {
color: var(--play-secondary-color--green);
}
.tt-500.intro-page.green.air-green.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.tt-500.intro-page.green.air-green.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.tt-500.intro-page.green.manrope {
font-family: Manrope, sans-serif;
}
.tt-500.intro-page.green.manrope.gap {
padding-bottom: 20px;
}
.tt-500.intro-page.pink.manrope {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
}
.tt-500.intro-page.pink.manrope:lang(ja) {
flex-flow: row;
padding-top: 20px;
padding-bottom: 0;
display: flex;
}
.tt-500.intro-page.pink.manrope.orange {
color: var(--c-secondary--orange);
}
.tt-500.intro-page.api-color {
color: var(--c-secondary--api-green);
}
.tt-500.intro-page.api-color.manrope {
width: 70%;
font-family: Manrope, sans-serif;
}
.tt-500.intro-page.pink.manrope {
margin-bottom: 40px;
font-family: Manrope, sans-serif;
}
.tt-500.intro-page.play-color.padding {
margin-bottom: 20px;
font-size: 1.4rem;
font-weight: 400;
}
.tt-500.intro-page.pink.manrope {
margin-bottom: 0;
}
.tt-500.intro-page.pink {
color: #f2a499;
}
.tt-500.intro-page.play-color {
color: #f0f0f0;
width: 100%;
}
.tt-500.intro-page.play-color.play-point {
font-size: 60px;
}
.tt-500.intro-page.play-color.play-point.manrope {
font-family: Manrope, sans-serif;
font-size: 48px;
}
.tt-400 {
width: 70%;
color: var(--c-primary--bg);
font-family: Manrope, sans-serif;
font-size: 46px;
font-weight: 400;
line-height: 1.1;
}
.tt-400.intro-page {
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 2.2rem;
}
.tt-400.intro-page.small-text {
font-size: 1.8rem;
}
.tt-400.intro-page.small-text.pink.manrope:lang(ko) {
margin-bottom: 10px;
}
.tt-400.intro-page.small-text.pink.manrope.green {
color: var(--c-secondary--orange);
margin-top: 20px;
margin-bottom: 10px;
}
.tt-400.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 500;
}
.tt-400.intro-page.small-text.pink.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.tt-400.intro-page.small-text.pink.manrope.green.pre2-0title.white {
color: var(--c-secondary--pink);
margin-top: 20px;
margin-bottom: 0;
font-size: 1.8rem;
}
.tt-400.intro-page.small-text.pink.manrope.green.pre2-0title.white.features, .tt-400.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy, .tt-400.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy {
font-size: 1.4rem;
}
.tt-400.intro-page.small-text.pink.manrope.green.bold-copy {
font-weight: 500;
}
.tt-400.intro-page.small-text.play-color {
width: 50%;
color: var(--c-primary--bg);
}
.tt-400.intro-page.small-text.green {
color: var(--play-secondary-color--green);
}
.tt-400.intro-page.small-text.api-color {
color: var(--c-secondary--api-green);
font-size: 34px;
}
.tt-400.intro-page.small-text.api-color.manrope {
width: 80%;
font-family: Manrope, sans-serif;
}
.tt-400.intro-page.small-text.gap {
margin-left: 20px;
}
.tt-400.intro-page.small-text.pink {
color: #f2a499;
}
.tt-400.intro-page.small-text.pink.manrope.orange {
color: #f1953e;
}
.tt-400.intro-page.small-text.pink.manrope.orange.pre2-0title {
font-size: 2.2rem;
}
.tt-400.intro-page.small-text.pink.manrope._700 {
color: #202020;
}
.tt-400.intro-page.small-text.pink.manrope {
margin-bottom: 0;
font-size: 2.2rem;
}
.tt-400.intro-page.small-text.white {
color: #f0f0f0;
}
.tt-400.intro-page.white {
color: var(--c-primary--bg);
}
.tt-400.intro-page.play-color {
width: 100%;
color: var(--c-primary--bg);
}
.tt-400.intro-page.play-color.api-color {
color: var(--c-secondary--api-green);
}
.tt-400.intro-page.play-color.play-point.play-sub-color {
color: var(--c-secondary--play-sub);
}
.tt-400.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 56px;
}
.tt-400.intro-page.play-color.top-p {
padding-top: 20px;
}
.tt-400.intro-page.play-color.top-p.manrope {
font-family: Manrope, sans-serif;
}
.tt-400.intro-page.play-color.small {
font-size: 1rem;
font-weight: 300;
}
.tt-400.intro-page.play-color.manrope {
font-family: Manrope, sans-serif;
}
.tt-400.intro-page.green {
color: var(--c-secondary--mint-green);
}
.tt-400.intro-page.green.air-green {
color: var(--play-secondary-color--green);
}
.tt-400.intro-page.green.air-green.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.tt-400.intro-page.green.air-green.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.tt-400.intro-page.green.manrope {
font-family: Manrope, sans-serif;
}
.tt-400.intro-page.green.manrope.gap {
padding-bottom: 20px;
}
.tt-400.intro-page.pink.manrope {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
}
.tt-400.intro-page.pink.manrope:lang(ja) {
flex-flow: row;
padding-top: 20px;
padding-bottom: 0;
display: flex;
}
.tt-400.intro-page.pink.manrope.orange {
color: var(--c-secondary--orange);
}
.tt-400.intro-page.api-color {
color: var(--c-secondary--api-green);
}
.tt-400.intro-page.api-color.manrope {
width: 70%;
font-family: Manrope, sans-serif;
}
.tt-400.intro-page.pink.manrope {
margin-bottom: 40px;
font-family: Manrope, sans-serif;
}
.tt-400.intro-page.play-color.padding {
margin-bottom: 20px;
font-size: 1.4rem;
font-weight: 400;
}
.tt-400.intro-page.pink.manrope {
margin-bottom: 0;
}
.tt-400.intro-page.pink {
color: #f2a499;
}
.tt-400.intro-page.play-color {
color: #f0f0f0;
width: 100%;
}
.tt-400.intro-page.play-color.play-point {
font-size: 60px;
}
.tt-400.intro-page.play-color.play-point.manrope {
font-family: Manrope, sans-serif;
font-size: 48px;
}
.tt-400.color---canary {
color: #e0644a;
}
.tt-300 {
width: 70%;
color: var(--c-primary--bg);
font-family: Manrope, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 1.1;
}
.tt-300.intro-page {
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 2.2rem;
}
.tt-300.intro-page.small-text {
font-size: 1.8rem;
}
.tt-300.intro-page.small-text.pink.manrope:lang(ko) {
margin-bottom: 10px;
}
.tt-300.intro-page.small-text.pink.manrope.green {
color: var(--c-secondary--orange);
margin-top: 20px;
margin-bottom: 10px;
}
.tt-300.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 500;
}
.tt-300.intro-page.small-text.pink.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.tt-300.intro-page.small-text.pink.manrope.green.pre2-0title.white {
color: var(--c-secondary--pink);
margin-top: 20px;
margin-bottom: 0;
font-size: 1.8rem;
}
.tt-300.intro-page.small-text.pink.manrope.green.pre2-0title.white.features, .tt-300.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy, .tt-300.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy {
font-size: 1.4rem;
}
.tt-300.intro-page.small-text.pink.manrope.green.bold-copy {
font-weight: 500;
}
.tt-300.intro-page.small-text.play-color {
width: 50%;
color: var(--c-primary--bg);
}
.tt-300.intro-page.small-text.green {
color: var(--play-secondary-color--green);
}
.tt-300.intro-page.small-text.api-color {
color: var(--c-secondary--api-green);
font-size: 34px;
}
.tt-300.intro-page.small-text.api-color.manrope {
width: 80%;
font-family: Manrope, sans-serif;
}
.tt-300.intro-page.small-text.gap {
margin-left: 20px;
}
.tt-300.intro-page.small-text.pink {
color: #f2a499;
}
.tt-300.intro-page.small-text.pink.manrope.orange {
color: #f1953e;
}
.tt-300.intro-page.small-text.pink.manrope.orange.pre2-0title {
font-size: 2.2rem;
}
.tt-300.intro-page.small-text.pink.manrope._700 {
color: #202020;
}
.tt-300.intro-page.small-text.pink.manrope {
margin-bottom: 0;
font-size: 2.2rem;
}
.tt-300.intro-page.small-text.white {
color: #f0f0f0;
}
.tt-300.intro-page.white {
color: var(--c-primary--bg);
}
.tt-300.intro-page.play-color {
width: 100%;
color: var(--c-primary--bg);
}
.tt-300.intro-page.play-color.api-color {
color: var(--c-secondary--api-green);
}
.tt-300.intro-page.play-color.play-point.play-sub-color {
color: var(--c-secondary--play-sub);
}
.tt-300.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 56px;
}
.tt-300.intro-page.play-color.top-p {
padding-top: 20px;
}
.tt-300.intro-page.play-color.top-p.manrope {
font-family: Manrope, sans-serif;
}
.tt-300.intro-page.play-color.small {
font-size: 1rem;
font-weight: 300;
}
.tt-300.intro-page.play-color.manrope {
font-family: Manrope, sans-serif;
}
.tt-300.intro-page.green {
color: var(--c-secondary--mint-green);
}
.tt-300.intro-page.green.air-green {
color: var(--play-secondary-color--green);
}
.tt-300.intro-page.green.air-green.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.tt-300.intro-page.green.air-green.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.tt-300.intro-page.green.manrope {
font-family: Manrope, sans-serif;
}
.tt-300.intro-page.green.manrope.gap {
padding-bottom: 20px;
}
.tt-300.intro-page.pink.manrope {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
}
.tt-300.intro-page.pink.manrope:lang(ja) {
flex-flow: row;
padding-top: 20px;
padding-bottom: 0;
display: flex;
}
.tt-300.intro-page.pink.manrope.orange {
color: var(--c-secondary--orange);
}
.tt-300.intro-page.api-color {
color: var(--c-secondary--api-green);
}
.tt-300.intro-page.api-color.manrope {
width: 70%;
font-family: Manrope, sans-serif;
}
.tt-300.intro-page.pink.manrope {
margin-bottom: 40px;
font-family: Manrope, sans-serif;
}
.tt-300.intro-page.play-color.padding {
margin-bottom: 20px;
font-size: 1.4rem;
font-weight: 400;
}
.tt-300.intro-page.pink.manrope {
margin-bottom: 0;
}
.tt-300.intro-page.pink {
color: #f2a499;
}
.tt-300.intro-page.play-color {
color: #f0f0f0;
width: 100%;
}
.tt-300.intro-page.play-color.play-point {
font-size: 60px;
}
.tt-300.intro-page.play-color.play-point.manrope {
font-family: Manrope, sans-serif;
font-size: 48px;
}
.tt-200 {
width: 70%;
color: var(--c-primary--bg);
font-family: Manrope, sans-serif;
font-size: 36px;
font-weight: 400;
line-height: 1.1;
}
.tt-200.intro-page {
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 2.2rem;
}
.tt-200.intro-page.small-text {
font-size: 1.8rem;
}
.tt-200.intro-page.small-text.pink.manrope:lang(ko) {
margin-bottom: 10px;
}
.tt-200.intro-page.small-text.pink.manrope.green {
color: var(--c-secondary--orange);
margin-top: 20px;
margin-bottom: 10px;
}
.tt-200.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 500;
}
.tt-200.intro-page.small-text.pink.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.tt-200.intro-page.small-text.pink.manrope.green.pre2-0title.white {
color: var(--c-secondary--pink);
margin-top: 20px;
margin-bottom: 0;
font-size: 1.8rem;
}
.tt-200.intro-page.small-text.pink.manrope.green.pre2-0title.white.features, .tt-200.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy, .tt-200.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy {
font-size: 1.4rem;
}
.tt-200.intro-page.small-text.pink.manrope.green.bold-copy {
font-weight: 500;
}
.tt-200.intro-page.small-text.play-color {
width: 50%;
color: var(--c-primary--bg);
}
.tt-200.intro-page.small-text.green {
color: var(--play-secondary-color--green);
}
.tt-200.intro-page.small-text.api-color {
color: var(--c-secondary--api-green);
font-size: 34px;
}
.tt-200.intro-page.small-text.api-color.manrope {
width: 80%;
font-family: Manrope, sans-serif;
}
.tt-200.intro-page.small-text.gap {
margin-left: 20px;
}
.tt-200.intro-page.small-text.pink {
color: #f2a499;
}
.tt-200.intro-page.small-text.pink.manrope.orange {
color: #f1953e;
}
.tt-200.intro-page.small-text.pink.manrope.orange.pre2-0title {
font-size: 2.2rem;
}
.tt-200.intro-page.small-text.pink.manrope._700 {
color: #202020;
}
.tt-200.intro-page.small-text.pink.manrope {
margin-bottom: 0;
font-size: 2.2rem;
}
.tt-200.intro-page.small-text.white {
color: #f0f0f0;
}
.tt-200.intro-page.white {
color: var(--c-primary--bg);
}
.tt-200.intro-page.play-color {
width: 100%;
color: var(--c-primary--bg);
}
.tt-200.intro-page.play-color.api-color {
color: var(--c-secondary--api-green);
}
.tt-200.intro-page.play-color.play-point.play-sub-color {
color: var(--c-secondary--play-sub);
}
.tt-200.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 56px;
}
.tt-200.intro-page.play-color.top-p {
padding-top: 20px;
}
.tt-200.intro-page.play-color.top-p.manrope {
font-family: Manrope, sans-serif;
}
.tt-200.intro-page.play-color.small {
font-size: 1rem;
font-weight: 300;
}
.tt-200.intro-page.play-color.manrope {
font-family: Manrope, sans-serif;
}
.tt-200.intro-page.green {
color: var(--c-secondary--mint-green);
}
.tt-200.intro-page.green.air-green {
color: var(--play-secondary-color--green);
}
.tt-200.intro-page.green.air-green.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.tt-200.intro-page.green.air-green.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.tt-200.intro-page.green.manrope {
font-family: Manrope, sans-serif;
}
.tt-200.intro-page.green.manrope.gap {
padding-bottom: 20px;
}
.tt-200.intro-page.pink.manrope {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
}
.tt-200.intro-page.pink.manrope:lang(ja) {
flex-flow: row;
padding-top: 20px;
padding-bottom: 0;
display: flex;
}
.tt-200.intro-page.pink.manrope.orange {
color: var(--c-secondary--orange);
}
.tt-200.intro-page.api-color {
color: var(--c-secondary--api-green);
}
.tt-200.intro-page.api-color.manrope {
width: 70%;
font-family: Manrope, sans-serif;
}
.tt-200.intro-page.pink.manrope {
margin-bottom: 40px;
font-family: Manrope, sans-serif;
}
.tt-200.intro-page.play-color.padding {
margin-bottom: 20px;
font-size: 1.4rem;
font-weight: 400;
}
.tt-200.intro-page.pink.manrope {
margin-bottom: 0;
}
.tt-200.intro-page.pink {
color: #f2a499;
}
.tt-200.intro-page.play-color {
color: #f0f0f0;
width: 100%;
}
.tt-200.intro-page.play-color.play-point {
font-size: 60px;
}
.tt-200.intro-page.play-color.play-point.manrope {
font-family: Manrope, sans-serif;
font-size: 48px;
}
.tt-100 {
width: 70%;
color: var(--c-primary--bg);
font-family: Manrope, sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 1.1;
}
.tt-100.intro-page {
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 2.2rem;
}
.tt-100.intro-page.small-text {
font-size: 1.8rem;
}
.tt-100.intro-page.small-text.pink.manrope:lang(ko) {
margin-bottom: 10px;
}
.tt-100.intro-page.small-text.pink.manrope.green {
color: var(--c-secondary--orange);
margin-top: 20px;
margin-bottom: 10px;
}
.tt-100.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 500;
}
.tt-100.intro-page.small-text.pink.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.tt-100.intro-page.small-text.pink.manrope.green.pre2-0title.white {
color: var(--c-secondary--pink);
margin-top: 20px;
margin-bottom: 0;
font-size: 1.8rem;
}
.tt-100.intro-page.small-text.pink.manrope.green.pre2-0title.white.features, .tt-100.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy, .tt-100.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy {
font-size: 1.4rem;
}
.tt-100.intro-page.small-text.pink.manrope.green.bold-copy {
font-weight: 500;
}
.tt-100.intro-page.small-text.play-color {
width: 50%;
color: var(--c-primary--bg);
}
.tt-100.intro-page.small-text.green {
color: var(--play-secondary-color--green);
}
.tt-100.intro-page.small-text.api-color {
color: var(--c-secondary--api-green);
font-size: 34px;
}
.tt-100.intro-page.small-text.api-color.manrope {
width: 80%;
font-family: Manrope, sans-serif;
}
.tt-100.intro-page.small-text.gap {
margin-left: 20px;
}
.tt-100.intro-page.small-text.pink {
color: #f2a499;
}
.tt-100.intro-page.small-text.pink.manrope.orange {
color: #f1953e;
}
.tt-100.intro-page.small-text.pink.manrope.orange.pre2-0title {
font-size: 2.2rem;
}
.tt-100.intro-page.small-text.pink.manrope._700 {
color: #202020;
}
.tt-100.intro-page.small-text.pink.manrope {
margin-bottom: 0;
font-size: 2.2rem;
}
.tt-100.intro-page.small-text.white {
color: #f0f0f0;
}
.tt-100.intro-page.white {
color: var(--c-primary--bg);
}
.tt-100.intro-page.play-color {
width: 100%;
color: var(--c-primary--bg);
}
.tt-100.intro-page.play-color.api-color {
color: var(--c-secondary--api-green);
}
.tt-100.intro-page.play-color.play-point.play-sub-color {
color: var(--c-secondary--play-sub);
}
.tt-100.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 56px;
}
.tt-100.intro-page.play-color.top-p {
padding-top: 20px;
}
.tt-100.intro-page.play-color.top-p.manrope {
font-family: Manrope, sans-serif;
}
.tt-100.intro-page.play-color.small {
font-size: 1rem;
font-weight: 300;
}
.tt-100.intro-page.play-color.manrope {
font-family: Manrope, sans-serif;
}
.tt-100.intro-page.green {
color: var(--c-secondary--mint-green);
}
.tt-100.intro-page.green.air-green {
color: var(--play-secondary-color--green);
}
.tt-100.intro-page.green.air-green.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.tt-100.intro-page.green.air-green.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.tt-100.intro-page.green.manrope {
font-family: Manrope, sans-serif;
}
.tt-100.intro-page.green.manrope.gap {
padding-bottom: 20px;
}
.tt-100.intro-page.pink.manrope {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
}
.tt-100.intro-page.pink.manrope:lang(ja) {
flex-flow: row;
padding-top: 20px;
padding-bottom: 0;
display: flex;
}
.tt-100.intro-page.pink.manrope.orange {
color: var(--c-secondary--orange);
}
.tt-100.intro-page.api-color {
color: var(--c-secondary--api-green);
}
.tt-100.intro-page.api-color.manrope {
width: 70%;
font-family: Manrope, sans-serif;
}
.tt-100.intro-page.pink.manrope {
margin-bottom: 40px;
font-family: Manrope, sans-serif;
}
.tt-100.intro-page.play-color.padding {
margin-bottom: 20px;
font-size: 1.4rem;
font-weight: 400;
}
.tt-100.intro-page.pink.manrope {
margin-bottom: 0;
}
.tt-100.intro-page.pink {
color: #f2a499;
}
.tt-100.intro-page.play-color {
color: #f0f0f0;
width: 100%;
}
.tt-100.intro-page.play-color.play-point {
font-size: 60px;
}
.tt-100.intro-page.play-color.play-point.manrope {
font-family: Manrope, sans-serif;
font-size: 48px;
}
.text-span-68 {
font-family: Borel, sans-serif;
}
.bd-600 {
width: 70%;
color: var(--c-primary--bg);
font-family: Manrope, sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 1.1;
}
.bd-600.intro-page {
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 2.2rem;
}
.bd-600.intro-page.small-text {
font-size: 1.8rem;
}
.bd-600.intro-page.small-text.pink.manrope:lang(ko) {
margin-bottom: 10px;
}
.bd-600.intro-page.small-text.pink.manrope.green {
color: var(--c-secondary--orange);
margin-top: 20px;
margin-bottom: 10px;
}
.bd-600.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 500;
}
.bd-600.intro-page.small-text.pink.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.bd-600.intro-page.small-text.pink.manrope.green.pre2-0title.white {
color: var(--c-secondary--pink);
margin-top: 20px;
margin-bottom: 0;
font-size: 1.8rem;
}
.bd-600.intro-page.small-text.pink.manrope.green.pre2-0title.white.features, .bd-600.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy, .bd-600.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy {
font-size: 1.4rem;
}
.bd-600.intro-page.small-text.pink.manrope.green.bold-copy {
font-weight: 500;
}
.bd-600.intro-page.small-text.play-color {
width: 50%;
color: var(--c-primary--bg);
}
.bd-600.intro-page.small-text.green {
color: var(--play-secondary-color--green);
}
.bd-600.intro-page.small-text.api-color {
color: var(--c-secondary--api-green);
font-size: 34px;
}
.bd-600.intro-page.small-text.api-color.manrope {
width: 80%;
font-family: Manrope, sans-serif;
}
.bd-600.intro-page.small-text.gap {
margin-left: 20px;
}
.bd-600.intro-page.small-text.pink {
color: #f2a499;
}
.bd-600.intro-page.small-text.pink.manrope.orange {
color: #f1953e;
}
.bd-600.intro-page.small-text.pink.manrope.orange.pre2-0title {
font-size: 2.2rem;
}
.bd-600.intro-page.small-text.pink.manrope._700 {
color: #202020;
}
.bd-600.intro-page.small-text.pink.manrope {
margin-bottom: 0;
font-size: 2.2rem;
}
.bd-600.intro-page.small-text.white {
color: #f0f0f0;
}
.bd-600.intro-page.white {
color: var(--c-primary--bg);
}
.bd-600.intro-page.play-color {
width: 100%;
color: var(--c-primary--bg);
}
.bd-600.intro-page.play-color.api-color {
color: var(--c-secondary--api-green);
}
.bd-600.intro-page.play-color.play-point.play-sub-color {
color: var(--c-secondary--play-sub);
}
.bd-600.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 56px;
}
.bd-600.intro-page.play-color.top-p {
padding-top: 20px;
}
.bd-600.intro-page.play-color.top-p.manrope {
font-family: Manrope, sans-serif;
}
.bd-600.intro-page.play-color.small {
font-size: 1rem;
font-weight: 300;
}
.bd-600.intro-page.play-color.manrope {
font-family: Manrope, sans-serif;
}
.bd-600.intro-page.green {
color: var(--c-secondary--mint-green);
}
.bd-600.intro-page.green.air-green {
color: var(--play-secondary-color--green);
}
.bd-600.intro-page.green.air-green.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.bd-600.intro-page.green.air-green.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.bd-600.intro-page.green.manrope {
font-family: Manrope, sans-serif;
}
.bd-600.intro-page.green.manrope.gap {
padding-bottom: 20px;
}
.bd-600.intro-page.pink.manrope {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
}
.bd-600.intro-page.pink.manrope:lang(ja) {
flex-flow: row;
padding-top: 20px;
padding-bottom: 0;
display: flex;
}
.bd-600.intro-page.pink.manrope.orange {
color: var(--c-secondary--orange);
}
.bd-600.intro-page.api-color {
color: var(--c-secondary--api-green);
}
.bd-600.intro-page.api-color.manrope {
width: 70%;
font-family: Manrope, sans-serif;
}
.bd-600.intro-page.pink.manrope {
margin-bottom: 40px;
font-family: Manrope, sans-serif;
}
.bd-600.intro-page.play-color.padding {
margin-bottom: 20px;
font-size: 1.4rem;
font-weight: 400;
}
.bd-600.intro-page.pink.manrope {
margin-bottom: 0;
}
.bd-600.intro-page.pink {
color: #f2a499;
}
.bd-600.intro-page.play-color {
color: #f0f0f0;
width: 100%;
}
.bd-600.intro-page.play-color.play-point {
font-size: 60px;
}
.bd-600.intro-page.play-color.play-point.manrope {
font-family: Manrope, sans-serif;
font-size: 48px;
}
.bd-500 {
width: 70%;
color: var(--c-primary--bg);
font-family: Manrope, sans-serif;
font-size: 26px;
font-weight: 400;
line-height: 1.1;
}
.bd-500.intro-page {
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 2.2rem;
}
.bd-500.intro-page.small-text {
font-size: 1.8rem;
}
.bd-500.intro-page.small-text.pink.manrope:lang(ko) {
margin-bottom: 10px;
}
.bd-500.intro-page.small-text.pink.manrope.green {
color: var(--c-secondary--orange);
margin-top: 20px;
margin-bottom: 10px;
}
.bd-500.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 500;
}
.bd-500.intro-page.small-text.pink.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.bd-500.intro-page.small-text.pink.manrope.green.pre2-0title.white {
color: var(--c-secondary--pink);
margin-top: 20px;
margin-bottom: 0;
font-size: 1.8rem;
}
.bd-500.intro-page.small-text.pink.manrope.green.pre2-0title.white.features, .bd-500.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy, .bd-500.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy {
font-size: 1.4rem;
}
.bd-500.intro-page.small-text.pink.manrope.green.bold-copy {
font-weight: 500;
}
.bd-500.intro-page.small-text.play-color {
width: 50%;
color: var(--c-primary--bg);
}
.bd-500.intro-page.small-text.green {
color: var(--play-secondary-color--green);
}
.bd-500.intro-page.small-text.api-color {
color: var(--c-secondary--api-green);
font-size: 34px;
}
.bd-500.intro-page.small-text.api-color.manrope {
width: 80%;
font-family: Manrope, sans-serif;
}
.bd-500.intro-page.small-text.gap {
margin-left: 20px;
}
.bd-500.intro-page.small-text.pink {
color: #f2a499;
}
.bd-500.intro-page.small-text.pink.manrope.orange {
color: #f1953e;
}
.bd-500.intro-page.small-text.pink.manrope.orange.pre2-0title {
font-size: 2.2rem;
}
.bd-500.intro-page.small-text.pink.manrope._700 {
color: #202020;
}
.bd-500.intro-page.small-text.pink.manrope {
margin-bottom: 0;
font-size: 2.2rem;
}
.bd-500.intro-page.small-text.white {
color: #f0f0f0;
}
.bd-500.intro-page.white {
color: var(--c-primary--bg);
}
.bd-500.intro-page.play-color {
width: 100%;
color: var(--c-primary--bg);
}
.bd-500.intro-page.play-color.api-color {
color: var(--c-secondary--api-green);
}
.bd-500.intro-page.play-color.play-point.play-sub-color {
color: var(--c-secondary--play-sub);
}
.bd-500.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 56px;
}
.bd-500.intro-page.play-color.top-p {
padding-top: 20px;
}
.bd-500.intro-page.play-color.top-p.manrope {
font-family: Manrope, sans-serif;
}
.bd-500.intro-page.play-color.small {
font-size: 1rem;
font-weight: 300;
}
.bd-500.intro-page.play-color.manrope {
font-family: Manrope, sans-serif;
}
.bd-500.intro-page.green {
color: var(--c-secondary--mint-green);
}
.bd-500.intro-page.green.air-green {
color: var(--play-secondary-color--green);
}
.bd-500.intro-page.green.air-green.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.bd-500.intro-page.green.air-green.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.bd-500.intro-page.green.manrope {
font-family: Manrope, sans-serif;
}
.bd-500.intro-page.green.manrope.gap {
padding-bottom: 20px;
}
.bd-500.intro-page.pink.manrope {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
}
.bd-500.intro-page.pink.manrope:lang(ja) {
flex-flow: row;
padding-top: 20px;
padding-bottom: 0;
display: flex;
}
.bd-500.intro-page.pink.manrope.orange {
color: var(--c-secondary--orange);
}
.bd-500.intro-page.api-color {
color: var(--c-secondary--api-green);
}
.bd-500.intro-page.api-color.manrope {
width: 70%;
font-family: Manrope, sans-serif;
}
.bd-500.intro-page.pink.manrope {
margin-bottom: 40px;
font-family: Manrope, sans-serif;
}
.bd-500.intro-page.play-color.padding {
margin-bottom: 20px;
font-size: 1.4rem;
font-weight: 400;
}
.bd-500.intro-page.pink.manrope {
margin-bottom: 0;
}
.bd-500.intro-page.pink {
color: #f2a499;
}
.bd-500.intro-page.play-color {
color: #f0f0f0;
width: 100%;
}
.bd-500.intro-page.play-color.play-point {
font-size: 60px;
}
.bd-500.intro-page.play-color.play-point.manrope {
font-family: Manrope, sans-serif;
font-size: 48px;
}
.bd-400 {
width: 70%;
color: var(--c-primary--bg);
font-family: Manrope, sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 1.1;
}
.bd-400.intro-page {
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 2.2rem;
}
.bd-400.intro-page.small-text {
font-size: 1.8rem;
}
.bd-400.intro-page.small-text.pink.manrope:lang(ko) {
margin-bottom: 10px;
}
.bd-400.intro-page.small-text.pink.manrope.green {
color: var(--c-secondary--orange);
margin-top: 20px;
margin-bottom: 10px;
}
.bd-400.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 500;
}
.bd-400.intro-page.small-text.pink.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.bd-400.intro-page.small-text.pink.manrope.green.pre2-0title.white {
color: var(--c-secondary--pink);
margin-top: 20px;
margin-bottom: 0;
font-size: 1.8rem;
}
.bd-400.intro-page.small-text.pink.manrope.green.pre2-0title.white.features, .bd-400.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy, .bd-400.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy {
font-size: 1.4rem;
}
.bd-400.intro-page.small-text.pink.manrope.green.bold-copy {
font-weight: 500;
}
.bd-400.intro-page.small-text.play-color {
width: 50%;
color: var(--c-primary--bg);
}
.bd-400.intro-page.small-text.green {
color: var(--play-secondary-color--green);
}
.bd-400.intro-page.small-text.api-color {
color: var(--c-secondary--api-green);
font-size: 34px;
}
.bd-400.intro-page.small-text.api-color.manrope {
width: 80%;
font-family: Manrope, sans-serif;
}
.bd-400.intro-page.small-text.gap {
margin-left: 20px;
}
.bd-400.intro-page.small-text.pink {
color: #f2a499;
}
.bd-400.intro-page.small-text.pink.manrope.orange {
color: #f1953e;
}
.bd-400.intro-page.small-text.pink.manrope.orange.pre2-0title {
font-size: 2.2rem;
}
.bd-400.intro-page.small-text.pink.manrope._700 {
color: #202020;
}
.bd-400.intro-page.small-text.pink.manrope {
margin-bottom: 0;
font-size: 2.2rem;
}
.bd-400.intro-page.small-text.white {
color: #f0f0f0;
}
.bd-400.intro-page.white {
color: var(--c-primary--bg);
}
.bd-400.intro-page.play-color {
width: 100%;
color: var(--c-primary--bg);
}
.bd-400.intro-page.play-color.api-color {
color: var(--c-secondary--api-green);
}
.bd-400.intro-page.play-color.play-point.play-sub-color {
color: var(--c-secondary--play-sub);
}
.bd-400.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 56px;
}
.bd-400.intro-page.play-color.top-p {
padding-top: 20px;
}
.bd-400.intro-page.play-color.top-p.manrope {
font-family: Manrope, sans-serif;
}
.bd-400.intro-page.play-color.small {
font-size: 1rem;
font-weight: 300;
}
.bd-400.intro-page.play-color.manrope {
font-family: Manrope, sans-serif;
}
.bd-400.intro-page.green {
color: var(--c-secondary--mint-green);
}
.bd-400.intro-page.green.air-green {
color: var(--play-secondary-color--green);
}
.bd-400.intro-page.green.air-green.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.bd-400.intro-page.green.air-green.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.bd-400.intro-page.green.manrope {
font-family: Manrope, sans-serif;
}
.bd-400.intro-page.green.manrope.gap {
padding-bottom: 20px;
}
.bd-400.intro-page.pink.manrope {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
}
.bd-400.intro-page.pink.manrope:lang(ja) {
flex-flow: row;
padding-top: 20px;
padding-bottom: 0;
display: flex;
}
.bd-400.intro-page.pink.manrope.orange {
color: var(--c-secondary--orange);
}
.bd-400.intro-page.api-color {
color: var(--c-secondary--api-green);
}
.bd-400.intro-page.api-color.manrope {
width: 70%;
font-family: Manrope, sans-serif;
}
.bd-400.intro-page.pink.manrope {
margin-bottom: 40px;
font-family: Manrope, sans-serif;
}
.bd-400.intro-page.play-color.padding {
margin-bottom: 20px;
font-size: 1.4rem;
font-weight: 400;
}
.bd-400.intro-page.pink.manrope {
margin-bottom: 0;
}
.bd-400.intro-page.pink {
color: #f2a499;
}
.bd-400.intro-page.play-color {
color: #f0f0f0;
width: 100%;
}
.bd-400.intro-page.play-color.play-point {
font-size: 60px;
}
.bd-400.intro-page.play-color.play-point.manrope {
font-family: Manrope, sans-serif;
font-size: 48px;
}
.bd-400.color---play {
color: var(--c-secondary--play-sub);
}
.bd-400.color---super-blue {
color: var(--c-primary--blue-500);
font-size: 20px;
line-height: 1;
}
.bd-400.color---super-blue.color-blk {
color: var(--c-grey--black);
font-weight: 500;
}
.bd-400.color---super-blue.euclid {
min-height: 52px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 18px;
line-height: 1.3;
}
.bd-400.color---super-blue.euclid:lang(ko) {
font-weight: 400;
}
.bd-400.tt {
width: 60%;
}
.bd-400.tt.edit {
width: 100%;
margin-bottom: 20px;
}
.bd-400.light.blue {
color: var(--c-primary--blue-500);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 20px;
}
.bd-300 {
width: 70%;
color: var(--c-primary--bg);
font-family: Manrope, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 1.1;
}
.bd-300.intro-page {
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 2.2rem;
}
.bd-300.intro-page.small-text {
font-size: 1.8rem;
}
.bd-300.intro-page.small-text.pink.manrope:lang(ko) {
margin-bottom: 10px;
}
.bd-300.intro-page.small-text.pink.manrope.green {
color: var(--c-secondary--orange);
margin-top: 20px;
margin-bottom: 10px;
}
.bd-300.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 500;
}
.bd-300.intro-page.small-text.pink.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.bd-300.intro-page.small-text.pink.manrope.green.pre2-0title.white {
color: var(--c-secondary--pink);
margin-top: 20px;
margin-bottom: 0;
font-size: 1.8rem;
}
.bd-300.intro-page.small-text.pink.manrope.green.pre2-0title.white.features, .bd-300.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy, .bd-300.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy {
font-size: 1.4rem;
}
.bd-300.intro-page.small-text.pink.manrope.green.bold-copy {
font-weight: 500;
}
.bd-300.intro-page.small-text.play-color {
width: 50%;
color: var(--c-primary--bg);
}
.bd-300.intro-page.small-text.green {
color: var(--play-secondary-color--green);
}
.bd-300.intro-page.small-text.api-color {
color: var(--c-secondary--api-green);
font-size: 34px;
}
.bd-300.intro-page.small-text.api-color.manrope {
width: 80%;
font-family: Manrope, sans-serif;
}
.bd-300.intro-page.small-text.gap {
margin-left: 20px;
}
.bd-300.intro-page.small-text.pink {
color: #f2a499;
}
.bd-300.intro-page.small-text.pink.manrope.orange {
color: #f1953e;
}
.bd-300.intro-page.small-text.pink.manrope.orange.pre2-0title {
font-size: 2.2rem;
}
.bd-300.intro-page.small-text.pink.manrope._700 {
color: #202020;
}
.bd-300.intro-page.small-text.pink.manrope {
margin-bottom: 0;
font-size: 2.2rem;
}
.bd-300.intro-page.small-text.white {
color: #f0f0f0;
}
.bd-300.intro-page.white {
color: var(--c-primary--bg);
}
.bd-300.intro-page.play-color {
width: 100%;
color: var(--c-primary--bg);
}
.bd-300.intro-page.play-color.api-color {
color: var(--c-secondary--api-green);
}
.bd-300.intro-page.play-color.play-point.play-sub-color {
color: var(--c-secondary--play-sub);
}
.bd-300.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 56px;
}
.bd-300.intro-page.play-color.top-p {
padding-top: 20px;
}
.bd-300.intro-page.play-color.top-p.manrope {
font-family: Manrope, sans-serif;
}
.bd-300.intro-page.play-color.small {
font-size: 1rem;
font-weight: 300;
}
.bd-300.intro-page.play-color.manrope {
font-family: Manrope, sans-serif;
}
.bd-300.intro-page.green {
color: var(--c-secondary--mint-green);
}
.bd-300.intro-page.green.air-green {
color: var(--play-secondary-color--green);
}
.bd-300.intro-page.green.air-green.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.bd-300.intro-page.green.air-green.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.bd-300.intro-page.green.manrope {
font-family: Manrope, sans-serif;
}
.bd-300.intro-page.green.manrope.gap {
padding-bottom: 20px;
}
.bd-300.intro-page.pink.manrope {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
}
.bd-300.intro-page.pink.manrope:lang(ja) {
flex-flow: row;
padding-top: 20px;
padding-bottom: 0;
display: flex;
}
.bd-300.intro-page.pink.manrope.orange {
color: var(--c-secondary--orange);
}
.bd-300.intro-page.api-color {
color: var(--c-secondary--api-green);
}
.bd-300.intro-page.api-color.manrope {
width: 70%;
font-family: Manrope, sans-serif;
}
.bd-300.intro-page.pink.manrope {
margin-bottom: 40px;
font-family: Manrope, sans-serif;
}
.bd-300.intro-page.play-color.padding {
margin-bottom: 20px;
font-size: 1.4rem;
font-weight: 400;
}
.bd-300.intro-page.pink.manrope {
margin-bottom: 0;
}
.bd-300.intro-page.pink {
color: #f2a499;
}
.bd-300.intro-page.play-color {
color: #f0f0f0;
width: 100%;
}
.bd-300.intro-page.play-color.play-point {
font-size: 60px;
}
.bd-300.intro-page.play-color.play-point.manrope {
font-family: Manrope, sans-serif;
font-size: 48px;
}
.bd-300.color---play {
color: var(--c-secondary--play-sub);
}
.bd-300.spt-listen {
margin-top: 10px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.bd-300.spt-listen:lang(ko) {
font-weight: 400;
}
.bd-300.spt-listen.size {
font-size: 18px;
}
.bd-300.spt-listen.size.color {
color: var(--c-grey--300);
line-height: 1.2;
}
.bd-300.spt-listen.size.color.showcase {
width: 90%;
font-size: 16px;
}
.bd-300.spt-listen.size.color.wide100.blue {
color: var(--c-primary--blue-500);
}
.bd-300._100 {
width: 100%;
}
.bd-300.light {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
line-height: 1.3;
}
.bd-300.light.tt {
color: var(--play-secondary-color--green);
font-size: 20px;
}
.bd-300.light.tt:lang(ko) {
font-weight: 400;
}
.bd-300.light.tt:lang(ja) {
font-size: 18px;
}
.bd-200 {
width: 70%;
color: var(--c-primary--bg);
padding-bottom: 20px;
font-family: Manrope, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.1;
}
.bd-200.intro-page {
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 2.2rem;
}
.bd-200.intro-page.small-text {
font-size: 1.8rem;
}
.bd-200.intro-page.small-text.pink.manrope:lang(ko) {
margin-bottom: 10px;
}
.bd-200.intro-page.small-text.pink.manrope.green {
color: var(--c-secondary--orange);
margin-top: 20px;
margin-bottom: 10px;
}
.bd-200.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 500;
}
.bd-200.intro-page.small-text.pink.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.bd-200.intro-page.small-text.pink.manrope.green.pre2-0title.white {
color: var(--c-secondary--pink);
margin-top: 20px;
margin-bottom: 0;
font-size: 1.8rem;
}
.bd-200.intro-page.small-text.pink.manrope.green.pre2-0title.white.features, .bd-200.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy, .bd-200.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy {
font-size: 1.4rem;
}
.bd-200.intro-page.small-text.pink.manrope.green.bold-copy {
font-weight: 500;
}
.bd-200.intro-page.small-text.play-color {
width: 50%;
color: var(--c-primary--bg);
}
.bd-200.intro-page.small-text.green {
color: var(--play-secondary-color--green);
}
.bd-200.intro-page.small-text.api-color {
color: var(--c-secondary--api-green);
font-size: 34px;
}
.bd-200.intro-page.small-text.api-color.manrope {
width: 80%;
font-family: Manrope, sans-serif;
}
.bd-200.intro-page.small-text.gap {
margin-left: 20px;
}
.bd-200.intro-page.small-text.pink {
color: #f2a499;
}
.bd-200.intro-page.small-text.pink.manrope.orange {
color: #f1953e;
}
.bd-200.intro-page.small-text.pink.manrope.orange.pre2-0title {
font-size: 2.2rem;
}
.bd-200.intro-page.small-text.pink.manrope._700 {
color: #202020;
}
.bd-200.intro-page.small-text.pink.manrope {
margin-bottom: 0;
font-size: 2.2rem;
}
.bd-200.intro-page.small-text.white {
color: #f0f0f0;
}
.bd-200.intro-page.white {
color: var(--c-primary--bg);
}
.bd-200.intro-page.play-color {
width: 100%;
color: var(--c-primary--bg);
}
.bd-200.intro-page.play-color.api-color {
color: var(--c-secondary--api-green);
}
.bd-200.intro-page.play-color.play-point.play-sub-color {
color: var(--c-secondary--play-sub);
}
.bd-200.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 56px;
}
.bd-200.intro-page.play-color.top-p {
padding-top: 20px;
}
.bd-200.intro-page.play-color.top-p.manrope {
font-family: Manrope, sans-serif;
}
.bd-200.intro-page.play-color.small {
font-size: 1rem;
font-weight: 300;
}
.bd-200.intro-page.play-color.manrope {
font-family: Manrope, sans-serif;
}
.bd-200.intro-page.green {
color: var(--c-secondary--mint-green);
}
.bd-200.intro-page.green.air-green {
color: var(--play-secondary-color--green);
}
.bd-200.intro-page.green.air-green.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.bd-200.intro-page.green.air-green.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.bd-200.intro-page.green.manrope {
font-family: Manrope, sans-serif;
}
.bd-200.intro-page.green.manrope.gap {
padding-bottom: 20px;
}
.bd-200.intro-page.pink.manrope {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
}
.bd-200.intro-page.pink.manrope:lang(ja) {
flex-flow: row;
padding-top: 20px;
padding-bottom: 0;
display: flex;
}
.bd-200.intro-page.pink.manrope.orange {
color: var(--c-secondary--orange);
}
.bd-200.intro-page.api-color {
color: var(--c-secondary--api-green);
}
.bd-200.intro-page.api-color.manrope {
width: 70%;
font-family: Manrope, sans-serif;
}
.bd-200.intro-page.pink.manrope {
margin-bottom: 40px;
font-family: Manrope, sans-serif;
}
.bd-200.intro-page.play-color.padding {
margin-bottom: 20px;
font-size: 1.4rem;
font-weight: 400;
}
.bd-200.intro-page.pink.manrope {
margin-bottom: 0;
}
.bd-200.intro-page.pink {
color: #f2a499;
}
.bd-200.intro-page.play-color {
color: #f0f0f0;
width: 100%;
}
.bd-200.intro-page.play-color.play-point {
font-size: 60px;
}
.bd-200.intro-page.play-color.play-point.manrope {
font-family: Manrope, sans-serif;
font-size: 48px;
}
.bd-200.color---play {
color: var(--c-secondary--play-sub);
}
.bd-200._100 {
width: 100%;
}
.bd-200._100.size {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
line-height: 1.2;
}
.bd-200._100.size:lang(ko) {
font-weight: 400;
}
.bd-200._100.size:lang(ja) {
font-size: 14px;
}
.bd-200._100.size.campaign {
width: 100%;
font-size: 16px;
line-height: 1.2;
display: block;
}
.bd-200._100.size.campaign.benefit-bullets {
padding-bottom: 0;
line-height: 1.7;
}
.bd-200._100.size.campaign.benefits {
height: auto;
color: var(--c-grey--black);
padding-bottom: 0;
}
.bd-200._100.size.campaign.padding {
padding-bottom: 0;
}
.bd-200.spt-blue {
color: var(--c-primary--blue-500);
padding-bottom: 0;
}
.bd-200.euclid {
padding-bottom: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 18px;
}
.bd-200.euclid:lang(ko) {
font-weight: 400;
}
.bd-200.euclid.green {
color: var(--play-secondary-color--green);
}
.bd-100 {
width: 100%;
color: var(--c-primary--bg);
font-family: Manrope, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.1;
}
.bd-100.intro-page {
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 2.2rem;
}
.bd-100.intro-page.small-text {
font-size: 1.8rem;
}
.bd-100.intro-page.small-text.pink.manrope:lang(ko) {
margin-bottom: 10px;
}
.bd-100.intro-page.small-text.pink.manrope.green {
color: var(--c-secondary--orange);
margin-top: 20px;
margin-bottom: 10px;
}
.bd-100.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 500;
}
.bd-100.intro-page.small-text.pink.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.bd-100.intro-page.small-text.pink.manrope.green.pre2-0title.white {
color: var(--c-secondary--pink);
margin-top: 20px;
margin-bottom: 0;
font-size: 1.8rem;
}
.bd-100.intro-page.small-text.pink.manrope.green.pre2-0title.white.features, .bd-100.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy, .bd-100.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy {
font-size: 1.4rem;
}
.bd-100.intro-page.small-text.pink.manrope.green.bold-copy {
font-weight: 500;
}
.bd-100.intro-page.small-text.play-color {
width: 50%;
color: var(--c-primary--bg);
}
.bd-100.intro-page.small-text.green {
color: var(--play-secondary-color--green);
}
.bd-100.intro-page.small-text.api-color {
color: var(--c-secondary--api-green);
font-size: 34px;
}
.bd-100.intro-page.small-text.api-color.manrope {
width: 80%;
font-family: Manrope, sans-serif;
}
.bd-100.intro-page.small-text.gap {
margin-left: 20px;
}
.bd-100.intro-page.small-text.pink {
color: #f2a499;
}
.bd-100.intro-page.small-text.pink.manrope.orange {
color: #f1953e;
}
.bd-100.intro-page.small-text.pink.manrope.orange.pre2-0title {
font-size: 2.2rem;
}
.bd-100.intro-page.small-text.pink.manrope._700 {
color: #202020;
}
.bd-100.intro-page.small-text.pink.manrope {
margin-bottom: 0;
font-size: 2.2rem;
}
.bd-100.intro-page.small-text.white {
color: #f0f0f0;
}
.bd-100.intro-page.white {
color: var(--c-primary--bg);
}
.bd-100.intro-page.play-color {
width: 100%;
color: var(--c-primary--bg);
}
.bd-100.intro-page.play-color.api-color {
color: var(--c-secondary--api-green);
}
.bd-100.intro-page.play-color.play-point.play-sub-color {
color: var(--c-secondary--play-sub);
}
.bd-100.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 56px;
}
.bd-100.intro-page.play-color.top-p {
padding-top: 20px;
}
.bd-100.intro-page.play-color.top-p.manrope {
font-family: Manrope, sans-serif;
}
.bd-100.intro-page.play-color.small {
font-size: 1rem;
font-weight: 300;
}
.bd-100.intro-page.play-color.manrope {
font-family: Manrope, sans-serif;
}
.bd-100.intro-page.green {
color: var(--c-secondary--mint-green);
}
.bd-100.intro-page.green.air-green {
color: var(--play-secondary-color--green);
}
.bd-100.intro-page.green.air-green.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.bd-100.intro-page.green.air-green.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.bd-100.intro-page.green.manrope {
font-family: Manrope, sans-serif;
}
.bd-100.intro-page.green.manrope.gap {
padding-bottom: 20px;
}
.bd-100.intro-page.pink.manrope {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
}
.bd-100.intro-page.pink.manrope:lang(ja) {
flex-flow: row;
padding-top: 20px;
padding-bottom: 0;
display: flex;
}
.bd-100.intro-page.pink.manrope.orange {
color: var(--c-secondary--orange);
}
.bd-100.intro-page.api-color {
color: var(--c-secondary--api-green);
}
.bd-100.intro-page.api-color.manrope {
width: 70%;
font-family: Manrope, sans-serif;
}
.bd-100.intro-page.pink.manrope {
margin-bottom: 40px;
font-family: Manrope, sans-serif;
}
.bd-100.intro-page.play-color.padding {
margin-bottom: 20px;
font-size: 1.4rem;
font-weight: 400;
}
.bd-100.intro-page.pink.manrope {
margin-bottom: 0;
}
.bd-100.intro-page.pink {
color: #f2a499;
}
.bd-100.intro-page.play-color {
color: #f0f0f0;
width: 100%;
}
.bd-100.intro-page.play-color.play-point {
font-size: 60px;
}
.bd-100.intro-page.play-color.play-point.manrope {
font-family: Manrope, sans-serif;
font-size: 48px;
}
.bd-100.color---play {
color: var(--c-secondary--play-sub);
}
.cta-section {
background-color: var(--c-grey--trans--0);
margin-bottom: 0;
padding: 40px 20px 0 4em;
}
.cta-section.padding {
padding-bottom: 60px;
padding-left: 0;
}
.cta-section.padding.ad-padding, .cta-section.padding.ad-padding-copy {
margin-bottom: 60px;
}
.cta-section.padding.l-padding {
padding-left: 4em;
}
.cta-section.play-padding {
margin-bottom: 0;
}
.cta-section.play-padding.headtt-padding {
margin-bottom: 100px;
padding-top: 0;
display: none;
}
.cta-section.play-sub-txt-block {
background-color: var(--c-grey--700);
border-top-left-radius: 20px;
margin-top: 60px;
padding-top: 30px;
padding-bottom: 30px;
}
.cta-section.superdub {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.cta-section.supertonelisten {
background-color: var(--c-grey--trans--0);
padding-top: 20px;
padding-left: 0;
}
.cta-section.interactive-shift {
padding-top: 0;
padding-left: 0;
}
.cta-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 60px;
display: grid;
}
.section-title-wrap---b {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-direction: column;
align-items: stretch;
width: auto;
margin-bottom: 20px;
display: flex;
}
.section-title-wrap---b.gap {
grid-column-gap: 19px;
grid-row-gap: 19px;
}
.section-title-wrap---b.black {
background-color: var(--c-primary--main);
}
.section-title-wrap---b.padding {
margin-bottom: 60px;
}
.div-block-39 {
height: 60px;
}
.products---sub-txt {
color: var(--c-grey--300);
text-transform: none;
padding-top: 0;
padding-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 16px;
}
.products---sub-txt.grey.top-padding {
padding-top: 0;
}
.products---sub-txt.grey.top-padding.small {
padding-left: 50px;
font-size: 12px;
}
.products---sub-txt.grey.top-padding.small.dark {
margin-bottom: 20px;
}
.products---sub-txt.padding-top-20px {
padding-top: 20px;
}
.products---sub-txt.padding-top-20px.pink {
color: var(--c-secondary--pink);
}
.products---sub-txt.padding-top-20px.play-color {
color: var(--play-secondary-color--green);
padding-top: 0;
}
.products---sub-txt.padding-top-20px.api-color {
color: var(--c-secondary--api-green);
}
.products---sub-txt.padding-top-20px.sup-color {
color: var(--c-primary--blue-500);
padding-top: 0;
}
.products---sub-txt.padding-top-20px.bg-color {
color: var(--c-primary--bg);
padding-top: 0;
font-family: Manrope, sans-serif;
font-size: 16px;
}
.products---sub-txt.mobile {
padding-top: 0;
}
.products---sub-txt.mobile.clear-color {
color: var(--c-secondary--mint-green);
}
.products---sub-txt.mobile.air-color {
color: var(--play-secondary-color--green);
}
.products---sub-txt.padding-top-0.green {
color: var(--play-secondary-color--green);
padding-top: 20px;
}
.products---sub-txt.satoshi {
font-family: Satoshi Variable;
}
.products---sub-txt.du-test {
width: 100%;
color: var(--c-primary--bg);
margin-top: 20px;
}
.products---sub-txt.du-test.campaign {
height: auto;
color: var(--play-secondary-color--green);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 24px;
font-weight: 300;
}
.products---sub-txt.du-test.campaign.color {
color: var(--play-secondary-color--green);
display: block;
}
.products---sub-txt.du-test.campaign.color.package-quote {
margin-top: 0;
}
.products---sub-txt.du-test.g {
color: var(--c-grey--450);
}
.products---sub-txt.du-test.padding {
padding-left: 4em;
}
.products---sub-txt.color-blk {
color: var(--c-grey--black);
font-weight: 600;
}
.product-txt-name {
width: auto;
min-width: 0%;
color: var(--c-primary--bg);
letter-spacing: -1.5px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 46px;
display: block;
}
.product-txt-name.satoshi {
font-family: Satoshi Variable;
}
.product-txt-name.tt {
font-size: 60px;
line-height: 1;
}
.product-txt-name.tt.blue {
color: var(--c-primary--blue-500);
letter-spacing: -1.5px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.product-txt-name.tt.blue:lang(ko) {
font-weight: 300;
}
.product-txt-name.size {
font-size: 36px;
}
.product-txt-name.size.sub-tt {
text-align: center;
letter-spacing: 0;
font-size: 22px;
}
.product-txt-name.size.amb-mobile {
letter-spacing: 0;
font-size: 32px;
}
.product-txt-name.size.amb-mobile:lang(ko) {
font-weight: 400;
}
.product-txt-name.size.amb-mobile.center {
text-align: center;
}
.product-txt-name.size.amb-mobile.center.partner-color {
color: var(--c-secondary--pink);
}
.product-txt-name.amb {
letter-spacing: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.product-txt-name.color-blk {
color: var(--c-grey--black);
font-weight: 500;
}
.product-txt-name.body {
background-color: var(--c-grey--900);
font-size: 30px;
}
.product-txt-name.name {
font-size: 34px;
}
.txt-box---line {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
border: 1px solid var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
height: 40px;
color: var(--c-grey--600);
text-align: left;
-webkit-text-stroke-color: var(--c-grey--black);
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.txt-box---line:hover {
opacity: 1;
}
.txt-box---line.center, .txt-box---line.center.w--current {
justify-content: center;
align-items: center;
}
.txt-box---line.aligan {
flex-flow: wrap;
flex: 0 auto;
order: 1;
justify-content: center;
align-self: baseline;
align-items: center;
}
.txt-box---line.aligan.play-btn-color {
background-color: var(--play-secondary-color--green);
}
.txt-box---line.right {
justify-content: flex-start;
align-items: center;
}
.txt-box---line.play-btn-color {
background-color: var(--play-secondary-color--green);
}
.txt-box---line.play-btn-color.wide-100 {
justify-content: center;
align-items: center;
width: 100%;
}
.txt-base-box {
z-index: 3;
color: var(--c-primary--bg);
font-family: Manrope, sans-serif;
font-weight: 500;
position: relative;
}
.txt-base-box.play-go-try-btn {
font-size: 26px;
}
.txt-box---line-small {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
width: auto;
height: 30px;
color: var(--c-grey--600);
text-align: left;
-webkit-text-stroke-color: var(--c-grey--black);
border-radius: 30px;
flex-flow: row;
justify-content: flex-start;
align-self: center;
align-items: center;
margin-bottom: 3px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: inline-block;
position: static;
overflow: hidden;
}
.txt-box---line-small:hover {
opacity: 1;
}
.txt-box---line-small.center, .txt-box---line-small.center.w--current {
justify-content: center;
align-items: center;
}
.txt-box---line-small.aligan {
flex-flow: wrap;
flex: 0 auto;
order: 1;
justify-content: center;
align-self: baseline;
align-items: center;
}
.txt-box---line-small.aligan.play-btn-color {
background-color: var(--play-secondary-color--green);
}
.txt-box---line-small.right {
justify-content: flex-start;
align-items: center;
}
.txt-box---line-small.play-btn-color {
background-color: var(--play-secondary-color--green);
}
.txt-box---line-small.play-btn-color.wide-100 {
justify-content: center;
align-items: center;
width: 100%;
}
.txt-box---line-small.orange-outline {
border-color: var(--c-secondary--orange);
}
.txt-box---line-small.color-blk {
border-color: var(--c-grey--black);
}
.txt-base-box---small {
z-index: 3;
color: var(--c-primary--bg);
vertical-align: text-bottom;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 14px;
font-weight: 300;
display: inline-block;
position: relative;
}
.txt-base-box---small:lang(ko) {
margin-top: 6px;
}
.txt-base-box---small.play-go-try-btn {
font-size: 26px;
}
.txt-base-box---small.orange {
color: var(--c-secondary--orange);
vertical-align: bottom;
margin-top: 0;
}
.txt-base-box---small.color-blk {
color: var(--c-grey--black);
}
.contents-holder-tt {
background-color: var(--c-primary--main);
margin-bottom: 0;
padding: 40px 20px 0;
}
.contents-holder-tt.padding {
background-color: var(--c-grey--900);
padding-top: 10px;
padding-bottom: 0;
}
.contents-holder-tt.padding.ad-padding, .contents-holder-tt.padding.ad-padding-copy {
margin-bottom: 60px;
}
.contents-holder-tt.play-padding {
margin-bottom: 0;
padding-top: 80px;
}
.contents-holder-tt.play-padding.headtt-padding {
margin-bottom: 100px;
padding-top: 0;
display: none;
}
.contents-holder-tt.play-sub-txt-block {
background-color: var(--c-grey--700);
border-top-left-radius: 20px;
margin-top: 60px;
padding-top: 30px;
padding-bottom: 30px;
}
.button-a {
grid-column-gap: .25rem;
transform-origin: 50% 0;
color: #fbf9fc;
text-align: center;
cursor: pointer;
background-color: #282729;
border-radius: 90px;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-right: 0;
padding: 1rem;
font-weight: 400;
transition: opacity .2s;
display: flex;
box-shadow: 0 4px #161616;
}
.button-a:hover {
background-color: #8f00ff;
box-shadow: 0 4px #4d018a;
}
.button-a:active {
box-shadow: none;
transform: translate(0, .25rem);
}
.button-a.btn-tiny {
transform-origin: 50% 0;
}
.button-a.btn-tiny:active {
transform: translate(0, 4px);
box-shadow: 0 0 #161616;
}
.button-a.btn-tiny.api-play-color {
background-color: var(--c-secondary--api-green);
}
.button-a.btn-tiny.api-play-color:hover {
box-shadow: 0 4px #037f82;
}
.button-a.btn-hard {
background-color: var(--c-secondary--api-green);
}
.button-a.btn-hard:hover {
box-shadow: 0 4px #037f82;
}
.button-a.btn-beep1 {
background-color: var(--c-secondary--api-green);
}
.button-a.btn-beep1:hover {
box-shadow: 0 4px #037f82;
}
.button-a.btn-toggle {
background-color: var(--c-secondary--api-green);
transition-duration: 1s;
transition-timing-function: cubic-bezier(.906, .001, .25, 1);
}
.button-a.btn-toggle:hover {
box-shadow: 0 4px #037f82;
}
.button-a.btn-mouse:active {
box-shadow: none;
transform: translate(0, .25rem);
}
.button-a.btn-toggle-b {
transition-duration: 1s;
transition-timing-function: cubic-bezier(.906, .001, .25, 1);
}
.button-a.btn-beep2 {
background-color: var(--c-secondary--api-green);
}
.button-a.btn-beep2:hover {
box-shadow: 0 4px #037f82;
}
.button-a.btn-beep3 {
background-color: var(--c-secondary--api-green);
}
.button-a.btn-beep3:hover {
box-shadow: 0 4px #037f82;
}
.button-a.btn-a2 {
background-color: var(--c-secondary--api-green);
width: 50px;
height: 50px;
}
.button-a.btn-a2:hover {
box-shadow: 0 4px #037f82;
}
.button-a.btn-a2.play-bg-color {
background-color: var(--play-secondary-color--green);
box-shadow: 0 4px 0 0 var(--c-secondary--lilac);
}
.button-a.btn-a3 {
background-color: var(--c-secondary--api-green);
width: 50px;
height: 50px;
transition-duration: 1s;
transition-timing-function: cubic-bezier(.906, .001, .25, 1);
}
.button-a.btn-a3:hover {
box-shadow: 0 4px #037f82;
}
.button-a.btn-b1 {
background-color: var(--c-secondary--api-green);
}
.button-a.btn-b1:hover {
box-shadow: 0 4px #037f82;
}
.button-a.btn-b1.play-bg-color {
background-color: var(--play-secondary-color--green);
box-shadow: 0 4px 0 0 var(--c-secondary--lilac);
}
.button-a.btn-b1.play-bg-color.train-color {
background-color: var(--c-secondary--sky-blue);
}
.button-a.btn-b2 {
background-color: var(--c-secondary--api-green);
}
.button-a.btn-b2:hover {
box-shadow: 0 4px #037f82;
}
.button-a.btn-b2.play-bg-color {
background-color: var(--play-secondary-color--green);
box-shadow: 0 4px 0 0 var(--c-secondary--lilac);
}
.button-a.btn-b3 {
background-color: var(--c-secondary--api-green);
transition-duration: 1s;
transition-timing-function: cubic-bezier(.906, .001, .25, 1);
}
.button-a.btn-b3:hover {
box-shadow: 0 4px #037f82;
}
.button-a.btn-b3.play-bg-color {
background-color: var(--play-secondary-color--green);
box-shadow: 0 4px 0 0 var(--c-secondary--lilac);
}
.button-a.btn-c1 {
background-color: var(--c-secondary--api-green);
}
.button-a.btn-c1:hover {
box-shadow: 0 4px #037f82;
}
.button-a.btn-c2 {
background-color: var(--c-secondary--api-green);
}
.button-a.btn-c2:hover {
box-shadow: 0 4px #037f82;
}
.button-a.btn-c3 {
background-color: var(--c-secondary--api-green);
transition-duration: 1s;
transition-timing-function: cubic-bezier(.906, .001, .25, 1);
}
.button-a.btn-c3:hover {
box-shadow: 0 4px #037f82;
}
.button-a.btn-a1 {
background-color: var(--c-secondary--api-green);
width: 50px;
height: 50px;
}
.button-a.btn-a1:hover {
box-shadow: 0 4px #037f82;
}
.button-a.btn-a1.play-bg-color {
background-color: var(--play-secondary-color--green);
box-shadow: 0 4px 0 0 var(--c-secondary--lilac);
}
.button-a.btn-a4 {
background-color: var(--c-secondary--api-green);
width: 50px;
height: 50px;
transition-duration: 1s;
transition-timing-function: cubic-bezier(.906, .001, .25, 1);
}
.button-a.btn-a4:hover {
box-shadow: 0 4px #037f82;
}
.audio-demo---multilang {
grid-column-gap: 29px;
grid-row-gap: 29px;
grid-template-rows: auto;
grid-template-columns: .5fr;
grid-auto-columns: 1fr;
margin: 100px 20px 60px;
display: grid;
}
.audio-demo---play {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.code-embed-6 {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.txt-test-50 {
color: var(--c-grey--400);
margin-bottom: 4px;
font-family: Manrope, sans-serif;
font-size: 13px;
font-weight: 300;
}
.txt-box-test {
flex-flow: column;
justify-content: flex-end;
width: 90%;
display: flex;
}
.card-txt---sub-txt-test {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-end;
margin-top: 60px;
padding-top: 0;
display: flex;
}
.card-txt---sub-txt-test.temp {
margin-bottom: 20px;
}
.card---wrap {
border-radius: .5rem;
width: 33.333%;
margin-left: 0;
margin-right: 0;
padding: .0625rem;
}
.card---heading {
width: 12rem;
margin-top: 0;
margin-bottom: 0;
font-family: PT Sans, sans-serif;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.125;
}
.button---circle {
background-color: #e6e5e5;
border-radius: 50%;
width: .75rem;
height: .75rem;
position: absolute;
top: 50%;
right: 100%;
transform: translate(50%, -50%);
}
.cards {
background-color: var(--c-grey--trans--0);
flex-flow: wrap;
display: flex;
}
.button---middle-inner {
background-color: #202020;
align-items: center;
height: 100%;
padding-right: 2rem;
display: flex;
}
.button-11 {
height: 3rem;
text-decoration: none;
display: flex;
position: relative;
}
.modules-feature {
width: 100%;
}
.card-01 {
white-space: normal;
background-color: #e6e5e5;
border-radius: 1rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 20rem;
padding: 2rem;
display: flex;
}
.button---edge {
background-color: #202020;
width: 1.5rem;
height: 100%;
}
.button---edge.x-left {
border-top-left-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
}
.button---edge.x-right {
border-top-right-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
position: absolute;
left: 100%;
}
.button---text {
color: #fff;
letter-spacing: .1em;
text-transform: uppercase;
align-items: center;
height: 100%;
font-family: Inconsolata, monospace;
font-size: 1rem;
line-height: 1;
display: flex;
}
.button---right {
position: absolute;
inset: 0 0 0 1.5rem;
}
.button---middle {
display: flex;
overflow: hidden;
}
.card---wrap-1 {
border-radius: .5rem;
width: 33.333%;
margin-left: 0;
margin-right: 0;
padding: .0625rem;
}
.card-02 {
white-space: normal;
background-color: #e6e5e5;
border-radius: 1rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 20rem;
padding: 2rem;
display: flex;
}
.card---wrap-02 {
border-radius: .5rem;
width: 33.333%;
margin-left: 0;
margin-right: 0;
padding: .0625rem;
}
.block {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--c-grey--900);
flex-flow: column;
display: block;
}
.section-10 {
z-index: 2;
background-color: #090909;
padding-left: 20px;
padding-right: 20px;
position: relative;
overflow: clip;
}
.section-10.overflow-normal {
overflow: visible;
}
.text-size-small {
line-height: 1;
font-size: clamp(.875rem, var(--text-size--small), .975rem);
}
.card-rotate {
perspective: 312.5rem;
height: 42rem;
position: relative;
}
.recent-blog-list {
grid-column-gap: 1.6vw;
grid-row-gap: 1.6vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.recent-blog-list.secondary {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.recent-blog-wrapper {
margin-top: 5em;
}
.no-wrap {
white-space: nowrap;
}
.empty-state {
text-align: center;
background-color: #0000;
border-bottom-color: #101011;
border-left-color: #101011;
border-right-color: #101011;
font-size: 1rem;
}
.divider-3 {
opacity: .2;
background-color: #efeeec;
width: 100%;
height: 1px;
}
.recent-blog-component {
grid-column-gap: 5.5em;
grid-row-gap: 5.5em;
flex-flow: column;
margin-top: 4.8em;
display: flex;
}
.container-20 {
width: 100%;
max-width: 110rem;
margin-left: auto;
margin-right: auto;
}
.projects-title {
z-index: 2;
grid-column-gap: 2.375em;
grid-row-gap: 2.375em;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.divider-4 {
opacity: .2;
background-color: #efeeec;
width: 100%;
height: 1px;
}
.container-21 {
width: 100%;
max-width: 110rem;
margin-left: auto;
margin-right: auto;
}
.tt-b-txt-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: auto;
display: block;
overflow: visible;
}
.tt-b-txt-block.padding {
margin-bottom: 40px;
}
.audio-demo---tts {
grid-column-gap: 29px;
grid-row-gap: 29px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
margin: 60px 20px;
display: flex;
}
.audio-demo---tts.padding {
grid-column-gap: 16px;
grid-row-gap: 16px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-left: 140px;
padding-right: 140px;
}
.audio-demo---tts.padding.bottome {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.card-text {
font-size: .9em;
}
.card-number-2 {
text-align: right;
}
.cards-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 12rem;
margin-bottom: 10rem;
display: grid;
}
.grid-content {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
flex-flow: column;
display: flex;
}
.grid-card {
grid-column-gap: 6.4rem;
grid-row-gap: 6.4rem;
background-color: #1c1c1c;
border-radius: .5rem;
flex-flow: column;
justify-content: space-between;
min-height: 12vw;
padding: 1.8125rem 2.1875rem 1.8125rem 1.75rem;
font-size: .9vw;
display: flex;
overflow: hidden;
}
.container-22 {
width: 100%;
max-width: 110rem;
margin-left: auto;
margin-right: auto;
}
.container-22.medium {
max-width: 90rem;
}
.opacity-88 {
opacity: .8;
}
.card-big-number {
font-size: 4.6em;
font-weight: 500;
line-height: 1;
}
.text-weight-medium {
font-weight: 500;
}
.txt---tts-demo {
color: var(--c-primary--bg);
text-transform: none;
padding-top: 0;
padding-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 16px;
}
.txt---tts-demo.grey.top-padding {
padding-top: 0;
}
.txt---tts-demo.grey.top-padding.small {
padding-left: 50px;
font-size: 12px;
}
.txt---tts-demo.grey.top-padding.small.dark {
margin-bottom: 20px;
}
.txt---tts-demo.padding-top-20px {
padding-top: 20px;
}
.txt---tts-demo.padding-top-20px.pink {
color: var(--c-secondary--pink);
}
.txt---tts-demo.padding-top-20px.play-color {
color: var(--play-secondary-color--green);
padding-top: 0;
}
.txt---tts-demo.padding-top-20px.api-color {
color: var(--c-secondary--api-green);
}
.txt---tts-demo.padding-top-20px.sup-color {
color: var(--c-primary--blue-500);
padding-top: 0;
}
.txt---tts-demo.padding-top-20px.bg-color {
color: var(--c-primary--bg);
padding-top: 0;
font-family: Manrope, sans-serif;
font-size: 16px;
}
.txt---tts-demo.mobile {
padding-top: 0;
}
.txt---tts-demo.mobile.clear-color {
color: var(--c-secondary--mint-green);
}
.txt---tts-demo.mobile.air-color {
color: var(--play-secondary-color--green);
}
.txt---tts-demo.padding-top-0.green {
color: var(--play-secondary-color--green);
padding-top: 20px;
}
.txt---tts-demo.satoshi {
font-family: Satoshi Variable;
}
.txt---tts-demo.du-test {
width: 90%;
color: var(--c-primary--bg);
margin-top: 40px;
}
.tts-demo-grid {
grid-column-gap: 1.3rem;
grid-row-gap: 1.3rem;
grid-template-rows: 44px auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin: 20px 100px 0;
display: grid;
}
.audio-demo---voice-selection {
padding-top: 0;
}
.demo-tts-container {
width: 100%;
max-width: 110rem;
margin-left: auto;
margin-right: auto;
}
.code-embed-7 {
height: auto;
}
.code-embed-8 {
padding-top: 0;
}
.clear-hero-v2, .clear-9 {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.clear-video-6 {
z-index: 1;
box-sizing: border-box;
object-fit: contain;
border-radius: 0;
flex-flow: column;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 26em;
min-width: auto;
height: 17em;
min-height: auto;
margin: 0;
padding-top: 0;
display: block;
position: relative;
overflow: visible;
}
.clear-video-container {
margin: 0;
position: absolute;
}
.clear-hero-bg, .clear-hero-bg-v2 {
aspect-ratio: auto;
object-fit: cover;
background-color: #305dff00;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
}
.container---mov-5 {
z-index: 5;
cursor: none;
object-fit: cover;
background-color: #722f2f00;
border-radius: 6px;
flex-flow: row;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: stretch;
width: 100%;
max-width: none;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
inset: 17% 0% 0%;
overflow: visible;
}
.div-block-40 {
z-index: 20;
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: center;
display: flex;
position: relative;
}
.orange-2 {
color: #f1953e;
}
.div-block-41 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
width: auto;
height: 20px;
display: none;
}
.div-block-42 {
z-index: 10;
justify-content: center;
align-items: center;
width: 65%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
top: 0;
}
.image-26 {
border-radius: 8px;
}
.promo-text---large-2 {
color: #f2fb41;
text-align: left;
padding-top: 10px;
font-family: Bdogrotesk;
font-size: 50px;
font-weight: 300;
line-height: 1.2;
}
.promo-text---large-2.sale-color {
color: #64ffbc;
font-size: 60px;
}
.clear-10 {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: 700px;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 40px;
text-decoration: none;
display: flex;
position: static;
overflow: visible;
}
.text-span-69 {
color: #909090;
}
.extra-large-text {
width: 70%;
font-size: 3.2rem;
font-weight: 400;
line-height: 1.1;
}
.extra-large-text.intro-page {
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 2.2rem;
}
.extra-large-text.intro-page.small-text {
font-size: 1.8rem;
}
.extra-large-text.intro-page.small-text.pink {
color: #f2a499;
}
.extra-large-text.intro-page.small-text.pink.manrope {
margin-bottom: 0;
font-size: 2.2rem;
}
.extra-large-text.intro-page.pink {
color: #f2a499;
}
.extra-large-text.intro-page.pink.manrope {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
}
.extra-large-text.intro-page.pink.manrope:lang(ja) {
flex-flow: row;
padding-top: 20px;
padding-bottom: 0;
display: flex;
}
.extra-large-text.intro-page.green {
color: #64ffbc;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 36px;
font-weight: 300;
}
.extra-large-text.intro-page.green.air-green {
color: #91f758;
}
.extra-large-text.intro-page.green.air-green:lang(ko) {
font-weight: 400;
}
.text-span-70, .text-span-71 {
font-size: 36px;
}
.text-span-71.orange-2 {
color: #f1953e;
}
.text-span-72 {
color: #767676;
vertical-align: top;
font-size: 40px;
text-decoration: line-through;
}
.button-base-text-7 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-7.small {
font-size: 18px;
}
.button-base-text-7.manrope {
font-family: Manrope, sans-serif;
}
.free-plan-2-0 {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 60px;
}
.text-span-73 {
color: #f2a499;
}
.code-embed-9 {
z-index: 300;
width: 100%;
height: auto;
position: absolute;
inset: 0;
}
.shift-key-image-3 {
z-index: 7;
aspect-ratio: auto;
object-fit: cover;
background-color: #fff0;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 85%;
height: auto;
margin-left: auto;
margin-right: auto;
text-decoration: none;
display: block;
position: relative;
inset: 60px auto auto;
}
.showcase_marquee_track-4 {
flex: none;
display: flex;
overflow: visible;
}
.div-block-45 {
z-index: 20;
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: center;
display: flex;
position: relative;
}
.div-block-46 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
width: auto;
height: 20px;
display: none;
}
.div-block-47 {
z-index: 10;
justify-content: center;
align-items: center;
width: 65%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
top: 0;
}
.image-27 {
border-radius: 8px;
}
.showcase_marquee_track-5 {
flex-flow: row-reverse;
flex: none;
display: flex;
overflow: visible;
}
.promo-text---large-3 {
color: #f2fb41;
text-align: left;
padding-top: 10px;
font-family: Bdogrotesk;
font-size: 50px;
font-weight: 300;
line-height: 1.2;
}
.promo-text---large-3.sale-color {
color: #64ffbc;
font-size: 60px;
}
.clear-11 {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: 700px;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 40px;
text-decoration: none;
display: flex;
position: static;
overflow: visible;
}
.text-span-74 {
color: #909090;
}
.text-span-75, .text-span-76 {
font-size: 36px;
}
.text-span-76.orange {
color: #f1953e;
}
.text-span-77 {
color: #767676;
vertical-align: top;
font-size: 40px;
text-decoration: line-through;
}
.button-base-text-8 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-8.small {
font-size: 18px;
}
.button-base-text-8.manrope {
font-family: Manrope, sans-serif;
}
.text-span-78 {
color: #f2a499;
}
.code-embed-10 {
z-index: 300;
width: 100%;
height: auto;
position: absolute;
inset: 0;
}
.div-block-49 {
z-index: 20;
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: grid;
position: relative;
}
.div-block-50 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
width: auto;
height: 20px;
display: none;
}
.div-block-51 {
z-index: 10;
justify-content: center;
align-items: center;
width: 65%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
top: 0;
}
.image-28 {
border-radius: 8px;
}
.showcase_marquee_track-6 {
flex-flow: row-reverse;
flex: none;
display: flex;
overflow: visible;
}
.promo-text---large-4 {
color: #f2fb41;
text-align: left;
padding-top: 10px;
font-family: Bdogrotesk;
font-size: 50px;
font-weight: 300;
line-height: 1.2;
}
.promo-text---large-4.sale-color {
color: #64ffbc;
font-size: 60px;
}
.text-span-79, .text-span-80 {
font-size: 36px;
}
.text-span-80.orange {
color: #f1953e;
}
.text-span-81 {
color: #767676;
vertical-align: top;
font-size: 40px;
text-decoration: line-through;
}
.button-base-text-9 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-9.small {
font-size: 18px;
}
.button-base-text-9.manrope {
color: #161615;
font-family: Manrope, sans-serif;
}
.text-span-82 {
color: #f2a499;
}
.code-embed-11 {
z-index: 300;
width: 100%;
height: auto;
position: absolute;
inset: 0;
}
.shift-key-image-4 {
z-index: 7;
aspect-ratio: auto;
object-fit: cover;
background-color: #fff0;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 85%;
height: auto;
margin-left: auto;
margin-right: auto;
text-decoration: none;
display: block;
position: relative;
inset: 60px auto auto;
}
.movie-clip-container {
z-index: 1;
background-color: var(--c-grey--trans--0);
margin: 0;
padding: 60px 20px 20px;
position: relative;
}
.movie-clip-container.content {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.movie-clip-container.play {
margin-bottom: 0;
}
.container-tt.head {
padding-top: 20px;
}
.movie-clip-section {
background-color: var(--c-grey--trans--0);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.movie-clip-section.play {
height: auto;
}
.movie-clip-lightbox {
background-color: var(--c-grey--trans--0);
padding-left: 20px;
padding-right: 20px;
}
.movie-clip-lightbox.bg-black {
padding-top: 60px;
}
.movie-clip-lightbox.bg-black.gap {
padding-top: 100px;
}
.movie-clip-lightbox.bg-black.padding {
width: 100%;
padding-top: 20px;
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.movie-clip-lightbox.bg-black.padding.v2 {
background-color: var(--c-grey--900);
padding-left: 0;
padding-right: 0;
}
.movie-clip-lightbox.bg-black.padding-copy {
padding-top: 20px;
}
.movie-clip-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: var(--c-grey--trans--0);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
display: grid;
}
.card-txt---sub-txt-02 {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: var(--c-grey--900);
display: flex;
}
.card-txt---sub-txt-02.temp {
margin-bottom: 20px;
}
.card-txt---sub-txt-box-02 {
background-color: var(--c-grey--trans--0);
min-height: 80px;
}
.card-txt---tt-02 {
color: var(--c-primary--bg);
text-align: left;
padding-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 1.2;
}
.card-txt---tt-02.style-titles {
margin-bottom: 30px;
}
.card-txt---tt-02.menu-large-text {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.card-txt---tt-02.services-h1 {
margin-bottom: 40px;
font-family: Supertone Serif, sans-serif;
font-size: 30px;
font-weight: 300;
}
.card-txt---tt-02.services-intro-hero {
width: 75%;
margin-bottom: 40px;
font-size: 30px;
font-weight: 400;
}
.card-txt---tt-02.looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.card-txt---tt-02.testimonial-heading {
margin-bottom: 10px;
}
.card-txt---tt-02.about-testimonial {
width: 100%;
max-width: none;
margin-bottom: 0;
margin-left: 0;
position: relative;
}
.card-txt---tt-02.awards-looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.card-txt---tt-02.contact-heading {
margin-bottom: 10px;
}
.card-txt---tt-02.product-title {
font-size: 40px;
}
.card-txt---tt-02.medium {
font-size: 34px;
}
.card-txt---tt-02.medium.red {
color: var(--c-secondary--orange);
}
.card-txt---tt-02.medium.small.blue {
color: var(--c-primary--blue-500);
}
.card-txt---tt-02.pink {
color: var(--c-secondary--pink);
padding-bottom: 10px;
}
.card-txt---tt-02.play-color {
color: var(--play-secondary-color--green);
}
.card-txt---tt-02.play-color.gap {
padding-bottom: 0;
}
.card-txt---tt-02.play-color.gap.play-official {
color: var(--c-primary--blue-500);
}
.card-txt---tt-02.play-color.gap.play-official.bg-color {
color: var(--c-grey--300);
font-family: Manrope, sans-serif;
font-size: 60px;
}
.card-txt---tt-02.play-color.gap.play-official.bg-color.mobile {
font-size: 54px;
}
.card-txt---tt-02.clear-color {
color: var(--c-secondary--mint-green);
}
.card-txt---tt-02.txt-size {
color: var(--play-secondary-color--green);
font-size: 38px;
}
.card-txt---tt-02.txt-size.clear-color, .card-txt---tt-02.air-color {
color: var(--c-secondary--mint-green);
}
.card-txt---tt-02.air-color.mobile-padding, .card-txt---tt-02.green {
color: var(--play-secondary-color--green);
}
.card-txt---tt-02.api-color {
color: var(--c-secondary--api-green);
-webkit-text-stroke-color: var(--c-grey--white);
}
.product-txt-name-02 {
color: var(--c-primary--bg);
font-size: 20px;
}
.product-txt-name-02.satoshi {
font-family: Satoshi Variable;
}
.product-txt-name-02.dokkaebi {
font-size: 30px;
}
.products---sub-txt-02 {
color: var(--c-grey--300);
text-transform: none;
padding-top: 0;
padding-bottom: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
}
.products---sub-txt-02.grey.top-padding {
padding-top: 0;
}
.products---sub-txt-02.grey.top-padding.small {
padding-left: 50px;
font-size: 12px;
}
.products---sub-txt-02.grey.top-padding.small.dark {
margin-bottom: 20px;
}
.products---sub-txt-02.padding-top-20px {
padding-top: 20px;
}
.products---sub-txt-02.padding-top-20px.pink {
color: var(--c-secondary--pink);
}
.products---sub-txt-02.padding-top-20px.play-color {
color: var(--play-secondary-color--green);
padding-top: 0;
}
.products---sub-txt-02.padding-top-20px.api-color {
color: var(--c-secondary--api-green);
}
.products---sub-txt-02.padding-top-20px.sup-color {
color: var(--c-primary--blue-500);
padding-top: 0;
}
.products---sub-txt-02.padding-top-20px.bg-color {
color: var(--c-primary--bg);
padding-top: 0;
font-family: Manrope, sans-serif;
font-size: 16px;
}
.products---sub-txt-02.mobile {
padding-top: 0;
}
.products---sub-txt-02.mobile.clear-color {
color: var(--c-secondary--mint-green);
}
.products---sub-txt-02.mobile.air-color {
color: var(--play-secondary-color--green);
}
.products---sub-txt-02.padding-top-0.green {
color: var(--play-secondary-color--green);
padding-top: 20px;
}
.products---sub-txt-02.satoshi {
font-family: Satoshi Variable;
}
.products---sub-txt-02.du-test {
width: 100%;
color: var(--c-primary--bg);
margin-top: 40px;
}
.products---sub-txt-02.dokkaebi {
font-size: 16px;
}
.products---sub-txt-02.dokkaebi:lang(ko) {
font-weight: 400;
}
.products---sub-txt-02.dokkaebi.blue {
color: var(--c-primary--blue-500);
padding-bottom: 6px;
}
.products---sub-txt-02.padding {
padding-bottom: 6px;
}
.txt-grid {
grid-column-gap: 41px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 0;
padding-bottom: 0;
}
.txt-grid.padding-under-30 {
padding-top: 20px;
padding-bottom: 30px;
}
.txt-grid.padding-under-30.padding-top-30 {
padding-top: 40px;
}
.txt-grid.mobile-10 {
margin-top: 40px;
}
.txt-container {
z-index: 1;
background-color: var(--c-grey--trans--0);
margin: 0;
padding: 60px 20px 20px;
position: relative;
}
.txt-container.content {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.txt-container.play {
margin-bottom: 0;
}
.link-txt {
color: var(--blue--600);
}
.image-29 {
border-radius: 10px;
margin-top: 20px;
padding-top: 0;
}
.lightbox-link-base-shift2-0-2 {
background-color: #fff0;
padding-left: 20px;
padding-right: 20px;
}
.lightbox-link-base-shift2-0-2.bg-black {
padding-top: 60px;
}
.lightbox-link-base-shift2-0-2.bg-black.gap {
padding-top: 100px;
}
.text-span-83 {
color: var(--c-primary--bg);
margin-top: 0;
padding-bottom: 10px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 36px;
font-weight: 300;
display: block;
}
.text-span-83:lang(ko) {
font-weight: 400;
}
.text-span-83.blue {
color: var(--c-primary--blue-500);
}
.text-span-83.bold {
font-family: Manrope, sans-serif;
font-weight: 400;
}
.text-span-84 {
color: var(--c-secondary--2-0-blue-tbd);
}
.text-span-85 {
color: #cfff3b;
}
.div-block-53 {
height: 30px;
}
.section-11 {
margin-bottom: 60px;
}
.button-base-text-shift2-0 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-shift2-0.small {
font-size: 18px;
}
.button-base-text-shift2-0.manrope {
color: var(--c-primary--bg);
font-family: Manrope, sans-serif;
}
.arrow-7-shift-2-0 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #f0f0f0;
-webkit-background-clip: text;
background-clip: text;
width: 14px;
height: 14px;
display: block;
position: relative;
}
.container-23 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "Area"
/ 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 100%;
display: grid;
}
.contents-hero-holder-shift-2-0 {
padding: 40px 20px;
}
.contents-hero-holder-shift-2-0.padding {
padding-bottom: 60px;
}
.contents-hero-holder-shift-2-0.padding.ad-padding, .contents-hero-holder-shift-2-0.padding.ad-padding-copy {
margin-bottom: 60px;
}
.contents-hero-holder-shift-2-0.play-padding {
margin-bottom: 0;
padding-top: 80px;
}
.contents-hero-holder-shift-2-0.play-padding.headtt-padding {
margin-bottom: 100px;
padding-top: 0;
display: none;
}
.contents-hero-holder-shift-2-0.play-sub-txt-block {
background-color: var(--c-grey--700);
border-top-left-radius: 20px;
margin-top: 60px;
padding-top: 30px;
padding-bottom: 30px;
}
.contents-hero-holder-shift-2-0.padding-x {
padding-top: 0;
}
.contents-hero-holder-shift-2-0.api {
padding-top: 60px;
}
.contents-hero-holder-shift-2-0.price-to-download {
padding-top: 40px;
padding-bottom: 60px;
}
.text-m---head-product---title-shift-2-0 {
color: var(--c-grey--300);
text-align: left;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
font-size: 54px;
font-weight: 400;
line-height: 1.2;
}
.text-m---head-product---title-shift-2-0.style-titles {
margin-bottom: 30px;
}
.text-m---head-product---title-shift-2-0.menu-large-text {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.text-m---head-product---title-shift-2-0.services-h1 {
margin-bottom: 40px;
font-family: Supertone Serif, sans-serif;
font-size: 30px;
font-weight: 300;
}
.text-m---head-product---title-shift-2-0.services-intro-hero {
width: 75%;
margin-bottom: 40px;
font-size: 30px;
font-weight: 400;
}
.text-m---head-product---title-shift-2-0.looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.text-m---head-product---title-shift-2-0.testimonial-heading {
margin-bottom: 10px;
}
.text-m---head-product---title-shift-2-0.about-testimonial {
width: 100%;
max-width: none;
margin-bottom: 0;
margin-left: 0;
position: relative;
}
.text-m---head-product---title-shift-2-0.awards-looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.text-m---head-product---title-shift-2-0.contact-heading {
margin-bottom: 10px;
}
.text-m---head-product---title-shift-2-0.product-title {
font-size: 40px;
}
.text-m---head-product---title-shift-2-0.medium {
font-size: 34px;
}
.text-m---head-product---title-shift-2-0.medium.red {
color: var(--c-secondary--orange);
}
.text-m---head-product---title-shift-2-0.medium.small.blue {
color: var(--c-primary--blue-500);
}
.text-m---head-product---title-shift-2-0.pink {
color: var(--c-secondary--pink);
padding-bottom: 10px;
}
.text-m---head-product---title-shift-2-0.play-color {
color: var(--play-secondary-color--green);
}
.text-m---head-product---title-shift-2-0.play-color.gap {
padding-bottom: 0;
}
.text-m---head-product---title-shift-2-0.play-color.gap.play-official {
color: var(--c-primary--blue-500);
}
.text-m---head-product---title-shift-2-0.play-color.gap.play-official.bg-color {
color: var(--c-grey--300);
font-family: Manrope, sans-serif;
font-size: 60px;
}
.text-m---head-product---title-shift-2-0.play-color.gap.play-official.bg-color.mobile {
font-size: 54px;
}
.text-m---head-product---title-shift-2-0.play-color.gap.play-official.bg-color.mobile.satoshi {
font-family: Satoshi Variable;
position: static;
}
.text-m---head-product---title-shift-2-0.clear-color {
color: var(--c-secondary--mint-green);
}
.text-m---head-product---title-shift-2-0.txt-size {
color: var(--play-secondary-color--green);
font-size: 38px;
}
.text-m---head-product---title-shift-2-0.txt-size.clear-color, .text-m---head-product---title-shift-2-0.air-color {
color: var(--c-secondary--mint-green);
}
.text-m---head-product---title-shift-2-0.air-color.mobile-padding, .text-m---head-product---title-shift-2-0.green {
color: var(--play-secondary-color--green);
}
.text-m---head-product---title-shift-2-0.api-color {
color: var(--c-secondary--api-green);
-webkit-text-stroke-color: var(--c-grey--white);
}
.text-span-86 {
color: var(--c-grey--white);
}
.hero-shift-2-0 {
height: 100%;
margin-top: 0;
margin-bottom: 0;
position: relative;
}
.shift-2-0-product-title {
color: var(--c-grey--white);
font-size: 44px;
}
.key-messaging-base-container-shift2-0 {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 10px;
display: grid;
}
.key-messaging-base-container-shift2-0.gap {
padding-top: 40px;
}
.key-messaging-base-container-shift2-0.gap.bottom-margin, .key-messaging-base-container-shift2-0.gap.bottom-margin-copy {
padding-bottom: 40px;
}
.key-messaging-base-container-shift2-0.space {
grid-template-columns: 3fr 1fr;
padding-bottom: 20px;
}
.key-messaging-base-container-shift2-0.space.flex {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
padding-top: 0;
padding-left: 20px;
display: flex;
position: absolute;
top: 5px;
bottom: auto;
left: 10px;
}
.text-span-87 {
font-size: 36px;
}
.div-block-54 {
z-index: 20;
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: center;
display: flex;
position: relative;
}
.text-span-88 {
color: #f2a499;
}
.contents-hero-holder-sfhit-4 {
background-color: #161615;
margin-bottom: 0;
padding: 60px 20px 0;
}
.div-block-55 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
width: auto;
height: 20px;
display: none;
}
.text-span-89 {
color: #767676;
vertical-align: top;
font-size: 40px;
text-decoration: line-through;
}
.shift-key-button2-2 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.shift-key-button2-2:hover {
opacity: 1;
}
.button-base-text-10 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-10.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
}
.button-base-text-10.small {
font-size: 18px;
}
.button-base-text-10.small.manrope {
font-size: 14px;
}
.promo-text---large-5 {
color: #f2fb41;
text-align: left;
padding-top: 10px;
font-family: Bdogrotesk;
font-size: 50px;
font-weight: 300;
line-height: 1.2;
}
.promo-text---large-5.sale-color {
color: #64ffbc;
font-size: 60px;
}
.div-block-57 {
z-index: 10;
justify-content: center;
align-items: center;
width: 65%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
top: 0;
}
.image-30 {
border-radius: 8px;
}
.shift-key-image-5 {
z-index: 7;
aspect-ratio: auto;
object-fit: cover;
background-color: #fff0;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 85%;
height: auto;
margin-left: auto;
margin-right: auto;
text-decoration: none;
display: block;
position: relative;
inset: 60px auto auto;
}
.button-base-mask-3 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button-base-mask-3:lang(ko) {
background-color: #227cff;
}
.button-base-mask-3.manrope {
font-family: Manrope, sans-serif;
}
.button-base-mask-3.manrope.orange {
background-color: orange;
}
.button-base-mask-3.manrope.white {
background-color: var(--c-grey--white);
top: 0%;
}
.button-base-mask-3.manrope.shift20, .button-base-mask-3.shift2-0 {
background-color: var(--c-primary--bg);
bottom: -1%;
}
.standard-shift-2-0-price-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
margin-bottom: 40px;
display: flex;
}
.code-embed-12 {
z-index: 300;
width: 100%;
height: auto;
position: absolute;
inset: 0;
}
.text-span-90 {
font-size: 36px;
}
.text-span-90.orange {
color: #f1953e;
}
.showcase_marquee_track-7 {
flex-flow: row-reverse;
flex: none;
display: flex;
overflow: visible;
}
.shift-2-0-product-title--2-2rem {
color: var(--c-grey--white);
font-size: 44px;
}
.tabs-content-wrapper {
margin-top: 1em;
overflow: visible;
}
.tabs-nav-background {
z-index: 0;
border: 1px solid var(--c-grey--white);
background-color: #0000;
border-radius: 999em;
position: absolute;
inset: 0%;
box-shadow: 0 22px 2.5em #0006;
}
.container-w3 {
width: 100%;
max-width: 60em;
margin-left: auto;
margin-right: auto;
}
.container-w3.gutter-outside {
max-width: 65em;
margin: 0;
}
.title3 {
font-size: 2.25em;
font-weight: 600;
line-height: 1.2em;
}
.tab-content, .tab-content2 {
justify-content: center;
align-items: center;
display: flex;
}
.tabs-menu-underline-wrapper {
background-color: var(--c-grey--trans--0);
border-radius: 1.4em;
align-items: center;
padding: 0 1em 1.2em;
display: flex;
}
.section-tabs {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--c-grey--trans--0);
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-height: 0;
padding-top: 0;
padding-bottom: 0;
display: block;
overflow: visible;
}
.tabs-nav-item-underline2 {
grid-column-gap: .5em;
color: #ffffff80;
text-align: center;
background-color: #0000;
border-radius: 999em;
flex: 1;
justify-content: center;
align-items: center;
padding: .9em 2em;
transition: all .3s;
display: flex;
position: relative;
}
.tabs-nav-item-underline2:hover {
color: #fff;
background-color: #0000;
}
.tabs-nav-item-underline2.w--current {
color: #fff;
background-color: #0000;
font-weight: 500;
}
.tab-content-item {
box-sizing: border-box;
aspect-ratio: 16 / 9;
object-fit: contain;
width: auto;
height: auto;
position: relative;
overflow: visible;
}
.tabs-nav-unterline {
z-index: 0;
background-color: var(--c-primary--bg);
border-radius: 999em;
width: auto;
height: 2px;
position: absolute;
bottom: 0%;
left: 0%;
right: 0%;
}
.second-example-with-unterline {
border-top: 1px dashed #505050;
margin-top: 5em;
padding-top: 5em;
}
.tab-content-image {
border-radius: 16px;
width: 100%;
margin-left: 0;
margin-right: 0;
overflow: visible;
}
.tabs-nav-text {
z-index: 1;
color: #fff;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 18px;
font-weight: 300;
position: relative;
}
.tabs-nav-text.black {
color: var(--c-grey--black);
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
}
.tabs-nav-text.black.ribbon-small {
margin-top: 3px;
margin-bottom: 3px;
margin-right: 20px;
font-size: 14px;
}
.tab-content-inner {
grid-column-gap: 16px;
grid-row-gap: 16px;
aspect-ratio: 16 / 9;
object-fit: cover;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: auto;
max-width: none;
display: block;
overflow: visible;
}
.third-example-with-unterline {
border-top: 1px dashed #505050;
margin-top: 5em;
padding-top: 5em;
}
.tab-content-title {
color: #fff;
font-size: 3em;
font-weight: 500;
line-height: 1;
position: absolute;
}
.p-md-end {
padding-bottom: 5.5em;
}
.tabs-menu-wrapper {
background-color: #0000;
border-radius: 999em;
align-items: center;
padding: 0 .8em;
display: flex;
}
.tabs-nav-item-underline {
grid-column-gap: .5em;
color: #ffffff80;
text-align: center;
background-color: #0000;
border-radius: 999em;
flex: 1;
justify-content: center;
align-items: center;
padding: .9em 2em;
transition: all .3s;
display: flex;
position: relative;
}
.tabs-nav-item-underline:hover {
color: #fff;
background-color: #0000;
}
.tabs-nav-item-underline.w--current {
color: #fff;
background-color: #0000;
font-weight: 500;
}
.tabs-nav-icon {
width: 1.5em;
height: 1.5em;
}
.tabs-nav-item {
color: #fff;
text-align: center;
background-color: #0000;
border-radius: 999em;
flex: 1;
padding: 1em 2em;
transition: all .3s;
position: relative;
}
.tabs-nav-item:hover {
background-color: #535353;
}
.tabs-nav-item.w--current {
color: #000;
background-color: #0000;
font-weight: 500;
}
.container-24 {
width: 100%;
max-width: none;
margin: 0;
display: block;
overflow: visible;
}
.shift2-0-body {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.shift2-0-body.bg-black {
background-color: var(--c-primary--main);
margin-top: 140px;
overflow: hidden;
}
.shift2-0-body.bg-black.padding {
background-color: var(--c-grey--trans--0);
margin-top: 100px;
margin-bottom: 80px;
padding-top: 0;
}
.shift2-0-body.black {
background-color: var(--c-primary--main);
margin-top: 0;
}
.tt-sub-txt-block-2 {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 70%;
display: flex;
}
.tt-sub-txt-block-2.shift {
width: 80%;
}
.shift-2-0-tt-sub {
width: 100%;
height: 9%;
padding: 40px 20px;
}
.shift-2-0-tt-sub.padding-down {
padding-bottom: 60px;
}
.logo-holder {
mix-blend-mode: normal;
margin-top: 40px;
margin-bottom: 60px;
overflow: hidden;
}
.logo-holder.mobile {
display: none;
}
.logos-section {
mix-blend-mode: normal;
width: 5000px;
margin-top: 0;
display: flex;
}
.logos-wrap {
display: flex;
}
.gallery-grid--shift-2-0feature {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: .25fr;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
width: 100%;
height: 100%;
display: flex;
}
.gallery-grid--shift-2-0feature:lang(ja) {
grid-column-gap: 18px;
grid-row-gap: 18px;
}
._2-0-feature-wrap {
border: 2px none var(--c-grey--400);
border-radius: 8px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-left: 0;
padding-right: 0;
display: flex;
overflow: clip;
}
.extra-large-text-sub-2-0 {
width: 70%;
font-size: 3.2rem;
font-weight: 400;
line-height: 1.1;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc {
color: #f5f5ef;
align-self: flex-start;
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.black {
color: var(--c-primary--main);
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.black.white {
color: var(--c-primary--bg);
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.small {
width: 70%;
font-size: 1.1rem;
line-height: 1.3;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.small.gap {
padding-top: 30px;
font-weight: 300;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.small.manrope {
font-family: Manrope, sans-serif;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.small.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.small.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.small.gap-h {
margin-bottom: 20px;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.white {
margin-top: 0;
margin-bottom: 0;
line-height: 2;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.white:lang(ko) {
display: block;
overflow: visible;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.white.manrope {
font-family: Manrope, sans-serif;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.white.subtitle3 {
color: orange;
margin-top: 0;
margin-bottom: 20px;
font-size: 1.8rem;
font-weight: 300;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.white.subtitle3:lang(ko) {
font-weight: 400;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.white.subtitle3._2-0-yellow {
width: 100%;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.white.pink {
margin-top: 0;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.white.pink.mobile {
margin-top: 20px;
margin-left: 20px;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.white.mobile {
width: auto;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.white {
margin-bottom: 40px;
line-height: 1.3;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.sub2 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.3rem;
font-weight: 300;
line-height: 1.3;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.sub2:lang(ko) {
font-weight: 400;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.sub2.manrope {
font-family: Manrope, sans-serif;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.sub2.subtitle3 {
color: #9049fe;
margin-bottom: 20px;
font-size: 1.8rem;
}
.extra-large-text-sub-2-0.intro-page {
color: #f5f5ef;
align-self: flex-start;
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
}
.extra-large-text-sub-2-0.intro-page.white {
line-height: 1.3;
}
.extra-large-text-sub-2-0.intro-page.black {
color: #161615;
}
.extra-large-text-sub-2-0.shift-2-0-desc {
color: #f5f5ef;
align-self: flex-start;
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
}
.extra-large-text-sub-2-0.shift-2-0-desc.black {
color: var(--c-primary--main);
}
.extra-large-text-sub-2-0.shift-2-0-desc.black.white {
color: var(--c-primary--bg);
}
.extra-large-text-sub-2-0.shift-2-0-desc.small {
width: 70%;
font-size: 1.1rem;
line-height: 1.3;
}
.extra-large-text-sub-2-0.shift-2-0-desc.small.gap {
padding-top: 30px;
font-weight: 300;
}
.extra-large-text-sub-2-0.shift-2-0-desc.small.manrope {
font-family: Manrope, sans-serif;
}
.extra-large-text-sub-2-0.shift-2-0-desc.small.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.extra-large-text-sub-2-0.shift-2-0-desc.small.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.extra-large-text-sub-2-0.shift-2-0-desc.small.gap-h {
margin-bottom: 20px;
}
.extra-large-text-sub-2-0.shift-2-0-desc.white {
margin-top: 0;
margin-bottom: 0;
line-height: 2;
}
.extra-large-text-sub-2-0.shift-2-0-desc.white:lang(ko) {
display: block;
overflow: visible;
}
.extra-large-text-sub-2-0.shift-2-0-desc.white.manrope {
font-family: Manrope, sans-serif;
}
.extra-large-text-sub-2-0.shift-2-0-desc.white.subtitle3 {
width: 100%;
color: var(--c-secondary--2-0-blue-tbd);
margin-top: 0;
margin-bottom: 20px;
font-size: 1.8rem;
font-weight: 300;
}
.extra-large-text-sub-2-0.shift-2-0-desc.white.subtitle3:lang(ko) {
font-weight: 400;
}
.extra-large-text-sub-2-0.shift-2-0-desc.white.subtitle3._2-0-yellow {
width: 100%;
}
.extra-large-text-sub-2-0.shift-2-0-desc.white.subtitle3._2-0-blue {
color: var(--c-secondary--2-0-blue-tbd);
}
.extra-large-text-sub-2-0.shift-2-0-desc.white.pink {
margin-top: 0;
}
.extra-large-text-sub-2-0.shift-2-0-desc.white {
margin-bottom: 40px;
line-height: 1.3;
}
.extra-large-text-sub-2-0.shift-2-0-desc.sub2 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.3rem;
font-weight: 300;
line-height: 1.3;
}
.extra-large-text-sub-2-0.shift-2-0-desc.sub2:lang(ko) {
font-weight: 400;
}
.extra-large-text-sub-2-0.shift-2-0-desc.sub2.manrope {
font-family: Manrope, sans-serif;
}
.extra-large-text-sub-2-0.shift-2-0-desc.sub2.subtitle3 {
color: #9049fe;
margin-bottom: 20px;
font-size: 1.8rem;
}
.use-case-words-txt-2-0 {
color: #f5f5ef;
border-radius: 1px;
margin-top: 20px;
margin-bottom: 0;
margin-left: 20px;
font-weight: 300;
}
.use-case-words-txt-2-0._50 {
width: 70%;
min-width: auto;
min-height: auto;
margin-bottom: 0;
line-height: 1.3;
}
.use-case-words-txt-2-0._50.api-color {
color: var(--c-secondary--api-green);
}
.use-case-words-txt-2-0._50.api-color.white {
color: var(--c-primary--bg);
}
.use-case-words-txt-2-0._50.api-color.white.manrope {
font-family: Manrope, sans-serif;
}
.use-case-words-txt-2-0._50.play-sub-color {
color: var(--c-secondary--play-sub);
font-weight: 300;
}
.use-case-words-txt-2-0._50.play-sub-color.play-head {
font-size: 24px;
font-weight: 400;
}
.use-case-words-txt-2-0._50.green-green {
color: var(--play-secondary-color--green);
}
.use-case-words-txt-2-0.black {
color: var(--c-grey--trans--0);
}
.use-case-words-txt-2-0.green {
color: var(--c-secondary--mint-green);
}
.use-case-words-txt-2-0.green.air-green {
color: var(--play-secondary-color--green);
}
.use-case-words-txt-2-0.green.air-green.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.use-case-words-txt-2-0.green.air-green.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.use-case-words-txt-2-0.pink {
color: var(--c-secondary--pink);
margin-top: 20px;
margin-left: 20px;
}
.use-case-words-txt-2-0.pink:lang(ja) {
font-weight: 500;
}
.use-case-words-txt-2-0._2-0-blue {
color: var(--c-primary--blue-500);
font-weight: 500;
}
.use-case-words-txt-2-0._2-0-yellow {
font-weight: 300;
}
.text-span-91 {
color: var(--c-grey--white);
}
.product-txt-name-shift2-0 {
width: 680px;
min-width: 0%;
color: var(--c-primary--bg);
letter-spacing: -.5px;
font-size: 96px;
display: block;
}
.product-txt-name-shift2-0.satoshi {
font-family: Satoshi Variable;
}
.product-txt-name-shift2-0.tt {
font-size: 80px;
}
.product-txt-name-shift2-0._2-0-yellow {
color: var(--2-0-yellow);
font-size: 96px;
}
.div-block-58 {
width: 100%;
margin-top: 10px;
}
.code-embed-13 {
box-sizing: content-box;
aspect-ratio: 16 / 9;
filter: contrast(110%);
object-fit: cover;
width: auto;
max-width: none;
height: 425px;
display: flex;
overflow: hidden;
}
.hero-products-v02 {
flex-direction: column;
justify-content: flex-start;
margin-top: 60px;
margin-bottom: 60px;
padding-left: 20px;
padding-right: 20px;
display: block;
overflow: hidden;
}
.hero-products-v02.black {
background-color: var(--c-primary--main);
padding-bottom: 100px;
}
.products-container-3column-v02 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: auto;
display: block;
overflow: hidden;
}
.products-container-grid-v02 {
clear: both;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 1rem;
padding-bottom: 1rem;
display: grid;
position: relative;
}
.products-container-grid-v02.mobile {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: stretch;
display: grid;
}
.product-txt-name-v02 {
width: auto;
min-width: 0%;
color: var(--c-primary--bg);
letter-spacing: -.5px;
font-size: 50px;
display: block;
}
.product-txt-name-v02.satoshi {
font-family: Satoshi Variable;
}
.product-txt-name-v02.tt {
font-size: 80px;
}
.how-it-works-title-section {
width: 70%;
font-size: 3.2rem;
font-weight: 400;
line-height: 1.1;
}
.how-it-works-title-section.price-2-0-shift-desc {
color: #f5f5ef;
align-self: flex-start;
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
}
.how-it-works-title-section.price-2-0-shift-desc.black {
color: var(--c-primary--main);
}
.how-it-works-title-section.price-2-0-shift-desc.black.white {
color: var(--c-primary--bg);
}
.how-it-works-title-section.price-2-0-shift-desc.small {
width: 70%;
font-size: 1.1rem;
line-height: 1.3;
}
.how-it-works-title-section.price-2-0-shift-desc.small.gap {
padding-top: 30px;
font-weight: 300;
}
.how-it-works-title-section.price-2-0-shift-desc.small.manrope {
font-family: Manrope, sans-serif;
}
.how-it-works-title-section.price-2-0-shift-desc.small.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.how-it-works-title-section.price-2-0-shift-desc.small.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.how-it-works-title-section.price-2-0-shift-desc.small.gap-h {
margin-bottom: 20px;
}
.how-it-works-title-section.price-2-0-shift-desc.white {
margin-top: 0;
margin-bottom: 0;
line-height: 2;
}
.how-it-works-title-section.price-2-0-shift-desc.white:lang(ko) {
display: block;
overflow: visible;
}
.how-it-works-title-section.price-2-0-shift-desc.white.manrope {
font-family: Manrope, sans-serif;
}
.how-it-works-title-section.price-2-0-shift-desc.white.subtitle3 {
color: orange;
margin-top: 0;
margin-bottom: 20px;
font-size: 1.8rem;
font-weight: 300;
}
.how-it-works-title-section.price-2-0-shift-desc.white.subtitle3:lang(ko) {
font-weight: 400;
}
.how-it-works-title-section.price-2-0-shift-desc.white.subtitle3._2-0-yellow {
width: 100%;
}
.how-it-works-title-section.price-2-0-shift-desc.white.pink {
margin-top: 0;
}
.how-it-works-title-section.price-2-0-shift-desc.white.mobile {
width: auto;
}
.how-it-works-title-section.price-2-0-shift-desc.white {
margin-bottom: 40px;
line-height: 1.3;
}
.how-it-works-title-section.price-2-0-shift-desc.sub2 {
width: 55%;
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.3rem;
font-weight: 300;
line-height: 1.3;
}
.how-it-works-title-section.price-2-0-shift-desc.sub2:lang(ko) {
font-weight: 400;
}
.how-it-works-title-section.price-2-0-shift-desc.sub2.manrope {
font-family: Manrope, sans-serif;
}
.how-it-works-title-section.price-2-0-shift-desc.sub2.subtitle3 {
color: #9049fe;
margin-bottom: 20px;
font-size: 1.8rem;
}
.how-it-works-title-section.intro-page {
color: #f5f5ef;
align-self: flex-start;
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
}
.how-it-works-title-section.intro-page.white {
font-weight: 300;
line-height: 1.3;
}
.how-it-works-title-section.intro-page.white._150 {
color: var(--c-grey--150);
}
.how-it-works-title-section.intro-page.black {
color: #161615;
}
.how-it-works-title-section.shift-2-0-desc {
color: #f5f5ef;
align-self: flex-start;
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
}
.how-it-works-title-section.shift-2-0-desc.black {
color: var(--c-primary--main);
}
.how-it-works-title-section.shift-2-0-desc.black.white {
color: var(--c-primary--bg);
}
.how-it-works-title-section.shift-2-0-desc.small {
width: 70%;
font-size: 1.1rem;
line-height: 1.3;
}
.how-it-works-title-section.shift-2-0-desc.small.gap {
padding-top: 30px;
font-weight: 300;
}
.how-it-works-title-section.shift-2-0-desc.small.manrope {
font-family: Manrope, sans-serif;
}
.how-it-works-title-section.shift-2-0-desc.small.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.how-it-works-title-section.shift-2-0-desc.small.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.how-it-works-title-section.shift-2-0-desc.small.gap-h {
margin-bottom: 20px;
}
.how-it-works-title-section.shift-2-0-desc.white {
margin-top: 0;
margin-bottom: 0;
line-height: 2;
}
.how-it-works-title-section.shift-2-0-desc.white:lang(ko) {
display: block;
overflow: visible;
}
.how-it-works-title-section.shift-2-0-desc.white.manrope {
font-family: Manrope, sans-serif;
}
.how-it-works-title-section.shift-2-0-desc.white.subtitle3 {
width: auto;
color: var(--c-primary--bg);
margin: 10px 0 0;
padding-top: 0;
font-family: Bdogrotesk;
font-size: 1.8rem;
font-weight: 300;
}
.how-it-works-title-section.shift-2-0-desc.white.subtitle3:lang(ko) {
font-weight: 400;
}
.how-it-works-title-section.shift-2-0-desc.white.subtitle3._2-0-yellow {
width: 100%;
}
.how-it-works-title-section.shift-2-0-desc.white.subtitle3._2-0-blue {
color: var(--c-secondary--2-0-blue-tbd);
}
.how-it-works-title-section.shift-2-0-desc.white.pink {
margin-top: 0;
}
.how-it-works-title-section.shift-2-0-desc.white {
margin-bottom: 40px;
line-height: 1.3;
}
.how-it-works-title-section.shift-2-0-desc.sub2 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.3rem;
font-weight: 300;
line-height: 1.3;
}
.how-it-works-title-section.shift-2-0-desc.sub2:lang(ko) {
font-weight: 400;
}
.how-it-works-title-section.shift-2-0-desc.sub2.manrope {
font-family: Manrope, sans-serif;
}
.how-it-works-title-section.shift-2-0-desc.sub2.subtitle3 {
color: #9049fe;
margin-bottom: 20px;
font-size: 1.8rem;
}
._2-0-how-it-works-section {
border: 2px none var(--c-grey--400);
background-color: var(--c-grey--trans--0);
border-radius: 8px;
width: 100%;
height: auto;
overflow: visible;
}
._16px.white.text-grey {
color: var(--c-grey--200);
}
._16px.white.text-grey:lang(ja) {
font-weight: 500;
}
._16px.white.text-grey._2-0 {
width: 80%;
color: var(--c-grey--150);
text-align: center;
margin: 10px 0 20px;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
font-weight: 300;
}
._16px.white.text-grey._2-0:lang(ko) {
font-weight: 400;
}
.shift-feature-section-2-0 {
background-color: var(--c-grey--trans--0);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.shift-feature-section-2-0.play {
height: auto;
margin-bottom: 100px;
}
.shift-feature-section-2-0.play.spacing {
margin-bottom: 120px;
}
.container-25 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
display: block;
}
.image-31 {
width: auto;
height: 24px;
margin-top: 20px;
margin-right: 10px;
}
.shift-user-video-gallery-section-copy {
flex: 0 auto;
width: 100%;
height: 150%;
min-height: 0%;
margin-top: 20px;
}
.compatible-with {
font-size: 14px;
line-height: 24px;
}
.compatible-with.neon-yellow {
color: var(--c-grey--300);
margin-top: 10px;
font-weight: 300;
}
.compatible-with.neon-yellow._500 {
color: #444;
}
.compatible-with.shift-download-spec {
color: var(--c-grey--300);
font-weight: 300;
}
.compatible-with.gray {
color: #909090;
text-align: center;
width: 11%;
margin-top: 10px;
padding-bottom: 8px;
font-weight: 400;
display: block;
}
.container-26 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
display: flex;
}
.underline-dash {
background-color: var(--c-grey--400);
transform-origin: 0%;
width: 3%;
height: 1px;
margin-top: 0;
}
.underline-dash.dark-green {
background-color: #11594f;
}
.underline-dash.green {
background-color: #11594f;
margin-top: 10px;
}
.underline-dash.pink {
background-color: var(--c-grey--400);
margin-top: 0;
margin-bottom: 0;
}
.underline-dash.pink.promotion {
background-color: var(--c-secondary--orange);
width: auto;
margin-bottom: 5px;
margin-left: 20px;
margin-right: 20px;
padding-left: 20px;
padding-right: 20px;
}
.underline-dash.pink.play-sub-color {
background-color: var(--c-secondary--play-sub);
}
.underline-dash.pink.play-sub-color.padding {
margin-bottom: 20px;
}
.underline-dash.pink.orange {
background-color: var(--c-secondary--orange);
}
.underline-dash.blue {
background-color: var(--c-primary--blue-500);
}
.underline-dash.black {
background-color: var(--c-primary--main);
}
.underline-dash.white {
margin-top: 0;
}
.underline-dash.api-color {
background-color: var(--c-secondary--api-green);
}
.underline-dash.color---play {
background-color: var(--c-secondary--play-sub);
margin-bottom: 20px;
}
.card-title-2-0 {
outline-offset: 0px;
color: var(--c-primary--bg);
text-align: center;
border: 1px #000;
border-radius: 1px;
outline: 3px #f1953e;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 20px;
font-weight: 300;
overflow: visible;
}
.card-title-2-0:lang(ko) {
font-weight: 400;
}
.card-title-2-0._50 {
width: 70%;
min-width: auto;
min-height: auto;
margin-bottom: 0;
line-height: 1.3;
}
.card-title-2-0._50.api-color {
color: var(--c-secondary--api-green);
}
.card-title-2-0._50.api-color.white {
color: var(--c-primary--bg);
}
.card-title-2-0._50.api-color.white.manrope {
font-family: Manrope, sans-serif;
}
.card-title-2-0._50.play-sub-color {
color: var(--c-secondary--play-sub);
font-weight: 300;
}
.card-title-2-0._50.play-sub-color.play-head {
font-size: 24px;
font-weight: 400;
}
.card-title-2-0._50.green-green {
color: var(--play-secondary-color--green);
}
.card-title-2-0.black {
color: var(--c-grey--trans--0);
}
.card-title-2-0.green {
color: var(--c-secondary--mint-green);
}
.card-title-2-0.green.air-green {
color: var(--play-secondary-color--green);
}
.card-title-2-0.green.air-green.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.card-title-2-0.green.air-green.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.card-title-2-0.pink {
color: var(--c-secondary--pink);
margin-top: 20px;
margin-left: 20px;
}
.card-title-2-0.pink:lang(ja) {
font-weight: 500;
}
.card-title-2-0._2-0-blue {
color: var(--c-primary--blue-500);
font-weight: 500;
}
.card-title-2-0._2-0-yellow {
font-weight: 300;
}
.card-title-2-0.orange {
justify-content: center;
align-items: center;
margin-top: 15px;
margin-bottom: 15px;
display: block;
}
.code-embed-14 {
box-sizing: content-box;
object-fit: contain;
width: 100%;
overflow: visible;
}
.code-embed-15 {
width: 50%;
}
.shift-2-0-interactive {
grid-column-gap: 29px;
grid-row-gap: 29px;
grid-template-rows: auto;
grid-template-columns: .5fr;
grid-auto-rows: minmax(auto, 0fr);
grid-auto-columns: .75fr;
height: 100%;
margin: 100px 0 0;
padding-bottom: 0;
display: grid;
}
.bold-text-4 {
font-weight: 400;
}
.audio-demo---shift {
height: 550px;
}
.div-block-59 {
height: 10px;
}
.code-embed-shift-key-visual {
filter: contrast(110%);
width: 100%;
position: static;
}
.audio-demo---superdub {
flex-flow: column;
display: flex;
}
.audio-demo---play-copy {
display: flex;
}
.movie-clip-section-v2 {
background-color: var(--c-grey--trans--0);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: auto;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.movie-clip-section-v2.play {
height: auto;
}
.audio-demo---superdub-copy {
flex-flow: column;
width: 100%;
display: flex;
overflow: hidden;
}
.text-span-92 {
color: var(--c-primary--bg);
}
.section-12 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "Area"
/ minmax(280px, .75fr) minmax(320px, 1.25fr);
grid-auto-columns: 1fr;
margin-top: 100px;
margin-bottom: 60px;
display: grid;
}
.div-block-60 {
flex-flow: column;
justify-content: space-between;
width: 100%;
display: flex;
}
.div-block-61, .div-block-62 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
width: 70%;
display: flex;
}
.shift-price-drsc-wrapper {
grid-column-gap: 41px;
grid-row-gap: 41px;
flex-direction: column;
justify-content: space-between;
height: 100%;
display: flex;
position: relative;
}
.div-block-63 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
display: flex;
}
.div-block-64 {
display: flex;
}
.div-block-65 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
display: flex;
}
.div-block-66 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
display: block;
}
.div-block-67, .div-block-68 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
display: flex;
}
.button-base-container-shift {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 10px;
display: flex;
}
.button-base-container-shift.gap {
padding-top: 40px;
}
.button-base-container-shift.gap.bottom-margin {
padding-bottom: 40px;
}
.button-base-container-shift.gap.bottom-margin.superdub {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
padding-top: 0;
padding-bottom: 0;
}
.button-base-container-shift.gap.bottom-margin.interactive-shift {
padding-top: 60px;
padding-bottom: 0;
}
.button-base-container-shift.gap.bottom-margin-copy {
padding-bottom: 40px;
}
.button-base-container-shift.gap.api-setting {
justify-content: flex-end;
align-items: flex-end;
}
.button-base-container-shift.gap.api-setting.gap {
padding-top: 10px;
}
.shift-pricing-section {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #dbdbdb;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
width: 100%;
max-width: 320px;
padding: 20px;
display: flex;
}
.shift-pricing-section.promotion {
background-color: #91f758;
}
.shift-pricing-section.promotion-none {
background-color: #444;
}
.shift-pricing-section.regular {
background-color: var(--c-grey--700);
color: var(--c-grey--500);
}
.shift-pricing-section.regular.blue-bg {
background-color: var(--c-primary--blue-500);
}
.shift-pricing-section.regular.outline {
border: 1px solid var(--c-grey--500);
background-color: var(--c-grey--700);
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 100%;
}
.shift-pricing-section.regular.outline.bg-black {
background-color: var(--c-grey--800);
}
.div-block-69 {
width: 100%;
display: block;
}
.div-block-70 {
grid-column-gap: 20px;
grid-row-gap: 20px;
display: flex;
}
.image-32 {
aspect-ratio: 16 / 9;
object-fit: contain;
width: 100%;
display: block;
overflow: visible;
}
.coupon-heading {
grid-column-gap: 41px;
grid-row-gap: 41px;
flex-direction: column;
justify-content: space-between;
height: 100%;
margin-top: 10px;
display: flex;
}
.use-case-shift {
margin-bottom: 60px;
}
.div-block-72 {
margin-top: 0;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.div-block-72.shift, .div-block-72.shift:lang(ja) {
display: none;
}
.shift-title-wrap {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: 75%;
margin-bottom: 20px;
display: flex;
}
.shift-title-wrap.gap {
grid-column-gap: 19px;
grid-row-gap: 19px;
}
.shift-title-wrap.black {
background-color: var(--c-primary--main);
}
.shift-title-wrap.padding {
margin-bottom: 60px;
}
.tab--text {
width: 100%;
margin-top: 10px;
}
.image-33 {
mix-blend-mode: normal;
width: auto;
height: 1.4em;
}
.text-span-93 {
color: var(--c-secondary--color);
font-weight: 300;
}
.view-plans-button {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--c-primary--bg);
height: 40px;
color: var(--c-grey--600);
text-align: left;
-webkit-text-stroke-color: var(--c-grey--black);
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.view-plans-button:hover {
opacity: 1;
}
.view-plans-button.center, .view-plans-button.center.w--current {
justify-content: center;
align-items: center;
}
.view-plans-button.aligan {
flex-flow: wrap;
flex: 0 auto;
order: 1;
justify-content: center;
align-self: baseline;
align-items: center;
}
.view-plans-button.aligan.play-btn-color {
background-color: var(--play-secondary-color--green);
}
.view-plans-button.right {
justify-content: flex-start;
align-items: center;
}
.view-plans-button.play-btn-color {
background-color: var(--play-secondary-color--green);
padding-left: 20px;
padding-right: 20px;
}
.view-plans-button.play-btn-color {
background-color: var(--play-secondary-color--green);
}
.view-plans-button.play-btn-color.wide-100 {
justify-content: center;
align-items: center;
width: 100%;
}
.view-plans-button.shift-btn-color {
background-color: var(--play-secondary-color--green);
}
.view-plans-button.shift-btn-color.wide-100 {
background-color: var(--c-primary--bg);
justify-content: center;
align-items: center;
width: 100%;
}
.view-plans-button.shift-btn-color.wide-100.bg {
background-color: var(--c-primary--bg);
}
.view-plans-button.shift-btn-color {
background-color: var(--play-secondary-color--green);
justify-content: center;
align-items: center;
width: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.view-plans-button.shift-btn-color.wide-100 {
justify-content: center;
align-items: center;
width: 100%;
}
.view-plans-button.play-btn-color-copy {
background-color: var(--play-secondary-color--green);
padding-left: 20px;
padding-right: 20px;
}
.view-plans-button.play-btn-color-copy.wide-100 {
justify-content: center;
align-items: center;
width: 100%;
}
.view-plans-button.shift {
background-color: var(--c-primary--bg);
justify-content: center;
align-items: center;
width: 100%;
}
.view-plans-button.shift.auto-width {
border: 1px solid var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
width: auto;
height: 36px;
}
.view-plans-button.shift.orange {
background-color: var(--c-secondary--orange);
}
.view-plans-button.shift.wide {
justify-content: center;
align-items: center;
width: 100%;
height: 60px;
margin: 0 20px 20px;
padding-top: 0;
padding-left: 20px;
display: flex;
}
.view-plans-button.bg-color {
justify-content: center;
align-items: center;
width: 100%;
}
.view-plans-button.shift-green {
background-color: var(--c-secondary--lime-green);
justify-content: center;
align-items: center;
width: 100%;
}
.shift-price-introduction {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 20px;
}
.shift-price-introduction.upper-padding-0 {
padding-top: 0;
}
.shift-hero-wrapper {
z-index: 1;
margin-bottom: -80vh;
position: relative;
}
.shift-hero-wrapper.content {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.shift-hero-wrapper.play {
margin-top: 40px;
margin-bottom: 0;
}
.shift-spec {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
margin-top: 0;
padding: 80px 20px 60px;
display: flex;
}
.shift-spec.pink {
background-color: #f1a599;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.div-block-73 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-74 {
grid-column-gap: 27px;
grid-row-gap: 27px;
display: flex;
}
.button-discord {
background-color: var(--c-grey--trans--0);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1f48_pngkey.com-discord-png-200938.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 40px;
height: 40px;
}
.logo-copy {
mix-blend-mode: normal;
width: 250px;
}
.shift-compatibles {
mix-blend-mode: normal;
width: 150px;
overflow: clip;
}
.button-youtube {
background-color: var(--c-grey--trans--0);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1f43_1656503919white-youtube-logo.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 40px;
height: 40px;
}
.image-34 {
width: 100%;
}
.credit-banner-shift {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #dbdbdb;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
width: 100%;
max-width: 320px;
padding: 20px;
display: flex;
}
.credit-banner-shift.promotion {
background-color: #91f758;
}
.credit-banner-shift.promotion-none {
background-color: #444;
}
.credit-banner-shift.regular {
background-color: var(--c-grey--700);
flex-flow: column;
max-width: none;
}
.credit-banner-shift.regular.blue-bg {
background-color: var(--c-primary--blue-500);
}
.credit-banner-shift.regular.trial-hero {
background-color: var(--c-primary--blue-500);
width: auto;
margin: 0 40px 40px;
padding-left: 40px;
padding-right: 40px;
display: flex;
overflow: visible;
}
.credit-banner-shift.regular.grenn-outline {
border: 1px solid var(--c-secondary--lime-green);
background-color: var(--c-grey--700);
}
.credit-banner-shift.regular.orange-outilne {
border: 1px solid var(--c-secondary--orange);
background-color: var(--c-grey--700);
}
.credit-banner-shift.regular.outline {
border: 1px solid var(--c-grey--500);
}
.shift-price-ribbon {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #dbdbdb;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
width: 100%;
max-width: 320px;
padding: 20px;
display: flex;
}
.shift-price-ribbon.promotion {
background-color: #91f758;
}
.shift-price-ribbon.promotion-none {
background-color: #444;
}
.shift-price-ribbon.regular {
background-color: var(--c-grey--700);
flex-flow: column;
max-width: none;
}
.shift-price-ribbon.regular.blue-bg {
background-color: var(--c-primary--blue-500);
}
.shift-price-ribbon.regular.trial-hero {
background-color: var(--c-primary--blue-500);
width: auto;
margin: 0 40px 40px;
padding-left: 40px;
padding-right: 40px;
display: flex;
overflow: visible;
}
.shift-price-ribbon.regular.grenn-outline {
border: 1px solid var(--c-secondary--lime-green);
background-color: var(--c-grey--700);
}
.shift-price-ribbon.regular.orange-outilne {
border: 1px solid var(--c-secondary--orange);
background-color: var(--c-grey--700);
}
.shift-price-ribbon.regular.outline {
border: 1px solid var(--c-grey--500);
padding-top: 0;
padding-left: 0;
position: relative;
left: 0;
}
.div-block-75 {
width: 100%;
position: relative;
}
.ribbon-price {
z-index: -1;
border: 1px solid var(--c-grey--450);
background-color: var(--c-grey--500);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
justify-content: center;
align-items: center;
width: 100%;
margin: 12px 20px 10px;
padding-top: 0;
display: block;
position: absolute;
top: -36px;
left: -20px;
}
.ribbon-price.orange-bg {
background-color: var(--c-primary--blue-500);
width: 100%;
}
.ribbon-price.orange {
border-color: var(--c-secondary--orange);
background-color: var(--c-secondary--orange);
width: 100%;
}
.ribbon-price.blue-bg {
border-color: var(--c-primary--blue-500);
background-color: var(--c-primary--blue-500);
}
.ribbon-price.free {
background-color: #f2f0ea;
}
.price-card {
width: 100%;
position: relative;
}
.div-block-76 {
margin-top: 0;
margin-bottom: 0;
padding: 120px 20px 10px;
}
.div-block-77 {
margin-top: 0;
margin-bottom: 0;
padding: 0 20px 20px;
}
.pricing-shift {
padding-top: 80px;
}
.shift-service-hero-section-base-copy {
background-color: var(--c-grey--trans--0);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.shift-service-hero-section-base-copy.play {
height: auto;
margin-top: 0;
padding-top: 100px;
padding-bottom: 40px;
position: static;
}
.shift-service-hero-section-base-copy.play.shift {
padding-top: 60px;
padding-bottom: 0;
}
.shift2-0body {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.shift2-0body.padding-down.padding-top.margin-top {
margin-top: 60px;
}
.shift2-0body.padding-down.bottom {
padding-bottom: 100px;
}
.shift2-0body.padding-down {
padding-bottom: 60px;
}
.shift2-0body.padding-down.padding-top {
width: 100%;
margin-top: 0;
padding-top: 0;
padding-bottom: 20px;
}
.shift2-0body.padding-down.padding-top.padding-x {
padding-bottom: 0;
}
.div-block-78 {
margin-top: 40px;
}
.div-block-78.mobile {
margin-bottom: 0;
}
.div-block-79 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-end;
align-items: center;
width: 80%;
display: flex;
}
.text-span-94.transparent, .text-span-95.transparent {
color: var(--c-grey--trans--0);
}
.div-block-81 {
aspect-ratio: auto;
object-fit: fill;
justify-content: center;
align-items: center;
width: 90%;
display: flex;
overflow: visible;
}
.div-block-83 {
width: 75%;
}
.shift-sub-block {
grid-column-gap: 57px;
grid-row-gap: 57px;
display: flex;
}
.shift-sub-text {
flex-flow: row;
display: flex;
position: static;
overflow: visible;
}
.play-tt-sub-2 {
width: 100%;
height: 9%;
padding: 20px;
}
.play-service-hero-section-base-3 {
background-color: #fff0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.play-service-hero-section-base-3.play {
height: auto;
}
.tt-sub-txt-2 {
flex-flow: row;
display: flex;
position: static;
overflow: visible;
}
.underline-3 {
transform-origin: 0%;
background-color: #767676;
width: 100%;
height: 1px;
margin-top: 0;
}
.underline-3.dark-green {
background-color: var(--c-grey--600);
}
.tt-sub-block-2 {
grid-column-gap: 80px;
grid-row-gap: 80px;
display: flex;
}
.tt-sub-txt-block-3 {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 70%;
display: flex;
}
.tt-sub-txt-block-3.play-ptl {
margin-left: 60px;
}
.play-obt-hero-wrapper-3 {
z-index: 1;
margin-bottom: -80vh;
position: relative;
}
.play-obt-hero-wrapper-3.play {
margin-bottom: 0;
}
.content-heading-3 {
color: #f5f5ef;
border-radius: 1px;
margin-bottom: 10px;
}
.content-heading-3._50.mobile.play-color.play-sub-txt {
font-size: 1.2rem;
font-weight: 300;
}
.content-heading-3._50.mobile.play-color.play-sub-txt.play-ob-ptl {
color: #a9a9a9;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 1.1rem;
font-weight: 300;
}
.content-heading-3._50.mobile.play-color.play-sub-txt.play-ob-ptl:lang(ko) {
font-weight: 400;
}
.content-heading-3._50.mobile.play-color.play-sub-txt.play-ob-ptl._200 {
color: #a9a9a9;
font-weight: 300;
}
.content-heading-3._50.mobile.play-color.play-sub-txt.small-txt {
letter-spacing: .5px;
font-size: 1.1rem;
}
.content-heading-3._50.mobile.play-color.play-sub-txt.small-txt.play-ptl-sub-txt {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 18px;
}
.content-heading-3._50.mobile.play-color.play-sub-txt.small-txt.play-ptl-sub-txt:lang(ko) {
font-weight: 400;
}
.content-heading-3._50.mobile.api-color {
color: #17e5e0;
}
.content-heading-3._50 {
color: #91f758;
width: 70%;
min-width: auto;
min-height: auto;
font-size: 1.6rem;
line-height: 1.3;
}
.content-heading-3._50.mobile.play-color {
color: #f0f0f0;
}
.play-tt-sub-3 {
width: 100%;
height: 9%;
padding: 20px;
}
.card-number-3 {
color: #e9eee2;
text-align: right;
font-size: 14px;
}
.card-number-3.large {
font-size: 32px;
}
.card-number-3.large.card-partners {
text-align: left;
}
.card-number-3.large.card-partners.api-color {
color: #17e5e0;
font-size: 28px;
line-height: 1;
}
.card-number-3.large.card-partners.play-color {
color: #17e5e0;
}
.card-number-3.large.card-partners.play-color.mobile {
color: #f0f0f0;
}
.card-number-3.large.card-partners.play-color.mobile.manrope {
font-family: Manrope, sans-serif;
}
.card-number-3.large.card-partners.play-color.mobile.manrope.sub-txt {
font-size: 20px;
}
.small-text---sub-black-2 {
color: #161615;
letter-spacing: .5px;
padding-top: 10px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
}
.small-text---sub-black-2.green {
color: #94fb4d;
}
.small-text-12 {
color: #161615;
letter-spacing: .5px;
font-family: Bdogrotesk;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
}
.small-text-12.letter-spacing {
letter-spacing: .5px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 400;
line-height: 1.6;
}
.small-text-12.whift {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.small-text-12.whift:lang(ko) {
font-weight: 400;
}
.play-voice-demo-2 {
background-color: #202020;
border-radius: 0;
flex-direction: column;
padding-bottom: 10vh;
display: flex;
overflow: hidden;
}
.play-voice-demo-2.bg-trans-0 {
background-color: #fff0;
padding-bottom: 0;
}
.circle-btn-text-2 {
z-index: 3;
color: #161615;
text-align: center;
text-transform: uppercase;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 22px;
font-weight: 400;
position: relative;
}
.circle-btn-text-2:hover {
color: #94fb4d;
}
.btn-box-2 {
cursor: pointer;
background-color: #fff0;
border-radius: 0;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: auto;
padding: 20px 40px;
display: flex;
}
.btn-box-2.api-1 {
background-color: #fff0;
border: 1px solid #f0f0f0;
min-height: 400px;
}
.btn-box-2.api-1:hover {
opacity: 1;
}
.btn-box-2.vc-box {
background-color: #fff0;
border: 1.5px solid #161615;
min-height: 400px;
}
.btn-box-2.vc-box:hover {
opacity: 1;
}
.play-ptl-section-2 {
background-color: #fff0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.play-ptl-section-2.play {
height: auto;
margin-top: 100px;
padding-left: 0;
}
.section-title-wrap-8 {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 20px;
display: flex;
}
.button-1-mask-2 {
z-index: 2;
background-color: #fff0;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1bc7_Play_BTN_Btype_Sub.svg");
background-position: 0 0;
background-size: auto;
border-radius: 50%;
position: absolute;
inset: 0%;
}
.voice-cloning-2 {
background-color: #7435fc;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 100%;
height: 9%;
padding: 60px 20px;
}
.underline-4 {
transform-origin: 0%;
background-color: #767676;
width: 100%;
height: 1px;
margin-top: 0;
}
.underline-4.dark-green {
background-color: #11594f;
}
.tt-sub-block-3 {
grid-column-gap: 57px;
grid-row-gap: 57px;
display: flex;
}
.pausebtn-2 {
z-index: 3;
color: #161615;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 16px;
height: 16px;
display: block;
position: relative;
}
.highlighted-text---sky-blue-2 {
color: #161615;
white-space: nowrap;
background-color: #53acf8;
border-radius: 10px;
margin-left: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 18px;
}
.tt-sub-txt-block-4 {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 70%;
display: flex;
}
.use-case-words-txt-2 {
color: #f5f5ef;
border-radius: 1px;
margin-bottom: 0;
font-weight: 300;
}
.use-case-words-txt-2._50 {
width: 70%;
min-width: auto;
min-height: auto;
margin-bottom: 0;
line-height: 1.3;
}
.use-case-words-txt-2._50.api-color {
color: #17e5e0;
}
.use-case-words-txt-2._50.api-color.white {
color: #f0f0f0;
}
.use-case-words-txt-2._50.api-color.white.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.use-case-words-txt-2._50.api-color.white.manrope:lang(ko) {
font-weight: 400;
}
.vc-demo-tt-2 {
color: #f0f0f0;
margin-top: 10px;
margin-bottom: 20px;
font-family: Manrope, sans-serif;
font-size: 30px;
font-weight: 400;
}
.vc-demo-tt-2:lang(ko) {
font-weight: 400;
}
.vc-demo-tt-2.mobile-size {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 26px;
font-weight: 300;
}
.vc-demo-tt-2.mobile-size:lang(ko) {
font-weight: 400;
}
.lottie-animation-5 {
display: flex;
}
.circle-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
cursor: pointer;
background-color: #fff0;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1bba_Play_BTN_Btype_Green.svg");
background-position: 0 0;
background-size: auto;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 240px;
height: 240px;
display: flex;
position: relative;
}
.circle-2:hover {
opacity: 1;
}
.small-text-13 {
font-size: 14px;
}
.small-text-13.service-coming-soon {
color: #ff6242;
}
.button-base-text-11 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-11.button-text---demo {
z-index: 3;
color: #161615;
justify-content: center;
align-items: center;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 26px;
display: block;
position: relative;
inset: auto;
}
.highlighted-text---green-2 {
color: #161615;
white-space: nowrap;
background-color: #94fb4d;
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1bba_Play_BTN_Btype_Green.svg");
background-position: 0 0;
background-size: auto;
border-radius: 10px;
margin-left: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 18px;
}
.play-btn-2 {
z-index: 3;
color: #161615;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 16px;
height: 16px;
display: block;
position: relative;
}
.txt-sub-box-2 {
background-color: #f0f0f0;
height: auto;
padding-left: 5px;
padding-right: 5px;
font-size: 14px;
}
.standard-shift-2-0-price-3 {
grid-column-gap: 8px;
grid-row-gap: 8px;
margin-bottom: 40px;
display: flex;
overflow: visible;
}
.button---sub-base-mask-3 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button---sub-base-mask-3:lang(ko) {
background-color: #227cff;
}
.button---sub-base-mask-3.play-btn-color {
background-color: #7435fc;
display: block;
inset: -1%;
}
.contents-hero-holder-tt-2 {
background-color: #161615;
margin-bottom: 0;
padding: 80px 20px 0;
}
.contents-hero-holder-tt-2.play-padding {
margin-bottom: 0;
padding-top: 80px;
}
.contents-hero-holder-tt-2.play-padding.banner-padding {
padding-bottom: 60px;
padding-left: 20px;
}
.contents-hero-holder-tt-2.play-padding.banner-padding.bg-color {
background-color: var(--c-grey--trans--0);
padding-top: 0;
}
.contents-hero-holder-tt-2.padding.padding-1 {
background-color: var(--c-grey--trans--0);
margin-bottom: 60px;
padding-top: 0;
}
.contents-hero-holder-tt-2.padding.padding-1.padding-2 {
padding-top: 0;
}
.contents-hero-holder-tt-2.play-padding {
background-color: #090909;
width: 100%;
margin-bottom: 0;
padding-top: 60px;
padding-left: 0;
}
.btn-tt-text-m-2 {
color: #f2fb41;
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
}
.btn-tt-text-m-2.btn-tt-color {
color: #f0f0f0;
font-family: Manrope, sans-serif;
font-size: 14px;
}
.link-17 {
color: #161615;
text-align: right;
justify-content: flex-start;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
font-size: 15px;
display: flex;
}
.link-17.white {
color: #f0f0f0;
}
.text-span-96 {
color: #227cff;
}
.text-span-96.gray {
color: #f4f4f4;
}
.text-span-97 {
color: #f0f0f0;
}
.underline-5 {
transform-origin: 0%;
background-color: #767676;
width: 100%;
height: 1px;
margin-top: 0;
}
.underline-5.pink {
background-color: #767676;
margin-top: 0;
margin-bottom: 0;
}
.underline-5.pink.play-sub-color {
background-color: #7435fc;
}
.text-span-98 {
font-size: 20px;
}
.arrow-10 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 10px;
height: 10px;
display: block;
position: relative;
}
.heading-3-m-2 {
color: #f0f0f0;
padding-top: 40px;
padding-bottom: 0;
}
.heading-3-m-2.padding-top-20px {
padding-top: 20px;
}
.heading-3-m-2.padding-top-20px.bg-color {
color: #f0f0f0;
padding-top: 0;
font-family: Manrope, sans-serif;
font-size: 18px;
}
.button---main-base-2 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button---main-base-2:hover {
opacity: 1;
}
.button---main-base-2.play-btn-color {
background-color: #94fb4d;
height: 36px;
}
.button-txt-base-3 {
z-index: 3;
color: #161615;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
position: relative;
}
.text-span-99 {
text-align: left;
text-indent: 0%;
white-space: normal;
vertical-align: baseline;
justify-content: flex-start;
align-items: flex-start;
font-size: 36px;
line-height: 1.4;
text-decoration: none;
display: inline-block;
}
.text-m---head-product---title-2 {
color: #909090;
text-align: left;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
font-size: 54px;
font-weight: 400;
line-height: 1.2;
}
.text-m---head-product---title-2.play-color {
color: #94fb4d;
}
.text-m---head-product---title-2.play-color.gap {
padding-bottom: 0;
}
.text-m---head-product---title-2.play-color.gap.play-official {
color: #227cff;
}
.text-m---head-product---title-2.play-color.gap.play-official.bg-color {
color: #909090;
font-family: Manrope, sans-serif;
font-size: 60px;
}
.text-m---head-product---title-2.play-color.gap.play-official.bg-color.mobile {
font-size: 54px;
}
.image-35 {
width: 50px;
height: 50px;
display: block;
}
.button-base-mask-4 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button-base-mask-4:lang(ko) {
background-color: #227cff;
}
.button-base-mask-4.play-btn-color {
background-color: #7435fc;
}
.use-case-words-txt-3 {
color: #f5f5ef;
border-radius: 1px;
margin-bottom: 0;
font-weight: 300;
}
.use-case-words-txt-3._50 {
width: 70%;
min-width: auto;
min-height: auto;
margin-bottom: 0;
line-height: 1.3;
}
.use-case-words-txt-3._50.play-sub-color {
color: #7435fc;
font-weight: 300;
}
.use-case-words-txt-3._50.play-sub-color.play-head {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 24px;
font-weight: 400;
}
.use-case-words-txt-3._50.play-sub-color.play-head.white {
color: var(--c-grey--white);
font-weight: 300;
}
.pre2-0-specialoffer-3 {
color: #94fb4d;
font-size: 30px;
}
.pre2-0-specialoffer-3.mobile {
color: #94fb4d;
font-weight: 400;
}
.vectors-wrapper-73 {
aspect-ratio: auto;
object-fit: cover;
background-color: #fff0;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
}
.text-span-100 {
color: #227cff;
}
.text-span-100.gray {
color: #f4f4f4;
}
.btn-tag-2 {
z-index: 1;
background-color: #fff0;
border: 1px solid #f0f0f0;
border-radius: 10px 0 0;
margin-right: auto;
padding: 5px 15px;
position: relative;
}
.btn-tag-2.btn-tag-color {
border-style: solid;
border-color: #fff;
padding-left: 10px;
padding-right: 10px;
}
.button-base-container-5 {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
width: 100%;
padding-top: 10px;
display: flex;
}
.div-block-84 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: auto;
display: flex;
}
.button-base-text-12 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-12.button2-2-text {
z-index: 3;
color: #161615;
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text-12.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text-12.button2-2-text.small.play-btn-ver-m {
display: none;
}
.button-base-text-12.button2-2-text.manrope {
font-family: Manrope, sans-serif;
font-weight: 500;
}
.interactive-shift-mobile {
padding-top: 80px;
padding-left: 20px;
padding-right: 20px;
}
.audio-demo---shift2 {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.text-span-101 {
color: #f0f0f0;
margin-top: 0;
padding-bottom: 10px;
font-family: Bdogrotesk;
font-weight: 300;
display: block;
}
.shift-title-wrap-2 {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: 75%;
margin-bottom: 20px;
display: flex;
}
.tt-sub-txt-block-5 {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 70%;
display: flex;
}
.card-title-2-0-2 {
outline-offset: 0px;
color: #f0f0f0;
text-align: center;
border: 1px #000;
border-radius: 1px;
outline: 3px #f1953e;
margin-top: 20px;
margin-bottom: 0;
margin-left: 0;
font-size: 24px;
font-weight: 300;
overflow: visible;
}
.text-span-102 {
color: var(--play-secondary-color--green);
}
.shift-product-img-section {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 0;
display: flex;
}
.shift-product-img-section.gap {
grid-column-gap: 19px;
grid-row-gap: 19px;
}
.shift-product-img-section.black {
background-color: var(--c-primary--main);
}
.shift-product-img-section.padding {
margin-bottom: 60px;
}
.card-txt---tt-box-v2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.promotion-container {
z-index: 1;
background-color: var(--c-grey--trans--0);
margin: 0;
padding: 60px 20px;
position: relative;
}
.promotion-container.content {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.promotion-container.play {
margin-bottom: 0;
}
.campaign-holder {
width: 100%;
height: 9%;
padding-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.campaign-holder.padding-down {
padding-top: 80px;
padding-bottom: 60px;
}
.campaign-section-title-wrap {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: 100%;
margin-top: 40px;
margin-bottom: 20px;
display: flex;
}
.campaign-section-title-wrap.gap {
grid-column-gap: 19px;
grid-row-gap: 19px;
}
.campaign-section-title-wrap.black {
background-color: var(--c-primary--main);
}
.campaign-section-title-wrap.gap-x {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.campaign-section-title-wrap.show---flex {
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-bottom: 40px;
display: flex;
}
.campaign-section-title-wrap.show---flex.manrope {
font-family: Manrope, sans-serif;
}
.campaign-section-title-wrap.zdfdg {
grid-column-gap: 40px;
grid-row-gap: 40px;
margin-bottom: 40px;
}
.campaign-section-title-wrap.padding {
margin-top: 40px;
}
.campaign-box {
background-color: var(--c-grey--black);
cursor: pointer;
border-radius: 30px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 400px;
padding: 40px;
display: flex;
}
.campaign-box._2 {
background-color: var(--c-secondary--pink);
min-height: 300px;
}
.campaign-box._2:hover {
opacity: 1;
}
.campaign-box._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
min-height: 300px;
}
.campaign-box._3:hover {
opacity: 1;
}
.campaign-box._1 {
border: 1px solid var(--c-secondary--pink);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.campaign-box._1:hover {
opacity: 1;
}
.campaign-box.api-1 {
border: 1px solid var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.campaign-box.api-1:hover {
opacity: 1;
}
.campaign-box.mobile {
border: 1px solid var(--c-grey--500);
background-color: var(--c-grey--trans--0);
cursor: auto;
justify-content: center;
min-height: auto;
}
.campaign-box.mobile.creator {
background-color: var(--play-secondary-color--green);
}
.campaign-box-wrap {
background-color: var(--c-grey--700);
border-radius: 0;
flex-direction: column;
padding-bottom: 10vh;
display: flex;
overflow: hidden;
}
.campaign-box-wrap.black {
background-color: var(--c-primary--main);
padding-bottom: 0;
}
.campaign-box-wrap.under-padding {
padding-bottom: 0;
}
.campaign-box-wrap.bg-trans-0 {
background-color: var(--c-grey--trans--0);
padding-bottom: 0;
display: block;
}
.campaign-section {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
max-width: 1400px;
margin: 1vh auto 5vh;
padding-top: 1vh;
padding-left: 20px;
padding-right: 20px;
display: grid;
position: relative;
}
.campaign-section.padding {
grid-template-columns: 1fr 1fr;
max-width: none;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 40px;
padding-right: 40px;
}
.campaign-section.padding.padding {
padding-left: 60px;
padding-right: 60px;
}
.campaign-section.padding.padding.creator {
grid-template-rows: auto 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.campaign-section.padding.padding.creator.benefits {
flex-flow: column;
padding-top: 40px;
display: flex;
}
.campaign-card-top-wrapper {
grid-column-gap: 17px;
grid-row-gap: 17px;
flex-direction: column;
width: 100%;
display: flex;
}
.campaign-card-icon-number {
justify-content: space-between;
display: block;
}
.campaign-txt {
color: #e9eee2;
text-align: left;
font-family: Manrope, sans-serif;
font-size: 26px;
}
.campaign-txt.beige {
color: #11594f;
}
.campaign-txt.large {
font-size: 32px;
}
.campaign-txt.large.card-partners {
text-align: left;
}
.campaign-txt.large.card-partners.pink {
color: var(--c-secondary--pink);
}
.campaign-txt.large.card-partners.api-color {
color: var(--c-secondary--api-green);
font-size: 28px;
line-height: 1;
}
.campaign-txt.large.card-partners.api-color.mobile.manrope {
font-family: Manrope, sans-serif;
}
.campaign-txt.large.card-partners.play-color {
color: var(--c-secondary--api-green);
}
.campaign-txt.large.card-partners.play-color.mobile {
color: var(--c-primary--bg);
}
.campaign-txt.large.card-partners.play-color.mobile.manrope {
font-family: Manrope, sans-serif;
}
.campaign-txt.large.card-partners.play-color.mobile.manrope.sub-txt {
font-size: 20px;
}
.campaign-txt.txt-black {
color: var(--c-primary--main);
font-size: 12px;
}
.campaign-txt.txt-black.white {
color: var(--c-primary--bg);
}
.campaign-txt.green.creator.white {
color: var(--c-primary--bg);
}
.campaign-txt.green.creator._300 {
color: var(--c-grey--300);
}
.campaign-txt.green {
color: #94fb4d;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 24px;
font-weight: 300;
}
.campaign-txt.green.creator {
color: #747cdf;
font-size: 20px;
}
.campaign-txt.green.creator.blk {
color: #090909;
font-size: 18px;
}
.campaign-txt.green.creator.blk:lang(ko) {
font-weight: 400;
}
.campaign-image-holder {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.campaign-image-holder-box {
aspect-ratio: auto;
object-fit: cover;
background-color: #305dff;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
}
.campaign-image-holder-graphic {
box-sizing: border-box;
aspect-ratio: auto;
width: 100%;
max-width: 100vw;
height: 100%;
max-height: none;
color: var(--c-primary--main);
object-fit: fill;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
text-decoration: none;
display: flex;
position: absolute;
inset: 0%;
overflow: scroll;
}
.apply-section {
background-color: var(--c-grey--700);
border-radius: 0;
flex-direction: column;
padding-bottom: 10vh;
display: flex;
overflow: hidden;
}
.apply-section.black {
background-color: var(--c-grey--trans--0);
margin-bottom: 60px;
padding-bottom: 0;
padding-left: 60px;
padding-right: 60px;
}
.apply-section.black.padding {
margin-bottom: 0;
padding-bottom: 60px;
}
.apply-section.under-padding {
padding-bottom: 0;
}
.apply-image-section {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
max-width: 1400px;
margin: 1vh auto 5vh;
padding-top: 1vh;
padding-left: 20px;
padding-right: 20px;
display: grid;
position: relative;
}
.apply-image-section.padding {
margin-bottom: 0;
display: flex;
}
.apply-card-icon-number {
flex-flow: column;
justify-content: space-between;
font-family: Manrope, sans-serif;
display: block;
}
.apply-card-icon-number.tt {
font-size: 16px;
}
.campaign-btn-box {
background-color: var(--c-grey--trans--0);
cursor: pointer;
border-radius: 0;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: auto;
padding: 20px 40px;
display: flex;
}
.campaign-btn-box._2 {
background-color: var(--c-secondary--pink);
min-height: 300px;
}
.campaign-btn-box._2:hover {
opacity: 1;
}
.campaign-btn-box._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
min-height: 300px;
}
.campaign-btn-box._3:hover {
opacity: 1;
}
.campaign-btn-box._1 {
border: 1px solid var(--c-secondary--pink);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.campaign-btn-box._1:hover {
opacity: 1;
}
.campaign-btn-box._1.border-color {
border-color: var(--c-grey--500);
min-height: 240px;
padding-bottom: 30px;
}
.campaign-btn-box._1.border-color.creator {
justify-content: flex-start;
align-items: stretch;
min-height: 320px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 20px;
}
.campaign-btn-box.api-1 {
border: 1px solid var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.campaign-btn-box.api-1:hover {
opacity: 1;
}
.campaign-btn-box.api-1.api-color {
border-color: var(--c-secondary--api-green);
min-height: 200px;
}
.campaign-btn-box.api-1.api-color.why-api {
cursor: default;
min-height: 500px;
padding-top: 40px;
padding-bottom: 40px;
}
.campaign-btn-box.layout {
flex-flow: row;
padding-left: 0;
padding-right: 0;
}
.campaign-btn-box.vc-box {
border: 1.5px solid var(--c-primary--main);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.campaign-btn-box.vc-box:hover {
opacity: 1;
}
.campaign-btn-box.vc-box.api-color {
border-color: var(--c-secondary--api-green);
min-height: 200px;
}
.campaign {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.campaign.black {
background-color: var(--c-primary--main);
margin-top: 0;
}
.campaign.bg-black {
background-color: #161615;
margin-top: 140px;
overflow: hidden;
}
.campaign.bg-black.padding {
margin-top: 100px;
margin-bottom: 0;
}
.campaign-guideline-box {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.campaign-guideline-box.bg-black.padding {
margin-top: 100px;
margin-bottom: 0;
}
.campaign-guideline-box.black {
background-color: var(--c-primary--main);
margin-top: 0;
}
.campaign-guideline-box.bg-black {
background-color: #161615;
margin-top: 140px;
overflow: hidden;
}
.campaign-guideline-box.bg-black.padding {
background-color: var(--c-grey--trans--0);
margin-top: 40px;
margin-bottom: 0;
}
.campaign-grid {
grid-column-gap: 18px;
grid-row-gap: 34px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-items: center;
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
.campaign-grid.mobile {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.campaign-grid.mobile._3-columns {
grid-template-columns: 1fr 1fr 1fr;
}
.campaign-grid.mobile._3-columns.mobile-flex {
grid-template-columns: 1fr 1fr;
}
.campaign-grid.mobile--shift {
grid-template-rows: auto;
}
.campaing-toogle-content-wrap {
padding-top: 0;
}
.campaign-service-feature-3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #dbdbdb;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
width: 100%;
max-width: 320px;
padding: 20px;
display: flex;
}
.campaign-service-feature-3.promotion {
background-color: #91f758;
}
.campaign-service-feature-3.promotion-none {
background-color: #444;
}
.campaign-service-feature-3.regular.blue-bg {
background-color: var(--c-primary--blue-500);
}
.campaign-service-feature-3.regular.trial-hero {
background-color: var(--c-primary--blue-500);
width: auto;
margin: 0 40px 40px;
padding-left: 40px;
padding-right: 40px;
display: flex;
overflow: visible;
}
.campaign-service-feature-3.regular.orange-outline {
border: 1px solid var(--c-secondary--lime-green);
background-color: var(--c-grey--700);
border: 1px solid var(--c-secondary--orange);
background-color: var(--c-grey--700);
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 100%;
}
.campaign-service-feature-3.regular.blue-outline {
border: 1px solid var(--c-primary--blue-500);
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 100%;
position: relative;
}
.campaign-service-feature-3.regular {
background-color: #202020;
flex-flow: column;
max-width: none;
padding: 40px;
}
.campaign-notice-txt {
margin-top: 40px;
margin-left: 40px;
margin-right: 40px;
}
.campaign-feature-description {
font-size: 15px;
}
.campaign-feature-description.txt-height {
font-size: 15px;
line-height: 1;
}
.campaign-feature-description.txt-height.wht-txt.promotion-txt {
color: #94fb4d;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 20px;
line-height: 1.4;
}
.campaign-feature-description.txt-height.wht-txt.promotion-txt:lang(ko) {
font-weight: 400;
}
.campaign-feature-description.txt-height.wht-txt {
color: #767676;
}
.campaign-feature-description.wht-txt {
color: var(--c-grey--150);
}
.campaign-apply-box-section {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
max-width: 1400px;
margin: 1vh auto 5vh;
padding-top: 1vh;
padding-left: 20px;
padding-right: 20px;
display: grid;
position: relative;
}
.campaign-apply-box-section.padding {
grid-template-columns: 1fr 1fr;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.campaign-apply-box-section.padding._3-columns {
grid-template-columns: 1fr 1fr;
}
.campaign-apply-box-box {
background-color: var(--c-grey--black);
cursor: pointer;
border-radius: 30px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 400px;
padding: 40px;
display: flex;
}
.campaign-apply-box-box._2 {
background-color: var(--c-secondary--pink);
min-height: 300px;
}
.campaign-apply-box-box._2:hover {
opacity: 1;
}
.campaign-apply-box-box._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
min-height: 300px;
}
.campaign-apply-box-box._3:hover {
opacity: 1;
}
.campaign-apply-box-box._1 {
border: 1px solid var(--c-secondary--pink);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.campaign-apply-box-box._1:hover {
opacity: 1;
}
.campaign-apply-box-box.api-1 {
border: 1px solid var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.campaign-apply-box-box.api-1:hover {
opacity: 1;
}
.campaign-apply-box-box.mobile {
border: 1px none var(--c-grey--500);
background-color: var(--c-grey--700);
cursor: auto;
min-width: auto;
min-height: 200px;
padding-left: 60px;
padding-right: 60px;
}
.campaign-apply-box-box.mobile.green-color {
background-color: var(--c-grey--trans--0);
flex-flow: wrap;
min-height: auto;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.campaign-apply-box-box.mobile.green-color:lang(ja) {
padding-left: 40px;
padding-right: 40px;
}
.campaign-apply-box-box.mobile.green-color.transparent {
background-color: var(--c-grey--trans--0);
min-height: auto;
}
.campaign-container {
z-index: 1;
background-color: var(--c-grey--trans--0);
margin: 0;
padding: 100px 20px 60px;
position: relative;
}
.campaign-container.content {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.campaign-container.play {
margin-bottom: 0;
}
.campaign-container.mobile {
padding-top: 80px;
}
.campign-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template: "Area" 1fr
/ 1.25fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center;
padding-top: 0;
padding-bottom: 0;
display: grid;
}
.campign-wrapper.padding {
padding-bottom: 0;
}
.campaign-container-tt.head {
padding-top: 20px;
}
.campaign-container-tt.promotion {
width: 80%;
}
.card-txt---sub-tt {
width: 100%;
min-width: auto;
color: var(--c-primary--bg);
text-align: left;
letter-spacing: -.5px;
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
padding-bottom: 0;
padding-left: 40px;
font-family: Manrope, sans-serif;
font-size: 40px;
font-weight: 300;
line-height: 1.2;
display: block;
}
.card-txt---sub-tt.style-titles {
margin-bottom: 30px;
}
.card-txt---sub-tt.menu-large-text {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.card-txt---sub-tt.services-h1 {
margin-bottom: 40px;
font-family: Supertone Serif, sans-serif;
font-size: 30px;
font-weight: 300;
}
.card-txt---sub-tt.services-intro-hero {
width: 75%;
margin-bottom: 40px;
font-size: 30px;
font-weight: 400;
}
.card-txt---sub-tt.looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.card-txt---sub-tt.testimonial-heading {
margin-bottom: 10px;
}
.card-txt---sub-tt.about-testimonial {
width: 100%;
max-width: none;
margin-bottom: 0;
margin-left: 0;
position: relative;
}
.card-txt---sub-tt.awards-looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.card-txt---sub-tt.contact-heading {
margin-bottom: 10px;
}
.card-txt---sub-tt.product-title {
font-size: 40px;
}
.card-txt---sub-tt.medium {
font-size: 34px;
}
.card-txt---sub-tt.medium.red {
color: var(--c-secondary--orange);
}
.card-txt---sub-tt.medium.small.blue {
color: var(--c-primary--blue-500);
}
.card-txt---sub-tt.pink {
color: var(--c-secondary--pink);
padding-bottom: 10px;
}
.card-txt---sub-tt.play-color {
color: var(--play-secondary-color--green);
}
.card-txt---sub-tt.play-color.gap {
padding-bottom: 0;
}
.card-txt---sub-tt.play-color.gap.play-official {
color: var(--c-primary--blue-500);
}
.card-txt---sub-tt.play-color.gap.play-official.bg-color {
color: var(--c-grey--300);
font-family: Manrope, sans-serif;
font-size: 60px;
}
.card-txt---sub-tt.play-color.gap.play-official.bg-color.mobile {
font-size: 54px;
}
.card-txt---sub-tt.clear-color {
color: var(--c-secondary--mint-green);
}
.card-txt---sub-tt.txt-size {
color: var(--play-secondary-color--green);
font-size: 38px;
}
.card-txt---sub-tt.txt-size.clear-color, .card-txt---sub-tt.air-color {
color: var(--c-secondary--mint-green);
}
.card-txt---sub-tt.air-color.mobile-padding, .card-txt---sub-tt.green {
color: var(--play-secondary-color--green);
}
.card-txt---sub-tt.api-color {
color: var(--c-secondary--api-green);
-webkit-text-stroke-color: var(--c-grey--white);
}
.card-txt---sub-tt._70 {
width: 50%;
padding-left: 0;
}
.creator-table {
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px #000;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.creator-table-tt {
border-top: 1px #000;
border-bottom: 1px solid var(--c-grey--450);
padding-top: 5px;
padding-bottom: 10px;
}
.creator-table-tt.transparent {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.creator-table-tt.line {
border-bottom-style: none;
}
.creator-table-tt-feature {
color: var(--c-primary--bg);
font-family: Manrope, sans-serif;
font-size: 15px;
}
.creator-table-tt-feature.txt-height {
font-size: 15px;
line-height: 1;
}
.creator-table-tt-feature.txt-height.wht-txt, .creator-table-tt-feature.wht-txt {
color: var(--c-grey--150);
}
.creator-table-tt-feature.trans {
color: var(--c-grey--trans--0);
}
.campaign-cta-holder {
flex-flow: column;
align-items: center;
width: 100%;
height: 9%;
margin-bottom: 60px;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.campaign-cta-holder.padding-down {
padding-bottom: 60px;
}
.campaign-cta-holder.margin {
padding-top: 80px;
}
.txt-grid-2col {
grid-column-gap: 41px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 0;
padding-bottom: 0;
}
.txt-grid-2col.padding-under-30 {
padding-top: 20px;
padding-bottom: 30px;
}
.txt-grid-2col.padding-under-30.padding-top-30 {
padding-top: 40px;
}
.txt-grid-2col.mobile-10 {
margin-top: 40px;
}
.txt-grid-2col.mobile-10.mobile-campaign {
grid-template-columns: 1fr 1fr;
padding-left: 40px;
padding-right: 40px;
}
.text-span-103, .text-span-104 {
color: var(--c-secondary--light-purple);
font-weight: 500;
}
.campaign-contact-section {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.campaign-contact-section.padding-down {
padding-bottom: 60px;
}
.campaign-contact-section.padding-down.padding-top {
margin-top: 100px;
}
.campaign-contact-section.padding-down.padding-top.margin-top {
margin-top: 60px;
}
.campaign-contact-section.padding-down.padding-top.margin-top.api-padding {
width: 100%;
margin-top: 0;
}
.campaign-contact-section.padding-down.padding-top.margin-top.api-padding.gap {
padding-top: 0;
}
.campaign-contact-section.padding-down.bottom {
padding-bottom: 100px;
}
.campaign-contact-section.padding-down.bottom:lang(ko) {
width: 100%;
padding-bottom: 40px;
}
.movie-clip-grid---2-col {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
display: grid;
}
.showcase-txt-name {
color: var(--c-primary--bg);
font-size: 30px;
font-weight: 300;
}
.showcase-txt-name.satoshi {
font-family: Satoshi Variable;
}
.showcase-txt-name.dokkaebi {
font-size: 30px;
}
.movie-clip-main-section {
background-color: var(--c-grey--trans--0);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.movie-clip-main-section.play {
height: auto;
}
.card-link {
grid-column-gap: 24px;
grid-row-gap: 24px;
display: flex;
}
.card-link.temp {
margin-bottom: 20px;
}
.card-title-2 {
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
}
.card-title-2.blue {
color: #227cff;
}
.card-title-2.blue.small {
font-size: 13px;
}
.card-title-2.blue.small.sale-color {
color: #161615;
}
.container---mov-6 {
z-index: 1;
object-fit: cover;
background-color: #722f2f00;
border-radius: 6px;
flex-flow: row;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: center;
max-width: none;
margin-left: 0;
margin-right: 0;
display: block;
position: absolute;
inset: auto;
overflow: clip;
}
.button-base-5 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-5:hover {
opacity: 1;
}
.arrow-11 {
z-index: 3;
color: #161615;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 10px;
height: 10px;
display: block;
position: relative;
}
.promo-text---large-6 {
color: #f2fb41;
text-align: left;
padding-top: 10px;
font-family: Bdogrotesk;
font-size: 50px;
font-weight: 300;
line-height: 1.2;
}
.promo-text---large-6.sale-color {
color: #64ffbc;
}
.banner-container-2 {
cursor: pointer;
background-color: #202020;
border-radius: 30px 0 0;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 0;
padding: 20px 40px;
display: flex;
position: static;
}
.banner-title-tt-2 {
color: #f2fb41;
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
}
.banner-title-tt-2.promotion-font {
color: #f0f0f0;
font-family: Bdogrotesk;
font-size: 22px;
}
.banner-title-tt-2.promotion-font.bgt {
color: #909090;
font-size: 18px;
}
.banner-title-tt-2.promotion-font.bgt.ssmall {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.banner-title-tt-2.promotion-font.bgt.ssmall:lang(ko) {
font-weight: 400;
}
.button-base-text-13 {
color: #11594f;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
}
.button-base-text-13.button2-2-text {
z-index: 3;
color: #161615;
position: relative;
}
.button-base-mask-5 {
z-index: 2;
color: #161615;
background-color: #227cff;
border: 1px #000;
border-radius: 30px;
width: auto;
min-width: 0%;
height: auto;
position: absolute;
inset: -1%;
overflow: visible;
}
.button-base-mask-5:lang(ko) {
background-color: #227cff;
}
.underline-6 {
transform-origin: 0%;
background-color: #767676;
width: 100%;
height: 1px;
}
.underline-6.white {
background-color: #f0f0f0;
margin-bottom: 20px;
}
.banner-title-2 {
z-index: 1;
background-color: #fff0;
border: 1px solid #f2fb41;
border-radius: 10px 0 0;
margin-right: auto;
padding: 5px 15px;
position: relative;
}
.vectors-wrapper-74 {
aspect-ratio: auto;
object-fit: cover;
background-color: #305dff00;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
}
.text-span-105 {
color: #767676;
vertical-align: top;
font-size: 40px;
text-decoration: line-through;
}
.promo-base-2 {
color: #f0f0f0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
font-weight: 300;
position: relative;
}
.promo-base-2.airairair {
padding-top: 10px;
}
.promo-base-2.airairair:lang(ko) {
font-weight: 400;
}
.banner-txt-tt-2 {
color: #f2fb41;
text-align: left;
width: 100%;
padding-bottom: 0;
font-family: Bdogrotesk;
font-size: 18px;
font-weight: 400;
line-height: 1.2;
}
.ad-banner-test-2 {
background-color: #fff0;
width: 100%;
margin-bottom: 0;
padding: 0 20px 20px;
display: none;
}
.ad-banner-test-2.product-page {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: none;
}
.button-base-banner-2 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #91f758;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-banner-2:hover {
opacity: 1;
}
.card-title-3 {
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
}
.card-title-3.blue {
color: #227cff;
}
.card-title-3.blue.small {
font-size: 13px;
}
.card-title-3.blue.small.sale-color {
color: #161615;
}
.container---mov-7 {
z-index: 1;
object-fit: cover;
background-color: #722f2f00;
border-radius: 6px;
flex-flow: row;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: center;
max-width: none;
margin-left: 0;
margin-right: 0;
display: block;
position: absolute;
inset: auto;
overflow: clip;
}
.button-base-6 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
height: 36px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-6:hover {
opacity: 1;
}
.arrow-12 {
z-index: 3;
color: #161615;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 10px;
height: 10px;
display: block;
position: relative;
}
.promo-text---large-7 {
color: #f2fb41;
text-align: left;
padding-top: 10px;
font-family: Bdogrotesk;
font-size: 50px;
font-weight: 300;
line-height: 1.2;
}
.promo-text---large-7.sale-color {
color: #64ffbc;
}
.button-base-text-14 {
color: #11594f;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
}
.button-base-text-14.button2-2-text {
z-index: 3;
color: var(--c-primary--main);
font-size: 16px;
position: relative;
}
.button-base-text-14.button2-2-text:lang(ko) {
font-weight: 400;
}
.underline-7 {
background-color: var(--c-grey--700);
transform-origin: 0%;
width: 100%;
height: 1px;
}
.underline-7.white {
margin-bottom: 20px;
}
.underline-7.dark-green {
background-color: #11594f;
}
.underline-7.white {
background-color: #f0f0f0;
margin-top: 20px;
margin-bottom: 20px;
}
.vectors-wrapper-75 {
aspect-ratio: auto;
object-fit: cover;
background-color: #305dff00;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
}
.text-span-106 {
color: #767676;
vertical-align: top;
font-size: 40px;
text-decoration: line-through;
}
.ad-banner-test-3 {
background-color: #fff0;
width: 100%;
margin-bottom: 0;
padding: 0 20px 20px;
display: none;
}
.ad-banner-test-3.product-page {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: none;
}
.button-base-banner-3 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #91f758;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-banner-3:hover {
opacity: 1;
}
.tabs-menu-3 {
flex-direction: column;
width: 40%;
margin-right: 8%;
display: flex;
}
.tab-component-2 {
align-items: center;
display: flex;
}
.tab-button-title-2 {
justify-content: space-between;
align-items: center;
font-size: 16px;
font-weight: 500;
line-height: 28px;
display: flex;
}
.ad-banner-3 {
margin-bottom: 100px;
padding-left: 20px;
padding-right: 20px;
display: block;
}
.tab-button-desc {
font-size: 14px;
line-height: 24px;
}
.tab-button-desc.gray {
color: var(--c-grey--300);
line-height: 20px;
}
.tab-button-desc.gray:lang(ko) {
font-weight: 400;
}
.tab-button-desc.gray.gap {
margin-top: 10px;
}
.tab-button-desc.gray {
color: #909090;
}
.tab-button-2 {
color: #fff;
background-color: #fff0;
border-top: 1px solid #33353a;
margin-bottom: 0;
padding: 0;
transition: all .3s;
}
.tab-button-2:hover {
background-color: #1c1d1f;
}
.tab-button-2.w--current {
background-color: #fff0;
}
.tabs-content-4 {
width: 60%;
}
.lightbox-link-base-2 {
background-color: #fff0;
padding-left: 20px;
padding-right: 20px;
}
.lightbox-link-base-2.bg-black {
padding-top: 60px;
}
.lightbox-link-base-2.bg-black.gap {
padding-top: 100px;
}
.text-block-9 {
font-size: 18px;
}
.text-block-9.grey.mobile {
font-size: 16px;
}
.text-block-9.grey.mobile:lang(ko) {
font-weight: 400;
}
.text-span-107 {
color: #91f758;
}
.approach-wrapper-6 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 40px;
display: flex;
}
.approach-wrapper-6.gap {
margin-bottom: 4px;
}
.left-gradient-2 {
z-index: 1;
background-image: linear-gradient(90deg, #f0f0f0 50%, #fff0);
width: 30%;
position: absolute;
inset: 0% auto 0% 0%;
}
.image-37 {
order: 0;
width: 30%;
padding-top: 20px;
display: block;
}
.image-37.mobile {
width: 50%;
}
.image-37.mobile.pc {
width: 30%;
}
.brand-div-8 {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 60px;
padding: 10px 20px;
display: flex;
}
.brand-div-8.service-page {
width: 130px;
margin-right: 30px;
}
.service-hero-section-base-clear-2 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.services-intro-7 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
padding: 40px 20px;
display: flex;
}
.our-approach-grid-7 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
justify-content: stretch;
width: 70%;
margin-top: 40px;
margin-left: 0;
}
.right-gradient-2 {
z-index: 1;
background-image: linear-gradient(265deg, #f0f0f0 50%, #fff0);
width: 30%;
position: absolute;
inset: 0% 0% 0% auto;
}
.text-span-108 {
color: #91f758;
}
.hero-wrapper-clear-2 {
z-index: 1;
margin-bottom: 100px;
position: relative;
}
.image-38 {
border-radius: 10px;
margin-top: 20px;
padding-top: 0;
}
.text-span-109 {
color: #91f758;
}
.brands-wrap-2 {
display: flex;
}
.base-text-5---blue-2 {
color: #161615;
justify-content: flex-start;
font-family: Bdogrotesk;
font-size: 19px;
line-height: 1.3;
}
.base-text-5---blue-2.white {
color: #f0f0f0;
}
.text-span-110, .text-span-111 {
color: #91f758;
}
.about-grid-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .5fr .5fr;
width: 100%;
margin-top: 50px;
margin-bottom: 50px;
}
.about-grid-5.mobile-padding {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.subheading-wrapper-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
align-items: center;
width: 100%;
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.text-span-112 {
color: #91f758;
}
.container---mov-8 {
z-index: 1;
object-fit: cover;
background-color: #722f2f00;
border-radius: 6px;
flex-flow: row;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: center;
max-width: none;
margin-left: 0;
margin-right: 0;
display: block;
position: absolute;
inset: auto;
overflow: clip;
}
.promo-text---large-8 {
color: #f2fb41;
text-align: left;
padding-top: 10px;
font-family: Bdogrotesk;
font-size: 50px;
font-weight: 300;
line-height: 1.2;
}
.promo-text---large-8.padding {
padding-bottom: 10px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.button-base-text-15 {
color: #11594f;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
}
.button-base-text-15.button2-2-text {
z-index: 3;
color: #161615;
position: relative;
}
.clear-12 {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.vectors-wrapper-76 {
aspect-ratio: auto;
object-fit: cover;
background-color: #305dff00;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
}
.text-span-113 {
color: #767676;
vertical-align: top;
font-size: 40px;
text-decoration: line-through;
}
.ad-banner-test-4 {
background-color: #fff0;
width: 100%;
margin-bottom: 0;
padding: 0 20px 20px;
display: none;
}
.ad-banner-test-4.product-page {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: none;
}
.button-base-banner-4 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #91f758;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-banner-4:hover {
opacity: 1;
}
.lightbox-link-base-3 {
background-color: #fff0;
padding-left: 20px;
padding-right: 20px;
}
.lightbox-link-base-3.bg-black {
padding-top: 60px;
}
.lightbox-link-base-3.bg-black.padding {
padding-top: 20px;
}
.text-block-10 {
font-size: 18px;
}
.approach-wrapper-7 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 40px;
display: flex;
}
.image-39 {
order: 0;
width: 30%;
padding-top: 20px;
display: block;
}
.brand-div-9 {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 60px;
padding: 10px 20px;
display: flex;
}
.brand-div-9.service-page {
width: 130px;
margin-right: 30px;
}
.our-approach-grid-8 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
justify-content: stretch;
width: 70%;
margin-top: 40px;
margin-left: 0;
}
.image-40 {
border-radius: 10px;
margin-top: 20px;
padding-top: 0;
}
.brands-wrap-3 {
display: flex;
}
.base-text-5---blue-3 {
color: #161615;
justify-content: flex-start;
font-family: Bdogrotesk;
font-size: 19px;
line-height: 1.3;
}
.base-text-5---blue-3.white {
color: #f0f0f0;
}
.subheading-wrapper-4 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
align-items: center;
width: 100%;
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.hero-banner-2 {
background-color: #161615;
width: 100%;
max-width: none;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 0 20px;
}
.hero-banner-2:lang(ja) {
overflow: hidden;
}
.hero-banner-img-2 {
background-color: var(--c-grey--trans--0);
border-radius: 0;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.hero-banner-img-2:lang(ja) {
overflow: clip;
}
.promo-text---large-9 {
color: #f2fb41;
text-align: left;
padding-top: 10px;
font-family: Bdogrotesk;
font-size: 50px;
font-weight: 300;
line-height: 1.2;
}
.promo-text---large-9.sale-color {
color: #64ffbc;
font-size: 60px;
}
.text-span-114 {
color: #767676;
vertical-align: top;
font-size: 40px;
text-decoration: line-through;
}
.promo-text---large-10 {
color: #f2fb41;
text-align: left;
padding-top: 10px;
font-family: Bdogrotesk;
font-size: 50px;
font-weight: 300;
line-height: 1.2;
}
.promo-text---large-10.sale-color {
color: #64ffbc;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 60px;
}
.text-span-115 {
color: #767676;
vertical-align: top;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 40px;
text-decoration: line-through;
}
.button-base-7 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
height: 36px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-7:hover {
opacity: 1;
}
.button-base-7.gray {
background-color: #a5a5a5;
}
.button-base-text-16 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-size: 16px;
font-weight: 400;
line-height: 1.3;
position: relative;
}
.button-base-text-16:lang(ko) {
font-weight: 400;
}
.arrow-13 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 10px;
height: 10px;
display: block;
position: relative;
}
.text-span-116 {
font-size: 20px;
}
.specialoffer {
color: #91f758;
font-size: 30px;
}
.specialoffer.mobile {
color: #7435fc;
font-weight: 400;
}
.text-span-117 {
text-align: left;
text-indent: 0%;
white-space: normal;
vertical-align: baseline;
justify-content: flex-start;
align-items: flex-start;
font-size: 36px;
line-height: 1.4;
text-decoration: none;
display: inline-block;
}
.promo-text---large-11 {
color: #f2fb41;
text-align: left;
padding-top: 10px;
font-family: Bdogrotesk;
font-size: 50px;
font-weight: 300;
line-height: 1.2;
}
.promo-text---large-11.sale-color {
color: #64ffbc;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 60px;
}
.text-span-118 {
color: #767676;
vertical-align: top;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 40px;
text-decoration: line-through;
}
.superscript-4 {
color: var(--c-grey--300);
text-decoration: line-through;
}
.text-span-119 {
color: var(--c-grey--300);
font-size: 20px;
text-decoration: line-through;
position: relative;
}
.text-span-120 {
color: var(--c-grey--300);
font-size: 14px;
position: relative;
}
.text-span-121 {
color: var(--c-grey--300);
font-size: 14px;
text-decoration: line-through;
}
.text-span-122 {
color: var(--c-secondary--mint-green);
font-size: 20px;
}
.text-span-123 {
color: var(--c-grey--300);
font-size: 14px;
}
.text-span-123.padding {
padding-left: 3px;
}
.text-span-124 {
font-size: 20px;
}
.text-span-125 {
text-align: left;
text-indent: 0%;
white-space: normal;
vertical-align: baseline;
justify-content: flex-start;
align-items: flex-start;
font-size: 36px;
line-height: 1.4;
text-decoration: none;
display: inline-block;
}
.text-span-126 {
font-size: 36px;
}
.text-span-127, .text-span-128 {
color: var(--c-secondary--mint-green);
}
.tabs-menu-4 {
flex-direction: column;
width: 40%;
margin-right: 8%;
display: flex;
}
.tab-component-3 {
align-items: center;
display: flex;
}
.tab-button-title-3 {
justify-content: space-between;
align-items: center;
font-size: 16px;
font-weight: 500;
line-height: 28px;
display: flex;
}
.ad-container---backup---4 {
width: 100%;
max-width: 1312px;
margin-left: auto;
margin-right: auto;
}
.tabs-content-5 {
width: 60%;
}
.tab-button-title-4 {
color: #fff;
justify-content: space-between;
align-items: center;
font-size: 16px;
font-weight: 500;
line-height: 28px;
display: flex;
}
.div-block-86 {
width: 75%;
}
.div-block-87 {
padding-bottom: 140px;
}
.shift-introduction {
margin-bottom: 20px;
padding-top: 20px;
}
.shift-introduction.upper-padding-0 {
padding-top: 0;
}
.lightbox-link-base-4 {
background-color: #fff0;
padding-left: 20px;
padding-right: 20px;
}
.lightbox-link-base-4.bg-black {
padding-top: 60px;
}
.lightbox-link-base-4.bg-black.padding {
padding-top: 20px;
}
.text-block-12 {
font-size: 18px;
}
.text-block-12.grey.mobile {
font-size: 16px;
}
.text-block-12.grey.mobile:lang(ko) {
font-weight: 400;
}
.text-block-12.grey.mobile:lang(ja) {
font-size: 14px;
}
.approach-wrapper-8 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 40px;
display: flex;
}
.brands-wrap-4 {
display: flex;
}
.image-42 {
order: 0;
width: 30%;
padding-top: 20px;
display: block;
}
.brand-div-10 {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 60px;
padding: 10px 20px;
display: flex;
}
.brand-div-10.service-page {
width: 130px;
margin-right: 30px;
}
.our-approach-grid-9 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
justify-content: stretch;
width: 70%;
margin-top: 40px;
margin-left: 0;
}
.image-43 {
border-radius: 10px;
margin-top: 20px;
padding-top: 0;
}
.subheading-wrapper-5 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
align-items: center;
width: 100%;
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.text-span-63---g {
color: var(--c-grey--300);
font-size: 12px;
}
.text-span---new-1 {
color: var(--play-secondary-color--green);
white-space: normal;
vertical-align: text-top;
font-size: 8px;
text-decoration: none;
}
.play-pricing-250708---promotion {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.play-pricing-250708---promotion.black {
background-color: var(--c-primary--main);
margin-top: 0;
}
.play-pricing-250708---promotion.bg-black.padding {
background-color: var(--c-grey--trans--0);
margin-top: 0;
margin-bottom: 0;
}
.play-pricing-250708---promotion.bg-black {
background-color: #161615;
margin-top: 140px;
overflow: hidden;
}
.play-pricing-250708---promotion.bg-black.padding {
margin-top: 0;
margin-bottom: 0;
}
.text-span-129 {
font-size: 20px;
}
.text-span-130, .text-span-131 {
color: var(--c-grey--trans--0);
}
.fill-right {
background-color: var(--c-primary--blue-500);
width: 52%;
position: absolute;
inset: -2% -2% -2% auto;
}
.embed-border {
flex: none;
justify-content: center;
align-self: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.fill-bottom {
background-color: var(--c-primary--blue-500);
height: 51%;
position: absolute;
inset: auto -2% -2%;
}
.fill-top {
background-color: var(--c-primary--blue-500);
height: 52%;
position: absolute;
inset: -2% -2% auto;
}
.home-bg-wrapper {
opacity: 0;
flex: none;
width: 100svw;
height: 100svh;
position: absolute;
overflow: clip;
}
.text-size-medium {
line-height: 1.2;
font-size: clamp(1.25rem, var(--text-size--medium), 1.2rem);
}
.text-size-medium.line-height-150 {
line-height: 1.5;
}
.home-hero {
z-index: 2;
justify-content: space-between;
align-items: stretch;
height: 50vh;
display: flex;
position: relative;
}
.button-primary {
color: #090909;
text-align: center;
border: 1px solid #0000;
border-radius: .2rem;
justify-content: center;
align-items: center;
padding: 1.125rem 1.5rem;
font-size: 1rem;
font-weight: 400;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.max-width-61ch {
max-width: 61ch;
font-size: 1rem;
}
.heading-14 {
font-size: 4em;
line-height: 1;
}
.heading-14.text-weight-regular {
font-family: Manrope, sans-serif;
}
.mobile-header {
display: none;
}
.font-color-secondary {
color: #efeeec80;
}
.bg-image {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: clip;
}
.bg-image.is-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.fill-left {
background-color: var(--c-primary--blue-500);
width: 52%;
position: absolute;
inset: -2% auto -2% -2%;
}
.home-left-content {
z-index: 2;
grid-column-gap: 13em;
grid-row-gap: 13em;
flex-flow: column;
justify-content: flex-end;
padding-bottom: 5.6em;
padding-left: 4em;
display: flex;
}
.button-text-wrapper {
z-index: 2;
pointer-events: none;
cursor: default;
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: 1.5rem;
display: flex;
position: relative;
overflow: hidden;
}
.button-text-wrapper.align-center {
justify-content: center;
align-items: center;
height: auto;
}
.interaction-overflow {
padding-bottom: .5em;
overflow: hidden;
}
.home-header {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-flow: column;
align-items: flex-start;
max-width: 45vw;
display: flex;
}
.text-size-regular-vw {
color: var(--c-grey--450);
font-family: Manrope, sans-serif;
font-size: 16px;
}
.home-card-video-wrap {
aspect-ratio: 1.82 / 1.01;
border-radius: .5rem;
width: 100%;
position: relative;
overflow: hidden;
}
.home-card-video-wrap.ratio-auto {
aspect-ratio: auto;
}
.text-size-xdisplay-homepage {
font-size: 3.4375rem;
font-weight: 400;
line-height: 1.2;
}
.double-button-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
display: flex;
}
.home-template-wrap {
width: 100%;
}
.home-template-wrap.margin-top {
margin-top: 0;
}
.divider-line-homepage {
opacity: .1;
background-color: #efeeec;
width: 100%;
height: 1px;
}
.divider-line-homepage.margin-6rem {
margin-top: 4rem;
margin-bottom: 4rem;
}
.divider-line-homepage.margin-6rem.hide-mobile {
margin-top: 8rem;
}
.figma-content {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem;
flex-direction: column;
align-self: center;
align-items: flex-start;
width: 50%;
margin-top: 5rem;
margin-bottom: 6rem;
margin-left: 4rem;
padding-right: 4rem;
display: flex;
}
.max-width-50ch {
max-width: 50ch;
color: var(--c-grey--500);
font-family: Manrope, sans-serif;
}
.max-width-70ch {
justify-content: center;
align-items: center;
max-width: 70ch;
font-size: 1rem;
display: flex;
}
.video-card-content {
flex-direction: column;
justify-content: center;
align-self: flex-start;
align-items: center;
margin-left: 1rem;
margin-right: 1rem;
text-decoration: none;
display: flex;
}
.home-paragraph {
font-size: 1.125rem;
line-height: 1.5;
}
.opacity-60 {
opacity: .6;
}
.background-video-homepage {
z-index: 1;
border-radius: .5rem;
width: 101%;
height: 100%;
position: absolute;
}
.text-size-regular {
line-height: 1.5;
font-size: clamp(1rem, var(--text-size--regular), 1.1rem);
}
.template-component-homepage {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.figma {
border: 1px #7d7d7d33;
border-radius: .5rem;
justify-content: space-between;
display: flex;
}
.figma-logo {
width: 2.125rem;
height: auto;
}
.figma-image {
object-fit: cover;
object-position: 0% 50%;
width: auto;
height: 100%;
}
.align-center {
justify-content: center;
align-items: flex-start;
display: flex;
}
.secondary-button {
z-index: 5;
color: #efeeec;
font-family: Manrope, sans-serif;
line-height: 1;
font-size: clamp(.875rem, var(--text-size--small), .975rem);
background-color: #0000;
padding-top: 1.2rem;
padding-bottom: 1.2rem;
transition-property: all;
transition-duration: .25s;
transition-timing-function: ease;
position: relative;
}
.secondary-button:hover {
opacity: .8;
transform: translate(0, 2px);
}
.figma-image-wrap {
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 70%;
height: 100%;
display: flex;
position: static;
overflow: visible;
}
.heading-homepage {
font-size: 3em;
font-weight: 500;
line-height: 1.15;
}
.card-video-homepage {
grid-row-gap: 1rem;
background-color: #1c1c1c;
border: 1px solid #090909;
border-radius: .5rem;
flex-direction: column;
padding: .8rem .8rem 1rem;
font-size: 1rem;
font-weight: 500;
text-decoration: none;
transition: border .3s, background-color .2s;
display: flex;
overflow: hidden;
}
.card-video-homepage:hover {
background-color: #2f2f2f;
}
.home-page-cards-grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
}
.template-component {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 10rem;
display: flex;
}
.template-component.margin-hompeage, .template-component.main-margin-hompeage {
margin-bottom: 6rem;
padding-top: 0;
}
.heading-component-homepage {
grid-row-gap: 2rem;
text-align: center;
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
max-width: 100em;
font-weight: 400;
display: flex;
}
.heading-component-homepage.small {
grid-row-gap: 1rem;
grid-row-gap: 1rem;
grid-row-gap: 1rem;
grid-row-gap: 1rem;
max-width: 50em;
margin-top: 1rem;
font-size: 1.2rem;
}
.home-top-content {
z-index: 2;
grid-column-gap: 13em;
grid-row-gap: 13em;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding-top: 100px;
padding-bottom: 5.6em;
padding-left: 0;
display: flex;
}
.home-header-v2 {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-flow: column;
align-items: flex-start;
max-width: 200vw;
display: flex;
}
.b-block {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--c-grey--900);
flex-flow: column;
display: block;
}
.cta-grid-v2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #090909;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 60px;
display: grid;
}
.cta-section-v2 {
background-color: var(--c-grey--900);
margin-bottom: 0;
padding: 40px 20px 0 4em;
}
.cta-section-v2.padding {
padding-bottom: 60px;
padding-left: 0;
}
.cta-section-v2.padding.ad-padding, .cta-section-v2.padding.ad-padding-copy {
margin-bottom: 60px;
}
.cta-section-v2.padding.l-padding {
padding-left: 20px;
}
.cta-section-v2.play-padding {
margin-bottom: 0;
}
.cta-section-v2.play-padding.headtt-padding {
margin-bottom: 100px;
padding-top: 0;
display: none;
}
.cta-section-v2.play-sub-txt-block {
background-color: var(--c-grey--700);
border-top-left-radius: 20px;
margin-top: 60px;
padding-top: 30px;
padding-bottom: 30px;
}
.cta-section-v2.superdub {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.cta-section-v2.supertonelisten {
background-color: var(--c-grey--trans--0);
padding-top: 20px;
padding-left: 0;
}
.cta-section-v2.interactive-shift {
padding-top: 0;
padding-left: 0;
}
.block-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--c-primary--main);
flex-flow: column;
display: block;
}
.product---content {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem;
flex-direction: column;
align-self: center;
align-items: flex-start;
width: 50%;
margin-top: 5rem;
margin-bottom: 6rem;
margin-left: 0;
padding-right: 4rem;
display: flex;
}
.main-products-block {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
margin-top: 60px;
display: flex;
}
.home-logo-left-gradient {
background-image: linear-gradient(90deg, var(--c-grey--900), #fff0);
width: 10%;
position: absolute;
inset: 0% auto 0% 0%;
}
.home-logo-left-gradient.right {
background-image: linear-gradient(270deg, var(--c-grey--900), #fff0);
inset: 0% 0% 0% auto;
}
.client-logo {
opacity: .8;
object-fit: contain;
width: 100%;
min-height: 7rem;
max-height: 7rem;
transition: opacity .4s;
}
.client-logo:hover {
opacity: 1;
}
.overline {
color: #72767d;
text-align: center;
letter-spacing: .08rem;
text-transform: uppercase;
font-size: .7rem;
font-weight: 500;
}
.clients-grid {
grid-column-gap: 30px;
grid-row-gap: 0px;
opacity: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.clients-grid.logo-animate-alt {
grid-column-gap: 3rem;
flex: none;
width: 100rem;
margin-top: 0;
margin-left: 0;
margin-right: auto;
display: flex;
}
.clients-grid.logo-animate {
grid-column-gap: 3rem;
opacity: 1;
flex: none;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 120rem;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
display: flex;
}
.clients-grid.logo-animate.business-width {
width: 150rem;
}
.embed {
display: none;
}
.home-logo-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
justify-content: flex-start;
align-items: center;
margin-top: 1rem;
display: flex;
position: relative;
overflow: hidden;
}
.home-logo-wrapper.bottom {
margin-top: -2rem;
}
.logos-marquee {
margin-top: 4em;
margin-bottom: 4em;
}
.company-description-v2 {
margin-bottom: 60px;
padding-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.company-description-v2._80 {
width: 80%;
}
.div-block-88 {
padding-left: 20px;
}
.product-image {
vertical-align: middle;
object-fit: cover;
object-position: 0% 50%;
width: auto;
height: 100%;
margin-left: 0;
margin-right: 0;
transition: opacity .3s, transform .3s;
display: inline-block;
position: static;
overflow: clip;
}
.product-image:hover {
opacity: .7;
transform: scale(.98);
}
.product---image---content {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem;
flex-direction: column;
align-self: center;
align-items: flex-start;
width: 70%;
margin-top: 2rem;
margin-bottom: 2rem;
margin-left: 0;
padding-right: 0;
display: flex;
}
.knob-logo {
width: 2.125rem;
height: auto;
}
.main-products-section {
z-index: 2;
background-color: #090909;
padding-left: 20px;
padding-right: 20px;
position: relative;
overflow: clip;
}
.main-products-section.overflow-normal {
overflow: visible;
}
.main-products-container {
width: 100%;
max-width: 110rem;
margin-left: auto;
margin-right: auto;
}
.main-products-container.medium {
max-width: 90rem;
}
.main-products-component {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.main-products-wrap {
width: 100%;
}
.main-products-wrap.margin-top {
margin-top: 0;
}
.main-products-div {
border: 1px #7d7d7d33;
border-radius: .5rem;
justify-content: space-between;
display: flex;
}
.cta-section-v3 {
background-color: var(--c-grey--900);
margin-bottom: 0;
padding: 20px 20px 0 0;
}
.cta-section-v3.padding {
padding-bottom: 60px;
padding-left: 0;
}
.cta-section-v3.padding.ad-padding, .cta-section-v3.padding.ad-padding-copy {
margin-bottom: 60px;
}
.cta-section-v3.padding.l-padding {
padding-left: 20px;
}
.cta-section-v3.play-padding {
margin-bottom: 0;
}
.cta-section-v3.play-padding.headtt-padding {
margin-bottom: 100px;
padding-top: 0;
display: none;
}
.cta-section-v3.play-sub-txt-block {
background-color: var(--c-grey--700);
border-top-left-radius: 20px;
margin-top: 60px;
padding-top: 30px;
padding-bottom: 30px;
}
.cta-section-v3.superdub {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.cta-section-v3.supertonelisten {
background-color: var(--c-grey--trans--0);
padding-top: 20px;
padding-left: 0;
}
.cta-section-v3.interactive-shift {
padding-top: 0;
padding-left: 0;
}
.button-base-container-download {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 10px;
display: flex;
}
.button-base-container-download.gap {
padding-top: 40px;
}
.button-base-container-download.gap.bottom-margin {
padding-top: 10px;
padding-bottom: 40px;
}
.button-base-container-download.gap.bottom-margin.superdub {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
padding-top: 0;
padding-bottom: 0;
}
.button-base-container-download.gap.bottom-margin.bottom {
padding-bottom: 10px;
}
.button-base-container-download.gap.bottom-margin-copy {
padding-bottom: 40px;
}
.button-base-container-download.gap.api-setting {
justify-content: flex-end;
align-items: flex-end;
}
.button-base-container-download.gap.api-setting.gap {
padding-top: 10px;
}
.hero-img-holder, .content-img-holder {
background-color: var(--c-grey--trans--0);
height: auto;
margin-bottom: 60px;
padding: 0;
}
.content---image {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem;
flex-direction: column;
align-self: center;
align-items: flex-start;
width: auto;
margin-top: 2rem;
margin-bottom: 2rem;
margin-left: 0;
padding-right: 0;
display: flex;
}
.txt-block-component {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 10rem;
display: flex;
}
.txt-block-component.margin-hompeage {
margin-bottom: 6rem;
padding-top: 0;
}
.txt-block-component.main-margin-hompeage {
margin-bottom: 2rem;
padding-top: 0;
}
.txt-block-section {
z-index: 2;
background-color: #090909;
margin-bottom: 8em;
padding-left: 20px;
padding-right: 20px;
position: relative;
overflow: clip;
}
.txt-block-section.overflow-normal {
overflow: visible;
}
.bd-80 {
width: 100%;
color: var(--c-primary--bg);
font-family: Manrope, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.1;
}
.bd-80.intro-page {
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-size: 2.2rem;
}
.bd-80.intro-page.small-text {
font-size: 1.8rem;
}
.bd-80.intro-page.small-text.pink.manrope:lang(ko) {
margin-bottom: 10px;
}
.bd-80.intro-page.small-text.pink.manrope.green {
color: var(--c-secondary--orange);
margin-top: 20px;
margin-bottom: 10px;
}
.bd-80.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 500;
}
.bd-80.intro-page.small-text.pink.manrope.green.pre2-0title {
font-size: 2.2rem;
}
.bd-80.intro-page.small-text.pink.manrope.green.pre2-0title.white {
color: var(--c-secondary--pink);
margin-top: 20px;
margin-bottom: 0;
font-size: 1.8rem;
}
.bd-80.intro-page.small-text.pink.manrope.green.pre2-0title.white.features, .bd-80.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy, .bd-80.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy {
font-size: 1.4rem;
}
.bd-80.intro-page.small-text.pink.manrope.green.bold-copy {
font-weight: 500;
}
.bd-80.intro-page.small-text.play-color {
width: 50%;
color: var(--c-primary--bg);
}
.bd-80.intro-page.small-text.green {
color: var(--play-secondary-color--green);
}
.bd-80.intro-page.small-text.api-color {
color: var(--c-secondary--api-green);
font-size: 34px;
}
.bd-80.intro-page.small-text.api-color.manrope {
width: 80%;
font-family: Manrope, sans-serif;
}
.bd-80.intro-page.small-text.gap {
margin-left: 20px;
}
.bd-80.intro-page.small-text.pink {
color: #f2a499;
}
.bd-80.intro-page.small-text.pink.manrope.orange {
color: #f1953e;
}
.bd-80.intro-page.small-text.pink.manrope.orange.pre2-0title {
font-size: 2.2rem;
}
.bd-80.intro-page.small-text.pink.manrope._700 {
color: #202020;
}
.bd-80.intro-page.small-text.pink.manrope {
margin-bottom: 0;
font-size: 2.2rem;
}
.bd-80.intro-page.small-text.white {
color: #f0f0f0;
}
.bd-80.intro-page.white {
color: var(--c-primary--bg);
}
.bd-80.intro-page.play-color {
width: 100%;
color: var(--c-primary--bg);
}
.bd-80.intro-page.play-color.api-color {
color: var(--c-secondary--api-green);
}
.bd-80.intro-page.play-color.play-point.play-sub-color {
color: var(--c-secondary--play-sub);
}
.bd-80.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 56px;
}
.bd-80.intro-page.play-color.top-p {
padding-top: 20px;
}
.bd-80.intro-page.play-color.top-p.manrope {
font-family: Manrope, sans-serif;
}
.bd-80.intro-page.play-color.small {
font-size: 1rem;
font-weight: 300;
}
.bd-80.intro-page.play-color.manrope {
font-family: Manrope, sans-serif;
}
.bd-80.intro-page.green {
color: var(--c-secondary--mint-green);
}
.bd-80.intro-page.green.air-green {
color: var(--play-secondary-color--green);
}
.bd-80.intro-page.green.air-green.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 300;
}
.bd-80.intro-page.green.air-green.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.bd-80.intro-page.green.manrope {
font-family: Manrope, sans-serif;
}
.bd-80.intro-page.green.manrope.gap {
padding-bottom: 20px;
}
.bd-80.intro-page.pink.manrope {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
}
.bd-80.intro-page.pink.manrope:lang(ja) {
flex-flow: row;
padding-top: 20px;
padding-bottom: 0;
display: flex;
}
.bd-80.intro-page.pink.manrope.orange {
color: var(--c-secondary--orange);
}
.bd-80.intro-page.api-color {
color: var(--c-secondary--api-green);
}
.bd-80.intro-page.api-color.manrope {
width: 70%;
font-family: Manrope, sans-serif;
}
.bd-80.intro-page.pink.manrope {
margin-bottom: 40px;
font-family: Manrope, sans-serif;
}
.bd-80.intro-page.play-color.padding {
margin-bottom: 20px;
font-size: 1.4rem;
font-weight: 400;
}
.bd-80.intro-page.pink.manrope {
margin-bottom: 0;
}
.bd-80.intro-page.pink {
color: #f2a499;
}
.bd-80.intro-page.play-color {
color: #f0f0f0;
width: 100%;
}
.bd-80.intro-page.play-color.play-point {
font-size: 60px;
}
.bd-80.intro-page.play-color.play-point.manrope {
font-family: Manrope, sans-serif;
font-size: 48px;
}
.bd-80.color---play {
color: var(--c-secondary--play-sub);
}
.bd-80.color-gray {
color: var(--c-grey--450);
margin-bottom: 4px;
}
.play-pricing-250717 {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.play-pricing-250717.black {
background-color: var(--c-primary--main);
margin-top: 0;
}
.play-pricing-250717.bg-black {
background-color: #161615;
margin-top: 140px;
overflow: hidden;
}
.play-pricing-250717.bg-black.padding {
margin-top: 0;
margin-bottom: 0;
}
.clear-price-2 {
margin-bottom: 60px;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.clear-price-2.padding-down {
padding-bottom: 0;
}
.clear-price-2.padding-down.padding {
background-color: #f2a499;
padding-bottom: 60px;
}
.div-block-89 {
min-height: 100px;
}
.pricing-tt {
min-height: 70px;
}
.play-detail-box---img {
width: 50%;
}
.blog-txt-h1 {
font-weight: 400;
}
.blog-txt-h1:lang(ko) {
line-height: 1.5;
}
.rich-text-block-3 {
text-align: left;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 400;
}
.rich-text-block-3:lang(ko) {
font-weight: 400;
}
.rich-text-block-3.center-aligned {
text-align: center;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.rich-text-block-3.center-aligned p {
text-align: center;
letter-spacing: -.5px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 14px;
}
.rich-text-block-3.center-aligned h2 {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 26px;
}
.rich-text-block-3.center-aligned h3 {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 22px;
}
.rich-text-block-3.center-aligned h4 {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 18px;
}
.rich-text-block-3.center-aligned h5 {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
}
.rich-text-block-3.center-aligned h6 {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 14px;
line-height: 1.8;
}
.rich-text-block-3 h1 {
text-align: left;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 30px;
line-height: 1;
}
.rich-text-block-3 h2 {
text-align: left;
letter-spacing: -.5px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 1.6;
}
.rich-text-block-3 h2:lang(ko) {
line-height: 1.6;
}
.rich-text-block-3 h3 {
text-align: left;
letter-spacing: -.5px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.8;
}
.rich-text-block-3 h3:lang(ko) {
font-weight: 400;
line-height: 1.8;
}
.rich-text-block-3 h4 {
text-align: left;
letter-spacing: -.25px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 18px;
line-height: 1.6;
}
.rich-text-block-3 h5 {
text-align: left;
letter-spacing: -.25px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
}
.rich-text-block-3 h6 {
text-align: left;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.8;
}
.rich-text-block-3 p {
text-align: left;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
line-height: 1.8;
}
.rich-text-block-3 ol {
padding-left: 20px;
font-size: 16px;
line-height: 1.6;
}
.rich-text-block-3 ul {
text-align: left;
padding-left: 20px;
font-size: 16px;
line-height: 1.6;
}
.rich-text-block-3 blockquote {
text-align: left;
}
.rich-text-block-3 blockquote:lang(ko) {
line-height: 1.5;
}
.card-txt---tt-3 {
color: #f0f0f0;
text-align: left;
letter-spacing: -.5px;
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
width: 100%;
min-width: auto;
padding-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 40px;
font-weight: 300;
line-height: 1.2;
display: block;
}
.card-txt---sub-txt-3 {
grid-column-gap: 24px;
grid-row-gap: 24px;
display: flex;
}
.opacity-89 {
opacity: .6;
}
.code-embed-18 {
padding-top: 0;
}
.bd-601 {
color: #f0f0f0;
width: 70%;
font-family: Manrope, sans-serif;
font-size: 34px;
font-weight: 300;
line-height: 1.1;
}
.bd-601.demo-tt {
width: 100%;
font-size: 30px;
font-weight: 300;
}
.product-txt-name-3 {
color: #f0f0f0;
letter-spacing: -.5px;
width: auto;
min-width: 0%;
font-size: 46px;
display: block;
}
.product-txt-name-3.body {
background-color: #090909;
font-size: 30px;
}
.products---sub-txt-3 {
color: #909090;
text-transform: none;
padding-top: 0;
padding-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 16px;
font-weight: 300;
}
.products---sub-txt-3.du-test {
color: #f0f0f0;
width: 100%;
margin-top: 20px;
}
.products---sub-txt-3.du-test.g {
color: #5d5d5d;
}
.products---sub-txt-3.du-test.left-padding {
padding-left: 20px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.products---sub-txt-3.euclid {
color: var(--c-grey--300);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
line-height: 1.3;
}
.products---sub-txt-3.euclid:lang(ko) {
font-weight: 400;
}
.txt-base-box---small-2 {
z-index: 3;
color: #909090;
vertical-align: middle;
justify-content: center;
align-items: center;
padding-bottom: 3px;
font-family: Manrope, sans-serif;
font-size: 12px;
font-weight: 300;
display: inline-block;
position: relative;
}
.txt-base-box---small-2.euclid {
color: var(--c-grey--300);
vertical-align: middle;
flex-flow: row;
padding-bottom: 3px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
display: inline-block;
}
.txt-base-box---small-2.euclid:lang(ko) {
font-weight: 400;
}
.txt---tts-demo-2 {
color: #f0f0f0;
text-transform: none;
padding-top: 0;
padding-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 16px;
}
.code-embed-19 {
height: auto;
}
.txt-box---line-small-2 {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #fff0;
border: 1px solid #909090;
border-radius: 30px;
flex-flow: row;
justify-content: flex-start;
align-self: center;
align-items: center;
width: auto;
height: 25px;
margin-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
font-size: 18px;
line-height: 1.2;
display: inline-block;
position: static;
overflow: hidden;
}
.txt-box---line-small-2:hover {
opacity: 1;
}
.bd-602 {
color: #f0f0f0;
width: auto;
font-family: Manrope, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.1;
}
.bd-602.demo-subtt {
color: var(--c-grey--300);
font-size: 16px;
}
.button-txt-base-4 {
z-index: 3;
color: #161615;
font-family: Manrope, sans-serif;
font-size: 17px;
font-weight: 500;
position: relative;
}
.card-txt---tt-4 {
color: #f0f0f0;
text-align: left;
letter-spacing: -.5px;
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
width: 100%;
min-width: auto;
padding-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 40px;
font-weight: 300;
line-height: 1.2;
display: block;
}
.product-txt-name-v02-2 {
color: #f0f0f0;
letter-spacing: -.5px;
width: auto;
min-width: 0%;
font-size: 50px;
display: block;
}
.product-txt-name-v02-2.euclid {
letter-spacing: -1.5px;
min-width: auto;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.btn-tt-text-m-3 {
color: #f2fb41;
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
}
.btn-tt-text-m-3.btn-tt-color {
color: #f0f0f0;
font-family: Manrope, sans-serif;
font-size: 14px;
}
.button-base-container-6 {
grid-column-gap: 21px;
grid-row-gap: 21px;
text-align: left;
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
width: auto;
padding-top: 0;
display: flex;
}
.card-txt---sub-txt-4 {
grid-column-gap: 24px;
grid-row-gap: 24px;
display: flex;
}
.card-txt---sub-txt-4.temp {
margin-bottom: 0;
}
.txt-base-box-2 {
z-index: 3;
color: #f0f0f0;
font-family: Manrope, sans-serif;
font-weight: 500;
position: relative;
}
.txt-box---line-2 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #fff0;
border: 1px solid #f0f0f0;
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.txt-box---line-2:hover {
opacity: 1;
}
.arrow-14 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 10px;
height: 10px;
display: block;
position: relative;
}
.arrow-14:lang(ja) {
width: 10px;
height: 10px;
}
.button-base-8 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-8:hover {
opacity: 1;
}
.button-base-8.aligan {
flex-flow: wrap;
flex: 0 auto;
order: 1;
justify-content: center;
align-self: baseline;
align-items: center;
}
.button-base-8.aligan.play-btn-color {
background-color: #94fb4d;
height: 36px;
}
.button-base-mask-6 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button-base-mask-6:lang(ko) {
background-color: #227cff;
}
.button-base-mask-6.play-btn-color {
background-color: #7435fc;
inset: -1%;
}
.button---main-base-3 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button---main-base-3:hover {
opacity: 1;
}
.button---main-base-3.play-btn-color {
background-color: #94fb4d;
padding-left: 20px;
padding-right: 20px;
}
.bd-603 {
color: #f0f0f0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 1.1;
}
.bd-603:lang(ko) {
font-weight: 400;
}
.bd-603.color---super-blue {
color: #227cff;
line-height: 1;
}
.bd-603.color---super-blue.euclid {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.bd-603.color---super-blue.euclid:lang(ko) {
font-weight: 400;
}
.bd-603.tt {
width: 100%;
}
.bd-603.tt.euclid {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.bd-603.tt.euclid:lang(ko) {
font-weight: 400;
}
.btn-tag-3 {
z-index: 1;
background-color: #fff0;
border: 1px solid #f0f0f0;
border-radius: 10px 0 0;
margin-right: auto;
padding: 5px 15px;
position: relative;
}
.btn-tag-3.btn-tag-color {
border-style: solid;
border-color: #fff;
padding-left: 10px;
padding-right: 10px;
}
.contents-holder-tt-2 {
background-color: var(--c-grey--trans--0);
margin-bottom: 0;
padding: 70px 20px 0;
}
.contents-holder-tt-2.padding {
background-color: #090909;
padding-top: 70px;
padding-bottom: 0;
}
.div-block-90 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: auto;
display: flex;
}
.div-block-90.padding {
margin-bottom: 40px;
}
.button-base-text-17 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-17.button2-2-text {
z-index: 3;
color: #161615;
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text-17.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text-17.button2-2-text.small.play-btn-ver-m {
display: none;
}
.button-base-text-17.button2-2-text.manrope {
font-family: Manrope, sans-serif;
font-size: 16px;
font-weight: 500;
}
.button-base-text-17.button2-2-text.manrope.euclid {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 400;
}
.button-base-text-17.button2-2-text.manrope.euclid:lang(ko) {
font-weight: 400;
}
.txt-box---line-small-3 {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #fff0;
border: 1px solid #909090;
border-radius: 30px;
flex-flow: row;
justify-content: flex-start;
align-self: center;
align-items: center;
width: auto;
height: 25px;
margin-bottom: 0;
padding-left: 10px;
padding-right: 10px;
font-size: 18px;
line-height: 1.2;
display: inline-block;
position: static;
overflow: hidden;
}
.txt-box---line-small-3:hover {
opacity: 1;
}
.button---sub-base-mask-4 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button---sub-base-mask-4:lang(ko) {
background-color: #227cff;
}
.button---sub-base-mask-4.play-btn-color {
background-color: #7435fc;
display: block;
}
.card-txt---tt-5 {
color: #f0f0f0;
text-align: left;
letter-spacing: -.5px;
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
width: auto;
min-width: auto;
padding-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 40px;
font-weight: 300;
line-height: 1.2;
display: block;
}
.card-txt---tt-5.center {
text-align: center;
}
.card-txt---sub-txt-5 {
grid-column-gap: 24px;
grid-row-gap: 24px;
display: flex;
}
.card-txt---sub-txt-5.temp, .tts-demo-code {
margin-bottom: 0;
}
.opacity-90 {
opacity: .6;
}
.code-embed-21 {
padding-top: 0;
}
.code-embed-22 {
height: auto;
}
.bd-604 {
color: #f0f0f0;
width: auto;
font-family: Manrope, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.1;
}
.bd-604.demo-subtt {
color: #767676;
font-size: 16px;
}
.bd-604.demo-subtt.euclid {
color: var(--c-grey--300);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.bd-604.demo-subtt.euclid:lang(ko) {
font-weight: 400;
}
.hero-video-homepage {
z-index: 1;
object-fit: cover;
border-radius: 0;
width: auto;
min-width: auto;
height: 100%;
min-height: auto;
position: relative;
}
.hero-video-wrap {
aspect-ratio: 1.82 / 1.01;
object-fit: cover;
border-radius: 0;
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
}
.hero-img-holder-2 {
background-color: #fff0;
height: 100%;
margin-bottom: 40px;
padding: 0;
position: relative;
}
.image-wrapper-bg-h1000-2 {
aspect-ratio: auto;
object-fit: cover;
background-color: #d3cbfa;
border-top-left-radius: 20px;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: block;
position: relative;
inset: auto;
}
.image-wrapper-bg-h1000-2.border {
border-top-left-radius: 0;
width: 100%;
height: 120%;
}
.image-wrapper-bg-h1000-2.border.cover {
aspect-ratio: auto;
object-fit: contain;
background-color: #fff0;
width: auto;
min-width: auto;
height: auto;
min-height: auto;
display: block;
overflow: visible;
}
.main-products-block-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
margin-top: 60px;
display: flex;
}
.fill-left-2 {
background-color: #227cff;
width: 52%;
position: absolute;
inset: -2% auto -2% -2%;
}
.main-products-div-v2 {
border: 1px #7d7d7d33;
border-radius: 0;
justify-content: space-between;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.background-video-homepage-2 {
z-index: 1;
border-radius: .5rem;
width: 100%;
height: 100%;
position: absolute;
}
.button-base-container-7 {
grid-column-gap: 21px;
grid-row-gap: 21px;
text-align: left;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.button-base-container-7.bottom-padding {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 20px;
padding-bottom: 0;
}
.fill-top-2 {
background-color: #227cff;
height: 52%;
position: absolute;
inset: -2% -2% auto;
}
.opacity-91 {
opacity: .6;
}
.arrow-15 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 10px;
height: 10px;
display: block;
position: relative;
}
.fill-bottom-2 {
background-color: #227cff;
height: 51%;
position: absolute;
inset: auto -2% -2%;
}
.button-base-9 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-9:hover {
opacity: 1;
}
.button-base-9.aligan {
flex-flow: wrap;
flex: 0 auto;
order: 1;
justify-content: center;
align-self: baseline;
align-items: center;
}
.button-base-9.aligan.color-rev {
background-color: #227cff;
height: 36px;
}
.button-base-9.aligan.color-rev.purple {
background-color: var(--c-secondary--play-sub);
}
.button-base-9.aligan.color-rev.green {
background-color: var(--play-secondary-color--green);
}
.button-base-9.aligan.color-rev.white {
background-color: var(--c-primary--bg);
}
.product---content-2 {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem;
flex-direction: column;
justify-content: center;
align-self: center;
align-items: flex-start;
width: 50%;
margin-top: 5rem;
margin-bottom: 5rem;
margin-left: 0;
padding-right: 4rem;
display: flex;
}
.button-base-mask-7 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button-base-mask-7:lang(ko) {
background-color: #227cff;
}
.button-base-mask-7.color-rev {
background-color: #f0f0f0;
}
.button-base-mask-7.color-rev.purple {
background-color: var(--c-secondary--play-sub);
inset: -1%;
}
.button---main-base-4 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button---main-base-4:hover {
opacity: 1;
}
.button---main-base-4.play-btn-color {
background-color: #94fb4d;
padding-left: 20px;
padding-right: 20px;
}
.button---main-base-4.play-btn-color.wide-100 {
justify-content: center;
align-items: flex-end;
width: 100%;
}
.template-component-homepage-2 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
}
.fill-right-2 {
background-color: #227cff;
width: 52%;
position: absolute;
inset: -2% -2% -2% auto;
}
.secondary-button-2 {
z-index: 5;
color: #227cff;
font-family: Manrope, sans-serif;
line-height: 1;
font-size: clamp(.875rem, var(--text-size--small), .975rem);
background-color: #0000;
padding-top: 1.2rem;
padding-bottom: 1.2rem;
transition-property: all;
transition-duration: .25s;
transition-timing-function: ease;
position: relative;
}
.secondary-button-2:hover {
opacity: .8;
transform: translate(0, 2px);
}
.secondary-button-2.euclid {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.max-width-50ch-2 {
color: #444;
max-width: 50ch;
font-family: Manrope, sans-serif;
}
.max-width-50ch-2:lang(ko) {
max-width: 44ch;
}
.cta-section-v3-2 {
background-color: #090909;
margin-bottom: 0;
padding: 20px 20px 0 0;
}
.div-block-91 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: auto;
display: flex;
}
.button-base-text-18 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-18.button2-2-text {
z-index: 3;
color: #161615;
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text-18.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text-18.button2-2-text.small.play-btn-ver-m {
display: none;
}
.button-base-text-18.button2-2-text.manrope {
font-family: Manrope, sans-serif;
font-size: 16px;
font-weight: 500;
}
.button-base-text-18.button2-2-text.manrope.euclid {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 400;
}
.product---image---content-2 {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem;
flex-direction: column;
align-self: center;
align-items: flex-start;
width: 50%;
height: 50%;
margin-top: 2rem;
margin-bottom: 2rem;
margin-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.text-size-regular-vw-2 {
color: #5d5d5d;
font-family: Manrope, sans-serif;
font-size: 16px;
}
.text-size-regular-vw-2.main-products-body {
font-size: 14px;
}
.text-size-regular-vw-2.main-products-body.euclid {
color: var(--c-grey--300);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 15px;
font-weight: 300;
}
.text-size-regular-vw-2.main-products-body.euclid:lang(ko) {
font-weight: 400;
}
.main-products-div-2 {
border: 1px #7d7d7d33;
border-radius: 0;
justify-content: space-between;
display: flex;
}
.product-image-2 {
vertical-align: middle;
object-fit: cover;
object-position: 0% 50%;
width: 100%;
height: 100%;
margin-left: 0;
margin-right: 0;
transition: opacity .3s, transform .3s;
display: inline-block;
position: static;
overflow: clip;
}
.product-image-2:hover {
opacity: .7;
transform: scale(.98);
}
.button---sub-base-mask-5 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button---sub-base-mask-5:lang(ko) {
background-color: #227cff;
}
.button---sub-base-mask-5.play-btn-color {
background-color: #7435fc;
display: block;
}
.wave-wrapper {
width: 100%;
height: 100%;
position: relative;
}
.wavy-img {
vertical-align: middle;
object-fit: cover;
object-position: 0% 50%;
width: 100%;
height: 100%;
margin-left: 0;
margin-right: 0;
transition: opacity .3s, transform .3s;
display: inline-block;
position: static;
overflow: clip;
}
.wavy-img:hover {
opacity: .7;
transform: scale(.98);
}
.content-img-holder-2 {
background-color: #fff0;
height: auto;
margin-bottom: 60px;
padding: 0;
}
.txt-block-section-2 {
z-index: 2;
background-color: #090909;
margin-top: 4em;
margin-bottom: 8em;
padding-left: 20px;
padding-right: 20px;
position: relative;
overflow: clip;
}
.opacity-92 {
opacity: .6;
}
.text-size-regular-vw-3 {
color: #5d5d5d;
font-family: Manrope, sans-serif;
font-size: 16px;
}
.text-size-regular-vw-3.main-products-body {
font-size: 14px;
}
.text-size-regular-vw-3.main-products-body.euclid {
color: var(--c-grey--400);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.text-size-regular-vw-3.main-products-body.euclid:lang(ko) {
font-weight: 400;
}
.bd-605 {
color: #f0f0f0;
width: auto;
font-family: Manrope, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.1;
}
.content-img-holder-3 {
background-color: #fff0;
width: 100%;
height: 100%;
margin-bottom: 60px;
padding: 0;
}
.opacity-93 {
opacity: .6;
}
.bd-606 {
color: #f0f0f0;
width: auto;
font-family: Manrope, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.1;
}
.bd-606.euclid {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.main-products-section-2co {
z-index: 2;
background-color: var(--c-grey--900);
padding-left: 20px;
padding-right: 20px;
position: relative;
overflow: clip;
}
.button-base-container-8 {
grid-column-gap: 21px;
grid-row-gap: 21px;
text-align: left;
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
width: 100%;
padding-top: 10px;
display: flex;
}
.button-base-container-8.business {
flex-flow: wrap;
padding-top: 0;
display: flex;
}
.button-base-container-8.spt-listen {
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
width: 65%;
padding-top: 0;
display: flex;
}
.we-work-with-logos-marquee {
margin-top: 2em;
margin-bottom: 2em;
}
.marquee-tt-box {
padding-left: 0;
}
.bd-607 {
color: #f0f0f0;
width: 100%;
font-family: Manrope, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.1;
}
.bd-607.body-txt {
color: #5d5d5d;
margin-top: 20px;
font-size: 14px;
}
.bd-607.body-txt.euclid {
color: var(--c-grey--400);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
line-height: 1.3;
}
.bd-607.product-tt {
font-size: 20px;
}
.bd-607.product-tt.euclid {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.background-video-homepage-3 {
z-index: 1;
border-radius: .5rem;
width: 100%;
height: 100%;
position: absolute;
}
.txt-base-box-3 {
z-index: 3;
color: #f0f0f0;
font-family: Manrope, sans-serif;
font-weight: 500;
position: relative;
}
.arrow-16 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 10px;
height: 10px;
display: block;
position: relative;
}
.button-base-10 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-10:hover {
opacity: 1;
}
.button-base-10.aligan {
flex-flow: wrap;
flex: 0 auto;
order: 1;
justify-content: center;
align-self: baseline;
align-items: center;
}
.button-base-10.aligan.color-rev {
background-color: #227cff;
}
.home-logo-left-gradient-2 {
background-image: linear-gradient(90deg, #090909, #fff0);
width: 10%;
position: absolute;
inset: 0% auto 0% 0%;
}
.home-logo-left-gradient-2.right {
background-image: linear-gradient(270deg, #090909, #fff0);
inset: 0% 0% 0% auto;
}
.button-base-mask-8 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button-base-mask-8:lang(ko) {
background-color: #227cff;
}
.button-base-mask-8.color-rev {
background-color: #f0f0f0;
}
.button-base-mask-8.color-rev.purple {
background-color: var(--c-secondary--play-sub);
inset: -1%;
}
.button-base-mask-8.manrope {
font-family: Manrope, sans-serif;
}
.button-base-mask-8.manrope.shift20, .button-base-mask-8.shift2-0 {
background-color: #f0f0f0;
bottom: -1%;
}
.home-page-cards-grid---2 {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 100%;
}
.bd-608 {
color: #f0f0f0;
width: 70%;
font-family: Manrope, sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 1.1;
}
.bd-608.color---super-blue {
color: #227cff;
line-height: 1;
}
.bd-608.color---super-blue.business {
width: 50%;
font-size: 20px;
}
.bd-608.color---super-blue.business.euclid {
width: auto;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 18px;
line-height: 1.2;
}
.bd-608.color---super-blue.business.euclid:lang(ko) {
text-align: right;
width: 60%;
font-weight: 400;
}
.bd-608.color---super-blue.business.euclid:lang(ja) {
font-size: 16px;
}
.bd-609 {
color: #f0f0f0;
width: 100%;
font-family: Manrope, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.1;
}
.bd-609.color-gray {
color: #5d5d5d;
margin-bottom: 4px;
}
.button-base-text-19 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-19.button2-2-text {
z-index: 3;
color: #161615;
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text-19.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text-19.button2-2-text.manrope {
font-family: Manrope, sans-serif;
font-size: 16px;
font-weight: 500;
}
.btn-tt-text-m-4 {
color: #f2fb41;
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
}
.btn-tt-text-m-4.btn-tt-color {
color: #f0f0f0;
font-family: Manrope, sans-serif;
font-size: 14px;
}
.image-45 {
border-radius: 10px;
margin-top: 20px;
padding-top: 0;
}
.image-45.listenpage {
width: 100%;
height: 96%;
margin-top: 0;
}
.button-base-container-9 {
grid-column-gap: 21px;
grid-row-gap: 21px;
text-align: left;
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
width: 100%;
padding-top: 10px;
display: flex;
}
.card-txt---tt-6 {
color: #f0f0f0;
text-align: left;
padding-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 1.2;
}
.products---sub-txt-4 {
color: #909090;
text-transform: none;
padding-top: 0;
padding-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 14px;
}
.products---sub-txt-4.euclid {
color: var(--c-grey--300);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.card-txt---sub-txt-box-5 {
min-height: 80px;
}
.movie-clip-grid---2-col-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
display: grid;
}
.movie-clip-main-section-2 {
background-color: #fff0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.arrow-17 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 10px;
height: 10px;
display: block;
position: relative;
}
.cta-section-2 {
background-color: #161615;
margin-bottom: 0;
padding: 40px 20px 0;
}
.cta-section-2.supertonelisten {
background-color: #fff0;
padding-top: 20px;
padding-left: 0;
}
.button-base-11 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-11:hover {
opacity: 1;
}
.button-base-11.aligan {
flex-flow: wrap;
flex: 0 auto;
order: 1;
justify-content: center;
align-self: baseline;
align-items: center;
}
.button-base-11.aligan.color-rev {
background-color: #227cff;
}
.showcase-txt-name-2 {
color: #f0f0f0;
letter-spacing: -1.5px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 30px;
font-weight: 300;
}
.showcase-txt-name-2:lang(ko) {
font-weight: 400;
}
.btn-tag-4 {
z-index: 1;
background-color: #fff0;
border: 1px solid #f0f0f0;
border-radius: 10px 0 0;
margin-right: auto;
padding: 5px 15px;
position: relative;
}
.btn-tag-4.btn-tag-color {
border-style: solid;
border-color: #fff;
padding-left: 10px;
padding-right: 10px;
}
.bd-610 {
color: #f0f0f0;
width: 70%;
font-family: Manrope, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 1.1;
}
.bd-610.spt-listen {
margin-top: 20px;
}
.bd-610.spt-listen.size {
font-size: 18px;
}
.bd-610.spt-listen.size.color {
color: #909090;
}
.bd-610.spt-listen.size.color.showcase {
width: 90%;
font-size: 16px;
}
.supertone-listen {
z-index: 1;
background-color: #fff0;
margin: 0;
padding: 0 20px 60px;
position: relative;
}
.button-base-text-20 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-20.button2-2-text {
z-index: 3;
color: #161615;
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text-20.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text-20.button2-2-text.small.play-btn-ver-m {
display: none;
}
.button-base-text-20.button2-2-text.manrope {
font-family: Manrope, sans-serif;
font-size: 16px;
font-weight: 500;
}
.button---sub-base-mask-6 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button---sub-base-mask-6:lang(ko) {
background-color: #227cff;
}
.button---sub-base-mask-6.play-btn-color {
background-color: #7435fc;
display: block;
}
.navbar-v2 {
z-index: 500;
background-color: var(--c-grey--trans--90-900);
width: 100%;
position: fixed;
inset: 0% 0% auto;
}
.nav--wrapper-5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
display: grid;
}
.txt-block-section-2---wht {
z-index: 2;
background-color: #090909;
margin-top: 0;
margin-bottom: 0;
padding: 60px 20px;
position: relative;
overflow: clip;
}
.txt-animation {
height: 75px;
}
.hero-img-holder-3 {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.hero-img-holder-3.mobile {
margin-left: 20px;
margin-right: 20px;
}
.main-body {
background-color: var(--c-primary--main);
}
.txt-animation-section {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
margin: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.txt-animation-section.padding {
grid-column-gap: 16px;
grid-row-gap: 16px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-left: 140px;
padding-right: 140px;
}
.txt-animation-section.padding.bottome {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.button-base-container-tt-2 {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 10px;
display: grid;
}
.button-base-container-tt-2.gap {
padding-top: 40px;
}
.button-base-container-tt-2.gap.bottom-margin, .button-base-container-tt-2.gap.bottom-margin-copy {
padding-bottom: 40px;
}
.button-base-container-tt-2.space {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 3fr 1fr;
padding-bottom: 20px;
}
.button-base-container-tt-2.space.flex {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto;
grid-template-columns: auto .25fr 1fr;
grid-auto-columns: 1fr;
place-items: center stretch;
padding-top: 0;
padding-bottom: 0;
display: grid;
}
.button-base-container-tt-3 {
flex-flow: column;
display: flex;
}
.contents-hero-holder-tt-3 {
flex-flow: column;
margin-bottom: 10px;
display: flex;
}
.button-base-container-tt-4 {
flex-flow: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.tt-sub-txt-block-6 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.e-commerce-registration {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.e-commerce-registration.manrope {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: wrap;
width: auto;
padding-bottom: 40px;
overflow: hidden;
}
.e-commerce-registration.manrope.padding {
padding-bottom: 0;
}
.small-text-9 {
color: var(--c-grey--300);
text-align: right;
margin-right: 20px;
font-family: Manrope, sans-serif;
font-size: 12px;
font-weight: 500;
}
.small-text-9.dropdown-subtext {
color: #999;
line-height: 1.4;
}
.small-text-9.white {
color: var(--c-primary--bg);
}
.small-text-9.white.manrope.gray {
color: var(--c-grey--300);
font-weight: 300;
}
.text-span-132 {
font-weight: 300;
}
.e-commerce-registration-section {
grid-column-gap: 0px;
grid-row-gap: 40px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1.75fr minmax(auto, 1fr);
align-items: flex-start;
padding-bottom: 60px;
display: flex;
}
.er-box {
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.er-box._80 {
width: 80%;
}
.txt-box-body {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
padding-left: 0;
display: flex;
}
.txt-box-body.enterprise {
min-height: 250px;
padding-left: 0;
}
.txt-box-body.minimum-height {
min-height: auto;
}
.txt-box-body-block.transparent {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.txt-box-body-block.bottom-padidng {
padding-top: 20px;
padding-bottom: 40px;
}
.txt-box-body-block.bottom-padidng.paddding {
padding-top: 60px;
}
.txt-box-heading-wrapper {
grid-column-gap: 41px;
grid-row-gap: 41px;
flex-direction: column;
grid-template-rows: 70px;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
height: 100%;
margin-top: 0;
display: grid;
}
.txt-box-heading-wrapper.grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.txt-box-heading-wrapper.shift {
height: auto;
}
.txt-box-heading-wrapper.benefits {
display: block;
}
.button-base-container-apply {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.button-base-container-apply.gap.bottom-margin, .button-base-container-apply.gap.bottom-margin-copy {
padding-bottom: 40px;
}
.button-base-container-apply.gap.api-setting {
justify-content: flex-end;
align-items: flex-end;
}
.button-base-container-apply.gap.api-setting.gap {
padding-top: 10px;
}
.button-base-container-apply.gap {
padding-top: 40px;
}
.campaign-feature-section {
background-color: #fff0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.campaign-toggle-container {
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.biz-page-content {
position: static;
}
.biz-hero-wrapper {
z-index: 1;
margin-bottom: -80vh;
position: relative;
}
.biz-hero-wrapper.content {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.biz-hero-wrapper.play {
margin-bottom: 0;
}
.biz-hero-wrapper.biz-content {
z-index: auto;
margin-bottom: 0;
}
.biz-service-hero-section {
background-color: var(--c-grey--900);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: static;
top: 0;
overflow: hidden;
}
.biz-service-hero-section.black {
margin-bottom: 0;
}
.marquee_wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: center;
margin-top: 1rem;
display: flex;
position: relative;
overflow: hidden;
}
.marquee_wrapper.bottom {
margin-top: -2rem;
}
.home-logo-wrapper-v2 {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
justify-content: flex-start;
align-items: center;
margin-top: 1rem;
display: flex;
position: relative;
overflow: hidden;
}
.home-logo-wrapper-v2.bottom {
margin-top: -2rem;
}
.we-work-with-logos-marquee-v2 {
margin-top: 2em;
margin-bottom: 2em;
}
.clients-grid-v2 {
grid-column-gap: 30px;
grid-row-gap: 0px;
opacity: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.clients-grid-v2.logo-animate-alt {
grid-column-gap: 3rem;
flex: none;
width: 100rem;
margin-top: 0;
margin-left: 0;
margin-right: auto;
display: flex;
}
.clients-grid-v2.logo-animate {
grid-column-gap: 3rem;
opacity: 1;
flex: none;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 120rem;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
display: flex;
}
.clients-grid-v2.logo-animate.business-width {
width: 160rem;
}
.clients-grid-v2.logo-animate.main-width {
width: 150rem;
}
.clients-grid-copy {
grid-column-gap: 30px;
grid-row-gap: 0px;
opacity: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.clients-grid-copy.logo-animate-alt {
grid-column-gap: 3rem;
flex: none;
width: 100rem;
margin-top: 0;
margin-left: 0;
margin-right: auto;
display: flex;
}
.clients-grid-copy.logo-animate {
grid-column-gap: 3rem;
opacity: 1;
flex: none;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 120rem;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
display: flex;
}
.clients-grid-copy.logo-animate.business-width {
width: 150rem;
}
.clients-grid-v3 {
grid-column-gap: 30px;
grid-row-gap: 0px;
opacity: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.clients-grid-v3.logo-animate-alt {
grid-column-gap: 3rem;
flex: none;
width: 100rem;
margin-top: 0;
margin-left: 0;
margin-right: auto;
display: flex;
}
.clients-grid-v3.logo-animate {
grid-column-gap: 3rem;
opacity: 1;
flex: none;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 120rem;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
display: flex;
}
.clients-grid-v3.logo-animate.business-width {
width: 150rem;
}
.clients-grid-v3.logo-animate.main-width {
width: 145rem;
}
.our-approach-grid-10 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
justify-content: stretch;
width: 70%;
margin-top: 40px;
margin-left: 0;
}
.approach-wrapper-9 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 40px;
display: flex;
}
.text-span-133 {
color: #64ffbc;
font-family: Manrope, sans-serif;
}
.text-span-134 {
color: #64ffbc;
}
.service-feature-4 {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #dbdbdb;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
width: 100%;
max-width: 320px;
padding: 20px;
display: flex;
}
.service-feature-4.promotion {
background-color: #91f758;
}
.service-feature-4.promotion-none {
background-color: #444;
}
.service-feature-4.regular {
background-color: #202020;
flex-flow: column;
max-width: none;
}
.text-span-135 {
color: #909090;
font-family: Manrope, sans-serif;
font-size: 14px;
text-decoration: line-through;
}
.text-span-136 {
color: #909090;
font-size: 14px;
}
.text-span-136.padding {
padding-left: 3px;
font-family: Manrope, sans-serif;
}
.button-txt-base-5 {
z-index: 3;
color: #161615;
font-family: Manrope, sans-serif;
font-weight: 500;
position: relative;
}
.button-txt-base-5.pricing-txt {
font-size: 16px;
}
.button---sub-base-mask-7 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button---sub-base-mask-7:lang(ko) {
background-color: #227cff;
}
.button---sub-base-mask-7.play-btn-color {
background-color: #7435fc;
display: block;
}
.pricing-wrapper-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template: "Area" 1fr
/ 1.25fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center;
padding-top: 40px;
padding-bottom: 80px;
display: grid;
}
.text-span-137 {
color: #909090;
font-family: Manrope, sans-serif;
font-size: 20px;
text-decoration: line-through;
position: relative;
}
.brands-wrap-5 {
display: flex;
}
.button-type-a-3 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #161615;
text-align: left;
background-color: #f0f0f0;
border: 0 solid #000;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 40px;
padding-left: 40px;
padding-right: 40px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-type-a-3:hover {
opacity: 1;
}
.text-block-13 {
font-size: 18px;
}
.text-span-63---g-2 {
color: #909090;
font-size: 12px;
}
.button-base-text-21 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-21.button2-2-text {
z-index: 3;
color: #161615;
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text-21.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text-21.button2-2-text.small.play-btn-ver-m {
display: none;
}
.text-span-138 {
color: #fff0;
}
.brand-div-11 {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 60px;
padding: 10px 20px;
display: flex;
}
.pricing-txt-body-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
min-height: 380px;
padding-left: 0;
display: flex;
}
.pricing-txt-body-2.enterprise {
min-height: 250px;
padding-left: 0;
}
.text-span-139 {
font-size: 14px;
}
.text-span-139.g-txt {
color: #909090;
}
.text-span---new-2 {
color: #94fb4d;
white-space: normal;
vertical-align: text-top;
font-size: 8px;
text-decoration: none;
}
.underline-8 {
transform-origin: 0%;
background-color: #767676;
width: 100%;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
}
.underline-8.white {
background-color: #f0f0f0;
margin-bottom: 20px;
}
.underline-8.dark-green {
background-color: #11594f;
}
.underline-8.green {
background-color: #11594f;
margin-top: 10px;
}
.button-mask-type-a-3 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.hl-box-wrapper-3 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #161615;
text-align: left;
background-color: #7435fc;
border: 0 solid #000;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
height: auto;
padding: 4px 10px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.hl-box-wrapper-3:hover {
opacity: 1;
}
.arrow-18, .arrow-19 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 14px;
height: 14px;
display: block;
position: relative;
}
.text-span-140 {
font-weight: 300;
}
.text-span-140:lang(ko) {
font-weight: 400;
}
.play-service-hero-section-base-4 {
background-color: #fff0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.play-service-hero-section-base-4.play {
height: auto;
}
.text-span-141 {
color: #64ffbc;
font-size: 20px;
}
.button---main-base-big-btn-3 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button---main-base-big-btn-3:hover {
opacity: 1;
}
.button---main-base-big-btn-3.play-btn-color {
background-color: #91f758;
border-radius: 40px;
justify-content: center;
align-items: center;
height: 80px;
}
.image-46 {
order: 0;
width: 30%;
padding-top: 20px;
display: block;
}
.image-46.mobile {
width: 50%;
}
.toggle-txt-3 {
color: #f0f0f0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 17px;
}
.toggle-txt-3.play-color {
color: #91f758;
}
.feature-heading-wrapper-2 {
grid-column-gap: 41px;
grid-row-gap: 41px;
flex-direction: column;
grid-template-rows: 70px 40px minmax(120px, 1fr) auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
height: 100%;
margin-top: 0;
display: grid;
}
.feature-heading-wrapper-2.grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.play-pricing-250719 {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.play-pricing-250719.bg-black {
background-color: #161615;
margin-top: 140px;
overflow: hidden;
}
.play-pricing-250719.bg-black.padding {
margin-top: 100px;
margin-bottom: 0;
}
.services-hero-grid-14 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 40px;
padding-bottom: 0;
}
.services-hero-grid-14.gap {
grid-template-columns: 1.75fr .25fr 1fr;
padding-top: 20px;
}
.pricing-feature-section-3 {
background-color: #fff0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.text-span-142 {
font-size: 12px;
}
.text-span-143 {
color: #fff0;
}
.grey-7 {
color: #a9a9a9;
}
.grey-7.x {
text-decoration: line-through;
}
.grey-7.large {
font-size: 30px;
}
.grey-7.dark {
color: #5d5d5d;
}
.grey-7.dark.small {
font-size: 16px;
}
.button-txt-base-6 {
z-index: 3;
color: #161615;
position: relative;
}
.button-txt-base-6.play-go-try-btn {
font-size: 26px;
}
.play-obt-ection-title-wrap-2 {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 20px;
display: flex;
}
.base-text-31 {
color: #11594f;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
}
.base-text-31.button4-text {
z-index: 3;
color: #161615;
font-size: 20px;
position: relative;
}
.switch-3 {
cursor: pointer;
background-color: #7435fc;
border-radius: 20px;
align-items: center;
width: 50px;
height: 25px;
padding: 3px;
display: flex;
}
.div-block-92 {
justify-content: space-between;
display: flex;
}
.button-base-text-22 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-22.button2-2-text {
z-index: 3;
color: #161615;
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text-22.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text-22.button2-2-text.small.play-btn-ver-m {
display: none;
}
.base-text-32 {
color: #f5f5ef;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
font-family: Bdogrotesk;
font-size: 18px;
line-height: 1.3;
}
.button---sub-base-mask-8 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button---sub-base-mask-8:lang(ko) {
background-color: #227cff;
}
.button---sub-base-mask-8.play-btn-color {
background-color: #7435fc;
display: block;
}
.button-base-banner-5 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #94fb4d;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-banner-5:hover {
opacity: 1;
}
.button-base-banner-5.bi {
background-color: #f0f0f0;
height: 36px;
}
.banner-txt-tt-tcc-2 {
color: #f0f0f0;
text-align: left;
width: 100%;
padding-bottom: 0;
font-family: Bdogrotesk;
font-size: 18px;
font-weight: 400;
line-height: 1.2;
}
.banner-txt-tt-tcc-2.white {
color: #f0f0f0;
}
.image-47 {
border-top-left-radius: 20px;
}
.business-inquiry-bnr-2 {
background-color: #fff0;
width: 100%;
margin-bottom: 0;
padding: 0 20px 20px;
display: none;
}
.business-inquiry-bnr-2.business-inquiry-bnr-setup {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.business-inquiry-bnr-2.business-inquiry-bnr-setup.mobile.main {
width: auto;
height: auto;
min-height: auto;
margin-top: 40px;
}
.banner-container-bi-2 {
background-color: var(--c-grey--700);
cursor: pointer;
border-radius: 30px 0 0;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 0;
padding: 20px 40px;
display: flex;
position: static;
}
.banner-title-tcc-2 {
z-index: 1;
background-color: #fff0;
border: 1px solid #f0f0f0;
border-radius: 10px 0 0;
margin-right: auto;
padding: 5px 15px;
position: relative;
}
.banner-title-tcc-2.white-border {
border-style: none;
}
.arrow-20 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 14px;
height: 14px;
display: block;
position: relative;
}
.banner-txt-body-tcc-2 {
z-index: 1;
justify-content: space-between;
display: none;
position: relative;
}
.bib-2 {
width: 100%;
height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-mask-9 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: -1%;
}
.button-base-mask-9:lang(ko) {
background-color: #227cff;
}
.button-base-text-23 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-23.ssmall.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
}
.button-base-text-23.ssmall.manrope:lang(ko) {
font-weight: 400;
}
.arrow-box {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: row;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding-top: 0;
display: flex;
}
.arrow-box.gap {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
margin-bottom: 20px;
padding-top: 0;
position: absolute;
inset: auto 0% 0%;
}
.arrow-box.product-page-hide-option {
flex-flow: wrap;
justify-content: flex-end;
align-items: flex-start;
display: block;
}
.image-48 {
width: 22px;
}
.banner-container-bi-ver2 {
background-color: var(--c-grey--700);
cursor: pointer;
border-radius: 30px 0 0;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 0;
padding: 20px 40px;
display: flex;
position: static;
}
.banner-container-bi-ver2._2 {
background-color: var(--c-secondary--pink);
}
.banner-container-bi-ver2._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
}
.banner-container-bi-ver2._1 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1aba_Shift_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-container-bi-ver2._1:hover {
opacity: 1;
}
.banner-container-bi-ver2.p {
background-color: var(--c-secondary--sky-blue);
border-radius: 20px 0 0;
}
.banner-container-bi-ver2.c {
background-color: var(--play-secondary-color--green);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.banner-container-bi-ver2._2 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1ac0_Play_H_v02-5%203.gif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-container-bi-ver2._2:hover {
opacity: 1;
}
.banner-container-bi-ver2._3 {
background-color: var(--c-secondary--pink);
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1abf_Clear_MB_v02.avif");
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 20px;
}
.banner-container-bi-ver2._3:hover {
opacity: 1;
}
.link-18, .link-19 {
color: var(--c-grey--300);
}
.our-approach-grid-11 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
justify-content: stretch;
width: 70%;
margin-top: 40px;
margin-left: 0;
}
.approach-wrapper-10 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 40px;
display: flex;
}
.text-span-144, .text-span-145 {
color: #64ffbc;
}
.text-span-146 {
font-size: 20px;
}
.text-span-147 {
color: #909090;
font-size: 14px;
text-decoration: line-through;
}
.text-span-148 {
color: #909090;
font-size: 14px;
}
.text-span-148.padding {
padding-left: 3px;
}
.button-txt-base-7 {
z-index: 3;
color: #161615;
font-family: Manrope, sans-serif;
font-weight: 500;
position: relative;
}
.button-txt-base-7.pricing-txt {
font-size: 16px;
}
.button---sub-base-mask-9 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button---sub-base-mask-9:lang(ko) {
background-color: #227cff;
}
.button---sub-base-mask-9.play-btn-color {
background-color: #7435fc;
display: block;
}
.text-span-149 {
color: #909090;
font-size: 20px;
text-decoration: line-through;
position: relative;
}
.brands-wrap-6 {
display: flex;
}
.button-type-a-4 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #161615;
text-align: left;
background-color: #f0f0f0;
border: 0 solid #000;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 40px;
padding-left: 40px;
padding-right: 40px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-type-a-4:hover {
opacity: 1;
}
.text-block-14 {
font-size: 18px;
}
.play-obt-ection-title-wrap-3 {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 20px;
display: flex;
}
.text-span-63---g-3 {
color: #909090;
font-size: 12px;
}
.button-base-text-24 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-24.button2-2-text {
z-index: 3;
color: #161615;
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text-24.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text-24.button2-2-text.small.play-btn-ver-m {
display: none;
}
.text-span-150 {
color: #fff0;
}
.brand-div-12 {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 60px;
padding: 10px 20px;
display: flex;
}
.text-span-151 {
font-size: 14px;
}
.text-span-151.g-txt {
color: #909090;
}
.underline-9 {
transform-origin: 0%;
background-color: #767676;
width: 100%;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
}
.underline-9.white {
background-color: #f0f0f0;
margin-bottom: 20px;
}
.underline-9.dark-green {
background-color: #11594f;
}
.underline-9.green {
background-color: #11594f;
margin-top: 10px;
}
.button-mask-type-a-4 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.hl-box-wrapper-4 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #161615;
text-align: left;
background-color: #7435fc;
border: 0 solid #000;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
height: auto;
padding: 4px 10px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.hl-box-wrapper-4:hover {
opacity: 1;
}
.arrow-21 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 14px;
height: 14px;
display: block;
position: relative;
}
.text-span-152 {
font-weight: 300;
}
.text-span-152:lang(ko) {
font-weight: 400;
}
.play-service-hero-section-base-5 {
background-color: #fff0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.play-service-hero-section-base-5.play {
height: auto;
}
.text-span-153 {
color: #64ffbc;
font-size: 20px;
}
.button---main-base-big-btn-4 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button---main-base-big-btn-4:hover {
opacity: 1;
}
.button---main-base-big-btn-4.play-btn-color {
background-color: #91f758;
border-radius: 40px;
justify-content: center;
align-items: center;
height: 80px;
}
.image-49 {
order: 0;
width: 30%;
padding-top: 20px;
display: block;
}
.image-49.mobile {
width: 50%;
}
.play-pricing-v4 {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.play-pricing-v4.bg-black {
background-color: #161615;
margin-top: 140px;
overflow: hidden;
}
.play-pricing-v4.bg-black.padding {
margin-top: 100px;
margin-bottom: 0;
}
.services-hero-grid-15 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 40px;
padding-bottom: 0;
}
.services-hero-grid-15.gap {
grid-template-columns: 1.75fr .25fr 1fr;
padding-top: 20px;
}
.pricing-feature-section-4 {
background-color: #fff0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.text-span-154 {
font-size: 12px;
}
.switch-4 {
cursor: pointer;
background-color: #227cff;
border-radius: 20px;
align-items: center;
width: 50px;
height: 25px;
padding: 3px;
display: flex;
}
.text-span-155 {
color: #fff0;
}
.grey-8 {
color: #a9a9a9;
}
.grey-8.x {
text-decoration: line-through;
}
.grey-8.large {
font-size: 30px;
}
.grey-8.dark {
color: #5d5d5d;
}
.grey-8.dark.small {
font-size: 16px;
}
.button-txt-base-8 {
z-index: 3;
color: #161615;
position: relative;
}
.button-txt-base-8.play-go-try-btn {
font-size: 26px;
}
.base-text-33 {
color: #11594f;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
}
.base-text-33.button4-text {
z-index: 3;
color: #161615;
font-size: 20px;
position: relative;
}
.div-block-93 {
justify-content: space-between;
display: flex;
}
.button-base-text-25 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-25.button2-2-text {
z-index: 3;
color: #161615;
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text-25.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text-25.button2-2-text.small.play-btn-ver-m {
display: none;
}
.base-text-34 {
color: #f5f5ef;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
font-size: 18px;
line-height: 1.3;
}
.button---sub-base-mask-10 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button---sub-base-mask-10:lang(ko) {
background-color: #227cff;
}
.button---sub-base-mask-10.play-btn-color {
background-color: #7435fc;
display: block;
}
.play-pricing-v3 {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.play-pricing-v3.bg-black {
background-color: #161615;
margin-top: 140px;
overflow: hidden;
}
.play-pricing-v3.bg-black.padding {
margin-top: 100px;
margin-bottom: 0;
}
.our-approach-grid-12 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
justify-content: stretch;
width: 70%;
margin-top: 40px;
margin-left: 0;
}
.approach-wrapper-11 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 40px;
display: flex;
}
.text-span-156, .text-span-157 {
color: #64ffbc;
}
.text-span-158 {
color: #909090;
font-size: 14px;
text-decoration: line-through;
}
.text-span-159 {
color: #909090;
font-size: 14px;
}
.text-span-159.padding {
padding-left: 3px;
}
.button-txt-base-9 {
z-index: 3;
color: #161615;
font-family: Manrope, sans-serif;
font-weight: 500;
position: relative;
}
.button-txt-base-9.pricing-txt {
font-size: 16px;
}
.button---sub-base-mask-11 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button---sub-base-mask-11:lang(ko) {
background-color: #227cff;
}
.button---sub-base-mask-11.play-btn-color {
background-color: #7435fc;
display: block;
}
.text-span-160 {
color: #909090;
font-size: 20px;
text-decoration: line-through;
position: relative;
}
.brands-wrap-7 {
display: flex;
}
.button-type-a-5 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #161615;
text-align: left;
background-color: #f0f0f0;
border: 0 solid #000;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 40px;
padding-left: 40px;
padding-right: 40px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-type-a-5:hover {
opacity: 1;
}
.button-base-text-26 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-26.button2-2-text {
z-index: 3;
color: #161615;
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text-26.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text-26.button2-2-text.small.play-btn-ver-m {
display: none;
}
.text-span-161 {
color: #fff0;
}
.brand-div-13 {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 60px;
padding: 10px 20px;
display: flex;
}
.text-span-162 {
font-size: 14px;
}
.text-span-162.g-txt {
color: #909090;
}
.underline-10 {
transform-origin: 0%;
background-color: #767676;
width: 100%;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
}
.underline-10.white {
background-color: #f0f0f0;
margin-bottom: 20px;
}
.underline-10.dark-green {
background-color: #11594f;
}
.underline-10.green {
background-color: #11594f;
margin-top: 10px;
}
.button-mask-type-a-5 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.hl-box-wrapper-5 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #161615;
text-align: left;
background-color: #7435fc;
border: 0 solid #000;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
height: auto;
padding: 4px 10px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.hl-box-wrapper-5:hover {
opacity: 1;
}
.arrow-22 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 14px;
height: 14px;
display: block;
position: relative;
}
.text-span-163 {
font-weight: 300;
}
.text-span-163:lang(ko) {
font-weight: 400;
}
.play-service-hero-section-base-6 {
background-color: #fff0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.play-service-hero-section-base-6.play {
height: auto;
}
.text-span-164 {
color: #64ffbc;
font-size: 20px;
}
.button---main-base-big-btn-5 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button---main-base-big-btn-5:hover {
opacity: 1;
}
.button---main-base-big-btn-5.play-btn-color {
background-color: #91f758;
border-radius: 40px;
justify-content: center;
align-items: center;
height: 80px;
}
.image-50 {
order: 0;
width: 30%;
padding-top: 20px;
display: block;
}
.image-50.mobile {
width: 50%;
}
.services-hero-grid-16 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 40px;
padding-bottom: 0;
}
.services-hero-grid-16.gap {
grid-template-columns: 1.75fr .25fr 1fr;
padding-top: 20px;
}
.text-span-165 {
font-size: 12px;
}
.text-span-166 {
color: #fff0;
}
.grey-9 {
color: #a9a9a9;
}
.grey-9.x {
text-decoration: line-through;
}
.grey-9.large {
font-size: 30px;
}
.grey-9.dark {
color: #5d5d5d;
}
.grey-9.dark.small {
font-size: 16px;
}
.button-txt-base-10 {
z-index: 3;
color: #161615;
position: relative;
}
.button-txt-base-10.play-go-try-btn {
font-size: 26px;
}
.base-text-35 {
color: #11594f;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
}
.base-text-35.button4-text {
z-index: 3;
color: #161615;
font-size: 20px;
position: relative;
}
.div-block-94 {
justify-content: space-between;
display: flex;
}
.button-base-text-27 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-27.button2-2-text {
z-index: 3;
color: #161615;
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text-27.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text-27.button2-2-text.small.play-btn-ver-m {
display: none;
}
.base-text-36 {
color: #f5f5ef;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
font-size: 18px;
line-height: 1.3;
}
.button---sub-base-mask-12 {
z-index: 2;
color: #161615;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button---sub-base-mask-12:lang(ko) {
background-color: #227cff;
}
.button---sub-base-mask-12.play-btn-color {
background-color: #7435fc;
display: block;
}
.our-approach-grid-13 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
justify-content: stretch;
width: 70%;
margin-top: 40px;
margin-left: 0;
}
.approach-wrapper-12 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 40px;
display: flex;
}
.text-span-167, .text-span-168 {
color: #64ffbc;
}
.text-span-169 {
color: #909090;
font-size: 14px;
text-decoration: line-through;
}
.text-span-170 {
color: #909090;
font-size: 14px;
}
.text-span-170.padding {
padding-left: 3px;
}
.text-span-171 {
color: #909090;
font-size: 20px;
text-decoration: line-through;
position: relative;
}
.brands-wrap-8 {
display: flex;
}
.button-type-a-6 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #161615;
text-align: left;
background-color: #f0f0f0;
border: 0 solid #000;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 40px;
padding-left: 40px;
padding-right: 40px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-type-a-6:hover {
opacity: 1;
}
.button-base-text-28 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-28.button2-2-text {
z-index: 3;
color: #161615;
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text-28.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text-28.button2-2-text.small.play-btn-ver-m {
display: none;
}
.text-span-172 {
color: #fff0;
}
.brand-div-14 {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 60px;
padding: 10px 20px;
display: flex;
}
.text-span-173 {
font-size: 14px;
}
.text-span-173.g-txt {
color: #909090;
}
.arrow-23 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 14px;
height: 14px;
display: block;
position: relative;
}
.text-span-174 {
font-weight: 300;
}
.text-span-174:lang(ko) {
font-weight: 400;
}
.play-service-hero-section-base-7 {
background-color: #fff0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.play-service-hero-section-base-7.play {
height: auto;
}
.text-span-175 {
color: #64ffbc;
font-size: 20px;
}
.button---main-base-big-btn-6 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button---main-base-big-btn-6:hover {
opacity: 1;
}
.button---main-base-big-btn-6.play-btn-color {
background-color: #91f758;
border-radius: 40px;
justify-content: center;
align-items: center;
height: 80px;
}
.image-51 {
order: 0;
width: 30%;
padding-top: 20px;
display: block;
}
.image-51.mobile {
width: 50%;
}
.play-pricing-250722 {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.play-pricing-250722.bg-black {
background-color: #161615;
margin-top: 140px;
overflow: hidden;
}
.play-pricing-250722.bg-black.padding {
margin-top: 100px;
margin-bottom: 0;
}
.services-hero-grid-17 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 40px;
padding-bottom: 0;
}
.services-hero-grid-17.gap {
grid-template-columns: 1.75fr .25fr 1fr;
padding-top: 20px;
}
.text-span-176 {
font-size: 12px;
}
.text-span-177 {
color: #fff0;
}
.grey-10 {
color: #a9a9a9;
}
.grey-10.x {
text-decoration: line-through;
}
.grey-10.large {
font-size: 30px;
}
.grey-10.dark {
color: #5d5d5d;
}
.grey-10.dark.small {
font-size: 16px;
}
.button-txt-base-11 {
z-index: 3;
color: #161615;
position: relative;
}
.button-txt-base-11.play-go-try-btn {
font-size: 26px;
}
.base-text-37 {
color: #11594f;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
}
.base-text-37.button4-text {
z-index: 3;
color: #161615;
font-size: 20px;
position: relative;
}
.div-block-95 {
justify-content: space-between;
display: flex;
}
.button-base-text-29 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-29.button2-2-text {
z-index: 3;
color: #161615;
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text-29.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text-29.button2-2-text.small.play-btn-ver-m {
display: none;
}
.base-text-38 {
color: #f5f5ef;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
font-size: 18px;
line-height: 1.3;
}
.our-approach-grid-14 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
justify-content: stretch;
width: 70%;
margin-top: 40px;
margin-left: 0;
}
.approach-wrapper-13 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 40px;
display: flex;
}
.text-span-178, .text-span-179 {
color: #64ffbc;
}
.text-span-180 {
color: #909090;
font-size: 14px;
text-decoration: line-through;
}
.text-span-181 {
color: #909090;
font-size: 14px;
}
.text-span-181.padding {
padding-left: 3px;
}
.button-txt-base-12 {
z-index: 3;
color: #161615;
font-family: Manrope, sans-serif;
font-weight: 500;
position: relative;
}
.button-txt-base-12.pricing-txt {
font-size: 16px;
}
.button-base-text-30 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-30.button2-2-text {
z-index: 3;
color: #161615;
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text-30.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text-30.button2-2-text.small.play-btn-ver-m {
display: none;
}
.text-span-182 {
color: #fff0;
}
.brand-div-15 {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 60px;
padding: 10px 20px;
display: flex;
}
.text-span-183 {
font-size: 14px;
}
.text-span-183.g-txt {
color: #909090;
}
.arrow-24 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 14px;
height: 14px;
display: block;
position: relative;
}
.text-span-184 {
font-weight: 300;
}
.text-span-184:lang(ko) {
font-weight: 400;
}
.play-service-hero-section-base-8 {
background-color: #fff0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.play-service-hero-section-base-8.play {
height: auto;
}
.text-span-185 {
color: #64ffbc;
font-size: 20px;
}
.button---main-base-big-btn-7 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button---main-base-big-btn-7:hover {
opacity: 1;
}
.button---main-base-big-btn-7.play-btn-color {
background-color: #91f758;
border-radius: 40px;
justify-content: center;
align-items: center;
height: 80px;
}
.image-52 {
order: 0;
width: 30%;
padding-top: 20px;
display: block;
}
.image-52.mobile {
width: 50%;
}
.play-pricing-250723 {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.play-pricing-250723.bg-black {
background-color: #161615;
margin-top: 140px;
overflow: hidden;
}
.play-pricing-250723.bg-black.padding {
margin-top: 100px;
margin-bottom: 0;
}
.services-hero-grid-18 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 40px;
padding-bottom: 0;
}
.services-hero-grid-18.gap {
grid-template-columns: 1.75fr .25fr 1fr;
padding-top: 20px;
}
.text-span-186 {
font-size: 12px;
}
.text-span-187 {
color: #fff0;
}
.base-text-39 {
color: #11594f;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
}
.base-text-39.button4-text {
z-index: 3;
color: #161615;
font-size: 20px;
position: relative;
}
.div-block-96 {
justify-content: space-between;
display: flex;
}
.button-base-text-31 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-31.button2-2-text {
z-index: 3;
color: #161615;
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text-31.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text-31.button2-2-text.small.play-btn-ver-m {
display: none;
}
.base-text-40 {
color: #f5f5ef;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
font-size: 18px;
line-height: 1.3;
}
.navbar-3 {
display: none;
}
.bold-text-5 {
font-weight: 700;
}
.bold-text-5:lang(ko) {
font-weight: 400;
}
.cta-txt-section {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
height: auto;
min-height: 86px;
display: flex;
}
.cta-txt-section.padding {
margin-bottom: 40px;
}
.cta-txt-section.size {
min-height: 40px;
}
.tt-01 {
color: var(--c-primary--bg);
letter-spacing: -.3px;
margin-bottom: 10px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 34px;
font-weight: 300;
}
.tt-01.partners-color {
color: var(--c-secondary--pink);
text-align: left;
font-size: 32px;
}
.tt-01.partners-color.partners {
text-align: center;
margin-top: 10px;
}
.tt-01.partners-color.partners.left-align {
text-align: left;
}
.tt-01.partners-color.partners.left-align.notice-color {
color: var(--c-grey--300);
}
.tt-sub-01 {
color: var(--c-primary--bg);
letter-spacing: -.3px;
margin-bottom: 10px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 24px;
font-weight: 300;
}
.tt-sub-01.partners-color {
color: var(--c-secondary--pink);
font-size: 22px;
}
.tt-sub-01.partners-color:lang(ko) {
font-weight: 400;
}
.tt-sub-01.partners-color:lang(ja) {
font-weight: 500;
}
.tt-box {
margin-bottom: 40px;
}
.product-txt-name-v03 {
color: #f0f0f0;
letter-spacing: -1.5px;
width: auto;
min-width: 0%;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 56px;
display: block;
}
.product-txt-name-v03:lang(ko) {
font-weight: 400;
}
.product-txt-name-v03.euclid {
letter-spacing: -1.5px;
min-width: auto;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.card-title-small {
color: var(--c-primary--bg);
margin-top: 0;
margin-bottom: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 12px;
}
.card-title-small.large {
font-size: 24px;
line-height: 1;
}
.card-title-small.blue.small.sale-color {
color: var(--c-primary--main);
}
.card-title-small.blue.small.sale-color.sale-color-2 {
color: var(--c-primary--blue-500);
}
.card-title-small.play-sub-color, .card-title-small.play-demo-sub-tt {
font-size: 22px;
}
.card-title-small.manrope {
font-family: Manrope, sans-serif;
}
.card-title-small.api-color {
color: var(--c-secondary--api-green);
}
.card-title-small.blue.small {
color: var(--c-primary--bg);
font-size: 13px;
}
.card-title-small.blue {
color: #227cff;
}
.card-title-small.blue.small {
font-size: 13px;
}
.text-block-15, .text-block-16, .text-block-17 {
font-weight: 400;
}
.m-tt {
color: var(--c-primary--bg);
text-align: left;
letter-spacing: -1px;
padding-top: 4px;
padding-bottom: 30px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 56px;
font-weight: 300;
line-height: 1;
}
.m-tt.looping-text {
color: var(--c-grey--black);
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.m-tt.looping-text.pink {
font-weight: 400;
}
.m-tt.looping-text.pink.manrope {
font-family: Manrope, sans-serif;
}
.m-tt.looping-text.pink.manrope.manrope-desktop {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.m-tt.services-h1 {
color: var(--c-primary--blue-500);
margin-bottom: 40px;
}
.m-tt.services-h1.title {
margin-bottom: 0;
font-size: 40px;
}
.m-tt.services-h1.title.whifte {
color: var(--c-primary--bg);
}
.m-tt.services-h1.title.whifte.padding.manrope-mobile {
font-family: Manrope, sans-serif;
}
.m-tt.services-h1.title.whifte.padding.manrope-mobile.manrope-desktop {
letter-spacing: -1px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 56px;
font-weight: 300;
}
.m-tt.services-h1.title.black {
color: var(--c-primary--main);
}
.m-tt.services-h1.title.black._500 {
font-weight: 500;
}
.m-tt.services-h1.title.padding {
margin-bottom: 0;
}
.m-tt.services-h1.title.manrope {
font-family: Manrope, sans-serif;
}
.m-tt.services-h1.black {
color: var(--c-primary--main);
}
.m-tt.services-h1.black._500 {
margin-bottom: 60px;
padding-bottom: 0;
font-weight: 500;
}
.m-tt.services-h1.black._500.large {
margin-bottom: 40px;
font-size: 44px;
line-height: 1;
}
.m-tt.services-h1.black._500.large.mobile.nomal {
width: auto;
margin-bottom: 0;
font-weight: 400;
}
.m-tt.services-h1.black._500.large.mobile.nomal.small {
font-size: 38px;
}
.m-tt.services-h1.black._500.large.mobile.nomal.small.manrope {
font-family: Manrope, sans-serif;
line-height: 1.2rem;
}
.m-tt.services-h1.black._500.large.mobile.play-obt {
width: 100%;
color: var(--play-secondary-color--green);
margin-bottom: 20px;
font-weight: 400;
box-shadow: 0 2px 5px #0003;
}
.m-tt.services-h1.wht {
color: var(--c-primary--main);
}
.m-tt.services-h1.wht._500 {
margin-bottom: 60px;
padding-bottom: 0;
font-weight: 500;
}
.m-tt.services-h1.wht._500.large {
margin-bottom: 40px;
font-size: 44px;
line-height: 1;
}
.m-tt.services-h1.wht._500.large.mobile.nomal {
width: auto;
margin-bottom: 0;
font-weight: 400;
}
.m-tt.services-h1.wht._500.large.mobile.nomal.small {
color: var(--c-grey--white);
font-size: 38px;
}
.m-tt.services-h1.wht._500.large.mobile.nomal.small.manrope {
color: var(--c-grey--black);
font-family: Manrope, sans-serif;
font-size: 40px;
line-height: 1rem;
}
.m-tt.services-h1.wht._500.large.mobile.nomal.small.manrope.black {
color: var(--c-primary--main);
line-height: 1.2rem;
}
.m-tt.services-h1.wht._500.large.mobile.nomal.small.manrope.white {
color: var(--c-primary--bg);
}
.m-tt.services-h1.wht._500.large.mobile.nomal.small.manrope.white.satoshi, .m-tt.services-h1.wht._500.large.mobile.nomal.small.manrope.satoshi {
font-family: Satoshi Variable;
}
.m-tt.services-h1.wht._500.large.mobile.nomal.small.manrope.edit {
line-height: 34px;
}
.m-tt.services-h1.wht._500.large.mobile.play-obt {
width: 100%;
color: var(--play-secondary-color--green);
margin-bottom: 20px;
font-weight: 400;
box-shadow: 0 2px 5px #0003;
}
.m-tt.services-intro-hero {
align-self: flex-start;
width: 75%;
margin-bottom: 0;
padding-bottom: 20px;
}
.m-tt.services-intro-hero._50 {
width: 50%;
}
.m-tt.services-intro-hero._50.mobile {
width: 80%;
}
.m-tt.services-intro-hero.black {
color: var(--c-primary--blue-500);
margin-bottom: 0;
padding-bottom: 10px;
font-family: Supertone Serif, sans-serif;
font-weight: 500;
}
.m-tt.services-intro-hero.black.medium {
margin-bottom: 20px;
padding-bottom: 0;
font-size: 28px;
}
.m-tt.services-intro-hero.black.txt {
width: 100%;
font-size: 20px;
display: block;
}
.m-tt.services-intro-hero.black.txt.mobile {
margin-top: 0;
padding-bottom: 0;
}
.m-tt.services-intro-hero.white._500 {
margin-bottom: 0;
font-weight: 500;
}
.m-tt.services-intro-hero.pink.manrope {
font-family: Manrope, sans-serif;
}
.m-tt.services-intro-hero.pink.manrope.manrope-desktop {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.m-tt.services-intro-hero.manrope {
font-family: Manrope, sans-serif;
}
.m-tt.padding-side-20 {
padding-left: 20px;
padding-right: 20px;
}
.m-tt.pink {
color: var(--c-secondary--pink);
}
.m-tt.pink.top-padding {
width: 50%;
padding-top: 10px;
font-weight: 400;
}
.m-tt.pink.top-padding:lang(ja) {
width: 75%;
}
.m-tt.pink.top-padding.manrope {
color: var(--c-secondary--pink);
font-family: Manrope, sans-serif;
}
.m-tt.pink.top-padding.manrope.white {
width: 45%;
color: var(--c-grey--white);
}
.m-tt.pink.manrope.manrope-desktop {
font-family: Manrope, sans-serif;
}
.m-tt.white {
color: var(--c-primary--bg);
}
.m-tt.white.padding-under-10 {
color: var(--c-secondary--pink);
padding-bottom: 10px;
}
.m-tt.white.padding-under-10.api-color {
color: var(--c-secondary--api-green);
}
.m-tt.white.padding-under-10.api-color.manrope {
font-family: Manrope, sans-serif;
}
.m-tt.white.padding-under-10.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.m-tt.white.padding-under-10.manrope.manrope-desktop, .m-tt.white.padding-under-10.manrope.manrope-desktop-copy {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.m-tt.manrope {
font-family: Manrope, sans-serif;
}
.m-tt.manrope.trial---euclid-circular-b {
font-family: Euclidcircularb Webtrial;
font-weight: 400;
}
.m-tt.manrope.trial---euclid-circular-b.blog {
padding-bottom: 0;
font-family: Manrope, sans-serif;
}
.m-tt.manrope.trial---euclid-circular-b.satoshi {
font-family: Satoshi Variable;
}
.tt-h-sub-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.tt-section {
grid-column-gap: 24px;
grid-row-gap: 24px;
display: flex;
}
.tt-section.temp {
margin-bottom: 0;
}
.tt-container {
flex-flow: column;
display: flex;
}
.tt-holder {
background-color: var(--c-grey--trans--0);
margin-bottom: 0;
padding: 70px 20px 0;
}
.tt-holder.padding {
background-color: #090909;
padding-top: 70px;
padding-bottom: 0;
}
.text-block-18, .text-block-19, .text-block-20 {
font-weight: 400;
}
.code-embed-23 {
overflow: clip;
}
.green {
color: var(--play-secondary-color--green);
}
.maindropwrap {
background-color: #fff;
border-radius: 30px;
justify-content: center;
align-items: center;
width: auto;
height: 40px;
display: flex;
}
.maindroptog {
border: 1px #000;
width: auto;
padding-top: 0;
padding-bottom: 0;
transition: all .35s ease-in-out;
}
.maindroptog:hover, .maindroptog.w--open {
color: #fff;
background-color: #000;
}
.maindroplist.w--open {
border: 1px solid #000;
border-top-style: none;
width: auto;
height: 40px;
position: relative;
}
.maindroplink {
background-color: #fff;
border-bottom: 1px solid #00000040;
padding-top: 0;
padding-bottom: 0;
font-size: 16px;
transition: all .35s ease-in-out;
}
.maindroplink:hover {
color: #fff;
background-color: #000;
}
.text-block-21 {
font-size: 16px;
font-weight: 400;
}
.icon-4 {
width: 19px;
}
.dropdonwbtn {
margin-left: auto;
margin-right: auto;
}
.faq-tile {
margin-bottom: 20px;
}
.faq-question-div {
color: #614916;
cursor: pointer;
background-color: #ebebeb;
justify-content: space-between;
padding: 15px;
font-family: Montserrat, sans-serif;
font-weight: 600;
line-height: 100%;
transition: all .2s;
display: flex;
}
.faq-question-div:hover {
color: #fff;
background-color: #c35d38;
}
.faq-question-div:active {
background-color: #ec794f;
}
.up-down-arrow {
font-size: 20px;
font-weight: 400;
}
.faq-answer-div {
background-color: #f5f5f5;
overflow: hidden;
}
.faq-answer-padding {
padding: 30px;
}
.body-copy {
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 25px;
}
.dropdown-list-5 {
border: .6px solid var(--c-primary--bg);
background-color: var(--c-grey--900);
}
.dropdown-5 {
z-index: 1;
background-color: var(--c-primary--blue-500);
border-radius: 30px;
order: 1;
justify-content: center;
align-items: center;
height: 36px;
margin-left: 0;
margin-right: 0;
display: flex;
}
.text-block-22 {
color: var(--c-grey--900);
font-size: 16px;
font-weight: 400;
}
.dropdown-link, .dropdown-link-2 {
color: var(--c-primary--bg);
font-size: 16px;
font-weight: 300;
}
.dropdown-toggle-5 {
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
}
.dropdown-6 {
background-color: var(--c-grey--trans--0);
}
.dropdown-link-3 {
color: var(--c-primary--bg);
font-size: 16px;
font-weight: 400;
}
.dropdown-link-4 {
color: var(--c-primary--bg);
font-size: 16px;
}
.dropdown-toggle-6 {
vertical-align: middle;
background-color: #0000;
justify-content: center;
align-items: center;
height: 40px;
display: flex;
}
.dropdown-toggle-6.w--open {
border: 1px solid var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
vertical-align: middle;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-23 {
color: var(--c-primary--bg);
padding-right: 4px;
font-size: 16px;
font-weight: 400;
position: static;
}
.dropdown-list-6 {
background-color: #ddd;
}
.dropdown-list-6.w--open {
background-color: var(--c-grey--trans--0);
}
.cursor-wrapper-2 {
z-index: 9999999;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
inset: 0%;
}
.cursor-circle {
background-color: #bfff00;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 15px;
height: 15px;
display: flex;
position: absolute;
}
.one-item-list-wrap {
border-top: 1px solid #ffffff26;
border-bottom: 1px solid #ffffff26;
flex-direction: row;
display: flex;
}
.one-item-display {
width: 100%;
padding-top: 25px;
padding-bottom: 25px;
display: flex;
position: relative;
}
.arrow-black {
width: 75%;
}
.bar-2 {
background-color: #1a1a1a;
width: 30px;
height: 2px;
position: static;
inset: 0%;
transform: translate(0, 1px);
}
.one-item-list-text {
width: 33.3333%;
}
.one-tags-text {
color: #1a1a1a;
letter-spacing: 3px;
white-space: normal;
margin-right: 25px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 600;
}
.bar-1 {
background-color: #1a1a1a;
width: 30px;
height: 2px;
position: static;
inset: 0%;
transform: translate(0, -1px);
}
.plus-wrap-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
position: relative;
}
.one-item-list {
z-index: 2222;
transform-origin: 50% 0;
background-color: #0000;
width: 100%;
display: block;
position: relative;
overflow: hidden;
}
.one-item {
border-bottom: 1px solid #8f8f8f;
position: relative;
}
.one-item-list-tags {
flex-flow: wrap;
width: 66.6667%;
padding: 15px 25px;
display: flex;
}
.one-name {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
width: 66.6667%;
text-decoration: none;
display: flex;
}
.one-item-list-image {
width: 66.6667%;
}
.one-item-link {
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 33.3333%;
padding-right: 10px;
display: flex;
}
.one-trigger {
justify-content: center;
align-items: center;
width: 33.3333%;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.one-item-img {
object-fit: fill;
object-position: 50% 50%;
width: 100%;
display: inline-block;
}
.one-name-text {
color: #1a1a1a;
margin-top: 0;
margin-bottom: 0;
font-size: 3vw;
font-weight: 400;
line-height: 100%;
}
.one-link-wrapper {
justify-content: center;
align-items: center;
display: flex;
overflow: visible;
}
.one-item-list-wrap-two {
width: 100%;
display: flex;
}
.div-block-97 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
display: flex;
}
.list-item, .list-item-2 {
text-align: left;
}
.list-item-3, .list-item-4 {
text-align: left;
font-size: 14px;
}
.list-item-5 {
text-align: left;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 14px;
}
.list-item-6 {
text-align: left;
font-size: 14px;
}
.bold-text-6 {
font-weight: 500;
}
.dropdown-link-5 {
color: #f0f0f0;
font-size: 16px;
font-weight: 300;
}
.button-base-container-10 {
grid-column-gap: 21px;
grid-row-gap: 21px;
text-align: left;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.button-base-container-10.bottom-padding {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 20px;
padding-bottom: 0;
}
.div-block-98 {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
height: auto;
min-height: 86px;
display: flex;
}
.dropdown-link-6 {
color: #f0f0f0;
font-size: 16px;
font-weight: 300;
}
.cta-section-3 {
background-color: #fff0;
margin-bottom: 0;
padding: 40px 20px 0 4em;
}
.cta-section-3.margin {
padding-left: 4em;
}
.dropdown-toggle-7 {
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
}
.text-block-24 {
color: #090909;
font-size: 16px;
font-weight: 400;
}
.button-base-text-32 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-32.manrope {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
}
.button-base-text-32.small {
font-size: 18px;
}
.button-base-text-32.small.manrope {
font-size: 14px;
}
.arrow-25 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #161615;
-webkit-background-clip: text;
background-clip: text;
width: 10px;
height: 10px;
display: block;
position: relative;
}
.button-base-12 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-12:hover {
opacity: 1;
}
.button-base-12.shift2-0-blue {
background-color: #227cff;
height: 36px;
}
.dropdown-list-7 {
background-color: #090909;
border: .6px solid #f0f0f0;
}
.dropdown-7 {
background-color: #227cff;
border-radius: 30px;
order: 1;
justify-content: center;
align-items: center;
height: 36px;
margin-left: 0;
margin-right: 0;
display: flex;
}
.bd-611 {
color: #f0f0f0;
width: 70%;
font-family: Manrope, sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 1.1;
}
.bd-611.color---super-blue {
color: #227cff;
font-size: 20px;
line-height: 1;
}
.bd-611.color---super-blue.euclid {
min-height: 52px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 18px;
line-height: 1.3;
}
.bd-611.color---super-blue.euclid:lang(ko) {
font-weight: 400;
}
.button-base-13 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #2b2b2b;
text-align: left;
-webkit-text-stroke-color: black;
background-color: #f0f0f0;
border-radius: 30px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
align-items: center;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-base-13:hover {
opacity: 1;
}
.button-base-13.aligan {
flex-flow: wrap;
flex: 0 auto;
order: 1;
justify-content: center;
align-self: baseline;
align-items: center;
}
.button-base-13.aligan.color-rev {
background-color: #227cff;
height: 36px;
}
.button-base-13.aligan.color-rev.purple {
background-color: var(--c-secondary--play-sub);
}
.button-base-13.aligan.color-rev.whiite {
background-color: var(--c-primary--bg);
}
.bd-612 {
color: #f0f0f0;
width: 70%;
padding-bottom: 20px;
font-family: Manrope, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.1;
}
.bd-612.euclid {
padding-bottom: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 18px;
}
.bd-612.euclid:lang(ko) {
font-weight: 400;
}
.button-base-text-33 {
z-index: 3;
color: #161615;
justify-content: flex-start;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 1.3;
position: relative;
}
.button-base-text-33.button2-2-text {
z-index: 3;
color: #161615;
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text-33.button2-2-text.manrope {
font-family: Manrope, sans-serif;
font-size: 16px;
font-weight: 500;
}
.button-base-text-33.button2-2-text.manrope.euclid {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 400;
}
.button-base-text-33.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.arrow-26 {
z-index: 3;
color: #161615;
text-align: right;
-webkit-text-stroke-color: #161615;
-webkit-text-fill-color: transparent;
background-color: #f0f0f0;
-webkit-background-clip: text;
background-clip: text;
width: 10px;
height: 10px;
display: block;
position: relative;
}
.promo-text---large-12 {
color: #f2fb41;
text-align: left;
padding-top: 10px;
font-size: 50px;
font-weight: 300;
line-height: 1.2;
}
.promo-text---large-12.sale-color {
color: #64ffbc;
font-size: 60px;
}
.promo-text---large-12.sale-color.yellow {
color: var(--c-secondary--yellow);
}
.text-span-188 {
color: #767676;
vertical-align: top;
font-size: 40px;
text-decoration: line-through;
}
.promo-text---large-13 {
color: #f2fb41;
text-align: left;
padding-top: 10px;
font-size: 50px;
font-weight: 300;
line-height: 1.2;
}
.promo-text---large-13.sale-color {
color: #64ffbc;
font-size: 60px;
}
.promo-text---large-13.sale-color.air-color {
color: var(--play-secondary-color--green);
}
.text-span-189 {
color: #767676;
vertical-align: top;
font-size: 40px;
text-decoration: line-through;
}
.promo-text---large-14 {
color: #f2fb41;
text-align: left;
padding-top: 10px;
font-size: 50px;
font-weight: 300;
line-height: 1.2;
}
.promo-text---large-14.sale-color {
color: #64ffbc;
font-size: 60px;
}
.text-span-190 {
color: #767676;
vertical-align: top;
font-size: 40px;
text-decoration: line-through;
}
.brands-holder-press-2 {
padding-top: 40px;
padding-bottom: 100px;
overflow: hidden;
}
.brands-section-press-2 {
width: 4000px;
display: flex;
}
.brands-wrap-press-2 {
display: flex;
}
.brand-div-press-2 {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 30px;
padding: 10px 20px;
display: flex;
}
.logo-14 {
width: 250px;
}
.icon-5 {
display: block;
}
.text-span-191 {
color: var(--play-secondary-color--green);
}
.text-span-192 {
color: #7a3fff;
}
.text-span-193 {
color: var(--c-secondary--play-sub);
}
.text-span-194 {
color: #7a3fff;
}
.div-block-99 {
margin-top: 40px;
}
.biz-cta {
padding-bottom: 60px;
}
.biz-cta.shift {
padding-top: 0;
padding-bottom: 0;
}
.heading-15 {
font-family: Manrope, sans-serif;
font-size: 16px;
}
.heading-16 {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.heading-16.blog-txt-h1 {
font-size: 25px;
}
.div-block-100 {
margin-top: 0;
}
.campaign-benefits {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #dbdbdb;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
width: 100%;
max-width: 320px;
padding: 20px;
display: flex;
}
.campaign-benefits.promotion {
background-color: #91f758;
}
.campaign-benefits.promotion-none {
background-color: #444;
}
.campaign-benefits.regular {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: var(--c-grey--700);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: none;
padding: 40px;
display: grid;
}
.campaign-benefits.regular.blue-bg {
background-color: var(--c-primary--blue-500);
}
.campaign-benefits.regular.trial-hero {
background-color: var(--c-primary--blue-500);
width: auto;
margin: 0 40px 40px;
padding-left: 40px;
padding-right: 40px;
display: flex;
overflow: visible;
}
.campaign-benefits.regular.orange-outline {
border: 1px solid var(--c-secondary--lime-green);
background-color: var(--c-grey--700);
border: 1px solid var(--c-secondary--orange);
background-color: var(--c-grey--700);
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 100%;
}
.campaign-benefits.regular.blue-outline {
border: 1px solid var(--c-primary--blue-500);
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 100%;
position: relative;
}
.div-block-101 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
display: flex;
}
.div-block-101:lang(ko) {
grid-column-gap: 2px;
grid-row-gap: 2px;
}
.pricing-txt-body-3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
padding-left: 0;
display: flex;
}
.button---sub-base-mask-13 {
z-index: 2;
color: #090909;
background-color: #227cff;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button---sub-base-mask-13:lang(ko) {
background-color: #227cff;
}
.button---sub-base-mask-13.play-btn-color {
background-color: #7435fc;
display: block;
}
.button-base-text-34 {
z-index: 3;
color: #090909;
justify-content: flex-start;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
line-height: 1.3;
position: relative;
}
.button-base-text-34:lang(ko) {
font-weight: 400;
}
.button-base-text-34.button2-2-text {
z-index: 3;
color: #090909;
justify-content: center;
align-items: center;
display: block;
position: relative;
inset: auto;
}
.button-base-text-34.button2-2-text.small {
font-size: 12px;
display: inline-flex;
}
.button-base-text-34.button2-2-text.small.play-btn-ver-m {
display: none;
}
.arrow-27 {
z-index: 3;
color: #090909;
text-align: right;
-webkit-text-stroke-color: #090909;
-webkit-text-fill-color: transparent;
background-color: #090909;
-webkit-background-clip: text;
background-clip: text;
width: 10px;
height: 10px;
display: block;
position: relative;
}
.button-txt-base-13 {
z-index: 3;
color: #090909;
font-family: Manrope, sans-serif;
font-weight: 500;
position: relative;
}
.button-txt-base-13.pricing-txt {
font-size: 16px;
}
.card-number-4 {
color: #e9eee2;
text-align: right;
font-size: 14px;
}
.card-number-4.large {
font-size: 32px;
}
.card-number-4.large.card-partners {
text-align: left;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 26px;
}
.card-number-4.large.card-partners.cteator {
font-size: 18px;
}
.txt-grid-1col {
grid-column-gap: 41px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 0;
padding-bottom: 0;
}
.txt-grid-1col.padding-under-30 {
padding-top: 20px;
padding-bottom: 30px;
}
.txt-grid-1col.padding-under-30.padding-top-30 {
padding-top: 40px;
}
.txt-grid-1col.mobile-10 {
margin-top: 40px;
}
.txt-grid-1col.mobile-10.mobile-campaign {
grid-template-columns: 1fr;
padding-left: 40px;
padding-right: 40px;
}
.div-block-102 {
flex-flow: column;
margin-bottom: 20px;
display: flex;
}
.link-20 {
color: var(--c-primary--bg);
text-decoration: underline;
}
.campaign-steps {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #dbdbdb;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
width: 100%;
max-width: 320px;
padding: 20px;
display: flex;
}
.campaign-steps.promotion {
background-color: #91f758;
}
.campaign-steps.promotion-none {
background-color: #444;
}
.campaign-steps.regular {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: var(--c-grey--700);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: none;
padding: 40px;
display: grid;
}
.campaign-steps.regular.blue-bg {
background-color: var(--c-primary--blue-500);
}
.campaign-steps.regular.trial-hero {
background-color: var(--c-primary--blue-500);
width: auto;
margin: 0 40px 40px;
padding-left: 40px;
padding-right: 40px;
display: flex;
overflow: visible;
}
.campaign-steps.regular.orange-outline {
border: 1px solid var(--c-secondary--lime-green);
background-color: var(--c-grey--700);
border: 1px solid var(--c-secondary--orange);
background-color: var(--c-grey--700);
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 100%;
}
.campaign-steps.regular.blue-outline {
border: 1px solid var(--c-primary--blue-500);
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 100%;
position: relative;
}
.div-block-103 {
text-align: left;
width: 100%;
}
.image-step {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
max-width: 1400px;
margin: 1vh auto 5vh;
padding-top: 1vh;
padding-left: 20px;
padding-right: 20px;
display: grid;
position: relative;
}
.image-step.padding {
margin-top: 1vh;
margin-bottom: 1vh;
padding-top: 1vh;
padding-bottom: 1vh;
display: flex;
}
.level-box {
background-color: var(--c-grey--trans--0);
cursor: pointer;
border-radius: 0;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: auto;
padding: 20px 40px;
display: flex;
}
.level-box._2 {
background-color: var(--c-secondary--pink);
min-height: 300px;
}
.level-box._2:hover {
opacity: 1;
}
.level-box._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
min-height: 300px;
}
.level-box._3:hover {
opacity: 1;
}
.level-box._1 {
border: 1px solid var(--c-secondary--pink);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.level-box._1:hover {
opacity: 1;
}
.level-box._1.border-color {
grid-row-gap: 0px;
border-width: 2px;
border-color: var(--c-grey--500);
border-radius: 160px;
justify-content: center;
align-items: center;
min-width: 240px;
min-height: 240px;
padding-bottom: 20px;
}
.level-box._1.border-color.creator {
justify-content: flex-start;
align-items: stretch;
min-height: 320px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 20px;
}
.level-box.api-1 {
border: 1px solid var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.level-box.api-1:hover {
opacity: 1;
}
.level-box.api-1.api-color {
border-color: var(--c-secondary--api-green);
min-height: 200px;
}
.level-box.api-1.api-color.why-api {
cursor: default;
min-height: 500px;
padding-top: 40px;
padding-bottom: 40px;
}
.level-box.layout {
flex-flow: row;
padding-left: 0;
padding-right: 0;
}
.level-box.vc-box {
border: 1.5px solid var(--c-primary--main);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.level-box.vc-box:hover {
opacity: 1;
}
.level-box.vc-box.api-color {
border-color: var(--c-secondary--api-green);
min-height: 200px;
}
.campaign-level-box---arrow {
background-color: var(--c-grey--trans--0);
cursor: pointer;
border-radius: 0;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 50%;
height: 100%;
min-height: 220px;
padding: 20px 30px;
display: flex;
}
.campaign-level-box---arrow._2 {
background-color: var(--c-secondary--pink);
min-height: 300px;
}
.campaign-level-box---arrow._2:hover {
opacity: 1;
}
.campaign-level-box---arrow._3 {
background-color: var(--c-secondary--pink);
color: #f3f3f3;
min-height: 300px;
}
.campaign-level-box---arrow._3:hover {
opacity: 1;
}
.campaign-level-box---arrow._1 {
border: 1px solid var(--c-secondary--pink);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.campaign-level-box---arrow._1:hover {
opacity: 1;
}
.campaign-level-box---arrow._1.border-color {
border-color: var(--c-grey--500);
min-height: 240px;
padding-bottom: 30px;
}
.campaign-level-box---arrow._1.border-color.creator {
justify-content: flex-start;
align-items: stretch;
min-height: 320px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 20px;
}
.campaign-level-box---arrow.api-1 {
border: 1px solid var(--c-primary--bg);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.campaign-level-box---arrow.api-1:hover {
opacity: 1;
}
.campaign-level-box---arrow.api-1.api-color {
border-color: var(--c-secondary--api-green);
min-height: 200px;
}
.campaign-level-box---arrow.api-1.api-color.why-api {
cursor: default;
min-height: 500px;
padding-top: 40px;
padding-bottom: 40px;
}
.campaign-level-box---arrow.layout {
flex-flow: row;
padding-left: 0;
padding-right: 0;
}
.campaign-level-box---arrow.vc-box {
border: 1.5px solid var(--c-primary--main);
background-color: var(--c-grey--trans--0);
min-height: 400px;
}
.campaign-level-box---arrow.vc-box:hover {
opacity: 1;
}
.campaign-level-box---arrow.vc-box.api-color {
border-color: var(--c-secondary--api-green);
min-height: 200px;
}
.text-span-195 {
color: var(--c-grey--black);
}
.text-span-196, .text-span-197, .text-span-198, .text-span-199, .text-span-200, .text-span-201, .text-span-202 {
color: var(--c-secondary--light-purple);
}
.text-span-203 {
font-size: 48px;
}
.text-span-204 {
color: var(--c-secondary--color);
}
.text-span-204:lang(ko) {
display: none;
}
.text-span-205 {
color: var(--c-grey--white);
}
.campaign-box-2 {
cursor: pointer;
background-color: #000;
border-radius: 30px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 400px;
padding: 40px;
display: flex;
}
.campaign-box-2.mobile {
cursor: auto;
background-color: #747cdf;
border: 1px #f0f0f0;
justify-content: center;
min-height: auto;
}
.campaign-box-2.mobile.creator {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #94fb4d;
justify-content: flex-start;
align-items: stretch;
}
.campaign-box-2.mobile.creator:lang(ko) {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.div-block-105 {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-flow: column;
display: flex;
}
.text-span-206 {
color: var(--c-grey--white);
}
._15pt {
font-size: 15px;
}
.text-span-207 {
color: var(--c-primary--bg);
text-decoration: underline;
}
.text-span-208, .text-span-209 {
font-weight: 400;
}
.div-block-106 {
display: none;
}
.text-span-210 {
color: var(--c-primary--bg);
}
.text-span-210:lang(ko) {
color: var(--c-secondary--light-purple);
}
.link-21, .text-span-211 {
color: var(--c-primary--bg);
text-decoration: underline;
}
.text-span-212 {
color: var(--play-secondary-color--green);
}
.voicepartners {
z-index: 1;
background-color: #fff0;
margin: 0;
padding: 0 20px;
position: relative;
}
.card-txt---tt-box-profile {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
width: auto;
height: auto;
display: flex;
}
.card-txt---tt-box-profile.padding {
width: 60%;
margin-bottom: 40px;
}
.card-txt---tt-box-profile.padding.center {
justify-content: space-between;
align-items: center;
}
.products-spt-profile {
width: auto;
height: auto;
}
.products-spt-profile.padding {
margin-bottom: 10px;
}
.products---sub-txt-profile {
color: var(--c-grey--300);
text-transform: none;
padding-top: 0;
padding-bottom: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
}
.products---sub-txt-profile.grey.top-padding {
padding-top: 0;
}
.products---sub-txt-profile.grey.top-padding.small {
padding-left: 50px;
font-size: 12px;
}
.products---sub-txt-profile.grey.top-padding.small.dark {
margin-bottom: 20px;
}
.products---sub-txt-profile.padding-top-20px {
padding-top: 20px;
}
.products---sub-txt-profile.padding-top-20px.pink {
color: var(--c-secondary--pink);
}
.products---sub-txt-profile.padding-top-20px.play-color {
color: var(--play-secondary-color--green);
padding-top: 0;
}
.products---sub-txt-profile.padding-top-20px.api-color {
color: var(--c-secondary--api-green);
}
.products---sub-txt-profile.padding-top-20px.sup-color {
color: var(--c-primary--blue-500);
padding-top: 0;
}
.products---sub-txt-profile.padding-top-20px.bg-color {
color: var(--c-primary--bg);
padding-top: 0;
font-family: Manrope, sans-serif;
font-size: 16px;
}
.products---sub-txt-profile.mobile {
padding-top: 0;
}
.products---sub-txt-profile.mobile.clear-color {
color: var(--c-secondary--mint-green);
}
.products---sub-txt-profile.mobile.air-color {
color: var(--play-secondary-color--green);
}
.products---sub-txt-profile.padding-top-0.green {
color: var(--play-secondary-color--green);
padding-top: 20px;
}
.products---sub-txt-profile.satoshi {
font-family: Satoshi Variable;
}
.products---sub-txt-profile.du-test {
width: 100%;
color: var(--c-primary--bg);
margin-top: 40px;
}
.products---sub-txt-profile.dokkaebi {
font-size: 16px;
}
.products---sub-txt-profile.dokkaebi.blue {
color: var(--c-primary--blue-500);
padding-bottom: 6px;
}
.products---sub-txt-profile.padding {
padding-bottom: 6px;
}
.card-txt---tt-profile {
width: 100%;
min-width: auto;
color: var(--c-primary--bg);
text-align: left;
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
padding-bottom: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 40px;
font-weight: 300;
line-height: 1.2;
display: block;
}
.card-txt---tt-profile:lang(ko) {
font-weight: 400;
}
.card-txt---tt-profile.style-titles {
margin-bottom: 30px;
}
.card-txt---tt-profile.menu-large-text {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.card-txt---tt-profile.services-h1 {
margin-bottom: 40px;
font-family: Supertone Serif, sans-serif;
font-size: 30px;
font-weight: 300;
}
.card-txt---tt-profile.services-intro-hero {
width: 75%;
margin-bottom: 40px;
font-size: 30px;
font-weight: 400;
}
.card-txt---tt-profile.looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.card-txt---tt-profile.testimonial-heading {
margin-bottom: 10px;
}
.card-txt---tt-profile.about-testimonial {
width: 100%;
max-width: none;
margin-bottom: 0;
margin-left: 0;
position: relative;
}
.card-txt---tt-profile.awards-looping-text {
white-space: nowrap;
margin-right: 5vw;
font-size: 15vw;
display: inline-block;
}
.card-txt---tt-profile.contact-heading {
margin-bottom: 10px;
}
.card-txt---tt-profile.product-title {
font-size: 40px;
}
.card-txt---tt-profile.medium {
font-size: 34px;
}
.card-txt---tt-profile.medium.red {
color: var(--c-secondary--orange);
}
.card-txt---tt-profile.medium.small.blue {
color: var(--c-primary--blue-500);
}
.card-txt---tt-profile.pink {
color: var(--c-secondary--pink);
padding-bottom: 10px;
}
.card-txt---tt-profile.play-color {
color: var(--play-secondary-color--green);
}
.card-txt---tt-profile.play-color.gap {
padding-bottom: 0;
}
.card-txt---tt-profile.play-color.gap.play-official {
color: var(--c-primary--blue-500);
}
.card-txt---tt-profile.play-color.gap.play-official.bg-color {
color: var(--c-grey--300);
font-family: Manrope, sans-serif;
font-size: 60px;
}
.card-txt---tt-profile.play-color.gap.play-official.bg-color.mobile {
font-size: 54px;
}
.card-txt---tt-profile.clear-color {
color: var(--c-secondary--mint-green);
}
.card-txt---tt-profile.txt-size {
color: var(--play-secondary-color--green);
font-size: 38px;
}
.card-txt---tt-profile.txt-size.clear-color, .card-txt---tt-profile.air-color {
color: var(--c-secondary--mint-green);
}
.card-txt---tt-profile.air-color.mobile-padding, .card-txt---tt-profile.green {
color: var(--play-secondary-color--green);
}
.card-txt---tt-profile.api-color {
color: var(--c-secondary--api-green);
-webkit-text-stroke-color: var(--c-grey--white);
}
.card-txt---tt-profile._1 {
letter-spacing: -.5px;
}
.image-53 {
width: 80px;
height: 80px;
}
.voice-name {
font-size: 34px;
}
.txt-voice-name {
color: var(--c-primary--blue-500);
font-size: 24px;
font-weight: 400;
}
.txt-voice-name-body {
color: var(--c-grey--300);
}
.bold-text-7 {
font-weight: 700;
}
.bold-text-7:lang(ja) {
font-weight: 500;
}
.bold-text-8 {
font-weight: 700;
}
.bold-text-8:lang(ja) {
font-weight: 500;
}
.bold-text-9 {
font-weight: 700;
}
.bold-text-9:lang(ja) {
font-weight: 500;
}
.bold-text-10 {
font-weight: 700;
}
.bold-text-10:lang(ja) {
font-weight: 500;
}
.bold-text-11 {
font-weight: 700;
}
.bold-text-11:lang(ja) {
font-weight: 500;
}
.heading-17 {
color: var(--c-primary--bg);
padding-bottom: 20px;
font-size: 44px;
}
.heading-18 {
width: auto;
color: var(--c-primary--bg);
margin-bottom: 10px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 28px;
font-weight: 300;
}
.bold-text-12 {
font-weight: 700;
}
.bold-text-12:lang(ja) {
font-weight: 500;
}
.heading-19 {
width: auto;
color: var(--c-primary--blue-500);
letter-spacing: -1.5px;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 60px;
font-weight: 300;
line-height: 1;
}
.text-block-25 {
font-weight: 400;
}
.image-54 {
z-index: 10;
position: absolute;
bottom: 10px;
left: 10px;
}
.image-55 {
position: absolute;
bottom: 20px;
left: 20px;
}
.image-56 {
z-index: 10;
position: absolute;
bottom: 10px;
left: 10px;
}
.button-3-small-2 {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
opacity: 1;
color: #161615;
text-align: left;
background-color: #f0f0f0;
border: 1px solid #000;
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
height: 40px;
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 1.2;
display: flex;
position: relative;
overflow: hidden;
}
.button-3-small-2:hover {
opacity: 1;
}
.button-3-small-2._30px {
height: 30px;
}
.base-text-41 {
color: #11594f;
justify-content: flex-start;
font-size: 18px;
line-height: 1.3;
}
.base-text-41.button3-text {
z-index: 3;
color: #161615;
font-size: 14px;
position: relative;
}
.button-2-2-mask-3 {
z-index: 2;
color: #161615;
background-color: #f0f0f0;
border-radius: 30px;
position: absolute;
inset: 0%;
}
.button-2-2-mask-3.footer {
background-color: #227cff;
}
.footer-contact-grid-3 {
grid-row-gap: 7px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.btn-small-2 {
grid-column-gap: 17px;
grid-row-gap: 17px;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 0;
padding-right: 0;
display: flex;
}
.success-message-4 {
background-color: var(--c-grey--trans--0);
}
.error-message-3 {
background-color: var(--c-secondary--orange);
text-align: center;
}
.form-block-2 {
margin-top: 15px;
margin-bottom: 30px;
}
.auto-check {
-webkit-text-stroke-color: var(--c-grey--white);
margin-top: 2px;
margin-left: 0;
}
.auto-check.w--redirected-checked {
background-color: var(--c-grey--800);
border: 1px solid #f5f5ef;
margin-left: 0;
}
.auto-checked {
margin-top: 0;
margin-left: 0;
}
.auto-checked.w--redirected-checked {
background-color: var(--c-grey--800);
border: 1px solid #f5f5ef;
margin-left: 0;
}
.email-link-txt {
color: var(--c-primary--blue-500);
}
.color {
color: var(--c-secondary--yellow-green);
}
.bold-text-13 {
font-weight: 700;
}
.bold-text-13:lang(ja) {
font-weight: 400;
}
.bold-text-14 {
font-weight: 700;
}
.bold-text-14:lang(ja) {
font-weight: 500;
}
.bold-text-15 {
font-weight: 700;
}
.bold-text-15:lang(ja) {
font-weight: 500;
}
.text-span-217 {
font-size: 32px;
}
.text-span-218 {
color: #767676;
font-size: 34px;
text-decoration: line-through;
}
.superscript-5 {
font-size: 12px;
}
.superscript-6 {
display: block;
}
.text-span-219 {
font-size: 40px;
}
.superscript-7 {
font-size: 32px;
}
.text-span-220 {
font-size: 40px;
}
.superscript-8 {
color: #94fb4d;
font-size: 32px;
}
.superscript-9, .superscript-10 {
font-size: 32px;
}
.text-span-221 {
color: #797979;
text-decoration: line-through;
}
.text-span-221.smalltxt {
font-size: 26px;
}
.process-inner-grid-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 1px solid #000;
border-bottom: 1px solid var(--c-primary--main);
cursor: pointer;
grid-template-rows: auto auto;
grid-template-columns: .25fr 1fr .25fr;
padding-top: 20px;
padding-bottom: 20px;
}
.process-inner-grid-copy.gap {
cursor: default;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .5fr .25fr;
margin-top: 40px;
}
.process-inner-grid-copy.gap.whtttt {
border-style: solid none;
border-width: 1px;
border-color: var(--c-primary--bg);
}
.about-hero-section-2 {
flex-flow: column;
flex: auto;
min-height: auto;
padding-top: 70px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.about-hero-section-2.min-h {
min-height: 100px;
}
.company-2 {
background-color: var(--c-primary--bg);
flex-flow: column;
display: flex;
}
.company-2.whtttttttt {
background-color: var(--c-primary--main);
}
.image-57 {
height: 206.5vh;
}
.image-58 {
box-sizing: border-box;
object-fit: contain;
align-self: auto;
height: 100%;
overflow: clip;
}
.pdf-download {
cursor: pointer;
max-width: 30px;
}
.play-pricing-260520 {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.play-pricing-260520.black {
background-color: var(--c-primary--main);
margin-top: 0;
}
.play-pricing-260520.bg-black.padding {
background-color: var(--c-grey--trans--0);
margin-top: 0;
margin-bottom: 0;
}
.play-pricing-260520.bg-black {
background-color: #161615;
margin-top: 140px;
overflow: hidden;
}
.play-pricing-260520.bg-black.padding {
margin-top: 0;
margin-bottom: 0;
}
.tt-holder-banner {
margin-bottom: 20px;
overflow: clip;
}
.tt-holder-banner-link {
overflow: hidden;
}
.btn---clear-version {
grid-column-gap: 19px;
grid-row-gap: 19px;
flex: 0 auto;
display: flex;
}
.btn---clear-version.topgap {
margin-top: 40px;
}
.mailerlite-success-message-clear-v2 {
flex-flow: wrap;
display: flex;
}
.antinode-nav-lockup {
object-fit: contain;
flex-grow: 0;
flex-shrink: 0;
align-self: center;
width: auto;
max-width: none;
height: 42px;
padding-left: 0;
padding-right: 0;
text-decoration: none;
display: block;
}
.antinode-nav-hidden {
display: none;
}
@media screen and (min-width: 1280px) {
.menu-container.nave-main {
border-bottom-style: none;
justify-content: space-between;
align-items: flex-end;
padding-bottom: 20px;
inset: 0% 0% auto;
}
.footer-section {
background-color: var(--c-primary--main);
position: absolute;
left: 0;
right: 0;
}
.brand-animate {
font-size: 10vw;
}
.brand-animate.gray {
font-size: 100%;
line-height: 5vw;
}
.menu-wrap {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.heading-2.product-txt.white.color-grey.light.green.api-customer-support-align.api-color {
color: var(--c-primary--bg);
}
.vectors-wrapper-19 {
max-height: 400px;
}
.footer-wrapper {
flex: auto;
}
.footer-wrapper.bg-color {
background-color: var(--c-grey--900);
}
.footer-wrapper.overflow {
flex: 0 auto;
order: 1;
margin-top: auto;
}
.privacy-policy {
color: #11594f;
}
.footer-grid-3 {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.e.services-h1.title.padding {
margin-bottom: 0;
}
.button-base {
justify-content: center;
align-items: center;
}
.navigation-full {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 0;
display: grid;
}
.navigation-container {
grid-column-gap: 52px;
grid-row-gap: 52px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
display: grid;
}
.nav--wrapper-3 {
grid-template-columns: .35fr 1fr;
}
.section-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.service-feature.promotion-none {
background-color: var(--c-grey--500);
}
.extra-largue.into-page.small-text.white.manrope.white {
color: #f5f5f0;
}
.extra-largue.into-page.small-text.white.manrope._700 {
color: #161616;
}
.extra-largue.into-page.small-text.white.manrope {
color: #f4a399;
}
.base-text-5 {
margin-bottom: 40px;
}
.success-message-3 {
-webkit-text-stroke-color: var(--c-grey--trans--0);
}
.body-2, .body-4, .bg-black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.contents-hero-holder-sfhit {
padding-top: 60px;
}
.body-5, .body-6, .body-7, .body-8 {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.body-9, .body-10 {
background-color: var(--c-primary--main);
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.company {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.div-block-11, .newsroom-contents {
z-index: -9999;
position: relative;
}
.body-12 {
background-color: var(--c-primary--main);
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.body-13 {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.body-14 {
background-color: var(--c-primary--main);
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.banner-txt-tt.services-h1.title.padding {
margin-bottom: 0;
}
.image-8, .fullmoon {
display: block;
}
.banner-txt-tt-tcc.services-h1.title.padding, .banner-txt-tt-copy.services-h1.title.padding {
margin-bottom: 0;
}
.section-title.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.image-9 {
border-top-left-radius: 20px;
}
.play-obt-ection-title-wrap {
width: 100%;
}
.play-obt-ection-title-wrap.black, .api-section-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.base-1.neon-yellow._500 {
color: #2b2b2b;
text-decoration-color: #282828;
}
.text---slogan.gray-500 {
color: var(--c-primary--blue-500);
}
.play-section-title-wrap.black, .big-btn-section-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.box-products-v2.shift-b {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1f45_%E1%84%8B%E1%85%B0%E1%86%B8%E1%84%89%E1%85%A1%E1%84%8B%E1%85%B5%E1%84%90%E1%85%B3%20%E1%84%8F%E1%85%B5%E1%84%8B%E1%85%B5%E1%84%86%E1%85%B5%E1%84%8C%E1%85%B5-web.avif");
}
.button-base--center {
justify-content: center;
align-items: center;
}
.icon-wrapper-shift {
bottom: 12px;
}
.contents-hero-holder-sfhit-2 {
padding-top: 60px;
}
.button-base-2 {
justify-content: center;
align-items: center;
}
.contents-hero-holder-sfhit-3 {
padding-top: 60px;
}
.button-base-3 {
justify-content: center;
align-items: center;
}
.audio-card-3 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1dd7_Cedric_360x2.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.audio-card-4 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1dd5_Coco_360x2%20(2)%201.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.audio-card-5 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1eab_Molk_360x2.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.section_showcase-2 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.ad-banner-2.mobile.fixed-height.spacing {
display: block;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.orange-copy.mobile {
font-size: 2.4rem;
}
.shift2-0-key-button.gap {
margin-top: 20px;
}
.shift-key-button, .shift-key-button2 {
justify-content: center;
align-items: center;
}
.full-width-banner {
justify-content: center;
align-items: center;
width: 150%;
height: 150%;
margin-left: -300px;
display: flex;
overflow: visible;
}
.full-width-banner:lang(ko) {
margin: 50px 60px 60px -32%;
position: relative;
inset: auto 0% 0%;
overflow: hidden;
}
.div-block-24 {
margin-top: 100px;
}
.image-21 {
display: block;
}
.image-21:lang(ko) {
overflow: hidden;
}
.text-block-7 {
color: #fff;
}
.link-block-3 {
justify-content: center;
align-items: center;
display: flex;
}
.full-width-banner-mobile {
justify-content: center;
align-items: center;
width: 150%;
height: 150%;
margin-left: -300px;
display: none;
overflow: visible;
}
.shift-key-image-2 {
width: 100%;
}
.container---mov-4 {
width: 100%;
top: 15%;
}
.code-embed-5 {
width: 100%;
margin-left: auto;
margin-right: auto;
top: 15%;
}
.div-block-29 {
margin-top: 100px;
}
.approach-heading._50._600 {
color: #2b2b2b;
}
.section-title-wrap-5.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.about-section-padding-2.padding-down.padding {
background-color: #f1a599;
}
.button-base-2-copy {
justify-content: center;
align-items: center;
}
.shiftpre2-0-keyimage {
width: 1300px;
}
.about-section-padding-3.padding-down.padding {
background-color: #161615;
}
.use-case-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.base-text-30 {
margin-bottom: 40px;
}
.title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.tt-600.intro-page.small-text.pink.manrope {
color: #f4a399;
}
.tt-600.intro-page.small-text.pink.manrope.white {
color: #f5f5f0;
}
.tt-600.intro-page.small-text.pink.manrope._700 {
color: #161616;
}
.tt-500.intro-page.small-text.pink.manrope {
color: #f4a399;
}
.tt-500.intro-page.small-text.pink.manrope.white {
color: #f5f5f0;
}
.tt-500.intro-page.small-text.pink.manrope._700 {
color: #161616;
}
.tt-400.intro-page.small-text.pink.manrope {
color: #f4a399;
}
.tt-400.intro-page.small-text.pink.manrope.white {
color: #f5f5f0;
}
.tt-400.intro-page.small-text.pink.manrope._700 {
color: #161616;
}
.tt-300.intro-page.small-text.pink.manrope {
color: #f4a399;
}
.tt-300.intro-page.small-text.pink.manrope.white {
color: #f5f5f0;
}
.tt-300.intro-page.small-text.pink.manrope._700 {
color: #161616;
}
.tt-200.intro-page.small-text.pink.manrope {
color: #f4a399;
}
.tt-200.intro-page.small-text.pink.manrope.white {
color: #f5f5f0;
}
.tt-200.intro-page.small-text.pink.manrope._700 {
color: #161616;
}
.tt-100.intro-page.small-text.pink.manrope {
color: #f4a399;
}
.tt-100.intro-page.small-text.pink.manrope.white {
color: #f5f5f0;
}
.tt-100.intro-page.small-text.pink.manrope._700 {
color: #161616;
}
.bd-600.intro-page.small-text.pink.manrope {
color: #f4a399;
}
.bd-600.intro-page.small-text.pink.manrope.white {
color: #f5f5f0;
}
.bd-600.intro-page.small-text.pink.manrope._700 {
color: #161616;
}
.bd-500.intro-page.small-text.pink.manrope {
color: #f4a399;
}
.bd-500.intro-page.small-text.pink.manrope.white {
color: #f5f5f0;
}
.bd-500.intro-page.small-text.pink.manrope._700 {
color: #161616;
}
.bd-400.intro-page.small-text.pink.manrope {
color: #f4a399;
}
.bd-400.intro-page.small-text.pink.manrope.white {
color: #f5f5f0;
}
.bd-400.intro-page.small-text.pink.manrope._700 {
color: #161616;
}
.bd-300.intro-page.small-text.pink.manrope {
color: #f4a399;
}
.bd-300.intro-page.small-text.pink.manrope.white {
color: #f5f5f0;
}
.bd-300.intro-page.small-text.pink.manrope._700 {
color: #161616;
}
.bd-200.intro-page.small-text.pink.manrope {
color: #f4a399;
}
.bd-200.intro-page.small-text.pink.manrope.white {
color: #f5f5f0;
}
.bd-200.intro-page.small-text.pink.manrope._700 {
color: #161616;
}
.bd-100.intro-page.small-text.pink.manrope {
color: #f4a399;
}
.bd-100.intro-page.small-text.pink.manrope.white {
color: #f5f5f0;
}
.bd-100.intro-page.small-text.pink.manrope._700 {
color: #161616;
}
.section-title-wrap---b.black, .block {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.container---mov-5 {
width: 100%;
top: 15%;
}
.free-plan-2-0 {
margin-top: 0;
}
.code-embed-9 {
width: 100%;
margin-top: 0;
margin-left: auto;
margin-right: auto;
top: 15%;
}
.shift-key-image-3 {
width: auto;
}
.code-embed-10 {
width: 100%;
margin-left: auto;
margin-right: auto;
top: 15%;
}
.code-embed-11 {
width: 100%;
margin-top: -100px;
margin-left: auto;
margin-right: auto;
top: 15%;
}
.movie-clip-lightbox.bg-black.padding {
margin-left: 0;
}
.contents-hero-holder-sfhit-4 {
padding-top: 60px;
}
.shift-key-button2-2 {
justify-content: center;
align-items: center;
}
.code-embed-12 {
width: 100%;
margin-top: -100px;
margin-left: auto;
margin-right: auto;
top: 15%;
}
.div-block-58 {
width: 70%;
}
.compatible-with.neon-yellow._500 {
color: #2b2b2b;
text-decoration-color: #282828;
}
.shift-2-0-interactive {
margin-bottom: 0;
}
.audio-demo---shift {
height: 600px;
}
.movie-clip-section-v2 {
justify-content: flex-start;
align-items: flex-start;
}
.shift-title-wrap {
width: 70%;
}
.shift-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.tab--text {
width: 70%;
}
.shift-price-introduction {
margin-top: 0;
}
.div-block-76 {
padding-bottom: 0;
}
.div-block-77 {
padding-top: 100px;
}
.div-block-78.mobile {
margin-bottom: 0;
}
.div-block-81 {
width: 90%;
}
.shift-title-wrap-2 {
width: 70%;
}
.shift-product-img-section {
width: 100%;
}
.shift-product-img-section.black, .campaign-section-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.button-base-7 {
justify-content: center;
align-items: center;
}
.text-block-11 {
color: #fff;
}
.div-block-86 {
width: 80%;
}
.image-41 {
overflow: clip;
}
.shift-introduction {
margin-top: 0;
padding-top: 20px;
}
.b-block, .block-copy {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.bd-80.intro-page.small-text.pink.manrope {
color: #f4a399;
}
.bd-80.intro-page.small-text.pink.manrope.white {
color: #f5f5f0;
}
.bd-80.intro-page.small-text.pink.manrope._700 {
color: #161616;
}
.clear-price-2.padding-down.padding {
background-color: #f1a599;
}
.button-base-8, .button-base-9, .button-base-10, .button-base-11 {
justify-content: center;
align-items: center;
}
.nav--wrapper-5 {
grid-template-columns: .35fr 1fr;
}
.main-body {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.e-commerce-registration-section {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.play-obt-ection-title-wrap-2 {
width: 70%;
}
.image-47 {
border-top-left-radius: 20px;
}
.play-obt-ection-title-wrap-3 {
width: 100%;
}
.m-tt.services-h1.title.padding {
margin-bottom: 0;
}
.button-base-12, .button-base-13 {
justify-content: center;
align-items: center;
}
.about-hero-section-2.min-h {
flex: auto;
min-height: auto;
}
.company-2 {
justify-content: flex-start;
max-width: 1280px;
min-height: 80vh;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1440px) {
.text---large.services-intro-hero.price-text.white {
font-size: 56px;
}
.menu-container.nave-main {
border-bottom-style: none;
padding-bottom: 13px;
}
.home-hero-section.mobile {
height: 30vh;
}
.footer-section {
background-color: var(--c-primary--main);
position: absolute;
left: 0;
right: 0;
}
.footer-wrap {
padding-bottom: 10px;
}
.brand-animate {
width: auto;
height: auto;
font-size: 7vw;
line-height: 5vw;
}
.brand-animate.gray {
font-size: 7vw;
line-height: .8;
}
.socials-wrap.manrope {
font-family: Manrope, sans-serif;
}
.about-testimonial-wrap {
padding-bottom: 100px;
}
.clear-video-2 {
width: 38vw;
height: 26vw;
}
.nav-menu {
align-self: auto;
}
.vectors-wrapper-19 {
max-height: 500px;
}
.business-content-graphic {
width: 100%;
}
.navbar {
max-width: none;
margin-left: auto;
margin-right: auto;
}
.footer-links.manrope {
font-family: Manrope, sans-serif;
}
.footer-grid-3 {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.legals-wrap-2.manrope {
font-family: Manrope, sans-serif;
}
.e.services-h1.wht._500.large.mobile.nomal.small.manrope.black {
color: var(--c-grey--black);
}
.e.services-h1.wht._500.large.mobile.nomal.small.manrope.black:lang(ko) {
color: var(--c-grey--white);
}
.e.services-intro-hero.black.txt {
padding-bottom: 10px;
}
.e.pink.top-padding.manrope {
font-family: Manrope, sans-serif;
}
.e.manrope.trial---euclid-circular-b.blog {
width: 100%;
}
.footer-contact-grid-2 {
grid-template-rows: auto;
}
.button-base {
justify-content: center;
align-self: auto;
align-items: center;
}
.nav--wrapper-3 {
grid-template-columns: .3fr 1fr;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.webflow-feature-heading.wht-txt.tag-txt---pro.green {
border-color: var(--c-secondary--lime-green);
color: var(--c-secondary--lime-green);
}
.section-heading {
width: 950px;
}
.service-intro-section-2-0.shift-demo-section-copy {
background-color: var(--c-secondary--pink);
padding-bottom: 0;
}
.pre2-0-section.black {
background-color: var(--c-grey--trans--0);
}
.section-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.about-section-padding.padding-down {
width: 100%;
}
.extra-largue.into-page.small-text.white.manrope._700 {
width: 100%;
color: var(--c-grey--700);
}
.extra-largue.into-page.small-text.white.manrope.neon-yellow {
color: #dbff57;
}
.extra-largue.into-page.pink.manrope {
font-family: Manrope, sans-serif;
}
.service-hero-header {
width: 900px;
font-size: 10vw;
}
.extra-large-text-sub.price-2-0-shift-desc.white.subtitle3 {
width: auto;
}
.extra-large-text-sub.price-2-0-shift-desc.white.subtitle3.black {
color: #161615;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3.black {
color: #161615;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3 {
width: auto;
}
.small-text-2-grey.manrope, .base-text-4.button3-text.manrope, .text---small.pink.mobile.slogan.manrope {
font-family: Manrope, sans-serif;
}
.base-text-5 {
margin-bottom: 40px;
}
.extra-large-text-sub-black.intro-page.white.manrope {
font-family: Manrope, sans-serif;
}
.gallery-slide-b {
max-width: 1000px;
}
.heading-3---popup.padding-top-20px.pink.manrope, .text---head-product---title-white.pink.manrope {
font-family: Manrope, sans-serif;
}
.success-message-3 {
-webkit-text-stroke-color: var(--c-grey--trans--0);
width: 100%;
left: auto;
}
.partners-features-wrapper, .partners-features-wrapper.padding {
border-radius: 16px;
}
.card-description.black.white {
position: static;
}
.vp-graphic {
width: 100%;
}
.card-mask-products {
height: 700px;
}
.services-hero-grid-12.padding-under-30.padding.padding.manrope, .hero-holder {
padding-bottom: 10px;
}
.newsletter {
display: flex;
}
.fbcookiebanner.popup-wrapper {
max-width: none;
margin-left: auto;
margin-right: auto;
}
.cookietext {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.cookiebuttons {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.cookiebutton.decline.mobile.black.no-border.manrope, .cookiebutton.decline.mobile.manrope {
font-family: Manrope, sans-serif;
}
.partners-feature.padding._14 {
padding-top: 20px;
}
.body-7 {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.section-3 {
background-color: var(--c-primary--main);
max-width: none;
margin-left: auto;
margin-right: auto;
}
.fbcookiebanner-v2.popup-wrapper {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.navbar-test {
max-width: none;
margin-left: auto;
margin-right: auto;
}
.ad-banner-test {
padding-top: 0;
}
.banner-a-txt {
justify-content: space-between;
align-items: center;
display: flex;
position: static;
}
.banner-a-txt.popup-wrapper {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.banner-txt-tt {
color: var(--c-secondary--yellow);
}
.banner-container {
border-radius: 30px 0 0;
}
.banner-txt-wrapper {
grid-template-columns: .55fr 1.25fr .5fr;
}
.banner-title {
border: 1px solid var(--c-secondary--yellow);
background-color: var(--c-grey--trans--0);
}
.banner-bg-graphic {
max-width: 1280px;
}
.banner-title-tt {
color: var(--c-secondary--yellow);
flex-flow: row;
justify-content: center;
align-items: center;
font-size: 22px;
display: flex;
}
.banner-title-tt.promotion-font.bgt.small {
justify-content: flex-start;
align-items: center;
}
.button-base-banner {
align-self: auto;
}
.banner-bg-container {
border-radius: 30px 0 0;
}
.iso-graphic {
width: 100%;
}
.ad-banner-tts-contents-challenge {
padding-top: 0;
}
.ad-banner-tts-contents-challenge.tts-contents-challenge.mobile.padd {
padding-top: 20px;
}
.banner-container-tcc {
border-radius: 30px 0 0;
}
.banner-txt-wrapper-tcc {
grid-template-columns: .55fr 1.25fr .5fr;
}
.banner-txt-wrapper-tcc.product-page-option-tcc.bib-mobile-option {
grid-template-columns: 1fr .75fr .5fr;
}
.banner-title-tcc {
border: 1px solid var(--c-secondary--yellow);
background-color: var(--c-grey--trans--0);
}
.banner-title-tcc.white-border {
border-color: var(--c-primary--bg);
}
.banner-txt-tt-tcc, .banner-txt-tt-copy {
color: var(--c-secondary--yellow);
}
.banner-bg-graphic-banner-txt-tt-tcc {
max-width: 1280px;
}
.section-title.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.play-obt-about-section-padding.padding-down {
width: 100%;
}
.play-obt-ection-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.hero-holder-service-a {
padding-bottom: 10px;
}
.ad-banner-tts-contents-challenge-copy {
padding-top: 0;
}
.ad-banner-tts-contents-challenge-copy.tts-contents-challenge.mobile.padd {
padding-top: 20px;
}
.hero-holder-service-b {
padding-top: 0;
}
.hero-holder-service-b.tts-contents-challenge.mobile.padd, .hero-holder-service-b.voice-partners.mobile.padd {
padding-top: 20px;
}
.banner-container-voice-partners {
border-radius: 30px 0 0;
}
.banner-txt-wrapper-voice-partners {
grid-template-columns: .55fr 1.25fr .5fr;
}
.banner-title-voice-partners {
border: 1px solid var(--c-secondary--yellow);
background-color: var(--c-grey--trans--0);
}
.banner-title-voice-partners.mobile {
border-style: none;
}
.button-base-container-air-2.gap.mobile {
grid-column-gap: 28px;
grid-row-gap: 28px;
width: 100%;
}
.button-base-container-tt.space {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.api-section.padding-down, .api-about-section-padding.padding-down {
width: 100%;
}
.api-section-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.button-voice-play, .button-voices {
align-self: auto;
}
.business-inquiry-padding.padding-down {
width: 100%;
}
.hero-holder-service-c {
padding-top: 0;
}
.hero-holder-service-c.tts-contents-challenge.mobile.padd, .hero-holder-service-c.voice-partners.mobile.padd, .hero-holder-service-c.api-m.mobile.padd {
padding-top: 20px;
}
.banner-title-api {
border: 1px solid var(--c-secondary--yellow);
background-color: var(--c-grey--trans--0);
}
.banner-title-api.mobile {
border-style: none;
}
.banner-container-api {
border-radius: 30px 0 0;
}
.business-inquiry-bnr {
padding-top: 0;
}
.business-inquiry-bnr.tts-contents-challenge.mobile.padd, .business-inquiry-bnr.business-inquiry-bnr-setup.mobile.padd {
padding-top: 20px;
}
.banner-container-bi {
border-radius: 30px 0 0;
}
.play-section-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.btn-tag {
border: 1px solid var(--c-secondary--yellow);
background-color: var(--c-grey--trans--0);
}
.btn-tag.white-border, .btn-tag.btn-tag-color {
border-color: var(--c-primary--bg);
}
.btn-tt-text, .btn-tt-text-m {
color: var(--c-secondary--yellow);
flex-flow: row;
justify-content: center;
align-items: center;
font-size: 22px;
display: flex;
}
.play-go-body-tt.padding-down {
width: 100%;
}
.button---sub-base, .button---main-base, .button---main-base-copy {
align-self: auto;
}
.big-btn-section.padding-down {
width: 100%;
}
.big-btn-section.padding-down.padding-top.margin-top.big-btn.partner {
padding-top: 0;
}
.big-btn-section-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.button---main-base-big-btn {
align-self: auto;
}
.hero-banner {
margin-top: 0;
margin-bottom: 0;
}
.hero-banner-img {
background-color: #0000;
}
.hero-banner-box-main {
margin-left: 0;
}
.box-products-v2.shift-b {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1f45_%E1%84%8B%E1%85%B0%E1%86%B8%E1%84%89%E1%85%A1%E1%84%8B%E1%85%B5%E1%84%90%E1%85%B3%20%E1%84%8F%E1%85%B5%E1%84%8B%E1%85%B5%E1%84%86%E1%85%B5%E1%84%8C%E1%85%B5-web.avif");
}
.hero-holder-service-d {
padding-top: 0;
}
.hero-holder-service-d.tts-contents-challenge.mobile.padd, .hero-holder-service-d.voice-partners.mobile.padd {
padding-top: 20px;
}
.button-base--center {
justify-content: center;
align-self: auto;
align-items: center;
}
.audio-section {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.card-wrapper {
margin-left: 20px;
margin-right: 20px;
}
.audio-card-2 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1dac_Group%209.avif");
background-position: 50%;
background-size: cover;
width: 200px;
height: 200px;
}
.icon-wrapper-shift {
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: auto -5px -5px auto;
transform: translate(-50%, -50%);
}
.pause-icon {
display: none;
}
.heading-3-white-2.padding-top-20px.pink.manrope {
font-family: Manrope, sans-serif;
}
.clear-video-4 {
width: 38vw;
height: 26vw;
}
.text---large-3.services-intro-hero.price-text.white {
font-size: 56px;
}
.shift-key-image {
z-index: 200;
}
.text---small-2.pink.mobile.slogan.manrope, .text---head-product---title-white-2.pink.manrope {
font-family: Manrope, sans-serif;
}
.button-base-2 {
justify-content: center;
align-self: auto;
align-items: center;
}
.clear-video-5 {
width: 38vw;
height: 26vw;
}
.text---head-product---title-white-3.pink.manrope {
font-family: Manrope, sans-serif;
}
.button-base-3 {
justify-content: center;
align-self: auto;
align-items: center;
}
.audio-card-2-copy {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1c79_Kai_360x2.avif");
background-position: 50%;
background-size: cover;
height: 200px;
}
.audio-card-3 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1eab_Molk_360x2.avif");
background-position: 50%;
background-size: cover;
width: 200px;
height: 200px;
}
.audio-card-1 {
width: 200px;
height: 200px;
}
.audio-card-4 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1dd5_Coco_360x2%20(2)%201.avif");
background-position: 50%;
background-size: cover;
width: 200px;
height: 200px;
}
.audio-card-5 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1dd7_Cedric_360x2.avif");
background-position: 50%;
background-size: cover;
width: 200px;
height: 200px;
}
.audio-card-image {
position: relative;
}
.name-text {
bottom: 20px;
}
.notice-popup {
max-width: 480px;
}
.ad-banner-2.mobile {
overflow: hidden;
}
.image-20 {
position: relative;
}
.service-intro-section-2-0-2.shift-demo-section-copy {
background-color: #202020;
padding-bottom: 1vh;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope {
z-index: 200;
z-index: 200;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.orange-copy.mobile {
font-size: 2.8rem;
}
.shift2-0-keytitle.intro-page.pink.manrope, .shift2-0-subtitle.intro-page.pink.manrope, .shift2-0-subtitle.intro-page.pink.manrope {
font-family: Manrope, sans-serif;
}
.shift2-0-key-button.gap {
margin-top: 20px;
top: 200px;
}
.shift-key-button, .shift-key-button2 {
justify-content: center;
align-self: auto;
align-items: center;
}
.extra-large-text-copy.intro-page.pink.manrope {
font-family: Manrope, sans-serif;
}
.shift-key-image-2 {
z-index: 200;
width: 100%;
}
.container---mov-4 {
width: 90%;
margin-left: auto;
margin-right: auto;
display: block;
top: 25%;
}
.code-embed-5 {
position: relative;
top: 0%;
}
.clear-8 {
height: 100%;
}
.audio-section-mobile {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.section-title-wrap-5.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.about-section-padding-2.padding-down {
width: 100%;
}
.approach-heading-2.manrope {
color: gray;
font-family: Manrope, sans-serif;
}
.button-base-2-copy {
justify-content: center;
align-self: auto;
align-items: center;
}
.div-block-33 {
width: 75%;
}
.shiftpre2-0-keyimage {
width: auto;
height: auto;
min-height: auto;
max-height: none;
}
.about-section-padding-3.padding-down {
width: 100%;
}
.div-block-37 {
margin-top: 60px;
}
.button-base-4, .button---main-base-big-btn-2 {
align-self: auto;
}
.service-feature-3.regular.orange-outline, .service-feature-3.regular.blue-outline {
border-style: solid;
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 100%;
}
.blog, .use-case-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.base-text-30 {
margin-bottom: 40px;
}
.title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.tt-600.intro-page.pink.manrope, .tt-500.intro-page.pink.manrope, .tt-500.intro-page.pink.manrope, .tt-400.intro-page.pink.manrope, .tt-400.intro-page.pink.manrope, .tt-300.intro-page.pink.manrope, .tt-300.intro-page.pink.manrope, .tt-200.intro-page.pink.manrope, .tt-200.intro-page.pink.manrope, .tt-100.intro-page.pink.manrope, .tt-100.intro-page.pink.manrope, .bd-600.intro-page.pink.manrope, .bd-600.intro-page.pink.manrope, .bd-500.intro-page.pink.manrope, .bd-500.intro-page.pink.manrope, .bd-400.intro-page.pink.manrope, .bd-400.intro-page.pink.manrope, .bd-300.intro-page.pink.manrope, .bd-300.intro-page.pink.manrope, .bd-200.intro-page.pink.manrope, .bd-200.intro-page.pink.manrope, .bd-100.intro-page.pink.manrope, .bd-100.intro-page.pink.manrope {
font-family: Manrope, sans-serif;
}
.section-title-wrap---b.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.txt-box---line, .txt-box---line-small {
align-self: auto;
}
.card---wrap {
width: 50%;
}
.cards {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: row;
justify-content: space-between;
width: 100%;
}
.button---middle-inner {
justify-content: center;
align-items: center;
padding-right: 0;
}
.modules-feature {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
aspect-ratio: auto;
object-fit: contain;
flex-flow: column;
flex: 0 auto;
max-width: 100%;
display: flex;
overflow: visible;
}
.modules-feature.full-width {
aspect-ratio: auto;
overflow: visible;
}
.card-01 {
border: 1px solid var(--c-secondary--2-0-blue-tbd);
background-color: #0000;
border-radius: 2rem;
justify-content: flex-start;
height: 30rem;
}
.card---wrap-1 {
width: 60%;
}
.card-02 {
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid var(--c-secondary--2-0-blue-tbd);
background-color: #0000;
border-radius: 2rem;
flex-flow: column;
justify-content: flex-start;
height: 30rem;
}
.card---wrap-02 {
width: 50%;
}
.clear-video-6 {
width: 38vw;
height: 26vw;
}
.container---mov-5 {
width: 90%;
margin-left: auto;
margin-right: auto;
display: block;
top: 25%;
}
.div-block-42 {
width: 75%;
}
.clear-10 {
height: 900px;
}
.extra-large-text.intro-page.pink.manrope {
font-family: Manrope, sans-serif;
}
.code-embed-9 {
margin-top: 30px;
position: relative;
top: 0%;
}
.shift-key-image-3 {
z-index: 200;
width: 100%;
}
.div-block-47 {
width: 75%;
}
.clear-11 {
height: 900px;
}
.code-embed-10 {
position: relative;
top: 0%;
}
.div-block-51 {
width: 75%;
}
.code-embed-11 {
position: relative;
top: 0%;
}
.shift-key-image-4 {
z-index: 200;
width: 100%;
}
.movie-clip-container, .txt-container {
margin-left: auto;
margin-right: auto;
}
.shift-key-button2-2 {
justify-content: center;
align-self: auto;
align-items: center;
}
.div-block-57 {
width: 75%;
}
.shift-key-image-5 {
z-index: 200;
width: 100%;
}
.code-embed-12 {
position: relative;
top: 0%;
}
.tabs-nav-text {
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
position: static;
}
.tabs-nav-text.black {
color: var(--c-grey--black);
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.white.subtitle3 {
width: auto;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.white.subtitle3.black {
color: #161615;
}
.extra-large-text-sub-2-0.shift-2-0-desc.white.subtitle3 {
width: auto;
}
.extra-large-text-sub-2-0.shift-2-0-desc.white.subtitle3.black {
color: #161615;
}
.how-it-works-title-section.price-2-0-shift-desc.white.subtitle3 {
width: auto;
}
.how-it-works-title-section.price-2-0-shift-desc.white.subtitle3.black {
color: #161615;
}
.how-it-works-title-section.shift-2-0-desc.white.subtitle3 {
width: auto;
}
.how-it-works-title-section.shift-2-0-desc.white.subtitle3.black {
color: #161615;
}
.card-title-2-0.orange {
margin-top: 10px;
margin-bottom: 10px;
}
.shift-pricing-section.regular.outline {
border-style: solid;
}
.div-block-72 {
padding-top: 100px;
padding-bottom: 40px;
}
.div-block-72.shift {
padding-top: 20px;
}
.shift-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.view-plans-button {
align-self: auto;
}
.ribbon-price {
background-color: var(--c-grey--500);
border-top-right-radius: 8px;
top: -34px;
}
.ribbon-price.orange-bg {
background-color: var(--c-secondary--orange);
}
.ribbon-price.orange {
border-color: var(--c-secondary--orange);
background-color: var(--c-secondary--orange);
border-top-right-radius: 8px;
top: -36px;
}
.ribbon-price.blue-bg {
border-color: var(--c-primary--blue-500);
background-color: var(--c-primary--blue-500);
}
.shift2-0body.padding-down.padding-top {
padding-top: 20px;
}
.shift2-0body.padding-down, .div-block-78 {
width: 100%;
}
.btn-tt-text-m-2 {
color: #f2fb41;
flex-flow: row;
justify-content: center;
align-items: center;
font-size: 22px;
display: flex;
}
.button---main-base-2 {
align-self: auto;
}
.btn-tag-2 {
background-color: #fff0;
border: 1px solid #f2fb41;
}
.btn-tag-2.btn-tag-color {
border-color: #f0f0f0;
}
.image-36 {
display: block;
overflow: visible;
}
.shift-product-img-section {
width: 100%;
}
.shift-product-img-section.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.promotion-container {
margin-left: auto;
margin-right: auto;
}
.campaign-section-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.campaign-image-holder-graphic {
width: 100%;
}
.campaign-service-feature-3.regular.orange-outline, .campaign-service-feature-3.regular.blue-outline {
border-style: solid;
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 100%;
}
.campaign-container {
margin-left: auto;
margin-right: auto;
}
.campaign-contact-section.padding-down {
width: 100%;
}
.button-base-5 {
align-self: auto;
}
.banner-container-2 {
border-radius: 30px 0 0;
}
.banner-title-tt-2 {
color: #f2fb41;
flex-flow: row;
justify-content: center;
align-items: center;
font-size: 22px;
display: flex;
}
.banner-title-2 {
background-color: #fff0;
border: 1px solid #f2fb41;
}
.banner-txt-tt-2 {
color: #f2fb41;
}
.ad-banner-test-2 {
padding-top: 0;
}
.button-base-banner-2, .button-base-6 {
align-self: auto;
}
.ad-banner-test-3 {
padding-top: 0;
}
.button-base-banner-3 {
align-self: auto;
}
.ad-banner-test-4 {
padding-top: 0;
}
.button-base-banner-4 {
align-self: auto;
}
.hero-banner-2 {
margin-top: 0;
margin-bottom: 0;
}
.hero-banner-img-2 {
background-color: #0000;
}
.button-base-7 {
justify-content: center;
align-self: auto;
align-items: center;
}
.bd-80.intro-page.pink.manrope {
font-family: Manrope, sans-serif;
}
.clear-price-2.padding-down {
width: 100%;
}
.txt-box---line-small-2 {
align-self: auto;
}
.btn-tt-text-m-3 {
color: #f2fb41;
flex-flow: row;
justify-content: center;
align-items: center;
font-size: 22px;
display: flex;
}
.txt-box---line-2 {
align-self: auto;
}
.button-base-8 {
justify-content: center;
align-self: auto;
align-items: center;
}
.button---main-base-3 {
align-self: auto;
}
.btn-tag-3 {
background-color: #fff0;
border: 1px solid #f2fb41;
}
.btn-tag-3.btn-tag-color {
border-color: #f0f0f0;
}
.txt-box---line-small-3 {
align-self: auto;
}
.button-base-9 {
justify-content: center;
align-self: auto;
align-items: center;
}
.button---main-base-4 {
align-self: auto;
}
.button-base-10 {
justify-content: center;
align-self: auto;
align-items: center;
}
.btn-tt-text-m-4 {
color: #f2fb41;
flex-flow: row;
justify-content: center;
align-items: center;
font-size: 22px;
display: flex;
}
.button-base-11 {
justify-content: center;
align-self: auto;
align-items: center;
}
.btn-tag-4 {
background-color: #fff0;
border: 1px solid #f2fb41;
}
.btn-tag-4.btn-tag-color {
border-color: #f0f0f0;
}
.supertone-listen {
margin-left: auto;
margin-right: auto;
}
.navbar-v2 {
max-width: none;
margin-left: auto;
margin-right: auto;
}
.nav--wrapper-5 {
grid-template-columns: .3fr 1fr;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.button-base-container-tt-2.space {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.e-commerce-registration.manrope {
align-items: stretch;
margin-left: auto;
margin-right: auto;
font-family: Manrope, sans-serif;
overflow: visible;
}
.e-commerce-registration-section {
background-color: var(--c-primary--main);
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.button---main-base-big-btn-3, .button-base-banner-5 {
align-self: auto;
}
.banner-txt-tt-tcc-2 {
color: #f2fb41;
}
.business-inquiry-bnr-2 {
padding-top: 0;
}
.banner-container-bi-2 {
border-radius: 30px 0 0;
}
.banner-title-tcc-2 {
background-color: #fff0;
border: 1px solid #f2fb41;
}
.banner-title-tcc-2.white-border {
border-color: #f0f0f0;
}
.arrow-box {
padding-top: 5px;
padding-bottom: 5px;
padding-right: 15px;
}
.image-48 {
height: 22px;
}
.banner-container-bi-ver2 {
border: 1.5px solid var(--c-grey--600);
background-color: var(--c-grey--trans--0);
border-radius: 30px 0 0;
padding-left: 20px;
padding-right: 20px;
}
.button---main-base-big-btn-4, .button---main-base-big-btn-5, .button---main-base-big-btn-6, .button---main-base-big-btn-7 {
align-self: auto;
}
.footer-v2 {
max-width: none;
margin-left: auto;
margin-right: auto;
}
.m-tt.services-h1.wht._500.large.mobile.nomal.small.manrope.black {
color: var(--c-grey--black);
}
.m-tt.services-h1.wht._500.large.mobile.nomal.small.manrope.black:lang(ko) {
color: var(--c-grey--white);
}
.m-tt.services-intro-hero.black.txt {
padding-bottom: 10px;
}
.m-tt.pink.top-padding.manrope {
font-family: Manrope, sans-serif;
}
.m-tt.manrope.trial---euclid-circular-b.blog {
width: 100%;
}
.button-base-12, .button-base-13 {
justify-content: center;
align-self: auto;
align-items: center;
}
.campaign-benefits.regular.orange-outline, .campaign-benefits.regular.blue-outline, .campaign-steps.regular.orange-outline {
border-style: solid;
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 100%;
}
.campaign-steps.regular.orange-outline {
border-style: solid;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.campaign-steps.regular.blue-outline {
border-style: solid;
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 100%;
}
.voicepartners {
margin-left: auto;
margin-right: auto;
}
.footer-contact-grid-3 {
grid-template-rows: auto;
}
.company-2 {
min-height: 80vh;
}
}
@media screen and (min-width: 1920px) {
.text---large.services-intro-hero.price-text.white.mobile-set {
color: var(--c-grey--white);
font-weight: 300;
}
.link-wrap {
margin-top: 40px;
}
.menu-container.nave-main {
padding-bottom: 11px;
}
.home-hero-section.mobile {
height: 24vh;
}
.featured-work-track {
overflow: hidden;
}
.frame {
max-width: 1600px;
}
.item {
max-width: 700px;
}
.footer-section {
background-color: var(--c-primary--main);
width: auto;
max-width: none;
margin-left: auto;
margin-right: auto;
position: absolute;
left: 0;
right: 0;
}
.footer-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: auto;
display: block;
}
.brand-animate {
width: auto;
height: auto;
font-size: 5vw;
line-height: 3vw;
}
.brand-animate.gray {
font-size: 7vw;
}
.project-details-wrap.blog-tt {
height: 5svh;
}
.contact-form-block {
display: block;
}
.clear-video-2 {
vertical-align: middle;
flex-flow: row;
justify-content: center;
align-items: center;
width: 38vw;
min-width: 0;
max-width: 24vw;
height: 26vw;
min-height: 0;
max-height: 16vw;
display: block;
position: relative;
overflow: hidden;
}
.heading-2.product-txt.white.off {
color: var(--c-grey--300);
}
.clear-4 {
max-width: 100%;
}
.vectors-wrapper-19 {
max-height: 600px;
}
.container---mov {
z-index: 100;
align-self: auto;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.business-content-graphic {
max-width: none;
height: 100%;
max-height: none;
}
.business-content-bg {
max-height: 828.375px;
}
.dropdown-heading.white.mobile {
aspect-ratio: auto;
white-space: pre-wrap;
word-break: normal;
overflow-wrap: normal;
flex-flow: wrap;
max-width: 800px;
display: block;
}
.navbar {
max-width: none;
}
.base-text-2.white, .base-text-2.grey {
padding-left: 20px;
}
.base---19---san.align-right.white.top-margin.mobile.gray.sub-txt {
line-height: 1.7;
}
.base---19---san.align-right.white.top-margin.mobile.gray.sub-txt:lang(ko) {
font-weight: 400;
}
.footer-wrapper {
background-color: var(--c-primary--main);
margin-top: 0;
display: block;
overflow: visible;
}
.footer-wrapper:lang(ja) {
display: block;
}
.footer-wrapper.big, .footer-wrapper.wide {
margin-top: 0;
}
.footer-wrapper.overflow {
overflow: hidden;
}
.footer-grid-3 {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.e.looping-text.pink {
font-size: 10vw;
}
.e.looping-text.pink.manrope.manrope-desktop {
font-size: 3vw;
}
.e.services-h1.black._500 {
font-size: 50px;
}
.e.services-h1.black._500.large.mobile.play-obt {
width: 100%;
}
.e.services-h1.wht._500 {
font-size: 50px;
}
.e.services-h1.wht._500.large.mobile.nomal.small.manrope.black {
color: var(--c-grey--black);
}
.e.services-h1.wht._500.large.mobile.play-obt {
width: 100%;
}
.e.services-intro-hero.black.medium {
width: 100%;
margin-bottom: 60px;
font-size: 40px;
}
.button-base-container.gap {
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.nav--wrapper-3 {
grid-template-columns: .25fr 1fr;
}
.section-heading {
width: 1100px;
}
.service-intro-section-2-0.shift-demo-section-copy {
background-color: var(--c-grey--trans--0);
margin-bottom: 0;
padding-bottom: 0;
}
.services-intro {
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-bottom: 40px;
}
.services-intro:lang(ja) {
background-color: #161615;
}
.pre2-0-section, .pre2-0-section.pink {
background-color: var(--c-grey--trans--0);
}
.pre2-0-section.black {
background-color: var(--c-grey--trans--0);
border-radius: 0;
}
.wokring-with-us-section {
margin-left: auto;
margin-right: auto;
}
.underline.pink {
max-width: 1280px;
margin-bottom: 0;
}
.underline.pink.play-sub-color {
margin-bottom: 20px;
}
.underline.pink.mint {
background-color: var(--c-secondary--mint-green);
}
.underline.white {
margin-top: 20px;
margin-bottom: 20px;
}
.section-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.section-title-wrap.show---flex {
grid-column-gap: 27px;
grid-row-gap: 27px;
margin-bottom: 20px;
}
.about-section-padding {
padding-top: 100px;
}
.about-section-padding.padding-down.padding-top {
width: 100%;
}
.extra-largue.into-page.small-text.pink.manrope {
padding-bottom: 0;
}
.extra-largue.into-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 400;
}
.extra-largue.into-page.small-text.white.manrope {
flex: 0 auto;
order: 0;
align-self: auto;
margin-top: 0;
padding-bottom: 0;
display: block;
}
.extra-largue.into-page.small-text.white.manrope._700 {
color: var(--c-grey--700);
padding-bottom: 20px;
}
.extra-largue.into-page.small-text.white.manrope.neon-yellow {
width: 100%;
color: var(--2-0-yellow);
margin-top: 0;
}
.extra-largue.into-page.small-text.white.manrope {
flex: 0 auto;
order: 0;
align-self: auto;
margin-top: 0;
padding-bottom: 0;
display: block;
}
.extra-largue.into-page.small-text.white.manrope.neon-yellow {
color: #c2ff3e;
width: 100%;
margin-top: 0;
}
.extra-largue.into-page.small-text.white.manrope {
margin-top: 20px;
}
.extra-largue.into-page.pink.manrope.orange {
color: var(--c-secondary--pink);
}
.extra-largue.into-page.pink.manrope.orange.black {
color: var(--c-primary--main);
}
.extra-largue.into-page.green.air-green {
margin-bottom: 20px;
}
.extra-largue.into-page.green.air-green.manrope {
margin-bottom: 0;
}
.extra-largue.into-page.pink.manrope {
padding-bottom: 0;
}
.page-wrapper.bg-black {
background-color: var(--c-primary--main);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
overflow: visible;
}
.service-hero-info-wrapper {
max-width: 70%;
}
.service-hero-header {
width: auto;
font-size: 14rem;
}
.extra-large-text-sub.price-2-0-shift-desc.small.manrope {
margin-bottom: 0;
}
.extra-large-text-sub.intro-page.white._150 {
max-width: none;
}
.extra-large-text-sub.shift-2-0-desc.small.manrope {
margin-bottom: 0;
}
.text---small.air-green.manrope {
margin-bottom: 0;
padding-bottom: 40px;
}
.base-text-5 {
margin-bottom: 0;
}
.serives-hero-text-holder-2 {
padding-bottom: 60px;
}
.serives-hero-text-holder-2:lang(ja), .serives-hero-text-holder-2.mobile {
padding-bottom: 20px;
}
.small-text-11 {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.lightbox-link-base.bg-black {
max-width: 100%;
}
.serives-hero-text-holder-3.black.padding {
margin-bottom: 60px;
}
.heading-5 {
margin-top: -30px;
position: static;
top: -100px;
}
.beyond-the-voice-2 {
height: auto;
}
.button-mask-type-a.play-go {
aspect-ratio: auto;
object-fit: fill;
}
.contents-hero-holder-tt {
flex-flow: column;
max-width: 100%;
display: flex;
}
.heading-3---popup {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.heading-3---popup.mobile {
max-width: 100%;
}
.text---head-product---title-white.medium.small.blue {
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.shift-graphic-b, .shift-graphic-c {
height: 100%;
}
.success-message-3 {
-webkit-text-stroke-color: var(--c-grey--trans--0);
left: auto;
}
.image-4-copy:lang(ja) {
vertical-align: baseline;
display: inline-block;
}
.white {
max-width: 1600px;
}
.image-block {
max-height: none;
}
.hero-image-section {
margin-left: auto;
margin-right: auto;
}
.text-reveal-wrapper {
margin-top: 5vw;
margin-bottom: 5vw;
}
.card-title {
font-size: 18px;
}
.btn-box._2, .btn-box._3 {
min-height: 550px;
padding: 70px;
}
.btn-box._1 {
min-height: 400px;
padding: 70px;
}
.btn-box._1._2 {
padding-top: 20px;
}
.btn-box.api-1, .btn-box.vc-box {
min-height: 400px;
padding: 70px;
}
.card-description.black.white {
position: static;
}
.partners-image-section {
margin-left: auto;
margin-right: auto;
}
.vp-graphic {
height: 100%;
}
.txt-feature.medium {
font-size: 40px;
}
.hero-products {
max-width: 1280px;
}
.products-padding {
margin-right: 40px;
}
.box-copy._2, .box-copy._3, .box-copy._1, .box-products._2, .box-products._3 {
min-height: 550px;
padding: 70px;
}
.box-products._1, .box-products._2, .box-products._3, .box-products.m-p-clear {
min-height: 550px;
padding: 20px;
}
.box-products._3-copy {
min-height: 550px;
padding: 70px;
}
.services-hero-grid-10, .services-hero-grid-10.mobile-10 {
margin-bottom: 40px;
}
.services-hero-grid-10.mobile-10.edit.padding {
margin-bottom: 0;
}
.sticky-spacer-home {
height: 0;
}
.services-hero-grid-12.padding-under-30.padding.padding {
padding-bottom: 0;
}
.footer-wrapper-clear, .footer-wrapper-shift {
margin-top: -100vh;
}
.pre2-0.padding-down {
background-color: #161615;
margin-bottom: 60px;
}
.hero-holder.mobile {
padding-bottom: 30px;
}
.fbcookiebanner.popup-wrapper {
max-width: none;
margin-left: auto;
margin-right: auto;
}
.cookietext {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.cookiebuttons {
max-width: 1280px;
margin-left: 0;
margin-right: auto;
}
.heading-4-white.grey {
color: var(--c-grey--300);
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-weight: 300;
}
.cookie-form-wrap, .download-form-wrap {
width: auto;
}
.graphic-play-a {
height: 100%;
}
.solution-process-dvi {
margin-left: auto;
margin-right: auto;
}
.body-2 {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.graphic-play-b {
height: 100%;
}
.sns-link-wrap {
margin-top: 40px;
}
.body-4, .bg-black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.how-it-works-image-section {
margin-left: auto;
margin-right: auto;
}
.demo-2-0-shift {
border-radius: 0;
}
.lightbox-link-base-shift.bg-black {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.lightbox-link-base-shift.bg-black:lang(ja) {
margin-left: auto;
margin-right: auto;
display: block;
}
.contents-hero-holder-sfhit {
flex-flow: column;
max-width: 100%;
display: flex;
}
.contents-hero-holder-black-cookie-policy.bg-whift {
background-color: var(--c-primary--bg);
}
.body-5 {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.body-6 {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
overflow: visible;
}
.body-7 {
max-width: 1280px;
}
.body-8 {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.body-9, .body-10 {
background-color: var(--c-primary--main);
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.company {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
overflow: visible;
}
.products-banner {
max-width: 1600px;
}
.card-product {
height: 600px;
}
.body-12 {
background-color: var(--c-primary--main);
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.body-13 {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.body-14 {
background-color: var(--c-primary--main);
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.section-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--c-primary--main);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: auto;
margin-left: 0;
margin-right: 0;
display: block;
}
.fbcookiebanner-v2.popup-wrapper {
max-width: none;
margin-left: auto;
margin-right: auto;
}
.navbar-test {
max-width: none;
position: fixed;
inset: auto 0% 0%;
}
.banner-a-txt.popup-wrapper {
max-width: none;
margin-left: auto;
margin-right: auto;
}
.cookietext-copy {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.banner-buttons {
max-width: 1280px;
margin-left: 0;
margin-right: auto;
}
.banner-text-a {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.banner-txt-tt.looping-text.pink {
font-size: 10vw;
}
.banner-txt-tt.services-h1.black._500 {
font-size: 50px;
}
.banner-txt-tt.services-intro-hero.black.medium {
width: 100%;
margin-bottom: 60px;
font-size: 40px;
}
.ad-banner-b {
height: auto;
}
.banner-container._2, .banner-container._3 {
min-height: 550px;
padding: 70px;
}
.banner-container._1, .banner-container._2, .banner-container._3 {
min-height: 550px;
padding: 20px;
}
.banner-txt-wrapper.product-page-option {
grid-template-columns: .35fr 1.25fr;
}
.banner-bg-graphic {
max-width: 1280px;
}
.banner-title-tt {
font-size: 18px;
}
.promo-text---large.sale-color {
color: var(--c-secondary--mint-green);
}
.banner-bg-container._2, .banner-bg-container._3 {
min-height: 550px;
padding: 70px;
}
.banner-bg-container._1, .banner-bg-container._2, .banner-bg-container._3 {
min-height: 550px;
padding: 20px;
}
.text-span-10.green {
color: var(--play-secondary-color--green);
}
.img-box---iso {
max-height: 828.375px;
}
.iso-graphic {
height: 100%;
max-height: 828.375px;
}
.iso-content-bg {
max-height: 828.375px;
}
.air, .air---backup {
max-width: 100%;
}
.air-graphic-a, .air-graphic-b {
display: none;
}
.tts-contents-challenge {
height: auto;
}
.banner-container-tcc._2, .banner-container-tcc._3 {
min-height: 550px;
padding: 70px;
}
.banner-container-tcc._1, .banner-container-tcc._2, .banner-container-tcc._3 {
min-height: 550px;
padding: 20px;
}
.banner-txt-wrapper-tcc.product-page-option {
grid-template-columns: .35fr 1.25fr;
}
.banner-txt-wrapper-tcc.product-page-option-tcc {
grid-template-columns: .6fr 1.25fr 1fr;
}
.banner-title-tcc, .banner-title-tcc.white-border {
border-color: var(--c-primary--bg);
}
.banner-txt-tt-tcc {
color: var(--c-primary--bg);
}
.banner-txt-tt-tcc.looping-text.pink {
font-size: 10vw;
}
.banner-txt-tt-tcc.services-h1.black._500 {
font-size: 50px;
}
.banner-txt-tt-tcc.services-intro-hero.black.medium {
width: 100%;
margin-bottom: 60px;
font-size: 40px;
}
.banner-txt-tt-copy.looping-text.pink {
font-size: 10vw;
}
.banner-txt-tt-copy.services-h1.black._500 {
font-size: 50px;
}
.banner-txt-tt-copy.services-intro-hero.black.medium {
width: 100%;
margin-bottom: 60px;
font-size: 40px;
}
.banner-bg-graphic-banner-txt-tt-tcc {
max-width: 1280px;
}
.section-title.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.play-obt-about-section-padding.padding-down.padding-top, .play-obt-ection-title-wrap {
width: 100%;
}
.play-obt-ection-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.hero-holder-service-b.voice-partners.mobile {
height: 3%;
}
.voice-partners {
height: 100%;
}
.banner-container-voice-partners {
height: 300px;
}
.banner-container-voice-partners._2, .banner-container-voice-partners._3 {
min-height: 550px;
padding: 70px;
}
.banner-container-voice-partners._1, .banner-container-voice-partners._2, .banner-container-voice-partners._3 {
min-height: 550px;
padding: 20px;
}
.banner-txt-wrapper-voice-partners.product-page-option {
grid-template-columns: .35fr 1.25fr;
}
.banner-txt-wrapper-voice-partners.product-page-option-tcc, .banner-txt-wrapper-voice-partners.product-page-option-voice-partners {
grid-template-columns: .85fr 1.25fr 1fr;
}
.banner-txt-wrapper-voice-partners.product-page-option-voice-partners.mobile {
grid-template-rows: auto;
grid-template-columns: .4fr 1fr .25fr;
}
.img-container-voice-partners {
justify-content: flex-end;
align-items: center;
}
.banner-title-voice-partners {
border-style: none;
border-width: 0;
}
.pre2-0-specialoffer.mobile.orange {
font-family: Manrope, sans-serif;
font-weight: 400;
}
.button-base-container-tt.space, .button-base-container-tt.space.flex {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.why-supertone-api-section {
margin-left: auto;
margin-right: auto;
}
.api-section.padding-down.padding-top, .api-about-section-padding.padding-down.padding-top {
width: 100%;
}
.api-p-txt-section {
margin-left: auto;
margin-right: auto;
}
.api-link-wrap {
margin-top: 40px;
}
.api-section-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.get-started-section {
margin-left: auto;
margin-right: auto;
}
.api-box._2, .api-box._3 {
min-height: 550px;
padding: 70px;
}
.api-box._1, .api-box.api-1 {
min-height: 400px;
padding: 70px;
}
.tab-component {
display: flex;
position: relative;
}
.business-inquiry-padding.padding-down.padding-top {
width: 100%;
}
.hero-holder-service-c.voice-partners.mobile, .hero-holder-service-c.api-m.mobile {
height: 3%;
}
.banner-title-api {
border-style: none;
border-width: 0;
}
.banner-container-api {
height: 300px;
}
.banner-container-api._2, .banner-container-api._3 {
min-height: 550px;
padding: 70px;
}
.banner-container-api._1, .banner-container-api._2, .banner-container-api._3 {
min-height: 550px;
padding: 20px;
}
.business-inquiry-bnr.business-inquiry-bnr-setup.mobile.main {
margin-top: 0;
}
.banner-container-bi._2, .banner-container-bi._3 {
min-height: 550px;
padding: 70px;
}
.banner-container-bi._1, .banner-container-bi._2, .banner-container-bi._3 {
min-height: 550px;
padding: 20px;
}
.play-section-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.business-inquiry-banner.mobile {
overflow: visible;
}
.contents-hero-holder-tt---promotion {
flex-flow: column;
max-width: 100%;
display: flex;
}
.btn-tag, .btn-tag.white-border, .btn-tag.btn-tag-color {
border-color: var(--c-primary--bg);
}
.btn-tt-text {
font-size: 18px;
}
.heading-3-m.mobile {
max-width: 100%;
}
.btn-tt-text-m {
font-size: 18px;
}
.heading-2-m.product-txt.white.off {
color: var(--c-grey--300);
}
.play-go-body-tt.padding-down.padding-top {
width: 100%;
}
.play-vc-demo {
margin-left: auto;
margin-right: auto;
}
.pricing-grid.mobile, .pricing-grid.mobile--shift {
grid-template-rows: 8.5fr;
}
.play-feature-section {
margin-left: auto;
margin-right: auto;
}
.big-btn-section.padding-down.padding-top {
width: 100%;
}
.big-btn-section-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.hero-banner {
flex-flow: column;
max-width: 100%;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.hero-banner-img {
background-color: #0000;
justify-content: center;
align-items: center;
display: flex;
}
.hero-banner-img:lang(ko), .hero-banner-img:lang(ja) {
background-color: #0000;
}
.hero-banner-wrap {
text-align: center;
width: 100%;
height: 100%;
}
.hero-banner-image {
display: inline-block;
}
.hero-banner-box-main {
padding-bottom: 0;
}
.bib {
height: auto;
}
.card-product-v2 {
height: 600px;
}
.card-title-v2 {
font-size: 18px;
}
.box-products-grid._2, .box-products-grid._3 {
min-height: 550px;
padding: 70px;
}
.box-products-grid._1, .box-products-grid._2, .box-products-grid._3 {
min-height: 550px;
padding: 20px;
}
.card-txt---tt {
flex-flow: wrap;
justify-content: flex-start;
align-items: stretch;
}
.card-txt---sub.mobile {
max-width: 100%;
}
.card-txt---tt-box {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.box-products-v2._2, .box-products-v2._3 {
min-height: 550px;
padding: 70px;
}
.box-products-v2._1, .box-products-v2._2, .box-products-v2._3, .box-products-v2.m-p-clear {
min-height: 550px;
padding: 20px;
}
.box-products-v2._3-copy {
min-height: 550px;
padding: 70px;
}
.box-products-v2.shift-b {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1f45_%E1%84%8B%E1%85%B0%E1%86%B8%E1%84%89%E1%85%A1%E1%84%8B%E1%85%B5%E1%84%90%E1%85%B3%20%E1%84%8F%E1%85%B5%E1%84%8B%E1%85%B5%E1%84%86%E1%85%B5%E1%84%8C%E1%85%B5-web.avif");
}
.card-txt---sub-txt {
margin: 0 20px 0 0;
display: block;
}
.card-txt---sub-txt.temp {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.card-txt---sub-txt.dub {
grid-column-gap: 16px;
grid-row-gap: 16px;
margin-top: 0;
display: flex;
}
.card-txt---sub-txt.padding {
margin-bottom: 0;
}
.main-products-wide-bnr {
justify-content: flex-start;
align-items: stretch;
height: 100%;
position: relative;
}
.hero-banner-img-link {
margin-top: 0;
}
.hero-holder-service-d.voice-partners.mobile {
height: 3%;
}
.shift_user-video {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 20px;
margin-bottom: 60px;
display: flex;
}
.slide-2 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1db6_%5BPlay%5D%20%E1%84%83%E1%85%A2%E1%84%92%E1%85%A1%E1%86%A8%E1%84%89%E1%85%A2%E1%86%BC%E1%84%91%E1%85%A1%E1%84%90%E1%85%B3%E1%84%82%E1%85%A5_eng.avif");
background-position: 0 0;
background-size: auto;
}
.slide-3 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1dd2_%5BShift%20%E1%84%83%E1%85%A2%E1%84%92%E1%85%A1%E1%86%A8%E1%84%89%E1%85%A2%E1%86%BC%E1%84%91%E1%85%A1%E1%84%90%E1%85%B3%E1%84%82%E1%85%A5%5D%20%E1%84%80%E1%85%A9%E1%86%BC%E1%84%89%E1%85%B5%E1%86%A8%20%E1%84%92%E1%85%A9%E1%86%B7%E1%84%91%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%8C%E1%85%B5%20%E1%84%92%E1%85%A9%E1%86%BC%E1%84%87%E1%85%A9%20%E1%84%87%E1%85%A2%E1%84%82%E1%85%A5_eng.avif");
background-position: 0 0;
background-size: cover;
}
.hero-banner-copy {
flex-flow: column;
max-width: 100%;
display: flex;
}
.slide-6 {
background-position: 50%;
}
.audio-section {
grid-template-rows: auto;
grid-auto-flow: row;
}
.card-wrapper {
justify-content: flex-start;
align-items: stretch;
}
.audio-card-2 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1dd5_Coco_360x2%20(2)%201.avif");
width: 200px;
}
.icon-wrapper-shift {
z-index: 20;
justify-content: center;
align-items: center;
width: 40px;
min-width: 0;
height: 40px;
position: absolute;
inset: auto -10px -10px auto;
}
.play-icon {
width: 40px;
height: 40px;
}
.pause-icon {
width: 40px;
height: 40px;
display: none;
}
.icon-window {
height: 18px;
}
.container---mov-3 {
z-index: 100;
align-self: auto;
width: 100%;
height: 100%;
display: block;
position: absolute;
}
.heading-3-white-2.mobile {
max-width: 100%;
}
.clear-video-4 {
vertical-align: middle;
flex-flow: row;
justify-content: center;
align-items: center;
width: 38vw;
min-width: 0;
max-width: 24vw;
height: 26vw;
min-height: 0;
max-height: 16vw;
display: block;
position: relative;
overflow: hidden;
}
.clear-6 {
max-width: 100%;
}
.contents-hero-holder-sfhit-2 {
flex-flow: column;
max-width: 100%;
display: flex;
}
.contents-hero-holder-sfhit-2.mobile {
border: 1px #000;
display: none;
}
.underline-2.pink {
background-color: #f2a499;
max-width: 1280px;
margin-bottom: 0;
}
.underline-2.white {
max-width: 1280px;
margin-bottom: 0;
}
.text---large-3.services-intro-hero.price-text.white.mobile-set {
color: #fff;
font-weight: 300;
}
.shift-key-image {
z-index: 200;
width: 100%;
min-width: 0%;
height: 100%;
color: var(--c-grey--trans--0);
border: 0 #000;
overflow: hidden;
}
.text---small-2.pink.mobile.slogan.manrope.white {
margin-top: 20px;
}
.clear-video-5 {
vertical-align: middle;
flex-flow: row;
justify-content: center;
align-items: center;
width: 38vw;
min-width: 0;
max-width: 24vw;
height: 26vw;
min-height: 0;
max-height: 16vw;
display: block;
position: relative;
overflow: hidden;
}
.clear-7 {
max-width: 100%;
}
.contents-hero-holder-sfhit-3 {
flex-flow: column;
max-width: 100%;
padding-bottom: 0;
display: block;
}
.contents-hero-holder-sfhit-3.mobile {
border: 1px #000;
}
.section-9 {
height: 150px;
}
.audio-card-3 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1dd7_Cedric_360x2.avif");
width: 200px;
}
.audio-card-1 {
background-image: none;
width: 200px;
}
.audio-card-4 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1dac_Group%209.avif");
width: 200px;
}
.audio-card-5 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1eab_Molk_360x2.avif");
width: 200px;
}
.maruqee-main:lang(ja) {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
display: flex;
}
.section_showcase-2 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.audio-card-image {
overflow: hidden;
}
.name-text {
z-index: 20;
color: var(--c-grey--white);
font-size: 18px;
font-weight: 400;
position: absolute;
bottom: 20px;
left: 14px;
}
.gradient-overlay {
z-index: 10;
-webkit-text-fill-color: inherit;
mix-blend-mode: normal;
background-image: linear-gradient(360deg, #0000008f, #0000 30%);
background-clip: border-box;
font-size: 18px;
position: absolute;
inset: 0;
overflow: hidden;
box-shadow: inset 0 2px 5px #0003;
}
.notice-popup {
z-index: 1000;
width: 90%;
min-width: 0;
max-width: 480px;
}
.ad-banner-2.mobile {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
overflow: hidden;
}
.ad-banner-2.mobile:lang(ko), .ad-banner-2.mobile:lang(ja) {
display: block;
}
.tabs-content-3, .image-20 {
overflow: hidden;
}
.service-intro-section-2-0-2.shift-demo-section-copy {
background-color: #202020;
margin-bottom: 3vh;
padding-bottom: 2vh;
}
.name-text-2 {
z-index: 20;
color: #fff;
font-size: 18px;
font-weight: 400;
position: absolute;
bottom: 20px;
left: 14px;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope {
z-index: 300;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope:lang(ko) {
z-index: 100;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.orange-copy.mobile {
width: 100%;
font-size: 2.8rem;
top: 60px;
}
.shift2-0-keytitle.intro-page.pink.manrope.orange {
color: var(--c-secondary--pink);
}
.shift2-0-keytitle.intro-page.pink.manrope.orange.black {
color: var(--c-primary--main);
}
.shift2-0-subtitle.intro-page.small-text {
z-index: 300;
}
.shift2-0-subtitle.intro-page.pink.manrope.orange {
color: var(--c-secondary--pink);
}
.shift2-0-subtitle.intro-page.pink.manrope.orange.black {
color: var(--c-primary--main);
}
.shift2-0-subtitle.intro-page.small-text-copy {
z-index: 300;
}
.shift2-0-subtitle.intro-page.small-text-copy:lang(ko) {
z-index: 100;
}
.shift2-0-subtitle.intro-page.small-text {
z-index: 10;
top: 140px;
}
.shift2-0-subtitle.intro-page.small-text:lang(ko) {
z-index: 100;
}
.shift2-0-key-button.gap {
justify-content: center;
align-items: center;
margin-top: 20px;
margin-right: 0;
top: 220px;
}
.code-embed-4 {
z-index: 100;
width: 100%;
height: 100%;
display: block;
}
.full-width-banner {
width: 100vw;
height: 40px;
margin-top: 50px;
padding-top: 0;
padding-bottom: 20px;
padding-right: 0;
display: block;
position: relative;
left: -320px;
}
.full-width-banner:lang(ko) {
height: 50px;
margin-left: -32%;
}
.text-span-46 {
color: #fff;
}
.div-block-23 {
display: flex;
}
.div-block-24 {
margin-top: 60px;
}
.image-21 {
margin-left: 600px;
}
.image-21:lang(ko) {
margin-left: 0;
}
.text-span-47 {
color: var(--c-grey--400);
}
.text-span-48 {
color: var(--c-grey--300);
font-size: 36px;
text-decoration: line-through;
}
.full-width-banner-mobile {
width: 100vw;
height: 40px;
margin-top: 50px;
padding-top: 0;
padding-bottom: 20px;
padding-right: 0;
display: none;
position: relative;
left: -320px;
}
.extra-large-text-copy.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 400;
}
.extra-large-text-copy.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy.mobile {
margin-top: 60px;
}
.extra-large-text-copy.intro-page.pink.manrope.orange {
color: var(--c-secondary--pink);
}
.extra-large-text-copy.intro-page.pink.manrope.orange.black {
color: var(--c-primary--main);
}
.shift-key-image-2 {
z-index: 5;
color: #fff0;
border: 0 #000;
width: 75%;
min-width: 0%;
height: 100%;
position: relative;
top: 450px;
overflow: hidden;
}
.text-span-49 {
color: #909090;
font-size: 36px;
text-decoration: line-through;
}
.container---mov-4 {
z-index: 0;
align-self: auto;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 13%;
}
.pre2-0-specialoffer-2.mobile.orange {
font-family: Manrope, sans-serif;
font-weight: 400;
}
.code-embed-5 {
z-index: 10;
width: 75%;
height: 75%;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
top: 13%;
}
.heading-13.product-txt.white.off {
color: #909090;
}
.clear-8 {
max-width: 100%;
height: auto;
display: flex;
overflow: visible;
}
.div-block-29 {
margin-top: auto;
}
.audio-section-mobile {
grid-template-rows: auto;
grid-auto-flow: row;
}
.text-span-53 {
color: pink;
}
.text-span-54 {
color: var(--c-secondary--pink);
}
.text-span-55, .text-span-56 {
color: #f1a599;
}
.approach-heading._50 {
width: 70%;
}
.section-title-wrap-5.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.section-title-wrap-5.show---flex {
grid-column-gap: 27px;
grid-row-gap: 27px;
margin-bottom: 20px;
}
.section-title-wrap-5.show---flex:lang(ja) {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.section-title-wrap-6.show---flex {
grid-column-gap: 27px;
grid-row-gap: 27px;
margin-bottom: 0;
display: flex;
}
.div-block-31 {
height: 0;
padding-bottom: 0;
padding-right: 0;
}
.gallery-wrap-2.padding-side-0 {
margin-bottom: 0;
padding-bottom: 0;
}
.services-intro-5 {
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-bottom: 40px;
}
.services-intro-5.pink {
background-color: #0000;
margin-bottom: 0;
padding-top: 40px;
}
.section-title-wrap-7.show---flex {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-flow: column;
margin-bottom: 0;
display: flex;
}
.about-section-padding-2.padding-down.padding {
background-color: #0000;
margin-top: 0;
}
.button-base-text-5, .button-base-text-5.small, .button-base-text-5.manrope {
font-family: Manrope, sans-serif;
}
.approach-heading-2 {
padding-top: 20px;
line-height: 1.5;
}
.text-span-62 {
color: #fff;
}
.div-block-33 {
position: absolute;
}
.shiftpre2-0-keyimage {
flex-flow: column;
justify-content: center;
align-items: center;
width: 30vw;
display: flex;
}
.div-block-34 {
align-items: center;
position: absolute;
top: 200px;
}
.about-section-padding-3.padding-down.padding {
margin-top: 60px;
}
.div-block-37 {
background-color: var(--c-secondary--pink);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.pricing-wrapper-2 {
grid-template-rows: .5fr .75fr;
grid-template-areas: "Area"
".";
padding-bottom: 0;
display: block;
}
.service-feature-3.regular.orange-outline {
background-color: var(--c-grey--600);
background-color: var(--c-grey--700);
border-style: solid;
}
.service-feature-3.regular.blue-outline {
border-style: solid;
}
.use-case-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.use-case-wrap.show---flex {
grid-column-gap: 27px;
grid-row-gap: 27px;
margin-bottom: 20px;
}
.use-case-section {
margin-left: auto;
margin-right: auto;
}
.use-case-btn-box._2, .use-case-btn-box._3 {
min-height: 550px;
padding: 70px;
}
.use-case-btn-box._1, .use-case-btn-box.api-1 {
min-height: 400px;
padding: 70px;
}
.use-case-btn-box.api-1.api-color {
padding-left: 40px;
padding-right: 40px;
}
.use-case-btn-box.vc-box {
min-height: 400px;
padding: 70px;
}
.base-text-30 {
margin-bottom: 0;
}
.title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.tt-600.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 400;
}
.tt-600.intro-page.small-text.pink.manrope, .tt-600.intro-page.small-text.pink.manrope._700 {
padding-bottom: 20px;
}
.tt-600.intro-page.small-text.pink.manrope {
margin-top: 20px;
}
.tt-600.intro-page.green.air-green {
margin-bottom: 20px;
}
.tt-600.intro-page.green.air-green.manrope {
margin-bottom: 0;
}
.tt-600.intro-page.pink.manrope {
padding-bottom: 0;
}
.tt-600.intro-page.pink.manrope.orange {
color: var(--c-secondary--pink);
}
.tt-600.intro-page.pink.manrope.orange.black {
color: var(--c-primary--main);
}
.tt-500.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 400;
}
.tt-500.intro-page.small-text.pink.manrope, .tt-500.intro-page.small-text.pink.manrope._700 {
padding-bottom: 20px;
}
.tt-500.intro-page.small-text.pink.manrope {
margin-top: 20px;
}
.tt-500.intro-page.green.air-green {
margin-bottom: 20px;
}
.tt-500.intro-page.green.air-green.manrope {
margin-bottom: 0;
}
.tt-500.intro-page.pink.manrope {
padding-bottom: 0;
}
.tt-500.intro-page.pink.manrope.orange {
color: var(--c-secondary--pink);
}
.tt-500.intro-page.pink.manrope.orange.black {
color: var(--c-primary--main);
}
.tt-400.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 400;
}
.tt-400.intro-page.small-text.pink.manrope, .tt-400.intro-page.small-text.pink.manrope._700 {
padding-bottom: 20px;
}
.tt-400.intro-page.small-text.pink.manrope {
margin-top: 20px;
}
.tt-400.intro-page.green.air-green {
margin-bottom: 20px;
}
.tt-400.intro-page.green.air-green.manrope {
margin-bottom: 0;
}
.tt-400.intro-page.pink.manrope {
padding-bottom: 0;
}
.tt-400.intro-page.pink.manrope.orange {
color: var(--c-secondary--pink);
}
.tt-400.intro-page.pink.manrope.orange.black {
color: var(--c-primary--main);
}
.tt-300.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 400;
}
.tt-300.intro-page.small-text.pink.manrope, .tt-300.intro-page.small-text.pink.manrope._700 {
padding-bottom: 20px;
}
.tt-300.intro-page.small-text.pink.manrope {
margin-top: 20px;
}
.tt-300.intro-page.green.air-green {
margin-bottom: 20px;
}
.tt-300.intro-page.green.air-green.manrope {
margin-bottom: 0;
}
.tt-300.intro-page.pink.manrope {
padding-bottom: 0;
}
.tt-300.intro-page.pink.manrope.orange {
color: var(--c-secondary--pink);
}
.tt-300.intro-page.pink.manrope.orange.black {
color: var(--c-primary--main);
}
.tt-200.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 400;
}
.tt-200.intro-page.small-text.pink.manrope, .tt-200.intro-page.small-text.pink.manrope._700 {
padding-bottom: 20px;
}
.tt-200.intro-page.small-text.pink.manrope {
margin-top: 20px;
}
.tt-200.intro-page.green.air-green {
margin-bottom: 20px;
}
.tt-200.intro-page.green.air-green.manrope {
margin-bottom: 0;
}
.tt-200.intro-page.pink.manrope {
padding-bottom: 0;
}
.tt-200.intro-page.pink.manrope.orange {
color: var(--c-secondary--pink);
}
.tt-200.intro-page.pink.manrope.orange.black {
color: var(--c-primary--main);
}
.tt-100.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 400;
}
.tt-100.intro-page.small-text.pink.manrope, .tt-100.intro-page.small-text.pink.manrope._700 {
padding-bottom: 20px;
}
.tt-100.intro-page.small-text.pink.manrope {
margin-top: 20px;
}
.tt-100.intro-page.green.air-green {
margin-bottom: 20px;
}
.tt-100.intro-page.green.air-green.manrope {
margin-bottom: 0;
}
.tt-100.intro-page.pink.manrope {
padding-bottom: 0;
}
.tt-100.intro-page.pink.manrope.orange {
color: var(--c-secondary--pink);
}
.tt-100.intro-page.pink.manrope.orange.black {
color: var(--c-primary--main);
}
.bd-600.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 400;
}
.bd-600.intro-page.small-text.pink.manrope, .bd-600.intro-page.small-text.pink.manrope._700 {
padding-bottom: 20px;
}
.bd-600.intro-page.small-text.pink.manrope {
margin-top: 20px;
}
.bd-600.intro-page.green.air-green {
margin-bottom: 20px;
}
.bd-600.intro-page.green.air-green.manrope {
margin-bottom: 0;
}
.bd-600.intro-page.pink.manrope {
padding-bottom: 0;
}
.bd-600.intro-page.pink.manrope.orange {
color: var(--c-secondary--pink);
}
.bd-600.intro-page.pink.manrope.orange.black {
color: var(--c-primary--main);
}
.bd-500.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 400;
}
.bd-500.intro-page.small-text.pink.manrope, .bd-500.intro-page.small-text.pink.manrope._700 {
padding-bottom: 20px;
}
.bd-500.intro-page.small-text.pink.manrope {
margin-top: 20px;
}
.bd-500.intro-page.green.air-green {
margin-bottom: 20px;
}
.bd-500.intro-page.green.air-green.manrope {
margin-bottom: 0;
}
.bd-500.intro-page.pink.manrope {
padding-bottom: 0;
}
.bd-500.intro-page.pink.manrope.orange {
color: var(--c-secondary--pink);
}
.bd-500.intro-page.pink.manrope.orange.black {
color: var(--c-primary--main);
}
.bd-400.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 400;
}
.bd-400.intro-page.small-text.pink.manrope, .bd-400.intro-page.small-text.pink.manrope._700 {
padding-bottom: 20px;
}
.bd-400.intro-page.small-text.pink.manrope {
margin-top: 20px;
}
.bd-400.intro-page.green.air-green {
margin-bottom: 20px;
}
.bd-400.intro-page.green.air-green.manrope {
margin-bottom: 0;
}
.bd-400.intro-page.pink.manrope {
padding-bottom: 0;
}
.bd-400.intro-page.pink.manrope.orange {
color: var(--c-secondary--pink);
}
.bd-400.intro-page.pink.manrope.orange.black {
color: var(--c-primary--main);
}
.bd-300.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 400;
}
.bd-300.intro-page.small-text.pink.manrope, .bd-300.intro-page.small-text.pink.manrope._700 {
padding-bottom: 20px;
}
.bd-300.intro-page.small-text.pink.manrope {
margin-top: 20px;
}
.bd-300.intro-page.green.air-green {
margin-bottom: 20px;
}
.bd-300.intro-page.green.air-green.manrope {
margin-bottom: 0;
}
.bd-300.intro-page.pink.manrope {
padding-bottom: 0;
}
.bd-300.intro-page.pink.manrope.orange {
color: var(--c-secondary--pink);
}
.bd-300.intro-page.pink.manrope.orange.black {
color: var(--c-primary--main);
}
.bd-200.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 400;
}
.bd-200.intro-page.small-text.pink.manrope, .bd-200.intro-page.small-text.pink.manrope._700 {
padding-bottom: 20px;
}
.bd-200.intro-page.small-text.pink.manrope {
margin-top: 20px;
}
.bd-200.intro-page.green.air-green {
margin-bottom: 20px;
}
.bd-200.intro-page.green.air-green.manrope {
margin-bottom: 0;
}
.bd-200.intro-page.pink.manrope {
padding-bottom: 0;
}
.bd-200.intro-page.pink.manrope.orange {
color: var(--c-secondary--pink);
}
.bd-200.intro-page.pink.manrope.orange.black {
color: var(--c-primary--main);
}
.bd-100.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 400;
}
.bd-100.intro-page.small-text.pink.manrope, .bd-100.intro-page.small-text.pink.manrope._700 {
padding-bottom: 20px;
}
.bd-100.intro-page.small-text.pink.manrope {
margin-top: 20px;
}
.bd-100.intro-page.green.air-green {
margin-bottom: 20px;
}
.bd-100.intro-page.green.air-green.manrope {
margin-bottom: 0;
}
.bd-100.intro-page.pink.manrope {
padding-bottom: 0;
}
.bd-100.intro-page.pink.manrope.orange {
color: var(--c-secondary--pink);
}
.bd-100.intro-page.pink.manrope.orange.black {
color: var(--c-primary--main);
}
.cta-section {
flex-flow: column;
max-width: 100%;
display: flex;
}
.section-title-wrap---b.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.products---sub-txt.mobile {
max-width: 100%;
}
.products---sub-txt.du-test.campaign.color {
display: block;
}
.txt-box---line-small.orange-outline {
border-color: var(--c-secondary--orange);
margin-bottom: 3px;
}
.txt-base-box---small.orange {
color: var(--c-secondary--orange);
margin-top: 0;
top: 2px;
}
.contents-holder-tt {
flex-flow: column;
max-width: 100%;
display: flex;
}
.block {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.txt---tts-demo.mobile, .clear-hero-v2, .clear-9 {
max-width: 100%;
}
.clear-video-6 {
vertical-align: middle;
flex-flow: row;
justify-content: center;
align-items: center;
width: 38vw;
min-width: 0;
max-width: 24vw;
height: 26vw;
min-height: 0;
max-height: 16vw;
display: block;
position: relative;
overflow: hidden;
}
.container---mov-5 {
z-index: 0;
align-self: auto;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 13%;
}
.div-block-40 {
align-items: center;
position: absolute;
top: 200px;
}
.div-block-42 {
margin-top: 40px;
position: absolute;
}
.clear-10 {
max-width: 100%;
height: 1100px;
}
.extra-large-text.intro-page.small-text.pink.manrope {
margin-top: 20px;
}
.extra-large-text.intro-page.pink.manrope {
padding-bottom: 0;
}
.free-plan-2-0 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
width: 100%;
display: block;
}
.code-embed-9 {
z-index: 10;
width: 75%;
height: 75%;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
top: 13%;
}
.shift-key-image-3 {
z-index: 5;
color: #fff0;
border: 0 #000;
width: 75%;
min-width: 0%;
height: 100%;
position: relative;
top: 450px;
overflow: hidden;
}
.div-block-45 {
align-items: center;
position: absolute;
top: 200px;
}
.div-block-47 {
position: absolute;
}
.clear-11 {
max-width: 100%;
height: 1100px;
}
.code-embed-10 {
z-index: 10;
width: 75%;
height: 75%;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
top: 13%;
}
.div-block-49 {
grid-template-columns: auto auto;
place-items: center stretch;
width: 100%;
max-width: 100%;
display: flex;
position: absolute;
top: 200px;
}
.div-block-51 {
position: absolute;
}
.code-embed-11 {
z-index: 10;
width: 75%;
height: 75%;
margin-top: -45px;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
top: 13%;
}
.shift-key-image-4 {
z-index: 5;
color: #fff0;
border: 0 #000;
width: 75%;
min-width: 0%;
height: 100%;
position: relative;
top: 450px;
overflow: hidden;
}
.movie-clip-lightbox.bg-black, .products---sub-txt-02.mobile {
max-width: 100%;
}
.txt-grid, .txt-grid.mobile-10 {
margin-bottom: 40px;
}
.lightbox-link-base-shift2-0-2.bg-black {
max-width: 100%;
}
.text-span-83.pink {
color: var(--c-secondary--pink);
}
.section-11 {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.container-23 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "Area"
/ 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 100%;
display: grid;
}
.contents-hero-holder-shift-2-0 {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
max-width: 100%;
padding-bottom: 40px;
display: flex;
}
.text-m---head-product---title-shift-2-0.play-color.gap.play-official.bg-color.mobile {
display: flex;
}
.hero-shift-2-0 {
height: 100%;
margin-bottom: 0;
}
.shift-2-0-product-title._2-0-yellow {
color: var(--2-0-yellow);
}
.div-block-54 {
align-items: center;
position: absolute;
top: 200px;
}
.contents-hero-holder-sfhit-4 {
flex-flow: column;
max-width: 100%;
padding-bottom: 60px;
display: flex;
}
.div-block-57 {
position: absolute;
}
.shift-key-image-5 {
z-index: 5;
color: #fff0;
border: 0 #000;
width: 75%;
min-width: 0%;
height: 100%;
position: relative;
top: 450px;
overflow: hidden;
}
.button-base-mask-3.manrope.white {
height: 41px;
top: 0%;
}
.code-embed-12 {
z-index: 10;
width: 75%;
height: 75%;
margin-top: -45px;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
top: 13%;
}
.shift-2-0-product-title--2-2rem._2-0-yellow {
color: var(--2-0-yellow);
font-size: 2.2rem;
}
.tabs-nav-background {
border: 1px solid var(--c-grey--white);
background-color: #0000;
margin-left: 0;
}
.container-w3.gutter-outside {
object-fit: fill;
max-width: 100%;
overflow: visible;
}
.tab-content2 {
width: 100%;
height: 100%;
}
.section-tabs {
background-color: #0000;
min-height: 0;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
}
.tabs-nav-item-underline2._03.w--current {
padding-left: 1.5em;
}
.tab-content-image {
width: 100%;
overflow: clip;
}
.tabs-nav-text {
color: var(--c-grey--white);
object-fit: fill;
font-size: 18px;
}
.tabs-nav-text.black.ribbon-small {
margin-top: 3px;
margin-bottom: 3px;
margin-right: 20px;
font-size: 14px;
}
.tab-content-title {
width: 100%;
}
.tabs-menu-wrapper {
background-color: #0000;
padding-left: 0;
padding-right: 0;
}
.container-24 {
flex-flow: column;
max-width: 100%;
display: flex;
}
.shift2-0-body.bg-black.padding {
margin-bottom: 60px;
}
.logo-holder {
margin-top: 60px;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.small.manrope, .extra-large-text-sub-2-0.shift-2-0-desc.small.manrope {
margin-bottom: 0;
}
.code-embed-13 {
width: 100%;
height: 100%;
overflow: visible;
}
.hero-products-v02 {
max-width: 1280px;
}
.how-it-works-title-section.price-2-0-shift-desc.small.manrope, .how-it-works-title-section.shift-2-0-desc.small.manrope {
margin-bottom: 0;
}
.underline-dash.pink {
background-color: var(--c-secondary--pink);
max-width: 1280px;
margin-bottom: 0;
}
.underline-dash.pink.play-sub-color {
margin-bottom: 20px;
}
.underline-dash.pink.mint {
background-color: var(--c-secondary--mint-green);
}
.underline-dash.white {
background-color: var(--c-primary--bg);
margin-top: 20px;
margin-bottom: 20px;
}
.shift-2-0-interactive {
height: 100%;
}
.section-12 {
grid-template-rows: 1fr;
grid-template-areas: "Area";
margin-top: 60px;
margin-bottom: 60px;
}
.div-block-60 {
flex-flow: column;
justify-content: space-between;
width: auto;
display: flex;
}
.button-base-container-shift.gap.bottom-margin.interactive-shift {
padding-bottom: 0;
}
.shift-pricing-section.regular.outline {
background-color: var(--c-grey--700);
border-top-left-radius: 0;
border-top-right-radius: 0;
display: block;
position: relative;
}
.div-block-72.shift {
display: none;
}
.div-block-72.shift:lang(ja) {
display: block;
}
.shift-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.tab--text {
width: 100%;
}
.shift-price-introduction {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
width: 100%;
display: block;
}
.shift-hero-wrapper.play {
margin-bottom: 60px;
}
.shift-spec {
grid-column-gap: 30px;
grid-row-gap: 30px;
margin: 0;
}
.ribbon {
z-index: -5;
background-color: var(--blue--600);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 100%;
margin-left: 0;
margin-right: 0;
position: absolute;
top: -50px;
left: 0;
}
.credit-banner-shift.regular.trial-hero {
margin-bottom: 100px;
}
.ribbon-price {
background-color: var(--c-grey--500);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
width: 100%;
margin-top: 10px;
top: -34px;
}
.ribbon-price.orange-bg {
background-color: var(--c-secondary--orange);
border-top-left-radius: 8px;
border-top-right-radius: 0;
top: -32px;
}
.ribbon-price.orange {
z-index: -1;
border: 1px solid var(--c-secondary--orange);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
top: -35px;
}
.ribbon-price.blue-bg {
border-color: var(--c-primary--blue-500);
}
.div-block-77 {
padding-top: 20px;
}
.pricing-shift {
padding-bottom: 40px;
}
.shift-service-hero-section-base-copy.play.shift {
padding-bottom: 100px;
}
.shift2-0body.padding-down.padding-top {
width: 100%;
}
.div-block-81 {
justify-content: flex-start;
align-items: center;
}
.btn-box-2.api-1, .btn-box-2.vc-box {
min-height: 400px;
padding: 70px;
}
.contents-hero-holder-tt-2 {
flex-flow: column;
max-width: 100%;
display: flex;
}
.btn-tt-text-m-2 {
font-size: 18px;
}
.underline-5.pink {
background-color: #f2a499;
max-width: 1280px;
margin-bottom: 0;
}
.underline-5.pink.play-sub-color {
margin-bottom: 20px;
}
.btn-tag-2, .btn-tag-2.btn-tag-color {
border-color: #f0f0f0;
}
.shift-product-img-section {
width: 100%;
}
.shift-product-img-section.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.card-txt---tt-box-v2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.campaign-section-title-wrap.black {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.campaign-section-title-wrap.show---flex {
grid-column-gap: 27px;
grid-row-gap: 27px;
margin-bottom: 20px;
}
.campaign-box._2, .campaign-box._3 {
min-height: 550px;
padding: 70px;
}
.campaign-box._1, .campaign-box.api-1 {
min-height: 400px;
padding: 70px;
}
.campaign-section {
margin-left: auto;
margin-right: auto;
}
.campaign-section.padding.padding.creator.benefits {
padding-top: 0;
padding-bottom: 80px;
}
.campaign-section.padding.padding.creator.benefits.upper-padding {
padding-top: 80px;
}
.campaign-image-holder-box {
max-height: 828.375px;
}
.campaign-image-holder-graphic {
max-width: none;
height: 100%;
max-height: none;
}
.apply-image-section {
margin-left: auto;
margin-right: auto;
}
.campaign-btn-box._2, .campaign-btn-box._3 {
min-height: 550px;
padding: 70px;
}
.campaign-btn-box._1 {
min-height: 400px;
padding: 70px;
}
.campaign-btn-box._1.border-color {
padding-top: 20px;
padding-left: 40px;
padding-right: 40px;
}
.campaign-btn-box.api-1, .campaign-btn-box.vc-box {
min-height: 400px;
padding: 70px;
}
.campaign-grid.mobile, .campaign-grid.mobile--shift {
grid-template-rows: 8.5fr;
}
.campaign-service-feature-3.regular.orange-outline {
background-color: var(--c-grey--600);
background-color: var(--c-grey--700);
border-style: solid;
}
.campaign-service-feature-3.regular.blue-outline {
border-style: solid;
}
.campaign-apply-box-section {
margin-left: auto;
margin-right: auto;
}
.campaign-apply-box-box._2, .campaign-apply-box-box._3 {
min-height: 550px;
padding: 70px;
}
.campaign-apply-box-box._1, .campaign-apply-box-box.api-1 {
min-height: 400px;
padding: 70px;
}
.campaign-apply-box-box.mobile.green-color {
background-color: var(--c-grey--trans--0);
min-height: auto;
}
.campaign-apply-box-box.mobile.green-color.transparent {
background-color: var(--c-grey--trans--0);
}
.campign-wrapper {
grid-template-rows: .5fr .75fr;
grid-template-areas: "Area"
".";
padding-bottom: 0;
display: block;
}
.card-txt---sub-tt {
flex-flow: wrap;
display: flex;
}
.txt-grid-2col, .txt-grid-2col.mobile-10 {
margin-bottom: 40px;
}
.campaign-contact-section.padding-down.padding-top {
width: 100%;
}
.card-title-2 {
font-size: 18px;
}
.container---mov-6 {
z-index: 100;
align-self: auto;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.banner-title-tt-2 {
font-size: 18px;
}
.underline-6.white {
max-width: 1280px;
margin-bottom: 0;
}
.card-title-3 {
font-size: 18px;
}
.container---mov-7 {
z-index: 100;
align-self: auto;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.underline-7.white {
max-width: 1280px;
margin-bottom: 0;
}
.lightbox-link-base-2.bg-black {
max-width: 100%;
}
.container---mov-8 {
z-index: 100;
align-self: auto;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.clear-12, .lightbox-link-base-3.bg-black {
max-width: 100%;
}
.hero-banner-2 {
flex-flow: column;
max-width: 100%;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.hero-banner-img-link-2 {
margin-top: 0;
}
.hero-banner-img-2 {
background-color: #0000;
justify-content: center;
align-items: center;
display: flex;
}
.hero-banner-img-2:lang(ko), .hero-banner-img-2:lang(ja) {
background-color: #0000;
}
.shift-introduction {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
width: 100%;
padding-top: 20px;
display: block;
}
.lightbox-link-base-4.bg-black {
max-width: 100%;
}
.b-block {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.cta-section-v2 {
flex-flow: column;
max-width: 100%;
display: flex;
}
.block-copy {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.cta-section-v3 {
flex-flow: column;
max-width: 100%;
display: flex;
}
.bd-80.intro-page.small-text.pink.manrope.green.bold {
margin-bottom: 10px;
font-weight: 400;
}
.bd-80.intro-page.small-text.pink.manrope, .bd-80.intro-page.small-text.pink.manrope._700 {
padding-bottom: 20px;
}
.bd-80.intro-page.small-text.pink.manrope {
margin-top: 20px;
}
.bd-80.intro-page.green.air-green {
margin-bottom: 20px;
}
.bd-80.intro-page.green.air-green.manrope {
margin-bottom: 0;
}
.bd-80.intro-page.pink.manrope {
padding-bottom: 0;
}
.bd-80.intro-page.pink.manrope.orange {
color: var(--c-secondary--pink);
}
.bd-80.intro-page.pink.manrope.orange.black {
color: var(--c-primary--main);
}
.clear-price-2.padding-down.padding {
background-color: #0000;
margin-top: 0;
}
.card-txt---tt-3 {
flex-flow: wrap;
display: flex;
}
.card-txt---sub-txt-3 {
margin: 0 20px 0 0;
display: block;
}
.card-txt---tt-4 {
flex-flow: wrap;
display: flex;
}
.btn-tt-text-m-3 {
font-size: 18px;
}
.card-txt---sub-txt-4 {
margin: 0 20px 0 0;
display: block;
}
.card-txt---sub-txt-4.temp {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.btn-tag-3, .btn-tag-3.btn-tag-color {
border-color: #f0f0f0;
}
.contents-holder-tt-2 {
flex-flow: column;
max-width: 100%;
display: flex;
}
.card-txt---tt-5 {
flex-flow: wrap;
display: flex;
}
.card-txt---tt-5.center {
justify-content: center;
align-items: stretch;
}
.card-txt---sub-txt-5 {
margin: 0 20px 0 0;
display: block;
}
.card-txt---sub-txt-5.temp {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.cta-section-v3-2 {
flex-flow: column;
max-width: 100%;
display: flex;
}
.btn-tt-text-m-4 {
font-size: 18px;
}
.cta-section-2 {
flex-flow: column;
max-width: 100%;
display: flex;
}
.btn-tag-4, .btn-tag-4.btn-tag-color {
border-color: #f0f0f0;
}
.navbar-v2 {
max-width: none;
}
.nav--wrapper-5 {
grid-template-columns: .25fr 1fr;
}
.hero-img-holder-3 {
max-width: 100%;
}
.main-body {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.button-base-container-tt-2.space, .button-base-container-tt-2.space.flex {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.e-commerce-registration-section {
background-color: var(--c-primary--main);
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.pricing-wrapper-3 {
grid-template-rows: .5fr .75fr;
grid-template-areas: "Area"
".";
padding-bottom: 0;
display: block;
}
.underline-8.white {
max-width: 1280px;
margin-bottom: 0;
}
.play-obt-ection-title-wrap-2 {
width: 100%;
}
.banner-txt-tt-tcc-2 {
color: #f0f0f0;
}
.business-inquiry-bnr-2.business-inquiry-bnr-setup.mobile.main {
margin-top: 0;
}
.banner-title-tcc-2, .banner-title-tcc-2.white-border {
border-color: #f0f0f0;
}
.bib-2 {
height: auto;
}
.banner-container-bi-ver2._2, .banner-container-bi-ver2._3 {
min-height: 550px;
padding: 70px;
}
.banner-container-bi-ver2._1, .banner-container-bi-ver2._2, .banner-container-bi-ver2._3 {
min-height: 550px;
padding: 20px;
}
.play-obt-ection-title-wrap-3 {
width: 100%;
}
.underline-9.white, .underline-10.white {
max-width: 1280px;
margin-bottom: 0;
}
.footer-v2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: auto;
margin-left: 0;
margin-right: 0;
display: block;
}
.card-title-small {
font-size: 18px;
}
.m-tt.looping-text.pink {
font-size: 10vw;
}
.m-tt.services-h1.black._500 {
font-size: 50px;
}
.m-tt.services-h1.black._500.large.mobile.play-obt {
width: 100%;
}
.m-tt.services-h1.wht._500 {
font-size: 50px;
}
.m-tt.services-h1.wht._500.large.mobile.nomal.small.manrope.black {
color: var(--c-grey--black);
}
.m-tt.services-h1.wht._500.large.mobile.play-obt {
width: 100%;
}
.m-tt.services-intro-hero.black.medium {
width: 100%;
margin-bottom: 60px;
font-size: 40px;
}
.tt-section {
margin: 0 20px 0 0;
display: block;
}
.tt-section.temp {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.tt-holder, .cta-section-3 {
flex-flow: column;
max-width: 100%;
display: flex;
}
.promo-text---large-12.sale-color, .promo-text---large-13.sale-color, .promo-text---large-14.sale-color {
color: #64ffbc;
}
.biz-cta.shift {
padding-bottom: 0;
}
.div-block-100 {
margin-top: 100px;
}
.campaign-benefits.regular.orange-outline {
background-color: var(--c-grey--600);
background-color: var(--c-grey--700);
border-style: solid;
}
.campaign-benefits.regular.blue-outline {
border-style: solid;
}
.txt-grid-1col, .txt-grid-1col.mobile-10 {
margin-bottom: 40px;
}
.campaign-steps.regular.orange-outline {
background-color: var(--c-grey--600);
background-color: var(--c-grey--700);
border-style: solid;
}
.campaign-steps.regular.blue-outline {
border-style: solid;
}
.image-step {
margin-left: auto;
margin-right: auto;
}
.level-box._2, .level-box._3 {
min-height: 550px;
padding: 70px;
}
.level-box._1 {
min-height: 400px;
padding: 70px;
}
.level-box._1.border-color {
padding-top: 20px;
padding-left: 40px;
padding-right: 40px;
}
.level-box.api-1, .level-box.vc-box {
min-height: 400px;
padding: 70px;
}
.campaign-level-box---arrow._2, .campaign-level-box---arrow._3 {
min-height: 550px;
padding: 70px;
}
.campaign-level-box---arrow._1 {
min-height: 400px;
padding: 70px;
}
.campaign-level-box---arrow._1.border-color {
padding-top: 20px;
padding-left: 40px;
padding-right: 40px;
}
.campaign-level-box---arrow.api-1, .campaign-level-box---arrow.vc-box {
min-height: 400px;
padding: 70px;
}
.card-txt---tt-box-profile {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
display: flex;
}
.products---sub-txt-profile.mobile {
max-width: 100%;
}
.card-txt---tt-profile {
flex-flow: wrap;
justify-content: flex-start;
align-items: stretch;
}
.company-2 {
max-width: 1280px;
min-height: 80vh;
margin-left: auto;
margin-right: auto;
overflow: visible;
}
}
@media screen and (max-width: 991px) {
.columns-wrap {
padding-top: 70px;
padding-left: 50px;
padding-right: 50px;
}
.left-column {
width: 30%;
}
.text---large.menu-large-text {
display: none;
}
.text---large.services-h1 {
font-family: Bdogrotesk;
font-weight: 400;
}
.text---large.services-intro-hero {
width: 85%;
}
.text---large.services-intro-hero.price-text.white.left-gap.manrope {
font-size: 26px;
}
.text---large.text-brand-description.white {
font-size: 22px;
}
.text---large.about-testimonial {
width: 90%;
}
.small-text {
font-size: 18px;
}
.small-text._20px {
font-size: 14px;
}
.small-text.letter-spacing {
font-size: 17px;
}
.base-text {
font-size: 14px;
}
.base-text.number {
font-size: 18px;
}
.base-text.number.txttt.wht.small:lang(ko), .base-text.number.txttt.wht.small.aligigi {
font-size: 16px;
}
.colour.beige, .colour.grey, .colour.charcoal {
height: 120px;
}
.intro-guide-wrap {
padding: 100px 50px 70px;
}
.button.contact-button {
margin-left: auto;
margin-right: auto;
}
.nav-grid {
grid-column-gap: 16px;
grid-template-columns: 1fr 1fr 1fr;
}
.brand-wrap {
width: 160px;
}
.link {
font-size: 14px;
}
.home-hero-section.mobile {
height: 26vh;
max-height: 14vh;
}
.hero-intro-wrap {
width: 70%;
}
.featured-work-track {
height: auto;
padding-top: 0;
}
.camera {
width: auto;
height: auto;
overflow: visible;
}
.frame {
flex-direction: column;
padding-left: 0;
}
.item {
cursor: auto;
width: 100%;
height: 70vh;
}
.to-expect-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.process-inner-grid {
grid-template-columns: .25fr 1fr;
}
.gallery-grid {
grid-template-rows: 1fr auto;
grid-template-columns: 1fr 1fr;
}
.footer-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.footer-nav-links-grid {
grid-template-rows: auto auto auto;
grid-template-columns: min-content;
justify-items: end;
}
.pop-up-wrap {
display: none;
}
.pop-up-image {
width: 200px;
}
.services-hero-grid {
grid-template-columns: .5fr .5fr .5fr;
}
.serivce-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.service-1-about {
padding-right: 10px;
}
.project-details-wrap.extra-padding {
margin-right: 10px;
}
.brands-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: center;
align-items: center;
}
.brand-div {
flex-flow: row;
width: 26%;
}
.testimonial-component {
grid-template-columns: 1fr 1fr;
}
.testimonial-intro {
width: 80%;
}
.team-wrap {
width: 75%;
}
.team-image-wrap {
height: auto;
}
.team-image {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
}
.about-hero-section {
padding-top: 40px;
}
.about-us-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.large-picture-wrap {
height: 60vh;
}
.about-grid {
grid-template-columns: .5fr .5fr .5fr;
}
.contact-form-section {
justify-content: center;
}
.contact-form-wrap {
width: 70%;
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
.contact-first-column {
align-items: center;
}
.contact-first-column.contact-paragraph {
text-align: left;
width: 100%;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
}
.form-checkbox-wrap {
justify-content: center;
align-items: center;
position: static;
}
.checkbox-first-wrap {
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
}
.checkbox-first-wrap.align {
justify-content: center;
align-items: flex-start;
}
.support-text-wrap {
display: none;
}
.privacy-policy-wrap {
width: 100%;
}
.error-message {
margin-left: auto;
margin-right: auto;
}
.work-info {
grid-template-columns: .5fr 1fr 1fr;
}
.featured-collection-list {
flex-direction: column;
}
.featured-collection-item {
padding-left: 20px;
padding-right: 20px;
}
.work-intro-grid {
width: 100%;
}
.work-grid {
column-count: 1;
}
.secondary-images-list {
grid-template-columns: 1fr;
}
.suggested-link {
height: 250px;
}
.gallery-collection-item.blog {
height: 400px;
}
.nav-social-links-wrap {
grid-column-gap: 20px;
}
.template-information-wrapper {
text-align: left;
}
.license-content-wrap {
padding-top: 70px;
padding-left: 50px;
padding-right: 50px;
}
.success-message-2 {
margin-left: auto;
margin-right: auto;
}
.instructions-content-wrap {
padding-top: 70px;
padding-left: 50px;
padding-right: 50px;
}
.category-first-column {
width: 60%;
}
.catgeory-grid {
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.project-description-wrap {
width: 100%;
}
.clear-video-2 {
width: 38vw;
height: 26vw;
}
.heading-2.product-txt.white.color-grey {
font-size: 14px;
}
.heading-2.product-txt.white.color-grey.light.green.api-customer-support-align.api-color {
font-size: 16px;
}
.spin-sym {
justify-content: center;
align-items: center;
}
.container-mov {
grid-auto-flow: row;
}
.container---mov {
overflow: visible;
}
.contents-hero-holder-b {
margin-bottom: 60px;
}
.text---head.menu-large-text {
display: none;
}
.text---head.services-intro-hero {
width: 85%;
}
.text---head.about-testimonial {
width: 90%;
}
.rl_menu-icon_line-bottom {
background-color: #000;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.rl_menu-icon_line-middle-inner {
width: 4px;
height: 0;
padding-bottom: 0;
padding-right: 0;
}
.rl_menu-icon_line-middle {
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;
}
.rl_menu-icon_line-top {
background-color: #000;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.rl_menu-icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.rl_navbar1_menu-button.w--open {
background-color: #0000;
}
.rl_navbar1_menu-buttons {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
align-items: stretch;
margin-top: 1.5rem;
margin-left: 0;
}
.rl_navbar1_dropdown-link {
width: auto;
padding: .75rem 0 .75rem 5%;
}
.rl_navbar1_dropdown-list {
position: static;
overflow: hidden;
}
.rl_navbar1_dropdown-list.w--open {
border-style: none;
padding: 0;
}
.rl-dropdown-icon {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
inset: auto 0% auto auto;
}
.rl_navbar2_dropdown-toggle {
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 0;
display: flex;
}
.rl_navbar1_menu-dropdown {
width: 100%;
font-size: 1.125rem;
}
.rl_navbar1_link {
width: auto;
padding: .75rem 0;
font-size: 1.125rem;
}
.rl_navbar1_menu {
-webkit-text-fill-color: inherit;
background-color: #fff;
background-clip: border-box;
border-bottom: 1px solid #000;
padding: 1rem 5% 2rem;
position: absolute;
overflow: auto;
}
.rl_navbar1_menu.is-page-height-tablet {
height: 100vh;
padding-bottom: 15rem;
}
.nav-spt-sym {
width: auto;
height: auto;
padding-bottom: 0;
padding-right: 0;
inset: 2px;
}
.nav-spt-sym.mobile {
object-fit: cover;
padding: 1.5px;
display: block;
position: static;
inset: 2px;
}
.nav--wrapper {
grid-template-rows: auto;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
.dropdown-heading {
margin-bottom: 5px;
}
.dropdown-heading.white.mobile {
color: var(--c-grey--300);
padding-left: 40px;
font-size: 22px;
}
.lottie-animation-2 {
width: 30px;
height: 48px;
}
.small-text-2 {
margin-right: 20px;
}
.small-text-2.coming-soon {
white-space: nowrap;
}
.dropdown-linkblock {
border-radius: 0;
margin: 0;
}
.dropdown-linkblock:hover {
outline-offset: 0px;
outline: 3px #11594f1a;
}
.arrow-3 {
display: block;
}
.arrow-3.nav-arrow {
filter: none;
width: 22px;
height: 22px;
display: block;
}
.menu-button {
padding-top: 10px;
padding-bottom: 10px;
}
.menu-button.w--open {
background-color: #f6f2e2;
}
.icon-2 {
width: 22px;
height: 22px;
margin-right: 0;
}
.dropdown-toggle {
justify-content: space-between;
padding-left: 0;
padding-right: 0;
display: flex;
}
.dropdown-list.w--open {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #0000;
flex-flow: column;
display: flex;
}
.nav-links {
flex: 1;
padding-left: 0;
padding-right: 0;
}
.nav-links.contact {
background-color: #0000;
padding: 20px 0;
}
.nav-menu-2 {
background-color: var(--c-grey--trans--90-900);
height: 100vh;
padding-top: 20px;
overflow: hidden;
}
.dropdown-2 {
flex: 1;
}
.coming-soon-wrap {
padding: 3px 7px;
}
.nav-link-wrapper {
text-align: left;
justify-content: space-between;
align-items: center;
margin-left: 40px;
margin-right: 40px;
display: flex;
}
.dropdown-toggle-copy {
justify-content: space-between;
padding-left: 0;
padding-right: 0;
display: flex;
}
.btn-core {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.base-text-2 {
justify-content: center;
align-items: center;
display: flex;
}
.base-text-2.white {
justify-content: flex-start;
align-items: center;
padding-left: 0;
}
.base-text-2.grey {
padding-left: 0;
font-size: 16px;
}
.button-2-2-mask, .text---medium.menu-large-text {
display: none;
}
.text---medium.services-intro-hero {
width: 85%;
}
.text---medium.about-testimonial {
width: 90%;
}
.base---19---san.align-right.white.top-margin.mobile.gray.sub-txt {
font-size: 16px;
}
.text---head-product---title.menu-large-text {
display: none;
}
.text---head-product---title.services-intro-hero {
width: 85%;
}
.text---head-product---title.about-testimonial {
width: 90%;
}
.service-inner-grid---no-interactions {
padding-left: 10px;
}
.legals-social-wrapper {
grid-column-gap: 3vh;
grid-row-gap: 3vh;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.footer-wrapper.soluton.padding {
margin-top: 0;
}
.footer-links-grid {
grid-column-gap: 5vh;
grid-row-gap: 5vh;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.footer-grid-2 {
grid-column-gap: 7vh;
grid-row-gap: 7vh;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.footer-upper-info {
grid-column-gap: 7vh;
grid-row-gap: 7vh;
flex-flow: row;
}
.footer-text {
font-size: 32vw;
}
.large-text-wrapper {
overflow: visible;
}
.legals-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-end;
}
.footer-section-2 {
background-color: var(--c-grey--trans--0);
height: auto;
padding-bottom: 0;
position: static;
}
.footer-link-new-wrapper {
margin-right: auto;
}
.input-submit-wrapper {
width: 100%;
}
.btn-small {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.button-3-small {
margin-top: 20px;
margin-bottom: 0;
}
.button-3 {
display: none;
}
.footer-grid-3 {
grid-column-gap: 40px;
grid-template-rows: auto auto auto;
grid-template-columns: .75fr 1fr;
padding-bottom: 60px;
}
.legals-wrap-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.e {
width: 90%;
font-size: 30px;
}
.e.services-h1.title {
margin-bottom: 0;
}
.e.services-h1.title.whifte.padding.manrope-mobile.manrope-desktop {
font-size: 50px;
}
.e.services-h1.title.padding.small {
font-size: 30px;
}
.e.services-h1.black._500 {
margin-bottom: 60px;
padding-bottom: 0;
font-size: 32px;
}
.e.services-h1.black._500.large {
font-size: 40px;
}
.e.services-h1.black._500.large.mobile {
width: 60%;
}
.e.services-h1.black._500.large.mobile.play-obt {
width: 100%;
margin-bottom: 20px;
}
.e.services-h1.wht._500 {
margin-bottom: 60px;
padding-bottom: 0;
font-size: 32px;
}
.e.services-h1.wht._500.large {
font-size: 40px;
}
.e.services-h1.wht._500.large.mobile {
width: 60%;
}
.e.services-h1.wht._500.large.mobile.nomal.small.manrope.black {
color: var(--c-grey--white);
}
.e.services-h1.wht._500.large.mobile.play-obt {
width: 100%;
margin-bottom: 20px;
}
.e.services-intro-hero {
width: 85%;
}
.e.services-intro-hero._50.mobile {
width: 70%;
}
.e.services-intro-hero.black {
margin-bottom: 0;
padding-bottom: 10px;
font-size: 24px;
}
.e.services-intro-hero.black.medium {
margin-bottom: 100px;
padding-bottom: 0;
font-size: 20px;
}
.e.services-intro-hero.black.txt {
padding-bottom: 0;
font-size: 30px;
}
.e.services-intro-hero.black.txt.mobile {
font-size: 20px;
}
.e.services-intro-hero.white._500 {
margin-bottom: 20px;
padding-bottom: 0;
font-size: 26px;
}
.e.services-intro-hero.manrope {
font-size: 26px;
}
.e.pink.top-padding {
width: 70%;
}
.footer-contact-grid-2 {
grid-template-rows: auto;
}
.footer-nav-links-grid-2 {
grid-template-rows: auto auto auto;
grid-template-columns: min-content;
justify-items: end;
}
.button-base-container {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.button-base-mask {
display: block;
}
.button-base {
height: 32px;
}
.button-base.aligan.play-btn-color {
justify-content: center;
align-items: center;
}
.button-base-text {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text.button2-2-text, .button-base-text.button-text---demo, .button-base-text.ssmall {
font-size: 16px;
}
.button-footer-container {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.nav-title {
margin-bottom: 6px;
font-size: 15px;
}
.mobile-nav {
background-color: #fff;
padding-top: 15px;
padding-bottom: 50%;
box-shadow: 42px 42px 55px #20355a17;
}
.vectors-wrapper-24 {
width: 49px;
height: 49px;
}
.menu-mob {
background-color: var(--c-grey--trans--0);
color: #fff;
border-radius: 10px;
padding: 0;
font-size: 22px;
}
.menu-mob.w--open {
background-color: var(--c-grey--trans--0);
}
.navigation-container-mob {
justify-content: space-between;
}
.navigation-link-block {
padding-top: 15px;
padding-bottom: 15px;
}
.navigation {
display: none;
}
.navigation-full, .dropdown-list-mob {
background-color: #fff;
}
.dropdown-list-mob.w--open {
padding-bottom: 10px;
box-shadow: 11px 59px 55px #5252520d;
}
.navigation-mob {
border-bottom: 1px solid #4455671c;
flex-direction: row;
justify-content: center;
padding: 0 3%;
display: flex;
}
.mobile-nav-link, .mobile-toggle {
width: 100%;
}
.navigation-link-block-mob {
margin-bottom: 0;
padding-top: 12px;
padding-bottom: 12px;
}
.navigation-link-block-mob:hover {
background-color: #0000;
}
.mobile-dropdown {
width: 100%;
}
.nav-content-wrap {
padding-left: 10px;
}
.navigation-left {
display: none;
}
.menu-button-2 {
padding: 10px;
}
.menu-button-2.w--open {
background-color: var(--c-grey--trans--0);
padding-top: 10px;
padding-bottom: 10px;
}
.spin-sym-mob, .brand-2 {
width: 50px;
height: 50px;
}
.nav--wrapper-2 {
grid-template-rows: auto;
padding-left: 40px;
padding-right: 20px;
overflow: hidden;
}
.logo-wrapper-2 {
padding-top: 0;
padding-bottom: 0;
}
.small-text-4.coming-soon {
white-space: nowrap;
font-size: 13px;
}
.dropdown-linkblock-2 {
border-radius: 0;
margin: 0;
}
.dropdown-linkblock-2:hover {
outline-offset: 0px;
outline: 3px #11594f1a;
}
.arrow-2-2 {
display: block;
}
.arrow-2-2.nav-arrow {
filter: none;
width: 22px;
height: 22px;
display: block;
}
.menu-button-3 {
padding: 0 0 0 10px;
}
.menu-button-3.w--open {
background-color: var(--c-primary--main);
}
.dropdown-toggle-3 {
justify-content: space-between;
padding-left: 0;
padding-right: 0;
display: flex;
}
.brand-image-4 {
width: 300px;
}
.brand-image-4.tablet.w--current {
width: auto;
}
.service-dropdown-2 {
color: var(--c-primary--main);
}
.service-dropdown-2.white.large, .service-dropdown-2.white.large.w--current {
color: var(--c-primary--bg);
font-size: 22px;
}
.dropdown-list-3.w--open {
grid-column-gap: 10px;
grid-row-gap: 10px;
box-shadow: none;
background-color: #0000;
flex-flow: column;
display: flex;
}
.nav-links-2 {
flex: 1;
padding-left: 0;
padding-right: 0;
}
.nav-links-2.contact {
background-color: #0000;
padding: 20px 0;
}
.dropdown-3 {
flex: 1;
}
.nav--wrapper-3 {
grid-template-rows: auto;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
.nav-link-wrapper-v2, .nav-link-wrapper-v2-1grid, .nav-link-wrapper-v2-2grid {
text-align: left;
justify-content: space-between;
align-items: center;
margin-left: 40px;
margin-right: 40px;
display: flex;
}
.dropdown-list-3-1grid.w--open {
grid-column-gap: 10px;
grid-row-gap: 10px;
box-shadow: none;
background-color: #0000;
flex-flow: column;
display: flex;
}
.dropdown-linkblock-2-1grid {
border-radius: 0;
margin: 0;
}
.dropdown-linkblock-2-1grid:hover {
outline-offset: 0px;
outline: 3px #11594f1a;
}
.nav-link-wrapper-v2-1grid-02 {
text-align: left;
justify-content: space-between;
align-items: center;
margin-left: 40px;
margin-right: 40px;
display: flex;
}
.service-section-video {
padding-top: 0;
}
.our-approach-grid {
grid-column-gap: 40px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
}
.use-case-words-txt {
font-size: 14px;
}
.use-case-words-txt._50 {
width: 80%;
}
.use-case-words-txt.center-tt {
margin-top: 40px;
}
.webflow-feature-heading.wht-txt._100, .webflow-feature-heading.wht-txt._100:lang(ja) {
width: 100%;
}
.webflow-feature-heading.wht-txt.gray {
font-size: 22px;
}
.about-grid-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: 1fr;
margin-bottom: 0;
}
.our-approach-grid-2 {
grid-column-gap: 40px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
}
.button-1-mask {
display: none;
}
.solutions-subheading-wrapper {
margin-left: auto;
margin-right: auto;
}
.section-heading {
width: 100%;
}
.with-us-heading {
width: 70%;
}
.circle-wrapper {
cursor: auto;
}
.with-us-feature {
font-size: 16px;
}
.wokring-with-us-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 8vh;
padding-left: 40px;
padding-right: 40px;
}
.wokring-with-us-section.gap {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.contact-text {
color: #f6f2e2;
}
.service-loop-outer-container {
padding-top: 40px;
padding-bottom: 40px;
}
.section-title-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: stretch;
}
.contact-section {
cursor: auto;
height: auto;
}
.service-features-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
justify-items: center;
padding-top: 40px;
padding-bottom: 80px;
}
.solutions-grid {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.about-section-padding.padding-down {
background-color: var(--c-primary--main);
padding-bottom: 60px;
}
.about-section-padding.padding-down.padding-top.margin-top {
background-color: var(--c-grey--trans--0);
}
.about-section-padding.padding-down.bottom {
background-color: var(--c-grey--trans--0);
padding-bottom: 40px;
}
.about-section-padding.padding-down.padding {
background-color: var(--c-grey--trans--0);
}
.about-section-padding.gap {
padding-top: 100px;
}
.cursor-wrapper {
display: none;
}
.example-lower-info {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.examples-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
display: flex;
}
.service-process-grid {
grid-template-columns: .75fr 1.25fr .75fr;
}
.with-us-paragraph {
width: 70%;
}
.heading-padding {
padding-right: 0;
}
.button-2-2-mask-2 {
display: none;
}
.with-us-heading-wrapper {
position: static;
}
.with-us-heading-wrapper.gap {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.solutions-subheading {
width: 100%;
}
.extra-largue {
width: auto;
font-size: 30px;
}
.extra-largue.into-page {
width: auto;
font-size: 50px;
}
.extra-largue.into-page.play-color.play-point.manrope {
width: 100%;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
font-size: 46px;
}
.extra-largue.into-page.play-color.play-point.manrope.shift-coupon:lang(ja) {
width: 100%;
}
.extra-largue.into-page.play-color.play-point.manrope {
font-size: 46px;
}
.extra-largue.into-page.play-color.manrope {
font-size: 1.8rem;
}
.extra-largue.into-page.txt-size {
font-size: 30px;
}
.extra-largue.intro-page {
width: auto;
}
.service-feature-section {
padding-right: 40px;
}
.circle {
cursor: auto;
}
.circle:hover {
color: #11594f;
}
.nav--wrapper-4 {
grid-template-rows: auto;
padding-left: 40px;
padding-right: 20px;
overflow: hidden;
}
.hero-wrapper {
background-color: var(--c-primary--main);
}
.about-grid-3 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 0;
}
.dropdown-heading-2 {
margin-bottom: 5px;
}
.brands-service-container {
width: 100%;
bottom: 2%;
}
.our-approach-grid-3 {
grid-column-gap: 40px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr 1fr;
width: 100%;
}
.our-approach-grid-3.padding {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.small-text-6.coming-soon {
white-space: nowrap;
}
.dropdown-linkblock-3 {
border-radius: 0;
margin: 0;
}
.dropdown-linkblock-3:hover {
outline-offset: 0px;
outline: 3px #11594f1a;
}
.menu-button-4.w--open {
background-color: #f6f2e2;
}
.service-hero-section {
background-color: var(--c-primary--main);
}
.icon-3 {
width: 22px;
height: 22px;
margin-right: 0;
}
.service-hero-info-wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
max-width: 80%;
}
.service-hero-header {
width: auto;
font-size: 7rem;
}
.dropdown-toggle-4 {
justify-content: space-between;
padding-left: 0;
padding-right: 0;
display: flex;
}
.dropdown-list-4.w--open {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #0000;
flex-flow: column;
display: flex;
}
.nav-links-3 {
flex: 1;
padding-left: 0;
padding-right: 0;
}
.nav-links-3.contact {
background-color: #0000;
padding: 20px 0;
}
.nav-menu-4 {
background-color: #f6f2e2;
height: 100vh;
padding-top: 40px;
overflow: hidden;
}
.dropdown-4 {
flex: 1;
}
.extra-large-text-sub {
width: 80%;
font-size: 2.7rem;
}
.extra-large-text-sub.price-2-0-shift-desc {
width: auto;
}
.extra-large-text-sub.price-2-0-shift-desc.small {
width: 80%;
font-size: 1.3rem;
}
.extra-large-text-sub.intro-page, .extra-large-text-sub.intro-page.white {
width: auto;
}
.extra-large-text-sub.intro-page.white._150 {
font-size: 20px;
}
.extra-large-text-sub.intro-page.small {
width: 80%;
font-size: 18px;
line-height: 1.2;
}
.extra-large-text-sub.intro-page.small:lang(ja) {
font-size: 14px;
}
.extra-large-text-sub.shift-2-0-desc {
width: auto;
}
.extra-large-text-sub.shift-2-0-desc.small {
width: 80%;
font-size: 1.3rem;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3.blue {
text-align: left;
width: 100%;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3.blue.mobile-white.lineheight-1 {
line-height: 2rem;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3.blue.line-height {
line-height: 2.4rem;
}
.image-5 {
width: 50%;
}
.image-5.mobile {
width: 30%;
}
.small-text-2-grey.coming-soon {
white-space: nowrap;
}
.base-text-4 {
justify-content: center;
align-items: center;
display: flex;
}
.text---small.api-color.mobile {
font-size: 1.8rem;
}
.contents-hero-holder-black.padding {
height: auto;
}
.base-text-5 {
font-size: 14px;
}
.base-text-5.how-paragraph {
line-height: 1.4;
}
.base-text-5.to-expect.mobile-20 {
font-size: 26px;
}
.base-text-5.form-label.small.grey {
padding-bottom: 10px;
}
.base-text-5.padding-under-30.medium.manrope-desktop.partner.left-align.notice-color {
font-size: 16px;
}
.services-hero-grid-2 {
grid-template-columns: .5fr .5fr .5fr;
}
.process-inner-grid-2 {
grid-template-columns: 1fr;
}
.small-text-11._70 {
width: 100%;
}
.to-expect-grid-02 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.base-text-6.how-paragraph {
font-size: 14px;
line-height: 1.4;
}
.to-expect-grid-3 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.to-expect-grid-3:lang(ko) {
grid-template-columns: 4fr 1fr;
}
.process-inner-grid-3 {
grid-template-columns: .25fr 1fr;
}
.service-hero-section-base {
background-color: var(--c-primary--main);
}
.extra-large-text-sub-black {
width: 80%;
font-size: 2.7rem;
}
.extra-large-text-sub-black.intro-page {
width: auto;
}
.serives-hero-text-holder-3.black {
background-color: var(--c-grey--trans--0);
}
.serives-hero-text-holder-3.black.padding {
margin-bottom: 60px;
}
.btn-business-contact {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.btn-business-contact.padding {
justify-content: flex-start;
align-items: center;
}
.base-text-7 {
justify-content: center;
align-items: center;
display: flex;
}
.hero-text-holder-white-1.padding-30px {
position: relative;
top: 20px;
}
.base-text-5---black {
width: 100%;
font-size: 14px;
}
.base-text-5---black:lang(ja) {
font-size: 14px;
}
.base-text-5---black.padding-top-20px {
font-size: 16px;
}
.base-text-5---black.padding-top-20px.txtt {
font-size: 14px;
}
.base-text-5---black.white.mid {
font-size: 18px;
}
.large-text-black {
width: 100%;
}
.large-text-black.services-intro-hero {
width: 85%;
}
.large-text-black.manrope {
padding-top: 0;
padding-bottom: 20px;
font-size: 24px;
}
.small-text---sub-black {
padding-top: 10px;
font-size: 14px;
}
.about-us-grid-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.heading-5 {
width: 90%;
font-size: 16px;
}
.grid-2 {
grid-template-rows: auto;
grid-template-columns: 1fr .25fr;
}
.medium-text-black.services-intro-hero {
width: 85%;
}
.medium-text-black.grey {
font-size: 14px;
}
.large-text-whifte.services-intro-hero {
width: 85%;
}
.large-text-whifte.manrope {
margin-top: 10px;
font-size: 26px;
}
.base-text-medium {
font-size: 18px;
}
.base-text-medium.txtt {
font-size: 14px;
}
.btn-careers {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.newsroom {
padding-top: 0;
}
.project-details-wrap-b.extra-padding {
margin-right: 10px;
}
.medium-text {
font-size: 20px;
}
.btn-type-a {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.button-mask-type-a {
display: none;
}
.grid-type-c {
grid-template-columns: .25fr 1fr;
}
.nav-spt-sym-block {
justify-content: center;
align-items: center;
display: block;
position: absolute;
inset: 0;
}
.brands-section-press {
flex-flow: wrap;
}
.brands-wrap-press {
flex-flow: wrap;
justify-content: center;
}
.brand-div-press {
width: 26%;
}
.base-text-6-black.how-paragraph.grey {
font-size: 16px;
}
.contents-hero-holder-tt.play-padding {
padding-right: 0;
}
.heading-3---popup.padding-top-0 {
padding-top: 0;
}
.text---head-product---title-white.menu-large-text {
display: none;
}
.text---head-product---title-white.services-intro-hero {
width: 85%;
}
.text---head-product---title-white.about-testimonial {
width: 90%;
}
.text---head-product---title-white.medium.small.blue {
font-size: 30px;
}
.text---head-product---title-white.api-color {
padding-bottom: 0;
}
.text---small-white.small {
align-self: flex-start;
font-size: 18px;
}
.button-base-container-shift-download {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.button-base-container-shift-download.gap.padding-campaign {
padding-bottom: 40px;
}
.apple_logo {
display: block;
}
.apple_logo.nav-arrow {
filter: none;
width: 22px;
height: 22px;
display: block;
}
.apple_logo-copy {
display: block;
}
.apple_logo-copy.nav-arrow {
filter: none;
width: 22px;
height: 22px;
display: block;
}
.windows_logo {
display: block;
}
.windows_logo.nav-arrow {
filter: none;
width: 22px;
height: 22px;
display: block;
}
.text-field-3.small-text {
font-size: 14px;
}
.button-7.contact-button {
margin-left: auto;
margin-right: auto;
}
.large-text-2.contact-heading.blue {
align-self: flex-start;
}
.large-text-2.contact-heading.blue.padding-down {
text-align: left;
align-self: flex-start;
}
.error-message-2 {
margin-left: auto;
margin-right: auto;
right: auto;
}
.success-message-3 {
width: 100%;
margin-left: auto;
margin-right: auto;
left: auto;
}
.grey.large.price.white.padding.mobile-txt {
font-size: 37px;
}
.grey.mobile.padding.blue.price {
font-size: 15px;
}
.services-hero-grid-3 {
grid-template-columns: .5fr .5fr .5fr;
}
.services-hero-grid-3.gap {
grid-template-columns: 1.75fr .25fr 1.25fr;
}
.to-expect-grid-3-copy {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.hero-image-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 8vh;
padding-left: 40px;
padding-right: 40px;
}
.partners-features-wrapper {
border-radius: 20px;
}
.text-reveal-wrapper {
margin-top: 5vw;
margin-bottom: 5vw;
}
.card-mask {
width: 50%;
}
.slider-component {
padding-left: 0;
padding-right: 0;
}
.card-bottom-wrapper.no-margin {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.card-title {
font-size: 16px;
}
.card-title.api-color {
min-height: 80px;
}
.card-title.api-color:lang(ko) {
min-height: 60px;
}
.title-card-wrapper.white.card-partners.api-color {
border-radius: 6px;
}
.btn-box {
flex-direction: column;
align-items: flex-start;
min-height: 500px;
padding: 1.5em;
}
.btn-box._1, .btn-box.api-1 {
height: auto;
min-height: auto;
}
.btn-box.api-1.api-color.why-api {
min-height: 420px;
}
.btn-box.api-1.api-color.why-api:lang(ko) {
min-height: 360px;
}
.btn-box.vc-box {
height: auto;
min-height: auto;
}
.cards-caption-wrapper {
width: 60%;
}
.card-top-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.card-number.large {
font-size: 28px;
}
.card-number.large.card-partners.center.arrow {
display: block;
}
.card-number.large.card-partners.center.mobile {
display: none;
}
.card-number.large.card-partners.center._100 {
width: 30%;
height: 30%;
display: block;
}
.coming-soon-wrapper.ffefe {
padding-bottom: 10px;
}
.card-description.pink {
font-size: 16px;
}
.card-description.black {
font-size: 13px;
}
.card-description.black.white {
position: static;
}
.card-description.api-color, .card-description.api-color.mobile {
font-size: 14px;
}
.partners-image-section {
grid-column-gap: 28px;
grid-row-gap: 28px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-bottom: 8vh;
padding-left: 40px;
padding-right: 40px;
}
.txt-feature {
font-size: 24px;
}
.txt-feature.medium, .txt-feature.black {
font-size: 20px;
}
.services-hero-grid-4 {
grid-template-columns: .5fr .5fr .5fr;
}
.text---large-2.services-intro-hero {
width: 85%;
}
.hero-main {
height: 50vh;
}
.image-main-pattern-01 {
object-fit: cover;
}
.button-base-container-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.button-base-container-2.gap {
padding-left: 0;
}
.hero-products {
flex-flow: wrap;
margin-left: 20px;
margin-right: 20px;
padding-left: 0;
padding-right: 0;
display: block;
}
.products-container-3column {
width: 100%;
overflow: hidden;
}
.products-slider-component {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
padding-left: 0;
padding-right: 0;
display: flex;
overflow: hidden;
}
.card-mask-products {
width: 50%;
}
.box-copy, .box-products {
flex-direction: column;
align-items: flex-start;
min-height: 500px;
padding: 1.5em;
}
.box-products._1 {
height: auto;
min-height: 33rem;
}
.box-products._3, .box-products.m-p-clear {
min-height: 33rem;
}
.services-hero-grid-5 {
grid-template-columns: .5fr .5fr .25fr;
}
.services-hero-grid-6 {
grid-template-columns: .5fr .5fr .5fr;
}
.services-hero-grid-7 {
grid-template-columns: .5fr .5fr;
}
.services-hero-grid-8 {
grid-template-columns: .5fr .5fr .25fr;
}
.services-hero-grid-10.mobile-10 {
grid-auto-columns: 1fr;
justify-content: flex-start;
}
.services-hero-grid-11, .services-hero-grid-12 {
grid-template-columns: .5fr .5fr .5fr;
}
.services-hero-grid-12.padding-under-30 {
padding-bottom: 60px;
}
.services-hero-grid-12.padding-under-30.padding {
padding-bottom: 0;
}
.hero-holder-test {
min-width: auto;
height: auto;
min-height: auto;
}
.hero-main-extend {
max-height: 400px;
}
.newsletter-box {
align-items: center;
width: 100%;
display: flex;
top: 25%;
}
.newsletter-column.modal {
width: 80%;
}
.our-approach-grid-4 {
grid-column-gap: 40px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.fbcookiebanner.popup-wrapper {
flex-direction: column;
align-items: center;
}
.cookietext {
align-self: flex-start;
}
.text-block-4 {
text-align: center;
}
.text-block-4.small.mobile {
text-align: left;
}
.cookiebuttons {
align-self: flex-end;
margin-top: 10px;
margin-bottom: 10px;
}
.bold-text-popup.content-heading-2 {
text-align: center;
}
.cookie-form-wrap {
width: 70%;
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
.button-base-outline._100 {
height: 32px;
}
.feature-wrap-text-hero {
padding-left: 20px;
left: 20px;
}
.feature-wrap-text-hero.mobile {
width: 40%;
padding-left: 0;
}
.hero-text-holder-white-4.padding.gap {
padding-top: 40px;
}
.mobile.white.text-grey:lang(ja) {
font-size: 12px;
}
.grid-shift-pricing {
grid-column-gap: 14px;
grid-row-gap: 4px;
grid-template-rows: auto auto auto;
grid-template-columns: .5fr 1fr .25fr 1fr 1fr;
width: 100%;
}
.grid-shift-pricing.mobile {
grid-template-columns: .25fr 1fr;
}
.grid-shift-pricing.non {
display: none;
}
.download-form-wrap {
width: 90%;
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
.button-2-2-mask-blue {
display: none;
}
.grid-shift-pricing-text {
grid-column-gap: 40px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1.25fr;
width: 100%;
}
.graphic-play-a.padding {
padding: 0;
}
.play-image-holder, .play-image-holder.padding-down {
background-color: var(--c-primary--main);
}
.play-main-graphic.mobile {
height: 40rem;
}
.youtube-grid {
column-count: 1;
}
.solution-process-dvi {
grid-column-gap: 18px;
grid-row-gap: 18px;
background-color: var(--c-primary--main);
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
margin-top: 0;
margin-bottom: 8vh;
padding-left: 40px;
padding-right: 40px;
}
.solution-process-txt-wrapper {
position: static;
}
.solution-category {
padding: 3px 7px 3px 0;
}
.solution-category-box {
margin-top: 0;
margin-bottom: 0;
}
.category-txt {
justify-content: center;
align-items: center;
display: flex;
}
.solution-process-blank {
position: static;
}
.solution-process-wrapper-tts {
padding-top: 50px;
padding-bottom: 50px;
}
.process-txt {
font-size: 17px;
}
.partners-feature {
font-size: 16px;
}
.partners-feature.small.black {
font-size: 12px;
}
.partners-feature._14.qqq {
font-size: 14px;
}
.graphic-play-b {
padding: 0;
}
.btn-careerss {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.button-type-a-height {
height: 40px;
}
.cookie-policy-wrap {
width: 80%;
}
.how-it-works-image-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 8vh;
padding-left: 40px;
padding-right: 40px;
}
.how-it-works-image-section.padding {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.card-top-wrapper-vp {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.hero-wrapper-clear, .service-hero-section-base-clear {
background-color: var(--c-primary--main);
}
.page-wrapper-clear.bg-black {
background-color: var(--c-grey--trans--0);
}
.demo-2-0-shift, .service-hero-section-base-shift {
background-color: var(--c-primary--main);
}
.contents-hero-holder-sfhit {
padding-top: 40px;
}
.arrow-3-bk {
display: block;
}
.arrow-3-bk.nav-arrow {
filter: none;
width: 22px;
height: 22px;
display: block;
}
.button-base-mask-blue {
display: none;
}
.contents-hero-holder-black-contents.padding {
height: auto;
}
.newsroom-youtube, .locale-switcher {
width: 100%;
}
.ouiflow-element-contain {
position: relative;
}
.locale-switcher-v3 {
margin-left: 40px;
margin-right: 40px;
}
.ouiflow-dropdown-4 {
flex: 1;
align-self: auto;
}
.text-block-5, .locale-switcher-txt-wh {
font-size: 18px;
}
.div-block-12 {
height: 50px;
}
.products-banner {
flex-direction: column;
padding-left: 0;
}
.card-product {
width: 48.5%;
max-width: none;
height: auto;
margin-bottom: 0;
padding-right: 0;
}
.card-product._2column.mobile {
height: 100%;
}
.card-product._2column.mobile.mobile-padding {
height: 100%;
margin-right: 10px;
}
.price-heading._50 {
width: 70%;
}
.fbcookiebanner-v2.popup-wrapper {
flex-direction: column;
align-items: center;
}
.banner-a {
height: 50vh;
}
.banner-txt {
padding-left: 20px;
left: 20px;
}
.banner-a-txt.popup-wrapper {
flex-direction: column;
align-items: center;
}
.cookietext-copy {
align-self: flex-start;
}
.banner-buttons {
align-self: flex-end;
margin-top: 10px;
margin-bottom: 10px;
}
.banner-text-a {
align-self: flex-start;
}
.button-banner {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.button-banner.gap {
padding-left: 20px;
}
.banner-txt-tt {
font-size: 16px;
}
.banner-txt-tt.services-h1.title {
margin-bottom: 0;
}
.banner-txt-tt.services-h1.black._500 {
margin-bottom: 60px;
padding-bottom: 0;
font-size: 32px;
}
.banner-txt-tt.services-intro-hero {
width: 85%;
}
.banner-txt-tt.services-intro-hero._50.mobile {
width: 70%;
}
.banner-txt-tt.services-intro-hero.black {
margin-bottom: 0;
padding-bottom: 10px;
font-size: 24px;
}
.banner-txt-tt.services-intro-hero.black.medium {
margin-bottom: 100px;
padding-bottom: 0;
font-size: 20px;
}
.banner-txt-tt.services-intro-hero.white._500 {
margin-bottom: 20px;
padding-bottom: 0;
font-size: 26px;
}
.banner-txt-tt.pink.top-padding {
width: 70%;
}
.banner-image-main {
object-fit: cover;
}
.ad-banner-b {
width: 100%;
max-width: none;
height: auto;
margin-bottom: 0;
padding-right: 0;
}
.banner-container {
flex-direction: column;
align-items: flex-start;
min-height: auto;
padding: 1.5em;
}
.banner-container._1 {
height: auto;
min-height: 33rem;
}
.banner-txt-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: .4fr 1.25fr .5fr;
}
.banner-txt-wrapper.product-page-option {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.banner-title-tt, .banner-title-tt.promotion-font {
font-size: 18px;
}
.banner-title-tt.promotion-font.bgt {
font-size: 16px;
}
.promo-heading.product-txt.white.color-grey, .promo-heading.promo-product-txt.white.color-grey, .promo-heading.promo-product-txt.promo-color.color-grey, .promo-heading-2.product-txt.white.color-grey, .promo-heading-2.promo-product-txt.white.color-grey, .promo-heading-2.promo-product-txt.promo-color.color-grey {
font-size: 14px;
}
.promo-text---large.menu-large-text {
display: none;
}
.promo-text---large.services-h1 {
font-family: Bdogrotesk;
font-weight: 400;
}
.promo-text---large.services-intro-hero {
width: 85%;
}
.promo-text---large.about-testimonial {
width: 90%;
}
.banner-bg-container {
flex-direction: column;
align-items: flex-start;
min-height: auto;
padding: 1.5em;
}
.banner-bg-container._1 {
height: auto;
min-height: 33rem;
}
.fmoon {
object-fit: cover;
padding-top: 0;
padding-bottom: 0;
padding-left: 500px;
}
.grid-shift-pricing-top {
grid-column-gap: 40px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr .25fr 1fr;
width: 70%;
}
.serives-hero-iso-holder.black {
background-color: var(--c-primary--main);
}
.tts-contents-challenge {
width: 100%;
max-width: none;
height: auto;
margin-bottom: 0;
padding-right: 0;
}
.banner-container-tcc {
flex-direction: column;
align-items: flex-start;
min-height: auto;
padding: 1.5em;
}
.banner-container-tcc._1 {
height: auto;
min-height: 33rem;
}
.banner-txt-wrapper-tcc {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: .4fr 1.25fr .5fr;
}
.banner-txt-wrapper-tcc.product-page-option {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.banner-txt-wrapper-tcc.product-page-option-tcc {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: .3fr .5fr .3fr;
}
.button-tcc {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.button-tcc.gap {
padding-left: 20px;
}
.banner-txt-tt-tcc {
font-size: 16px;
}
.banner-txt-tt-tcc.services-h1.title {
margin-bottom: 0;
}
.banner-txt-tt-tcc.services-h1.black._500 {
margin-bottom: 60px;
padding-bottom: 0;
font-size: 32px;
}
.banner-txt-tt-tcc.services-intro-hero {
width: 85%;
}
.banner-txt-tt-tcc.services-intro-hero._50.mobile {
width: 70%;
}
.banner-txt-tt-tcc.services-intro-hero.black {
margin-bottom: 0;
padding-bottom: 10px;
font-size: 24px;
}
.banner-txt-tt-tcc.services-intro-hero.black.medium {
margin-bottom: 100px;
padding-bottom: 0;
font-size: 20px;
}
.banner-txt-tt-tcc.services-intro-hero.white._500 {
margin-bottom: 20px;
padding-bottom: 0;
font-size: 26px;
}
.banner-txt-tt-tcc.pink.top-padding {
width: 70%;
}
.banner-txt-tt-copy {
font-size: 16px;
}
.banner-txt-tt-copy.services-h1.title {
margin-bottom: 0;
}
.banner-txt-tt-copy.services-h1.black._500 {
margin-bottom: 60px;
padding-bottom: 0;
font-size: 32px;
}
.banner-txt-tt-copy.services-intro-hero {
width: 85%;
}
.banner-txt-tt-copy.services-intro-hero._50.mobile {
width: 70%;
}
.banner-txt-tt-copy.services-intro-hero.black {
margin-bottom: 0;
padding-bottom: 10px;
font-size: 24px;
}
.banner-txt-tt-copy.services-intro-hero.black.medium {
margin-bottom: 100px;
padding-bottom: 0;
font-size: 20px;
}
.banner-txt-tt-copy.services-intro-hero.white._500 {
margin-bottom: 20px;
padding-bottom: 0;
font-size: 26px;
}
.banner-txt-tt-copy.pink.top-padding, .content-heading._50 {
width: 70%;
}
.content-heading._50.mobile.play-color.play-sub-txt.small-txt.play-ptl-sub-txt {
width: 80%;
font-size: .9rem;
}
.content-heading._50.mobile.play-color.play-sub-txt.play-ob-ptl._200 {
width: 100%;
}
.content-heading._50.mobile.play-color.play-sub-txt.play-ob-ptl._200.shift-sub-text-text {
text-align: left;
}
.image-9 {
object-fit: cover;
width: 100%;
height: 100%;
overflow: hidden;
}
.play-obt-hero-wrapper {
background-color: var(--c-primary--main);
}
.play-obt-hero-wrapper.play {
background-color: var(--c-grey--trans--0);
}
.play-service-hero-section-base, .play-obt-about-section-padding.padding-down {
background-color: var(--c-primary--main);
}
.voice-partners {
width: 100%;
max-width: none;
height: 100%;
margin-bottom: 0;
padding-right: 0;
}
.banner-container-voice-partners {
flex-direction: column;
align-items: flex-start;
min-height: auto;
padding: 1.5em;
}
.banner-container-voice-partners._1 {
height: auto;
min-height: 33rem;
}
.banner-txt-wrapper-voice-partners {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: .4fr 1.25fr .5fr;
}
.banner-txt-wrapper-voice-partners.product-page-option, .banner-txt-wrapper-voice-partners.product-page-option-tcc, .banner-txt-wrapper-voice-partners.product-page-option-voice-partners {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.banner-txt-wrapper-voice-partners.product-page-option-voice-partners.mobile {
grid-template-columns: .4fr .75fr;
}
.button-voice-partners {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.button-voice-partners.gap {
padding-left: 20px;
}
.button-base-container-3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.button-base-container-3.gap {
padding-left: 20px;
}
.button-base-container-3.gap.mobile {
padding-left: 0;
}
.products-container-2column {
width: 100%;
overflow: hidden;
}
.products-component {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
padding-left: 0;
padding-right: 0;
display: flex;
overflow: hidden;
}
.products-container-a.mobile-padding {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: wrap;
}
.card-top-wrapper-3column {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.card-top-wrapper-3column.mobile {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.button-base-container-air, .button-base-container-clear, .button-base-container-air-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.main-menu-txt._22px {
font-size: 22px;
}
.main-menu-txt.nav-product {
padding-left: 0;
padding-right: 0;
font-size: 22px;
}
.button-base-container-tt {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.button-base-container-tt.space {
grid-template-columns: 3fr 1.75fr;
}
.button-base-container-tt.space.flex {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: .75fr .3fr;
grid-auto-columns: 1fr;
display: flex;
}
.button-base-container-tt.space.flex.grid {
flex-flow: wrap;
justify-content: space-between;
place-items: center stretch;
width: auto;
}
.button-base-container-tt.space.flex {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .75fr .3fr;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.button-base-container-4 {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
}
.button-base-container-4.gap {
padding-left: 0;
}
.api-main-graphic.mobile {
height: 40rem;
}
.button-base-container-api {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.api-txt-holder, .api-txt-holder.padding-down {
background-color: var(--c-primary--main);
}
.campaign-apply-box.bg-trans-0 {
padding-bottom: 0;
}
.why-supertone-api-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 8vh;
padding-left: 40px;
padding-right: 40px;
}
.why-supertone-api-section.padding {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
max-width: 1400px;
margin-bottom: 0;
}
.why-supertone-api-section.padding.grid {
grid-template-columns: 1fr 1fr;
margin-bottom: 3vh;
}
.api-section.padding-down {
background-color: var(--c-primary--main);
}
.api-section.padding-down.bottom {
padding-bottom: 40px;
}
.api-section.gap {
padding-top: 100px;
}
.api-service-hero-section-base, .api-hero-wrapper, .api-about-section-padding.padding-down {
background-color: var(--c-primary--main);
}
.api-p-txt-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 8vh;
padding-left: 40px;
padding-right: 40px;
}
.api-p-txt-section.gap {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.api-p-txt-section.gap.align {
grid-column-gap: 23px;
grid-row-gap: 23px;
grid-template-rows: .25fr .25fr;
grid-template-columns: .75fr 1.25fr;
}
.api-heading-wrapper {
position: static;
}
.api-heading-wrapper.gap {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.api-features-wrapper.top.bg-color {
padding: 20px;
}
.api-get-started-holder {
background-color: var(--c-primary--main);
height: auto;
}
.api-get-started-holder.padding-down {
background-color: var(--c-primary--main);
}
.api-get-started-holder.center {
background-color: var(--c-grey--trans--0);
}
.get-started-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 8vh;
padding-left: 40px;
padding-right: 40px;
}
.get-started-section.padding {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.api-box {
flex-direction: column;
align-items: flex-start;
min-height: 500px;
padding: 1.5em;
}
.api-box._1, .api-box.api-1 {
height: auto;
min-height: auto;
}
.api-box.mobile {
min-height: 240px;
}
.api-voices, .api-voices.padding-down {
background-color: var(--c-primary--main);
}
.play-btn {
display: block;
}
.play-btn.nav-arrow {
filter: none;
width: 22px;
height: 22px;
display: block;
}
.button-l {
flex: 0 auto;
margin-bottom: 0;
}
.loader-wrapper {
width: 100%;
}
.loader-wrapper.is-fourth, .loader-wrapper.is-fifth {
border-right-style: none;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.voice-loader-wrapper {
width: 100%;
}
.voice-card-description.pink, .voice-card-description.black {
font-size: 16px;
}
.voice-play-container.padding {
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-left: auto;
margin-right: auto;
}
.tab-mobile-img {
margin-top: 16px;
display: block;
}
.tab-button-desc-wrapper {
overflow: hidden;
}
.tabs-content {
width: 100%;
display: none;
}
.tabs-menu {
width: 100%;
margin-bottom: 48px;
margin-right: 0%;
}
.tab-component {
flex-direction: column;
}
.business-inquiry-padding.padding-down {
background-color: var(--c-primary--main);
}
.business-inquiry-padding.padding-down.bottom {
padding-bottom: 40px;
}
.business-inquiry-padding.gap {
padding-top: 100px;
}
.pausebtn {
display: block;
}
.pausebtn.nav-arrow {
filter: none;
width: 22px;
height: 22px;
display: block;
}
.promo-heading-clear.product-txt.white.color-grey, .promo-heading-clear.promo-product-txt.white.color-grey, .promo-heading-clear.promo-product-txt.promo-color.color-grey, .promo-heading-air.product-txt.white.color-grey, .promo-heading-air.promo-product-txt.white.color-grey, .promo-heading-air.promo-product-txt.promo-color.color-grey {
font-size: 14px;
}
.banner-container-api {
flex-direction: column;
align-items: flex-start;
min-height: auto;
padding: 1.5em;
}
.banner-container-api._1 {
height: auto;
min-height: 33rem;
}
.text---slogan.menu-large-text {
display: none;
}
.text---slogan.services-h1 {
font-family: Bdogrotesk;
font-weight: 400;
}
.text---slogan.services-intro-hero {
width: 85%;
}
.text---slogan.about-testimonial {
width: 90%;
}
.text---large-copy.menu-large-text {
display: none;
}
.text---large-copy.services-h1 {
font-family: Bdogrotesk;
font-weight: 400;
}
.text---large-copy.services-intro-hero {
width: 85%;
}
.text---large-copy.about-testimonial {
width: 90%;
}
.text---large-copy.blue500 {
font-size: 22px;
}
.banner-container-bi {
flex-direction: column;
align-items: flex-start;
min-height: auto;
padding: 1.5em;
}
.banner-container-bi._1 {
height: auto;
min-height: 33rem;
}
.play-voices, .play-voices.padding-down {
background-color: var(--c-primary--main);
}
.promotion-text-block {
width: 60%;
}
.btn-tt-text {
font-size: 18px;
}
.play-main-graphic-obt.mobile {
height: 40rem;
}
.text-m---head-product---title.menu-large-text {
display: none;
}
.text-m---head-product---title.services-intro-hero {
width: 85%;
}
.text-m---head-product---title.about-testimonial {
width: 90%;
}
.text-m---head-product---title.play-color.gap.play-official.bg-color.mobile {
font-size: 48px;
}
.heading-3-m.padding-top-0 {
padding-top: 0;
}
.btn-tt-text-m {
font-size: 18px;
}
.heading-2-m.product-txt.white.color-grey {
font-size: 14px;
}
.heading-2-m.sub-c-txt {
font-size: 12px;
}
.button-base-container-play-download {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.play-go-body-tt.padding-down.padding-top {
background-color: var(--c-grey--trans--0);
}
.play-go-body-tt.padding-down {
background-color: #161615;
}
.play-go-body-tt.padding-down.padding-top.padding-x {
background-color: var(--c-grey--trans--0);
}
.play-go-body-tt.padding-down.padding-top.vc-bg {
background-color: #7435fc;
}
.div-block-16 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
}
.sub-txt-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: row;
}
.button---sub-base-container {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.button---sub-base-mask {
display: block;
}
.tt-sub-txt {
grid-column-gap: 12px;
grid-row-gap: 12px;
width: 75%;
}
.tt-sub-block {
flex-flow: row;
width: 35%;
}
.ptl-img {
width: 40%;
height: 100%;
}
.ptl-img._100 {
width: auto;
height: auto;
}
.play-tt-sub, .play-tt-sub.padding-down {
background-color: var(--c-primary--main);
}
.play-tt-sub.vc-bg, .voice-cloning {
background-color: var(--c-secondary--play-sub);
}
.voice-cloning.padding-down {
background-color: var(--c-primary--main);
}
.play-vc-demo {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 8vh;
padding-left: 40px;
padding-right: 40px;
}
.play-vc-demo.padding {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
max-width: 1400px;
margin-bottom: 0;
}
.play-vc-demo.padding.grid {
grid-template-columns: 1fr 1fr;
margin-bottom: 3vh;
}
.vc-demo-container.padding {
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-left: auto;
margin-right: auto;
}
.vc-demo-container.padding.mobile {
grid-column-gap: 62px;
grid-row-gap: 62px;
}
.play-ptl-section {
background-color: var(--c-primary--main);
}
.play-ptl-section.play.vc-bg {
background-color: var(--c-secondary--play-sub);
}
.vc-demo---txt-box {
grid-template-columns: .6fr .5fr;
}
.highlighted-text---sky-blue {
font-size: 16px;
}
.vc-demo-tt {
font-size: 28px;
}
.highlighted-text---green {
font-size: 16px;
}
.circle-btn-text {
color: var(--c-primary--main);
}
.div-block-18 {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.add-info-section {
grid-template-columns: .75fr 1.25fr .75fr;
}
.add-info-sec {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
display: flex;
}
.add-info-grid {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.add-info-subheading-wrapper {
margin-left: auto;
margin-right: auto;
}
.add-info-subheading {
width: 100%;
}
.add-info-lower-info {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.collection-item {
padding: 20px;
}
.section-5 {
display: flex;
overflow: hidden;
}
.pricing__table-header {
margin-left: auto;
margin-right: auto;
padding-right: 0;
top: 0%;
}
.pricing-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
justify-items: center;
padding-top: 40px;
padding-bottom: 80px;
}
.pricing-grid {
grid-auto-flow: row;
width: auto;
padding-left: 0;
padding-right: 0;
}
.pricing-grid.mobile {
grid-row-gap: 34px;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
max-width: 100%;
}
.pricing-grid.mobile--shift {
grid-row-gap: 48px;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
max-width: 100%;
}
.pricing-feature-section {
padding-left: 0;
padding-right: 0;
}
.play-feature-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 8vh;
padding-left: 40px;
padding-right: 40px;
}
.play-feature-section.gap {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.play-feature-section-heading-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
position: static;
}
.play-feature-section-heading-wrapper.gap {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.play-feature-heading, .play-feature-paragraph {
width: 70%;
}
.wrapper-cursor {
display: none;
}
.slider-item {
padding-bottom: 9vw;
}
.wrapper-nav {
display: none;
}
.slider-navigation {
width: 70px;
}
.big-btn-section.padding-down.bottom {
padding-bottom: 40px;
}
.big-btn-section.gap {
padding-top: 100px;
}
.big-btn-section.padding-down {
background-color: #161615;
padding-bottom: 60px;
}
.big-btn-section.padding-down.padding-top.margin-top.big-btn {
background-color: var(--c-grey--trans--0);
}
.hero-banner-wrap {
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
}
.hero-banner-image {
width: 1240px;
min-width: auto;
height: 300%;
min-height: auto;
}
.bib {
width: 100%;
max-width: none;
height: auto;
margin-bottom: 0;
padding-right: 0;
}
.tabs {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.cards-wrap {
grid-template-columns: 1fr 1fr;
}
.toggle-content {
margin-bottom: 100px;
}
.toggle-content.padding-down {
margin-bottom: 0;
}
.toggle-content.padding {
margin-bottom: 0;
padding-bottom: 0;
}
.pricing-promotion-txt {
font-size: 16px;
}
.hl-box {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.hl-box-txt {
font-size: 16px;
}
.pricing-promotion-txt-tt.play-sub-color {
font-size: 22px;
}
.card-product-v2 {
width: auto;
max-width: none;
height: auto;
min-height: 280px;
max-height: none;
margin-bottom: 0;
padding-right: 0;
}
.card-product-v2._2column.mobile {
height: 100%;
}
.card-product-v2._2column.mobile.mobile-padding {
height: 100%;
margin-right: 10px;
}
.card-title-v2 {
font-size: 18px;
}
.link---main-hero {
margin-top: 0;
}
.products-container-grid.mobile-padding {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: wrap;
}
.box-products-grid {
flex-direction: column;
align-items: flex-start;
min-height: 500px;
padding: 1.5em;
}
.box-products-grid._1 {
height: auto;
min-height: 33rem;
}
.box-products-grid._3 {
min-height: 33rem;
}
.card-txt---tt.menu-large-text {
display: none;
}
.card-txt---tt.services-intro-hero {
width: 85%;
}
.card-txt---tt.about-testimonial {
width: 90%;
}
.card-txt---sub {
font-size: 12px;
}
.card-txt---sub.padding-top-0 {
padding-top: 0;
}
.products-spt-sym {
width: 34px;
display: flex;
}
.card-txt---tt-box {
justify-content: flex-start;
align-items: flex-start;
width: 80%;
}
.box-products-v2 {
flex-direction: column;
align-items: flex-start;
min-height: 500px;
padding: 1.5em;
}
.box-products-v2._1 {
height: auto;
min-height: 33rem;
}
.box-products-v2._3, .box-products-v2.m-p-clear {
min-height: 33rem;
}
.box-products-v2.air-b, .box-products-v2.clear-b {
min-height: auto;
}
.box-products-v2.shift-b {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1f4d_%E1%84%8B%E1%85%B0%E1%86%B8%E1%84%89%E1%85%A1%E1%84%8B%E1%85%B5%E1%84%90%E1%85%B3%20%E1%84%8F%E1%85%B5%E1%84%8B%E1%85%B5%E1%84%86%E1%85%B5%E1%84%8C%E1%85%B5-mob.avif");
background-repeat: no-repeat;
min-height: auto;
}
.card-txt---sub-txt-box {
width: 100%;
max-width: 100%;
}
.card-txt---sub-txt {
flex-flow: column;
align-items: flex-start;
width: 100%;
}
.card-txt---sub-txt.dub.shift2-0 {
width: 80%;
}
.card-promotion-mark {
justify-content: center;
align-self: flex-end;
align-items: flex-end;
display: flex;
}
.main-hero-promotion-mark-wrapper {
width: 25%;
height: 40%;
top: 5%;
}
.main-products-wide-bnr {
width: 100%;
max-width: none;
height: 100%;
margin-bottom: 0;
padding-right: 0;
}
.button-base-text.biz {
font-size: 18px;
}
.button-base-container-tt-flex {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.button-base-container-tt-flex.space {
grid-template-columns: 3fr 1.75fr;
}
.button-base-container-tt-flex.space.flex {
grid-template-columns: 1.7fr 1fr;
}
.promotion-mark {
justify-content: center;
align-self: flex-end;
align-items: flex-end;
display: flex;
}
.hero-play-go {
margin-top: 0;
}
.card-txt-name {
font-size: 34px;
display: block;
}
.button---sub-txt {
font-size: 15px;
}
.special-btn-box {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.brands-wrap---api {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
justify-content: center;
align-items: center;
}
.brand-div---api {
flex-flow: row;
width: 22%;
}
.banner-image-wrap {
height: 100%;
max-height: none;
}
.lottie-animation-3 {
display: flex;
}
.button-m {
flex: 0 auto;
margin-bottom: 0;
}
.button-base-text_banner {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text_banner.button2-2-text, .button-base-text_banner.button-text---demo, .button-base-text_banner.ssmall {
font-size: 16px;
}
.dropdown-linkblock-2-1grid-bizcontact {
border-radius: 0;
margin: 0;
}
.dropdown-linkblock-2-1grid-bizcontact:hover {
outline-offset: 0px;
outline: 3px #11594f1a;
}
.button-base-mask_bizcontact, .button-base-mask-_contentbizcontact, .button-base-mask_solutionbizcontact {
display: block;
}
.button-base--center {
height: 32px;
}
.button-base--center.aligan.play-btn-color {
justify-content: center;
align-items: center;
}
.gallery-grid--shift {
grid-template-rows: 1fr auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
}
.gallery-grid--shift:lang(ja) {
grid-auto-flow: column;
}
.pricing-announcement-txt {
font-size: 16px;
}
.audio-section {
display: none;
}
.card-wrapper {
flex-flow: wrap;
}
.icon-window {
display: block;
}
.icon-window.nav-arrow {
filter: none;
width: 22px;
height: 22px;
display: block;
}
.icon-mac {
display: block;
}
.icon-mac.nav-arrow {
filter: none;
width: 22px;
height: 22px;
display: block;
}
.container---mov-3 {
overflow: visible;
}
.clear-video-4 {
width: 38vw;
height: 26vw;
}
.grid-shift-pricing-2 {
grid-column-gap: 14px;
grid-row-gap: 4px;
grid-template-rows: auto auto auto;
grid-template-columns: .5fr 1fr .25fr 1fr 1fr;
width: 100%;
}
.grey-2.mobile.padding.blue.price {
font-size: 15px;
}
.grey-2.large.price.white.padding.mobile-txt {
font-size: 37px;
}
.arrow-5 {
display: block;
}
.button-base-text-2 {
justify-content: center;
align-items: center;
display: flex;
}
.clear-6 {
height: auto;
margin-top: 60px;
overflow: visible;
}
.contents-hero-holder-sfhit-2 {
padding-top: 40px;
}
.text---large-3.services-intro-hero {
width: 85%;
}
.text---large-3.services-intro-hero.price-text.white.play-sub-color.manrope {
font-size: 50px;
}
.text---large-3.services-intro-hero.price-text.white.play-sub-color.size {
font-size: 22px;
}
.text---large-3.services-intro-hero.price-text.white.manrope {
font-size: 50px;
}
.text---large-3.services-intro-hero.price-text.white.left-gap.manrope {
font-size: 26px;
}
.shift-key-image {
z-index: 200;
}
.button-base-2 {
height: 32px;
}
.button-base-mask-3-1 {
display: block;
}
.clear-video-5 {
width: 38vw;
height: 26vw;
}
.grid-shift-pricing-3 {
grid-column-gap: 14px;
grid-row-gap: 4px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr .25fr 1fr 1fr;
width: 100%;
}
.grey-3.mobile.padding.blue.price {
font-size: 15px;
}
.grey-3.large.price.white.padding.mobile-txt {
font-size: 37px;
}
.arrow-6 {
display: block;
}
.button-base-text-3 {
justify-content: center;
align-items: center;
display: flex;
}
.contents-hero-holder-sfhit-3 {
padding-top: 40px;
}
.button-base-3 {
height: 32px;
}
.button-base-3.aligan.play-btn-color {
justify-content: center;
align-items: center;
}
.button-base-mask-3---shift2-0 {
display: block;
}
.container-18 {
padding-left: 3em;
padding-right: 3em;
}
.notice-popup {
width: 90vw;
max-width: 400px;
right: 50%;
overflow: auto;
}
.tabs-menu3 {
width: 100%;
margin-bottom: 48px;
margin-right: 0%;
}
.tabs-content-3 {
width: 100%;
display: none;
}
.grey-4.mobile.padding.blue.price {
font-size: 15px;
}
.checkbox-field-2 {
display: inline-block;
position: relative;
right: auto;
}
.checkbox-3 {
position: relative;
}
.shift2-0-keytitle {
width: 80%;
font-size: 2.7rem;
}
.shift2-0-keytitle.intro-page {
width: auto;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope {
z-index: 200;
z-index: 200;
margin-top: 100px;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.orange {
margin-top: 0;
margin-bottom: 0;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.orange-copy.mobile {
z-index: 10;
z-index: 10;
flex-flow: column;
flex: 0 auto;
width: 700px;
margin: 0 auto;
display: block;
position: absolute;
top: -15%;
bottom: auto;
}
.shift2-0-keytitle.intro-page.play-color.play-point.manrope {
font-size: 46px;
}
.shift2-0-subtitle {
width: 80%;
font-size: 2.7rem;
}
.shift2-0-subtitle.intro-page {
width: auto;
}
.shift2-0-subtitle.intro-page.small-text {
margin-top: 80px;
}
.shift2-0-subtitle.intro-page.play-color.play-point.manrope {
font-size: 46px;
}
.shift2-0-subtitle.intro-page.small-text-copy {
margin-top: 80px;
}
.shift2-0-subtitle.intro-page.small-text {
z-index: 10;
z-index: 10;
width: 700px;
max-width: 700px;
margin-top: 0;
margin-bottom: 0;
display: block;
position: absolute;
top: 40px;
}
.shift2-0-key-button {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.shift2-0-key-button.gap {
z-index: 10;
z-index: 10;
z-index: 10;
flex-flow: column;
margin-top: 20px;
margin-bottom: 0;
padding-top: 0;
display: flex;
position: relative;
top: 60px;
}
.shift-key-button {
height: 32px;
}
.button-base-mask-2-copy {
display: block;
}
.shift-key-button2 {
height: 32px;
}
.shift-key-button-text {
justify-content: center;
align-items: center;
display: flex;
}
.shift-key-button-base-mask-2-copy {
display: block;
}
.full-width-banner {
width: 180%;
margin-left: -300px;
}
.div-block-24 {
margin-top: 60px;
}
.image-21 {
width: 120%;
display: block;
}
.full-width-banner-mobile {
width: 180%;
margin-left: -300px;
display: none;
}
.extra-large-text-copy {
width: 80%;
font-size: 2.7rem;
}
.extra-large-text-copy.intro-page {
width: auto;
}
.extra-large-text-copy.intro-page.play-color.play-point.manrope {
font-size: 46px;
}
.shift-key-image-2 {
z-index: 200;
top: 25px;
}
.container---mov-4 {
z-index: 5;
width: 100%;
margin-top: auto;
margin-left: auto;
margin-right: auto;
display: flex;
top: 20%;
overflow: visible;
}
.code-embed-5 {
top: 10px;
}
.heading-13.product-txt.white.color-grey {
font-size: 14px;
}
.clear-8 {
justify-content: center;
align-items: center;
height: 500px;
margin-top: 20px;
overflow: visible;
}
.arrow-7 {
display: block;
}
.div-block-29 {
z-index: 15;
margin-top: 60px;
position: relative;
}
.button-base-text-4 {
justify-content: center;
align-items: center;
display: flex;
}
.audio-section-mobile {
display: block;
}
.approach-heading._50, .approach-heading._50-copy {
width: 70%;
}
.div-block-31 {
display: block;
}
.section-title-wrap-7.show---flex {
width: 100%;
max-width: 100%;
display: flex;
}
.about-section-padding-2.padding-down {
background-color: #161615;
padding-bottom: 60px;
}
.about-section-padding-2.gap {
padding-top: 100px;
}
.our-approach-grid-5 {
grid-column-gap: 40px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr 1fr;
width: 100%;
}
.our-approach-grid-5.padding {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.button-base-text-5 {
justify-content: center;
align-items: center;
display: flex;
}
.arrow-8 {
display: block;
}
.approach-heading-2._50, .approach-heading-2._50-copy {
width: 70%;
}
.button-base-2-copy {
height: 32px;
}
.div-block-33 {
top: 25%;
}
.shiftpre2-0-keyimage {
display: flex;
}
.div-block-34 {
align-items: center;
height: 150px;
top: auto;
}
.div-block-36 {
grid-column-gap: 0px;
grid-row-gap: 0px;
min-height: 60px;
}
.about-section-padding-3.padding-down {
background-color: #161615;
padding-bottom: 60px;
}
.button-base-text-6 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-6.button2-2-text {
font-size: 16px;
}
.button---sub-base-mask-2 {
display: block;
}
.hl-box-txt-2 {
font-size: 16px;
}
.play-service-hero-section-base-2 {
background-color: #161615;
}
.pricing-feature-section-2 {
padding-left: 0;
padding-right: 0;
}
.image-23 {
width: 50%;
}
.image-23.mobile {
width: 30%;
}
.arrow-9 {
display: block;
}
.our-approach-grid-6 {
grid-column-gap: 40px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr 1fr;
width: 100%;
}
.button-mask-type-a-2 {
display: none;
}
.grid-shift-pricing-4 {
grid-column-gap: 14px;
grid-row-gap: 4px;
grid-template-rows: auto auto auto;
grid-template-columns: .5fr 1fr .25fr 1fr 1fr;
width: 100%;
}
.base-text-10 {
justify-content: center;
align-items: center;
display: flex;
}
.base-text-10.button4-text {
font-size: 18px;
}
.play-obt-hero-wrapper-2 {
background-color: #161615;
}
.about-grid-4 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 0;
}
.content-heading-2._50 {
width: 70%;
}
.services-hero-grid-13 {
grid-template-columns: .5fr .5fr .5fr;
}
.services-hero-grid-13.gap {
grid-template-columns: 1.75fr .25fr 1.25fr;
}
.pricing-wrapper-2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
justify-items: center;
padding-top: 40px;
padding-bottom: 80px;
}
.service-feature-3.regular {
min-width: 240px;
}
.button---sub-base-mask-copy {
display: block;
}
.container-19 {
flex-flow: column;
align-items: center;
}
.top-post-item {
flex-wrap: wrap;
}
._4-collection-item {
width: 50%;
}
.blog-wrapper {
padding-top: 40px;
}
.use-case-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 8vh;
padding-left: 40px;
padding-right: 40px;
}
.use-case-section.padding {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
max-width: 1400px;
margin-bottom: 0;
}
.use-case-section.padding.grid {
grid-template-columns: 1fr 1fr;
margin-bottom: 3vh;
}
.use-case-btn-box {
flex-direction: column;
align-items: flex-start;
min-height: 500px;
padding: 1.5em;
}
.use-case-btn-box._1, .use-case-btn-box.api-1, .use-case-btn-box.vc-box {
height: auto;
min-height: auto;
}
.use-case---card-top-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.use-case--card-number.large {
font-size: 28px;
}
.use-case---voice-play-container.padding {
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-left: auto;
margin-right: auto;
}
.use-case---voice-play-container.padding.mobile {
grid-column-gap: 1px;
grid-row-gap: 1px;
grid-template-columns: 1fr .5fr;
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.use-case---loader-wrapper {
width: 100%;
}
.use-case---loader-wrapper.is-fourth, .use-case---loader-wrapper.is-fifth {
border-right-style: none;
}
.base-text-30.form-label.small.grey {
padding-bottom: 10px;
}
.tt-600 {
width: 80%;
font-size: 2.7rem;
}
.tt-600.intro-page {
width: auto;
}
.tt-600.intro-page.play-color.play-point.manrope {
font-size: 46px;
}
.tt-500 {
width: 80%;
font-size: 2.7rem;
}
.tt-500.intro-page {
width: auto;
}
.tt-500.intro-page.play-color.play-point.manrope {
font-size: 46px;
}
.tt-400 {
width: 80%;
font-size: 2.7rem;
}
.tt-400.intro-page {
width: auto;
}
.tt-400.intro-page.play-color.play-point.manrope {
font-size: 46px;
}
.tt-300 {
width: 80%;
font-size: 2.7rem;
}
.tt-300.intro-page {
width: auto;
}
.tt-300.intro-page.play-color.play-point.manrope {
font-size: 46px;
}
.tt-200 {
width: 80%;
font-size: 2.7rem;
}
.tt-200.intro-page {
width: auto;
}
.tt-200.intro-page.play-color.play-point.manrope {
font-size: 46px;
}
.tt-100 {
width: 80%;
font-size: 2.7rem;
}
.tt-100.intro-page {
width: auto;
}
.tt-100.intro-page.play-color.play-point.manrope {
font-size: 46px;
}
.bd-600 {
width: 80%;
font-size: 2.7rem;
}
.bd-600.intro-page {
width: auto;
}
.bd-600.intro-page.play-color.play-point.manrope {
font-size: 46px;
}
.bd-500 {
width: 80%;
font-size: 2.7rem;
}
.bd-500.intro-page {
width: auto;
}
.bd-500.intro-page.play-color.play-point.manrope {
font-size: 46px;
}
.bd-400 {
width: 80%;
font-size: 20px;
}
.bd-400.intro-page {
width: auto;
}
.bd-400.intro-page.play-color.play-point.manrope {
font-size: 46px;
}
.bd-300 {
width: 80%;
font-size: 1.2rem;
}
.bd-300.intro-page {
width: auto;
}
.bd-300.intro-page.play-color.play-point.manrope {
font-size: 46px;
}
.bd-300.spt-listen.size.color:lang(ko) {
line-height: 1.3;
}
.bd-300.spt-listen.size.color.wide100 {
width: 100%;
}
.bd-300.light.tt:lang(ja) {
font-size: 18px;
}
.bd-200 {
width: 80%;
font-size: 1.2rem;
}
.bd-200.intro-page {
width: auto;
}
.bd-200.intro-page.play-color.play-point.manrope {
font-size: 46px;
}
.bd-200._100.size.campaign {
font-size: 16px;
}
.bd-200._100.size.small {
font-size: 14px;
}
.bd-200.euclid {
padding-bottom: 10px;
}
.bd-100 {
width: 80%;
font-size: 2.7rem;
}
.bd-100.intro-page {
width: auto;
}
.bd-100.intro-page.play-color.play-point.manrope {
font-size: 46px;
}
.cta-section {
flex: 0 auto;
}
.cta-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
display: flex;
}
.products---sub-txt {
font-size: 12px;
}
.products---sub-txt.padding-top-0 {
padding-top: 0;
}
.product-txt-name {
font-size: 42px;
display: block;
}
.product-txt-name.size {
font-size: 30px;
}
.product-txt-name.size.sub-tt {
font-size: 18px;
}
.product-txt-name.amb {
font-size: 36px;
}
.product-txt-name.name.profile {
font-size: 24px;
}
.button-a {
flex: 0 auto;
margin-bottom: 0;
}
.block {
background-color: var(--c-grey--900);
}
.section-10 {
padding-left: 2.5em;
padding-right: 2.5em;
}
.text-size-small {
font-size: .875rem;
}
.card-rotate {
height: 40svh;
}
.recent-blog-list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.recent-blog-list.secondary {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.projects-title {
grid-column-gap: 4em;
grid-row-gap: 4em;
}
.audio-demo---tts.padding {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-left: 60px;
padding-right: 60px;
}
.card-text {
font-size: 1rem;
}
.cards-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin: 6rem 0 8rem;
display: grid;
}
.grid-content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.grid-card {
padding: 1rem;
}
.card-big-number {
font-size: 5rem;
}
.txt---tts-demo {
font-size: 12px;
}
.txt---tts-demo.padding-top-0 {
padding-top: 0;
}
.tts-demo-grid {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin: 2rem 0 .125rem;
display: grid;
}
.clear-video-6 {
width: 38vw;
height: 26vw;
}
.container---mov-5 {
z-index: 5;
width: 100%;
margin-top: auto;
margin-left: auto;
margin-right: auto;
display: flex;
top: 20%;
overflow: visible;
}
.div-block-40 {
align-items: center;
height: 150px;
top: auto;
}
.div-block-42 {
top: 25%;
}
.clear-10 {
justify-content: center;
align-items: center;
height: 500px;
margin-top: 20px;
overflow: visible;
}
.extra-large-text {
width: 80%;
font-size: 2.7rem;
}
.extra-large-text.intro-page {
width: auto;
}
.button-base-text-7 {
justify-content: center;
align-items: center;
display: flex;
}
.free-plan-2-0 {
z-index: 15;
margin-top: 60px;
position: relative;
}
.code-embed-9 {
top: 10px;
}
.shift-key-image-3 {
z-index: 200;
top: 25px;
}
.div-block-45 {
align-items: center;
height: 150px;
top: auto;
}
.div-block-47 {
top: 25%;
}
.clear-11 {
justify-content: center;
align-items: center;
height: 500px;
margin-top: 20px;
overflow: visible;
}
.button-base-text-8 {
justify-content: center;
align-items: center;
display: flex;
}
.code-embed-10 {
top: 10px;
}
.div-block-49 {
align-items: center;
height: 150px;
top: auto;
}
.div-block-51 {
top: 25%;
}
.button-base-text-9 {
justify-content: center;
align-items: center;
display: flex;
}
.code-embed-11 {
top: 10px;
}
.shift-key-image-4 {
z-index: 200;
top: 25px;
}
.movie-clip-container {
background-color: var(--c-grey--trans--0);
}
.movie-clip-section {
background-color: var(--c-primary--main);
}
.movie-clip-grid {
flex-flow: column;
display: flex;
}
.card-txt---tt-02.menu-large-text {
display: none;
}
.card-txt---tt-02.services-intro-hero {
width: 85%;
}
.card-txt---tt-02.about-testimonial {
width: 90%;
}
.product-txt-name-02 {
font-size: 34px;
display: block;
}
.products---sub-txt-02 {
font-size: 12px;
}
.products---sub-txt-02.padding-top-0 {
padding-top: 0;
}
.txt-grid {
grid-template-columns: .5fr .5fr .5fr;
}
.txt-grid.mobile-10 {
grid-column-gap: 41px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: .5fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: flex-start;
place-items: stretch stretch;
display: flex;
}
.txt-container {
background-color: var(--c-grey--trans--0);
}
.text-span-83 {
padding-bottom: 0;
}
.button-base-text-shift2-0 {
justify-content: center;
align-items: center;
display: flex;
}
.arrow-7-shift-2-0 {
display: block;
}
.contents-hero-holder-shift-2-0.price-to-download {
padding-top: 40px;
padding-bottom: 40px;
}
.text-m---head-product---title-shift-2-0.menu-large-text {
display: none;
}
.text-m---head-product---title-shift-2-0.services-intro-hero {
width: 85%;
}
.text-m---head-product---title-shift-2-0.about-testimonial {
width: 90%;
}
.text-m---head-product---title-shift-2-0.play-color.gap.play-official.bg-color.mobile {
font-size: 48px;
}
.hero-shift-2-0 {
margin-top: 0;
}
.key-messaging-base-container-shift2-0 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.key-messaging-base-container-shift2-0.space {
grid-template-columns: 3fr 1.75fr;
}
.key-messaging-base-container-shift2-0.space.flex {
grid-template-rows: auto;
grid-template-columns: .75fr .3fr;
}
.div-block-54 {
align-items: center;
height: 150px;
top: auto;
}
.contents-hero-holder-sfhit-4 {
padding-top: 40px;
}
.shift-key-button2-2 {
height: 32px;
}
.button-base-text-10 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-57 {
top: 25%;
}
.shift-key-image-5 {
z-index: 200;
top: 25px;
}
.button-base-mask-3 {
display: block;
}
.code-embed-12 {
top: 10px;
}
.tabs-content-wrapper, .first-example-with-background {
width: 100%;
max-width: 100%;
}
.container-w3 {
object-fit: contain;
}
.container-w3.gutter-outside {
width: 100%;
max-width: 100%;
}
.tab-content2 {
position: relative;
}
.tabs-menu-underline-wrapper {
width: 100%;
max-width: 100%;
}
.section-tabs {
aspect-ratio: auto;
object-fit: scale-down;
width: 100%;
max-width: 100%;
position: static;
overflow: hidden;
}
.tabs-nav-item-underline2._01, .tabs-nav-item-underline2._02 {
padding-left: 1em;
padding-right: 1em;
}
.tab-content-item {
width: 100%;
max-width: 100%;
margin-right: 0;
padding-right: 0;
}
.container-24 {
grid-column-gap: 0px;
grid-row-gap: 0px;
aspect-ratio: auto;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
max-width: 100%;
margin-bottom: 60px;
margin-right: 0;
display: flex;
}
.shift2-0-body.bg-black.padding {
margin-top: 100px;
}
.tt-sub-txt-block-2 {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.tt-sub-txt-block-2.shift {
justify-content: center;
align-items: flex-start;
}
.shift-2-0-tt-sub {
text-align: center;
}
.shift-2-0-tt-sub.padding-down {
background-color: var(--c-primary--main);
}
.shift-2-0-tt-sub.vc-bg {
background-color: var(--c-secondary--play-sub);
}
.logo-holder {
margin-bottom: 80px;
display: none;
}
.logo-holder.mobile {
margin-top: 0;
display: block;
}
.logos-section {
width: 3750px;
}
.logos-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: center;
align-items: center;
}
.gallery-grid--shift-2-0feature {
flex-flow: column;
grid-template-rows: 1fr auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
}
.gallery-grid--shift-2-0feature:lang(ja) {
grid-auto-flow: column;
}
._2-0-feature-wrap {
padding-left: 60px;
padding-right: 60px;
}
.extra-large-text-sub-2-0 {
width: 80%;
font-size: 2.7rem;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc {
width: auto;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.small {
width: 80%;
font-size: 1.3rem;
}
.extra-large-text-sub-2-0.intro-page, .extra-large-text-sub-2-0.shift-2-0-desc {
width: auto;
}
.extra-large-text-sub-2-0.shift-2-0-desc.small {
width: 80%;
font-size: 1.3rem;
}
.use-case-words-txt-2-0 {
font-size: 18px;
}
.use-case-words-txt-2-0._50 {
width: 70%;
}
.product-txt-name-shift2-0 {
font-size: 34px;
display: block;
}
.div-block-58 {
width: 78%;
}
.code-embed-13 {
box-sizing: content-box;
object-fit: scale-down;
padding-right: 0;
position: relative;
overflow: clip;
}
.hero-products-v02 {
flex-flow: wrap;
margin-left: 20px;
margin-right: 20px;
padding-left: 0;
padding-right: 0;
display: block;
}
.products-container-3column-v02 {
width: 100%;
overflow: hidden;
}
.products-container-grid-v02.mobile-padding {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: wrap;
}
.product-txt-name-v02 {
font-size: 34px;
display: block;
}
.how-it-works-title-section {
width: 80%;
font-size: 2.7rem;
}
.how-it-works-title-section.price-2-0-shift-desc {
width: auto;
}
.how-it-works-title-section.price-2-0-shift-desc.small {
width: 80%;
font-size: 1.3rem;
}
.how-it-works-title-section.intro-page, .how-it-works-title-section.shift-2-0-desc {
width: auto;
}
.how-it-works-title-section.shift-2-0-desc.small {
width: 80%;
font-size: 1.3rem;
}
._16px.white.text-grey._2-0 {
margin-left: 40px;
margin-right: 40px;
padding-left: 40px;
padding-right: 40px;
}
.shift-feature-section-2-0 {
background-color: var(--c-primary--main);
}
.shift-feature-section-2-0.play {
margin-bottom: 220px;
}
.shift-feature-section-2-0.play.spacing {
background-color: var(--c-grey--trans--0);
margin-top: 80px;
}
.compatible-with.gray {
width: auto;
}
.container-26 {
grid-column-gap: 25px;
grid-row-gap: 25px;
justify-content: center;
align-items: center;
}
.card-title-2-0 {
font-size: 24px;
}
.card-title-2-0._50 {
width: 70%;
}
.code-embed-14 {
justify-content: flex-end;
align-items: center;
width: 90%;
display: flex;
}
.code-embed-15 {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.audio-demo---shift {
height: 550px;
}
.movie-clip-section-v2 {
background-color: var(--c-grey--trans--0);
}
.section-12 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 0;
}
.div-block-60 {
width: 100%;
margin-right: 0;
display: block;
}
.div-block-61 {
width: 100%;
}
.button-base-container-shift {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.button-base-container-shift.gap.bottom-margin.interactive-shift {
padding-top: 40px;
}
.shift-pricing-section.regular {
min-width: 240px;
}
.shift-pricing-section.regular.outline {
max-width: none;
}
.div-block-70 {
flex-flow: column;
}
.image-32 {
width: 100%;
display: block;
position: static;
}
.coupon-heading {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.use-case-shift {
width: 100%;
max-width: 100%;
margin-bottom: 0;
}
.shift-title-wrap {
width: 80%;
}
.shift-price-introduction {
z-index: 15;
position: relative;
}
.shift-hero-wrapper {
background-color: var(--c-primary--main);
}
.shift-hero-wrapper.play {
background-color: var(--c-grey--trans--0);
margin-top: 0;
}
.shift-spec {
padding-top: 0;
}
.credit-banner-shift.regular {
min-width: 240px;
}
.credit-banner-shift.regular.trial-hero {
width: 100%;
margin-left: 0;
}
.shift-price-ribbon.regular {
min-width: 240px;
}
.div-block-76 {
margin-bottom: 0;
padding-top: 100px;
}
.div-block-77 {
padding-top: 120px;
padding-bottom: 40px;
}
.shift-service-hero-section-base-copy {
background-color: var(--c-primary--main);
}
.shift-service-hero-section-base-copy.play.shift {
padding-top: 40px;
}
.shift2-0body {
padding-top: 80px;
padding-bottom: 20px;
}
.shift2-0body.padding-down.padding-top.vc-bg {
background-color: var(--c-secondary--play-sub);
}
.shift2-0body.padding-down {
background-color: #161615;
}
.div-block-79 {
justify-content: flex-end;
align-items: center;
display: flex;
position: relative;
}
.div-block-80 {
width: auto;
}
.div-block-81 {
justify-content: flex-end;
align-items: center;
width: 100%;
display: flex;
}
.div-block-82 {
width: 35%;
}
.div-block-83 {
width: 90%;
}
.shift-sub-block {
flex-flow: row;
}
.shift-sub-text {
grid-column-gap: 12px;
grid-row-gap: 12px;
width: 100%;
}
.play-service-hero-section-base-3 {
background-color: #161615;
}
.play-service-hero-section-base-3.play {
background-color: var(--c-grey--trans--0);
}
.tt-sub-txt-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
width: auto;
}
.tt-sub-block-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.play-obt-hero-wrapper-3 {
background-color: #161615;
}
.play-obt-hero-wrapper-3.play {
background-color: var(--c-grey--trans--0);
}
.content-heading-3._50.mobile.play-color.play-sub-txt.play-ob-ptl {
font-size: 1rem;
}
.content-heading-3._50.mobile.play-color.play-sub-txt.small-txt.play-ptl-sub-txt {
width: 80%;
font-size: .9rem;
}
.content-heading-3._50 {
width: 70%;
}
.play-tt-sub-3 {
background-color: #161615;
}
.play-tt-sub-3.vc-bg {
background-color: #7435fc;
}
.card-number-3.large {
font-size: 28px;
}
.small-text---sub-black-2 {
padding-top: 10px;
font-size: 14px;
}
.small-text-12 {
font-size: 18px;
}
.small-text-12.letter-spacing {
font-size: 17px;
}
.circle-btn-text-2 {
color: #161615;
font-size: 18px;
}
.btn-box-2 {
flex-direction: column;
align-items: flex-start;
min-height: 500px;
padding: 1.5em;
}
.btn-box-2.api-1, .btn-box-2.vc-box {
height: auto;
min-height: auto;
}
.play-ptl-section-2 {
background-color: #161615;
}
.play-ptl-section-2.play.vc-bg {
background-color: #7435fc;
}
.section-title-wrap-8 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: stretch;
}
.button-1-mask-2 {
display: none;
}
.voice-cloning-2 {
background-color: #7435fc;
}
.pausebtn-2 {
display: block;
}
.highlighted-text---sky-blue-2 {
font-size: 16px;
}
.use-case-words-txt-2 {
font-size: 18px;
}
.use-case-words-txt-2._50 {
width: 70%;
}
.vc-demo-tt-2 {
font-size: 28px;
}
.circle-2 {
cursor: auto;
}
.circle-2:hover {
color: #11594f;
}
.button-base-text-11 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-11.button-text---demo, .highlighted-text---green-2 {
font-size: 16px;
}
.play-btn-2, .button---sub-base-mask-3 {
display: block;
}
.contents-hero-holder-tt-2.play-padding.banner-padding.bg-color:lang(ja) {
padding-right: 20px;
}
.contents-hero-holder-tt-2.play-padding {
padding-right: 0;
}
.btn-tt-text-m-2 {
font-size: 18px;
}
.arrow-10 {
display: block;
}
.text-m---head-product---title-2.play-color.gap.play-official.bg-color.mobile {
font-size: 48px;
}
.button-base-mask-4 {
display: block;
}
.use-case-words-txt-3 {
font-size: 18px;
}
.use-case-words-txt-3._50 {
width: 70%;
}
.use-case-words-txt-3._50.play-sub-color.play-head {
font-size: 20px;
}
.button-base-container-5 {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
}
.button-base-text-12 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-12.button2-2-text {
font-size: 16px;
}
.interactive-shift-mobile {
height: 1050px;
}
.card-title-2-0-2 {
font-size: 18px;
}
.card-txt---tt-box-v2 {
justify-content: flex-start;
align-items: flex-start;
width: 80%;
max-width: 100%;
}
.promotion-container {
background-color: var(--c-primary--main);
}
.campaign-holder {
height: auto;
}
.campaign-section-title-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: stretch;
}
.campaign-box {
flex-direction: column;
align-items: flex-start;
min-height: 500px;
padding: 1.5em;
}
.campaign-box._1, .campaign-box.api-1 {
height: auto;
min-height: auto;
}
.campaign-box.mobile {
min-height: 200px;
}
.campaign-box-wrap.bg-trans-0 {
padding-bottom: 0;
}
.campaign-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 8vh;
padding-left: 40px;
padding-right: 40px;
}
.campaign-section.padding {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.campaign-section.padding.padding.creator {
padding-left: 20px;
padding-right: 20px;
}
.campaign-card-top-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.campaign-txt.large {
font-size: 28px;
}
.campaign-txt.green {
font-size: 22px;
}
.campaign-txt.green.creator.blk {
font-size: 18px;
line-height: 1.2;
}
.apply-section.black {
margin-bottom: 60px;
}
.apply-image-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 8vh;
padding-left: 40px;
padding-right: 40px;
}
.apply-image-section.padding {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-flow: wrap;
padding-left: 0;
padding-right: 0;
}
.apply-card-icon-number {
text-align: center;
}
.campaign-btn-box {
flex-direction: column;
align-items: flex-start;
min-height: 500px;
padding: 1.5em;
}
.campaign-btn-box._1 {
height: auto;
min-height: auto;
}
.campaign-btn-box._1.border-color.creator {
width: 46%;
min-height: 250px;
}
.campaign-btn-box.api-1, .campaign-btn-box.vc-box {
height: auto;
min-height: auto;
}
.campaign-grid {
grid-auto-flow: row;
width: auto;
padding-left: 0;
padding-right: 0;
}
.campaign-grid.mobile {
grid-row-gap: 34px;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
max-width: 100%;
}
.campaign-grid.mobile._3-columns, .campaign-grid.mobile._3-columns.tablet {
display: flex;
}
.campaign-grid.mobile._3-columns.mobile-flex {
flex-flow: column;
max-width: 60%;
}
.campaign-grid.mobile--shift {
grid-row-gap: 48px;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
max-width: 100%;
}
.campaign-service-feature-3.regular {
min-width: 240px;
}
.campaign-apply-box-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 8vh;
padding-left: 40px;
padding-right: 40px;
}
.campaign-apply-box-section.padding {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.campaign-apply-box-section.padding._3-columns {
display: flex;
}
.campaign-apply-box-box {
flex-direction: column;
align-items: flex-start;
min-height: 500px;
padding: 1.5em;
}
.campaign-apply-box-box._1, .campaign-apply-box-box.api-1 {
height: auto;
min-height: auto;
}
.campaign-apply-box-box.mobile {
min-height: auto;
padding-top: 0;
padding-bottom: 0;
}
.campaign-apply-box-box.mobile.green-color {
justify-content: space-between;
align-items: center;
}
.campaign-container {
background-color: var(--c-primary--main);
padding-bottom: 0;
}
.campaign-container.mobile {
background-color: var(--c-grey--trans--0);
padding-top: 60px;
}
.campign-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
justify-items: center;
}
.card-txt---sub-tt.menu-large-text {
display: none;
}
.card-txt---sub-tt.services-intro-hero {
width: 85%;
}
.card-txt---sub-tt.about-testimonial {
width: 90%;
}
.card-txt---sub-tt._70 {
width: 80%;
}
.campaign-cta-holder {
height: auto;
margin-bottom: 0;
}
.campaign-cta-holder.padding-down {
background-color: var(--c-primary--main);
}
.txt-grid-2col {
grid-template-columns: .5fr .5fr .5fr;
}
.txt-grid-2col.mobile-10 {
grid-column-gap: 41px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: .5fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: flex-start;
place-items: stretch stretch;
display: flex;
}
.text-span-103, .text-span-104 {
font-weight: 400;
}
.campaign-contact-section.padding-down {
background-color: var(--c-primary--main);
}
.campaign-contact-section.padding-down.padding-top.margin-top.api-padding.gap {
background-color: var(--c-grey--trans--0);
}
.campaign-contact-section.padding-down.bottom {
padding-bottom: 40px;
}
.campaign-contact-section.gap {
padding-top: 100px;
}
.movie-clip-grid---2-col {
flex-flow: column;
display: flex;
}
.showcase-txt-name {
font-size: 34px;
display: block;
}
.movie-clip-main-section {
background-color: var(--c-primary--main);
}
.card-title-2 {
font-size: 18px;
}
.container---mov-6 {
overflow: visible;
}
.arrow-11 {
display: block;
}
.banner-container-2 {
flex-direction: column;
align-items: flex-start;
min-height: auto;
padding: 1.5em;
}
.banner-title-tt-2, .banner-title-tt-2.promotion-font {
font-size: 18px;
}
.banner-title-tt-2.promotion-font.bgt {
font-size: 16px;
}
.button-base-text-13 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-13.button2-2-text {
font-size: 16px;
}
.button-base-mask-5 {
display: block;
}
.banner-txt-tt-2 {
font-size: 16px;
}
.card-title-3 {
font-size: 18px;
}
.container---mov-7 {
overflow: visible;
}
.arrow-12 {
display: block;
}
.button-base-text-14 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-14.button2-2-text {
font-size: 16px;
}
.tabs-menu-3 {
width: 100%;
margin-bottom: 48px;
margin-right: 0%;
}
.tab-component-2 {
flex-direction: column;
}
.tabs-content-4 {
width: 100%;
display: none;
}
.image-37 {
width: 50%;
}
.image-37.mobile {
width: 30%;
}
.our-approach-grid-7 {
grid-column-gap: 40px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr 1fr;
width: 100%;
}
.brands-wrap-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
justify-content: center;
align-items: center;
}
.about-grid-5 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 0;
}
.container---mov-8 {
overflow: visible;
}
.button-base-text-15 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-15.button2-2-text {
font-size: 16px;
}
.image-39 {
width: 50%;
}
.our-approach-grid-8 {
grid-column-gap: 40px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr 1fr;
width: 100%;
}
.brands-wrap-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
justify-content: center;
align-items: center;
}
.button-base-7 {
height: 32px;
}
.button-base-text-16 {
justify-content: center;
align-items: center;
display: flex;
}
.arrow-13 {
display: block;
}
.tabs-menu-4 {
width: 100%;
margin-bottom: 48px;
margin-right: 0%;
}
.tab-component-3 {
flex-direction: column;
}
.tabs-content-5 {
width: 100%;
display: none;
}
.div-block-86 {
width: 100%;
}
.shift-introduction {
z-index: 15;
margin-top: 0;
padding-top: 20px;
position: relative;
}
.brands-wrap-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: center;
align-items: center;
}
.image-42 {
width: 50%;
}
.our-approach-grid-9 {
grid-column-gap: 40px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr 1fr;
width: 100%;
}
.text-size-medium {
font-size: 1.125rem;
}
.home-hero {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-end;
align-items: center;
height: 100svh;
padding-bottom: 2rem;
}
.heading-14 {
font-size: 6vw;
}
.bg-image {
position: absolute;
inset: 0%;
}
.home-left-content {
grid-column-gap: 4em;
grid-row-gap: 4em;
padding-bottom: 0;
padding-left: 2em;
padding-right: 2em;
}
.home-header {
max-width: none;
}
.text-size-regular-vw {
font-size: 1rem;
}
.figma-content {
width: 100%;
margin-top: 4.2rem;
margin-bottom: 4.2rem;
margin-left: 0;
padding-left: 3.1rem;
padding-right: 3.1rem;
}
.max-width-50ch {
max-width: none;
}
.video-card-content {
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
}
.home-paragraph {
margin-bottom: 0;
font-size: 1.5rem;
line-height: 1.4;
}
.text-size-regular {
font-size: 1rem;
}
.figma {
flex-direction: column;
justify-content: center;
align-items: stretch;
overflow: hidden;
}
.figma-image {
height: 100%;
}
.figma-image-wrap {
width: 100%;
}
.heading-homepage {
margin-top: 0;
margin-bottom: 0;
font-size: 3rem;
line-height: 1.15;
}
.home-page-cards-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr;
margin-top: 0;
}
.template-component {
margin-bottom: 4rem;
padding-top: 0;
}
.heading-component-homepage.small {
padding-top: 0;
}
.home-top-content {
grid-column-gap: 4em;
grid-row-gap: 4em;
padding-bottom: 0;
padding-left: 2em;
padding-right: 2em;
}
.home-header-v2 {
max-width: none;
}
.product---content {
grid-column-gap: .7rem;
grid-row-gap: .7rem;
width: 100%;
margin-top: 4.2rem;
margin-bottom: 1rem;
margin-left: 0;
padding-left: 0;
padding-right: 2rem;
}
.product-image {
height: 100%;
}
.product---image---content {
width: 100%;
margin-top: 0;
margin-bottom: 4.2rem;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.main-products-section {
padding-left: 2.5em;
padding-right: 2.5em;
}
.main-products-div {
flex-direction: column;
justify-content: center;
align-items: stretch;
overflow: hidden;
}
.cta-section-v3 {
padding-top: 10px;
}
.button-base-container-download {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.button-base-container-download.gap.bottom-margin {
padding-bottom: 20px;
}
.hero-img-holder, .content-img-holder {
min-width: auto;
height: auto;
min-height: auto;
}
.content---image {
width: 100%;
margin-top: 0;
margin-bottom: 4.2rem;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.txt-block-component {
margin-bottom: 4rem;
padding-top: 0;
}
.txt-block-section {
padding-left: 2.5em;
padding-right: 2.5em;
}
.bd-80 {
width: 80%;
font-size: 2.7rem;
}
.bd-80.intro-page {
width: auto;
}
.bd-80.intro-page.play-color.play-point.manrope {
font-size: 46px;
}
.clear-price-2.padding-down {
background-color: #161615;
padding-bottom: 60px;
}
.clear-price-2.gap {
padding-top: 100px;
}
.card-txt---sub-txt-box-3 {
width: 100%;
max-width: 100%;
}
.card-txt---sub-txt-3 {
flex-flow: column;
align-items: flex-start;
width: 100%;
}
.bd-601 {
width: 80%;
font-size: 2.7rem;
}
.product-txt-name-3 {
font-size: 44px;
display: block;
}
.products---sub-txt-3 {
font-size: 14px;
}
.txt---tts-demo-2 {
font-size: 12px;
}
.bd-602 {
width: 80%;
font-size: 1.2rem;
}
.card-txt---sub-txt-box-4 {
width: 100%;
max-width: none;
}
.product-txt-name-v02-2 {
font-size: 46px;
display: block;
}
.product-txt-name-v02-2.euclid {
min-width: auto;
}
.btn-tt-text-m-3 {
font-size: 18px;
}
.button-base-container-6 {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: row;
justify-content: flex-end;
align-items: center;
width: auto;
}
.card-txt---sub-txt-4 {
flex-flow: column;
align-items: flex-start;
width: 100%;
}
.arrow-14 {
display: block;
}
.button-base-8 {
height: 32px;
}
.button-base-8.aligan.play-btn-color {
justify-content: center;
align-items: center;
}
.button-base-mask-6 {
display: block;
}
.bd-603 {
font-size: 20px;
}
.button-base-text-17 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-17.button2-2-text {
font-size: 16px;
}
.button---sub-base-mask-4 {
display: block;
}
.card-txt---sub-txt-5 {
flex-flow: column;
align-items: flex-start;
width: 100%;
}
.bd-604 {
width: 80%;
font-size: 1.2rem;
}
.bd-604.demo-subtt.euclid {
width: auto;
}
.hero-img-holder-2 {
min-width: auto;
height: auto;
min-height: auto;
}
.main-products-div-v2 {
flex-direction: column;
justify-content: center;
align-items: stretch;
overflow: hidden;
}
.button-base-container-7 {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
}
.button-base-container-7.bottom-padding {
justify-content: flex-start;
align-items: center;
padding-top: 10px;
padding-bottom: 20px;
}
.arrow-15 {
display: block;
}
.button-base-9 {
height: 32px;
}
.product---content-2 {
grid-column-gap: .7rem;
grid-row-gap: .7rem;
width: 100%;
margin-top: 4.2rem;
margin-bottom: 1rem;
margin-left: 0;
padding-left: 0;
padding-right: 2rem;
}
.button-base-mask-7 {
display: block;
}
.max-width-50ch-2 {
max-width: none;
}
.max-width-50ch-2:lang(ko) {
max-width: 60ch;
}
.cta-section-v3-2 {
padding-top: 10px;
}
.button-base-text-18 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-18.button2-2-text {
font-size: 16px;
}
.product---image---content-2 {
width: 100%;
margin-top: 0;
margin-bottom: 4.2rem;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.text-size-regular-vw-2 {
font-size: 1rem;
}
.main-products-div-2 {
flex-direction: column;
justify-content: center;
align-items: stretch;
overflow: hidden;
}
.product-image-2 {
height: 100%;
}
.button---sub-base-mask-5 {
display: block;
}
.wavy-img {
height: 100%;
}
.content-img-holder-2 {
min-width: auto;
height: auto;
min-height: auto;
}
.txt-block-section-2 {
padding-left: 2.5em;
padding-right: 2.5em;
}
.text-size-regular-vw-3 {
font-size: 1rem;
}
.bd-605 {
width: 80%;
font-size: 1.2rem;
}
.content-img-holder-3 {
min-width: auto;
height: auto;
min-height: auto;
}
.bd-606 {
width: 80%;
font-size: 1.2rem;
}
.bd-606.euclid {
width: 100%;
}
.main-products-section-2co {
padding-left: 20px;
padding-right: 20px;
}
.button-base-container-8 {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: row;
justify-content: flex-end;
align-items: center;
}
.button-base-container-8.business {
justify-content: space-between;
align-items: center;
}
.button-base-container-8.spt-listen {
flex-flow: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
}
.button-base-container-8.spt-listen:lang(ko) {
margin-top: 10px;
}
.bd-607 {
width: 90%;
font-size: 18px;
}
.bd-607.body-txt.euclid {
text-align: right;
margin-top: 0;
font-size: 14px;
}
.bd-607.product-tt.euclid {
width: 30%;
}
.arrow-16 {
display: block;
}
.button-base-10 {
height: 32px;
}
.button-base-mask-8 {
display: block;
}
.home-page-cards-grid---2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr;
margin-top: 0;
}
.bd-608 {
width: 80%;
font-size: 20px;
}
.bd-608.color---super-blue.business {
width: 50%;
font-size: 16px;
}
.bd-608.color---super-blue.business.euclid {
width: 60%;
font-size: 16px;
}
.bd-608.color---super-blue.business.euclid:lang(ko) {
text-align: left;
}
.bd-608.color---super-blue.business.euclid:lang(ja) {
font-size: 14px;
}
.bd-609 {
width: 80%;
font-size: 2.7rem;
}
.bd-609.color-gray {
width: 90%;
font-size: 16px;
}
.button-base-text-19 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-19.button2-2-text {
font-size: 16px;
}
.btn-tt-text-m-4 {
font-size: 18px;
}
.button-base-container-9 {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: row;
justify-content: flex-end;
align-items: center;
}
.products---sub-txt-4 {
font-size: 12px;
}
.products---sub-txt-4.euclid {
font-size: 14px;
}
.movie-clip-grid---2-col-2 {
flex-flow: column;
display: flex;
}
.movie-clip-main-section-2 {
background-color: var(--c-grey--trans--0);
position: static;
}
.arrow-17 {
display: block;
}
.button-base-11 {
height: 32px;
}
.showcase-txt-name-2 {
font-size: 34px;
display: block;
}
.bd-610 {
width: 80%;
font-size: 1.2rem;
}
.supertone-listen {
background-color: #fff0;
}
.button-base-text-20 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-20.button2-2-text {
font-size: 16px;
}
.button---sub-base-mask-6 {
display: block;
}
.nav--wrapper-5 {
grid-template-rows: auto;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
.txt-block-section-2---wht {
padding-left: 2.5em;
padding-right: 2.5em;
}
.txt-animation-section.padding {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-left: 60px;
padding-right: 60px;
}
.button-base-container-tt-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.button-base-container-tt-2.space {
grid-template-columns: 3fr 1.75fr;
}
.button-base-container-tt-2.space.flex {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: .75fr .3fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: flex;
}
.button-base-container-tt-2.space.flex.grid {
place-items: center stretch;
}
.button-base-container-tt-2.space.flex {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .75fr .3fr;
display: flex;
}
.e-commerce-registration {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.small-text-9 {
margin-right: 20px;
}
.small-text-9.coming-soon {
white-space: nowrap;
}
.e-commerce-registration-section {
grid-column-gap: 40px;
grid-template-rows: auto auto auto;
grid-template-columns: 2fr 1fr;
padding-bottom: 60px;
}
.button-base-container-apply {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.button-base-container-apply.gap.padding-campaign {
padding-bottom: 40px;
}
.campaign-feature-section {
padding-left: 0;
padding-right: 0;
}
.biz-hero-wrapper {
background-color: var(--c-primary--main);
}
.biz-hero-wrapper.biz-content, .biz-service-hero-section {
background-color: var(--c-grey--trans--0);
}
.our-approach-grid-10 {
grid-column-gap: 40px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr 1fr;
width: 100%;
}
.service-feature-4.regular {
min-width: 240px;
}
.button---sub-base-mask-7 {
display: block;
}
.pricing-wrapper-3 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
justify-items: center;
padding-top: 40px;
padding-bottom: 80px;
}
.brands-wrap-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: center;
align-items: center;
}
.button-base-text-21 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-21.button2-2-text {
font-size: 16px;
}
.button-mask-type-a-3 {
display: none;
}
.arrow-18, .arrow-19 {
display: block;
}
.play-service-hero-section-base-4 {
background-color: #161615;
}
.play-service-hero-section-base-4.play {
background-color: var(--c-grey--trans--0);
}
.image-46 {
width: 50%;
}
.image-46.mobile {
width: 30%;
}
.services-hero-grid-14 {
grid-template-columns: .5fr .5fr .5fr;
}
.services-hero-grid-14.gap {
grid-template-columns: 1.75fr .25fr 1.25fr;
}
.pricing-feature-section-3 {
padding-left: 0;
padding-right: 0;
}
.base-text-31 {
justify-content: center;
align-items: center;
display: flex;
}
.base-text-31.button4-text {
font-size: 18px;
}
.button-base-text-22 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-22.button2-2-text {
font-size: 16px;
}
.button---sub-base-mask-8 {
display: block;
}
.banner-txt-tt-tcc-2 {
font-size: 16px;
}
.image-47 {
object-fit: cover;
width: 100%;
height: 100%;
overflow: hidden;
}
.banner-container-bi-2 {
flex-direction: column;
align-items: flex-start;
min-height: auto;
padding: 1.5em;
}
.arrow-20 {
display: block;
}
.bib-2 {
width: 100%;
max-width: none;
height: auto;
margin-bottom: 0;
padding-right: 0;
}
.button-base-mask-9 {
display: block;
}
.button-base-text-23 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-23.ssmall {
font-size: 16px;
}
.arrow-box {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.arrow-box.gap {
padding-left: 20px;
}
.banner-container-bi-ver2 {
flex-direction: column;
align-items: flex-start;
min-height: auto;
padding: 1.5em;
}
.banner-container-bi-ver2._1 {
height: auto;
min-height: 33rem;
}
.our-approach-grid-11 {
grid-column-gap: 40px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr 1fr;
width: 100%;
}
.button---sub-base-mask-9 {
display: block;
}
.brands-wrap-6 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: center;
align-items: center;
}
.button-base-text-24 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-24.button2-2-text {
font-size: 16px;
}
.button-mask-type-a-4 {
display: none;
}
.arrow-21 {
display: block;
}
.play-service-hero-section-base-5 {
background-color: #161615;
}
.image-49 {
width: 50%;
}
.image-49.mobile {
width: 30%;
}
.services-hero-grid-15 {
grid-template-columns: .5fr .5fr .5fr;
}
.services-hero-grid-15.gap {
grid-template-columns: 1.75fr .25fr 1.25fr;
}
.pricing-feature-section-4 {
padding-left: 0;
padding-right: 0;
}
.base-text-33 {
justify-content: center;
align-items: center;
display: flex;
}
.base-text-33.button4-text {
font-size: 18px;
}
.button-base-text-25 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-25.button2-2-text {
font-size: 16px;
}
.button---sub-base-mask-10 {
display: block;
}
.our-approach-grid-12 {
grid-column-gap: 40px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr 1fr;
width: 100%;
}
.button---sub-base-mask-11 {
display: block;
}
.brands-wrap-7 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: center;
align-items: center;
}
.button-base-text-26 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-26.button2-2-text {
font-size: 16px;
}
.button-mask-type-a-5 {
display: none;
}
.arrow-22 {
display: block;
}
.play-service-hero-section-base-6 {
background-color: #161615;
}
.image-50 {
width: 50%;
}
.image-50.mobile {
width: 30%;
}
.services-hero-grid-16 {
grid-template-columns: .5fr .5fr .5fr;
}
.services-hero-grid-16.gap {
grid-template-columns: 1.75fr .25fr 1.25fr;
}
.base-text-35 {
justify-content: center;
align-items: center;
display: flex;
}
.base-text-35.button4-text {
font-size: 18px;
}
.button-base-text-27 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-27.button2-2-text {
font-size: 16px;
}
.button---sub-base-mask-12 {
display: block;
}
.our-approach-grid-13 {
grid-column-gap: 40px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr 1fr;
width: 100%;
}
.brands-wrap-8 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: center;
align-items: center;
}
.button-base-text-28 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-28.button2-2-text {
font-size: 16px;
}
.arrow-23 {
display: block;
}
.play-service-hero-section-base-7 {
background-color: #161615;
}
.image-51 {
width: 50%;
}
.image-51.mobile {
width: 30%;
}
.services-hero-grid-17 {
grid-template-columns: .5fr .5fr .5fr;
}
.services-hero-grid-17.gap {
grid-template-columns: 1.75fr .25fr 1.25fr;
}
.base-text-37 {
justify-content: center;
align-items: center;
display: flex;
}
.base-text-37.button4-text {
font-size: 18px;
}
.button-base-text-29 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-29.button2-2-text {
font-size: 16px;
}
.our-approach-grid-14 {
grid-column-gap: 40px;
grid-row-gap: 80px;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr 1fr;
width: 100%;
}
.button-base-text-30 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-30.button2-2-text {
font-size: 16px;
}
.arrow-24 {
display: block;
}
.play-service-hero-section-base-8 {
background-color: #161615;
}
.image-52 {
width: 50%;
}
.image-52.mobile {
width: 30%;
}
.services-hero-grid-18 {
grid-template-columns: .5fr .5fr .5fr;
}
.services-hero-grid-18.gap {
grid-template-columns: 1.75fr .25fr 1.25fr;
}
.base-text-39 {
justify-content: center;
align-items: center;
display: flex;
}
.base-text-39.button4-text {
font-size: 18px;
}
.button-base-text-31 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-31.button2-2-text {
font-size: 16px;
}
.cta-txt-section {
grid-column-gap: 0px;
grid-row-gap: 0px;
min-height: 60px;
}
.tt-01 {
line-height: 1;
}
.product-txt-name-v03 {
font-size: 46px;
display: block;
}
.product-txt-name-v03.euclid {
min-width: auto;
}
.m-tt {
font-size: 50px;
}
.m-tt.services-h1.title {
margin-bottom: 0;
}
.m-tt.services-h1.title.whifte.padding.manrope-mobile.manrope-desktop {
font-size: 50px;
}
.m-tt.services-h1.black._500 {
margin-bottom: 60px;
padding-bottom: 0;
font-size: 32px;
}
.m-tt.services-h1.black._500.large {
font-size: 40px;
}
.m-tt.services-h1.black._500.large.mobile {
width: 60%;
}
.m-tt.services-h1.black._500.large.mobile.play-obt {
width: 100%;
margin-bottom: 20px;
}
.m-tt.services-h1.wht._500 {
margin-bottom: 60px;
padding-bottom: 0;
font-size: 32px;
}
.m-tt.services-h1.wht._500.large {
font-size: 40px;
}
.m-tt.services-h1.wht._500.large.mobile {
width: 60%;
}
.m-tt.services-h1.wht._500.large.mobile.nomal.small.manrope.black {
color: var(--c-grey--white);
}
.m-tt.services-h1.wht._500.large.mobile.play-obt {
width: 100%;
margin-bottom: 20px;
}
.m-tt.services-intro-hero {
width: 85%;
}
.m-tt.services-intro-hero._50.mobile {
width: 70%;
}
.m-tt.services-intro-hero.black {
margin-bottom: 0;
padding-bottom: 10px;
font-size: 24px;
}
.m-tt.services-intro-hero.black.medium {
margin-bottom: 100px;
padding-bottom: 0;
font-size: 20px;
}
.m-tt.services-intro-hero.black.txt {
padding-bottom: 0;
font-size: 30px;
}
.m-tt.services-intro-hero.black.txt.mobile {
font-size: 20px;
}
.m-tt.services-intro-hero.white._500 {
margin-bottom: 20px;
padding-bottom: 0;
font-size: 26px;
}
.m-tt.pink.top-padding {
width: 70%;
}
.tt-block {
width: 100%;
max-width: none;
}
.tt-section {
flex-flow: column;
align-items: flex-start;
width: 100%;
}
.dropdown-5 {
height: 32px;
}
.cursor-wrapper-2 {
display: none;
}
.one-tags-text {
letter-spacing: 2px;
margin-right: 15px;
font-size: 14px;
font-weight: 700;
}
.plus-wrap-2 {
width: 40px;
height: 20px;
}
.one-item-list-tags {
flex-flow: wrap;
place-content: stretch flex-start;
align-items: stretch;
padding-left: 10px;
padding-right: 10px;
}
.button-base-container-10 {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
}
.button-base-container-10.bottom-padding {
justify-content: flex-start;
align-items: center;
padding-top: 10px;
padding-bottom: 20px;
}
.div-block-98 {
grid-column-gap: 0px;
grid-row-gap: 0px;
min-height: 60px;
}
.cta-section-3 {
flex: 0 auto;
}
.button-base-text-32 {
justify-content: center;
align-items: center;
display: flex;
}
.arrow-25 {
display: block;
}
.button-base-12, .dropdown-7 {
height: 32px;
}
.bd-611 {
width: 80%;
font-size: 20px;
}
.button-base-13 {
height: 32px;
}
.bd-612 {
width: 80%;
font-size: 1.2rem;
}
.bd-612.euclid {
padding-bottom: 10px;
}
.button-base-text-33 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-33.button2-2-text {
font-size: 16px;
}
.arrow-26 {
display: block;
}
.campaign-benefits.regular {
min-width: 240px;
}
.button---sub-base-mask-13 {
display: block;
}
.button-base-text-34 {
justify-content: center;
align-items: center;
display: flex;
}
.button-base-text-34.button2-2-text {
font-size: 16px;
}
.arrow-27 {
display: block;
}
.card-number-4.large {
font-size: 28px;
}
.txt-grid-1col {
grid-template-columns: .5fr .5fr .5fr;
}
.txt-grid-1col.mobile-10 {
grid-column-gap: 41px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: .5fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: flex-start;
place-items: stretch stretch;
display: flex;
}
.campaign-steps.regular {
min-width: 240px;
}
.image-step {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 8vh;
padding-left: 40px;
padding-right: 40px;
}
.image-step.padding {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: row;
justify-content: center;
align-items: center;
max-width: 768px;
padding-left: 0;
padding-right: 0;
}
.level-box {
flex-direction: column;
align-items: flex-start;
min-height: 500px;
padding: 1.5em;
}
.level-box._1 {
height: auto;
min-height: auto;
}
.level-box._1.border-color {
width: 100%;
min-width: 140px;
max-width: 200px;
height: 100%;
min-height: 140px;
max-height: 200px;
}
.level-box._1.border-color.creator {
width: 46%;
min-height: 250px;
}
.level-box.api-1, .level-box.vc-box {
height: auto;
min-height: auto;
}
.campaign-level-box---arrow {
flex-direction: column;
justify-content: center;
align-items: center;
height: 20%;
min-height: 30px;
padding: 0 1.5em;
}
.campaign-level-box---arrow._1 {
height: auto;
min-height: auto;
}
.campaign-level-box---arrow._1.border-color.creator {
width: 46%;
min-height: 250px;
}
.campaign-level-box---arrow.api-1, .campaign-level-box---arrow.vc-box {
height: auto;
min-height: auto;
}
.div-block-104 {
width: 100%;
height: 100%;
}
.campaign-box-2 {
flex-direction: column;
align-items: flex-start;
min-height: 500px;
padding: 1.5em;
}
.campaign-box-2.mobile {
min-height: 200px;
}
.voicepartners {
background-color: #fff0;
}
.card-txt---tt-box-profile {
justify-content: flex-start;
align-items: flex-start;
width: 80%;
}
.products-spt-profile {
display: flex;
}
.products---sub-txt-profile {
font-size: 12px;
}
.products---sub-txt-profile.padding-top-0 {
padding-top: 0;
}
.card-txt---tt-profile.menu-large-text {
display: none;
}
.card-txt---tt-profile.services-intro-hero {
width: 85%;
}
.card-txt---tt-profile.about-testimonial {
width: 90%;
}
.button-3-small-2 {
margin-top: 20px;
margin-bottom: 0;
}
.base-text-41 {
justify-content: center;
align-items: center;
display: flex;
}
.button-2-2-mask-3 {
display: none;
}
.footer-contact-grid-3 {
grid-template-rows: auto;
}
.btn-small-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.process-inner-grid-copy {
grid-template-columns: .25fr 1fr;
}
.process-inner-grid-copy.gap {
grid-template-columns: .25fr 1.25fr .5fr .25fr;
}
.about-hero-section-2 {
padding-top: 40px;
}
}
@media screen and (max-width: 767px) {
h1, h2, h3, h4, p, a {
font-size: 18px;
}
.columns-wrap {
padding: 50px 24px 60px;
}
.left-column {
display: none;
}
.text---large {
font-size: 28px;
}
.text---large.menu-large-text {
display: none;
}
.text---large.services-intro-hero {
width: 90%;
}
.text---large.services-intro-hero.price-text.white.promotion-text.play-color.d-padding {
font-size: 27px;
}
.text---large.services-intro-hero.price-text.white.play-sub-color.manrope, .text---large.services-intro-hero.price-text.white.manrope {
font-size: 50px;
}
.text---large.services-intro-hero.price-text.white.left-gap.manrope {
font-size: 24px;
}
.text---large.text-brand-description.white {
font-size: 18px;
}
.text---large.about-testimonial {
width: 100%;
}
.small-text, .small-text.letter-spacing {
font-size: 14px;
}
.base-text.company {
white-space: normal;
}
.base-text.number.txttt {
align-self: center;
font-size: 14px;
}
.base-text.number.txttt.small-txt {
font-size: 12px;
}
.base-text.number.txttt.wht.small:lang(ko) {
font-size: 14px;
}
.base-text.number.txttt.wht.small.aligigi {
align-self: flex-start;
font-size: 14px;
}
.base-text.number.txttt.wht.algigk {
align-self: flex-start;
}
.base-text.recognition-date {
font-size: 16px;
}
.base-text.recognition-name {
margin-bottom: 10px;
}
.base-text.recognition-company {
margin-bottom: 5px;
}
.base-text.all-work-brand {
white-space: normal;
}
.rich-text-block h2 {
font-size: 22px;
}
.rich-text-block a, .rich-text-block li, .rich-text-block blockquote {
font-size: 18px;
}
.intro-guide-wrap {
padding: 90px 24px 50px;
}
.template-page-intro {
width: 100%;
}
.button {
font-size: 18px;
}
.button.contact-button {
margin-left: 0;
margin-right: 0;
}
.link-wrap.recognition-link {
justify-content: flex-end;
}
.link-wrap.service-button {
flex-flow: column wrap;
align-items: flex-start;
}
.arrow-png {
width: 10px;
height: 10px;
}
.nav-grid {
grid-template-columns: 1fr 1fr;
}
.brand-wrap {
width: 160px;
}
.navigation-time-wrap {
display: none;
}
.home-hero-section.mobile {
height: 25vh;
max-height: 10vh;
}
.frame {
padding-left: 0;
}
.process-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.divider {
width: 100%;
height: 1px;
}
.process-inner-grid {
grid-template-columns: .25fr 1fr;
}
.process-main-grid {
margin-bottom: 0;
}
.gallery-grid {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-rows: minmax(50px, 1fr) minmax(50px, 1fr);
grid-template-columns: 1fr 1fr;
}
.footer-grid {
grid-row-gap: 30px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr;
}
.contact-wrap {
width: 75%;
}
.footer-nav-links-grid {
grid-template-rows: auto;
grid-template-columns: min-content min-content min-content min-content;
justify-items: stretch;
}
.work-info-wrap {
grid-column-gap: 20px;
}
.menu-link {
font-size: 44px;
}
.nav-inner-link-wrap {
margin-right: 8px;
}
.menu-items-wrap {
margin-bottom: 0;
}
.services-hero-grid {
grid-template-columns: .25fr .5fr .5fr;
}
.gallery-mask {
width: 45%;
}
.project-info-wrap.featured-info {
align-items: flex-start;
bottom: 10px;
left: 10px;
right: 10px;
}
.project-info-wrap.hide-mobile {
display: none;
}
.logo {
width: 140px;
}
.brand-div {
padding-right: 20px;
}
.testimonial-wrap {
padding-top: 60px;
padding-bottom: 60px;
}
.testimonial-component {
grid-template-columns: 1fr;
}
.legals-wrap {
justify-content: flex-start;
}
.team-wrap {
width: 100%;
}
.team-image-wrap {
height: auto;
}
.about-grid {
grid-template-columns: .25fr .5fr .5fr;
}
.about-grid-wrap {
padding-top: 30px;
}
.about-photo-gallery-wrap {
padding-top: 70px;
padding-bottom: 100px;
}
.about-photo-gallery-grid {
grid-row-gap: 60px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.gallery-image-1 {
width: 80%;
top: 0;
}
.gallery-image-2 {
width: 80%;
}
.gallery-image-3 {
width: 80%;
top: 0;
left: 0;
}
.about-testimonial-info {
grid-row-gap: 10px;
flex-direction: column;
}
.recognition-outer-container {
margin-top: 60px;
margin-bottom: 60px;
}
.recognition-grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr min-content;
padding-top: 20px;
padding-bottom: 20px;
}
.contact-form-wrap {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.contact-first-column.contact-paragraph {
justify-content: center;
align-self: auto;
align-items: flex-start;
width: 100%;
margin-left: 0;
}
.location-info-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.location-info-text.right-aligned {
align-items: flex-start;
}
.privacy-policy-wrap {
width: 100%;
}
.error-message {
width: auto;
}
.work-info {
grid-template-columns: min-content 1fr 1fr;
}
.work-intro-grid {
grid-row-gap: 37px;
grid-template-rows: auto auto;
grid-template-columns: .5fr;
grid-auto-columns: .25fr;
display: block;
}
.suggested-link {
height: 200px;
}
.gallery-collection-item.blog {
width: 50%;
height: auto;
}
.nav-social-links-wrap {
display: none;
}
.template-information-wrapper {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.license-content-wrap, .instructions-content-wrap {
padding: 50px 24px 60px;
}
.checkbox-field {
width: 100%;
}
.project-description-wrap {
width: 80%;
}
.category-project-grid {
grid-template-columns: 1fr;
margin-bottom: 10vh;
}
.catgeory-images-list {
grid-template-columns: 1fr;
}
.service-link-wrap {
align-items: center;
display: flex;
}
.clear-video-2 {
height: 26vw;
}
.heading-2.product-txt.white.color-grey {
font-size: 14px;
}
.text---head {
font-size: 28px;
}
.text---head.menu-large-text {
display: none;
}
.text---head.services-intro-hero {
width: 90%;
}
.text---head.about-testimonial {
width: 100%;
}
.small-text---sub {
font-size: 16px;
}
.base-text---sub {
font-size: 18px;
}
.base-text---sub.company {
white-space: normal;
}
.base-text---sub.recognition-date {
font-size: 16px;
}
.base-text---sub.recognition-name {
margin-bottom: 10px;
}
.base-text---sub.recognition-company {
margin-bottom: 5px;
}
.base-text---sub.all-work-brand {
white-space: normal;
}
.base-text---sanserif {
font-size: 18px;
}
.base-text---sanserif.company {
white-space: normal;
}
.base-text---sanserif.recognition-date {
font-size: 16px;
}
.base-text---sanserif.recognition-name {
margin-bottom: 10px;
}
.base-text---sanserif.recognition-company {
margin-bottom: 5px;
}
.base-text---sanserif.all-work-brand {
white-space: normal;
}
.menu-text {
font-size: 18px;
}
.menu-text.company {
white-space: normal;
}
.menu-text.recognition-date {
font-size: 16px;
}
.menu-text.recognition-name {
margin-bottom: 10px;
}
.menu-text.recognition-company {
margin-bottom: 5px;
}
.menu-text.all-work-brand {
white-space: normal;
}
.rl_navbar1_logo-link {
padding-left: 0;
}
.rl_navbar1_component {
height: auto;
min-height: 4rem;
}
.nav-spt-sym {
inset: 2px;
}
.nav-spt-sym.mobile {
padding: 1.5px;
position: static;
}
.small-text-2 {
flex: 1;
}
.small-text-2.white {
font-size: 12px;
}
.small-text-2.white.manrope {
flex: 0 auto;
}
.arrow-3 {
width: 10px;
height: 10px;
}
.brand-image-2 {
padding-left: 0;
}
.nav-menu-2 {
padding-top: 20px;
}
.button-2-2, .base-text-2 {
font-size: 18px;
}
.base-text-2.white, .base-text-2.grey {
font-size: 14px;
}
.text---medium {
font-size: 28px;
}
.text---medium.menu-large-text {
display: none;
}
.text---medium.services-intro-hero {
width: 90%;
}
.text---medium.about-testimonial {
width: 100%;
}
.base---19---san.align-right.white.top-margin.mobile.gray.sub-txt {
font-size: 14px;
}
.text---head-product---title {
font-size: 28px;
}
.text---head-product---title.menu-large-text {
display: none;
}
.text---head-product---title.services-intro-hero {
width: 90%;
}
.text---head-product---title.about-testimonial {
width: 100%;
}
.footer-links {
align-items: flex-start;
}
.footer-wrapper.soluton.padding {
margin-top: 0;
}
.template-helper-links {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
}
.template-info-wrapper {
align-items: flex-start;
}
.template-info-wrapper.mobile {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
display: flex;
}
.template-info-wrapper.desktop {
display: none;
}
.footer-links-grid {
grid-column-gap: 4vh;
grid-row-gap: 4vh;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.footer-grid-2 {
grid-template-rows: auto auto auto;
}
.privacy-policy {
font-size: 14px;
}
.footer-upper-info {
grid-column-gap: 4vh;
grid-row-gap: 4vh;
flex-flow: row;
}
.footer-text {
font-size: 30.5vw;
}
.legals-plus-template-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.legals-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
}
.footer-section-2 {
background-color: var(--c-grey--trans--0);
position: relative;
}
.template-links-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
}
.btn-small {
grid-column-gap: 13px;
grid-row-gap: 13px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
}
.button-3-small {
margin-top: 20px;
margin-bottom: 0;
font-size: 18px;
}
.button-3-small._30px {
height: 30px;
}
.footer-grid-3 {
grid-row-gap: 30px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
padding-bottom: 60px;
}
.base-text-3 {
font-size: 18px;
}
.legals-wrap-2 {
flex-flow: row;
justify-content: flex-start;
}
.legals-wrap-2.manrope {
grid-column-gap: 13px;
grid-row-gap: 13px;
flex-flow: wrap;
}
.e {
font-size: 22px;
}
.e.services-h1.title.whifte.padding.manrope-mobile.manrope-desktop {
font-size: 44px;
}
.e.services-h1.title.padding.small {
font-size: 22px;
}
.e.services-h1.title.manrope {
font-size: 36px;
}
.e.services-h1.black._500 {
margin-bottom: 10px;
font-size: 22px;
}
.e.services-h1.black._500.large.mobile.play-obt {
width: 80%;
margin-bottom: 20px;
}
.e.services-h1.wht._500 {
margin-bottom: 10px;
font-size: 22px;
}
.e.services-h1.wht._500.large.mobile.play-obt {
width: 80%;
margin-bottom: 20px;
}
.e.services-intro-hero {
width: 90%;
font-size: 24px;
}
.e.services-intro-hero._50.mobile {
width: 70%;
}
.e.services-intro-hero.black {
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 10px;
font-size: 24px;
}
.e.services-intro-hero.black.medium {
margin-bottom: 5px;
}
.e.services-intro-hero.black.txt.mobile {
padding-top: 0;
font-size: 20px;
}
.e.services-intro-hero.white._500 {
margin-bottom: 10px;
padding-bottom: 0;
font-size: 20px;
}
.e.services-intro-hero.manrope {
font-size: 22px;
}
.e.pink.top-padding.manrope.white {
width: 60%;
margin-bottom: 10px;
}
.arrow-png-2 {
width: 12px;
height: 12px;
}
.footer-contact-grid-2 {
grid-template-rows: auto;
}
.footer-nav-links-grid-2 {
grid-template-rows: auto;
grid-template-columns: min-content min-content min-content min-content;
justify-items: stretch;
}
.small-text-3 {
font-size: 16px;
}
.link-8, .button-2-2-2, .button-base {
font-size: 18px;
}
.button-base-text {
font-size: 16px;
}
.button-base-text.button2-2-text, .button-base-text.btn---sub-color {
font-size: 14px;
}
.button-base-text.ssmall {
font-size: 15px;
}
.button-footer {
font-size: 18px;
}
.menu-mob.w--open {
background-color: var(--c-grey--trans--0);
}
.brand-image-3 {
padding-left: 0;
}
.menu-button-3.w--open {
background-color: var(--c-primary--main);
}
.brand-image-4, .brand-image-4.w--current {
padding-left: 0;
}
.service-dropdown-2 {
color: var(--c-primary--main);
}
.our-approach-grid {
grid-row-gap: 60px;
grid-template-columns: 1fr;
width: 80%;
margin-left: 0;
}
.use-case-words-txt {
font-size: 14px;
}
.use-case-words-txt._50 {
font-size: 16px;
}
.use-case-words-txt._50.api-color.white, .webflow-feature-heading.wht-txt._100 {
width: 100%;
}
.about-grid-2 {
grid-row-gap: 40px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.phase {
white-space: nowrap;
}
.logo-2 {
width: 100px;
}
.our-approach-grid-2 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
width: 80%;
margin-left: 0;
}
.with-us-heading {
width: auto;
}
.brand-div-2 {
padding-right: 20px;
}
.with-us-feature {
width: auto;
font-size: 14px;
}
.service-intro-section-2-0 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.services-intro {
padding-bottom: 40px;
}
.highlighted-text-2, .highlighted-text-2.blue {
font-size: 12px;
}
.wokring-with-us-section {
margin-bottom: 10vh;
}
.wokring-with-us-section.gap {
margin-bottom: 3vh;
}
.contact-text {
font-size: 40px;
}
.underline.card {
width: 100%;
}
.example-div {
height: 220px;
}
.solutions-wrapper {
margin-top: 5vh;
}
.contact-section {
padding-left: 40px;
padding-right: 40px;
}
.with-us-features-wrapper {
width: 100%;
margin-top: 10px;
padding-top: 30px;
padding-bottom: 30px;
}
.with-us-features-wrapper.top {
margin-top: 20px;
padding-top: 30px;
padding-bottom: 30px;
}
.solutions-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
width: 100%;
}
.service-feature {
width: 120%;
max-width: none;
padding: 28px;
}
.service-feature.promotion, .service-feature.promotion-none {
width: 130%;
}
.features-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: auto;
}
.service-process-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: min-content 1.25fr min-content;
}
.with-us-paragraph {
width: 100%;
}
.feature-heading-wrapper.grid {
display: flex;
}
.with-us-heading-wrapper.gap {
grid-column-gap: 11px;
grid-row-gap: 11px;
}
.extra-largue {
font-size: 24px;
}
.extra-largue.into-page {
margin-bottom: 40px;
font-size: 40px;
}
.extra-largue.into-page.small-text.pink.manrope.green.bold {
font-weight: 400;
}
.extra-largue.into-page.small-text.api-color {
font-size: 30px;
}
.extra-largue.into-page.small-text.white.manrope._150.mobile {
font-size: 20px;
}
.extra-largue.into-page.play-color.manrope {
width: 80%;
}
.extra-largue.into-page.api-color.manrope {
margin-bottom: 0;
font-size: 32px;
}
.extra-largue.into-page.play-color.play-point.manrope {
width: 100%;
margin-bottom: 0;
font-size: 36px;
}
.extra-largue.into-page.play-color.play-point.manrope.shift-coupon {
width: 90%;
font-size: 2.4em;
}
.extra-largue.into-page.play-color.play-point.manrope {
font-size: 36px;
}
.extra-largue.into-page.play-color.top-p.manrope {
font-size: 2rem;
}
.extra-largue.into-page.play-color.padding {
font-size: 1.2rem;
}
.extra-largue.into-page.pink {
font-size: 28px;
}
.extra-largue.intro-page.play-color.padding {
font-size: 1.2rem;
}
.circle {
width: 200px;
height: 200px;
}
.about-grid-3 {
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 50px;
}
.brands-service-container {
display: none;
}
.logo-3 {
width: 100px;
}
.our-approach-grid-3 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
width: 80%;
margin-left: 0;
}
.brand-div-3 {
padding-right: 20px;
}
.service-hero-section, .service-hero-section.black {
background-color: var(--c-primary--main);
}
.service-hero-header {
font-size: 5rem;
}
.nav-menu-4 {
padding-top: 20px;
}
.extra-large-text-sub {
font-size: 2.3rem;
}
.extra-large-text-sub.price-2-0-shift-desc.white.mobile {
margin-bottom: 10px;
font-size: 15px;
}
.extra-large-text-sub.price-2-0-shift-desc.white, .extra-large-text-sub.price-2-0-shift-desc.sub2, .extra-large-text-sub.intro-page.white {
font-size: 18px;
}
.extra-large-text-sub.intro-page.white._150.shift, .extra-large-text-sub.intro-page.white.shift {
font-size: 20px;
}
.extra-large-text-sub.intro-page.white {
font-size: 18px;
}
.extra-large-text-sub.intro-page.small {
width: 100%;
font-size: 16px;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3.blue {
width: 100%;
font-size: 1.4rem;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3.blue.mobile-white {
color: var(--c-primary--bg);
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3.blue.mobile-white.lineheight-1 {
line-height: 2rem;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3.blue.line-height {
line-height: 1.6rem;
}
.extra-large-text-sub.shift-2-0-desc.white.mobile {
margin-bottom: 10px;
font-size: 15px;
}
.extra-large-text-sub.shift-2-0-desc.white, .extra-large-text-sub.shift-2-0-desc.sub2, .extra-large-text-sub.shift-2-0-desc.white {
font-size: 18px;
}
.image-5 {
width: 50%;
}
.footer-link-small.white, .footer-link-small.white.padding-right-20, .small-text-2-grey {
font-size: 12px;
}
.link-9 {
font-size: 14px;
}
.base-text-4 {
font-size: 18px;
}
.base-text-4.button3-text {
font-size: 14px;
}
.text---small.green.manrope.white {
width: 70%;
}
.text---small.air-green.manrope {
width: 80%;
}
.contents-hero-holder-black {
height: auto;
}
.base-text-5 {
margin-bottom: 0;
padding-bottom: 0;
font-size: 13px;
}
.base-text-5.form-label.small.grey {
padding-bottom: 0;
}
.base-text-5.grey.mobile {
font-size: 14px;
}
.base-text-5.padding-under-30.medium {
font-size: 18px;
}
.base-text-5.mid {
padding-bottom: 0;
font-size: 18px;
}
.base-text-5._18 {
font-size: 18px;
}
.services-hero-grid-2 {
grid-template-columns: .25fr .5fr .5fr;
}
.brand-div-4 {
padding-right: 20px;
}
.button-4 {
font-size: 18px;
}
.divider-2 {
width: 100%;
height: 1px;
}
.process-grid-2 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.arrow-png-3 {
width: 12px;
height: 12px;
}
.small-text-7 {
font-size: 16px;
}
.process-main-grid-2 {
margin-bottom: 60px;
}
.link-10 {
font-size: 18px;
}
.process-inner-grid-2 {
grid-template-columns: 1fr;
}
.small-text-8 {
font-size: 16px;
}
.arrow-png-4 {
width: 12px;
height: 12px;
}
.small-text-11 {
font-size: 16px;
}
.small-text-11:lang(ko) {
font-size: 14px;
}
.small-text-11.small {
width: 100%;
}
.small-text-11._70 {
width: 90%;
font-size: 14px;
}
.small-text-11._14pr {
font-size: 14px;
}
.link-11 {
font-size: 18px;
}
.service-heading-3.white {
font-size: 14px;
}
.service-intro-section-02 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.process-grid-3 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.to-expect-grid-02 {
grid-template-rows: auto;
}
.base-text-6 {
font-size: 18px;
}
.to-expect-grid-3 {
grid-template-rows: auto auto;
}
.arrow-png-5 {
width: 12px;
height: 12px;
}
.process-main-grid-3 {
margin-bottom: 60px;
}
.process-inner-grid-3 {
grid-template-columns: .25fr 1fr;
}
.service-hero-section-base {
background-color: var(--c-grey--trans--0);
}
.extra-large-text-sub-black {
font-size: 2.3rem;
}
.button-5, .base-text-7 {
font-size: 18px;
}
.base-text-7.button4-text {
font-size: 16px;
}
.hero-text-holder-white-1.padding-30px {
position: relative;
top: 23px;
}
.base-text-5---black {
font-size: 14px;
line-height: 1.2;
}
.base-text-5---black.padding-top-20px {
font-size: 14px;
}
.large-text-black {
font-size: 28px;
}
.large-text-black.services-intro-hero {
width: 90%;
}
.large-text-black.padding-down-0 {
font-size: 24px;
}
.small-text---sub-black {
font-size: 12px;
}
.heading-5 {
width: 100%;
}
.medium-text-black {
font-size: 24px;
}
.medium-text-black.services-intro-hero {
width: 90%;
}
.medium-text-black.grey {
font-size: 14px;
}
.large-text-whifte {
font-size: 28px;
}
.large-text-whifte.services-intro-hero {
width: 90%;
}
.base-text-medium {
font-size: 18px;
}
.base-text-medium.company {
white-space: normal;
}
.base-text-medium.recognition-date {
font-size: 16px;
}
.base-text-medium.recognition-name {
margin-bottom: 10px;
}
.base-text-medium.recognition-company {
margin-bottom: 5px;
}
.base-text-medium.all-work-brand {
white-space: normal;
}
.base-text-medium.txttt {
font-size: 14px;
}
.button-6 {
font-size: 18px;
}
.gallery-mask-c {
width: 45%;
}
.gallery-mask-b {
width: 74%;
}
.project-info-wrap-b.featured-info {
bottom: 10px;
left: 10px;
right: 10px;
}
.project-info-wrap-b.hide-mobile {
display: none;
}
.base-text-link {
font-size: 18px;
}
.base-text-link.company {
white-space: normal;
}
.base-text-link.recognition-date {
font-size: 16px;
}
.base-text-link.recognition-name {
margin-bottom: 10px;
}
.base-text-link.recognition-company {
margin-bottom: 5px;
}
.base-text-link.all-work-brand {
white-space: normal;
}
.medium-text {
font-size: 20px;
}
.base-text-5---blue {
font-size: 18px;
}
.base-text-year {
font-size: 16px;
}
.base-text-year.company {
white-space: normal;
}
.base-text-year.recognition-date {
font-size: 16px;
}
.base-text-year.recognition-name {
margin-bottom: 10px;
}
.base-text-year.recognition-company {
margin-bottom: 5px;
}
.base-text-year.all-work-brand {
white-space: normal;
}
.base-text-year.mobile {
padding-bottom: 40px;
font-size: 14px;
}
.button-type-a {
font-size: 18px;
}
.brands-holder-press {
padding-bottom: 60px;
}
.brand-div-press {
padding-right: 20px;
}
.gallery-mask-preview {
width: 45%;
}
.gallery-slide-preview {
width: 96.5vw;
}
.base-text-6-black {
font-size: 18px;
}
.contents-hero-holder-tt.play-padding {
padding-top: 60px;
padding-bottom: 10px;
}
.heading-3---popup.grey.top-padding.small.dark {
min-width: 360px;
}
.heading-3---popup.padding-top-0 {
padding-top: 0;
}
.text---head-product---title-white {
font-size: 34px;
}
.text---head-product---title-white.menu-large-text {
display: none;
}
.text---head-product---title-white.services-intro-hero {
width: 90%;
}
.text---head-product---title-white.about-testimonial {
width: 100%;
}
.text---head-product---title-white.medium.small.blue {
font-size: 22px;
}
.text---small-white.small {
text-align: left;
align-self: auto;
font-size: 18px;
}
.text---small-white.mobile {
font-size: 16px;
}
.text-field-3.small-text {
font-size: 12px;
}
.button-7 {
font-size: 18px;
}
.button-7.contact-button {
margin-left: 0;
margin-right: 0;
}
.large-text-2 {
font-size: 28px;
}
.error-message-2, .success-message-3 {
width: 100%;
}
.rich-text-block-small h2 {
font-size: 22px;
}
.rich-text-block-small h1 {
font-size: 32px;
}
.rich-text-block-small a, .rich-text-block-small blockquote {
font-size: 18px;
}
.image-4-copy {
padding-bottom: 0;
}
.about-images-wrapper-shift {
width: 100%;
}
.grey {
font-size: 16px;
}
.grey.large.price.white.plus {
font-size: 36px;
}
.grey.large.price.white.padding.mobile-txt {
font-size: 25px;
}
.grey.dark.small, .grey.dark.padding.mobile {
font-size: 14px;
}
.grey.mobile.padding.blue.price {
font-size: 13px;
line-height: 1;
}
.services-hero-grid-3 {
grid-template-columns: .25fr .5fr .5fr;
}
.services-hero-grid-3.gap {
grid-template-columns: .5fr .5fr;
}
.services-hero-grid-3.gap.padding {
grid-template-columns: .75fr 1fr;
grid-auto-columns: .75fr;
padding-top: 0;
}
.services-hero-grid-3.gap.padding.flex {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.services-hero-grid-3.gap.mobile {
grid-template-columns: .5fr .5fr 1fr;
}
.btn, .business-contact {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.hero-image-section {
margin-bottom: 10vh;
}
.partners-features-wrapper {
width: 100%;
padding: 40px 20px;
}
.partners-features-wrapper.padding {
padding: 40px 20px;
}
.gallery-mask-2 {
width: 45%;
}
.large-text-3 {
font-size: 28px;
}
.text-reveal-line-1, .text-reveal-line-2, .text-reveal-line-3 {
font-size: 7.5rem;
}
.card-mask {
width: 80%;
}
.slider-component {
padding-bottom: 6rem;
}
.slider-arrow.left {
right: 3.5rem;
}
.card-title {
font-size: 16px;
}
.title-card-wrapper.white.card-partners.api-color.txt-gap, .title-card-wrapper.white.card-partners.play-color.txt-gap, .title-card-wrapper.white.card-partners.play-color.txt-gap {
margin-bottom: 10px;
}
.btn-box {
padding: 2em;
}
.btn-box._1._2 {
padding-top: 30px;
}
.btn-box.api-1.api-color {
max-width: 400px;
}
.btn-box.api-1.api-color.why-api {
max-width: none;
min-height: 200px;
padding-top: 20px;
padding-bottom: 20px;
}
.btn-box.api-1.api-color.why-api:lang(ko) {
min-height: 200px;
}
.btn-box.vc-box.api-color {
max-width: 400px;
}
.card {
padding-right: 1.5rem;
}
.cards-caption-wrapper {
width: 80%;
}
.card-number.large {
font-size: 28px;
}
.card-number.large.card-partners.api-color {
font-size: 24px;
}
.card-number.large.card-partners.api-color.center {
font-size: 20px;
}
.card-description.pink {
font-size: 16px;
}
.card-description.black, .card-description.api-color {
font-size: 13px;
}
.card-description.api-color {
font-size: 16px;
}
.card-description.docs {
font-size: 14px;
}
.hero-test {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.image-wrapper {
width: 100%;
}
.partners-image-section {
margin-bottom: 10vh;
}
.partners-image-section.padding {
margin-bottom: 5vh;
}
.txt {
width: auto;
}
.txt-feature {
width: auto;
font-size: 16px;
}
.txt-feature.black {
max-width: none;
font-size: 20px;
}
.text---head-2 {
font-size: 28px;
}
.services-hero-grid-4 {
grid-template-columns: .25fr .5fr .5fr;
}
.arrow-png-6 {
width: 12px;
height: 12px;
}
.base-text-8 {
font-size: 18px;
}
.text---large-2 {
font-size: 28px;
}
.text---large-2.services-intro-hero {
width: 90%;
}
.link-12 {
font-size: 18px;
}
.feature-wrap-text {
margin-top: 40px;
}
.button-base-container-2.gap {
padding-left: 0;
}
.products-slider-component {
padding-bottom: 6rem;
}
.card-mask-products {
width: 80%;
}
.card-products {
padding-right: 1.5rem;
}
.box-copy, .box-products {
padding: 2em;
}
.box-products._1, .box-products._3, .box-products.m-p-clear {
min-height: 24rem;
}
.services-hero-grid-5 {
grid-template-columns: .5fr .5fr;
}
.services-hero-grid-6 {
grid-template-columns: .25fr .5fr .5fr;
}
.services-hero-grid-7 {
grid-template-columns: .5fr .5fr;
}
.services-hero-grid-8 {
grid-template-columns: .25fr .5fr .25fr;
}
.services-hero-grid-10 {
grid-template-columns: .5fr .5fr .5fr;
}
.services-hero-grid-10.mobile-10.edit {
margin-top: 40px;
}
.services-hero-grid-11 {
grid-template-columns: .5fr .5fr .5fr;
}
.services-hero-grid-12 {
grid-template-columns: .25fr .5fr .5fr;
}
.services-hero-grid-12.padding-under-30 {
grid-template-columns: .5fr .5fr;
padding-bottom: 40px;
}
.hero-main-extend {
max-height: 300px;
}
.newsletter-box {
margin-left: 20px;
margin-right: 20px;
}
._16px-how-it-works.white {
font-size: 18px;
}
.our-approach-grid-4 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
width: 80%;
margin-left: 0;
}
.cookietext {
align-self: flex-start;
}
.text-block-4.small.mobile {
text-align: left;
font-size: 14px;
}
.footercookielink.cookie.mobile {
font-size: 14px;
}
.cookiebuttons {
align-self: flex-end;
}
.cookiebutton.mobile {
font-size: 14px;
}
.policy-base-text {
width: auto;
min-width: 360px;
max-width: 1000px;
margin-left: 0;
}
.bold-text-popup.content-heading-2 {
margin-left: 0;
}
.cookie-form-wrap {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.button-base-outline {
font-size: 18px;
}
.rich-text-block-policy-small h2 {
font-size: 22px;
}
.rich-text-block-policy-small h1 {
font-size: 32px;
}
.rich-text-block-policy-small a {
font-size: 12px;
}
.rich-text-block-policy-small blockquote {
font-size: 18px;
}
.rich-text-block-policy-small.top-padding-0 {
font-size: 14px;
}
.grid-policy-4-5 {
grid-template-columns: .25fr .25fr .25fr .25fr;
}
.table-text-title h2 {
font-size: 22px;
}
.table-text-title h1 {
font-size: 32px;
}
.table-text-title a, .table-text-title blockquote {
font-size: 18px;
}
.table-text-body {
overflow: scroll;
}
.table-text-body h2 {
font-size: 22px;
}
.table-text-body h1 {
font-size: 32px;
}
.table-text-body a {
width: 100%;
font-size: 10px;
}
.table-text-body blockquote {
font-size: 18px;
}
.feature-wrap-text-hero {
margin-top: 10px;
padding-left: 0;
left: 20px;
}
.feature-wrap-text-hero.mobile {
width: 60%;
left: 20px;
}
.grid-shift-pricing {
grid-column-gap: 10px;
grid-row-gap: 4px;
grid-template-columns: .5fr .8fr .25fr .9fr .9fr;
width: 100%;
margin-left: 0;
}
.grid-shift-pricing.non {
display: none;
}
.download-form-wrap {
width: 100%;
padding-left: 0;
padding-right: 20px;
}
.grid-shift-pricing-text {
grid-row-gap: 60px;
grid-template-columns: 1fr;
width: 100%;
margin-left: 0;
}
.play-main-graphic.mobile {
height: 33rem;
}
.button-base-download {
font-size: 18px;
}
.solution-process-dvi {
grid-column-gap: 25px;
grid-row-gap: 25px;
background-color: var(--c-primary--main);
grid-template-columns: .75fr 1fr;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 100px;
padding-left: 20px;
}
.solution-process-wrapper, .solution-process-wrapper-arrow {
width: 100%;
}
.solution-category {
margin-bottom: 10px;
padding-left: 0;
}
.solution-category-box {
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
}
.category-txt {
font-size: 18px;
}
.arrow---s, .arrow---l {
align-self: center;
}
.solution-process-wrapper-tts {
width: 100%;
}
.process-txt {
width: auto;
font-size: 15px;
}
.partners-feature {
font-size: 14px;
}
.button-base-shift-download {
font-size: 18px;
}
.careers-btn {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.button-6-careers {
font-size: 18px;
}
.button-type-a-height {
height: 40px;
font-size: 18px;
}
.cookie-policy-wrap {
width: 100%;
}
.sns-link-wrap.recognition-link {
justify-content: flex-end;
}
.sns-link-wrap.service-button {
flex-flow: column wrap;
align-items: flex-start;
}
.link-sns {
font-size: 18px;
}
.sns-arrow-png {
width: 12px;
height: 12px;
}
.how-it-works-section-02 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.how-it-works-image-section {
grid-column-gap: 27px;
grid-row-gap: 27px;
margin-bottom: 10vh;
}
.how-it-works-image-section.padding {
margin-bottom: 4vh;
}
.card-top-wrapper-vp {
grid-column-gap: 11px;
grid-row-gap: 11px;
}
.service-section-2-vp.padding {
padding-bottom: 5vh;
}
.grid-2-careers {
grid-template-columns: .5fr .5fr;
}
.service-hero-section-base-clear, .page-wrapper-clear.bg-black {
background-color: var(--c-grey--trans--0);
}
.demo-2-0-shift {
margin-bottom: 0;
}
.service-hero-section-base-shift {
background-color: var(--c-grey--trans--0);
}
.contents-hero-holder-sfhit {
padding-top: 40px;
padding-bottom: 60px;
}
.text-b-grey, .text-b-grey.blue {
font-size: 12px;
}
.contents-hero-holder-black-contents {
height: auto;
}
.locale-switcher {
width: 100%;
}
.products-banner {
padding-left: 0;
}
.card-product {
width: 100%;
}
.price-heading._50 {
font-size: 16px;
}
.price-heading.bg-pink.mobile {
font-size: 14px;
}
.banner-txt {
margin-top: 10px;
left: 20px;
}
.cookietext-copy {
align-self: flex-start;
}
.banner-buttons {
align-self: flex-end;
}
.banner-text-a {
align-self: flex-start;
}
.button-banner.gap {
padding-left: 0;
}
.banner-txt-tt {
font-size: 14px;
}
.banner-txt-tt.services-h1.black._500 {
margin-bottom: 10px;
font-size: 22px;
}
.banner-txt-tt.services-intro-hero {
width: 90%;
font-size: 24px;
}
.banner-txt-tt.services-intro-hero._50.mobile {
width: 70%;
}
.banner-txt-tt.services-intro-hero.black {
margin-bottom: 0;
padding-bottom: 10px;
font-size: 16px;
}
.banner-txt-tt.services-intro-hero.black.medium {
margin-bottom: 5px;
}
.banner-txt-tt.services-intro-hero.white._500 {
margin-bottom: 10px;
padding-bottom: 0;
font-size: 20px;
}
.ad-banner-b {
width: 100%;
}
.banner-container {
padding: 1em;
}
.banner-txt-wrapper {
grid-template-columns: .4fr 1.25fr .25fr;
}
.banner-txt-wrapper.product-page-option {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.banner-title-tt, .banner-title-tt.promotion-font {
font-size: 16px;
}
.banner-title-tt.promotion-font.bgt {
font-size: 15px;
}
.button-base-banner {
font-size: 18px;
}
.promo-heading.product-txt.white.color-grey, .promo-heading.promo-product-txt.white.color-grey, .promo-heading.promo-product-txt.promo-color.color-grey, .promo-heading-2.product-txt.white.color-grey, .promo-heading-2.promo-product-txt.white.color-grey, .promo-heading-2.promo-product-txt.promo-color.color-grey {
font-size: 14px;
}
.promo-text---large {
font-size: 50px;
}
.promo-text---large.menu-large-text {
display: none;
}
.promo-text---large.services-intro-hero {
width: 90%;
}
.promo-text---large.about-testimonial {
width: 100%;
}
.banner-bg-container {
padding: 1em;
}
.fmoon {
padding-left: 300px;
padding-right: 10px;
}
.grid-shift-pricing-top {
grid-column-gap: 30px;
grid-row-gap: 0px;
grid-template-columns: 1fr .25fr 1fr;
width: 100%;
margin-left: 0;
}
.ad-banner-tts-contents-challenge.tts-contents-challenge.mobile.main {
padding-bottom: 80px;
}
.tts-contents-challenge {
width: 100%;
}
.banner-container-tcc {
padding: 1em;
}
.img-container-tcc {
border-top-left-radius: 20px;
}
.banner-txt-wrapper-tcc {
grid-template-columns: .4fr 1.25fr .25fr;
}
.banner-txt-wrapper-tcc.product-page-option {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.banner-txt-wrapper-tcc.product-page-option-tcc {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: .25fr .4fr .4fr;
}
.button-tcc.gap {
padding-left: 0;
}
.banner-txt-tt-tcc {
font-size: 14px;
}
.banner-txt-tt-tcc.services-h1.black._500 {
margin-bottom: 10px;
font-size: 22px;
}
.banner-txt-tt-tcc.services-intro-hero {
width: 90%;
font-size: 24px;
}
.banner-txt-tt-tcc.services-intro-hero._50.mobile {
width: 70%;
}
.banner-txt-tt-tcc.services-intro-hero.black {
margin-bottom: 0;
padding-bottom: 10px;
font-size: 16px;
}
.banner-txt-tt-tcc.services-intro-hero.black.medium {
margin-bottom: 5px;
}
.banner-txt-tt-tcc.services-intro-hero.white._500 {
margin-bottom: 10px;
padding-bottom: 0;
font-size: 20px;
}
.banner-txt-tt-tcc.voice-partners.basic.mobile, .banner-txt-tt-tcc.voice-partners.basic.mobile.wht {
font-size: 20px;
}
.banner-txt-tt-tcc.voice-partners.mobile, .banner-txt-tt-tcc.voice-partners.mobile.wht {
font-size: 24px;
}
.banner-txt-tt-copy {
font-size: 14px;
}
.banner-txt-tt-copy.services-h1.black._500 {
margin-bottom: 10px;
font-size: 22px;
}
.banner-txt-tt-copy.services-intro-hero {
width: 90%;
font-size: 24px;
}
.banner-txt-tt-copy.services-intro-hero._50.mobile {
width: 70%;
}
.banner-txt-tt-copy.services-intro-hero.black {
margin-bottom: 0;
padding-bottom: 10px;
font-size: 16px;
}
.banner-txt-tt-copy.services-intro-hero.black.medium {
margin-bottom: 5px;
}
.banner-txt-tt-copy.services-intro-hero.white._500 {
margin-bottom: 10px;
padding-bottom: 0;
font-size: 20px;
}
.small.mobile {
font-size: 12px;
}
.content-heading._50 {
font-size: 16px;
}
.content-heading._50.mobile.play-color.play-sub-txt.small-txt.play-ptl-sub-txt {
width: 100%;
font-size: .8rem;
}
.content-heading._50.mobile.play-color.play-sub-txt.play-ob-ptl._200.shift-sub-text-text {
display: block;
overflow: visible;
}
.content-heading._50.mobile.play-color.play-sub-txt.play-ob-ptl._200.shift-sub-text-text.mobile-font-size {
font-size: 14px;
}
.image-9 {
object-fit: cover;
}
.play-service-hero-section-base {
background-color: var(--c-grey--trans--0);
}
.hero-holder-service-b.voice-partners.mobile.mobile-padding {
height: auto;
}
.voice-partners {
width: 100%;
}
.banner-container-voice-partners {
height: 300px;
padding: 1em;
}
.banner-txt-wrapper-voice-partners {
grid-template-columns: .4fr 1.25fr .25fr;
}
.banner-txt-wrapper-voice-partners.product-page-option {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.banner-txt-wrapper-voice-partners.product-page-option-tcc, .banner-txt-wrapper-voice-partners.product-page-option-voice-partners {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: .25fr .4fr .4fr;
}
.banner-txt-wrapper-voice-partners.product-page-option-voice-partners.mobile {
grid-template-columns: .4fr .65fr;
}
.img-container-voice-partners {
border-top-left-radius: 20px;
}
.button-voice-partners.gap, .button-base-container-3.gap {
padding-left: 0;
}
.products-component {
padding-bottom: 6rem;
}
.img-container {
border-top-left-radius: 20px;
}
.card-top-wrapper-3column.mobile {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: .5fr 1fr 1fr;
}
.discount-price.mobile {
font-size: 16px;
}
.pre2-0-specialoffer.mobile {
font-size: 24px;
}
.button-base-container-tt.space {
grid-template-rows: auto auto;
grid-template-columns: 1.5fr;
}
.button-base-container-tt.space.flex.grid {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.button-base-container-tt.space.flex {
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
.button-base-container-4 {
flex-flow: column-reverse wrap;
justify-content: flex-start;
align-items: flex-start;
display: none;
}
.button-base-container-4.gap {
padding-left: 0;
}
.button-base-container-4.mobile-gap {
justify-content: flex-start;
align-items: flex-start;
}
.button-base-container-4.mobile-gap.left-ali {
flex-flow: row;
}
.api-main-graphic.mobile {
height: 33rem;
}
.api-txt-holder {
margin-bottom: 40px;
}
.campaign-apply-box {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.why-supertone-api-section {
grid-column-gap: 27px;
grid-row-gap: 27px;
margin-bottom: 10vh;
}
.why-supertone-api-section.padding {
grid-auto-flow: row;
margin-bottom: 0;
display: flex;
}
.api-service-hero-section-base {
background-color: var(--c-grey--trans--0);
}
.api-intro-section {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.api-p-txt-section {
margin-bottom: 10vh;
}
.api-p-txt-section.gap.align {
grid-column-gap: 19px;
grid-row-gap: 19px;
grid-template-columns: 1fr 1fr;
}
.api-features-wrapper {
width: 100%;
}
.api-link-wrap.recognition-link {
justify-content: flex-end;
}
.api-link-wrap.service-button {
flex-flow: column wrap;
align-items: flex-start;
}
.get-started-section {
grid-column-gap: 27px;
grid-row-gap: 27px;
margin-bottom: 10vh;
}
.get-started-section.padding {
margin-bottom: 0;
}
.api-box {
padding: 2em;
}
.api-box.mobile {
min-height: 280px;
padding-left: 1em;
padding-right: 1em;
}
.button-voice-play, .button-voices {
font-size: 18px;
}
.button-l {
order: 1;
margin-bottom: 0;
}
.loader-wrapper {
border-bottom: 1px solid #141314;
border-right-style: none;
flex-direction: column-reverse;
justify-content: center;
}
.loader-wrapper.is-first {
border-right-style: solid;
}
.loader-wrapper.is-fourth {
border-bottom-style: none;
border-right-style: none;
}
.loader-wrapper.is-second {
border-right-style: solid;
}
.loader-wrapper.is-fifth {
border-bottom-style: none;
border-right-style: none;
}
.loader-wrapper.is-fifth.line-x, .loader-wrapper.is-last {
border-bottom-style: none;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.voice-loader-wrapper {
border-bottom: 1px solid #141314;
border-right-style: none;
flex-direction: column-reverse;
justify-content: center;
}
.voice-loader-wrapper.is-first {
border-right-style: solid;
}
.voice-card-description.pink, .voice-card-description.black {
font-size: 16px;
}
.tips-container, .voice-play-container {
grid-template-columns: 1fr 1fr 1fr;
position: relative;
}
.voice-play-container.padding.mobile {
grid-column-gap: 21px;
grid-row-gap: 21px;
}
.marquee-strap-shift2-0.mobile {
margin-bottom: 40px;
}
.promo-heading-clear.product-txt.white.color-grey, .promo-heading-clear.promo-product-txt.white.color-grey, .promo-heading-clear.promo-product-txt.promo-color.color-grey, .promo-heading-air.product-txt.white.color-grey, .promo-heading-air.promo-product-txt.white.color-grey, .promo-heading-air.promo-product-txt.promo-color.color-grey {
font-size: 14px;
}
.hero-holder-service-c.voice-partners.mobile.mobile-padding, .hero-holder-service-c.api-m.mobile.mobile-padding {
height: auto;
}
.img-container-api {
border-top-left-radius: 20px;
}
.banner-container-api {
height: 300px;
padding: 1em;
}
.text---slogan {
font-size: 28px;
}
.text---slogan.menu-large-text {
display: none;
}
.text---slogan.services-intro-hero {
width: 90%;
}
.text---slogan.about-testimonial {
width: 100%;
}
.text---large-copy {
font-size: 28px;
}
.text---large-copy.menu-large-text {
display: none;
}
.text---large-copy.services-intro-hero {
width: 90%;
}
.text---large-copy.about-testimonial {
width: 100%;
}
.text---large-copy.blue500 {
font-size: 18px;
}
.business-inquiry-bnr.tts-contents-challenge.mobile.main {
padding-bottom: 80px;
}
.business-inquiry-bnr.business-inquiry-bnr-setup.mobile.main {
margin-top: 0;
padding-bottom: 0;
}
.banner-container-bi {
padding: 1em;
}
.play-voice-demo {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.promotion-text-block {
width: 90%;
}
.btn-tt-text {
font-size: 16px;
}
.play-main-graphic-obt.mobile {
height: 33rem;
}
.text-m---head-product---title {
font-size: 34px;
}
.text-m---head-product---title.menu-large-text {
display: none;
}
.text-m---head-product---title.services-intro-hero {
width: 90%;
}
.text-m---head-product---title.about-testimonial {
width: 100%;
}
.heading-3-m.padding-top-0 {
padding-top: 0;
}
.btn-tt-text-m {
font-size: 16px;
}
.heading-2-m.product-txt.white.color-grey {
font-size: 14px;
}
.heading-2-m.sub-c-txt.mobile-set {
padding-left: 20px;
}
.play-go-body-tt.padding-down.padding-top.vc-bg {
padding-left: 0;
padding-right: 0;
}
.button---sub-base {
font-size: 18px;
}
.tt-sub-txt-block {
width: 100%;
}
.tt-sub-block {
flex-flow: row;
}
.button---main-base {
font-size: 18px;
}
.play-vc-demo {
grid-column-gap: 27px;
grid-row-gap: 27px;
margin-bottom: 10vh;
}
.play-vc-demo.padding {
grid-auto-flow: row;
margin-bottom: 0;
display: flex;
}
.vc-demo-container {
grid-template-columns: 1fr 1fr 1fr;
position: relative;
}
.vc-demo-container.padding.mobile {
grid-column-gap: 34px;
grid-row-gap: 34px;
}
.play-ptl-section {
background-color: var(--c-grey--trans--0);
}
.vc-demo---txt-box {
grid-template-columns: .7fr .5fr;
}
.highlighted-text---sky-blue {
font-size: 13px;
}
.vc-demo-tt {
font-size: 24px;
}
.highlighted-text---green {
font-size: 13px;
}
.circle-btn-text {
font-size: 20px;
}
.div-block-18 {
grid-column-gap: 19px;
grid-row-gap: 19px;
}
.add-info-section {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: min-content 1.25fr min-content;
}
.add-info-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
width: 100%;
}
.add-info-div {
height: 220px;
}
.pricing__table-wrapper, .pricing__collection-list {
display: flex;
}
.pricing-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: auto;
}
.pricing-grid.mobile {
grid-template-columns: 1fr;
}
.pricing-grid.mobile--shift {
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.play-feature-section {
margin-bottom: 10vh;
}
.play-feature-heading {
width: auto;
}
.play-feature-paragraph, .play-feature-features-wrapper {
width: 100%;
}
.arrow-png-7 {
width: 12px;
height: 12px;
}
.paragraph-2 {
font-size: 1.5em;
}
.slider-item {
padding-bottom: 80px;
}
.wrapper-nav {
display: none;
}
.slider-navigation.prev-slide {
margin-left: 0;
}
.button---main-base-copy {
font-size: 18px;
}
.big-btn-section.padding-down.padding-top.margin-top.big-btn.partner {
min-width: 400px;
}
.button---main-base-big-btn {
font-size: 18px;
}
.hero-banner-wrap {
height: 24%;
}
.bib {
width: 100%;
}
.percentage-wrap {
top: 28px;
right: -12px;
}
.cards-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.arrow-img {
display: none;
}
.content {
padding-top: 60px;
padding-bottom: 40px;
}
.shadow {
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #0003;
display: none;
position: fixed;
inset: 0%;
}
.toogle-content-wrap {
padding-top: 0;
}
.toggle-content {
padding-top: 0;
padding-bottom: 40px;
}
.toggle-content.padding-down {
padding-top: 0;
}
.hl-box-wrapper {
font-size: 18px;
}
.card-product-v2 {
width: 100%;
min-height: 340px;
}
.title-card-wrapper-v2.white.card-partners.api-color.txt-gap, .title-card-wrapper-v2.white.card-partners.play-color.txt-gap, .title-card-wrapper-v2.white.card-partners.play-color.txt-gap {
margin-bottom: 10px;
}
.card-title-v2 {
font-size: 16px;
}
.products-container-grid.mobile {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.box-products-grid {
padding: 2em;
}
.box-products-grid._1, .box-products-grid._3 {
min-height: 24rem;
}
.card-txt---tt {
font-size: 34px;
}
.card-txt---tt.menu-large-text {
display: none;
}
.card-txt---tt.services-intro-hero {
width: 90%;
}
.card-txt---tt.about-testimonial {
width: 100%;
}
.card-txt---sub.padding-top-0 {
padding-top: 0;
}
.card-txt---tt-box, .card-txt---tt-box.shift-use-case {
width: 100%;
}
.box-products-v2 {
padding: 2em;
}
.box-products-v2._1, .box-products-v2._3, .box-products-v2.m-p-clear {
min-height: 24rem;
}
.box-products-v2.shift-b {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1f4d_%E1%84%8B%E1%85%B0%E1%86%B8%E1%84%89%E1%85%A1%E1%84%8B%E1%85%B5%E1%84%90%E1%85%B3%20%E1%84%8F%E1%85%B5%E1%84%8B%E1%85%B5%E1%84%86%E1%85%B5%E1%84%8C%E1%85%B5-mob.avif");
}
.card-txt---sub-txt-box, .card-txt---sub-txt, .card-txt---sub-txt.dub.shift2-0, .card-bottom, .main-products-wide-bnr {
width: 100%;
}
.monthly-subscrition {
font-size: 14px;
}
.monthly-subscrition.mobile {
font-size: 18px;
}
.button-base-container-tt-flex.space {
grid-template-rows: auto auto;
grid-template-columns: 1.5fr;
}
.button-base-container-tt-flex.space.flex {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.special-btn-box {
grid-column-gap: 19px;
grid-row-gap: 19px;
}
.brand-div---api {
padding-right: 20px;
}
.banner-image-wrap {
height: auto;
}
.button-m {
order: 1;
margin-bottom: 0;
}
.button-base-text_banner {
font-size: 16px;
}
.button-base-text_banner.btn---sub-color {
font-size: 14px;
}
.button-base-text_banner.ssmall {
font-size: 15px;
}
.hero-holder-service-d.voice-partners.mobile.mobile-padding {
height: auto;
}
.button-base--center {
font-size: 18px;
}
.shift_user-video.only-japanese {
padding-bottom: 0;
}
.shift-user-video-gallery-section {
width: auto;
}
.gallery-grid--shift {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-rows: minmax(50px, 1fr) minmax(50px, 1fr) auto;
grid-template-columns: 1fr;
}
.audio-section {
display: none;
}
.card-wrapper {
flex-flow: wrap;
}
.heading-3-white-2.padding-top-20px.pink.manrope.white {
padding-top: 0;
}
.clear-video-4 {
height: 26vw;
}
.grid-shift-pricing-2 {
grid-column-gap: 10px;
grid-row-gap: 4px;
grid-template-columns: .5fr .8fr .25fr .9fr .9fr;
width: 100%;
margin-left: 0;
}
.grey-2 {
font-size: 16px;
}
.grey-2.mobile.padding.blue.price {
font-size: 13px;
line-height: 1;
}
.grey-2.large.price.white.plus {
font-size: 36px;
}
.grey-2.large.price.white.padding.mobile-txt {
font-size: 25px;
}
.grey-2.dark.padding.mobile, .monthly-subscrition-2 {
font-size: 14px;
}
.button-base-text-2 {
font-size: 16px;
}
.contents-hero-holder-sfhit-2 {
padding-top: 40px;
padding-bottom: 60px;
}
.discount-price-2.mobile {
font-size: 16px;
}
.text---large-3 {
font-size: 28px;
}
.text---large-3.services-intro-hero {
width: 90%;
}
.text---large-3.services-intro-hero.price-text.white.play-sub-color {
font-size: 40px;
}
.text---large-3.services-intro-hero.price-text.white.play-sub-color.manrope, .text---large-3.services-intro-hero.price-text.white.manrope {
font-size: 50px;
}
.text---large-3.services-intro-hero.price-text.white.left-gap.manrope {
font-size: 24px;
}
.price-heading-2.bg-pink.mobile {
font-size: 14px;
}
.text---head-product---title-white-2 {
font-size: 34px;
}
.button-base-2 {
font-size: 18px;
}
.clear-video-5 {
height: 26vw;
}
.grid-shift-pricing-3 {
grid-column-gap: 10px;
grid-row-gap: 4px;
grid-template-columns: 1fr .25fr .9fr .9fr .9fr;
width: 100%;
margin-left: 0;
}
.grey-3 {
font-size: 16px;
}
.grey-3.mobile.padding.blue.price {
font-size: 13px;
line-height: 1;
}
.grey-3.large.price.white.plus {
font-size: 36px;
}
.grey-3.large.price.white.padding.mobile-txt {
font-size: 25px;
}
.grey-3.dark.padding.mobile, .monthly-subscrition-3 {
font-size: 14px;
}
.button-base-text-3 {
font-size: 16px;
}
.contents-hero-holder-sfhit-3 {
padding-top: 40px;
padding-bottom: 60px;
}
.price-heading-3.bg-pink.mobile {
font-size: 14px;
}
.text---head-product---title-white-3 {
font-size: 34px;
}
.button-base-3 {
font-size: 18px;
}
.marquee-wrapper {
font-size: .7em;
}
.extra-large-txt-sub-white {
font-size: 18px;
}
.ad-banner-2.mobile.fixed-height.spacing {
min-height: 450px;
}
.ad-banner-2.mobile {
margin-bottom: 40px;
}
.service-intro-section-2-0-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.logo-4 {
width: 100px;
}
.grey-4 {
font-size: 16px;
}
.grey-4.mobile.padding.blue.price {
font-size: 13px;
line-height: 1;
}
.grey-4.large.price.white.plus {
font-size: 36px;
}
.brand-div-5 {
padding-right: 20px;
}
.shift2-0-keytitle {
font-size: 2.3rem;
}
.shift2-0-keytitle.intro-page.small-text.api-color {
font-size: 30px;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.orange {
margin-top: 140px;
font-size: 1.8rem;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.orange {
margin-top: 140px;
font-size: 1.8rem;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.orange-copy {
margin-top: 140px;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.orange-copy.mobile {
width: 100%;
margin-top: 0;
font-size: 2rem;
display: block;
position: relative;
top: -40%;
}
.shift2-0-keytitle.intro-page.play-color.padding {
font-size: 1.2rem;
}
.shift2-0-keytitle.intro-page.play-color.play-point.manrope {
font-size: 36px;
}
.shift2-0-keytitle.intro-page.play-color.top-p.manrope {
font-size: 2rem;
}
.shift2-0-keytitle.intro-page.pink {
font-size: 28px;
}
.shift2-0-subtitle {
font-size: 2.3rem;
}
.shift2-0-subtitle.intro-page.small-text {
margin-top: 100px;
}
.shift2-0-subtitle.intro-page.small-text.api-color {
font-size: 30px;
}
.shift2-0-subtitle.intro-page.play-color.padding {
font-size: 1.2rem;
}
.shift2-0-subtitle.intro-page.play-color.play-point.manrope {
font-size: 36px;
}
.shift2-0-subtitle.intro-page.play-color.top-p.manrope {
font-size: 2rem;
}
.shift2-0-subtitle.intro-page.pink {
font-size: 28px;
}
.shift2-0-subtitle.intro-page.small-text-copy {
margin-top: 100px;
}
.shift2-0-subtitle.intro-page.small-text-copy.api-color {
font-size: 30px;
}
.shift2-0-subtitle.intro-page.small-text {
width: 100%;
margin-top: 0;
display: block;
top: 35%;
}
.shift2-0-key-button.gap {
padding-top: 0;
display: none;
top: 80px;
}
.shift-key-button, .shift-key-button2 {
font-size: 18px;
}
.shift-key-button-text {
font-size: 16px;
}
.full-width-banner {
width: 180%;
margin-left: -220px;
display: none;
}
.full-width-banner-mobile {
width: 180%;
margin-left: -220px;
display: block;
}
.extra-large-text-copy {
font-size: 2.3rem;
}
.extra-large-text-copy.intro-page.small-text.pink.manrope.green.bold {
font-weight: 400;
}
.extra-large-text-copy.intro-page.small-text.api-color {
font-size: 30px;
}
.extra-large-text-copy.intro-page.play-color.padding {
font-size: 1.2rem;
}
.extra-large-text-copy.intro-page.play-color.play-point.manrope {
font-size: 36px;
}
.extra-large-text-copy.intro-page.play-color.top-p.manrope {
font-size: 2rem;
}
.extra-large-text-copy.intro-page.pink {
font-size: 28px;
}
.shift-key-image-2 {
width: 100%;
top: 5%;
}
.container---mov-4 {
top: -20%;
}
.pre2-0-specialoffer-2.mobile {
font-size: 24px;
}
.code-embed-5 {
top: 0;
}
.heading-13.product-txt.white {
font-size: 18px;
}
.heading-13.product-txt.white.color-grey {
font-size: 14px;
}
.clear-8 {
height: 375px;
}
.arrow-7 {
width: 10px;
height: 10px;
}
.button-base-text-4 {
font-size: 16px;
}
.audio-section-mobile {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.approach-heading, .approach-heading._50, .approach-heading._50-copy {
font-size: 16px;
}
.div-block-31 {
display: none;
}
.gallery-wrap-2.padding-side-0 {
margin-bottom: 0;
padding-bottom: 0;
}
.logo-5 {
width: 100px;
}
.grey-5 {
font-size: 16px;
}
.brand-div-6 {
padding-right: 20px;
}
.our-approach-grid-5 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
width: 80%;
margin-left: 0;
}
.button-base-text-5, .approach-heading-2._50, .approach-heading-2._50-copy {
font-size: 16px;
}
.button-base-2-copy {
font-size: 18px;
}
.div-block-33 {
top: auto;
}
.shiftpre2-0-keyimage {
position: absolute;
top: 25%;
}
.div-block-34 {
margin-top: 20px;
position: relative;
top: -30%;
}
.button-base-text-6 {
font-size: 16px;
}
.button-type-a-2 {
font-size: 18px;
}
.service-feature-2 {
width: 120%;
max-width: none;
padding: 28px;
}
.service-feature-2.promotion, .service-feature-2.promotion-none {
width: 130%;
}
.service-intro-section {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.play-service-hero-section-base-2 {
background-color: #fff0;
}
.image-23 {
width: 50%;
}
.logo-6 {
width: 100px;
}
.grey-6 {
font-size: 16px;
}
.grey-6.dark.small {
font-size: 14px;
}
.brand-div-7 {
padding-right: 20px;
}
.button-base-4 {
font-size: 18px;
}
.our-approach-grid-6 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
width: 80%;
margin-left: 0;
}
.base-text-9 {
padding-bottom: 0;
font-size: 14px;
}
.grid-shift-pricing-4 {
grid-column-gap: 10px;
grid-row-gap: 4px;
grid-template-columns: .5fr .8fr .25fr .9fr .9fr;
width: 100%;
margin-left: 0;
}
.hl-box-wrapper-2, .base-text-10 {
font-size: 18px;
}
.base-text-10.button4-text {
font-size: 16px;
}
.button---main-base-big-btn-2 {
font-size: 18px;
}
.button---main-base-big-btn-2.play-btn-color.partner {
height: 50px;
}
.button-txt-base-2.play-go-try-btn.manrope {
font-size: 22px;
}
.button-txt-base-2.play-go-try-btn.manrope.amb {
font-size: 20px;
}
.button-txt-base-2.play-go-try-btn.manrope.amb.partner {
font-size: 22px;
}
.about-grid-4 {
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 50px;
}
.content-heading-2._50 {
font-size: 16px;
}
.services-hero-grid-13 {
grid-template-columns: .25fr .5fr .5fr;
}
.services-hero-grid-13.gap {
grid-template-columns: .5fr .5fr;
}
.pricing-wrapper-2 {
align-items: center;
}
.service-feature-3 {
width: 120%;
max-width: none;
padding: 28px;
}
.service-feature-3.promotion, .service-feature-3.promotion-none {
width: 130%;
}
.service-feature-3.regular.orange-outline, .service-feature-3.regular.blue-outline {
width: 100%;
}
.top-post {
margin-top: 0;
padding-top: 135px;
}
._4-collection-item, ._2-collection-item {
width: 100%;
}
.blog-slide-preview {
width: 96.5vw;
}
.blog-mask-preview {
width: 45%;
}
.blog-info-wrap.featured-info {
align-items: flex-start;
bottom: 10px;
left: 10px;
right: 10px;
}
.blog-info-wrap.hide-mobile {
display: none;
}
.use-case {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.use-case-section {
grid-column-gap: 27px;
grid-row-gap: 27px;
margin-bottom: 10vh;
}
.use-case-section.padding {
grid-auto-flow: row;
margin-bottom: 0;
display: flex;
}
.use-case-btn-box {
padding: 2em;
}
.use-case-btn-box.api-1.api-color, .use-case-btn-box.vc-box.api-color {
max-width: 400px;
}
.use-case---card-top-wrapper {
grid-column-gap: 11px;
grid-row-gap: 11px;
}
.use-case--card-number.large {
font-size: 28px;
}
.use-case---title-card-wrapper.white.card-partners.api-color.txt-gap, .use-case---title-card-wrapper.white.card-partners.play-color.txt-gap, .use-case---title-card-wrapper.white.card-partners.play-color.txt-gap {
margin-bottom: 10px;
}
.use-case---voice-play-container {
grid-template-columns: 1fr 1fr 1fr;
position: relative;
}
.use-case---voice-play-container.padding.mobile {
grid-column-gap: 21px;
grid-row-gap: 21px;
width: 100%;
}
.use-case---loader-wrapper {
border-bottom: 1px solid #141314;
border-right-style: none;
flex-direction: column-reverse;
justify-content: center;
}
.use-case---loader-wrapper.is-first {
border-right-style: solid;
}
.use-case---loader-wrapper.is-fourth {
border-bottom-style: none;
border-right-style: none;
}
.use-case---loader-wrapper.is-second {
border-right-style: solid;
}
.use-case---loader-wrapper.is-fifth {
border-bottom-style: none;
border-right-style: none;
}
.use-case---loader-wrapper.is-fifth.line-x, .use-case---loader-wrapper.is-last {
border-bottom-style: none;
}
.base-text-30 {
padding-bottom: 0;
font-size: 14px;
}
.base-text-30.form-label.small.grey {
padding-bottom: 0;
}
.base-text-30.padding-under-30.medium {
font-size: 18px;
}
.base-text-30.mid {
padding-bottom: 0;
font-size: 18px;
}
.base-text-30._18 {
font-size: 18px;
}
.tt-600 {
font-size: 2.3rem;
}
.tt-600.intro-page.small-text.pink.manrope.green.bold {
font-weight: 400;
}
.tt-600.intro-page.small-text.api-color {
font-size: 30px;
}
.tt-600.intro-page.play-color.top-p.manrope {
font-size: 2rem;
}
.tt-600.intro-page.play-color.padding {
font-size: 1.2rem;
}
.tt-600.intro-page.pink {
font-size: 28px;
}
.tt-600.intro-page.play-color.play-point.manrope {
font-size: 36px;
}
.tt-500 {
font-size: 2.3rem;
}
.tt-500.intro-page.small-text.pink.manrope.green.bold {
font-weight: 400;
}
.tt-500.intro-page.small-text.api-color {
font-size: 30px;
}
.tt-500.intro-page.play-color.top-p.manrope {
font-size: 2rem;
}
.tt-500.intro-page.play-color.padding {
font-size: 1.2rem;
}
.tt-500.intro-page.pink {
font-size: 28px;
}
.tt-500.intro-page.play-color.play-point.manrope {
font-size: 36px;
}
.tt-400 {
font-size: 2.3rem;
}
.tt-400.intro-page.small-text.pink.manrope.green.bold {
font-weight: 400;
}
.tt-400.intro-page.small-text.api-color {
font-size: 30px;
}
.tt-400.intro-page.play-color.top-p.manrope {
font-size: 2rem;
}
.tt-400.intro-page.play-color.padding {
font-size: 1.2rem;
}
.tt-400.intro-page.pink {
font-size: 28px;
}
.tt-400.intro-page.play-color.play-point.manrope {
font-size: 36px;
}
.tt-300 {
font-size: 2.3rem;
}
.tt-300.intro-page.small-text.pink.manrope.green.bold {
font-weight: 400;
}
.tt-300.intro-page.small-text.api-color {
font-size: 30px;
}
.tt-300.intro-page.play-color.top-p.manrope {
font-size: 2rem;
}
.tt-300.intro-page.play-color.padding {
font-size: 1.2rem;
}
.tt-300.intro-page.pink {
font-size: 28px;
}
.tt-300.intro-page.play-color.play-point.manrope {
font-size: 36px;
}
.tt-200 {
font-size: 2.3rem;
}
.tt-200.intro-page.small-text.pink.manrope.green.bold {
font-weight: 400;
}
.tt-200.intro-page.small-text.api-color {
font-size: 30px;
}
.tt-200.intro-page.play-color.top-p.manrope {
font-size: 2rem;
}
.tt-200.intro-page.play-color.padding {
font-size: 1.2rem;
}
.tt-200.intro-page.pink {
font-size: 28px;
}
.tt-200.intro-page.play-color.play-point.manrope {
font-size: 36px;
}
.tt-100 {
font-size: 2.3rem;
}
.tt-100.intro-page.small-text.pink.manrope.green.bold {
font-weight: 400;
}
.tt-100.intro-page.small-text.api-color {
font-size: 30px;
}
.tt-100.intro-page.play-color.top-p.manrope {
font-size: 2rem;
}
.tt-100.intro-page.play-color.padding {
font-size: 1.2rem;
}
.tt-100.intro-page.pink {
font-size: 28px;
}
.tt-100.intro-page.play-color.play-point.manrope {
font-size: 36px;
}
.bd-600 {
font-size: 2.3rem;
}
.bd-600.intro-page.small-text.pink.manrope.green.bold {
font-weight: 400;
}
.bd-600.intro-page.small-text.api-color {
font-size: 30px;
}
.bd-600.intro-page.play-color.top-p.manrope {
font-size: 2rem;
}
.bd-600.intro-page.play-color.padding {
font-size: 1.2rem;
}
.bd-600.intro-page.pink {
font-size: 28px;
}
.bd-600.intro-page.play-color.play-point.manrope {
font-size: 36px;
}
.bd-500 {
font-size: 2.3rem;
}
.bd-500.intro-page.small-text.pink.manrope.green.bold {
font-weight: 400;
}
.bd-500.intro-page.small-text.api-color {
font-size: 30px;
}
.bd-500.intro-page.play-color.top-p.manrope {
font-size: 2rem;
}
.bd-500.intro-page.play-color.padding {
font-size: 1.2rem;
}
.bd-500.intro-page.pink {
font-size: 28px;
}
.bd-500.intro-page.play-color.play-point.manrope {
font-size: 36px;
}
.bd-400 {
font-size: 20px;
}
.bd-400.intro-page.small-text.pink.manrope.green.bold {
font-weight: 400;
}
.bd-400.intro-page.small-text.api-color {
font-size: 30px;
}
.bd-400.intro-page.play-color.top-p.manrope {
font-size: 2rem;
}
.bd-400.intro-page.play-color.padding {
font-size: 1.2rem;
}
.bd-400.intro-page.pink {
font-size: 28px;
}
.bd-400.intro-page.play-color.play-point.manrope {
font-size: 36px;
}
.bd-400.light.blue:lang(ja) {
font-size: 18px;
}
.bd-300 {
font-size: 1rem;
}
.bd-300.intro-page.small-text.pink.manrope.green.bold {
font-weight: 400;
}
.bd-300.intro-page.small-text.api-color {
font-size: 30px;
}
.bd-300.intro-page.play-color.top-p.manrope {
font-size: 2rem;
}
.bd-300.intro-page.play-color.padding {
font-size: 1.2rem;
}
.bd-300.intro-page.pink {
font-size: 28px;
}
.bd-300.intro-page.play-color.play-point.manrope {
font-size: 36px;
}
.bd-300.light.tt {
font-size: 18px;
}
.bd-300.light.tt:lang(ja), .bd-200 {
font-size: 16px;
}
.bd-200.intro-page.small-text.pink.manrope.green.bold {
font-weight: 400;
}
.bd-200.intro-page.small-text.api-color {
font-size: 30px;
}
.bd-200.intro-page.play-color.top-p.manrope {
font-size: 2rem;
}
.bd-200.intro-page.play-color.padding {
font-size: 1.2rem;
}
.bd-200.intro-page.pink {
font-size: 28px;
}
.bd-200.intro-page.play-color.play-point.manrope {
font-size: 36px;
}
.bd-200._100.size {
font-size: 15px;
}
.bd-200._100.size:lang(ko) {
font-size: 14px;
}
.bd-200._100.size.campaign, .bd-100 {
font-size: 16px;
}
.bd-100.intro-page.small-text.pink.manrope.green.bold {
font-weight: 400;
}
.bd-100.intro-page.small-text.api-color {
font-size: 30px;
}
.bd-100.intro-page.play-color.top-p.manrope {
font-size: 2rem;
}
.bd-100.intro-page.play-color.padding {
font-size: 1.2rem;
}
.bd-100.intro-page.pink {
font-size: 28px;
}
.bd-100.intro-page.play-color.play-point.manrope {
font-size: 36px;
}
.cta-section {
padding-left: 3em;
}
.products---sub-txt.padding-top-0 {
padding-top: 0;
}
.product-txt-name {
width: 100%;
}
.product-txt-name.size {
font-size: 26px;
}
.product-txt-name.size.sub-tt {
font-size: 20px;
}
.product-txt-name.size.amb-mobile, .product-txt-name.size.amb-mobile.center {
font-size: 28px;
}
.product-txt-name.amb {
line-height: 1.1;
}
.txt-box---line, .txt-box---line-small {
font-size: 18px;
}
.button-a {
order: 1;
margin-bottom: 0;
}
.audio-demo---multilang {
grid-template-rows: auto auto auto;
}
.audio-demo---play, .card---wrap {
width: 100%;
}
.card---heading {
width: auto;
}
.cards {
flex-direction: column;
max-width: 90%;
margin: 4rem auto;
}
.card-01 {
grid-row-gap: 2rem;
height: auto;
}
.card---wrap-1 {
width: 100%;
}
.card-02 {
grid-row-gap: 2rem;
height: auto;
}
.card---wrap-02 {
width: 100%;
}
.section-10 {
padding-left: 2em;
padding-right: 2em;
}
.recent-blog-list {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-flow: column;
display: flex;
}
.recent-blog-component {
grid-column-gap: 4em;
grid-row-gap: 4em;
margin-top: 4em;
}
.cards-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-bottom: 6rem;
display: flex;
}
.card-big-number {
font-size: 4.5rem;
}
.txt---tts-demo.padding-top-0 {
padding-top: 0;
}
.tts-demo-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-top: 2rem;
margin-bottom: .125rem;
display: flex;
}
.clear-video-6 {
height: 26vw;
}
.container---mov-5 {
top: -20%;
}
.div-block-40 {
margin-top: 20px;
position: relative;
top: -30%;
}
.div-block-42 {
top: auto;
}
.promo-text---large-2 {
font-size: 50px;
}
.clear-10 {
height: 375px;
}
.extra-large-text {
font-size: 2.3rem;
}
.extra-large-text.intro-page.pink {
font-size: 28px;
}
.button-base-text-7 {
font-size: 16px;
}
.code-embed-9 {
top: 0;
}
.shift-key-image-3 {
width: 100%;
top: 5%;
}
.div-block-45 {
margin-top: 20px;
position: relative;
top: -30%;
}
.div-block-47 {
top: auto;
}
.promo-text---large-3 {
font-size: 50px;
}
.clear-11 {
height: 375px;
}
.button-base-text-8 {
font-size: 16px;
}
.code-embed-10 {
top: 0;
}
.div-block-49 {
margin-top: 20px;
position: relative;
top: -30%;
}
.div-block-51 {
top: auto;
}
.promo-text---large-4 {
font-size: 50px;
}
.button-base-text-9 {
font-size: 16px;
}
.code-embed-11 {
top: 0;
}
.shift-key-image-4 {
width: 100%;
top: 5%;
}
.movie-clip-section {
background-color: var(--c-grey--trans--0);
}
.movie-clip-grid {
flex-flow: column;
display: flex;
}
.card-txt---tt-02 {
font-size: 34px;
}
.card-txt---tt-02.menu-large-text {
display: none;
}
.card-txt---tt-02.services-intro-hero {
width: 90%;
}
.card-txt---tt-02.about-testimonial {
width: 100%;
}
.products---sub-txt-02.padding-top-0 {
padding-top: 0;
}
.txt-grid {
grid-template-columns: .5fr .5fr .5fr;
}
.txt-grid.mobile-10 {
grid-column-gap: 30px;
font-size: 17px;
}
.txt-grid.mobile-10.flexv {
flex-flow: column;
}
.text-span-83 {
font-size: 36px;
}
.button-base-text-shift2-0 {
font-size: 16px;
}
.contents-hero-holder-shift-2-0.price-to-download {
margin-bottom: 0;
}
.contents-hero-holder-shift-2-0.price-to-download.spacing {
padding-top: 40px;
}
.text-m---head-product---title-shift-2-0 {
font-size: 34px;
}
.text-m---head-product---title-shift-2-0.menu-large-text {
display: none;
}
.text-m---head-product---title-shift-2-0.services-intro-hero {
width: 90%;
}
.text-m---head-product---title-shift-2-0.about-testimonial {
width: 100%;
}
.key-messaging-base-container-shift2-0.space {
grid-template-rows: auto auto;
grid-template-columns: 1.5fr;
}
.key-messaging-base-container-shift2-0.space.flex {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.div-block-54 {
margin-top: 20px;
position: relative;
top: -30%;
}
.contents-hero-holder-sfhit-4 {
padding-top: 40px;
padding-bottom: 60px;
}
.shift-key-button2-2 {
font-size: 18px;
}
.button-base-text-10 {
font-size: 16px;
}
.promo-text---large-5 {
font-size: 50px;
}
.div-block-57 {
top: auto;
}
.shift-key-image-5 {
width: 100%;
top: 5%;
}
.code-embed-12 {
top: 0;
}
.title3 {
font-size: 2em;
}
.tab-content2 {
width: 100%;
height: 100%;
}
.tabs-menu-underline-wrapper {
padding-left: 0;
padding-right: 0;
}
.tabs-nav-item-underline2._01 {
padding-left: 1em;
padding-right: 1em;
}
.tabs-nav-item-underline2._01.w--current, .tabs-nav-item-underline2._03, .tabs-nav-item-underline2._02 {
grid-column-gap: 0em;
padding-left: 1em;
padding-right: 1em;
}
.p-md-end {
padding-bottom: 4em;
}
.shift2-0-body.bg-black.padding {
margin-top: 0;
margin-bottom: 100px;
}
.tt-sub-txt-block-2.shift {
justify-content: center;
align-items: flex-start;
}
.logo-holder {
display: none;
}
.logo-holder.mobile {
display: block;
}
.gallery-grid--shift-2-0feature {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-rows: minmax(50px, 1fr) minmax(50px, 1fr) auto;
grid-template-columns: 1fr;
}
._2-0-feature-wrap {
padding-left: 30px;
padding-right: 30px;
}
.extra-large-text-sub-2-0 {
font-size: 2.3rem;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.white.mobile {
margin-bottom: 10px;
font-size: 15px;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.white, .extra-large-text-sub-2-0.price-2-0-shift-desc.sub2, .extra-large-text-sub-2-0.intro-page.white, .extra-large-text-sub-2-0.shift-2-0-desc.white {
font-size: 18px;
}
.extra-large-text-sub-2-0.shift-2-0-desc.white.mobile {
margin-bottom: 10px;
font-size: 15px;
}
.extra-large-text-sub-2-0.shift-2-0-desc.white, .extra-large-text-sub-2-0.shift-2-0-desc.sub2 {
font-size: 18px;
}
.use-case-words-txt-2-0._50 {
font-size: 16px;
}
.div-block-58 {
width: 100%;
}
.code-embed-13 {
width: 100%;
height: 100%;
}
.products-container-grid-v02.mobile {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.product-txt-name-v02 {
width: 100%;
}
.how-it-works-title-section {
font-size: 2.3rem;
}
.how-it-works-title-section.price-2-0-shift-desc.white.mobile {
margin-bottom: 10px;
font-size: 15px;
}
.how-it-works-title-section.price-2-0-shift-desc.white, .how-it-works-title-section.price-2-0-shift-desc.sub2, .how-it-works-title-section.intro-page.white, .how-it-works-title-section.shift-2-0-desc.white {
font-size: 18px;
}
.how-it-works-title-section.shift-2-0-desc.white.mobile {
margin-bottom: 10px;
font-size: 15px;
}
.how-it-works-title-section.shift-2-0-desc.white, .how-it-works-title-section.shift-2-0-desc.sub2, ._16px.white {
font-size: 18px;
}
._16px.white.text-grey._2-0 {
width: 85%;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.shift-feature-section-2-0 {
background-color: var(--c-grey--trans--0);
}
.shift-user-video-gallery-section-copy {
width: auto;
}
.card-title-2-0._50 {
font-size: 16px;
}
.code-embed-14 {
width: 100%;
}
.shift-2-0-interactive {
grid-template-rows: auto auto auto;
height: 600px;
margin-top: 0;
}
.audio-demo---shift {
width: 100%;
height: 400px;
}
.audio-demo---superdub, .audio-demo---play-copy {
width: 100%;
}
.movie-clip-section-v2 {
background-color: var(--c-grey--trans--0);
}
.audio-demo---superdub-copy {
width: 100%;
}
.div-block-65 {
width: auto;
max-width: none;
}
.shift-pricing-section {
width: 120%;
max-width: none;
padding: 28px;
}
.shift-pricing-section.promotion, .shift-pricing-section.promotion-none {
width: 130%;
}
.shift-pricing-section.regular.outline {
width: 100%;
}
.div-block-70 {
flex-flow: column;
}
.image-32 {
width: 100%;
}
.use-case-shift {
margin-bottom: 0;
}
.div-block-72 {
min-height: 600px;
padding-bottom: 0;
}
.image-33 {
height: 1em;
}
.view-plans-button {
font-size: 18px;
}
.shift-spec {
padding-bottom: 0;
}
.logo-copy, .shift-compatibles {
width: 140px;
}
.credit-banner-shift {
width: 120%;
max-width: none;
padding: 28px;
}
.credit-banner-shift.promotion, .credit-banner-shift.promotion-none {
width: 130%;
}
.shift-price-ribbon {
width: 120%;
max-width: none;
padding: 28px;
}
.shift-price-ribbon.promotion, .shift-price-ribbon.promotion-none {
width: 130%;
}
.div-block-76 {
margin-top: 0;
padding-top: 100px;
padding-bottom: 0;
}
.div-block-77 {
padding-top: 120px;
padding-bottom: 20px;
}
.pricing-shift {
padding-top: 100px;
}
.shift-service-hero-section-base-copy {
background-color: var(--c-grey--trans--0);
}
.shift2-0body {
padding-top: 0;
padding-bottom: 0;
}
.shift2-0body.padding-down.padding-top.vc-bg {
padding-left: 0;
padding-right: 0;
}
.div-block-78.mobile {
margin-bottom: 40px;
}
.div-block-81 {
justify-content: flex-end;
align-items: center;
width: 75%;
display: flex;
}
.div-block-83 {
width: 100%;
}
.shift-sub-block {
flex-flow: row;
}
.shift-sub-text {
width: 85%;
}
.play-service-hero-section-base-3 {
background-color: #fff0;
}
.content-heading-3._50.mobile.play-color.play-sub-txt.small-txt.play-ptl-sub-txt {
width: 100%;
font-size: .8rem;
}
.content-heading-3._50 {
font-size: 16px;
}
.card-number-3.large {
font-size: 28px;
}
.card-number-3.large.card-partners.api-color {
font-size: 24px;
}
.small-text---sub-black-2 {
font-size: 12px;
}
.small-text-12, .small-text-12.letter-spacing {
font-size: 14px;
}
.play-voice-demo-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.circle-btn-text-2 {
font-size: 20px;
}
.btn-box-2 {
padding: 2em;
}
.play-ptl-section-2 {
background-color: #fff0;
}
.highlighted-text---sky-blue-2 {
font-size: 13px;
}
.use-case-words-txt-2._50 {
font-size: 16px;
}
.vc-demo-tt-2 {
font-size: 24px;
}
.circle-2 {
width: 200px;
height: 200px;
}
.button-base-text-11 {
font-size: 16px;
}
.highlighted-text---green-2 {
font-size: 13px;
}
.contents-hero-holder-tt-2.play-padding {
padding-top: 60px;
padding-bottom: 10px;
}
.btn-tt-text-m-2 {
font-size: 16px;
}
.button---main-base-2 {
font-size: 18px;
}
.text-m---head-product---title-2 {
font-size: 34px;
}
.use-case-words-txt-3._50 {
font-size: 16px;
}
.pre2-0-specialoffer-3.mobile {
font-size: 24px;
}
.button-base-container-5 {
flex-flow: column-reverse wrap;
justify-content: flex-start;
align-items: flex-start;
display: none;
}
.button-base-text-12 {
font-size: 16px;
}
.button-base-text-12.button2-2-text {
font-size: 14px;
}
.interactive-shift-mobile {
height: 800px;
}
.audio-demo---shift2 {
width: 100%;
}
.shift-title-wrap-2 {
width: 85%;
}
.shift-product-img-section {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.card-txt---tt-box-v2.shift-use-case {
width: 100%;
}
.campaign-box {
padding: 2em;
}
.campaign-box.mobile.creator {
min-height: 100px;
}
.campaign-box-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.campaign-section {
grid-column-gap: 27px;
grid-row-gap: 27px;
margin-bottom: 10vh;
}
.campaign-section.padding {
margin-bottom: 0;
}
.campaign-section.padding.padding {
padding-left: 0;
padding-right: 0;
}
.campaign-section.padding.padding.creator {
display: flex;
}
.campaign-card-top-wrapper {
grid-column-gap: 11px;
grid-row-gap: 11px;
}
.campaign-txt.large {
font-size: 28px;
}
.campaign-txt.large.card-partners.api-color {
font-size: 24px;
}
.campaign-txt.green {
font-size: 20px;
}
.campaign-txt.green.creator.blk {
font-size: 16px;
}
.campaign-image-holder {
display: none;
}
.apply-section {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.apply-section.black {
margin-bottom: 60px;
}
.apply-section.black.padding {
padding-left: 40px;
padding-right: 40px;
}
.apply-image-section {
grid-column-gap: 27px;
grid-row-gap: 27px;
margin-bottom: 10vh;
}
.apply-image-section.padding {
grid-column-gap: 18px;
grid-row-gap: 18px;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.apply-card-icon-number {
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.campaign-btn-box {
padding: 2em;
}
.campaign-btn-box._1.border-color.creator {
min-height: 280px;
padding-top: 20px;
padding-left: 20px;
}
.campaign-btn-box.api-1.api-color {
max-width: 400px;
}
.campaign-btn-box.api-1.api-color.why-api {
min-height: 400px;
}
.campaign-btn-box.vc-box.api-color {
max-width: 400px;
}
.campaign-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: auto;
}
.campaign-grid.mobile {
grid-template-columns: 1fr;
width: 100%;
}
.campaign-grid.mobile._3-columns.mobile-flex {
max-width: 80%;
}
.campaign-grid.mobile--shift {
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.campaing-toogle-content-wrap {
padding-top: 0;
}
.campaign-service-feature-3 {
width: 120%;
max-width: none;
padding: 28px;
}
.campaign-service-feature-3.promotion, .campaign-service-feature-3.promotion-none {
width: 130%;
}
.campaign-service-feature-3.regular.orange-outline, .campaign-service-feature-3.regular.blue-outline {
width: 100%;
}
.campaign-service-feature-3.regular {
width: 100%;
min-width: 100%;
}
.campaign-apply-box-section {
grid-column-gap: 27px;
grid-row-gap: 27px;
margin-bottom: 10vh;
}
.campaign-apply-box-section.padding {
margin-bottom: 0;
display: flex;
}
.campaign-apply-box-box {
padding: 2em;
}
.campign-wrapper {
padding-top: 0;
}
.card-txt---sub-tt {
font-size: 34px;
}
.card-txt---sub-tt.menu-large-text {
display: none;
}
.card-txt---sub-tt.services-intro-hero {
width: 90%;
}
.card-txt---sub-tt.about-testimonial {
width: 100%;
}
.txt-grid-2col {
grid-template-columns: .5fr .5fr .5fr;
}
.txt-grid-2col.mobile-10.mobile-campaign {
flex-flow: column;
}
.movie-clip-grid---2-col {
flex-flow: column;
display: flex;
}
.movie-clip-main-section {
background-color: var(--c-grey--trans--0);
}
.card-title-2 {
font-size: 16px;
}
.button-base-5 {
font-size: 18px;
}
.promo-text---large-6 {
font-size: 50px;
}
.banner-container-2 {
padding: 1em;
}
.banner-title-tt-2, .banner-title-tt-2.promotion-font {
font-size: 16px;
}
.banner-title-tt-2.promotion-font.bgt {
font-size: 15px;
}
.button-base-text-13 {
font-size: 18px;
}
.banner-txt-tt-2 {
font-size: 14px;
}
.button-base-banner-2 {
font-size: 18px;
}
.card-title-3 {
font-size: 16px;
}
.button-base-6 {
font-size: 18px;
}
.promo-text---large-7 {
font-size: 50px;
}
.button-base-text-14, .button-base-banner-3 {
font-size: 18px;
}
.image-37 {
width: 50%;
}
.logo-7 {
width: 100px;
}
.brand-div-8 {
padding-right: 20px;
}
.service-hero-section-base-clear-2 {
background-color: #fff0;
}
.our-approach-grid-7 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
width: 80%;
margin-left: 0;
}
.base-text-5---blue-2 {
font-size: 18px;
}
.about-grid-5 {
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 50px;
}
.promo-text---large-8 {
font-size: 50px;
}
.button-base-text-15, .button-base-banner-4 {
font-size: 18px;
}
.image-39 {
width: 50%;
}
.logo-8 {
width: 100px;
}
.brand-div-9 {
padding-right: 20px;
}
.our-approach-grid-8 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
width: 80%;
margin-left: 0;
}
.base-text-5---blue-3 {
font-size: 18px;
}
.promo-text---large-9, .promo-text---large-10 {
font-size: 50px;
}
.button-base-7 {
font-size: 18px;
}
.button-base-text-16 {
font-size: 16px;
}
.specialoffer.mobile {
font-size: 24px;
}
.promo-text---large-11 {
font-size: 50px;
}
.shift-introduction {
padding-top: 20px;
}
.image-42 {
width: 50%;
}
.logo-9 {
width: 100px;
}
.brand-div-10 {
padding-right: 20px;
}
.our-approach-grid-9 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
width: 80%;
margin-left: 0;
}
.embed-border {
height: 100%;
}
.home-hero {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.max-width-61ch.hide-landscape {
display: none;
}
.heading-14 {
font-size: 8vw;
}
.home-left-content {
grid-column-gap: 2em;
grid-row-gap: 2em;
padding-left: 0;
padding-right: 0;
}
.double-button-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 100%;
}
.figma-content {
margin-top: 3rem;
margin-bottom: 2rem;
padding-left: 2rem;
padding-right: 2rem;
}
.home-paragraph {
font-size: 1rem;
line-height: 1.5;
}
.heading-homepage {
font-size: 2.5rem;
}
.home-page-cards-grid {
margin-top: 0;
}
.template-component {
margin-bottom: 4rem;
}
.home-top-content {
grid-column-gap: 2em;
grid-row-gap: 2em;
padding-left: 0;
padding-right: 0;
}
.product---content {
margin-top: 3rem;
margin-bottom: 1rem;
padding-left: 2rem;
padding-right: 2rem;
}
.main-products-block {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.clients-grid {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
margin-left: 0;
}
.product---image---content {
margin-top: 0;
margin-bottom: 0;
padding-left: 2rem;
padding-right: 2rem;
}
.main-products-section {
padding-left: 0;
padding-right: 0;
}
.content---image {
margin-top: 0;
margin-bottom: 0;
padding-left: 2rem;
padding-right: 2rem;
}
.txt-block-component {
margin-bottom: 4rem;
}
.txt-block-section {
padding-left: 0;
padding-right: 0;
}
.bd-80 {
font-size: 16px;
}
.bd-80.intro-page.small-text.pink.manrope.green.bold {
font-weight: 400;
}
.bd-80.intro-page.small-text.api-color {
font-size: 30px;
}
.bd-80.intro-page.play-color.top-p.manrope {
font-size: 2rem;
}
.bd-80.intro-page.play-color.padding {
font-size: 1.2rem;
}
.bd-80.intro-page.pink {
font-size: 28px;
}
.bd-80.intro-page.play-color.play-point.manrope {
font-size: 36px;
}
.card-txt---tt-3 {
font-size: 34px;
}
.card-txt---sub-txt-box-3, .card-txt---sub-txt-3 {
width: 100%;
}
.bd-601 {
font-size: 2.3rem;
}
.product-txt-name-3 {
width: 100%;
}
.txt-box---line-small-2 {
font-size: 18px;
}
.bd-602 {
font-size: 16px;
}
.bd-602.demo-subtt {
width: 100%;
}
.card-txt---tt-4 {
font-size: 34px;
}
.card-txt---sub-txt-box-4, .product-txt-name-v02-2, .product-txt-name-v02-2.euclid {
width: 100%;
}
.product-txt-name-v02-2.euclid.extend {
width: 150%;
}
.btn-tt-text-m-3 {
font-size: 16px;
}
.button-base-container-6 {
flex-flow: row;
justify-content: flex-end;
align-items: center;
display: flex;
}
.card-txt---sub-txt-4 {
width: 100%;
}
.txt-box---line-2 {
font-size: 18px;
}
.arrow-14 {
width: 10px;
height: 10px;
}
.button-base-8, .button---main-base-3 {
font-size: 18px;
}
.bd-603 {
font-size: 20px;
}
.button-base-text-17 {
font-size: 16px;
}
.button-base-text-17.button2-2-text {
font-size: 14px;
}
.txt-box---line-small-3 {
font-size: 18px;
}
.card-txt---tt-5 {
font-size: 34px;
}
.card-txt---sub-txt-5 {
width: 100%;
}
.bd-604 {
font-size: 16px;
}
.bd-604.demo-subtt {
width: 100%;
}
.main-products-block-2 {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.button-base-container-7 {
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.arrow-15 {
width: 10px;
height: 10px;
}
.button-base-9 {
font-size: 18px;
}
.product---content-2 {
margin-top: 3rem;
margin-bottom: 1rem;
padding-left: 0;
padding-right: 0;
}
.button---main-base-4 {
font-size: 18px;
}
.button-base-text-18 {
font-size: 16px;
}
.button-base-text-18.button2-2-text {
font-size: 14px;
}
.product---image---content-2 {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.txt-block-section-2 {
padding-left: 0;
padding-right: 0;
}
.bd-605, .bd-606 {
font-size: 16px;
}
.main-products-section-2co {
padding-left: 20px;
padding-right: 20px;
}
.button-base-container-8 {
flex-flow: row;
justify-content: flex-end;
align-items: center;
display: flex;
}
.button-base-container-8.business {
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
.button-base-container-8.business:lang(ko) {
margin-top: 10px;
}
.button-base-container-8.spt-listen {
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
.bd-607 {
font-size: 16px;
}
.bd-607.body-txt.euclid:lang(ko) {
text-align: left;
}
.arrow-16 {
width: 10px;
height: 10px;
}
.button-base-10 {
font-size: 18px;
}
.home-page-cards-grid---2 {
margin-top: 0;
}
.bd-608 {
font-size: 20px;
}
.bd-608.color---super-blue.business.euclid {
width: 80%;
}
.bd-609, .button-base-text-19 {
font-size: 16px;
}
.button-base-text-19.button2-2-text {
font-size: 14px;
}
.btn-tt-text-m-4 {
font-size: 16px;
}
.button-base-container-9 {
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
.card-txt---tt-6 {
font-size: 34px;
}
.movie-clip-grid---2-col-2 {
flex-flow: column;
display: flex;
}
.movie-clip-main-section-2 {
background-color: #fff0;
}
.arrow-17 {
width: 10px;
height: 10px;
}
.button-base-11 {
font-size: 18px;
}
.bd-610 {
font-size: 1rem;
}
.button-base-text-20 {
font-size: 16px;
}
.button-base-text-20.button2-2-text {
font-size: 14px;
}
.txt-block-section-2---wht {
padding-left: 0;
padding-right: 0;
}
.button-base-container-tt-2.space {
grid-template-rows: auto auto;
grid-template-columns: 1.5fr;
}
.button-base-container-tt-2.space.flex {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.button-base-container-tt-2.space.flex:lang(ko) {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.button-base-container-tt-2.space.flex.grid {
justify-content: flex-start;
align-items: flex-start;
}
.button-base-container-tt-2.space.flex {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.button-base-container-tt-4 {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.e-commerce-registration {
flex-flow: row;
justify-content: flex-start;
}
.e-commerce-registration.manrope {
flex-flow: wrap;
}
.small-text-9 {
flex: 0 auto;
font-size: 12px;
line-height: 1;
}
.small-text-9.white {
font-size: 12px;
}
.small-text-9.footer {
line-height: 1;
}
.text-span-132 {
font-size: 12px;
}
.e-commerce-registration-section {
grid-row-gap: 30px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
padding-bottom: 60px;
}
.txt-box-heading-wrapper.grid {
display: flex;
}
.biz-service-hero-section {
background-color: var(--c-grey--trans--0);
}
.biz-service-hero-section.black {
background-color: var(--c-primary--main);
}
.clients-grid-v2, .clients-grid-copy, .clients-grid-v3 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
margin-left: 0;
}
.our-approach-grid-10 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
width: 80%;
margin-left: 0;
}
.service-feature-4 {
width: 120%;
max-width: none;
padding: 28px;
}
.service-feature-4.promotion, .service-feature-4.promotion-none {
width: 130%;
}
.logo-10 {
width: 100px;
}
.button-type-a-3 {
font-size: 18px;
}
.button-base-text-21 {
font-size: 16px;
}
.brand-div-11 {
padding-right: 20px;
}
.hl-box-wrapper-3 {
font-size: 18px;
}
.arrow-19 {
width: 10px;
height: 10px;
}
.play-service-hero-section-base-4 {
background-color: #fff0;
}
.button---main-base-big-btn-3 {
font-size: 18px;
}
.image-46 {
width: 50%;
}
.feature-heading-wrapper-2.grid {
display: flex;
}
.services-hero-grid-14 {
grid-template-columns: .25fr .5fr .5fr;
}
.services-hero-grid-14.gap {
grid-template-columns: .5fr .5fr;
}
.grey-7 {
font-size: 16px;
}
.grey-7.dark.small {
font-size: 14px;
}
.base-text-31 {
font-size: 18px;
}
.base-text-31.button4-text, .button-base-text-22 {
font-size: 16px;
}
.button-base-text-22.button2-2-text {
font-size: 14px;
}
.base-text-32 {
padding-bottom: 0;
font-size: 14px;
}
.button-base-banner-5 {
font-size: 18px;
}
.banner-txt-tt-tcc-2 {
font-size: 14px;
}
.image-47 {
object-fit: cover;
}
.business-inquiry-bnr-2.business-inquiry-bnr-setup.mobile.main {
margin-top: 0;
padding-bottom: 0;
}
.banner-container-bi-2 {
padding: 1em;
}
.arrow-20 {
width: 10px;
height: 10px;
}
.bib-2 {
width: 100%;
}
.button-base-text-23 {
font-size: 16px;
}
.button-base-text-23.ssmall {
font-size: 15px;
}
.arrow-box.gap {
padding-left: 0;
}
.banner-container-bi-ver2 {
padding: 1em;
}
.our-approach-grid-11 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
width: 80%;
margin-left: 0;
}
.logo-11 {
width: 100px;
}
.button-type-a-4 {
font-size: 18px;
}
.button-base-text-24 {
font-size: 16px;
}
.brand-div-12 {
padding-right: 20px;
}
.hl-box-wrapper-4 {
font-size: 18px;
}
.play-service-hero-section-base-5 {
background-color: #fff0;
}
.button---main-base-big-btn-4 {
font-size: 18px;
}
.image-49 {
width: 50%;
}
.services-hero-grid-15 {
grid-template-columns: .25fr .5fr .5fr;
}
.services-hero-grid-15.gap {
grid-template-columns: .5fr .5fr;
}
.grey-8 {
font-size: 16px;
}
.grey-8.dark.small {
font-size: 14px;
}
.base-text-33 {
font-size: 18px;
}
.base-text-33.button4-text, .button-base-text-25 {
font-size: 16px;
}
.button-base-text-25.button2-2-text {
font-size: 14px;
}
.base-text-34 {
padding-bottom: 0;
font-size: 14px;
}
.our-approach-grid-12 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
width: 80%;
margin-left: 0;
}
.logo-12 {
width: 100px;
}
.button-type-a-5 {
font-size: 18px;
}
.button-base-text-26 {
font-size: 16px;
}
.brand-div-13 {
padding-right: 20px;
}
.hl-box-wrapper-5 {
font-size: 18px;
}
.play-service-hero-section-base-6 {
background-color: #fff0;
}
.button---main-base-big-btn-5 {
font-size: 18px;
}
.image-50 {
width: 50%;
}
.services-hero-grid-16 {
grid-template-columns: .25fr .5fr .5fr;
}
.services-hero-grid-16.gap {
grid-template-columns: .5fr .5fr;
}
.grey-9 {
font-size: 16px;
}
.grey-9.dark.small {
font-size: 14px;
}
.base-text-35 {
font-size: 18px;
}
.base-text-35.button4-text, .button-base-text-27 {
font-size: 16px;
}
.button-base-text-27.button2-2-text {
font-size: 14px;
}
.base-text-36 {
padding-bottom: 0;
font-size: 14px;
}
.our-approach-grid-13 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
width: 80%;
margin-left: 0;
}
.logo-13 {
width: 100px;
}
.button-type-a-6 {
font-size: 18px;
}
.button-base-text-28 {
font-size: 16px;
}
.brand-div-14 {
padding-right: 20px;
}
.play-service-hero-section-base-7 {
background-color: #fff0;
}
.button---main-base-big-btn-6 {
font-size: 18px;
}
.image-51 {
width: 50%;
}
.services-hero-grid-17 {
grid-template-columns: .25fr .5fr .5fr;
}
.services-hero-grid-17.gap {
grid-template-columns: .5fr .5fr;
}
.grey-10 {
font-size: 16px;
}
.grey-10.dark.small {
font-size: 14px;
}
.base-text-37 {
font-size: 18px;
}
.base-text-37.button4-text, .button-base-text-29 {
font-size: 16px;
}
.button-base-text-29.button2-2-text {
font-size: 14px;
}
.base-text-38 {
padding-bottom: 0;
font-size: 14px;
}
.our-approach-grid-14 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
width: 80%;
margin-left: 0;
}
.button-base-text-30 {
font-size: 16px;
}
.brand-div-15 {
padding-right: 20px;
}
.play-service-hero-section-base-8 {
background-color: #fff0;
}
.button---main-base-big-btn-7 {
font-size: 18px;
}
.image-52 {
width: 50%;
}
.services-hero-grid-18 {
grid-template-columns: .25fr .5fr .5fr;
}
.services-hero-grid-18.gap {
grid-template-columns: .5fr .5fr;
}
.base-text-39 {
font-size: 18px;
}
.base-text-39.button4-text, .button-base-text-31 {
font-size: 16px;
}
.button-base-text-31.button2-2-text {
font-size: 14px;
}
.base-text-40 {
padding-bottom: 0;
font-size: 14px;
}
.tt-01 {
line-height: 1;
}
.tt-01.partners-color {
font-size: 30px;
}
.tt-sub-01 {
font-size: 18px;
}
.tt-sub-01.partners-color {
font-size: 20px;
}
.product-txt-name-v03, .product-txt-name-v03.euclid {
width: 100%;
}
.product-txt-name-v03.euclid.extend {
width: 150%;
}
.m-tt, .m-tt.services-h1.title.whifte.padding.manrope-mobile.manrope-desktop {
font-size: 44px;
}
.m-tt.services-h1.black._500 {
margin-bottom: 10px;
font-size: 22px;
}
.m-tt.services-h1.black._500.large.mobile.play-obt {
width: 80%;
margin-bottom: 20px;
}
.m-tt.services-h1.wht._500 {
margin-bottom: 10px;
font-size: 22px;
}
.m-tt.services-h1.wht._500.large.mobile.play-obt {
width: 80%;
margin-bottom: 20px;
}
.m-tt.services-intro-hero {
width: 90%;
font-size: 24px;
}
.m-tt.services-intro-hero._50.mobile {
width: 70%;
}
.m-tt.services-intro-hero.black {
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 10px;
font-size: 24px;
}
.m-tt.services-intro-hero.black.medium {
margin-bottom: 5px;
}
.m-tt.services-intro-hero.black.txt.mobile {
padding-top: 0;
font-size: 20px;
}
.m-tt.services-intro-hero.white._500 {
margin-bottom: 10px;
padding-bottom: 0;
font-size: 20px;
}
.m-tt.pink.top-padding.manrope.white {
width: 60%;
margin-bottom: 10px;
}
.tt-block, .tt-section {
width: 100%;
}
.faq-answer-padding {
padding: 20px;
}
.one-item-display.hover-x {
padding-top: 15px;
padding-bottom: 15px;
}
.one-tags-text {
letter-spacing: 1px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 10px;
}
.plus-wrap-2 {
height: 15px;
}
.one-item-list-tags {
padding: 5px;
}
.button-base-container-10 {
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.cta-section-3 {
padding-left: 3em;
}
.button-base-text-32 {
font-size: 16px;
}
.arrow-25 {
width: 10px;
height: 10px;
}
.button-base-12 {
font-size: 18px;
}
.bd-611 {
font-size: 20px;
}
.button-base-13 {
font-size: 18px;
}
.bd-612, .button-base-text-33 {
font-size: 16px;
}
.button-base-text-33.button2-2-text {
font-size: 14px;
}
.arrow-26 {
width: 10px;
height: 10px;
}
.promo-text---large-12, .promo-text---large-13, .promo-text---large-14 {
font-size: 50px;
}
.brands-holder-press-2 {
padding-bottom: 60px;
}
.brand-div-press-2 {
padding-right: 20px;
}
.logo-14 {
width: 140px;
}
.campaign-benefits {
width: 120%;
max-width: none;
padding: 28px;
}
.campaign-benefits.promotion, .campaign-benefits.promotion-none {
width: 130%;
}
.campaign-benefits.regular {
width: 100%;
min-width: 100%;
}
.campaign-benefits.regular.orange-outline, .campaign-benefits.regular.blue-outline {
width: 100%;
}
.button-base-text-34 {
font-size: 16px;
}
.button-base-text-34.button2-2-text {
font-size: 14px;
}
.arrow-27 {
width: 10px;
height: 10px;
}
.card-number-4.large {
font-size: 28px;
}
.txt-grid-1col {
grid-template-columns: .5fr .5fr .5fr;
}
.campaign-steps {
width: 120%;
max-width: none;
padding: 28px;
}
.campaign-steps.promotion, .campaign-steps.promotion-none {
width: 130%;
}
.campaign-steps.regular {
width: 100%;
min-width: 100%;
}
.campaign-steps.regular.orange-outline, .campaign-steps.regular.blue-outline {
width: 100%;
}
.image-step {
grid-column-gap: 27px;
grid-row-gap: 27px;
margin-bottom: 10vh;
}
.image-step.padding {
grid-column-gap: 18px;
grid-row-gap: 18px;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.level-box {
padding: 2em;
}
.level-box._1.border-color {
min-width: 100px;
max-width: 100px;
min-height: 100px;
max-height: 100px;
padding-bottom: 2em;
}
.level-box._1.border-color.creator {
min-height: 280px;
padding-top: 20px;
padding-left: 20px;
}
.level-box.api-1.api-color {
max-width: 400px;
}
.level-box.api-1.api-color.why-api {
min-height: 400px;
}
.level-box.vc-box.api-color {
max-width: 400px;
}
.campaign-level-box---arrow {
min-width: 20px;
max-width: 20px;
min-height: 20px;
max-height: 20px;
padding: 2em 1em;
}
.campaign-level-box---arrow._1.border-color.creator {
min-height: 280px;
padding-top: 20px;
padding-left: 20px;
}
.campaign-level-box---arrow.api-1.api-color {
max-width: 400px;
}
.campaign-level-box---arrow.api-1.api-color.why-api {
min-height: 400px;
}
.campaign-level-box---arrow.vc-box.api-color {
max-width: 400px;
}
.text-span-195 {
font-size: 17px;
}
.campaign-box-2 {
padding: 2em;
}
.campaign-box-2.mobile.creator {
min-height: 100px;
}
.card-txt---tt-box-profile, .card-txt---tt-box-profile.shift-use-case {
width: 100%;
}
.products---sub-txt-profile.padding-top-0 {
padding-top: 0;
}
.card-txt---tt-profile {
font-size: 34px;
}
.card-txt---tt-profile.menu-large-text {
display: none;
}
.card-txt---tt-profile.services-intro-hero {
width: 90%;
}
.card-txt---tt-profile.about-testimonial {
width: 100%;
}
.button-3-small-2 {
margin-top: 20px;
margin-bottom: 0;
font-size: 18px;
}
.button-3-small-2._30px {
height: 30px;
}
.base-text-41 {
font-size: 18px;
}
.base-text-41.button3-text {
font-size: 14px;
}
.footer-contact-grid-3 {
grid-template-rows: auto;
}
.btn-small-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: flex-start;
}
.form-block-2 {
margin-bottom: 15px;
}
.process-inner-grid-copy {
grid-template-columns: .25fr 1fr;
}
.process-inner-grid-copy.gap {
grid-template-columns: .25fr 2fr .75fr .25fr;
}
}
@media screen and (max-width: 479px) {
.columns-wrap {
padding-top: 30px;
padding-bottom: 40px;
}
.text---large.services-h1 {
font-size: 26px;
}
.text---large.services-h1.mobile {
font-size: 20px;
}
.text---large.services-intro-hero {
text-align: justify;
width: 100%;
}
.text---large.services-intro-hero.price-text.white {
text-align: left;
padding-left: 0;
font-size: 40px;
}
.text---large.services-intro-hero.price-text.white.gap {
display: flex;
}
.text---large.services-intro-hero.price-text.white.promotion-text.play-color {
text-align: left;
}
.text---large.services-intro-hero.price-text.white.promotion-text.play-color.d-padding {
text-align: left;
font-size: 24px;
}
.text---large.services-intro-hero.price-text.white.promotion-text.play-color.promotin-padding {
padding-right: 20px;
}
.text---large.services-intro-hero.price-text.white.manrope {
line-height: 1;
}
.text---large.services-intro-hero.price-text.white.left-gap.manrope {
text-align: left;
}
.text---large.services-intro-hero.price-text.white.mobile-set {
font-size: 50px;
}
.text---large.text-brand-description {
text-align: left;
padding-bottom: 40px;
font-size: 18px;
}
.text---large.text-brand-description.white {
font-size: 14px;
}
.text---large.about-testimonial {
text-align: justify;
margin-bottom: 24px;
}
.small-text.small {
font-size: 12px;
}
.small-text._20px {
font-size: 13px;
}
.base-text {
font-size: 14px;
}
.base-text:lang(ja) {
font-size: 13px;
}
.base-text.company {
display: none;
}
.base-text.number.txttt.wht.small.aligigi {
align-self: flex-start;
font-size: 13px;
}
.base-text.number.txttt.wht.algigk {
align-self: flex-start;
}
.colour.beige, .colour.grey, .colour.charcoal {
height: 100px;
}
.colours-grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.link-wrap.recognition-link {
align-items: flex-start;
}
.link-wrap.service-button {
flex-direction: row;
}
.arrow-png {
width: 10px;
height: 10px;
}
.nav-grid {
grid-column-gap: 0px;
}
.brand-wrap {
width: 140px;
}
.link {
font-size: 13px;
}
.home-hero-section.mobile {
height: 20vh;
max-height: 6vh;
padding-top: 40px;
}
.services-grid {
grid-column-gap: 21px;
grid-template-columns: auto auto auto;
}
.hero-intro-wrap {
width: 100%;
}
.frame {
padding-left: 20px;
}
.brand-description._80 {
width: 90%;
}
.process-grid {
grid-template-rows: auto;
}
.process-main-grid {
margin-bottom: 0;
}
.gallery-wrap.padding-side-0 {
padding-left: 0;
padding-right: 0;
}
.gallery-grid {
grid-template-rows: minmax(50px, .75fr) minmax(50px, .75fr) minmax(50px, .75fr) minmax(50px, 1fr);
grid-template-columns: 1fr;
}
.gallery-image-wrap {
flex-flow: column;
display: block;
overflow: hidden;
}
.gallery-image-wrap:lang(ja) {
height: 120%;
}
.gallery-image {
overflow: clip;
}
.footer-section {
background-color: var(--c-primary--main);
width: auto;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.footer-section.mobile-padding {
padding-left: 0;
padding-right: 0;
}
.footer-wrap {
padding: 0;
}
.footer-grid {
grid-row-gap: 40px;
}
.contact-wrap {
width: 100%;
}
.footer-nav-links-grid {
grid-column-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.menu-outer-wrapper {
display: none;
}
.brand-animate {
padding-left: 0;
font-size: 11vw;
}
.brand-animate.gray {
font-size: 10vw;
}
.services-hero-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.serivce-grid {
grid-template-columns: 1fr;
}
.service-1-about {
border-top-style: none;
padding-top: 0;
}
.project-gallery-image {
object-fit: cover;
flex: 1;
width: auto;
height: auto;
min-height: auto;
max-height: none;
position: relative;
}
.gallery-mask {
width: 100%;
}
.gallery-image-wrapper {
object-fit: contain;
flex-direction: column;
width: 20rem;
height: 20rem;
padding-top: 0%;
display: flex;
overflow: hidden;
}
.gallery-image-wrapper.blog {
width: auto;
height: auto;
}
.project-info-wrap.featured-info {
bottom: auto;
}
.project-info-wrap.hide-mobile {
display: block;
}
.project-details-wrap.extra-padding {
margin-right: 0;
}
.logo, .logo.exp-size {
width: 100px;
}
.brands-wrap {
padding-top: 10px;
display: flex;
}
.brand-div {
width: 70%;
margin-right: 0;
}
.brand-div.mobile {
padding-left: 0;
padding-right: 0;
}
.service-main-grid {
margin-top: 20px;
}
.service-name {
display: block;
overflow: visible;
}
.testimonial-intro {
width: 100%;
}
.legals-wrap {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
justify-content: space-between;
}
.team-image-wrap {
height: auto;
max-height: 30rem;
}
.about-first-column {
width: 100%;
}
.about-grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.about-grid-wrap {
padding-top: 20px;
padding-bottom: 40px;
}
.about-photo-gallery-grid {
grid-row-gap: 60px;
}
.gallery-image-1, .gallery-image-2, .gallery-image-3 {
width: 100%;
}
.about-testimonial-wrap {
padding-top: 60px;
}
.about-testimonial-info {
grid-row-gap: 5px;
}
.contact-form-wrap {
margin-top: 40px;
}
.contact-first-column.contact-paragraph {
justify-content: center;
align-self: auto;
align-items: center;
margin-bottom: 0;
margin-left: 0;
}
.contact-second-column {
display: block;
position: relative;
overflow: visible;
}
.checkbox-first-wrap {
width: 100%;
}
.checkbox-second-wrap {
font-size: 12px;
}
.contact-form {
display: block;
}
.contact-form-block {
margin-top: 40px;
margin-bottom: 40px;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
position: relative;
left: auto;
}
.location-info-grid {
grid-row-gap: 24px;
}
.location-image {
height: 12rem;
}
.location-info-text {
justify-content: space-between;
}
.error-text {
vertical-align: baseline;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
}
.work-info {
grid-template-columns: min-content 1fr;
}
.featured-collection-item {
padding-left: 0;
}
.work-intro-grid {
grid-column-gap: 35px;
grid-row-gap: 35px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.project-paragraph {
font-size: 14px;
}
.project-paragraph.blog {
font-family: Bdogrotesk;
font-size: 16px;
}
.suggested-collection-list {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.suggested-link {
height: 250px;
}
.gallery-collection-item.blog {
width: 100%;
}
.gallery-title {
font-size: 20px;
}
.template-section-wrapper {
flex-direction: column;
}
.license-content-wrap {
padding-top: 30px;
padding-bottom: 40px;
}
.success-message-2 {
width: auto;
}
.instructions-content-wrap {
padding-top: 30px;
padding-bottom: 40px;
}
.category-first-column, .project-description-wrap {
width: 100%;
}
.category-project-grid {
grid-template-columns: 1fr;
}
.clear-video-2 {
width: 61vw;
height: 41vw;
}
.heading-2.product-txt.white {
font-size: 16px;
}
.heading-2.product-txt.white.color-grey {
color: var(--c-grey--200);
font-size: 14px;
}
.heading-2.product-txt.white.color-grey.light.green {
padding-top: 0;
font-size: 14px;
}
.heading-2.product-txt.white.color-grey.light.padding.grey-grey {
width: 100%;
margin-top: 20px;
font-size: 14px;
}
.heading-2.product-txt.white.light.upside-padding {
font-size: 14px;
}
.heading-2.product-txt.white.height-cus {
margin-left: 20px;
}
.heading-2.product-txt.white.height-cus.align {
margin-left: 0;
}
.vectors-wrapper-5 {
padding-top: 2px;
padding-bottom: 2px;
}
.vectors-wrapper-8.mobile {
width: 28px;
height: 28px;
}
.partners {
margin-top: 40px;
margin-bottom: 40px;
}
.clear-4 {
height: 100vw;
}
.clear-4.mobile {
height: 70vw;
}
.clear-graphic-a {
width: 110%;
height: 90%;
overflow: scroll;
}
.container---mov {
z-index: 1;
}
.contents-hero-holder-b {
margin-bottom: 40px;
}
.text---head.services-intro-hero {
text-align: justify;
width: 100%;
}
.text---head.text-brand-description {
text-align: justify;
}
.text---head.about-testimonial {
text-align: justify;
margin-bottom: 24px;
}
.base-text---sub.company, .base-text---sanserif.company, .menu-text.company {
display: none;
}
.rl_navbar1_logo-link {
float: none;
justify-content: flex-start;
width: 200%;
display: block;
position: static;
}
.nav-spt-sym {
object-fit: fill;
width: 28px;
height: 28px;
padding: .2vh;
display: block;
position: static;
inset: 0%;
overflow: visible;
}
.nav-spt-sym.mobile {
object-fit: cover;
padding: 1.5px;
position: static;
}
.nav--wrapper {
grid-template-columns: 1fr 2.25fr 1fr;
padding-left: 20px;
padding-right: 0;
}
.dropdown-heading {
white-space: normal;
font-size: 16px;
}
.dropdown-heading.white {
margin-bottom: 0;
}
.dropdown-heading.white.large {
padding-left: 40px;
font-size: 22px;
}
.dropdown-heading.white.large.padding-0 {
padding-left: 0;
}
.dropdown-heading.white.mobile {
color: var(--c-grey--300);
padding-left: 40px;
font-size: 22px;
}
.dropdown-heading.white.mobile.padding-0 {
padding-left: 0;
}
.lottie-animation-2 {
width: 30px;
}
.small-text-2.white.manrope {
flex: 0 auto;
}
.dropdown-linkblock {
padding: 8px 0;
}
.arrow-3 {
width: 10px;
height: 10px;
}
.dropdown-toggle {
padding-top: 15px;
padding-bottom: 15px;
}
.brand-image-2 {
width: 100px;
padding-left: 0;
}
.nav-links, .nav-links.contact {
padding-top: 15px;
padding-bottom: 15px;
}
.nav-menu-2 {
padding-top: 20px;
}
.dropdown-toggle-copy {
padding-top: 15px;
padding-bottom: 15px;
}
.base-text-2.white {
font-size: 14px;
}
.text---medium.services-intro-hero {
text-align: justify;
width: 100%;
}
.text---medium.text-brand-description {
text-align: justify;
}
.text---medium.about-testimonial {
text-align: justify;
margin-bottom: 24px;
}
.base---19---san.align-right.white._14, .base---19---san.align-right.white.top-margin.mobile {
font-size: 14px;
}
.base---19---san.align-right.white {
font-size: 16px;
}
.base---19---san.align-right.white.top-margin.mobile {
font-size: 14px;
}
.base---19---san.align-right.white.top-margin.mobile.gray.sub-txt {
font-size: 13px;
}
.base---19---san.align-right.white.top-margin.mobile.gray.small {
font-size: 12px;
line-height: 1;
}
.base---19---san.align-right.white.top-margin.mobile.gray.small.air-setting {
line-height: 1.2;
}
.text---head-product---title.services-intro-hero {
text-align: justify;
width: 100%;
}
.text---head-product---title.text-brand-description {
text-align: justify;
}
.text---head-product---title.about-testimonial {
text-align: justify;
margin-bottom: 24px;
}
.service-main-grid---no-interactions {
margin-top: 20px;
}
.legals-social-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
align-items: flex-start;
}
.sticky-spacer {
height: 100vh;
}
.sticky-spacer.clear-footer {
height: 50vh;
display: none;
}
.footer-wrapper {
background-color: var(--c-grey--900);
padding: 20px;
}
.footer-wrapper.soluton {
margin-top: -100vh;
}
.footer-wrapper.soluton.padding {
margin-top: 0;
}
.footer-wrapper.company {
padding-left: 20px;
}
.footer-wrapper.big.mobile-padding {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.footer-links-grid {
grid-column-gap: 3vh;
grid-row-gap: 3vh;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.footer-grid-2 {
grid-column-gap: 5vh;
grid-row-gap: 5vh;
}
.footer-upper-info {
grid-column-gap: 3vh;
grid-row-gap: 3vh;
flex-flow: wrap;
}
.footer-text {
font-size: 32vw;
}
.legals-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
align-items: flex-start;
}
.footer-section-2 {
background-color: var(--c-grey--trans--0);
padding: 40px 24px 24px;
}
.text-field-2 {
border-radius: 0;
}
.btn-small {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.footer-grid-3 {
grid-row-gap: 40px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.legals-wrap-2 {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
justify-content: space-between;
}
.legals-wrap-2.manrope {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
justify-content: flex-start;
align-items: stretch;
}
.e {
line-height: 1.1;
}
.e.looping-text.pink.manrope {
font-family: Manrope, sans-serif;
}
.e.services-h1.title {
padding-bottom: 20px;
}
.e.services-h1.title.whifte {
font-size: 28px;
}
.e.services-h1.title.whifte.padding.manrope-mobile {
font-family: Manrope, sans-serif;
}
.e.services-h1.title.whifte.padding.manrope-mobile.manrope-desktop {
font-size: 40px;
line-height: 1;
}
.e.services-h1.title.black {
font-size: 28px;
}
.e.services-h1.title.manrope {
font-size: 34px;
}
.e.services-h1.black._500 {
margin-bottom: 0;
padding-bottom: 20px;
font-size: 28px;
}
.e.services-h1.black._500.large {
font-size: 30px;
line-height: 1;
}
.e.services-h1.black._500.large.mobile {
width: 60%;
margin-bottom: 20px;
font-size: 34px;
}
.e.services-h1.black._500.large.mobile.play-obt {
box-shadow: none;
margin-bottom: 0;
padding-bottom: 20px;
}
.e.services-h1.wht._500 {
margin-bottom: 0;
padding-bottom: 20px;
font-size: 28px;
}
.e.services-h1.wht._500.large {
font-size: 30px;
line-height: 1;
}
.e.services-h1.wht._500.large.mobile {
width: 60%;
margin-bottom: 20px;
font-size: 34px;
}
.e.services-h1.wht._500.large.mobile.nomal.small.manrope {
font-size: 36px;
}
.e.services-h1.wht._500.large.mobile.nomal.small.manrope.black {
color: var(--c-grey--white);
line-height: 1.9rem;
}
.e.services-h1.wht._500.large.mobile.play-obt {
box-shadow: none;
margin-bottom: 0;
padding-bottom: 20px;
}
.e.services-intro-hero {
text-align: left;
width: 100%;
padding-bottom: 10px;
font-size: 24px;
}
.e.services-intro-hero._50 {
width: 90%;
}
.e.services-intro-hero._50.mobile {
width: 100%;
line-height: 1;
}
.e.services-intro-hero.black {
margin-bottom: 0;
font-size: 24px;
}
.e.services-intro-hero.black.medium {
margin-bottom: 20px;
}
.e.services-intro-hero.black.txt {
padding-top: 0;
padding-bottom: 10px;
font-size: 28px;
}
.e.services-intro-hero.black.txt.mobile {
margin-top: 0;
padding-bottom: 0;
font-size: 18px;
}
.e.services-intro-hero.black.txt.mobile.small-txt {
font-size: 16px;
}
.e.services-intro-hero.mobile {
margin-bottom: 0;
padding-bottom: 20px;
}
.e.services-intro-hero.pink.manrope {
font-family: Manrope, sans-serif;
}
.e.services-intro-hero.manrope {
font-size: 20px;
}
.e.services-intro-hero.manrope:lang(ja) {
font-size: 18px;
}
.e.text-brand-description {
text-align: justify;
}
.e.pink.top-padding {
width: 100%;
font-size: 20px;
}
.e.pink.top-padding.manrope.white, .e.pink.top-padding.manrope.white:lang(ko) {
width: 60%;
}
.e.pink.manrope, .e.white.padding-under-10.manrope {
font-family: Manrope, sans-serif;
}
.e.small {
width: 100%;
}
.footer-contact-grid-2 {
grid-template-rows: auto;
padding-bottom: 20px;
}
.footer-nav-links-grid-2 {
grid-column-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.footer-wrap-2 {
padding-top: 40px;
padding-left: 0;
padding-right: 0;
}
.button-base-container {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 40px;
}
.button-base-container.gap {
grid-column-gap: 33px;
grid-row-gap: 33px;
width: 120%;
}
.button-base-container.gap.align {
justify-content: center;
align-items: flex-end;
}
.button-base-container.gap {
grid-column-gap: 33px;
grid-row-gap: 33px;
grid-column-gap: 19px;
grid-row-gap: 19px;
width: 100%;
}
.button-base-mask {
display: block;
inset: 0%;
}
.button-base-mask.transparent.purple {
background-color: var(--c-secondary--light-purple);
}
.button-base-mask.white {
background-color: var(--c-primary--bg);
}
.button-base {
justify-content: center;
align-items: center;
}
.button-base._100 {
width: 100%;
}
.button-base.gap {
margin: 0;
}
.button-base.campaign-color.purple {
background-color: var(--c-secondary--light-purple);
}
.button-base-text.button2-2-text {
font-size: 15px;
}
.button-base-text.button2-2-text:lang(ja), .button-base-text.button2-2-text.mobile {
font-size: 14px;
}
.button-base-text.button2-2-text.manrope {
font-size: 18px;
}
.button-base-text.btn---sub-color, .button-base-text.button-text---demo {
font-size: 16px;
}
.button-base-text.button-text---demo.mobile, .button-base-text.small {
font-size: 14px;
}
.menu-mob.w--open {
background-color: var(--c-grey--trans--0);
}
.navigation-link-block, .navigation-link-block-mob {
padding-top: 12px;
padding-bottom: 12px;
}
.global-icon-x-small {
display: none;
}
.brand-image-3 {
width: 100px;
padding-left: 0;
}
.menu-button-2.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav--wrapper-2 {
padding-left: 20px;
padding-right: 0;
}
.logo-wrapper-2 {
padding-top: 0;
padding-bottom: 0;
}
.dropdown-linkblock-2 {
padding: 8px 0;
}
.menu-button-3 {
padding-top: 5px;
padding-bottom: 5px;
}
.menu-button-3.w--open {
background-color: var(--c-grey--trans--0);
}
.dropdown-toggle-3 {
justify-content: space-between;
padding-top: 15px;
padding-bottom: 15px;
}
.brand-image-4 {
width: auto;
padding-left: 0;
overflow: visible;
}
.service-dropdown-2 {
color: var(--c-primary--main);
}
.service-dropdown-2.large {
font-size: 22px;
}
.service-dropdown-2.white.large {
color: var(--c-primary--bg);
}
.service-dropdown-2.white.large.products-btn-del {
display: none;
}
.nav-links-2, .nav-links-2.contact {
padding-top: 15px;
padding-bottom: 15px;
}
.nav--wrapper-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: 47px;
grid-template-columns: 1fr .25fr;
padding-left: 20px;
padding-right: 0;
}
.dropdown-linkblock-2-1grid {
padding: 8px 0;
}
.our-approach-grid {
grid-row-gap: 40px;
width: auto;
}
.use-case-words-txt {
color: var(--c-primary--bg);
font-size: 14px;
}
.use-case-words-txt._50 {
width: 100%;
font-size: 14px;
line-height: 1.3;
}
.use-case-words-txt._50.api-color.white {
font-size: 15px;
}
.use-case-words-txt._50.play-sub-color.play-head {
font-size: 20px;
}
.use-case-words-txt.mobile {
padding-top: 40px;
}
.use-case-words-txt.center-tt {
font-size: 24px;
}
.webflow-feature-heading.wht-txt {
font-size: 18px;
}
.webflow-feature-heading.wht-txt._100 {
font-size: 14px;
}
.webflow-feature-heading.wht-txt.gray, .webflow-feature-heading.wht-txt, .webflow-feature-heading.wht-txt.gray {
font-size: 18px;
}
.process-section-2 {
padding-top: 40px;
padding-left: 24px;
padding-right: 24px;
}
.phase {
font-size: 14px;
}
.logo-2 {
width: 80px;
}
.our-approach-grid-2 {
grid-row-gap: 40px;
width: auto;
}
.about-image._2 {
width: 90%;
position: relative;
top: -60px;
left: 5%;
}
.about-image._1 {
width: 100%;
}
.small-text-5.darkgrey {
color: #f6f2e2;
}
.circle-wrapper {
flex-flow: column;
align-self: center;
width: 200px;
height: 200px;
padding: 0;
display: block;
overflow: hidden;
}
.brand-div-2 {
margin-right: 20px;
}
.with-us-feature {
text-align: left;
font-size: 14px;
}
.with-us-feature.mid {
font-size: 14px;
}
.service-intro-section-2-0.grey, .service-intro-section-2-0.black {
padding-bottom: 2vh;
}
.services-intro {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding: 24px;
}
.highlighted-text-2 {
text-align: left;
font-size: 10px;
}
.highlighted-text-2.blue {
font-size: 10px;
}
.with-us-icon {
display: block;
}
.with-us-icon.mobile {
width: 24px;
}
.wokring-with-us-section {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-top: 1vh;
margin-bottom: 8vh;
padding-left: 24px;
padding-right: 24px;
}
.wokring-with-us-section.gap {
grid-column-gap: 13px;
grid-row-gap: 13px;
margin-bottom: 5vh;
}
.contact-text {
font-size: 32px;
}
.underline.pink.white {
flex-flow: column;
display: flex;
}
.service-loop-outer-container {
padding-top: 24px;
padding-bottom: 24px;
}
.section-title-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.section-title-wrap.show---flex {
margin-bottom: 20px;
}
.solutions-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-top: 8vh;
}
.with-us-features-wrapper {
grid-column-gap: 7px;
grid-row-gap: 7px;
padding: 24px;
}
.solutions-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.about-section-padding {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.about-section-padding.padding-down {
margin-top: 60px;
padding-bottom: 40px;
}
.about-section-padding.padding-down.padding-top {
margin-top: 60px;
}
.about-section-padding.padding-down.bottom {
margin-top: 10px;
}
.about-section-padding.padding-down.padding {
margin-top: 0;
}
.service-feature {
padding: 28px;
}
.service-feature.promotion, .service-feature.promotion-none {
width: 150%;
}
.service-feature.regular {
width: 110%;
}
.features-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: auto;
}
.feature-wrap {
align-self: flex-start;
}
.service-process-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.service-content.mobile-bg {
background-color: var(--c-primary--main);
}
.feature-heading-wrapper {
grid-template-rows: 60px 40px minmax(120px, 1fr) auto;
}
.feature-heading-wrapper.grid {
grid-column-gap: 6px;
grid-row-gap: 6px;
display: flex;
}
.extra-largue {
font-size: 22px;
}
.extra-largue.into-page {
margin-bottom: 0;
font-size: 34px;
}
.extra-largue.into-page.small-text.pink {
line-height: 1.3;
}
.extra-largue.into-page.small-text.pink.manrope {
flex-flow: wrap;
width: auto;
max-width: 100%;
margin-bottom: 10px;
line-height: 1.1;
display: flex;
overflow: visible;
}
.extra-largue.into-page.small-text.pink.manrope.green.pre2-0title.white.features.mobile, .extra-largue.into-page.small-text.pink.manrope.green.pre2-0title.white.features-copy.mobile, .extra-largue.into-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy.mobile {
font-size: 1.2rem;
}
.extra-largue.into-page.small-text.green {
line-height: 1.3;
}
.extra-largue.into-page.small-text.api-color {
font-size: 1.8rem;
}
.extra-largue.into-page.small-text.api-color.manrope {
width: 100%;
}
.extra-largue.into-page.small-text.white.manrope._700.marnope-pink {
color: #f1a599;
}
.extra-largue.into-page.small-text.white.manrope.neon-yellow {
margin-bottom: 0;
}
.extra-largue.into-page.small-text.white.manrope._150 {
font-size: 1.6rem;
}
.extra-largue.into-page.small-text.white.manrope:lang(ja) {
width: 100%;
}
.extra-largue.into-page.small-text.white.manrope {
flex-flow: wrap;
width: auto;
max-width: 100%;
margin-bottom: 10px;
line-height: 1.1;
display: flex;
overflow: visible;
}
.extra-largue.into-page.small-text.white {
line-height: 1.3;
}
.extra-largue.into-page.play-color.manrope {
width: 100%;
font-size: 1.2rem;
}
.extra-largue.into-page.api-color.manrope {
width: 100%;
margin-bottom: 10px;
font-size: 32px;
line-height: 1.2;
}
.extra-largue.into-page.api-color.manrope:lang(ko) {
font-size: 28px;
font-weight: 400;
}
.extra-largue.into-page.play-color {
font-size: 1.8rem;
}
.extra-largue.into-page.play-color.play-point.manrope.shift-coupon {
width: 100%;
font-size: 1.6em;
}
.extra-largue.into-page.play-color.play-point.manrope.shift-coupon:lang(ja) {
width: 100%;
}
.extra-largue.into-page.play-color.play-point.manrope {
font-size: 32px;
line-height: 1;
}
.extra-largue.into-page.play-color.play-point.manrope.mobile-set {
font-size: 44px;
}
.extra-largue.into-page.play-color.manrope {
font-size: 1.2rem;
}
.extra-largue.into-page.play-color.small {
font-size: .7rem;
}
.extra-largue.into-page.play-color.top-p.manrope {
font-size: 1.6rem;
}
.extra-largue.into-page.play-color.padding {
font-size: 1.2rem;
line-height: 1.3;
}
.extra-largue.into-page.pink {
font-size: 20px;
}
.extra-largue.into-page.pink.manrope {
margin-bottom: 20px;
}
.extra-largue.into-page.pink.manrope:lang(ja) {
width: 65%;
}
.extra-largue.into-page.txt-size {
font-size: 24px;
}
.extra-largue.intro-page {
font-size: 1.6rem;
}
.extra-largue.intro-page.play-color {
font-size: 1.8rem;
}
.extra-largue.intro-page.play-color.padding {
font-size: 1.2rem;
line-height: 1.3;
}
.extra-largue.small {
font-size: 14px;
}
.extra-largue.shift {
font-size: 40px;
}
.service-feature-section {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.circle {
width: 100%;
height: 100%;
}
.nav--wrapper-4 {
padding-left: 20px;
padding-right: 0;
}
.about-grid-3 {
margin-top: 40px;
margin-bottom: 40px;
}
.about-grid-3.mobile-padding {
margin-bottom: 0;
}
.process-section-3 {
padding-top: 40px;
padding-left: 24px;
padding-right: 24px;
}
.dropdown-heading-2 {
white-space: normal;
font-size: 16px;
}
.logo-3 {
width: 80px;
}
.our-approach-grid-3 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: auto;
}
.small-text-6.darkgrey {
color: #f6f2e2;
}
.dropdown-linkblock-3 {
padding: 8px 0;
}
.brand-div-3 {
margin-right: 20px;
}
.service-hero-section {
background-color: var(--c-primary--main);
}
.service-hero-info-wrapper {
max-width: 100%;
padding-right: 20px;
}
.service-hero-header {
font-size: 4rem;
}
.dropdown-toggle-4 {
padding-top: 15px;
padding-bottom: 15px;
}
.brand-image-5 {
width: 100px;
}
.subheading-wrapper {
width: 100%;
}
.nav-links-3, .nav-links-3.contact {
padding-top: 15px;
padding-bottom: 15px;
}
.nav-menu-4 {
padding-top: 0;
}
.lightbox-link {
margin-bottom: 0;
}
.extra-large-text-sub.price-2-0-shift-desc.black {
font-size: 1rem;
}
.extra-large-text-sub.price-2-0-shift-desc.small {
width: 100%;
font-size: 1rem;
line-height: 1.3;
}
.extra-large-text-sub.price-2-0-shift-desc.white {
margin-top: 20px;
margin-bottom: 20px;
font-size: 14px;
line-height: 1.3;
}
.extra-large-text-sub.price-2-0-shift-desc.white.mobile, .extra-large-text-sub.price-2-0-shift-desc.white.mobile:lang(ko) {
margin-top: 0;
}
.extra-large-text-sub.price-2-0-shift-desc.white {
font-size: 14px;
line-height: 1.3;
}
.extra-large-text-sub.price-2-0-shift-desc.sub2 {
width: 100%;
margin-top: 40px;
font-size: 18px;
line-height: 1.3;
}
.extra-large-text-sub.intro-page.white._150.shift {
width: 100%;
font-size: 14px;
}
.extra-large-text-sub.intro-page.white.shift {
font-size: 16px;
}
.extra-large-text-sub.intro-page.black {
font-size: 1rem;
}
.extra-large-text-sub.intro-page.white {
font-size: 14px;
line-height: 1.3;
}
.extra-large-text-sub.intro-page.white._150 {
font-size: 16px;
}
.extra-large-text-sub.intro-page.small {
width: 100%;
font-size: 14px;
line-height: 1.3;
}
.extra-large-text-sub.intro-page.small:lang(ja) {
font-size: 12px;
}
.extra-large-text-sub.shift-2-0-desc.black {
font-size: 1rem;
}
.extra-large-text-sub.shift-2-0-desc.small {
width: 100%;
font-size: 1rem;
line-height: 1.3;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3 {
width: 100%;
margin-bottom: 10px;
font-size: 1.4rem;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3.blue {
text-align: center;
width: 100%;
}
.extra-large-text-sub.shift-2-0-desc.white.subtitle3.blue.mobile-white {
font-size: 1.2rem;
}
.extra-large-text-sub.shift-2-0-desc.white.mobile, .extra-large-text-sub.shift-2-0-desc.white.mobile:lang(ko) {
margin-top: 0;
}
.extra-large-text-sub.shift-2-0-desc.white {
font-size: 14px;
line-height: 1.3;
}
.extra-large-text-sub.shift-2-0-desc.sub2 {
margin-top: 40px;
font-size: 18px;
line-height: 1.3;
}
.extra-large-text-sub.shift-2-0-desc.white {
margin-top: 20px;
margin-bottom: 20px;
font-size: 14px;
line-height: 1.3;
}
.image-5 {
width: 60%;
}
.image-5.mobile {
width: 90%;
}
.image-5.mobile.pc {
width: 50%;
}
.footer-link-small.white.padding-right-20.manrope {
padding-right: 0;
font-family: Euclidcircularb Webxl, Arial, sans-serif;
}
.link-9 {
font-size: 14px;
}
.link-9.white {
font-size: 12px;
}
.text---small.pink.mobile, .text---small.pink.mobile.slogan, .text---small.play-color.mobile {
font-size: 1.4rem;
}
.text---small.green {
padding-bottom: 20px;
font-size: 30px;
}
.text---small.green.manrope.white {
width: 100%;
}
.text---small.air-green {
padding-bottom: 20px;
font-size: 30px;
}
.text---small.air-green.manrope.mobile {
width: 100%;
}
.text---small.api-color.mobile {
font-size: 1.4rem;
}
.contents-hero-holder-black {
height: auto;
}
.base-text-5 {
margin-bottom: 20px;
font-size: 13px;
}
.base-text-5:lang(ja) {
font-size: 12px;
}
.base-text-5.how-paragraph {
font-size: 13px;
}
.base-text-5.how-paragraph:lang(ja) {
font-size: 12px;
}
.base-text-5.to-expect.mobile-20 {
font-size: 22px;
}
.base-text-5.form-label.small.grey {
padding-bottom: 0;
font-size: 12px;
}
.base-text-5.grey.mobile {
margin-top: 0;
padding-top: 0;
font-size: 13px;
}
.base-text-5.grey._14 {
font-size: 13px;
}
.base-text-5.padding-under-30.medium {
padding-top: 20px;
font-size: 18px;
}
.base-text-5.padding-under-30.medium.pink.manrope {
font-family: Manrope, sans-serif;
}
.base-text-5.padding-under-30.medium.manrope-desktop {
padding-top: 0;
font-size: 18px;
}
.base-text-5.padding-under-30.medium.manrope-desktop.partner {
font-size: 14px;
}
.base-text-5.mobile {
padding-top: 0;
padding-bottom: 0;
}
.base-text-5._18.padding {
padding-bottom: 0;
}
.base-text-5._14 {
font-size: 14px;
}
.base-text-5.mobile-10 {
padding-top: 10px;
}
.services-hero-grid-2 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.services-hero-grid-2.padding-under-30 {
grid-template-rows: auto;
}
.services-hero-grid-2.padding-under-30.padding-top-30 {
grid-column-gap: 21px;
grid-row-gap: 21px;
grid-template-rows: auto auto;
}
.brand-div-4 {
margin-right: 20px;
}
.serives-hero-text-holder-2 {
padding-top: 60px;
}
.serives-hero-text-holder-2.top-padding {
padding-top: 20px;
}
.serives-hero-text-holder-2.mobile {
padding-top: 80px;
}
.process-grid-2 {
border-top-style: none;
border-bottom-style: none;
}
.process-inner-grid-2 {
grid-template-columns: 1fr;
}
.service-1-about-2 {
border-top-style: none;
padding-top: 0;
}
.serivce-grid-2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.serivce-grid-2.voice-partners-grid {
grid-template-columns: 1fr;
}
.service-main-grid-2 {
margin-top: 20px;
}
.small-text-11 {
margin-left: 20px;
font-size: 12px;
}
.small-text-11:lang(ko) {
font-size: 14px;
}
.small-text-11.small {
width: 100%;
margin-left: 20px;
font-size: 10px;
}
.small-text-11._70 {
width: 70%;
font-size: 12px;
}
.small-text-11._14pr {
font-size: 14px;
}
.service-intro-section-02.padding {
padding-bottom: 0;
}
.process-grid-3 {
border-top-style: none;
border-bottom-style: none;
}
.to-expect-grid-02 {
grid-template-rows: auto;
}
.base-text-6.how-paragraph {
font-size: 13px;
}
.base-text-6.how-paragraph:lang(ja) {
font-size: 12px;
}
.lightbox-link-base.bg-black {
padding-top: 20px;
}
.extra-large-text-sub-black.intro-page.white {
font-size: 1.2rem;
}
.text-block-2.grey.mobile {
padding-top: 0;
}
.text-block-2._16px.white {
width: 100%;
}
.brands-wrap-white {
display: flex;
}
.partners-wh {
margin-top: 40px;
margin-bottom: 60px;
}
.serives-hero-text-holder-3 {
background-color: var(--c-primary--main);
}
.btn-business-contact {
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 60px;
padding-bottom: 60px;
}
.btn-business-contact.padding {
padding-top: 10px;
padding-bottom: 0;
}
.base-text-7.button4-text {
font-size: 15px;
}
.hero-text-holder-white-1 {
padding-top: 20px;
padding-left: 0;
}
.hero-text-holder-white-1.padding-30px {
position: relative;
top: 1.1rem;
}
.base-text-5---black {
font-size: 14px;
}
.base-text-5---black:lang(ja), .base-text-5---black.padding-top-20px:lang(ja) {
font-size: 13px;
}
.base-text-5---black.white.mid.manrope-desktop {
font-size: 20px;
}
.large-text-black {
width: 100%;
padding-bottom: 20px;
font-size: 24px;
}
.large-text-black.services-intro-hero {
text-align: justify;
width: 100%;
}
.large-text-black.text-brand-description {
text-align: justify;
}
.large-text-black.manrope {
font-size: 20px;
}
.heading-5 {
width: 100%;
font-size: 14px;
}
.heading-5:lang(ja) {
font-size: 13px;
}
.beyond-the-voice-2 {
width: 88svw;
height: 24svw;
overflow: clip;
}
.vectors-wrapper-27 {
width: auto;
}
.grid-2 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.medium-text-black {
font-size: 16px;
}
.medium-text-black.services-intro-hero {
text-align: justify;
width: 100%;
}
.medium-text-black.text-brand-description {
text-align: justify;
}
.medium-text-black.grey:lang(ja) {
font-size: 13px;
}
.large-text-whifte {
padding-bottom: 0;
}
.large-text-whifte.services-intro-hero {
text-align: justify;
width: 100%;
}
.large-text-whifte.text-brand-description {
text-align: justify;
}
.large-text-whifte.small {
font-size: 18px;
}
.large-text-whifte.manrope {
font-size: 22px;
}
.base-text-medium.company {
display: none;
}
.careers {
padding-top: 60px;
}
.careers-img {
height: 100vw;
}
.btn-careers {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.contents-hero-holder-d {
display: none;
}
.gallery-mask-c, .gallery-mask-b {
width: 100%;
}
.gallery-image-wrapper-b {
object-fit: contain;
flex-direction: column;
width: 20rem;
height: 22rem;
padding-top: 0%;
display: flex;
overflow: hidden;
}
.project-gallery-image-b, .project-gallery-image-c {
object-fit: cover;
flex: 1;
height: auto;
min-height: 20rem;
max-height: 100%;
position: relative;
}
.project-info-wrap-b {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-flow: column;
align-items: flex-start;
}
.project-details-wrap-b {
background-color: var(--c-grey--trans--80-white);
flex: 0 auto;
order: 0;
align-self: flex-start;
}
.project-details-wrap-b.extra-padding {
background-color: var(--c-grey--trans--80-white);
}
.base-text-link.company {
display: none;
}
.medium-text {
padding-bottom: 0;
font-size: 18px;
}
.base-text-5---blue.white, .base-text-year {
font-size: 14px;
}
.base-text-year.company {
display: none;
}
.newsroom-presskit {
padding-top: 60px;
}
.btn-type-a {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.button-type-a {
height: 32px;
}
.button-type-a.manrope {
font-family: Manrope, sans-serif;
}
.grid-type-c {
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.nav-spt-sym-block {
object-fit: fill;
align-self: auto;
width: 28px;
height: 28px;
position: absolute;
inset: 0%;
}
.brands-holder-press {
padding-left: 0;
}
.brands-wrap-press {
display: flex;
}
.brand-div-press {
width: 50%;
}
.gallery-mask-preview {
width: 100%;
}
.gallery-image-wrapper-preview {
object-fit: contain;
flex-direction: column;
width: 28rem;
height: 20rem;
padding-top: 0%;
display: flex;
overflow: hidden;
}
.base-text-6-black.how-paragraph.grey._14 {
font-size: 14px;
}
.contents-hero-holder-tt {
padding-bottom: 20px;
}
.contents-hero-holder-tt.padding {
margin-bottom: 60px;
}
.heading-3---popup {
font-size: 16px;
}
.heading-3---popup.grey.top-padding.small.dark {
min-width: auto;
padding-left: 0;
padding-right: 0;
font-size: 11px;
}
.heading-3---popup.padding-top-20px.api-color {
padding-top: 10px;
}
.heading-3---popup.mobile, .heading-3---popup.padding-top-0 {
padding-top: 0;
}
.text---head-product---title-white.services-intro-hero {
text-align: justify;
width: 100%;
}
.text---head-product---title-white.text-brand-description {
text-align: justify;
}
.text---head-product---title-white.about-testimonial {
text-align: justify;
margin-bottom: 24px;
}
.text---head-product---title-white.medium.small {
color: var(--c-primary--blue-500);
font-size: 28px;
}
.text---head-product---title-white.medium.small.blue {
margin-top: 20px;
font-size: 22px;
}
.text---head-product---title-white.clear-color {
padding-bottom: 10px;
}
.text---head-product---title-white.clear-color.mobile-padding {
padding-bottom: 20px;
}
.text---head-product---title-white.air-color {
padding-bottom: 10px;
}
.text---head-product---title-white.air-color.mobile-padding {
padding-bottom: 20px;
}
.text---head-product---title-white.api-color {
padding-bottom: 0;
}
.text---small-white {
text-align: left;
}
.text---small-white.small {
font-size: 18px;
}
.text---small-white.small:lang(ko) {
font-size: 16px;
}
.shift-graphic-a {
width: 110%;
height: 90%;
overflow: scroll;
}
.shift-graphic-a.mobile {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
inset: auto 0% 0;
}
.shift-graphic-b {
width: 110%;
height: 90%;
overflow: scroll;
}
.shift-graphic-b.mobile {
width: 100%;
height: 100%;
}
.div-block-5 {
overflow: visible;
}
.shift-graphic-c {
width: 110%;
height: 90%;
overflow: scroll;
}
.shift-graphic-c.mobile {
width: 130%;
height: 100%;
left: auto;
}
.button-base-container-shift-download {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 40px;
}
.button-base-container-shift-download.gap.bottom-margin {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.button-base-container-shift-download.gap.api-setting.gap.mobile {
justify-content: flex-start;
align-items: flex-end;
}
.button-base-container-shift-download.gap {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-column-gap: 28px;
grid-row-gap: 28px;
}
.text-field-3.small-text {
font-size: 12px;
}
.large-text-2.contact-heading.blue {
align-self: flex-start;
}
.large-text-2.contact-heading.blue.padding-down.manrope {
font-size: 22px;
}
.error-message-2 {
width: 100%;
max-height: 95px;
margin: 0;
position: absolute;
inset: 0% auto 0;
}
.success-message-3 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
position: absolute;
left: auto;
}
.checkbox-field-more {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.link-small {
font-size: 12px;
}
.rich-text-block-small h1 {
font-size: 28px;
}
.image-4-copy {
margin-bottom: 20px;
}
.grey {
font-size: 12px;
}
.grey.large.price.white.plus {
font-size: 30px;
}
.grey.large.price.white.padding {
font-size: 24px;
}
.grey.large.price.white.padding.mobile {
font-size: 28px;
}
.grey.large.price.white.padding.mobile-txt {
font-size: 30px;
}
.grey.x {
font-size: 18px;
}
.grey.dark {
padding-top: 18px;
font-size: 12px;
}
.grey.dark.small {
font-size: 14px;
}
.grey.dark.small.padding.white {
font-size: 12px;
}
.grey.dark.padding {
padding-top: 0;
}
.grey.dark.padding.mobile {
text-align: center;
}
.grey.dark.padding.mobile.deltxt {
display: none;
}
.grey.mobile {
padding-top: 22px;
}
.grey.mobile.padding {
padding-top: 0;
font-size: 12px;
}
.grey.small {
font-size: 12px;
}
.services-hero-grid-3 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.services-hero-grid-3.gap {
grid-template-columns: 1fr;
}
.services-hero-grid-3.gap.padding.flex {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
}
.services-hero-grid-3.gap.mobile {
grid-template-columns: .5fr .5fr;
padding-bottom: 60px;
}
.to-expect-grid-3-copy._4 {
grid-template-rows: auto auto auto;
}
.business-contact.black-700.vh {
padding-bottom: 0;
}
.hero-image-section {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 8vh;
padding-left: 24px;
padding-right: 24px;
}
.partners-features-wrapper {
grid-column-gap: 7px;
grid-row-gap: 7px;
min-height: auto;
padding: 24px;
}
.gallery-mask-2 {
width: 75%;
}
.text-reveal-wrapper {
margin-top: 30vw;
margin-bottom: 30vw;
}
.text-reveal-line-1 {
font-size: 4rem;
}
.text-reveal-line-1.pink.manrope-mobile {
font-family: Manrope, sans-serif;
}
.text-reveal-line-1.pink.manrope-mobile.manrope-desktop {
font-size: 3rem;
}
.text-reveal-line-2 {
font-size: 4rem;
}
.text-reveal-line-2.pink.manrope {
font-family: Manrope, sans-serif;
}
.text-reveal-line-2.pink.manrope.manrope-desktop {
font-size: 3rem;
}
.text-reveal-line-3 {
font-size: 4rem;
}
.text-reveal-line-3.pink.manrope {
font-family: Manrope, sans-serif;
font-weight: 400;
}
.text-reveal-line-3.pink.manrope.manrope-desktop {
font-size: 3rem;
}
.small-divider {
display: none;
}
.card-mask {
width: 90%;
min-width: 320px;
}
.slider-component {
padding-top: 2rem;
overflow: visible;
}
.slider-arrow, .slider-arrow.left {
width: 2.5rem;
height: 2.5rem;
}
.service-padding {
padding-left: 0;
padding-right: 24px;
}
.card-bottom-wrapper {
margin-top: 0;
}
.card-title {
font-size: 16px;
}
.card-title.large {
font-size: 22px;
}
.card-title.api-color {
font-size: 14px;
}
.card-title.api-color:lang(ja) {
font-size: 13px;
}
.btn-box {
min-height: 480px;
max-height: 480px;
padding: 1.5em;
}
.btn-box._2, .btn-box._3 {
min-height: 350px;
}
.btn-box._1, .btn-box.api-1 {
min-height: 340px;
max-height: 800px;
}
.btn-box.api-1.api-color.why-api {
min-height: 280px;
}
.btn-box.vc-box {
min-height: 340px;
max-height: 800px;
}
.arrow, .arrow.left {
width: 1.2rem;
}
.cards-caption-wrapper {
margin-top: 20px;
padding-left: 24px;
}
.section-title-wrap-2.padding {
padding-left: 24px;
padding-right: 24px;
}
.card-number {
font-size: 12px;
}
.card-number.large, .card-number.large.card-partners.api-color {
font-size: 20px;
}
.card-number.large.card-partners.api-color.mobile, .card-number.large.card-partners.play-color.mobile {
margin-bottom: 20px;
}
.card-number.large.card-partners.center.arrow {
display: none;
}
.card-number.large.card-partners.center.mobile {
display: block;
}
.card-description.pink {
font-size: 14px;
}
.card-description.black {
font-size: 16px;
}
.card-description.api-color {
font-size: 14px;
}
.card-description.api-color.mobile {
margin-top: 20px;
font-size: 14px;
}
.card-description.api-color.mobile:lang(ja), .card-description.api-color.mobile:lang(ko) {
font-size: 12px;
}
.card-description.bg-color.manrope {
font-size: 16px;
}
.how-it-works-section.black {
padding-left: 20px;
}
.image-wrapper {
grid-column-gap: 7px;
grid-row-gap: 7px;
padding: 24px;
}
.partners-image-section {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 8vh;
padding-left: 20px;
padding-right: 20px;
}
.txt-feature {
max-width: 200px;
margin-top: 60px;
font-size: 20px;
}
.txt-feature.black {
color: var(--c-primary--blue-500);
margin-top: 0;
font-size: 18px;
}
.txt-feature.black.small-txt {
font-size: 18px;
}
.services-hero-grid-4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.text---large-2.services-intro-hero {
text-align: justify;
width: 100%;
}
.hero-main {
height: 70vh;
}
.hero-main.mobile {
height: 56vh;
}
.image-main-pattern-01 {
object-fit: cover;
}
.image-main-pattern-01.cover {
height: auto;
display: block;
top: auto;
left: auto;
overflow: visible;
}
.feature-wrap-text {
margin-top: 60px;
}
.button-base-container-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 40px;
}
.button-base-container-2.gap {
grid-column-gap: 33px;
grid-row-gap: 33px;
margin-bottom: 10px;
padding-left: 0;
}
.hero-products.black {
padding-left: 20px;
}
.products-padding {
padding-left: 0;
padding-right: 24px;
}
.products-container-3column {
display: block;
}
.products-slider-component {
padding-top: 1rem;
padding-bottom: 2rem;
overflow: visible;
}
.card-mask-products {
width: 90%;
min-width: 320px;
}
.box-copy, .box-products {
min-height: 480px;
max-height: 480px;
padding: 1.5em;
}
.box-products._1, .box-products._2 {
min-height: 30rem;
}
.box-products._3, .box-products.m-p-clear {
min-height: 26rem;
}
.sticky-spacer-solution {
height: 80vh;
}
.services-hero-grid-5 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.services-hero-grid-5.padding-under-30 {
grid-template-rows: auto;
}
.services-hero-grid-6 {
grid-row-gap: 19px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.services-hero-grid-6.padding-under-30 {
grid-template-rows: auto;
}
.div-block-6 {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-flow: column;
}
.sticky-spacer-footer {
height: 0;
}
.services-hero-grid-7 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.services-hero-grid-7.padding-under-30 {
grid-template-rows: auto;
}
.services-hero-grid-8 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.services-hero-grid-8.padding-under-30 {
grid-template-rows: auto;
}
.services-hero-grid-10 {
grid-column-gap: 19px;
grid-row-gap: 2px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.services-hero-grid-10.padding-under-30 {
grid-template-rows: auto;
}
.services-hero-grid-10.mobile-10 {
padding-top: 10px;
display: block;
}
.sticky-spacer-home {
height: 0;
}
.services-hero-grid-11 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.services-hero-grid-11.padding-under-30 {
grid-template-rows: auto;
}
.services-hero-grid-12 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.services-hero-grid-12.padding-under-30 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
padding-bottom: 60px;
}
.services-hero-grid-12.padding-under-30.padding {
padding-bottom: 0;
}
.services-hero-grid-12.padding-under-30.padding.padding.manrope {
font-family: Manrope, sans-serif;
}
.sticky-spacer-voice-partners {
height: 0;
}
.footer-wrapper-clear.soluton {
margin-top: -100vh;
}
.sticky-spacer-clear {
height: 100vh;
}
.footer-wrapper-shift.soluton {
margin-top: -100vh;
}
.sticky-spacer-shift-footer {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 50vh;
display: none;
}
.sticky-spacer-shift {
height: 100vh;
}
.sticky-spacer-content {
height: 0;
}
.pre2-0 {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.pre2-0.padding-down {
padding-bottom: 20px;
}
.price-wrapper {
flex-flow: column;
}
.price-wrapper.non {
display: none;
}
.company-description {
padding-top: 60px;
}
.company-description._80 {
width: 90%;
}
.hero-holder.mobile {
padding-top: 60px;
padding-bottom: 0;
}
.hero-main-extend {
height: auto;
min-height: 300px;
}
.newsletter-box {
width: 90%;
}
.newsletter-column.modal {
flex-flow: row;
display: block;
}
.center-content {
width: auto;
padding-top: 20px;
padding-bottom: 20px;
}
._16px-how-it-works, ._16px-how-it-works.white {
font-size: 14px;
}
.our-approach-grid-4 {
grid-column-gap: 24px;
grid-row-gap: 38px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
width: auto;
}
.hero-text-holder-white-3 {
padding-top: 20px;
padding-left: 20px;
}
.text-block-3 {
font-size: 16px;
}
.cookietext {
line-height: 1;
}
.cookietext.mobile {
font-size: 14px;
}
.text-block-4.small {
text-align: left;
}
.text-block-4.small.mobile, .text-block-4.small.mobile.cookie {
font-size: 12px;
}
.footercookielink.cookie {
font-size: 16px;
}
.footercookielink.cookie.mobile {
margin-top: 10px;
font-size: 12px;
}
.cookiebuttons {
align-self: flex-end;
align-items: baseline;
}
.cookiebutton.decline.mobile.black.no-border.manrope.edit {
font-size: 12px;
}
.cookiebutton.decline.mobile.manrope.edit {
padding-top: 7px;
padding-bottom: 7px;
font-size: 12px;
}
.cookiebutton.mobile {
font-size: 12px;
}
.cookiebutton.mobile.manrope.edit {
padding-top: 7px;
padding-bottom: 7px;
font-size: 12px;
}
.heading-4-white {
font-size: 16px;
}
.heading-4-white.grey {
font-size: 14px;
}
.policy-base-text {
min-width: auto;
margin-left: 0;
font-size: 16px;
}
.bold-text-popup.content-heading-2 {
min-width: 250px;
margin-left: 0;
}
.cookie-form-wrap {
margin-top: 40px;
padding-left: 0;
padding-right: 0;
}
.button-base-outline._100 {
width: 100%;
}
.rich-text-block-policy-small p {
font-size: 12px;
}
.rich-text-block-policy-small h1 {
font-size: 28px;
}
.base-text-body-14 {
font-size: 12px;
}
.grid-policy-4-5 {
grid-template-columns: .25fr .75fr .75fr .5fr;
width: 100%;
overflow: scroll;
}
.table-text-title h1, .table-text-body h1 {
font-size: 28px;
}
.grid-policy-5-3 {
grid-template-columns: .25fr .25fr .25fr .25fr .25fr;
width: 100%;
overflow: scroll;
}
.grey-dark-300 {
font-size: 12px;
}
.feature-wrap-text-hero {
margin-top: 10px;
padding-left: 0;
left: 20px;
}
.feature-wrap-text-hero.mobile {
justify-content: flex-end;
align-items: flex-start;
width: 70%;
margin-top: 0;
display: flex;
left: 20px;
right: 20px;
}
.feature-wrap-text-hero.mobile.api-setting {
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.hero-text-holder-white-4 {
padding-top: 20px;
padding-left: 20px;
}
.hero-text-holder-white-4.padding {
padding-top: 60px;
}
.mobile {
font-size: 16px;
}
.mobile.white.text-grey {
color: #a9a9a9;
font-size: 14px;
}
.mobile.white.text-grey:lang(ja) {
font-size: 11px;
}
.grid-shift-pricing {
grid-column-gap: 16px;
grid-row-gap: 2px;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: .6fr .75fr;
width: auto;
margin-top: 20px;
}
.grid-shift-pricing.mobile {
grid-template-rows: auto auto auto;
grid-template-columns: .25fr 1fr;
}
.grid-shift-pricing.non {
display: none;
}
.download-form-wrap {
margin-top: 40px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.grid-shift-pricing-text {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1.25fr;
width: auto;
font-size: 14px;
}
.image-holder-play-01 {
height: 30vh;
}
.graphic-play-a {
width: 100%;
height: 100%;
padding: 0;
overflow: scroll;
}
.graphic-play-a.mobile-fit {
object-fit: cover;
}
.play-image-holder {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.play-main-graphic {
height: 80vw;
}
.play-main-graphic.mobile {
height: 120vw;
}
.button-base-download {
justify-content: center;
align-items: center;
}
.button-base-download._100 {
width: 100%;
height: 32px;
}
.solution-process-dvi {
grid-column-gap: 7px;
grid-row-gap: 7px;
grid-template-columns: .25fr .75fr;
margin-top: 1vh;
margin-bottom: 5vh;
padding-bottom: 60px;
padding-left: 24px;
padding-right: 24px;
}
.solution-process-wrapper {
grid-column-gap: 7px;
grid-row-gap: 7px;
padding: 5px 10px 10px;
}
.solution-process-txt-wrapper {
width: 100%;
padding-left: 10px;
}
.solution-process-wrapper-arrow {
grid-column-gap: 7px;
grid-row-gap: 7px;
padding: 0 24px;
}
.solution-category {
padding-left: 0;
}
.solution-category-box {
height: 22px;
margin-top: 0;
padding-left: 15px;
padding-right: 15px;
}
.category-txt.small {
font-size: 12px;
}
.arrow---s {
align-self: center;
}
.arrow---l {
justify-content: flex-start;
align-self: center;
align-items: center;
}
.solution-process-wrapper-tts {
grid-column-gap: 7px;
grid-row-gap: 7px;
padding: 24px;
}
.process-txt {
max-width: none;
font-size: 12px;
}
.process-txt.grey, .process-txt.blue {
max-width: none;
}
.process-txt.center {
text-align: center;
max-width: none;
}
.process-txt.align {
text-align: center;
}
.partners-feature {
font-size: 12px;
}
.partners-feature.small.black {
font-size: 10px;
}
.partners-feature.small.black._12 {
font-size: 12px;
}
.partners-feature.padding._14 {
padding-top: 20px;
}
.partners-feature._14 {
font-size: 14px;
}
.partners-q-sym {
display: block;
}
.button-base-shift-download {
justify-content: center;
align-items: center;
}
.graphic-play-b {
width: 100%;
height: 100%;
padding: 0;
overflow: scroll;
}
.graphic-play-b.mobile-fit {
object-fit: cover;
}
.feature-wrap-solution {
align-self: center;
}
.btn-careerss {
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 60px;
padding-bottom: 60px;
}
.sns-link {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
padding-top: 0;
}
.sns-link.padding {
flex-flow: column;
}
.sns-link-wrap.recognition-link {
align-items: flex-start;
}
.sns-link-wrap.service-button {
flex-direction: row;
}
.link-sns {
text-align: left;
font-size: 16px;
}
.sticky-spacer-cookie {
height: 0;
}
.sticky-spacer-cookie.clear-footer {
height: 50vh;
display: none;
}
.rich-text-block-2._100 {
width: 100%;
}
.contents-hero-holder-black-voice-partners.padding {
margin-bottom: 20px;
padding-bottom: 0;
}
.how-it-works-image-section {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 8vh;
padding-left: 24px;
padding-right: 24px;
}
.how-it-works-image-section.padding {
grid-column-gap: 16px;
grid-row-gap: 16px;
margin-bottom: 5vh;
}
.card-top-wrapper-vp {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.service-section-2-vp {
padding-bottom: 5vh;
}
.grid-2-careers {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.hero-wrapper-clear {
margin-bottom: 40px;
}
.contents-hero-holder-sfhit {
padding-top: 40px;
}
.contents-hero-holder-sfhit.mobile {
margin-bottom: 20px;
}
.text-b-grey {
text-align: left;
font-size: 12px;
}
.text-b-grey.blue {
font-size: 10px;
}
.text-b-grey {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
font-size: 14px;
}
.button-base-mask-blue {
display: block;
}
.link-small-grey {
font-size: 12px;
}
.body-9 {
background-color: var(--c-grey--900);
}
.body-10 {
background-color: var(--c-primary--main);
}
.company {
background-color: var(--c-primary--bg);
}
.gallery-image-wrap-box {
overflow: hidden;
}
.contents-hero-holder-black-contents {
height: auto;
}
.newsroom-youtube {
grid-column-gap: 35px;
grid-row-gap: 35px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.products-banner {
padding-left: 20px;
}
.card-product {
height: 30rem;
}
.card-product._2column.mobile {
width: 100%;
height: 100%;
}
.card-product._2column.mobile.mobile-padding {
margin-right: 0;
}
.slogan-block.mobile {
padding-left: 20px;
padding-right: 20px;
}
.price-heading {
color: var(--c-primary--main);
font-size: 14px;
}
.price-heading._50 {
width: 100%;
font-size: 14px;
line-height: 1.3;
}
.price-heading.mobile {
padding-top: 40px;
}
.price-heading.bg-pink.mobile {
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.banner-a {
height: 70vh;
}
.banner-txt {
margin-top: 10px;
padding-left: 0;
left: 20px;
}
.cookietext-copy.mobile {
font-size: 14px;
}
.banner-buttons {
align-self: flex-end;
}
.banner-text-a.mobile {
font-size: 14px;
}
.button-banner {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: flex-end;
padding-top: 0;
}
.button-banner.gap {
grid-column-gap: 33px;
grid-row-gap: 33px;
padding-left: 0;
}
.banner-txt-tt {
padding-bottom: 0;
}
.banner-txt-tt.services-h1.title {
padding-bottom: 20px;
}
.banner-txt-tt.services-h1.title.whifte, .banner-txt-tt.services-h1.title.black, .banner-txt-tt.services-h1.title.padding.small {
font-size: 28px;
}
.banner-txt-tt.services-h1.black._500 {
margin-bottom: 0;
padding-bottom: 20px;
font-size: 28px;
}
.banner-txt-tt.services-h1.black._500.large {
font-size: 30px;
line-height: 1;
}
.banner-txt-tt.services-intro-hero {
text-align: left;
width: 100%;
padding-bottom: 10px;
font-size: 24px;
}
.banner-txt-tt.services-intro-hero._50 {
width: 90%;
}
.banner-txt-tt.services-intro-hero._50.mobile {
width: 100%;
}
.banner-txt-tt.services-intro-hero.black {
margin-bottom: 0;
font-size: 20px;
}
.banner-txt-tt.services-intro-hero.black.medium {
margin-bottom: 20px;
}
.banner-txt-tt.services-intro-hero.mobile {
margin-bottom: 0;
padding-bottom: 20px;
}
.banner-txt-tt.text-brand-description {
text-align: justify;
}
.banner-txt-tt.pink.top-padding {
width: 100%;
font-size: 20px;
}
.banner-txt-tt.small {
width: 100%;
}
.banner-image-main {
object-fit: cover;
}
.ad-banner-b {
height: auto;
}
.banner-container {
min-height: auto;
max-height: none;
padding: 1em;
}
.banner-container._1, .banner-container._2, .banner-container._3 {
min-height: 30rem;
}
.banner-txt-wrapper {
grid-column-gap: 13px;
grid-row-gap: 13px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.banner-txt-wrapper.product-page-option {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.banner-title-tt {
font-size: 16px;
}
.banner-title-tt.large {
font-size: 22px;
}
.banner-title-tt.promotion-font {
font-size: 1rem;
}
.banner-title-tt.promotion-font:lang(ko) {
font-size: 1.2rem;
}
.banner-title-tt.promotion-font.bgt.ssmall {
font-size: 14px;
}
.banner-title-tt.promotion-font.bgt.ssmall:lang(ko) {
line-height: 1.2;
}
.button-base-banner {
justify-content: center;
align-items: center;
}
.button-base-banner._100 {
width: 100%;
}
.promo-heading.product-txt.white.color-grey, .promo-heading.promo-product-txt.white.color-grey, .promo-heading.promo-product-txt.promo-color.color-grey, .promo-heading-2.product-txt.white.color-grey, .promo-heading-2.promo-product-txt.white.color-grey, .promo-heading-2.promo-product-txt.promo-color.color-grey {
color: var(--c-grey--200);
font-size: 14px;
}
.promo-text---large {
font-size: 44px;
}
.promo-text---large.services-h1 {
font-size: 26px;
}
.promo-text---large.services-h1.mobile {
font-size: 20px;
}
.promo-text---large.services-intro-hero {
text-align: justify;
width: 100%;
}
.promo-text---large.text-brand-description {
text-align: left;
padding-bottom: 40px;
font-size: 18px;
}
.promo-text---large.about-testimonial {
text-align: justify;
margin-bottom: 24px;
}
.promo-text---large.sale-color {
font-size: 52px;
}
.promo-base.align-right.white {
font-size: 16px;
}
.promo-base.align-right.white._14 {
font-size: 14px;
}
.promo-base.airairair {
padding-bottom: 10px;
font-size: 16px;
}
.banner-bg-container {
min-height: auto;
max-height: none;
padding: 1em;
}
.banner-bg-container._1, .banner-bg-container._2, .banner-bg-container._3 {
min-height: 30rem;
}
.fmoon {
object-fit: cover;
padding-left: 10px;
padding-right: 10px;
}
.fullmoon-2024 {
width: 80%;
}
.text-span-9 {
font-size: 30px;
}
.text-span-10 {
font-size: 18px;
}
.text-span-11 {
font-size: 10px;
}
.grid-shift-pricing-top {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr .25fr 1fr;
width: auto;
margin-top: 20px;
}
.serives-hero-iso-holder {
background-color: var(--c-primary--main);
}
.air {
height: 100vw;
}
.air.mobile {
height: 70vw;
}
.air---backup {
height: 100vw;
}
.air---backup.mobile {
height: 70vw;
}
.air-graphic-a {
width: 110%;
height: 90%;
overflow: scroll;
}
.ad-banner-tts-contents-challenge.tts-contents-challenge.mobile {
padding-top: 100px;
padding-bottom: 60px;
}
.ad-banner-tts-contents-challenge.tts-contents-challenge.mobile.main {
margin-top: 0;
padding-top: 40px;
padding-bottom: 40px;
}
.tts-contents-challenge {
height: auto;
}
.banner-container-tcc {
min-height: auto;
max-height: none;
padding: 1em;
}
.banner-container-tcc._1, .banner-container-tcc._2, .banner-container-tcc._3 {
min-height: 30rem;
}
.banner-txt-wrapper-tcc {
grid-column-gap: 13px;
grid-row-gap: 13px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.banner-txt-wrapper-tcc.product-page-option, .banner-txt-wrapper-tcc.product-page-option-tcc {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.banner-txt-wrapper-tcc.product-page-option-tcc.bib-mobile-option {
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.button-tcc {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: flex-end;
padding-top: 0;
}
.button-tcc.gap {
grid-column-gap: 33px;
grid-row-gap: 33px;
padding-left: 0;
}
.banner-txt-tt-tcc {
padding-bottom: 0;
}
.banner-txt-tt-tcc.services-h1.title {
padding-bottom: 20px;
}
.banner-txt-tt-tcc.services-h1.title.whifte, .banner-txt-tt-tcc.services-h1.title.black, .banner-txt-tt-tcc.services-h1.title.padding.small {
font-size: 28px;
}
.banner-txt-tt-tcc.services-h1.black._500 {
margin-bottom: 0;
padding-bottom: 20px;
font-size: 28px;
}
.banner-txt-tt-tcc.services-h1.black._500.large {
font-size: 30px;
line-height: 1;
}
.banner-txt-tt-tcc.services-intro-hero {
text-align: left;
width: 100%;
padding-bottom: 10px;
font-size: 24px;
}
.banner-txt-tt-tcc.services-intro-hero._50 {
width: 90%;
}
.banner-txt-tt-tcc.services-intro-hero._50.mobile {
width: 100%;
}
.banner-txt-tt-tcc.services-intro-hero.black {
margin-bottom: 0;
font-size: 20px;
}
.banner-txt-tt-tcc.services-intro-hero.black.medium {
margin-bottom: 20px;
}
.banner-txt-tt-tcc.services-intro-hero.mobile {
margin-bottom: 0;
padding-bottom: 20px;
}
.banner-txt-tt-tcc.text-brand-description {
text-align: justify;
}
.banner-txt-tt-tcc.pink.top-padding {
width: 100%;
font-size: 20px;
}
.banner-txt-tt-tcc.small {
width: 100%;
}
.banner-txt-tt-tcc.voice-partners.basic.mobile, .banner-txt-tt-tcc.voice-partners.basic.mobile.wht {
font-size: 16px;
}
.banner-txt-tt-tcc.voice-partners.mobile {
font-size: 24px;
}
.banner-txt-tt-copy {
padding-bottom: 0;
}
.banner-txt-tt-copy.services-h1.title {
padding-bottom: 20px;
}
.banner-txt-tt-copy.services-h1.title.whifte, .banner-txt-tt-copy.services-h1.title.black, .banner-txt-tt-copy.services-h1.title.padding.small {
font-size: 28px;
}
.banner-txt-tt-copy.services-h1.black._500 {
margin-bottom: 0;
padding-bottom: 20px;
font-size: 28px;
}
.banner-txt-tt-copy.services-h1.black._500.large {
font-size: 30px;
line-height: 1;
}
.banner-txt-tt-copy.services-intro-hero {
text-align: left;
width: 100%;
padding-bottom: 10px;
font-size: 24px;
}
.banner-txt-tt-copy.services-intro-hero._50 {
width: 90%;
}
.banner-txt-tt-copy.services-intro-hero._50.mobile {
width: 100%;
}
.banner-txt-tt-copy.services-intro-hero.black {
margin-bottom: 0;
font-size: 20px;
}
.banner-txt-tt-copy.services-intro-hero.black.medium {
margin-bottom: 20px;
}
.banner-txt-tt-copy.services-intro-hero.mobile {
margin-bottom: 0;
padding-bottom: 20px;
}
.banner-txt-tt-copy.text-brand-description {
text-align: justify;
}
.banner-txt-tt-copy.pink.top-padding {
width: 100%;
font-size: 20px;
}
.banner-txt-tt-copy.small {
width: 100%;
}
.small.mobile {
font-size: 12px;
}
.standard-shift-2-0-price {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
display: block;
}
.content-heading {
color: var(--c-primary--bg);
font-size: 16px;
}
.content-heading._50 {
width: 100%;
font-size: 14px;
line-height: 1.3;
}
.content-heading._50.mobile {
font-size: 18px;
}
.content-heading._50.mobile.api-color {
padding-top: 0;
}
.content-heading._50.mobile.play-color.play-sub-txt.small-txt {
overflow: visible;
}
.content-heading._50.mobile.play-color.play-sub-txt.small-txt.play-ptl-sub-txt {
width: 100%;
padding-top: 0;
font-size: 14px;
}
.content-heading._50.mobile.play-color.play-sub-txt.small-txt.play-ptl-sub-txt.center-align {
text-align: center;
font-size: 16px;
}
.content-heading._50.mobile.play-color.play-sub-txt.play-ob-ptl {
padding-top: 0;
font-size: 1rem;
}
.content-heading._50.mobile.play-color.play-sub-txt.play-ob-ptl._200 {
font-size: 14px;
}
.content-heading._50.mobile.play-color.play-sub-txt.play-ob-ptl._200.shift-sub-text-text {
text-align: center;
display: block;
overflow: visible;
}
.content-heading.mobile {
padding-top: 40px;
}
.pricing-play-obt {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.pricing-play-obt.padding-down {
padding-bottom: 20px;
}
.section-title {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.clear-graphic-a-copy, .play-graphic-a-wave, .play-graphic-b-txt {
width: 110%;
height: 90%;
overflow: scroll;
}
.play-graphic-b-txt.mobile {
box-sizing: border-box;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
overflow: visible;
}
.play-graphic-b-txt.mobile.main-banner-inter {
object-fit: none;
position: absolute;
left: 50%;
right: 0%;
}
.play-graphic-b-txt.mobile.txt-size-edit {
box-sizing: border-box;
object-fit: none;
object-position: 50% 50%;
overflow: visible;
}
.play-graphic-c-ui {
width: 110%;
height: 90%;
overflow: scroll;
}
.play-graphic-b-txt---container {
overflow: clip;
}
.play-graphic-b-txt---container.mobile-iphone-overflow {
box-sizing: border-box;
object-fit: fill;
overflow: hidden;
}
.image-9 {
object-fit: cover;
border-top-left-radius: 20px;
}
.play-obt-about-section-padding {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.play-obt-about-section-padding.padding-down {
margin-top: 60px;
padding-bottom: 40px;
}
.play-obt-about-section-padding.padding-down.padding-top {
margin-top: 0;
}
.play-obt-ection-title-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
padding-left: 0;
padding-right: 0;
}
.play-obt-ection-title-wrap.padding {
padding-left: 20px;
padding-right: 20px;
}
.ad-banner-tts-contents-challenge-copy.tts-contents-challenge.mobile, .hero-holder-service-b.tts-contents-challenge.mobile, .hero-holder-service-b.voice-partners.mobile {
padding-top: 100px;
padding-bottom: 60px;
}
.hero-holder-service-b.voice-partners.mobile.mobile-padding {
height: auto;
padding-top: 0;
padding-bottom: 0;
}
.voice-partners {
height: auto;
}
.banner-container-voice-partners {
height: 400px;
min-height: auto;
max-height: none;
padding: 1em;
}
.banner-container-voice-partners._1, .banner-container-voice-partners._2, .banner-container-voice-partners._3 {
min-height: 30rem;
}
.banner-txt-wrapper-voice-partners {
grid-column-gap: 13px;
grid-row-gap: 13px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.banner-txt-wrapper-voice-partners.product-page-option, .banner-txt-wrapper-voice-partners.product-page-option-tcc, .banner-txt-wrapper-voice-partners.product-page-option-voice-partners {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.banner-txt-wrapper-voice-partners.product-page-option-voice-partners.mobile {
grid-template-columns: 1fr;
justify-content: space-between;
height: 100%;
display: flex;
}
.banner-txt-wrapper-voice-partners.product-page-option-voice-partners.mobile.grid-edit {
justify-content: space-between;
height: 100%;
display: flex;
}
.button-voice-partners {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: flex-end;
padding-top: 0;
}
.button-voice-partners.gap {
grid-column-gap: 33px;
grid-row-gap: 33px;
padding-left: 0;
}
.button-base-container-3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 40px;
}
.button-base-container-3.gap {
grid-column-gap: 33px;
grid-row-gap: 33px;
padding-left: 0;
}
.button-base-container-3.gap.mobile {
width: 90%;
}
.superscript-2 {
top: -2px;
}
.superscript-2.mobile {
font-size: 12px;
}
.products-component {
padding-top: 1rem;
padding-bottom: 2rem;
overflow: visible;
}
.products-container-a {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
}
.wrapper-sub-txt {
width: 140%;
}
.wrapper-sub-txt.mobile {
margin-bottom: 60px;
}
.card-top-wrapper-3column.mobile {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.button-base-container-air {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 40px;
}
.button-base-container-air.gap, .button-base-container-air.gap.bottom-margin {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.button-base-container-air.gap.mobile {
width: 100%;
}
.button-base-container-clear {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 40px;
}
.button-base-container-clear.gap, .button-base-container-clear.gap.bottom-margin {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.button-base-container-clear.gap.mobile {
grid-column-gap: 30px;
grid-row-gap: 30px;
width: 100%;
}
.button-base-container-air-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 40px;
}
.button-base-container-air-2.gap, .button-base-container-air-2.gap.bottom-margin {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.button-base-container-air-2.gap.mobile {
grid-column-gap: 35px;
grid-row-gap: 35px;
width: 100%;
}
.main-menu-txt {
color: var(--c-primary--bg);
font-size: 22px;
font-weight: 500;
}
.small-txt {
font-size: 10px;
}
.pre2-0-specialoffer.mobile {
font-size: 16px;
display: flex;
}
.pre2-0-specialoffer.mobile.api-color {
justify-content: flex-start;
align-items: flex-end;
}
.text-span-24 {
font-size: 16px;
}
.button-base-container-tt {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 40px;
}
.button-base-container-tt.gap, .button-base-container-tt.gap.bottom-margin {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.button-base-container-tt.space, .button-base-container-tt.space.flex, .button-base-container-tt.space.flex, .button-base-container-tt.space.flex, .button-base-container-tt.space.flex, .button-base-container-tt.space.flex {
padding-top: 10px;
}
.button-base-container-4 {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: column-reverse wrap;
padding-top: 20px;
padding-bottom: 20px;
display: none;
}
.button-base-container-4.gap {
grid-column-gap: 33px;
grid-row-gap: 33px;
margin-bottom: 10px;
padding-left: 0;
}
.button-base-container-4.mobile-gap {
padding-top: 0;
}
.button-base-container-4.mobile-gap.left-ali {
padding-top: 20px;
}
.api-main-graphic {
height: 80vw;
}
.api-main-graphic.mobile {
height: 120vw;
}
.link-13 {
font-size: 14px;
}
.button-base-container-api {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 40px;
}
.button-base-container-api.gap, .button-base-container-api.gap.bottom-margin {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.button-base-container-api.gap.bottom-margin.mobile {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.industry-leaders {
margin-top: 40px;
margin-bottom: 60px;
}
.api-txt-holder {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.why-supertone-api-section {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 8vh;
padding-left: 24px;
padding-right: 24px;
}
.why-supertone-api-section.padding {
grid-column-gap: 16px;
grid-row-gap: 16px;
margin-bottom: 5vh;
}
.why-supertone-api-section.padding.grid {
width: 100%;
}
.api-section {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.api-section.padding-down {
margin-top: 60px;
padding-bottom: 40px;
}
.api-section.padding-down.padding-top {
margin-top: 60px;
}
.api-faq.padding {
margin-bottom: 40px;
padding-bottom: 0;
}
.faq-grid {
margin-top: 20px;
}
.api-about-section-padding {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.api-about-section-padding.padding-down {
margin-top: 60px;
padding-bottom: 40px;
}
.api-about-section-padding.padding-down.padding-top {
margin-top: 60px;
}
.products-api-lists.mobile-bg {
background-color: var(--c-primary--main);
}
.api-intro-section.padding {
padding-bottom: 0;
}
.api-p-txt-section {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-top: 1vh;
margin-bottom: 8vh;
padding-left: 24px;
padding-right: 24px;
}
.api-p-txt-section.gap {
grid-column-gap: 13px;
grid-row-gap: 13px;
margin-bottom: 5vh;
}
.api-p-txt-section.gap.align {
margin-bottom: 8vh;
}
.api-p-txt-section.gap.align:lang(ko) {
grid-template-columns: 2fr 1fr;
}
.api-features-wrapper {
grid-column-gap: 7px;
grid-row-gap: 7px;
padding: 24px;
}
.api-features-wrapper.top.bg-color.spacing, .api-features-wrapper.top.bg-color.mobile {
padding: 0;
}
.api-link-wrap.recognition-link {
align-items: flex-start;
}
.api-link-wrap.service-button {
flex-direction: row;
}
.api-link-wrap.mobile {
padding-right: 0;
}
.api-section-title-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.api-section-title-wrap.padding.spacing {
grid-column-gap: 2px;
grid-row-gap: 2px;
}
.pricing-api {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.pricing-api.padding-down {
padding-bottom: 20px;
}
.api-get-started-holder {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.get-started-section {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 8vh;
padding-left: 24px;
padding-right: 24px;
}
.get-started-section.padding {
grid-column-gap: 16px;
grid-row-gap: 16px;
margin-bottom: 5vh;
display: flex;
}
.api-box {
min-height: 300px;
max-height: 480px;
padding: 1.5em;
}
.api-box._2, .api-box._3 {
min-height: 350px;
}
.api-box._1, .api-box.api-1 {
min-height: 340px;
max-height: 800px;
}
.api-box.mobile {
min-height: 240px;
padding: 2em;
}
.api-voices {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.name-wrapper {
margin-top: 0;
}
.button-voice-play {
justify-content: center;
align-items: center;
}
.button-voice-play._100 {
width: 100%;
}
.button-voice-play.gap {
margin-bottom: 20px;
}
.button-voices {
justify-content: center;
align-items: center;
}
.button-voices._100 {
width: 100%;
}
.button-voices.gap {
margin-bottom: 20px;
}
.button-l {
justify-content: center;
align-self: center;
align-items: center;
max-width: 200px;
}
.loader-wrapper.is-fourth {
border-bottom-style: none;
border-right-style: none;
}
.loader-wrapper.is-third {
border-right-style: solid;
}
.loader-wrapper.is-fifth {
border-bottom-style: none;
border-right-style: none;
}
.loader-wrapper.is-fifth.line-x {
border-bottom-style: none;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.btn-play-box-wrapper {
margin-top: 0;
}
.voice-card-description.pink, .voice-card-description.black {
font-size: 16px;
}
.tips-container, .voice-play-container {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.voice-play-container.padding.mobile {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
padding-bottom: 0;
}
.marquee-strap-shift2-0 {
margin-bottom: 60px;
}
.marquee-strap-shift2-0.mobile {
margin-bottom: 40px;
}
.base-1.neon-yellow {
margin-top: 20px;
font-size: 12px;
line-height: 13px;
}
.base-1.gray.gap.line-spacing {
line-height: 16px;
}
.base-1.gray {
margin-top: 20px;
font-size: 12px;
line-height: 13px;
}
.business-inquiry-padding {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.business-inquiry-padding.padding-down {
margin-top: 60px;
padding-bottom: 40px;
}
.business-inquiry-padding.padding-down.padding-top {
margin-top: 60px;
}
.promo-heading-clear.product-txt.white.color-grey, .promo-heading-clear.promo-product-txt.white.color-grey, .promo-heading-clear.promo-product-txt.promo-color.color-grey, .promo-heading-air.product-txt.white.color-grey, .promo-heading-air.promo-product-txt.white.color-grey, .promo-heading-air.promo-product-txt.promo-color.color-grey {
color: var(--c-grey--200);
font-size: 14px;
}
.hero-holder-service-c.tts-contents-challenge.mobile, .hero-holder-service-c.voice-partners.mobile {
padding-top: 100px;
padding-bottom: 60px;
}
.hero-holder-service-c.voice-partners.mobile.mobile-padding {
height: auto;
padding-top: 0;
padding-bottom: 0;
}
.hero-holder-service-c.api-m.mobile {
padding-top: 100px;
padding-bottom: 60px;
}
.hero-holder-service-c.api-m.mobile.mobile-padding {
height: auto;
padding-top: 0;
padding-bottom: 0;
}
.banner-container-api {
height: 400px;
min-height: auto;
max-height: none;
padding: 1em;
}
.banner-container-api._1, .banner-container-api._2, .banner-container-api._3 {
min-height: 30rem;
}
.text---slogan.services-h1 {
font-size: 26px;
}
.text---slogan.services-h1.mobile {
font-size: 20px;
}
.text---slogan.services-intro-hero {
text-align: justify;
width: 100%;
}
.text---slogan.text-brand-description {
text-align: left;
padding-bottom: 40px;
font-size: 18px;
}
.text---slogan.about-testimonial {
text-align: justify;
margin-bottom: 24px;
}
.text---large-copy.services-h1 {
font-size: 26px;
}
.text---large-copy.services-h1.mobile {
font-size: 20px;
}
.text---large-copy.services-intro-hero {
text-align: justify;
width: 100%;
}
.text---large-copy.text-brand-description {
text-align: left;
padding-bottom: 40px;
font-size: 18px;
}
.text---large-copy.about-testimonial {
text-align: justify;
margin-bottom: 24px;
}
.text---large-copy.blue500 {
font-size: 14px;
}
.business-inquiry-bnr.tts-contents-challenge.mobile {
padding-top: 100px;
padding-bottom: 60px;
}
.business-inquiry-bnr.tts-contents-challenge.mobile.main {
margin-top: 0;
padding-top: 40px;
padding-bottom: 40px;
}
.business-inquiry-bnr.business-inquiry-bnr-setup.mobile {
padding-top: 100px;
padding-bottom: 60px;
}
.business-inquiry-bnr.business-inquiry-bnr-setup.mobile.main {
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.banner-container-bi {
min-height: auto;
max-height: none;
padding: 1em;
}
.banner-container-bi._1, .banner-container-bi._2, .banner-container-bi._3 {
min-height: 30rem;
}
.play-voices {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.play-section-title-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.play-section-title-wrap.padding.spacing {
grid-column-gap: 25px;
grid-row-gap: 25px;
justify-content: flex-start;
align-items: stretch;
}
.contents-hero-holder-tt---promotion {
padding-top: 60px;
padding-bottom: 20px;
}
.contents-hero-holder-tt---promotion.padding {
margin-bottom: 60px;
}
.pricing-play-obt---protmotion {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.pricing-play-obt---protmotion.padding-down {
padding-bottom: 20px;
}
.promotion-text-block {
width: 100%;
}
.btn-tt-text {
font-size: 16px;
}
.btn-tt-text.large {
font-size: 22px;
}
.btn-tt-text.promotion-font, .btn-tt-text.promotion-font:lang(ko), .btn-tt-text.btn-tt-color, .btn-tt-text.btn-tt-color:lang(ko) {
font-size: 1.2rem;
}
.play-main-graphic-obt {
height: 80vw;
}
.play-main-graphic-obt.mobile {
height: 120vw;
}
.text-m---head-product---title.services-intro-hero {
text-align: justify;
width: 100%;
}
.text-m---head-product---title.text-brand-description {
text-align: justify;
}
.text-m---head-product---title.about-testimonial {
text-align: justify;
margin-bottom: 24px;
}
.text-m---head-product---title.medium.small {
color: var(--c-primary--blue-500);
font-size: 28px;
}
.text-m---head-product---title.play-color.gap.play-official.bg-color {
font-size: 50px;
}
.text-m---head-product---title.play-color.gap.play-official.bg-color.mobile {
font-size: 44px;
}
.text-m---head-product---title.clear-color {
padding-bottom: 10px;
}
.text-m---head-product---title.clear-color.mobile-padding {
padding-bottom: 20px;
}
.text-m---head-product---title.air-color {
padding-bottom: 10px;
}
.text-m---head-product---title.air-color.mobile-padding {
padding-bottom: 20px;
}
.text-m---head-product---title.api-color {
padding-bottom: 0;
}
.heading-3-m {
font-size: 16px;
}
.heading-3-m.padding-top-20px.api-color {
padding-top: 10px;
}
.heading-3-m.mobile, .heading-3-m.padding-top-0 {
padding-top: 0;
}
.btn-tt-text-m {
font-size: 16px;
}
.btn-tt-text-m.large {
font-size: 22px;
}
.btn-tt-text-m.promotion-font, .btn-tt-text-m.promotion-font:lang(ko) {
font-size: 1.2rem;
}
.btn-tt-text-m.btn-tt-color {
font-size: .8rem;
}
.btn-tt-text-m.btn-tt-color:lang(ko) {
font-size: 1.2rem;
}
.heading-2-m.product-txt.white.color-grey {
color: var(--c-grey--200);
font-size: 14px;
}
.heading-2-m.product-txt.white.color-grey.light.green {
padding-top: 0;
font-size: 14px;
}
.heading-2-m.sub-c-txt.mobile-set {
padding-left: 20px;
}
.button-base-container-play-download {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 40px;
}
.button-base-container-play-download.gap {
grid-column-gap: 28px;
grid-row-gap: 28px;
}
.button-base-container-play-download.gap.bottom-margin {
grid-column-gap: 8px;
grid-row-gap: 8px;
padding-top: 20px;
display: block;
}
.button-base-container-play-download.gap.bottom-margin.top-padding {
padding-top: 60px;
}
.button-base-container-play-download.gap.api-setting.gap.mobile {
justify-content: flex-start;
align-items: flex-end;
}
.play-graphic-k-txt {
width: 110%;
height: 90%;
overflow: scroll;
}
.play-graphic-k-txt.mobile {
box-sizing: border-box;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
overflow: visible;
}
.play-graphic-k-txt.mobile.main-banner-inter {
object-fit: none;
position: absolute;
left: 50%;
right: 0%;
}
.play-graphic-k-txt.mobile.txt-size-edit {
box-sizing: border-box;
object-fit: none;
object-position: 50% 50%;
overflow: visible;
}
.play-graphic-j-txt {
width: 110%;
height: 90%;
overflow: scroll;
}
.play-graphic-j-txt.mobile {
box-sizing: border-box;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
overflow: visible;
}
.play-graphic-j-txt.mobile.main-banner-inter {
object-fit: none;
position: absolute;
left: 50%;
right: 0%;
}
.play-graphic-j-txt.mobile.txt-size-edit {
box-sizing: border-box;
object-fit: none;
object-position: 50% 50%;
overflow: visible;
}
.image-10 {
width: 40px;
height: 40px;
}
.play-go-body.bg-black.padding {
margin-top: 60px;
}
.play-go-body.bg-black.padding.mobile {
margin-top: 140px;
}
.play-go-body-tt {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.play-go-body-tt.padding-down {
margin-top: 60px;
padding-bottom: 40px;
}
.play-go-body-tt.padding-down.padding-top {
margin-top: 0;
}
.play-go-body-tt.padding-down.padding-top.vc-bg {
padding-left: 0;
padding-right: 0;
}
.sns-link-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
}
.sub-txt-block {
flex-flow: column;
}
.button---sub-base-container {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 10px;
}
.button---sub-base-container.gap {
grid-column-gap: 28px;
grid-row-gap: 28px;
}
.button---sub-base-container.gap.bottom-margin {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.button---sub-base-container.gap.api-setting.gap.mobile {
justify-content: flex-start;
align-items: flex-end;
}
.button---sub-base {
justify-content: center;
align-items: center;
}
.button---sub-base._100 {
width: 100%;
}
.button---sub-base.gap {
margin: 0;
}
.button---sub-base-mask {
display: block;
}
.button---sub-base-mask.play-btn-color, .button---sub-base-mask.shift-btn-color, .button---sub-base-mask.shift-btn-color {
margin-top: 0;
}
.tt-sub-txt-block, .tt-sub-txt-block.play-ptl {
width: 100%;
}
.tt-sub-txt-block.play-ptl-copy {
width: 90%;
}
.tt-sub-block {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
overflow: visible;
}
.ptl-img {
width: 100%;
}
.play-tt-sub {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.play-tt-sub.vc-bg {
padding-left: 0;
padding-right: 0;
}
.button---main-base {
justify-content: center;
align-items: center;
}
.button---main-base._100 {
width: 100%;
}
.button---main-base.gap {
margin: 0;
}
.button-txt-base.play-go-try-btn {
font-size: 22px;
}
.voice-cloning {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.txt-sub-box.play-sub-color {
width: auto;
}
.txt-sub-box-bg {
width: 46px;
}
.play-vc-demo {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 8vh;
padding-left: 24px;
padding-right: 24px;
}
.play-vc-demo.padding {
grid-column-gap: 16px;
grid-row-gap: 16px;
margin-bottom: 5vh;
}
.vc-demo-container {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.vc-demo-container.padding.mobile {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-columns: 1fr 1fr;
}
.vc-demo---txt-box {
grid-template-rows: 1fr auto;
grid-template-columns: 1fr;
}
.highlighted-text---sky-blue {
font-size: 13px;
}
.vc-demo-tt {
font-size: 28px;
}
.highlighted-text---green {
font-size: 13px;
}
.circle-btn-text {
color: var(--c-primary--main);
font-size: 18px;
}
.div-block-18 {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 100px;
}
.add-info-section {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.add-info-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.table__title-text {
color: #fffc;
text-align: center;
text-transform: uppercase;
padding-left: 20px;
padding-right: 1px;
font-weight: 500;
position: static;
}
.table__title {
z-index: 5;
clear: none;
border-bottom: 1px solid #fff;
justify-content: flex-end;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0;
display: flex;
position: sticky;
inset: 0% 0% auto;
}
.div-block-19 {
z-index: 1;
position: relative;
top: 0;
}
.collection-item {
flex-direction: row;
justify-content: space-between;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
display: flex;
}
.pricing__table-wrapper {
flex-direction: column;
}
.pricing__collection-list {
display: block;
}
.c-pricing {
position: static;
}
.collection__lists-rows {
display: block;
}
.space__40px {
width: 40px;
height: 40px;
padding-bottom: 0;
padding-right: 0;
}
.section-5 {
justify-content: space-between;
position: static;
}
.collection-item-4 {
margin-left: 0;
margin-right: 0;
display: block;
position: relative;
}
.pricing__table-header {
padding-bottom: 40px;
display: block;
}
.pricing-wrapper {
flex-flow: column;
display: block;
}
.pricing-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: auto;
}
.pricing-feature-section {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.pricing-feature-description.txt-height.wht-txt:lang(ko) {
line-height: 1.2;
}
.pricing-feature-description.wht-txt {
font-size: 14px;
}
.pricing-txt-body {
min-height: 200px;
}
.play-feature-section {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-top: 1vh;
margin-bottom: 8vh;
padding-left: 24px;
padding-right: 24px;
}
.play-feature-section.gap {
grid-column-gap: 13px;
grid-row-gap: 13px;
margin-bottom: 5vh;
}
.play-feature-heading {
font-size: 20px;
}
.play-feature-features-wrapper {
grid-column-gap: 7px;
grid-row-gap: 7px;
padding: 24px;
}
.sub-txt-block-box {
padding-left: 0;
}
.link-wrap-txt {
justify-content: flex-start;
align-items: center;
}
.heading-10 {
font-size: 6em;
}
.header {
flex-direction: column;
align-items: flex-start;
margin-bottom: 8em;
}
.paragraph-2 {
font-size: 2em;
}
.container-slider {
flex-direction: column;
justify-content: flex-start;
display: flex;
}
.slider-item {
width: 250px;
height: 500px;
margin-right: 5em;
padding-bottom: 60px;
}
.wrapper-nav {
display: none;
}
.main {
align-items: stretch;
}
.button---main-base-copy {
justify-content: center;
align-items: center;
}
.button---main-base-copy._100 {
width: 100%;
}
.button---main-base-copy.gap {
margin: 0;
}
.big-btn-section {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.big-btn-section.padding-down {
margin-top: 60px;
padding-bottom: 40px;
}
.big-btn-section.padding-down.padding-top {
margin-top: 60px;
}
.big-btn-section.padding-down.padding-top.margin-top.big-btn {
padding-left: 20px;
padding-right: 20px;
}
.big-btn-section.padding-down.padding-top.margin-top.big-btn.partner {
min-width: 240px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.big-btn-section-title-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.button---main-base-big-btn {
justify-content: center;
align-items: center;
}
.button---main-base-big-btn._100 {
width: 100%;
}
.button---main-base-big-btn.gap {
margin: 0;
}
.button---main-base-big-btn.play-btn-color {
height: 60px;
}
.hero-banner {
padding-top: 20px;
padding-bottom: 0;
}
.hero-banner.padding {
margin-bottom: 60px;
}
.hero-banner-wrap {
height: auto;
max-height: 30rem;
}
.hero-banner-image {
padding-top: 0;
}
.hero-banner-box {
padding-top: 10px;
}
.hero-banner-box-main {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.text-span-34 {
font-size: 30px;
}
.bib {
height: auto;
}
.toggle-container {
padding-left: 20px;
padding-right: 20px;
}
.toggle-container.amb {
padding-left: 0;
padding-right: 0;
}
.toggle-content {
padding-top: 0;
}
.toggle-txt, .toggle-txt.play-color {
font-size: 15px;
}
.hl-box {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.card-product-v2 {
height: 30rem;
max-height: 380px;
}
.card-product-v2._2column.mobile {
width: 100%;
height: 100%;
}
.card-product-v2._2column.mobile.mobile-padding {
margin-right: 0;
}
.card-product-v2.mobile {
height: 30rem;
min-height: auto;
max-height: 340px;
}
.card-title-v2 {
font-size: 16px;
}
.card-title-v2.large {
font-size: 22px;
}
.products-container-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.products-container-grid.mobile {
grid-template-columns: 1fr;
}
.box-products-grid {
min-height: 480px;
max-height: 480px;
padding: 1.5em;
}
.box-products-grid._1, .box-products-grid._2 {
min-height: 30rem;
}
.box-products-grid._3 {
min-height: 26rem;
}
.card-txt {
margin-top: 40px;
}
.card-txt---tt.services-intro-hero {
text-align: justify;
width: 100%;
}
.card-txt---tt.text-brand-description {
text-align: justify;
}
.card-txt---tt.about-testimonial {
text-align: justify;
margin-bottom: 24px;
}
.card-txt---tt.medium.small {
color: var(--c-primary--blue-500);
font-size: 28px;
}
.card-txt---tt.play-color.gap.play-official.bg-color {
font-size: 50px;
}
.card-txt---tt.play-color.gap.play-official.bg-color.mobile {
font-size: 44px;
}
.card-txt---tt.clear-color {
padding-bottom: 10px;
}
.card-txt---tt.clear-color.mobile-padding {
padding-bottom: 20px;
}
.card-txt---tt.air-color {
padding-bottom: 10px;
}
.card-txt---tt.air-color.mobile-padding {
padding-bottom: 20px;
}
.card-txt---tt.api-color {
padding-bottom: 0;
}
.card-txt---sub {
font-size: 16px;
}
.card-txt---sub.padding-top-20px.api-color {
padding-top: 10px;
}
.card-txt---sub.mobile, .card-txt---sub.padding-top-0 {
padding-top: 0;
}
.card-txt---tt-box, .card-txt---tt-box.padding {
width: 100%;
}
.box-products-v2 {
min-height: 480px;
max-height: 480px;
padding: 1.5em;
}
.box-products-v2._1, .box-products-v2._2 {
min-height: 30rem;
}
.box-products-v2._3, .box-products-v2.m-p-clear {
min-height: 26rem;
}
.box-products-v2.air-b, .box-products-v2.clear-b {
background-size: cover;
max-height: none;
}
.box-products-v2.shift-b {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1f4d_%E1%84%8B%E1%85%B0%E1%86%B8%E1%84%89%E1%85%A1%E1%84%8B%E1%85%B5%E1%84%90%E1%85%B3%20%E1%84%8F%E1%85%B5%E1%84%8B%E1%85%B5%E1%84%86%E1%85%B5%E1%84%8C%E1%85%B5-mob.avif");
background-repeat: no-repeat;
background-size: cover;
max-height: none;
}
.card-txt---sub-txt-box {
width: 100%;
}
.card-txt---sub-txt-box.padding.top-padding.down-padding.profile {
flex-flow: column;
display: flex;
}
.card-txt---sub-txt, .card-txt---sub-txt.dub.shift2-0 {
width: 100%;
}
.card-bottom {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
}
.main-hero-promotion-mark {
width: 110%;
height: 90%;
overflow: scroll;
}
.main-hero-promotion-mark-wrapper {
width: 40%;
}
.main-products-wide-bnr {
height: auto;
}
.button-base-text {
font-size: 15px;
}
.button-base-container-tt-flex {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 40px;
}
.button-base-container-tt-flex.gap, .button-base-container-tt-flex.gap.bottom-margin {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.button-base-container-tt-flex.space.flex {
padding-top: 10px;
}
.promotion-mark {
justify-content: flex-start;
align-items: flex-start;
width: 90px;
height: 90px;
}
.promotion-mark.mobile {
margin-top: 20px;
}
.button---sub-txt {
font-size: 14px;
}
.special-btn-box {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 40px;
}
.brands-wrap---api {
flex-flow: wrap;
padding-top: 10px;
display: flex;
}
.brand-div---api {
width: 70%;
height: 10%;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.brand-div---api.mobile {
padding-left: 0;
padding-right: 0;
}
.banner-image-wrap {
height: auto;
max-height: none;
}
.shift-character-box {
overflow: visible;
}
.button-m {
justify-content: center;
align-self: center;
align-items: center;
max-width: 200px;
}
.button-base-text_banner.button2-2-text {
font-size: 16px;
}
.button-base-text_banner.button2-2-text.mobile {
font-size: 14px;
}
.button-base-text_banner.btn---sub-color, .button-base-text_banner.button-text---demo {
font-size: 16px;
}
.button-base-text_banner.button-text---demo.mobile, .button-base-text_banner.small {
font-size: 14px;
}
.dropdown-linkblock-2-1grid-bizcontact {
padding: 8px 0;
}
.button-base-mask_bizcontact, .button-base-mask-_contentbizcontact, .button-base-mask_solutionbizcontact {
display: block;
}
.hero-holder-service-d.tts-contents-challenge.mobile, .hero-holder-service-d.voice-partners.mobile {
padding-top: 100px;
padding-bottom: 60px;
}
.hero-holder-service-d.voice-partners.mobile.mobile-padding {
height: auto;
padding-top: 0;
padding-bottom: 0;
}
.button-base--center {
justify-content: center;
align-items: center;
}
.button-base--center._100 {
width: 100%;
}
.button-base--center.gap {
margin: 0;
}
.shift_user-video {
padding-top: 60px;
}
.shift_user-video.only-japanese {
padding-bottom: 40px;
}
.shift-user-video-gallery-section {
flex-flow: column;
width: 100%;
margin-top: 30px;
display: block;
}
.gallery-grid--shift {
grid-template-rows: minmax(50px, 1fr) minmax(50px, 1fr) minmax(50px, 1fr);
grid-template-columns: 1fr;
}
.gallery-grid--shift:lang(ja) {
margin-bottom: 0;
padding-bottom: 0;
}
.div-block-21 {
height: 60px;
display: block;
}
.gallery-image-shiftuser {
overflow: clip;
}
.hero-banner-copy {
padding-top: 60px;
padding-bottom: 0;
}
.hero-banner-copy.padding {
margin-bottom: 60px;
}
.slide-6 {
-webkit-text-fill-color: inherit;
background-position: 50%;
background-clip: border-box;
width: auto;
max-width: 100vw;
min-height: 70px;
max-height: none;
}
.mask-3 {
width: 100%;
max-width: 100vw;
height: 100%;
overflow: visible;
}
.slider-3 {
max-width: 100vw;
display: block;
overflow: visible;
}
.slide-7 {
background-image: url("https://cdn.prod.website-files.com/6a9d63bb13387ffaa8bb18af/6a9d63bb13387ffaa8bb1dd2_%5BShift%20%E1%84%83%E1%85%A2%E1%84%92%E1%85%A1%E1%86%A8%E1%84%89%E1%85%A2%E1%86%BC%E1%84%91%E1%85%A1%E1%84%90%E1%85%B3%E1%84%82%E1%85%A5%5D%20%E1%84%80%E1%85%A9%E1%86%BC%E1%84%89%E1%85%B5%E1%86%A8%20%E1%84%92%E1%85%A9%E1%86%B7%E1%84%91%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%8C%E1%85%B5%20%E1%84%92%E1%85%A9%E1%86%BC%E1%84%87%E1%85%A9%20%E1%84%87%E1%85%A2%E1%84%82%E1%85%A5_eng.avif");
background-position: 50%;
background-size: cover;
width: 100%;
max-width: 100vw;
min-height: 70px;
}
.audio-section {
flex-flow: column;
display: none;
}
.card-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
justify-content: center;
align-items: center;
margin-bottom: 40px;
display: flex;
}
.play-icon {
width: 30px;
height: 30px;
margin-bottom: -24px;
margin-left: 10px;
}
.container---mov-3 {
z-index: 0;
text-align: center;
margin-top: 0;
top: -10%;
}
.text-span-38 {
font-size: 10px;
}
.heading-3-white-2 {
font-size: 16px;
}
.heading-3-white-2.mobile {
padding-top: 0;
}
.clear-video-4 {
width: 61vw;
height: 41vw;
}
.grid-shift-pricing-2 {
grid-column-gap: 16px;
grid-row-gap: 2px;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: .6fr .75fr;
width: auto;
margin-top: 20px;
}
.grey-2 {
font-size: 12px;
}
.grey-2.mobile {
padding-top: 22px;
}
.grey-2.mobile.padding {
padding-top: 0;
font-size: 12px;
}
.grey-2.large.price.white.plus {
font-size: 30px;
}
.grey-2.large.price.white.padding {
font-size: 24px;
}
.grey-2.large.price.white.padding.mobile-txt {
font-size: 30px;
}
.grey-2.large.price.white.padding.mobile {
font-size: 28px;
}
.grey-2.dark {
padding-top: 18px;
font-size: 12px;
}
.grey-2.dark.padding {
padding-top: 0;
}
.grey-2.dark.padding.mobile {
text-align: center;
}
.grey-2.dark.padding.mobile.deltxt {
display: none;
}
.button-base-text-2.small {
font-size: 14px;
}
.clear-6 {
height: 100vw;
margin-top: 140px;
display: none;
position: absolute;
top: 100px;
}
.contents-hero-holder-sfhit-2 {
padding-top: 40px;
}
.contents-hero-holder-sfhit-2.mobile {
margin-bottom: 0;
padding-top: 40px;
padding-left: 20px;
display: block;
position: relative;
}
.text---large-3.services-intro-hero {
text-align: justify;
width: 100%;
}
.text---large-3.services-intro-hero.price-text.white.play-sub-color.manrope {
font-size: 40px;
}
.text---large-3.services-intro-hero.price-text.white.manrope {
font-size: 40px;
line-height: 1;
}
.text---large-3.services-intro-hero.price-text.white.left-gap.manrope {
text-align: left;
font-size: 22px;
}
.text---large-3.services-intro-hero.price-text.white {
text-align: left;
padding-left: 0;
font-size: 40px;
}
.text---large-3.services-intro-hero.price-text.white.mobile-set {
font-size: 50px;
}
.price-heading-2 {
color: #161615;
font-size: 14px;
}
.price-heading-2.bg-pink.mobile {
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.shift-key-image {
z-index: 10;
width: 70%;
min-width: 100%;
height: 70%;
min-height: auto;
margin-top: 2px;
margin-left: auto;
margin-right: auto;
display: block;
top: 10%;
left: auto;
overflow: visible;
}
.text---small-2.pink.mobile, .text---small-2.pink.mobile.slogan {
font-size: 1.4rem;
}
.text---small-2.pink.mobile.slogan.manrope.white {
flex-flow: column;
margin-top: 20px;
display: flex;
}
.text---small-2.play-color.mobile {
font-size: 1.4rem;
}
.text---small-2.air-color, .text---small-2.green {
padding-bottom: 20px;
font-size: 30px;
}
.text---head-product---title-white-2.pink.manrope.white {
padding-bottom: 0;
}
.button-base-2 {
justify-content: center;
align-items: center;
}
.text-span-39 {
font-size: 18px;
}
.small-txt-2 {
font-size: 10px;
}
.button-base-mask-3-1 {
display: block;
}
.text-span-41 {
font-size: 10px;
}
.clear-video-5 {
width: 61vw;
height: 41vw;
}
.grid-shift-pricing-3 {
grid-column-gap: 16px;
grid-row-gap: 2px;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: .6fr .75fr;
width: auto;
margin-top: 20px;
}
.grey-3 {
font-size: 12px;
}
.grey-3.mobile {
padding-top: 22px;
}
.grey-3.mobile.padding {
padding-top: 0;
font-size: 12px;
}
.grey-3.large.price.white.plus {
font-size: 30px;
}
.grey-3.large.price.white.padding {
font-size: 24px;
}
.grey-3.large.price.white.padding.mobile-txt {
font-size: 30px;
}
.grey-3.large.price.white.padding.mobile {
font-size: 28px;
}
.grey-3.dark {
padding-top: 18px;
font-size: 12px;
}
.grey-3.dark.padding {
padding-top: 0;
}
.grey-3.dark.padding.mobile {
text-align: center;
}
.grey-3.dark.padding.mobile.deltxt {
display: none;
}
.button-base-text-3.small {
font-size: 14px;
}
.clear-7 {
height: 100vw;
}
.contents-hero-holder-sfhit-3 {
padding-top: 40px;
display: none;
}
.contents-hero-holder-sfhit-3.mobile {
margin-bottom: 20px;
display: block;
}
.price-heading-3 {
color: #161615;
font-size: 14px;
}
.price-heading-3.bg-pink.mobile {
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.text---head-product---title-white-3.air-color {
padding-bottom: 10px;
}
.text---head-product---title-white-3.air-color.mobile-padding {
padding-bottom: 20px;
}
.text---head-product---title-white-3.clear-color {
padding-bottom: 10px;
}
.text---head-product---title-white-3.clear-color.mobile-padding {
padding-bottom: 20px;
}
.button-base-3 {
justify-content: center;
align-items: center;
}
.button-base-3.gap {
margin: 0;
}
.button-base-3.shift2-0-blue {
height: 32px;
}
.text-span-42 {
font-size: 18px;
}
.small-txt-3 {
font-size: 10px;
}
.button-base-mask-3---shift2-0 {
display: block;
}
.audio-card-1 {
border-radius: 0;
width: 160px;
min-width: 160px;
height: 160px;
min-height: 160px;
overflow: visible;
}
.showcase_marquee_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 10%;
min-width: 12vh;
height: 12vh;
min-height: 50px;
overflow: visible;
}
.showcase_marquee_track {
overflow: visible;
}
.marquee_pfp {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
aspect-ratio: 1;
object-fit: none;
background-color: #0000;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 12vh;
min-width: 12vh;
height: 12vh;
margin-left: 0;
margin-right: .5rem;
display: block;
position: static;
overflow: visible;
}
.expert_help {
max-width: 90%;
}
.maruqee-main:lang(ja) {
display: none;
}
.audio-card-image {
border-radius: 6px;
width: 160px;
height: 160px;
}
.fade-left, .fade-right {
width: 70px;
}
.image-19 {
width: 100%;
height: 100%;
}
.name-text {
margin-bottom: -2px;
margin-left: -2px;
display: block;
}
.extra-large-txt-sub-white.white {
font-size: 14px;
}
.subheading-wrapper-2 {
width: 100%;
}
.ad-banner-2 {
margin-bottom: 60px;
}
.ad-banner-2.mobile {
overflow: hidden;
}
.ad-banner-2.mobile:lang(ja), .ad-banner-2.mobile:lang(ko) {
display: block;
}
.ad-banner-2.mobile.fixed-height {
min-height: 400px;
}
.ad-banner-2.mobile.fixed-height.spacing {
min-height: auto;
margin-bottom: 0;
display: block;
}
.ad-banner-2.mobile {
margin-bottom: 40px;
}
.section-title-wrap-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.text-span-43 {
font-size: 10px;
}
.logo-4 {
width: 80px;
}
.grey-4 {
font-size: 12px;
}
.grey-4.mobile {
padding-top: 22px;
}
.grey-4.mobile.padding {
padding-top: 0;
font-size: 12px;
}
.grey-4.large.price.white.plus {
font-size: 30px;
}
.grey-4.large.price.white.padding {
font-size: 24px;
}
.grey-4.dark {
padding-top: 18px;
font-size: 12px;
}
.grey-4.dark.padding {
padding-top: 0;
}
.brand-div-5 {
margin-right: 20px;
}
.text-span-44 {
font-size: 18px;
}
.shift2-0-keytitle.intro-page {
font-size: 1.6rem;
}
.shift2-0-keytitle.intro-page.small-text.pink, .shift2-0-keytitle.intro-page.small-text.green {
line-height: 1.3;
}
.shift2-0-keytitle.intro-page.small-text.api-color {
font-size: 1.8rem;
}
.shift2-0-keytitle.intro-page.small-text.pink, .shift2-0-keytitle.intro-page.small-text.white {
line-height: 1.3;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.orange-copy.mobile {
z-index: auto;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
font-size: 1.8rem;
display: none;
position: static;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.orange-copy.mobile-copy {
z-index: auto;
width: 80%;
min-width: 240px;
max-width: none;
margin: 60px 60px 20px;
padding-bottom: 0;
font-size: 1.6rem;
line-height: 1.2;
display: block;
position: static;
inset: 6% 10% auto;
}
.shift2-0-keytitle.intro-page.small-text.white {
line-height: 1.3;
}
.shift2-0-keytitle.intro-page.small-text.white.manrope.orange-copy.mobile {
margin-top: 240px;
font-size: 1.8rem;
position: static;
}
.shift2-0-keytitle.intro-page.play-color {
font-size: 1.8rem;
}
.shift2-0-keytitle.intro-page.play-color.padding {
font-size: 1.2rem;
line-height: 1.3;
}
.shift2-0-keytitle.intro-page.play-color.play-point.manrope {
font-size: 32px;
line-height: 1;
}
.shift2-0-keytitle.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 44px;
}
.shift2-0-keytitle.intro-page.play-color.small {
font-size: .7rem;
}
.shift2-0-keytitle.intro-page.play-color.manrope {
font-size: 1.2rem;
}
.shift2-0-keytitle.intro-page.pink {
font-size: 20px;
}
.shift2-0-subtitle.intro-page {
font-size: 1.6rem;
}
.shift2-0-subtitle.intro-page.small-text {
z-index: auto;
margin: 0;
line-height: 1.2;
display: none;
position: static;
}
.shift2-0-subtitle.intro-page.small-text.pink, .shift2-0-subtitle.intro-page.small-text.green {
line-height: 1.3;
}
.shift2-0-subtitle.intro-page.small-text.api-color {
font-size: 1.8rem;
}
.shift2-0-subtitle.intro-page.small-text.pink, .shift2-0-subtitle.intro-page.small-text.white {
line-height: 1.3;
}
.shift2-0-subtitle.intro-page.play-color {
font-size: 1.8rem;
}
.shift2-0-subtitle.intro-page.play-color.padding {
font-size: 1.2rem;
line-height: 1.3;
}
.shift2-0-subtitle.intro-page.play-color.play-point.manrope {
font-size: 32px;
line-height: 1;
}
.shift2-0-subtitle.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 44px;
}
.shift2-0-subtitle.intro-page.play-color.small {
font-size: .7rem;
}
.shift2-0-subtitle.intro-page.play-color.manrope {
font-size: 1.2rem;
}
.shift2-0-subtitle.intro-page.pink {
font-size: 20px;
}
.shift2-0-subtitle.intro-page.small-text-copy {
z-index: 15;
min-width: 200px;
max-width: 280px;
margin: 0;
font-size: 1.2rem;
line-height: 1.4;
position: static;
top: 12%;
left: 10%;
right: 10%;
}
.shift2-0-subtitle.intro-page.small-text-copy.pink, .shift2-0-subtitle.intro-page.small-text-copy.green {
line-height: 1.3;
}
.shift2-0-subtitle.intro-page.small-text-copy.api-color {
font-size: 1.8rem;
}
.shift2-0-subtitle.intro-page.small-text-copy.pink, .shift2-0-subtitle.intro-page.small-text-copy.white {
line-height: 1.3;
}
.shift2-0-subtitle.intro-page.small-text {
margin-top: 80px;
line-height: 1.2;
}
.shift2-0-key-button {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 40px;
display: none;
position: relative;
top: 80px;
}
.shift2-0-key-button.gap {
z-index: auto;
justify-content: center;
align-items: flex-start;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
display: flex;
position: relative;
top: -50px;
}
.shift2-0-key-button.gap.bottom-margin {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.shift2-0-key-button.gap.api-setting.gap.mobile {
justify-content: flex-start;
align-items: flex-end;
}
.shift2-0-key-button.gap {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-column-gap: 28px;
grid-row-gap: 28px;
padding-top: 220px;
}
.shift-key-button {
justify-content: center;
align-items: center;
}
.button-base-mask-2-copy {
display: block;
}
.shift-key-button2 {
justify-content: center;
align-items: center;
}
.shift-key-button-text.small {
font-size: 14px;
}
.shift-key-button-base-mask-2-copy {
display: block;
}
.code-embed-4 {
z-index: 1;
width: auto;
height: auto;
margin-top: 0;
position: absolute;
top: 3%;
}
.full-width-banner {
width: 300%;
margin-left: -300px;
}
.div-block-24 {
flex-flow: column;
justify-content: center;
margin-top: 0;
display: flex;
position: relative;
}
.image-21 {
width: 300%;
max-width: 300%;
margin-left: -460px;
overflow: hidden;
}
.text-block-7 {
color: #fff;
}
.full-width-banner-mobile {
width: 100%;
margin-top: 50px;
margin-left: 0;
position: relative;
}
.extra-large-text-copy.intro-page {
font-size: 1.6rem;
}
.extra-large-text-copy.intro-page.small-text.pink.manrope.green.pre2-0title.white.features.mobile, .extra-large-text-copy.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy.mobile, .extra-large-text-copy.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy.mobile {
font-size: 1.2rem;
}
.extra-large-text-copy.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy.mobile {
margin-bottom: 20px;
}
.extra-large-text-copy.intro-page.small-text.green {
line-height: 1.3;
}
.extra-large-text-copy.intro-page.small-text.api-color {
font-size: 1.8rem;
}
.extra-large-text-copy.intro-page.small-text.pink {
line-height: 1.3;
}
.extra-large-text-copy.intro-page.play-color {
font-size: 1.8rem;
}
.extra-large-text-copy.intro-page.play-color.padding {
font-size: 1.2rem;
line-height: 1.3;
}
.extra-large-text-copy.intro-page.play-color.play-point.manrope {
font-size: 32px;
line-height: 1;
}
.extra-large-text-copy.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 44px;
}
.extra-large-text-copy.intro-page.play-color.small {
font-size: .7rem;
}
.extra-large-text-copy.intro-page.play-color.manrope {
font-size: 1.2rem;
}
.extra-large-text-copy.intro-page.pink {
font-size: 20px;
}
.div-block-25 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column wrap-reverse;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: flex;
}
.shift-key-graphic {
justify-content: center;
align-items: center;
height: 200px;
margin-bottom: 80px;
display: flex;
position: relative;
top: 75px;
}
.div-block-26 {
z-index: 1;
text-align: center;
justify-content: center;
align-items: center;
width: 70%;
margin-top: 0;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
top: 5%;
}
.shift-key-image-2 {
width: 90%;
margin-top: 74px;
display: block;
left: 5%;
}
.container---mov-4 {
z-index: 1;
margin-top: 440px;
}
.div-block-28 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column wrap-reverse;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: flex;
}
.pre2-0-specialoffer-2.mobile {
font-size: 16px;
display: flex;
}
.code-embed-5 {
margin-top: 220px;
position: relative;
}
.heading-13.product-txt.white.height-cus {
margin-left: 20px;
margin-right: 20px;
}
.heading-13.product-txt.white.color-grey {
color: #a9a9a9;
font-size: 14px;
}
.heading-13.product-txt.white.light.upside-padding {
font-size: 14px;
}
.heading-13.product-txt.white.height-cus {
margin-left: 20px;
}
.heading-13.product-txt.white.height-cus.align {
margin-left: 0;
}
.text-span-50 {
font-size: 30px;
}
.clear-8 {
height: 100vw;
position: static;
}
.arrow-7 {
width: 10px;
height: 10px;
}
.button-base-text-4.small {
font-size: 14px;
}
.image-22 {
width: 100%;
height: 100%;
}
.audio-section-mobile {
flex-flow: column;
display: block;
}
.div-block-30 {
width: auto;
height: 200px;
position: absolute;
}
.section-title-wrap-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.approach-heading {
color: #f0f0f0;
font-size: 16px;
}
.approach-heading._50, .approach-heading._50-copy {
width: 100%;
font-size: 14px;
line-height: 1.3;
}
.section-title-wrap-5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.section-title-wrap-5.show---flex {
margin-bottom: 20px;
}
.section-title-wrap-6 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.div-block-31 {
display: none;
}
.gallery-wrap-2.padding-side-0 {
padding-left: 0;
padding-right: 0;
}
.services-intro-5 {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding: 24px;
}
.services-intro-5.pink {
margin-bottom: 24px;
}
.div-block-32 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
.section-title-wrap-7 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.about-section-padding-2 {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.about-section-padding-2.padding-down {
margin-top: 60px;
padding-bottom: 40px;
}
.about-section-padding-2.padding-down.padding {
margin-top: 0;
}
.logo-5 {
width: 80px;
}
.grey-5 {
font-size: 12px;
}
.brand-div-6 {
margin-right: 20px;
}
.our-approach-grid-5 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: auto;
}
.button-base-text-5.small {
font-size: 14px;
}
.approach-heading-2 {
color: #f0f0f0;
font-size: 16px;
}
.approach-heading-2._50, .approach-heading-2._50-copy {
width: 100%;
font-size: 14px;
line-height: 1.3;
}
.button-base-2-copy {
justify-content: center;
align-items: center;
}
.div-block-35 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: center;
align-items: center;
height: 130px;
display: flex;
}
.div-block-36 {
grid-column-gap: 7px;
grid-row-gap: 7px;
min-height: 40px;
}
.about-section-padding-3 {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.about-section-padding-3.padding-down {
margin-top: 60px;
padding-bottom: 40px;
}
.button-base-text-6.button2-2-text {
font-size: 16px;
}
.service-feature-2 {
padding: 28px;
}
.service-feature-2.promotion, .service-feature-2.promotion-none {
width: 150%;
}
.service-feature-2.regular {
width: 110%;
}
.button---sub-base-mask-2 {
display: block;
}
.pricing-feature-section-2 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.toggle-txt-2, .toggle-txt-2.play-color {
font-size: 15px;
}
.image-23 {
width: 60%;
}
.image-23.mobile {
width: 90%;
}
.logo-6 {
width: 80px;
}
.grey-6 {
font-size: 12px;
}
.grey-6.x {
font-size: 18px;
}
.grey-6.mobile {
padding-top: 22px;
}
.grey-6.dark {
padding-top: 18px;
font-size: 12px;
}
.grey-6.dark.small {
font-size: 14px;
}
.brand-div-7 {
margin-right: 20px;
}
.services-intro-6 {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding: 24px;
}
.button-base-4 {
justify-content: center;
align-items: center;
}
.our-approach-grid-6 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: auto;
}
.base-text-9 {
font-size: 14px;
}
.grid-shift-pricing-4 {
grid-column-gap: 16px;
grid-row-gap: 2px;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: .6fr .75fr;
width: auto;
margin-top: 20px;
}
.button---main-base-big-btn-2 {
justify-content: center;
align-items: center;
}
.button---main-base-big-btn-2.play-btn-color {
height: 60px;
}
.button---main-base-big-btn-2.play-btn-color.partner {
height: 50px;
}
.button-txt-base-2.play-go-try-btn {
font-size: 22px;
}
.button-txt-base-2.play-go-try-btn.manrope {
font-size: 18px;
}
.button-txt-base-2.play-go-try-btn.manrope.amb {
font-size: 14px;
font-weight: 400;
}
.button-txt-base-2.play-go-try-btn.manrope.amb.partner {
font-size: 20px;
}
.about-grid-4 {
margin-top: 40px;
margin-bottom: 40px;
}
.content-heading-2 {
color: #f0f0f0;
font-size: 16px;
}
.content-heading-2._50 {
width: 100%;
font-size: 14px;
line-height: 1.3;
}
.content-heading-2._50.mobile {
font-size: 18px;
}
.services-hero-grid-13 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.services-hero-grid-13.gap {
grid-template-columns: 1fr;
}
.text-span-65 {
font-size: 16px;
}
.pricing-wrapper-2 {
place-items: center stretch;
padding-bottom: 40px;
}
.pricing {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.pricing.padding-down {
padding-bottom: 20px;
}
.play-pricing.bg-black.padding {
margin-top: 0;
}
.service-feature-3 {
padding: 28px;
}
.service-feature-3.promotion, .service-feature-3.promotion-none {
width: 150%;
}
.service-feature-3.regular {
width: 100%;
}
.button---sub-base-mask-copy {
display: block;
}
.button---sub-base-mask-copy.play-btn-color {
margin-top: 0;
}
.top-post {
padding-top: 105px;
padding-bottom: 30px;
}
.button-10 {
width: 100%;
margin-top: 60px;
}
.blog-mask-preview {
width: 100%;
}
.blog-image-wrapper-preview {
object-fit: contain;
flex-direction: column;
width: 28rem;
height: 20rem;
padding-top: 0%;
display: flex;
overflow: hidden;
}
.blog-info-wrap.featured-info {
bottom: auto;
}
.blog-info-wrap.hide-mobile {
display: block;
}
.use-case-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.use-case-wrap.show---flex {
margin-bottom: 20px;
}
.use-case-section {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 8vh;
padding-left: 24px;
padding-right: 24px;
}
.use-case-section.padding {
grid-column-gap: 16px;
grid-row-gap: 16px;
margin-bottom: 5vh;
}
.use-case-section.padding.grid {
width: 100%;
}
.use-case-btn-box {
min-height: 480px;
max-height: 480px;
padding: 1.5em;
}
.use-case-btn-box._2, .use-case-btn-box._3 {
min-height: 350px;
}
.use-case-btn-box._1, .use-case-btn-box.api-1 {
min-height: 340px;
max-height: 800px;
}
.use-case-btn-box.api-1.api-color {
max-width: none;
}
.use-case-btn-box.vc-box {
min-height: 340px;
max-height: 800px;
}
.use-case---card-top-wrapper {
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.use-case--card-number {
font-size: 12px;
}
.use-case--card-number.large {
font-size: 20px;
}
.use-case--card-number.large.card-partners.api-color.mobile {
margin-bottom: 20px;
}
.use-case--card-number.large.card-partners.api-color.mobile.manrope:lang(ko) {
min-height: 30px;
}
.use-case--card-number.large.card-partners.play-color.mobile {
margin-bottom: 20px;
}
.use-case--name-wrapper {
margin-top: 0;
}
.use-case---voice-play-container {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.use-case---voice-play-container.padding.mobile {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr .5fr;
width: 100%;
padding-bottom: 0;
}
.use-case---loader-wrapper.is-fourth {
border-bottom-style: none;
border-right-style: none;
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
.use-case---loader-wrapper.is-third {
border-right-style: solid;
}
.use-case---loader-wrapper.is-fifth {
border-bottom-style: none;
border-right-style: none;
}
.use-case---loader-wrapper.is-fifth.line-x {
border-bottom-style: none;
}
.base-text-30 {
font-size: 14px;
}
.base-text-30.to-expect.mobile-20 {
font-size: 22px;
}
.base-text-30.form-label.small.grey {
padding-bottom: 0;
font-size: 12px;
}
.base-text-30.grey.mobile {
margin-top: 0;
padding-top: 0;
}
.base-text-30.padding-under-30.medium {
padding-top: 20px;
font-size: 18px;
}
.base-text-30.padding-under-30.medium.pink.manrope {
font-family: Manrope, sans-serif;
}
.base-text-30.mobile {
padding-top: 0;
padding-bottom: 0;
}
.base-text-30._18.padding {
padding-bottom: 0;
}
.base-text-30._14 {
font-size: 14px;
}
.base-text-30.mobile-10 {
padding-top: 10px;
}
.title-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.tt-600.intro-page {
font-size: 1.6rem;
}
.tt-600.intro-page.small-text.pink.manrope.green.pre2-0title.white.features.mobile, .tt-600.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy.mobile, .tt-600.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy.mobile {
font-size: 1.2rem;
}
.tt-600.intro-page.small-text.green {
line-height: 1.3;
}
.tt-600.intro-page.small-text.api-color {
font-size: 1.8rem;
}
.tt-600.intro-page.small-text.api-color.manrope {
width: 100%;
}
.tt-600.intro-page.small-text.pink {
line-height: 1.3;
}
.tt-600.intro-page.small-text.pink.manrope:lang(ja) {
width: 100%;
}
.tt-600.intro-page.small-text.pink.manrope {
flex-flow: wrap;
width: auto;
max-width: 100%;
margin-bottom: 10px;
line-height: 1.1;
display: flex;
overflow: visible;
}
.tt-600.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 44px;
}
.tt-600.intro-page.play-color.small {
font-size: .7rem;
}
.tt-600.intro-page.play-color.manrope {
font-size: 1.2rem;
}
.tt-600.intro-page.pink.manrope {
margin-bottom: 20px;
}
.tt-600.intro-page.pink.manrope:lang(ja) {
width: 65%;
}
.tt-600.intro-page.api-color.manrope {
width: 100%;
}
.tt-600.intro-page.play-color.padding {
font-size: 1.2rem;
line-height: 1.3;
}
.tt-600.intro-page.pink {
font-size: 20px;
}
.tt-600.intro-page.play-color {
font-size: 1.8rem;
}
.tt-600.intro-page.play-color.play-point.manrope {
font-size: 32px;
line-height: 1;
}
.tt-500.intro-page {
font-size: 1.6rem;
}
.tt-500.intro-page.small-text.pink.manrope.green.pre2-0title.white.features.mobile, .tt-500.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy.mobile, .tt-500.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy.mobile {
font-size: 1.2rem;
}
.tt-500.intro-page.small-text.green {
line-height: 1.3;
}
.tt-500.intro-page.small-text.api-color {
font-size: 1.8rem;
}
.tt-500.intro-page.small-text.api-color.manrope {
width: 100%;
}
.tt-500.intro-page.small-text.pink {
line-height: 1.3;
}
.tt-500.intro-page.small-text.pink.manrope:lang(ja) {
width: 100%;
}
.tt-500.intro-page.small-text.pink.manrope {
flex-flow: wrap;
width: auto;
max-width: 100%;
margin-bottom: 10px;
line-height: 1.1;
display: flex;
overflow: visible;
}
.tt-500.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 44px;
}
.tt-500.intro-page.play-color.small {
font-size: .7rem;
}
.tt-500.intro-page.play-color.manrope {
font-size: 1.2rem;
}
.tt-500.intro-page.pink.manrope {
margin-bottom: 20px;
}
.tt-500.intro-page.pink.manrope:lang(ja) {
width: 65%;
}
.tt-500.intro-page.api-color.manrope {
width: 100%;
}
.tt-500.intro-page.play-color.padding {
font-size: 1.2rem;
line-height: 1.3;
}
.tt-500.intro-page.pink {
font-size: 20px;
}
.tt-500.intro-page.play-color {
font-size: 1.8rem;
}
.tt-500.intro-page.play-color.play-point.manrope {
font-size: 32px;
line-height: 1;
}
.tt-400.intro-page {
font-size: 1.6rem;
}
.tt-400.intro-page.small-text.pink.manrope.green.pre2-0title.white.features.mobile, .tt-400.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy.mobile, .tt-400.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy.mobile {
font-size: 1.2rem;
}
.tt-400.intro-page.small-text.green {
line-height: 1.3;
}
.tt-400.intro-page.small-text.api-color {
font-size: 1.8rem;
}
.tt-400.intro-page.small-text.api-color.manrope {
width: 100%;
}
.tt-400.intro-page.small-text.pink {
line-height: 1.3;
}
.tt-400.intro-page.small-text.pink.manrope:lang(ja) {
width: 100%;
}
.tt-400.intro-page.small-text.pink.manrope {
flex-flow: wrap;
width: auto;
max-width: 100%;
margin-bottom: 10px;
line-height: 1.1;
display: flex;
overflow: visible;
}
.tt-400.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 44px;
}
.tt-400.intro-page.play-color.small {
font-size: .7rem;
}
.tt-400.intro-page.play-color.manrope {
font-size: 1.2rem;
}
.tt-400.intro-page.pink.manrope {
margin-bottom: 20px;
}
.tt-400.intro-page.pink.manrope:lang(ja) {
width: 65%;
}
.tt-400.intro-page.api-color.manrope {
width: 100%;
}
.tt-400.intro-page.play-color.padding {
font-size: 1.2rem;
line-height: 1.3;
}
.tt-400.intro-page.pink {
font-size: 20px;
}
.tt-400.intro-page.play-color {
font-size: 1.8rem;
}
.tt-400.intro-page.play-color.play-point.manrope {
font-size: 32px;
line-height: 1;
}
.tt-300.intro-page {
font-size: 1.6rem;
}
.tt-300.intro-page.small-text.pink.manrope.green.pre2-0title.white.features.mobile, .tt-300.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy.mobile, .tt-300.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy.mobile {
font-size: 1.2rem;
}
.tt-300.intro-page.small-text.green {
line-height: 1.3;
}
.tt-300.intro-page.small-text.api-color {
font-size: 1.8rem;
}
.tt-300.intro-page.small-text.api-color.manrope {
width: 100%;
}
.tt-300.intro-page.small-text.pink {
line-height: 1.3;
}
.tt-300.intro-page.small-text.pink.manrope:lang(ja) {
width: 100%;
}
.tt-300.intro-page.small-text.pink.manrope {
flex-flow: wrap;
width: auto;
max-width: 100%;
margin-bottom: 10px;
line-height: 1.1;
display: flex;
overflow: visible;
}
.tt-300.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 44px;
}
.tt-300.intro-page.play-color.small {
font-size: .7rem;
}
.tt-300.intro-page.play-color.manrope {
font-size: 1.2rem;
}
.tt-300.intro-page.pink.manrope {
margin-bottom: 20px;
}
.tt-300.intro-page.pink.manrope:lang(ja) {
width: 65%;
}
.tt-300.intro-page.api-color.manrope {
width: 100%;
}
.tt-300.intro-page.play-color.padding {
font-size: 1.2rem;
line-height: 1.3;
}
.tt-300.intro-page.pink {
font-size: 20px;
}
.tt-300.intro-page.play-color {
font-size: 1.8rem;
}
.tt-300.intro-page.play-color.play-point.manrope {
font-size: 32px;
line-height: 1;
}
.tt-200.intro-page {
font-size: 1.6rem;
}
.tt-200.intro-page.small-text.pink.manrope.green.pre2-0title.white.features.mobile, .tt-200.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy.mobile, .tt-200.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy.mobile {
font-size: 1.2rem;
}
.tt-200.intro-page.small-text.green {
line-height: 1.3;
}
.tt-200.intro-page.small-text.api-color {
font-size: 1.8rem;
}
.tt-200.intro-page.small-text.api-color.manrope {
width: 100%;
}
.tt-200.intro-page.small-text.pink {
line-height: 1.3;
}
.tt-200.intro-page.small-text.pink.manrope:lang(ja) {
width: 100%;
}
.tt-200.intro-page.small-text.pink.manrope {
flex-flow: wrap;
width: auto;
max-width: 100%;
margin-bottom: 10px;
line-height: 1.1;
display: flex;
overflow: visible;
}
.tt-200.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 44px;
}
.tt-200.intro-page.play-color.small {
font-size: .7rem;
}
.tt-200.intro-page.play-color.manrope {
font-size: 1.2rem;
}
.tt-200.intro-page.pink.manrope {
margin-bottom: 20px;
}
.tt-200.intro-page.pink.manrope:lang(ja) {
width: 65%;
}
.tt-200.intro-page.api-color.manrope {
width: 100%;
}
.tt-200.intro-page.play-color.padding {
font-size: 1.2rem;
line-height: 1.3;
}
.tt-200.intro-page.pink {
font-size: 20px;
}
.tt-200.intro-page.play-color {
font-size: 1.8rem;
}
.tt-200.intro-page.play-color.play-point.manrope {
font-size: 32px;
line-height: 1;
}
.tt-100.intro-page {
font-size: 1.6rem;
}
.tt-100.intro-page.small-text.pink.manrope.green.pre2-0title.white.features.mobile, .tt-100.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy.mobile, .tt-100.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy.mobile {
font-size: 1.2rem;
}
.tt-100.intro-page.small-text.green {
line-height: 1.3;
}
.tt-100.intro-page.small-text.api-color {
font-size: 1.8rem;
}
.tt-100.intro-page.small-text.api-color.manrope {
width: 100%;
}
.tt-100.intro-page.small-text.pink {
line-height: 1.3;
}
.tt-100.intro-page.small-text.pink.manrope:lang(ja) {
width: 100%;
}
.tt-100.intro-page.small-text.pink.manrope {
flex-flow: wrap;
width: auto;
max-width: 100%;
margin-bottom: 10px;
line-height: 1.1;
display: flex;
overflow: visible;
}
.tt-100.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 44px;
}
.tt-100.intro-page.play-color.small {
font-size: .7rem;
}
.tt-100.intro-page.play-color.manrope {
font-size: 1.2rem;
}
.tt-100.intro-page.pink.manrope {
margin-bottom: 20px;
}
.tt-100.intro-page.pink.manrope:lang(ja) {
width: 65%;
}
.tt-100.intro-page.api-color.manrope {
width: 100%;
}
.tt-100.intro-page.play-color.padding {
font-size: 1.2rem;
line-height: 1.3;
}
.tt-100.intro-page.pink {
font-size: 20px;
}
.tt-100.intro-page.play-color {
font-size: 1.8rem;
}
.tt-100.intro-page.play-color.play-point.manrope {
font-size: 32px;
line-height: 1;
}
.bd-600.intro-page {
font-size: 1.6rem;
}
.bd-600.intro-page.small-text.pink.manrope.green.pre2-0title.white.features.mobile, .bd-600.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy.mobile, .bd-600.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy.mobile {
font-size: 1.2rem;
}
.bd-600.intro-page.small-text.green {
line-height: 1.3;
}
.bd-600.intro-page.small-text.api-color {
font-size: 1.8rem;
}
.bd-600.intro-page.small-text.api-color.manrope {
width: 100%;
}
.bd-600.intro-page.small-text.pink {
line-height: 1.3;
}
.bd-600.intro-page.small-text.pink.manrope:lang(ja) {
width: 100%;
}
.bd-600.intro-page.small-text.pink.manrope {
flex-flow: wrap;
width: auto;
max-width: 100%;
margin-bottom: 10px;
line-height: 1.1;
display: flex;
overflow: visible;
}
.bd-600.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 44px;
}
.bd-600.intro-page.play-color.small {
font-size: .7rem;
}
.bd-600.intro-page.play-color.manrope {
font-size: 1.2rem;
}
.bd-600.intro-page.pink.manrope {
margin-bottom: 20px;
}
.bd-600.intro-page.pink.manrope:lang(ja) {
width: 65%;
}
.bd-600.intro-page.api-color.manrope {
width: 100%;
}
.bd-600.intro-page.play-color.padding {
font-size: 1.2rem;
line-height: 1.3;
}
.bd-600.intro-page.pink {
font-size: 20px;
}
.bd-600.intro-page.play-color {
font-size: 1.8rem;
}
.bd-600.intro-page.play-color.play-point.manrope {
font-size: 32px;
line-height: 1;
}
.bd-500 {
width: auto;
font-size: 1.6rem;
}
.bd-500.intro-page {
font-size: 1.6rem;
}
.bd-500.intro-page.small-text.pink.manrope.green.pre2-0title.white.features.mobile, .bd-500.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy.mobile, .bd-500.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy.mobile {
font-size: 1.2rem;
}
.bd-500.intro-page.small-text.green {
line-height: 1.3;
}
.bd-500.intro-page.small-text.api-color {
font-size: 1.8rem;
}
.bd-500.intro-page.small-text.api-color.manrope {
width: 100%;
}
.bd-500.intro-page.small-text.pink {
line-height: 1.3;
}
.bd-500.intro-page.small-text.pink.manrope:lang(ja) {
width: 100%;
}
.bd-500.intro-page.small-text.pink.manrope {
flex-flow: wrap;
width: auto;
max-width: 100%;
margin-bottom: 10px;
line-height: 1.1;
display: flex;
overflow: visible;
}
.bd-500.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 44px;
}
.bd-500.intro-page.play-color.small {
font-size: .7rem;
}
.bd-500.intro-page.play-color.manrope {
font-size: 1.2rem;
}
.bd-500.intro-page.pink.manrope {
margin-bottom: 20px;
}
.bd-500.intro-page.pink.manrope:lang(ja) {
width: 65%;
}
.bd-500.intro-page.api-color.manrope {
width: 100%;
}
.bd-500.intro-page.play-color.padding {
font-size: 1.2rem;
line-height: 1.3;
}
.bd-500.intro-page.pink {
font-size: 20px;
}
.bd-500.intro-page.play-color {
font-size: 1.8rem;
}
.bd-500.intro-page.play-color.play-point.manrope {
font-size: 32px;
line-height: 1;
}
.bd-400 {
width: 100%;
font-size: 20px;
}
.bd-400.intro-page {
font-size: 1.6rem;
}
.bd-400.intro-page.small-text.pink.manrope.green.pre2-0title.white.features.mobile, .bd-400.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy.mobile, .bd-400.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy.mobile {
font-size: 1.2rem;
}
.bd-400.intro-page.small-text.green {
line-height: 1.3;
}
.bd-400.intro-page.small-text.api-color {
font-size: 1.8rem;
}
.bd-400.intro-page.small-text.api-color.manrope {
width: 100%;
}
.bd-400.intro-page.small-text.pink {
line-height: 1.3;
}
.bd-400.intro-page.small-text.pink.manrope:lang(ja) {
width: 100%;
}
.bd-400.intro-page.small-text.pink.manrope {
flex-flow: wrap;
width: auto;
max-width: 100%;
margin-bottom: 10px;
line-height: 1.1;
display: flex;
overflow: visible;
}
.bd-400.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 44px;
}
.bd-400.intro-page.play-color.small {
font-size: .7rem;
}
.bd-400.intro-page.play-color.manrope {
font-size: 1.2rem;
}
.bd-400.intro-page.pink.manrope {
margin-bottom: 20px;
}
.bd-400.intro-page.pink.manrope:lang(ja) {
width: 65%;
}
.bd-400.intro-page.api-color.manrope {
width: 100%;
}
.bd-400.intro-page.play-color.padding {
font-size: 1.2rem;
line-height: 1.3;
}
.bd-400.intro-page.pink {
font-size: 20px;
}
.bd-400.intro-page.play-color {
font-size: 1.8rem;
}
.bd-400.intro-page.play-color.play-point.manrope {
font-size: 32px;
line-height: 1;
}
.bd-400.color---super-blue.euclid {
font-size: 18px;
text-decoration: none;
}
.bd-400.color---super-blue.euclid:lang(ja) {
font-size: 16px;
}
.bd-400.tt {
width: 80%;
font-size: 16px;
}
.bd-400.light.blue {
font-size: 16px;
}
.bd-300 {
width: 100%;
font-size: 1rem;
}
.bd-300.intro-page {
font-size: 1.6rem;
}
.bd-300.intro-page.small-text.pink.manrope.green.pre2-0title.white.features.mobile, .bd-300.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy.mobile, .bd-300.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy.mobile {
font-size: 1.2rem;
}
.bd-300.intro-page.small-text.green {
line-height: 1.3;
}
.bd-300.intro-page.small-text.api-color {
font-size: 1.8rem;
}
.bd-300.intro-page.small-text.api-color.manrope {
width: 100%;
}
.bd-300.intro-page.small-text.pink {
line-height: 1.3;
}
.bd-300.intro-page.small-text.pink.manrope:lang(ja) {
width: 100%;
}
.bd-300.intro-page.small-text.pink.manrope {
flex-flow: wrap;
width: auto;
max-width: 100%;
margin-bottom: 10px;
line-height: 1.1;
display: flex;
overflow: visible;
}
.bd-300.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 44px;
}
.bd-300.intro-page.play-color.small {
font-size: .7rem;
}
.bd-300.intro-page.play-color.manrope {
font-size: 1.2rem;
}
.bd-300.intro-page.pink.manrope {
margin-bottom: 20px;
}
.bd-300.intro-page.pink.manrope:lang(ja) {
width: 65%;
}
.bd-300.intro-page.api-color.manrope {
width: 100%;
}
.bd-300.intro-page.play-color.padding {
font-size: 1.2rem;
line-height: 1.3;
}
.bd-300.intro-page.pink {
font-size: 20px;
}
.bd-300.intro-page.play-color {
font-size: 1.8rem;
}
.bd-300.intro-page.play-color.play-point.manrope {
font-size: 32px;
line-height: 1;
}
.bd-300.spt-listen.size.color {
font-size: 14px;
line-height: 1.2;
}
.bd-300.light.tt {
font-size: 16px;
}
.bd-200 {
padding-bottom: 0;
font-size: 18px;
}
.bd-200.intro-page {
font-size: 1.6rem;
}
.bd-200.intro-page.small-text.pink.manrope.green.pre2-0title.white.features.mobile, .bd-200.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy.mobile, .bd-200.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy.mobile {
font-size: 1.2rem;
}
.bd-200.intro-page.small-text.green {
line-height: 1.3;
}
.bd-200.intro-page.small-text.api-color {
font-size: 1.8rem;
}
.bd-200.intro-page.small-text.api-color.manrope {
width: 100%;
}
.bd-200.intro-page.small-text.pink {
line-height: 1.3;
}
.bd-200.intro-page.small-text.pink.manrope:lang(ja) {
width: 100%;
}
.bd-200.intro-page.small-text.pink.manrope {
flex-flow: wrap;
width: auto;
max-width: 100%;
margin-bottom: 10px;
line-height: 1.1;
display: flex;
overflow: visible;
}
.bd-200.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 44px;
}
.bd-200.intro-page.play-color.small {
font-size: .7rem;
}
.bd-200.intro-page.play-color.manrope {
font-size: 1.2rem;
}
.bd-200.intro-page.pink.manrope {
margin-bottom: 20px;
}
.bd-200.intro-page.pink.manrope:lang(ja) {
width: 65%;
}
.bd-200.intro-page.api-color.manrope {
width: 100%;
}
.bd-200.intro-page.play-color.padding {
font-size: 1.2rem;
line-height: 1.3;
}
.bd-200.intro-page.pink {
font-size: 20px;
}
.bd-200.intro-page.play-color {
font-size: 1.8rem;
}
.bd-200.intro-page.play-color.play-point.manrope {
font-size: 32px;
line-height: 1;
}
.bd-200._100.size, .bd-200._100.size.campaign {
font-size: 14px;
}
.bd-200._100.size.campaign.benefit-bullets.margin, .bd-200._100.size.campaign.benefit-bullets.margin:lang(ko) {
margin-top: 0;
}
.bd-200._100.size.campaign.benefits {
padding-bottom: 20px;
}
.bd-200.spt-blue {
padding-bottom: 0;
}
.bd-200.euclid {
font-size: 16px;
}
.bd-200.euclid:lang(ja) {
width: 100%;
font-size: 14px;
}
.bd-100 {
font-size: 16px;
}
.bd-100.intro-page {
font-size: 1.6rem;
}
.bd-100.intro-page.small-text.pink.manrope.green.pre2-0title.white.features.mobile, .bd-100.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy.mobile, .bd-100.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy.mobile {
font-size: 1.2rem;
}
.bd-100.intro-page.small-text.green {
line-height: 1.3;
}
.bd-100.intro-page.small-text.api-color {
font-size: 1.8rem;
}
.bd-100.intro-page.small-text.api-color.manrope {
width: 100%;
}
.bd-100.intro-page.small-text.pink {
line-height: 1.3;
}
.bd-100.intro-page.small-text.pink.manrope:lang(ja) {
width: 100%;
}
.bd-100.intro-page.small-text.pink.manrope {
flex-flow: wrap;
width: auto;
max-width: 100%;
margin-bottom: 10px;
line-height: 1.1;
display: flex;
overflow: visible;
}
.bd-100.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 44px;
}
.bd-100.intro-page.play-color.small {
font-size: .7rem;
}
.bd-100.intro-page.play-color.manrope {
font-size: 1.2rem;
}
.bd-100.intro-page.pink.manrope {
margin-bottom: 20px;
}
.bd-100.intro-page.pink.manrope:lang(ja) {
width: 65%;
}
.bd-100.intro-page.api-color.manrope {
width: 100%;
}
.bd-100.intro-page.play-color.padding {
font-size: 1.2rem;
line-height: 1.3;
}
.bd-100.intro-page.pink {
font-size: 20px;
}
.bd-100.intro-page.play-color {
font-size: 1.8rem;
}
.bd-100.intro-page.play-color.play-point.manrope {
font-size: 32px;
line-height: 1;
}
.cta-section {
padding: 40px 40px 0;
}
.cta-section.padding {
margin-bottom: 60px;
}
.cta-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.section-title-wrap---b {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.products---sub-txt {
font-size: 16px;
}
.products---sub-txt.padding-top-20px.api-color {
padding-top: 10px;
}
.products---sub-txt.mobile, .products---sub-txt.padding-top-0 {
padding-top: 0;
}
.products---sub-txt.du-test.campaign {
font-size: 20px;
}
.product-txt-name {
width: 100%;
font-size: 36px;
}
.product-txt-name:lang(ko), .product-txt-name:lang(ja) {
font-size: 40px;
}
.product-txt-name.tt {
font-size: 50px;
}
.product-txt-name.tt.blue {
line-height: .9;
}
.product-txt-name.size {
font-size: 38px;
}
.product-txt-name.size.sub-tt {
font-size: 16px;
}
.product-txt-name.size.amb-mobile {
margin-bottom: 20px;
font-size: 26px;
}
.product-txt-name.size.amb-mobile.center {
font-size: 24px;
}
.product-txt-name.size.amb-mobile.center.partner-color {
margin-bottom: 0;
}
.product-txt-name.amb {
font-size: 34px;
}
.product-txt-name.name.profile {
font-size: 30px;
}
.txt-box---line {
justify-content: center;
align-items: center;
}
.txt-box---line._100 {
width: 100%;
}
.txt-box---line.gap {
margin: 0;
}
.txt-base-box.play-go-try-btn {
font-size: 22px;
}
.txt-box---line-small {
justify-content: center;
align-items: center;
}
.txt-box---line-small._100 {
width: 100%;
}
.txt-box---line-small.gap {
margin: 0;
}
.txt-base-box---small.play-go-try-btn {
font-size: 22px;
}
.contents-holder-tt {
padding-top: 60px;
padding-bottom: 20px;
}
.contents-holder-tt.padding {
margin-bottom: 40px;
}
.button-a {
justify-content: center;
align-self: center;
align-items: center;
max-width: 200px;
}
.audio-demo---multilang {
grid-column-gap: 38px;
grid-row-gap: 38px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.block {
overflow: visible;
}
.section-10 {
padding-left: 1em;
padding-right: 1em;
overflow: hidden;
}
.card-rotate {
height: 50svh;
}
.recent-blog-list.secondary {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
}
.recent-blog-component {
margin-top: 4em;
}
.projects-title {
grid-column-gap: 2em;
grid-row-gap: 2em;
}
.audio-demo---tts {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.audio-demo---tts.padding {
padding-left: 10px;
padding-right: 10px;
}
.cards-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-top: 4rem;
}
.card-big-number {
font-size: 4rem;
}
.txt---tts-demo {
font-size: 16px;
}
.txt---tts-demo.padding-top-20px.api-color {
padding-top: 10px;
}
.txt---tts-demo.mobile, .txt---tts-demo.padding-top-0 {
padding-top: 0;
}
.tts-demo-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-top: 4rem;
margin-bottom: 0;
}
.clear-hero-v2 {
height: 100vw;
}
.clear-hero-v2.mobile {
height: 70vw;
}
.clear-9 {
height: 100vw;
}
.clear-9.mobile {
height: 70vw;
}
.clear-video-6 {
width: 61vw;
height: 41vw;
}
.container---mov-5 {
z-index: 1;
margin-top: 440px;
}
.image-26 {
width: 100%;
height: 100%;
}
.div-block-43 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column wrap-reverse;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: flex;
}
.promo-text---large-2 {
font-size: 44px;
}
.promo-text---large-2.sale-color {
font-size: 52px;
}
.clear-10 {
height: 100vw;
position: static;
}
.extra-large-text.intro-page {
font-size: 1.6rem;
}
.extra-large-text.intro-page.small-text.pink {
line-height: 1.3;
}
.extra-large-text.intro-page.small-text.pink.manrope {
flex-flow: wrap;
width: auto;
max-width: 100%;
margin-bottom: 10px;
line-height: 1.1;
display: flex;
overflow: visible;
}
.extra-large-text.intro-page.pink {
font-size: 20px;
}
.extra-large-text.intro-page.pink.manrope {
margin-bottom: 20px;
}
.extra-large-text.intro-page.pink.manrope:lang(ja) {
width: 65%;
}
.extra-large-text.intro-page.green {
font-size: 28px;
}
.text-span-72 {
font-size: 30px;
}
.button-base-text-7.small {
font-size: 14px;
}
.code-embed-9 {
margin-top: 220px;
position: relative;
}
.shift-key-image-3 {
width: 90%;
margin-top: 74px;
display: block;
left: 5%;
}
.image-27 {
width: 100%;
height: 100%;
}
.div-block-48 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column wrap-reverse;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: flex;
}
.promo-text---large-3 {
font-size: 44px;
}
.promo-text---large-3.sale-color {
font-size: 52px;
}
.clear-11 {
height: 100vw;
position: static;
}
.text-span-77 {
font-size: 30px;
}
.button-base-text-8.small {
font-size: 14px;
}
.code-embed-10 {
margin-top: 220px;
position: relative;
}
.image-28 {
width: 100%;
height: 100%;
}
.div-block-52 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column wrap-reverse;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: flex;
}
.promo-text---large-4 {
font-size: 44px;
}
.promo-text---large-4.sale-color {
font-size: 52px;
}
.text-span-81 {
font-size: 30px;
}
.button-base-text-9.small {
font-size: 14px;
}
.code-embed-11 {
margin-top: 220px;
position: relative;
}
.shift-key-image-4 {
width: 90%;
margin-top: 74px;
display: block;
left: 5%;
}
.movie-clip-container {
margin-bottom: 0;
overflow: hidden;
}
.movie-clip-container.mobile {
margin-bottom: 100px;
padding-left: 0;
padding-right: 0;
}
.movie-clip-container.mobile.padding {
padding-top: 0;
}
.movie-clip-container.mobile.padding.bottom {
margin-bottom: 10px;
}
.movie-clip-lightbox.bg-black {
padding-top: 20px;
}
.movie-clip-lightbox.bg-black.padding {
padding-left: 0;
padding-right: 0;
}
.movie-clip-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
grid-auto-flow: row;
display: flex;
}
.card-txt---tt-02.services-intro-hero {
text-align: justify;
width: 100%;
}
.card-txt---tt-02.text-brand-description {
text-align: justify;
}
.card-txt---tt-02.about-testimonial {
text-align: justify;
margin-bottom: 24px;
}
.card-txt---tt-02.medium.small {
color: var(--c-primary--blue-500);
font-size: 28px;
}
.card-txt---tt-02.play-color.gap.play-official.bg-color {
font-size: 50px;
}
.card-txt---tt-02.play-color.gap.play-official.bg-color.mobile {
font-size: 44px;
}
.card-txt---tt-02.clear-color {
padding-bottom: 10px;
}
.card-txt---tt-02.clear-color.mobile-padding {
padding-bottom: 20px;
}
.card-txt---tt-02.air-color {
padding-bottom: 10px;
}
.card-txt---tt-02.air-color.mobile-padding {
padding-bottom: 20px;
}
.card-txt---tt-02.api-color {
padding-bottom: 0;
}
.product-txt-name-02 {
font-size: 28px;
}
.products---sub-txt-02 {
font-size: 16px;
}
.products---sub-txt-02.padding-top-20px.api-color {
padding-top: 10px;
}
.products---sub-txt-02.mobile, .products---sub-txt-02.padding-top-0 {
padding-top: 0;
}
.products---sub-txt-02.dokkaebi {
font-size: 14px;
}
.txt-grid {
grid-column-gap: 19px;
grid-row-gap: 2px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.txt-grid.padding-under-30 {
grid-template-rows: auto;
}
.txt-grid.mobile-10 {
grid-column-gap: 41px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: .5fr;
grid-auto-columns: 1fr;
margin-top: 20px;
padding-top: 10px;
display: grid;
}
.txt-grid.mobile-10.mobile-campaign {
flex-flow: column;
margin-top: 0;
display: flex;
}
.txt-container {
margin-bottom: 0;
}
.lightbox-link-base-shift2-0-2.bg-black {
padding-top: 20px;
}
.text-span-83 {
font-size: 26px;
}
.button-base-text-shift2-0.small {
font-size: 14px;
}
.contents-hero-holder-shift-2-0 {
margin-top: 0;
margin-bottom: 0;
padding-top: 60px;
}
.contents-hero-holder-shift-2-0.padding {
margin-bottom: 60px;
}
.contents-hero-holder-shift-2-0.price-to-download.spacing {
padding-top: 0;
padding-bottom: 0;
}
.text-m---head-product---title-shift-2-0.services-intro-hero {
text-align: justify;
width: 100%;
}
.text-m---head-product---title-shift-2-0.text-brand-description {
text-align: justify;
}
.text-m---head-product---title-shift-2-0.about-testimonial {
text-align: justify;
margin-bottom: 24px;
}
.text-m---head-product---title-shift-2-0.medium.small {
color: var(--c-primary--blue-500);
font-size: 28px;
}
.text-m---head-product---title-shift-2-0.play-color.gap.play-official.bg-color {
font-size: 50px;
}
.text-m---head-product---title-shift-2-0.play-color.gap.play-official.bg-color.mobile {
font-size: 44px;
}
.text-m---head-product---title-shift-2-0.clear-color {
padding-bottom: 10px;
}
.text-m---head-product---title-shift-2-0.clear-color.mobile-padding {
padding-bottom: 20px;
}
.text-m---head-product---title-shift-2-0.air-color {
padding-bottom: 10px;
}
.text-m---head-product---title-shift-2-0.air-color.mobile-padding {
padding-bottom: 20px;
}
.text-m---head-product---title-shift-2-0.api-color {
padding-bottom: 0;
}
.hero-shift-2-0 {
margin-bottom: 0;
}
.key-messaging-base-container-shift2-0 {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 40px;
}
.key-messaging-base-container-shift2-0.gap, .key-messaging-base-container-shift2-0.gap.bottom-margin {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.key-messaging-base-container-shift2-0.space.flex {
padding-top: 10px;
}
.contents-hero-holder-sfhit-4 {
padding-top: 40px;
display: none;
}
.div-block-56 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column wrap-reverse;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: block;
}
.text-span-89 {
font-size: 30px;
}
.shift-key-button2-2 {
justify-content: center;
align-items: center;
}
.button-base-text-10.small {
font-size: 14px;
}
.promo-text---large-5 {
font-size: 44px;
}
.promo-text---large-5.sale-color {
font-size: 52px;
}
.image-30 {
width: 100%;
height: 100%;
}
.shift-key-image-5 {
width: 90%;
margin-top: 74px;
display: block;
left: 5%;
}
.button-base-mask-3 {
display: block;
}
.standard-shift-2-0-price-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
display: block;
}
.code-embed-12 {
margin-top: 220px;
position: relative;
}
.tab-content2 {
width: 100%;
height: 100%;
}
.tabs-menu-underline-wrapper {
padding: .8em 0 1em;
}
.tabs-nav-item-underline2 {
grid-row-gap: .5em;
flex-direction: column;
}
.tabs-nav-item-underline2._01, .tabs-nav-item-underline2._01.w--current, .tabs-nav-item-underline2._03, .tabs-nav-item-underline2._02 {
padding-left: .5em;
padding-right: .5em;
}
.tab-content-item {
max-width: none;
}
.tabs-nav-text {
font-size: 14px;
}
.tabs-nav-item-underline {
grid-row-gap: .5em;
flex-direction: column;
}
.container-24 {
margin-bottom: 0;
}
.shift2-0-body.bg-black.padding {
margin-top: 0;
margin-bottom: 0;
padding-top: 140px;
padding-bottom: 0;
}
.tt-sub-txt-block-2 {
width: 100%;
display: flex;
}
.tt-sub-txt-block-2.play-ptl, .tt-sub-txt-block-2.play-ptl-copy {
width: 90%;
}
.tt-sub-txt-block-2.shift {
justify-content: center;
align-items: center;
width: 100%;
}
.shift-2-0-tt-sub {
padding: 24px;
}
.shift-2-0-tt-sub.vc-bg {
padding-left: 0;
padding-right: 0;
}
.logo-holder {
margin-bottom: 0;
display: none;
}
.logo-holder.mobile {
margin-top: 20px;
display: block;
}
.logos-section {
width: 2500px;
}
.logos-wrap {
padding-top: 10px;
display: flex;
}
.gallery-grid--shift-2-0feature {
flex-flow: column;
grid-template-rows: minmax(50px, 1fr) minmax(50px, 1fr) minmax(50px, 1fr);
grid-template-columns: 1fr;
}
.gallery-grid--shift-2-0feature:lang(ja) {
margin-bottom: 0;
padding-bottom: 0;
}
._2-0-feature-wrap {
text-align: left;
flex-flow: column;
padding-left: 0;
padding-right: 0;
display: flex;
overflow: hidden;
}
._2-0-feature-wrap:lang(ja) {
height: 120%;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.black {
font-size: 1rem;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.small {
width: 100%;
font-size: 1rem;
line-height: 1.3;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.white {
margin-top: 20px;
margin-bottom: 20px;
font-size: 14px;
line-height: 1.3;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.white.mobile, .extra-large-text-sub-2-0.price-2-0-shift-desc.white.mobile:lang(ko) {
margin-top: 0;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.white {
font-size: 14px;
line-height: 1.3;
}
.extra-large-text-sub-2-0.price-2-0-shift-desc.sub2 {
margin-top: 40px;
font-size: 18px;
line-height: 1.3;
}
.extra-large-text-sub-2-0.intro-page.white {
font-size: 14px;
line-height: 1.3;
}
.extra-large-text-sub-2-0.intro-page.black, .extra-large-text-sub-2-0.shift-2-0-desc.black {
font-size: 1rem;
}
.extra-large-text-sub-2-0.shift-2-0-desc.small {
width: 100%;
font-size: 1rem;
line-height: 1.3;
}
.extra-large-text-sub-2-0.shift-2-0-desc.white {
margin-top: 20px;
margin-bottom: 20px;
font-size: 14px;
line-height: 1.3;
}
.extra-large-text-sub-2-0.shift-2-0-desc.white.mobile, .extra-large-text-sub-2-0.shift-2-0-desc.white.mobile:lang(ko) {
margin-top: 0;
}
.extra-large-text-sub-2-0.shift-2-0-desc.white {
font-size: 14px;
line-height: 1.3;
}
.extra-large-text-sub-2-0.shift-2-0-desc.sub2 {
margin-top: 40px;
font-size: 18px;
line-height: 1.3;
}
.use-case-words-txt-2-0 {
color: var(--c-primary--bg);
font-size: 14px;
}
.use-case-words-txt-2-0._50 {
width: 100%;
font-size: 14px;
line-height: 1.3;
}
.use-case-words-txt-2-0._50.play-sub-color.play-head {
font-size: 20px;
}
.use-case-words-txt-2-0.mobile {
padding-top: 40px;
}
.div-block-58 {
width: 100%;
}
.code-embed-13 {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
width: 100%;
height: 100%;
position: absolute;
overflow: visible;
}
.hero-products-v02.black {
padding-left: 20px;
}
.products-container-3column-v02 {
display: block;
}
.products-container-grid-v02 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.products-container-grid-v02.mobile {
grid-template-columns: 1fr;
}
.product-txt-name-v02 {
width: 100%;
}
.how-it-works-title-section.price-2-0-shift-desc.black {
font-size: 1rem;
}
.how-it-works-title-section.price-2-0-shift-desc.small {
width: 100%;
font-size: 1rem;
line-height: 1.3;
}
.how-it-works-title-section.price-2-0-shift-desc.white {
margin-top: 20px;
margin-bottom: 20px;
font-size: 14px;
line-height: 1.3;
}
.how-it-works-title-section.price-2-0-shift-desc.white.mobile, .how-it-works-title-section.price-2-0-shift-desc.white.mobile:lang(ko) {
margin-top: 0;
}
.how-it-works-title-section.price-2-0-shift-desc.white {
font-size: 14px;
line-height: 1.3;
}
.how-it-works-title-section.price-2-0-shift-desc.sub2 {
margin-top: 40px;
font-size: 18px;
line-height: 1.3;
}
.how-it-works-title-section.intro-page.white {
font-size: 14px;
line-height: 1.3;
}
.how-it-works-title-section.intro-page.black, .how-it-works-title-section.shift-2-0-desc.black {
font-size: 1rem;
}
.how-it-works-title-section.shift-2-0-desc.small {
width: 100%;
font-size: 1rem;
line-height: 1.3;
}
.how-it-works-title-section.shift-2-0-desc.white {
margin-top: 20px;
margin-bottom: 20px;
font-size: 14px;
line-height: 1.3;
}
.how-it-works-title-section.shift-2-0-desc.white.mobile, .how-it-works-title-section.shift-2-0-desc.white.mobile:lang(ko) {
margin-top: 0;
}
.how-it-works-title-section.shift-2-0-desc.white {
font-size: 14px;
line-height: 1.3;
}
.how-it-works-title-section.shift-2-0-desc.sub2 {
margin-top: 40px;
font-size: 18px;
line-height: 1.3;
}
._2-0-how-it-works-section {
flex-flow: column;
width: 100%;
display: block;
overflow: hidden;
}
._2-0-how-it-works-section:lang(ja) {
height: 120%;
}
._16px, ._16px.white {
font-size: 14px;
}
._16px.white.text-grey._2-0 {
width: 80%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 10px;
font-size: 14px;
}
._16px.white.text-grey._2-0:lang(ko) {
width: 80%;
}
.shift-feature-section-2-0.play {
margin-bottom: 80px;
}
.shift-feature-section-2-0.play.spacing {
margin-top: 0;
margin-bottom: 0;
}
.shift-user-video-gallery-section-copy {
width: 100%;
}
.compatible-with.neon-yellow, .compatible-with.gray, .compatible-with.gray, .compatible-with.gray, .compatible-with.gray {
margin-top: 20px;
font-size: 12px;
line-height: 13px;
}
.underline-dash.pink.white {
flex-flow: column;
display: flex;
}
.card-title-2-0 {
color: var(--c-primary--bg);
margin-top: 20px;
font-size: 16px;
}
.card-title-2-0._50 {
width: 100%;
font-size: 14px;
line-height: 1.3;
}
.card-title-2-0._50.play-sub-color.play-head {
font-size: 20px;
}
.card-title-2-0.mobile {
padding-top: 40px;
}
.code-embed-14 {
width: 100%;
overflow: visible;
}
.code-embed-15 {
width: 100%;
}
.shift-2-0-interactive {
grid-column-gap: 38px;
grid-row-gap: 38px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
height: 480px;
margin-top: 0;
}
.audio-demo---shift {
height: 100%;
}
.section-12 {
grid-template-areas: "Area";
margin-top: 0;
margin-bottom: 20px;
}
.div-block-61 {
width: 100%;
}
.button-base-container-shift {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 40px;
}
.button-base-container-shift.gap {
grid-column-gap: 28px;
grid-row-gap: 28px;
}
.button-base-container-shift.gap.bottom-margin {
grid-column-gap: 8px;
grid-row-gap: 8px;
padding-top: 20px;
display: block;
}
.button-base-container-shift.gap.api-setting.gap.mobile {
justify-content: flex-start;
align-items: flex-end;
}
.shift-pricing-section {
padding: 28px;
}
.shift-pricing-section.promotion, .shift-pricing-section.promotion-none {
width: 150%;
}
.shift-pricing-section.regular {
width: 100%;
}
.use-case-shift {
margin-bottom: 0;
}
.div-block-72 {
min-height: 600px;
padding-top: 60px;
}
.div-block-72.shift {
min-height: 300px;
}
.div-block-72.shift:lang(ko) {
display: block;
}
.shift-title-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
width: 100%;
}
.text-span-93.pink {
display: block;
}
.text-span-93.shift {
width: 90%;
display: block;
}
.view-plans-button {
justify-content: center;
align-items: center;
}
.view-plans-button._100 {
width: 100%;
}
.view-plans-button.gap {
margin: 0;
}
.view-plans-button.shift.auto-width {
height: 32px;
}
.shift-hero-wrapper.play {
margin-top: 0;
}
.shift-spec {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-top: 0;
padding: 120px 24px 0;
}
.shift-spec.spacing {
margin-bottom: 140px;
padding-top: 0;
}
.div-block-74 {
display: flex;
}
.logo-copy {
width: 140px;
}
.logo-copy.exp-size {
width: 180px;
}
.shift-compatibles {
width: 140px;
}
.shift-compatibles.exp-size {
width: 180px;
}
.credit-banner-shift {
padding: 28px;
}
.credit-banner-shift.promotion, .credit-banner-shift.promotion-none {
width: 150%;
}
.credit-banner-shift.regular {
width: 100%;
}
.credit-banner-shift.regular.trial-hero {
padding-top: 20px;
padding-left: 30px;
padding-right: 30px;
}
.shift-price-ribbon {
padding: 28px;
}
.shift-price-ribbon.promotion, .shift-price-ribbon.promotion-none {
width: 150%;
}
.shift-price-ribbon.regular {
width: 100%;
}
.div-block-76 {
margin-top: 0;
padding-top: 140px;
padding-bottom: 0;
}
.div-block-77 {
height: 100%;
margin-top: 0;
padding-top: 140px;
padding-bottom: 20px;
}
.pricing-shift {
padding-top: 140px;
}
.shift-service-hero-section-base-copy.play {
margin-bottom: 0;
padding-top: 60px;
}
.shift2-0body {
padding-top: 0;
padding-bottom: 0;
}
.shift2-0body.padding-down {
padding-bottom: 40px;
}
.shift2-0body.padding-down.padding-top.vc-bg {
padding-left: 0;
padding-right: 0;
}
.shift2-0body.padding-down {
margin-top: 60px;
padding-bottom: 40px;
}
.shift2-0body.padding-down.padding-top {
margin-top: 0;
}
.div-block-78.mobile {
margin-top: 40px;
margin-bottom: 40px;
}
.text-span-94, .text-span-95 {
color: var(--c-grey--trans--0);
}
.div-block-81, .div-block-82 {
width: 100%;
}
.div-block-83, .div-block-83:lang(ko), .div-block-83.mobile:lang(ko) {
width: 85%;
}
.shift-sub-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
overflow: visible;
}
.shift-sub-text {
width: 100%;
}
.play-tt-sub-2 {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.tt-sub-block-2 {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-flow: column;
}
.tt-sub-txt-block-3 {
width: 100%;
}
.tt-sub-txt-block-3.play-ptl {
width: 90%;
margin-left: 0;
}
.content-heading-3 {
color: #f0f0f0;
font-size: 16px;
}
.content-heading-3._50.mobile.play-color.play-sub-txt.play-ob-ptl {
padding-top: 0;
font-size: 1rem;
}
.content-heading-3._50.mobile.play-color.play-sub-txt.small-txt {
overflow: visible;
}
.content-heading-3._50.mobile.play-color.play-sub-txt.small-txt.play-ptl-sub-txt {
width: 100%;
padding-top: 0;
font-size: 14px;
}
.content-heading-3._50.mobile.play-color.play-sub-txt.small-txt.play-ptl-sub-txt.center-align {
text-align: center;
font-size: 16px;
}
.content-heading-3._50.mobile.api-color {
padding-top: 0;
}
.content-heading-3._50 {
width: 100%;
font-size: 14px;
line-height: 1.3;
}
.content-heading-3._50.mobile {
font-size: 18px;
}
.play-tt-sub-3 {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.play-tt-sub-3.vc-bg {
padding-left: 0;
padding-right: 0;
}
.card-number-3 {
font-size: 12px;
}
.card-number-3.large {
font-size: 20px;
}
.card-number-3.large.card-partners.play-color.mobile {
margin-bottom: 20px;
}
.circle-btn-text-2 {
color: #161615;
font-size: 18px;
}
.btn-box-2 {
min-height: 480px;
max-height: 480px;
padding: 1.5em;
}
.btn-box-2.api-1, .btn-box-2.vc-box {
min-height: 340px;
max-height: 800px;
}
.section-title-wrap-8 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.txt-sub-box-bg-2, .txt-sub-box-bg-2._46px {
width: auto;
}
.voice-cloning-2 {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.tt-sub-block-3 {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-flow: column;
}
.highlighted-text---sky-blue-2 {
font-size: 13px;
}
.tt-sub-txt-block-4 {
grid-column-gap: 2px;
grid-row-gap: 2px;
width: 100%;
}
.use-case-words-txt-2 {
color: #f0f0f0;
font-size: 14px;
}
.use-case-words-txt-2._50 {
width: 100%;
font-size: 14px;
line-height: 1.3;
}
.vc-demo-tt-2 {
font-size: 28px;
}
.vc-demo-tt-2.mobile-size {
font-size: 22px;
}
.circle-2 {
width: 100%;
height: 100%;
}
.button-base-text-11.button-text---demo {
font-size: 16px;
}
.highlighted-text---green-2 {
font-size: 13px;
}
.play-btn-2 {
width: 14px;
height: 14px;
}
.txt-sub-box-2.play-sub-color {
height: auto;
font-size: 12px;
display: block;
}
.standard-shift-2-0-price-3 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
display: flex;
}
.button---sub-base-mask-3 {
display: block;
}
.button---sub-base-mask-3.play-btn-color {
margin-top: 0;
}
.contents-hero-holder-tt-2 {
padding-top: 60px;
padding-bottom: 20px;
}
.contents-hero-holder-tt-2.play-padding.banner-padding.bg-color {
padding-bottom: 40px;
padding-right: 20px;
}
.contents-hero-holder-tt-2.padding {
margin-bottom: 60px;
}
.btn-tt-text-m-2 {
font-size: 16px;
}
.btn-tt-text-m-2.btn-tt-color {
font-size: .8rem;
}
.btn-tt-text-m-2.btn-tt-color:lang(ko) {
font-size: 1.2rem;
}
.heading-3-m-2 {
font-size: 16px;
}
.button---main-base-2 {
justify-content: center;
align-items: center;
}
.button---main-base-2.play-btn-color {
height: 32px;
}
.button-txt-base-3 {
font-size: 15px;
}
.text-span-99 {
font-size: 30px;
}
.text-m---head-product---title-2.play-color.gap.play-official.bg-color {
font-size: 50px;
}
.text-m---head-product---title-2.play-color.gap.play-official.bg-color.mobile {
font-size: 44px;
}
.image-35 {
width: 40px;
height: 40px;
}
.button-base-mask-4 {
display: block;
}
.use-case-words-txt-3 {
color: #f0f0f0;
font-size: 14px;
}
.use-case-words-txt-3._50 {
width: 100%;
font-size: 14px;
line-height: 1.3;
}
.use-case-words-txt-3._50.play-sub-color.play-head {
font-size: 18px;
}
.use-case-words-txt-3._50.play-sub-color.play-head.size {
font-size: 16px;
}
.pre2-0-specialoffer-3.mobile {
font-size: 16px;
display: flex;
}
.button-base-container-5 {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: column-reverse wrap;
padding-top: 20px;
padding-bottom: 20px;
display: none;
}
.button-base-text-12.button2-2-text {
font-size: 16px;
}
.button-base-text-12.button2-2-text.manrope {
font-size: 18px;
}
.div-block-85 {
width: 100%;
}
.interactive-shift-mobile {
height: 600px;
padding-top: 0;
}
.shift-title-wrap-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
width: 100%;
}
.tt-sub-txt-block-5 {
width: 100%;
}
.card-title-2-0-2 {
color: #f0f0f0;
font-size: 14px;
}
.shift-product-img-section {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.card-txt---tt-box-v2 {
width: 100%;
}
.promotion-container {
margin-bottom: 40px;
}
.campaign-holder {
margin-top: 60px;
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.campaign-holder.padding-down {
padding-bottom: 60px;
}
.campaign-holder.padding-down.padding {
padding-bottom: 100px;
}
.campaign-holder.padding-down.margin {
margin-top: 0;
}
.campaign-section-title-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.campaign-section-title-wrap.show---flex {
margin-bottom: 20px;
}
.campaign-box {
min-height: 300px;
max-height: 480px;
padding: 1.5em;
}
.campaign-box._2, .campaign-box._3 {
min-height: 350px;
}
.campaign-box._1, .campaign-box.api-1 {
min-height: 340px;
max-height: 800px;
}
.campaign-box.mobile {
min-height: 200px;
}
.campaign-box.mobile.creator {
min-height: 120px;
}
.campaign-section {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 8vh;
padding-left: 24px;
padding-right: 24px;
}
.campaign-section.padding {
grid-column-gap: 16px;
grid-row-gap: 16px;
margin-bottom: 5vh;
display: flex;
}
.campaign-section.padding.padding.creator.benefits {
margin-top: 20px;
}
.campaign-card-top-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.campaign-txt {
font-size: 12px;
}
.campaign-txt.large {
font-size: 20px;
}
.campaign-txt.large.card-partners.api-color.mobile, .campaign-txt.large.card-partners.play-color.mobile {
margin-bottom: 20px;
}
.campaign-txt.green {
font-size: 18px;
}
.campaign-txt.green {
font-size: 18px;
font-weight: 500;
}
.campaign-txt.green.creator {
font-size: 14px;
}
.campaign-txt.green.creator.blk {
font-size: 17px;
font-weight: 400;
}
.campaign-txt.green.creator.blk:lang(ko) {
font-size: 18px;
}
.campaign-image-holder {
display: none;
}
.apply-section.black {
padding-left: 20px;
padding-right: 20px;
}
.apply-image-section {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 8vh;
padding-left: 24px;
padding-right: 24px;
}
.apply-image-section.padding {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
margin-bottom: 2vh;
}
.campaign-btn-box {
min-height: 480px;
max-height: 480px;
padding: 1.5em;
}
.campaign-btn-box._2, .campaign-btn-box._3 {
min-height: 350px;
}
.campaign-btn-box._1 {
min-height: 340px;
max-height: 800px;
}
.campaign-btn-box._1.border-color.creator {
width: 100%;
min-height: auto;
}
.campaign-btn-box.api-1 {
min-height: 340px;
max-height: 800px;
}
.campaign-btn-box.api-1.api-color.why-api {
min-height: 350px;
}
.campaign-btn-box.vc-box {
min-height: 340px;
max-height: 800px;
}
.campaign-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: auto;
}
.campaign-grid.mobile._3-columns.mobile-flex {
max-width: 100%;
}
.campaign-service-feature-3 {
padding: 28px;
}
.campaign-service-feature-3.promotion, .campaign-service-feature-3.promotion-none {
width: 150%;
}
.campaign-service-feature-3.regular {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.campaign-notice-txt {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
font-size: 16px;
}
.campaign-feature-description.txt-height.wht-txt.promotion-txt {
font-size: 14px;
}
.campaign-apply-box-section {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 8vh;
padding-left: 24px;
padding-right: 24px;
}
.campaign-apply-box-section.padding {
grid-column-gap: 16px;
grid-row-gap: 16px;
margin-bottom: 0;
display: flex;
}
.campaign-apply-box-section.padding._3-columns {
justify-content: center;
align-items: center;
}
.campaign-apply-box-box {
min-height: 300px;
max-height: 480px;
padding: 1.5em;
}
.campaign-apply-box-box._2, .campaign-apply-box-box._3 {
min-height: 350px;
}
.campaign-apply-box-box._1, .campaign-apply-box-box.api-1 {
min-height: 340px;
max-height: 800px;
}
.campaign-apply-box-box.mobile {
min-height: auto;
}
.campaign-apply-box-box.mobile.green-color {
max-height: 800px;
padding-left: 40px;
padding-right: 40px;
}
.campaign-container {
margin-bottom: 40px;
padding-top: 80px;
}
.campaign-container.mobile {
margin-bottom: 100px;
}
.campign-wrapper {
padding-bottom: 40px;
}
.card-txt---sub-tt.services-intro-hero {
text-align: justify;
width: 100%;
}
.card-txt---sub-tt.text-brand-description {
text-align: justify;
}
.card-txt---sub-tt.about-testimonial {
text-align: justify;
margin-bottom: 24px;
}
.card-txt---sub-tt.medium.small {
color: var(--c-primary--blue-500);
font-size: 28px;
}
.card-txt---sub-tt.play-color.gap.play-official.bg-color {
font-size: 50px;
}
.card-txt---sub-tt.play-color.gap.play-official.bg-color.mobile {
font-size: 44px;
}
.card-txt---sub-tt.clear-color {
padding-bottom: 10px;
}
.card-txt---sub-tt.clear-color.mobile-padding {
padding-bottom: 20px;
}
.card-txt---sub-tt.air-color {
padding-bottom: 10px;
}
.card-txt---sub-tt.air-color.mobile-padding {
padding-bottom: 20px;
}
.card-txt---sub-tt.api-color {
padding-bottom: 0;
}
.card-txt---sub-tt._70 {
width: 100%;
padding-left: 0;
}
.campaign-cta-holder {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.campaign-cta-holder.margin {
padding-top: 60px;
}
.txt-grid-2col {
grid-column-gap: 19px;
grid-row-gap: 2px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.txt-grid-2col.padding-under-30 {
grid-template-rows: auto;
}
.txt-grid-2col.mobile-10 {
padding-top: 10px;
display: block;
}
.txt-grid-2col.mobile-10.mobile-campaign {
flex-flow: column;
margin-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.txt-grid-2col.mobile-10.mobile-campaign.margin {
margin-top: 60px;
}
.campaign-contact-section {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.campaign-contact-section.padding-down {
margin-top: 60px;
padding-bottom: 40px;
}
.campaign-contact-section.padding-down.padding-top {
margin-top: 60px;
}
.movie-clip-grid---2-col {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
grid-auto-flow: row;
display: flex;
}
.showcase-txt-name {
font-size: 28px;
}
.movie-clip-main-section {
padding-left: 0;
padding-right: 0;
}
.card-title-2 {
font-size: 16px;
}
.container---mov-6 {
z-index: 1;
}
.button-base-5 {
justify-content: center;
align-items: center;
}
.promo-text---large-6 {
font-size: 44px;
}
.banner-container-2 {
min-height: auto;
max-height: none;
padding: 1em;
}
.banner-title-tt-2 {
font-size: 16px;
}
.banner-title-tt-2.promotion-font {
font-size: 1rem;
}
.banner-title-tt-2.promotion-font:lang(ko) {
font-size: 1.2rem;
}
.banner-title-tt-2.promotion-font.bgt.ssmall {
font-size: 14px;
}
.banner-title-tt-2.promotion-font.bgt.ssmall:lang(ko) {
line-height: 1.2;
}
.button-base-text-13.button2-2-text {
font-size: 16px;
}
.button-base-mask-5 {
display: block;
}
.text-span-105 {
font-size: 36px;
}
.promo-base-2.airairair {
padding-top: 20px;
padding-bottom: 10px;
font-size: 16px;
}
.banner-txt-tt-2 {
padding-bottom: 0;
}
.button-base-banner-2 {
justify-content: center;
align-items: center;
}
.card-title-3 {
font-size: 16px;
}
.container---mov-7 {
z-index: 1;
}
.button-base-6 {
justify-content: center;
align-items: center;
height: 32px;
}
.promo-text---large-7 {
font-size: 44px;
}
.button-base-text-14.button2-2-text {
font-size: 15px;
}
.text-span-106 {
font-size: 36px;
}
.button-base-banner-3 {
justify-content: center;
align-items: center;
}
.text-block-9.grey.mobile {
padding-top: 0;
}
.image-37 {
width: 60%;
}
.image-37.mobile {
width: 90%;
}
.image-37.mobile.pc {
width: 50%;
}
.logo-7 {
width: 80px;
}
.brand-div-8 {
margin-right: 20px;
}
.services-intro-7 {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding: 24px;
}
.our-approach-grid-7 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: auto;
}
.hero-wrapper-clear-2 {
margin-bottom: 40px;
}
.brands-wrap-2 {
padding-top: 10px;
display: flex;
}
.base-text-5---blue-2.white {
font-size: 14px;
}
.about-grid-5 {
margin-top: 40px;
margin-bottom: 40px;
}
.about-grid-5.mobile-padding {
margin-bottom: 0;
}
.subheading-wrapper-3 {
width: 100%;
}
.container---mov-8 {
z-index: 1;
}
.promo-text---large-8 {
font-size: 44px;
}
.button-base-text-15.button2-2-text {
font-size: 16px;
}
.clear-12 {
height: 100vw;
}
.clear-12.mobile {
height: 70vw;
}
.text-span-113 {
font-size: 36px;
}
.button-base-banner-4 {
justify-content: center;
align-items: center;
}
.text-block-10.grey.mobile {
padding-top: 0;
}
.image-39 {
width: 60%;
}
.logo-8 {
width: 80px;
}
.brand-div-9 {
margin-right: 20px;
}
.our-approach-grid-8 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: auto;
}
.brands-wrap-3 {
padding-top: 10px;
display: flex;
}
.base-text-5---blue-3.white {
font-size: 14px;
}
.subheading-wrapper-4 {
width: 100%;
}
.hero-banner-2 {
padding-top: 20px;
padding-bottom: 0;
}
.promo-text---large-9 {
font-size: 44px;
}
.promo-text---large-9.sale-color {
font-size: 52px;
}
.text-span-114 {
font-size: 30px;
}
.promo-text---large-10 {
font-size: 44px;
}
.promo-text---large-10.sale-color {
font-size: 40px;
line-height: .7;
}
.text-span-115 {
font-size: 22px;
}
.button-base-7 {
flex-flow: wrap;
justify-content: center;
align-items: center;
}
.button-base-text-16 {
font-size: 15px;
}
.specialoffer.mobile {
font-size: 16px;
display: flex;
}
.text-span-117 {
font-size: 26px;
}
.promo-text---large-11 {
font-size: 44px;
}
.promo-text---large-11.sale-color {
font-size: 44px;
line-height: .7;
}
.text-span-118 {
font-size: 24px;
}
.text-span-125, .text-span-126 {
font-size: 30px;
}
.text-block-11 {
color: #fff;
}
.div-block-87 {
padding-bottom: 0;
}
.shift-introduction {
margin-top: 0;
padding-top: 20px;
}
.code-embed-16 {
height: 280px;
}
.lightbox-link-base-4.bg-black {
padding-top: 20px;
}
.text-block-12.grey.mobile {
padding-top: 0;
font-size: 14px;
}
.text-block-12.grey.mobile:lang(ja) {
font-size: 12px;
}
.brands-wrap-4 {
padding-top: 10px;
display: flex;
}
.image-42 {
width: 60%;
}
.logo-9 {
width: 80px;
}
.brand-div-10 {
margin-right: 20px;
}
.our-approach-grid-9 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: auto;
}
.subheading-wrapper-5 {
width: 100%;
}
.play-pricing-250708---promotion.bg-black.padding {
margin-top: 0;
}
.home-hero {
padding-top: 15vh;
}
.heading-14 {
font-size: 12vw;
}
.heading-14.text-weight-regular {
display: inline;
}
.heading-14.text-weight-regular.size {
font-size: 11vw;
}
.mobile-header {
display: flex;
}
.bg-image {
background-position: 100% 100%;
}
.home-left-content {
padding-left: 1em;
padding-right: 1em;
}
.interaction-overflow {
padding-bottom: 0;
}
.interaction-overflow.hide-mobile {
display: none;
}
.text-size-regular-vw {
font-size: .8rem;
}
.text-size-xdisplay-homepage {
font-size: 2.5rem;
line-height: 1.5;
}
.double-button-wrapper {
grid-column-gap: 2rem;
}
.divider-line-homepage {
width: 100%;
}
.divider-line-homepage.margin-6rem {
margin-top: 4rem;
margin-bottom: 4rem;
}
.divider-line-homepage.margin-6rem.hide-mobile {
display: none;
}
.figma-content {
margin-top: 2rem;
padding-left: 1rem;
padding-right: 1rem;
}
.video-card-content {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
margin-left: 10px;
margin-right: 10px;
}
.home-paragraph {
font-size: 1rem;
line-height: 1.5;
}
.heading-homepage {
font-size: 2.5rem;
}
.home-page-cards-grid {
margin-top: 1rem;
}
.template-component {
margin-bottom: 4rem;
}
.heading-component-homepage {
align-items: stretch;
padding-top: 0;
}
.home-top-content {
padding-left: 1em;
padding-right: 1em;
}
.b-block {
overflow: visible;
}
.cta-grid-v2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.cta-section-v2 {
padding-top: 40px;
padding-bottom: 0;
padding-left: 20px;
}
.cta-section-v2.padding {
margin-bottom: 60px;
}
.block-copy {
overflow: visible;
}
.product---content {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.client-logo {
object-position: 0% 50%;
min-height: 3rem;
max-height: 5rem;
}
.clients-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.clients-grid.logo-animate {
grid-template-columns: 1fr 1fr 1fr;
margin-top: 26px;
}
.company-description-v2 {
padding-top: 60px;
}
.company-description-v2._80 {
width: 90%;
}
.product---image---content {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.main-products-section {
padding-left: 1em;
padding-right: 1em;
overflow: hidden;
}
.cta-section-v3 {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.cta-section-v3.padding {
margin-bottom: 60px;
}
.button-base-container-download {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 40px;
}
.button-base-container-download.gap {
grid-column-gap: 28px;
grid-row-gap: 28px;
}
.button-base-container-download.gap.bottom-margin {
grid-column-gap: 8px;
grid-row-gap: 8px;
padding-top: 20px;
display: block;
}
.button-base-container-download.gap.api-setting.gap.mobile {
justify-content: flex-start;
align-items: flex-end;
}
.content---image {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.txt-block-component {
margin-bottom: 4rem;
}
.txt-block-section {
padding-left: 1em;
padding-right: 1em;
overflow: hidden;
}
.bd-80 {
font-size: 16px;
}
.bd-80.intro-page {
font-size: 1.6rem;
}
.bd-80.intro-page.small-text.pink.manrope.green.pre2-0title.white.features.mobile, .bd-80.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy.mobile, .bd-80.intro-page.small-text.pink.manrope.green.pre2-0title.white.features-copy-copy.mobile {
font-size: 1.2rem;
}
.bd-80.intro-page.small-text.green {
line-height: 1.3;
}
.bd-80.intro-page.small-text.api-color {
font-size: 1.8rem;
}
.bd-80.intro-page.small-text.api-color.manrope {
width: 100%;
}
.bd-80.intro-page.small-text.pink {
line-height: 1.3;
}
.bd-80.intro-page.small-text.pink.manrope:lang(ja) {
width: 100%;
}
.bd-80.intro-page.small-text.pink.manrope {
flex-flow: wrap;
width: auto;
max-width: 100%;
margin-bottom: 10px;
line-height: 1.1;
display: flex;
overflow: visible;
}
.bd-80.intro-page.play-color.play-point.manrope.mobile-set {
font-size: 44px;
}
.bd-80.intro-page.play-color.small {
font-size: .7rem;
}
.bd-80.intro-page.play-color.manrope {
font-size: 1.2rem;
}
.bd-80.intro-page.pink.manrope {
margin-bottom: 20px;
}
.bd-80.intro-page.pink.manrope:lang(ja) {
width: 65%;
}
.bd-80.intro-page.api-color.manrope {
width: 100%;
}
.bd-80.intro-page.play-color.padding {
font-size: 1.2rem;
line-height: 1.3;
}
.bd-80.intro-page.pink {
font-size: 20px;
}
.bd-80.intro-page.play-color {
font-size: 1.8rem;
}
.bd-80.intro-page.play-color.play-point.manrope {
font-size: 32px;
line-height: 1;
}
.play-pricing-250717.bg-black.padding {
margin-top: 0;
}
.clear-price-2 {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.clear-price-2.padding-down {
margin-top: 60px;
padding-bottom: 40px;
}
.clear-price-2.padding-down.padding {
margin-top: 0;
}
.play-detail-box---img._100 {
width: auto;
}
.card-txt---sub-txt-box-3, .card-txt---sub-txt-3, .code-embed-17 {
width: 100%;
}
.bd-601 {
width: auto;
font-size: 1.6rem;
}
.bd-601.demo-tt {
font-size: 20px;
}
.product-txt-name-3 {
width: 100%;
font-size: 38px;
}
.products---sub-txt-3 {
font-size: 14px;
}
.products---sub-txt-3.euclid {
font-size: 13px;
}
.products---sub-txt-3.euclid.edit {
font-size: 11px;
}
.txt-base-box---small-2 {
padding-bottom: 2px;
}
.txt-base-box---small-2.euclid {
width: auto;
min-width: 46px;
}
.txt---tts-demo-2 {
font-size: 16px;
}
.txt-box---line-small-2 {
justify-content: center;
align-items: center;
}
.bd-602 {
font-size: 18px;
}
.bd-602.demo-subtt {
width: 90%;
font-size: 14px;
}
.button-txt-base-4 {
font-size: 15px;
}
.card-txt---sub-txt-box-4 {
width: 100%;
}
.product-txt-name-v02-2 {
width: 100%;
font-size: 44px;
}
.product-txt-name-v02-2.euclid.extend {
width: 100%;
line-height: 1;
}
.btn-tt-text-m-3 {
font-size: 16px;
}
.btn-tt-text-m-3.btn-tt-color {
font-size: .8rem;
}
.btn-tt-text-m-3.btn-tt-color:lang(ko) {
font-size: 1.2rem;
}
.button-base-container-6 {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: row;
justify-content: center;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.card-txt---sub-txt-4 {
width: 100%;
}
.txt-box---line-2 {
justify-content: center;
align-items: center;
}
.arrow-14 {
width: 10px;
height: 10px;
}
.button-base-8 {
justify-content: center;
align-items: center;
}
.button-base-8.aligan.play-btn-color {
height: 32px;
}
.button-base-mask-6 {
display: block;
}
.button---main-base-3 {
justify-content: center;
align-items: center;
}
.bd-603 {
width: 100%;
font-size: 18px;
}
.bd-603.color---super-blue.euclid:lang(ja) {
font-size: 17px;
}
.bd-603.tt {
width: 100%;
font-size: 18px;
}
.contents-holder-tt-2 {
padding-top: 60px;
}
.contents-holder-tt-2.padding {
margin-bottom: 20px;
}
.button-base-text-17.button2-2-text {
font-size: 16px;
}
.button-base-text-17.button2-2-text.manrope {
font-size: 15px;
}
.txt-box---line-small-3 {
justify-content: center;
align-self: flex-start;
align-items: center;
width: auto;
min-width: 65px;
}
.txt-box---line-small-3.mobile-center {
align-self: center;
}
.button---sub-base-mask-4 {
display: block;
}
.button---sub-base-mask-4.play-btn-color {
margin-top: 0;
}
.card-txt---sub-txt-5 {
width: 100%;
}
.bd-604 {
font-size: 18px;
}
.bd-604.demo-subtt {
width: 100%;
font-size: 14px;
}
.hero-video-wrap {
height: 100%;
}
.main-products-block-2 {
grid-column-gap: 90px;
grid-row-gap: 90px;
}
.main-products-div-v2 {
justify-content: space-between;
align-items: center;
overflow: visible;
}
.button-base-container-7 {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.button-base-container-7.bottom-padding {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 10px;
}
.arrow-15 {
width: 10px;
height: 10px;
}
.button-base-9 {
justify-content: center;
align-items: center;
}
.button-base-9.aligan.color-rev {
height: 32px;
}
.product---content-2 {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.button-base-mask-7 {
display: block;
}
.button---main-base-4 {
justify-content: center;
align-items: center;
}
.template-component-homepage-2 {
margin-top: 0;
}
.cta-section-v3-2 {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.button-base-text-18.button2-2-text {
font-size: 16px;
}
.button-base-text-18.button2-2-text.manrope {
font-size: 15px;
}
.product---image---content-2 {
justify-content: center;
align-items: center;
width: auto;
margin: auto;
padding-left: 0;
padding-right: 0;
}
.text-size-regular-vw-2 {
font-size: .8rem;
}
.text-size-regular-vw-2.main-products-body.euclid {
font-size: 14px;
line-height: 1.2;
}
.main-products-div-2 {
justify-content: space-between;
align-items: center;
overflow: visible;
}
.product-image-2 {
justify-content: center;
align-items: stretch;
width: 100%;
display: inline-flex;
}
.button---sub-base-mask-5 {
display: block;
}
.button---sub-base-mask-5.play-btn-color {
margin-top: 0;
}
.wavy-img {
justify-content: center;
align-items: stretch;
width: 100%;
display: inline-flex;
}
.txt-block-section-2 {
margin-bottom: 4em;
padding-left: 1em;
padding-right: 1em;
overflow: hidden;
}
.text-size-regular-vw-3 {
font-size: .8rem;
}
.bd-605 {
font-size: 18px;
}
.content-img-holder-3 {
margin-bottom: 20px;
}
.bd-606 {
font-size: 14px;
}
.main-products-section-2co {
margin-bottom: 4em;
padding-left: 1em;
padding-right: 1em;
overflow: hidden;
}
.button-base-container-8 {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.button-base-container-8.business, .button-base-container-8.spt-listen {
grid-column-gap: 22px;
grid-row-gap: 22px;
justify-content: space-between;
align-items: flex-start;
padding-top: 20px;
}
.bd-607 {
width: 100%;
font-size: 16px;
}
.bd-607.body-txt {
font-size: 12px;
}
.bd-607.body-txt.euclid {
text-align: left;
font-size: 13px;
}
.arrow-16 {
width: 10px;
height: 10px;
}
.button-base-10 {
justify-content: center;
align-items: center;
}
.button-base-mask-8 {
display: block;
}
.home-page-cards-grid---2 {
margin-top: 1rem;
}
.bd-608 {
width: 100%;
font-size: 20px;
}
.bd-608.color---super-blue.business {
width: 70%;
}
.bd-608.color---super-blue.business.euclid {
width: 100%;
}
.bd-608.color---super-blue.business.euclid:lang(ko) {
width: 50%;
font-size: 14px;
}
.bd-609, .button-base-text-19.button2-2-text {
font-size: 16px;
}
.button-base-text-19.button2-2-text.manrope {
font-size: 15px;
}
.btn-tt-text-m-4 {
font-size: 16px;
}
.btn-tt-text-m-4.btn-tt-color {
font-size: .8rem;
}
.btn-tt-text-m-4.btn-tt-color:lang(ko) {
font-size: 1.2rem;
}
.button-base-container-9 {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.products---sub-txt-4 {
font-size: 14px;
}
.movie-clip-grid---2-col-2 {
grid-column-gap: 67px;
grid-row-gap: 67px;
flex-flow: column;
grid-auto-flow: row;
display: flex;
}
.movie-clip-main-section-2 {
padding-left: 0;
padding-right: 0;
}
.arrow-17 {
width: 10px;
height: 10px;
}
.cta-section-2 {
padding-top: 40px;
padding-bottom: 0;
}
.button-base-11 {
justify-content: center;
align-items: center;
}
.showcase-txt-name-2 {
font-size: 28px;
}
.bd-610 {
width: 100%;
font-size: 1rem;
}
.bd-610.spt-listen.size.color {
font-size: 1rem;
}
.bd-610.spt-listen.size.color.showcase {
color: #5d5d5d;
font-size: 14px;
}
.supertone-listen {
margin-top: 140px;
margin-bottom: 0;
overflow: hidden;
}
.button-base-text-20.button2-2-text {
font-size: 16px;
}
.button-base-text-20.button2-2-text.manrope {
font-size: 15px;
}
.button---sub-base-mask-6 {
display: block;
}
.button---sub-base-mask-6.play-btn-color {
margin-top: 0;
}
.nav--wrapper-5 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: 47px;
grid-template-columns: 1fr .25fr;
padding-left: 20px;
padding-right: 0;
}
.txt-block-section-2---wht {
margin-bottom: 4em;
padding-left: 1em;
padding-right: 1em;
overflow: hidden;
}
.backup {
width: 100%;
}
.tt-animaion-code {
color: var(--c-primary--main);
}
.hero-img-holder-3 {
height: 100vw;
}
.hero-img-holder-3.mobile {
height: 70vw;
margin-left: 0;
margin-right: 0;
}
.txt-animation-section {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.txt-animation-section.padding {
padding-left: 20px;
padding-right: 20px;
}
.button-base-container-tt-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 40px;
}
.button-base-container-tt-2.gap, .button-base-container-tt-2.gap.bottom-margin {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.button-base-container-tt-2.space, .button-base-container-tt-2.space.flex, .button-base-container-tt-2.space.flex, .button-base-container-tt-2.space.flex, .button-base-container-tt-2.space.flex, .button-base-container-tt-2.space.flex {
padding-top: 10px;
}
.button-base-container-tt-4 {
grid-column-gap: 2px;
grid-row-gap: 2px;
}
.tt-sub-txt-block-6.mobile {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.e-commerce-registration {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
justify-content: space-between;
}
.e-commerce-registration.manrope {
justify-content: flex-start;
align-items: stretch;
}
.small-text-9 {
font-size: 11px;
}
.small-text-9.white.manrope {
font-family: Manrope, sans-serif;
}
.text-span-132 {
font-size: 11px;
line-height: 1.2;
}
.e-commerce-registration-section {
grid-row-gap: 40px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.er-box {
padding-top: 60px;
}
.er-box._80 {
width: 90%;
}
.txt-box-heading-wrapper {
grid-template-rows: auto auto;
}
.txt-box-heading-wrapper.grid {
grid-column-gap: 6px;
grid-row-gap: 6px;
display: flex;
}
.button-base-container-apply {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 0;
}
.button-base-container-apply.gap.bottom-margin {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.button-base-container-apply.gap.api-setting.gap.mobile {
justify-content: flex-start;
align-items: flex-end;
}
.button-base-container-apply.gap {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.campaign-feature-section {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.campaign-toggle-container, .campaign-toggle-container.amb {
padding-left: 0;
padding-right: 0;
}
.biz-service-hero-section {
background-color: var(--c-grey--trans--0);
}
.clients-grid-v2 {
grid-template-columns: 1fr 1fr 1fr;
}
.clients-grid-v2.logo-animate {
grid-template-columns: 1fr 1fr 1fr;
margin-top: 26px;
}
.clients-grid-copy {
grid-template-columns: 1fr 1fr 1fr;
}
.clients-grid-copy.logo-animate {
grid-template-columns: 1fr 1fr 1fr;
margin-top: 26px;
}
.clients-grid-v3 {
grid-template-columns: 1fr 1fr 1fr;
}
.clients-grid-v3.logo-animate {
grid-template-columns: 1fr 1fr 1fr;
margin-top: 26px;
}
.clients-grid-v3.logo-animate.main-width {
width: 110rem;
}
.our-approach-grid-10 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: auto;
}
.service-feature-4 {
padding: 28px;
}
.service-feature-4.promotion {
width: 150%;
}
.service-feature-4.promotion-none {
width: 150%;
}
.service-feature-4.regular {
width: 100%;
}
.button---sub-base-mask-7 {
display: block;
}
.pricing-wrapper-3 {
padding-bottom: 40px;
}
.brands-wrap-5 {
padding-top: 10px;
display: flex;
}
.logo-10 {
width: 80px;
}
.button-base-text-21.button2-2-text {
font-size: 16px;
}
.brand-div-11 {
margin-right: 20px;
}
.pricing-txt-body-2 {
min-height: 200px;
}
.arrow-19 {
width: 10px;
height: 10px;
}
.text-span-140 {
font-size: 16px;
}
.button---main-base-big-btn-3 {
justify-content: center;
align-items: center;
}
.button---main-base-big-btn-3.play-btn-color {
height: 60px;
}
.image-46 {
width: 60%;
}
.image-46.mobile {
width: 90%;
}
.toggle-txt-3, .toggle-txt-3.play-color {
font-size: 15px;
}
.feature-heading-wrapper-2 {
grid-template-rows: 60px 40px minmax(120px, 1fr) auto;
}
.feature-heading-wrapper-2.grid {
grid-column-gap: 6px;
grid-row-gap: 6px;
display: flex;
}
.play-pricing-250719.bg-black.padding {
margin-top: 0;
}
.services-hero-grid-14 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.services-hero-grid-14.gap {
grid-template-columns: 1fr;
}
.pricing-feature-section-3 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.grey-7 {
font-size: 12px;
}
.grey-7.mobile {
padding-top: 22px;
}
.grey-7.x {
font-size: 18px;
}
.grey-7.dark {
padding-top: 18px;
font-size: 12px;
}
.grey-7.dark.small {
font-size: 14px;
}
.button-txt-base-6.play-go-try-btn {
font-size: 22px;
}
.play-obt-ection-title-wrap-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.button-base-text-22.button2-2-text {
font-size: 16px;
}
.base-text-32 {
font-size: 14px;
}
.button---sub-base-mask-8 {
display: block;
}
.button---sub-base-mask-8.play-btn-color {
margin-top: 0;
}
.button-base-banner-5 {
justify-content: center;
align-items: center;
}
.button-base-banner-5.bi {
height: 32px;
}
.banner-txt-tt-tcc-2 {
padding-bottom: 0;
}
.image-47 {
object-fit: cover;
border-top-left-radius: 20px;
}
.business-inquiry-bnr-2.business-inquiry-bnr-setup.mobile {
padding-top: 100px;
padding-bottom: 60px;
}
.business-inquiry-bnr-2.business-inquiry-bnr-setup.mobile.main {
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.banner-container-bi-2 {
min-height: auto;
max-height: none;
padding: 1em;
}
.arrow-20 {
width: 10px;
height: 10px;
}
.bib-2 {
height: auto;
}
.button-base-mask-9 {
display: block;
}
.arrow-box {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: flex-end;
padding-top: 0;
}
.arrow-box.gap {
grid-column-gap: 33px;
grid-row-gap: 33px;
padding-left: 0;
}
.banner-container-bi-ver2 {
min-height: auto;
max-height: none;
padding: 1em;
}
.banner-container-bi-ver2._1, .banner-container-bi-ver2._2, .banner-container-bi-ver2._3 {
min-height: 30rem;
}
.our-approach-grid-11 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: auto;
}
.button---sub-base-mask-9 {
display: block;
}
.brands-wrap-6 {
padding-top: 10px;
display: flex;
}
.logo-11 {
width: 80px;
}
.play-obt-ection-title-wrap-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.button-base-text-24.button2-2-text {
font-size: 16px;
}
.brand-div-12 {
margin-right: 20px;
}
.text-span-152 {
font-size: 16px;
}
.button---main-base-big-btn-4 {
justify-content: center;
align-items: center;
}
.button---main-base-big-btn-4.play-btn-color {
height: 60px;
}
.image-49 {
width: 60%;
}
.image-49.mobile {
width: 90%;
}
.play-pricing-v4.bg-black.padding {
margin-top: 0;
}
.services-hero-grid-15 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.services-hero-grid-15.gap {
grid-template-columns: 1fr;
}
.pricing-feature-section-4 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.grey-8 {
font-size: 12px;
}
.grey-8.mobile {
padding-top: 22px;
}
.grey-8.x {
font-size: 18px;
}
.grey-8.dark {
padding-top: 18px;
font-size: 12px;
}
.grey-8.dark.small {
font-size: 14px;
}
.button-txt-base-8.play-go-try-btn {
font-size: 22px;
}
.button-base-text-25.button2-2-text {
font-size: 16px;
}
.base-text-34 {
font-size: 14px;
}
.button---sub-base-mask-10 {
display: block;
}
.button---sub-base-mask-10.play-btn-color, .play-pricing-v3.bg-black.padding {
margin-top: 0;
}
.our-approach-grid-12 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: auto;
}
.button---sub-base-mask-11 {
display: block;
}
.brands-wrap-7 {
padding-top: 10px;
display: flex;
}
.logo-12 {
width: 80px;
}
.button-base-text-26.button2-2-text {
font-size: 16px;
}
.brand-div-13 {
margin-right: 20px;
}
.text-span-163 {
font-size: 16px;
}
.button---main-base-big-btn-5 {
justify-content: center;
align-items: center;
}
.button---main-base-big-btn-5.play-btn-color {
height: 60px;
}
.image-50 {
width: 60%;
}
.image-50.mobile {
width: 90%;
}
.services-hero-grid-16 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.services-hero-grid-16.gap {
grid-template-columns: 1fr;
}
.grey-9 {
font-size: 12px;
}
.grey-9.mobile {
padding-top: 22px;
}
.grey-9.x {
font-size: 18px;
}
.grey-9.dark {
padding-top: 18px;
font-size: 12px;
}
.grey-9.dark.small {
font-size: 14px;
}
.button-txt-base-10.play-go-try-btn {
font-size: 22px;
}
.button-base-text-27.button2-2-text {
font-size: 16px;
}
.base-text-36 {
font-size: 14px;
}
.button---sub-base-mask-12 {
display: block;
}
.button---sub-base-mask-12.play-btn-color {
margin-top: 0;
}
.our-approach-grid-13 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: auto;
}
.brands-wrap-8 {
padding-top: 10px;
display: flex;
}
.logo-13 {
width: 80px;
}
.button-base-text-28.button2-2-text {
font-size: 16px;
}
.brand-div-14 {
margin-right: 20px;
}
.text-span-174 {
font-size: 16px;
}
.button---main-base-big-btn-6 {
justify-content: center;
align-items: center;
}
.button---main-base-big-btn-6.play-btn-color {
height: 60px;
}
.image-51 {
width: 60%;
}
.image-51.mobile {
width: 90%;
}
.play-pricing-250722.bg-black.padding {
margin-top: 0;
}
.services-hero-grid-17 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.services-hero-grid-17.gap {
grid-template-columns: 1fr;
}
.grey-10 {
font-size: 12px;
}
.grey-10.mobile {
padding-top: 22px;
}
.grey-10.x {
font-size: 18px;
}
.grey-10.dark {
padding-top: 18px;
font-size: 12px;
}
.grey-10.dark.small {
font-size: 14px;
}
.button-txt-base-11.play-go-try-btn {
font-size: 22px;
}
.button-base-text-29.button2-2-text {
font-size: 16px;
}
.base-text-38 {
font-size: 14px;
}
.our-approach-grid-14 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: auto;
}
.button-base-text-30.button2-2-text {
font-size: 16px;
}
.brand-div-15 {
margin-right: 20px;
}
.text-span-184 {
font-size: 16px;
}
.button---main-base-big-btn-7 {
justify-content: center;
align-items: center;
}
.button---main-base-big-btn-7.play-btn-color {
height: 60px;
}
.image-52 {
width: 60%;
}
.image-52.mobile {
width: 90%;
}
.play-pricing-250723.bg-black.padding {
margin-top: 0;
}
.services-hero-grid-18 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.services-hero-grid-18.gap {
grid-template-columns: 1fr;
}
.button-base-text-31.button2-2-text {
font-size: 16px;
}
.base-text-40 {
font-size: 14px;
}
.cta-txt-section {
grid-column-gap: 7px;
grid-row-gap: 7px;
min-height: 40px;
}
.tt-01 {
font-size: 30px;
line-height: 1;
}
.tt-01.partners-color {
font-size: 26px;
}
.tt-sub-01.partners-color {
font-size: 16px;
}
.tt-box {
width: 100%;
}
.product-txt-name-v03 {
width: 100%;
font-size: 44px;
line-height: 1;
}
.product-txt-name-v03.euclid.extend {
width: 100%;
line-height: 1;
}
.product-txt-name-v03._38px {
font-size: 38px;
}
.card-title-small {
font-size: 10px;
}
.card-title-small.large {
font-size: 22px;
}
.card-title-small.api-color {
font-size: 14px;
}
.m-tt {
padding-top: 4px;
padding-bottom: 10px;
font-size: 40px;
}
.m-tt.looping-text.pink.manrope {
font-family: Manrope, sans-serif;
}
.m-tt.services-h1.title {
padding-bottom: 20px;
}
.m-tt.services-h1.title.whifte {
font-size: 28px;
}
.m-tt.services-h1.title.whifte.padding.manrope-mobile {
font-family: Manrope, sans-serif;
}
.m-tt.services-h1.title.whifte.padding.manrope-mobile.manrope-desktop {
font-size: 40px;
line-height: 1;
}
.m-tt.services-h1.title.black, .m-tt.services-h1.title.padding.small {
font-size: 28px;
}
.m-tt.services-h1.black._500 {
margin-bottom: 0;
padding-bottom: 20px;
font-size: 28px;
}
.m-tt.services-h1.black._500.large {
font-size: 30px;
line-height: 1;
}
.m-tt.services-h1.black._500.large.mobile {
width: 60%;
margin-bottom: 20px;
font-size: 34px;
}
.m-tt.services-h1.black._500.large.mobile.play-obt {
box-shadow: none;
margin-bottom: 0;
padding-bottom: 20px;
}
.m-tt.services-h1.wht._500 {
margin-bottom: 0;
padding-bottom: 20px;
font-size: 28px;
}
.m-tt.services-h1.wht._500.large {
font-size: 30px;
line-height: 1;
}
.m-tt.services-h1.wht._500.large.mobile {
width: 60%;
margin-bottom: 20px;
font-size: 34px;
}
.m-tt.services-h1.wht._500.large.mobile.nomal.small.manrope {
font-size: 36px;
}
.m-tt.services-h1.wht._500.large.mobile.nomal.small.manrope.black {
color: var(--c-grey--white);
line-height: 1.9rem;
}
.m-tt.services-h1.wht._500.large.mobile.play-obt {
box-shadow: none;
margin-bottom: 0;
padding-bottom: 20px;
}
.m-tt.services-intro-hero {
text-align: left;
width: 100%;
padding-bottom: 10px;
font-size: 24px;
}
.m-tt.services-intro-hero._50 {
width: 90%;
}
.m-tt.services-intro-hero._50.mobile {
width: 100%;
}
.m-tt.services-intro-hero.black {
margin-bottom: 0;
font-size: 24px;
}
.m-tt.services-intro-hero.black.medium {
margin-bottom: 20px;
}
.m-tt.services-intro-hero.black.txt {
padding-top: 0;
padding-bottom: 10px;
font-size: 28px;
}
.m-tt.services-intro-hero.black.txt.mobile {
margin-top: 0;
padding-bottom: 0;
font-size: 18px;
}
.m-tt.services-intro-hero.black.txt.mobile.small-txt {
font-size: 16px;
}
.m-tt.services-intro-hero.mobile {
margin-bottom: 0;
padding-bottom: 20px;
}
.m-tt.services-intro-hero.pink.manrope {
font-family: Manrope, sans-serif;
}
.m-tt.text-brand-description {
text-align: justify;
}
.m-tt.pink.top-padding {
width: 100%;
font-size: 20px;
}
.m-tt.pink.top-padding.manrope.white, .m-tt.pink.top-padding.manrope.white:lang(ko) {
width: 60%;
}
.m-tt.pink.manrope, .m-tt.white.padding-under-10.manrope {
font-family: Manrope, sans-serif;
}
.m-tt.small {
width: 100%;
}
.tt-h-sub-block.mobile {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.tt-block, .tt-section, .tt-box---product {
width: 100%;
}
.tt-holder {
padding-top: 60px;
}
.tt-holder.padding {
margin-bottom: 20px;
}
.text-block-22 {
font-size: 15px;
}
.bar-2, .bar-1 {
width: 20px;
}
.one-item-list {
padding-left: 0;
}
.one-item-list-tags {
padding-left: 15px;
}
.one-name {
width: 83.3333%;
padding-left: 20px;
}
.one-item-list-image {
padding-left: 10px;
}
.one-trigger {
width: 16.6667%;
padding-right: 20px;
}
.one-name-text {
font-size: 5vw;
}
.button-base-container-10 {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.button-base-container-10.bottom-padding {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 10px;
}
.div-block-98 {
grid-column-gap: 7px;
grid-row-gap: 7px;
min-height: 40px;
}
.cta-section-3 {
padding: 40px 40px 0;
}
.cta-section-3.margin {
padding-left: 40px;
}
.text-block-24 {
font-size: 15px;
}
.button-base-text-32.small {
font-size: 14px;
}
.arrow-25 {
width: 10px;
height: 10px;
}
.button-base-12 {
justify-content: center;
align-items: center;
}
.button-base-12.shift2-0-blue {
height: 32px;
}
.bd-611 {
width: 100%;
font-size: 20px;
}
.bd-611.color---super-blue.euclid {
font-size: 18px;
text-decoration: none;
}
.bd-611.color---super-blue.euclid:lang(ja) {
font-size: 16px;
}
.button-base-13 {
justify-content: center;
align-items: center;
}
.button-base-13.aligan.color-rev {
height: 32px;
}
.bd-612 {
padding-bottom: 0;
font-size: 18px;
}
.bd-612.euclid {
font-size: 16px;
}
.bd-612.euclid:lang(ja) {
width: 100%;
font-size: 14px;
}
.button-base-text-33.button2-2-text {
font-size: 16px;
}
.button-base-text-33.button2-2-text.manrope {
font-size: 15px;
}
.arrow-26 {
width: 10px;
height: 10px;
}
.promo-text---large-12 {
font-size: 44px;
}
.promo-text---large-12.sale-color {
font-size: 52px;
}
.text-span-188 {
font-size: 30px;
}
.promo-text---large-13 {
font-size: 44px;
}
.promo-text---large-13.sale-color {
font-size: 52px;
}
.text-span-189 {
font-size: 30px;
}
.promo-text---large-14 {
font-size: 44px;
}
.promo-text---large-14.sale-color {
font-size: 52px;
}
.text-span-190 {
font-size: 30px;
}
.brands-holder-press-2 {
padding-left: 0;
}
.brands-section-press-2 {
width: 2300px;
}
.brands-wrap-press-2 {
display: flex;
}
.brand-div-press-2 {
margin-right: 20px;
}
.logo-14 {
width: 140px;
}
.biz-cta {
padding-bottom: 20px;
}
.campaign-benefits {
padding: 28px;
}
.campaign-benefits.promotion, .campaign-benefits.promotion-none {
width: 150%;
}
.campaign-benefits.regular {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.pricing-txt-body-3 {
min-height: 200px;
}
.button---sub-base-mask-13 {
display: block;
}
.button---sub-base-mask-13.play-btn-color {
margin-top: 0;
}
.button-base-text-34.button2-2-text {
font-size: 15px;
}
.button-base-text-34.button2-2-text:lang(ja) {
font-size: 14px;
}
.arrow-27 {
width: 10px;
height: 10px;
}
.card-number-4 {
font-size: 12px;
}
.card-number-4.large {
font-size: 20px;
}
.txt-grid-1col {
grid-column-gap: 19px;
grid-row-gap: 2px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.txt-grid-1col.padding-under-30 {
grid-template-rows: auto;
}
.txt-grid-1col.mobile-10 {
padding-top: 10px;
display: block;
}
.txt-grid-1col.mobile-10.mobile-campaign {
flex-flow: column;
margin-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.campaign-steps {
padding: 28px;
}
.campaign-steps.promotion, .campaign-steps.promotion-none {
width: 150%;
}
.campaign-steps.regular {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.image-step {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 8vh;
padding-left: 24px;
padding-right: 24px;
}
.image-step.padding {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
max-width: 479px;
margin-bottom: 3vh;
}
.level-box {
min-height: 480px;
max-height: 480px;
padding: 1.5em;
}
.level-box._2, .level-box._3 {
min-height: 350px;
}
.level-box._1 {
min-height: 340px;
max-height: 800px;
}
.level-box._1.border-color {
width: 100%;
min-width: 100px;
max-width: 140px;
min-height: 100px;
max-height: 140px;
padding-top: 1em;
padding-bottom: 1em;
}
.level-box._1.border-color.creator {
width: 100%;
min-height: auto;
}
.level-box.api-1 {
min-height: 340px;
max-height: 800px;
}
.level-box.api-1.api-color.why-api {
min-height: 350px;
}
.level-box.vc-box {
min-height: 340px;
max-height: 800px;
}
.campaign-level-box---arrow {
width: 100%;
min-width: 10px;
height: 20%;
min-height: 60px;
max-height: 60px;
padding: .5em 1em;
}
.campaign-level-box---arrow._2, .campaign-level-box---arrow._3 {
min-height: 350px;
}
.campaign-level-box---arrow._1 {
min-height: 340px;
max-height: 800px;
}
.campaign-level-box---arrow._1.border-color.creator {
width: 100%;
min-height: auto;
}
.campaign-level-box---arrow.api-1 {
min-height: 340px;
max-height: 800px;
}
.campaign-level-box---arrow.api-1.api-color.why-api {
min-height: 350px;
}
.campaign-level-box---arrow.vc-box {
min-height: 340px;
max-height: 800px;
}
.text-span-195:lang(ko) {
font-size: 18px;
}
.campaign-box-2 {
min-height: 300px;
max-height: 480px;
padding: 1.5em;
}
.campaign-box-2.mobile {
min-height: 200px;
}
.campaign-box-2.mobile.creator {
min-height: 120px;
}
.voicepartners {
margin-top: 60px;
margin-bottom: 0;
overflow: hidden;
}
.card-txt---tt-box-profile, .card-txt---tt-box-profile.padding {
width: 100%;
}
.products---sub-txt-profile {
font-size: 16px;
}
.products---sub-txt-profile.padding-top-20px.api-color {
padding-top: 10px;
}
.products---sub-txt-profile.mobile, .products---sub-txt-profile.padding-top-0 {
padding-top: 0;
}
.products---sub-txt-profile.dokkaebi {
font-size: 14px;
}
.card-txt---tt-profile.services-intro-hero {
text-align: justify;
width: 100%;
}
.card-txt---tt-profile.text-brand-description {
text-align: justify;
}
.card-txt---tt-profile.about-testimonial {
text-align: justify;
margin-bottom: 24px;
}
.card-txt---tt-profile.medium.small {
color: var(--c-primary--blue-500);
font-size: 28px;
}
.card-txt---tt-profile.play-color.gap.play-official.bg-color {
font-size: 50px;
}
.card-txt---tt-profile.play-color.gap.play-official.bg-color.mobile {
font-size: 44px;
}
.card-txt---tt-profile.clear-color {
padding-bottom: 10px;
}
.card-txt---tt-profile.clear-color.mobile-padding {
padding-bottom: 20px;
}
.card-txt---tt-profile.air-color {
padding-bottom: 10px;
}
.card-txt---tt-profile.air-color.mobile-padding {
padding-bottom: 20px;
}
.card-txt---tt-profile.api-color {
padding-bottom: 0;
}
.image-53 {
width: 60px;
height: 60px;
}
.text-span-213, .text-span-214, .text-span-215, .text-span-216 {
font-weight: 400;
}
.image-54 {
width: 80px;
}
.image-55 {
width: 80px;
bottom: 10px;
left: 10px;
}
.image-56 {
width: 80px;
position: absolute;
bottom: 10px;
left: 10px;
}
.footer-contact-grid-3 {
grid-template-rows: auto;
padding-bottom: 20px;
}
.btn-small-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.form-block-2 {
margin-bottom: 0;
}
.process-inner-grid-copy.gap {
grid-column-gap: 11px;
grid-row-gap: 11px;
}
.company-2 {
background-color: var(--c-primary--bg);
}
.play-pricing-260520.bg-black.padding {
margin-top: 0;
}
.tt-holder-banner-link {
overflow: hidden;
}
.mobile-see {
min-width: auto;
min-height: auto;
}
}
#w-node-_267ab442-bf9f-506c-734a-52fdae547cc3-a8bb1875, #w-node-_267ab442-bf9f-506c-734a-52fdae547cf1-a8bb1875, #w-node-_267ab442-bf9f-506c-734a-52fdae547d1f-a8bb1875, #w-node-_267ab442-bf9f-506c-734a-52fdae547d53-a8bb1875, #w-node-_267ab442-bf9f-506c-734a-52fdae547dd4-a8bb1875, #w-node-_267ab442-bf9f-506c-734a-52fdae547e55-a8bb1875 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_343aae16-6cd4-f7eb-8ef1-e90eb3ea1a05-a8bb1875 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_343aae16-6cd4-f7eb-8ef1-e90eb3ea1a1e-a8bb1875 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-d40304c0-08e9-3fd1-76d0-110a373f97bd-a8bb1875, #w-node-ee01dc09-a5bc-1a7b-9806-8addc4996e6c-a8bb1875 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a38776a1-fd00-1628-d4a1-dac16dfebd87-a8bb1875 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb1875 {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89605-a8bb1875 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-a472b864-92eb-3a80-51d7-29a0cf38d829-a8bb1875, #w-node-_7a0ef465-4b4b-f7f7-c071-83e42308aa32-a8bb1875, #w-node-f3872576-be93-1984-de43-e205c4b0ca3a-a8bb1875 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ad580326-f3b7-eb2c-38a6-28834083b3d7-a8bb1875 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_24256126-48fc-7c77-8d3d-52de10107df6-a8bb1875, #w-node-_24256126-48fc-7c77-8d3d-52de10107df7-a8bb1875, #w-node-_24256126-48fc-7c77-8d3d-52de10107df8-a8bb1875, #w-node-_24256126-48fc-7c77-8d3d-52de10107df9-a8bb1875, #w-node-_24256126-48fc-7c77-8d3d-52de10107dfa-a8bb1875, #w-node-_24256126-48fc-7c77-8d3d-52de10107dfb-a8bb1875, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e2798f-a8bb1875, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27990-a8bb1875, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27991-a8bb1875, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27992-a8bb1875, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27993-a8bb1875, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27995-a8bb1875, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b19-a8bb1875, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1a-a8bb1875, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1b-a8bb1875, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1c-a8bb1875, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1d-a8bb1875, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1f-a8bb1875 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ae515d59-28c6-e649-6be3-f8aa4e854ef4-a8bb1875 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-ae515d59-28c6-e649-6be3-f8aa4e854f00-a8bb1875 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-ae515d59-28c6-e649-6be3-f8aa4e854f12-a8bb1875 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3de-a8bb1875 {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3e4-a8bb1875 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3e6-a8bb1875 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb1875 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb1875 {
align-self: start;
}
#w-node-e5ee2590-7b22-b4d9-caa6-c567258ec384-a8bb1875 {
align-self: end;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96e-a8bb1875 {
align-self: start;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb1875 {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-_49a4019b-1417-b62a-016e-2a26dfb2fbb9-a8bb1875 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffc-a8bb1875, #w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffe-a8bb1875, #w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef7003-a8bb1875 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1875 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448736-a8bb1875, #w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448739-a8bb1875 {
align-self: center;
}
#w-node-_3cf8202b-6cc7-85e6-c4d5-58a98fac353c-a8bb1875, #w-node-b0f1c745-a554-ee9e-357f-899c50e92aa0-a8bb1875, #w-node-_101c2132-f1a6-3e60-1aea-b3bd00be477c-a8bb1875, #w-node-ce31a2e9-6858-cf3b-194e-f29d1f5836c7-a8bb1875, #w-node-_466989a6-553b-f770-89fd-fd13b330ff0a-a8bb1875 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb1875 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4444-a8bb1875, #w-node-b9287103-d5fb-1137-f473-49be6bae4447-a8bb1875 {
align-self: center;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae444c-a8bb1875 {
place-self: center;
}
#w-node-_79584080-1873-07c0-3ac2-5014c6cdaf22-a8bb1875 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_88db83fd-7eee-a9ce-7099-9998687c17b8-a8bb1875 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_95d0e7f5-95ba-6432-87df-7d785e46f653-a8bb1875 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb1875 {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-fbf07c7a-c9f4-5dfc-274c-5cbd79eef657-a8bb1875 {
grid-area: 2 / 4 / 3 / 5;
}
#w-node-_3190df25-2826-e607-a51b-9e9a38f42e4b-a8bb1875 {
grid-area: 2 / 3 / 3 / 4;
place-self: center;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809374-a8bb1875 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb1875 {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-_37d364f0-67be-b5f6-2ad2-65d9eedae47e-a8bb1875, #w-node-_678e5d6f-3927-571f-9898-02be97b7cb4b-a8bb1875, #w-node-_678e5d6f-3927-571f-9898-02be97b7cb5d-a8bb1875 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cba4-a8bb1875 {
align-self: center;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cbc3-a8bb1875 {
grid-area: 1 / 2 / 2 / 4;
align-self: center;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cbdc-a8bb1875, #w-node-_678e5d6f-3927-571f-9898-02be97b7cbf8-a8bb1875, #w-node-_678e5d6f-3927-571f-9898-02be97b7cc11-a8bb1875 {
align-self: center;
}
#w-node-_90a37842-e179-4bf0-5b03-a8f8aae18dec-a8bb1875 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_90a37842-e179-4bf0-5b03-a8f8aae18df8-a8bb1875 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb36-a8bb1875, #w-node-bac4efcb-3072-8d17-0fea-1d01019e1a14-a8bb1875, #w-node-_15fa43e4-0caa-a025-9d80-7c8cb2566636-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fde-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fdf-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe0-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe1-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe2-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe3-a8bb1875, #w-node-d21ed100-f511-315f-1e9c-15089c141063-a8bb1875, #w-node-d21ed100-f511-315f-1e9c-15089c141064-a8bb1875, #w-node-d21ed100-f511-315f-1e9c-15089c141065-a8bb1875, #w-node-d21ed100-f511-315f-1e9c-15089c141066-a8bb1875, #w-node-d21ed100-f511-315f-1e9c-15089c141067-a8bb1875, #w-node-d21ed100-f511-315f-1e9c-15089c141068-a8bb1875, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce5-a8bb1875, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce6-a8bb1875, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce7-a8bb1875, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce8-a8bb1875, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce9-a8bb1875, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8cea-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fff-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7000-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7002-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7003-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7004-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7005-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7006-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7007-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700a-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700b-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700d-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700e-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700f-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7010-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7011-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7012-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7015-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7016-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7018-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7019-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701a-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701b-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701c-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701d-a8bb1875 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb1875 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb1875 {
align-self: start;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4341-a8bb1875 {
align-self: end;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4351-a8bb1875 {
align-self: start;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4356-a8bb1875 {
place-self: center;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb1875 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_8625cf48-5528-15b4-d3f5-0738a52f4cb8-a8bb1875 {
align-self: end;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb1875, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d89e-a8bb1875 {
align-self: start;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d8a3-a8bb1875 {
place-self: center;
}
#w-node-ecb7e6c0-56c2-5f32-c4f3-7198c96ca71a-a8bb1875 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-ecb7e6c0-56c2-5f32-c4f3-7198c96ca733-a8bb1875 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_5c9e8404-9fbe-cded-6c07-6a13f77ab084-a8bb1875 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5c9e8404-9fbe-cded-6c07-6a13f77ab09d-a8bb1875 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_4986dab4-28e5-43fd-2b23-3b6274050144-a8bb1875 {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-eff517d8-5a1e-e0ad-28d0-de352e566963-a8bb1875 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-e5b248b5-88f7-933a-86b8-0c177e3e9bf5-a8bb1875 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_28f111df-72ae-ae5b-b123-7f56fbed987d-a8bb1875 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_28f111df-72ae-ae5b-b123-7f56fbed9896-a8bb1875 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-cbbc4491-9d11-c216-342c-426d52d7558f-2febdbd0 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cbbc4491-9d11-c216-342c-426d52d75590-2febdbd0 {
grid-area: 1 / 1 / 2 / 2;
align-self: start;
}
#w-node-_2a8e6be8-defd-4359-eb48-901b725ab85c-2febdbd0 {
grid-area: 2 / 2 / 3 / 3;
align-self: auto;
}
#w-node-_765c24e9-d8a3-3e0a-7fa4-24db89e3302a-2febdbd0 {
grid-area: 2 / 1 / 3 / 2;
align-self: end;
}
#w-node-a358a83b-4615-d101-273d-a9795f2623e5-2febdbd0 {
grid-area: 1 / 2 / 2 / 3;
justify-self: auto;
}
#w-node-f9647453-0f5e-6f24-9109-0bf208076e8e-339f416c, #w-node-f9647453-0f5e-6f24-9109-0bf208076e94-339f416c, #w-node-f9647453-0f5e-6f24-9109-0bf208076e97-339f416c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b15ed9ed-49a0-489b-7cf4-9255339f416f-339f416c {
justify-self: start;
}
#w-node-_4e517f8a-e470-fe51-9c54-2ce510bb0b6f-339f416c {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-b72062ce-c62c-67a1-9282-80e6f282bff9-339f416c {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_5c59975f-895b-9e80-2c6b-1e9ad524b71d-339f416c, #w-node-_7e9b118b-3d7f-e389-46cb-6c2a875a2aa5-339f416c {
grid-area: 1 / 1 / 2 / 2;
justify-self: start;
}
#w-node-_7e9b118b-3d7f-e389-46cb-6c2a875a2aad-339f416c {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_7e9b118b-3d7f-e389-46cb-6c2a875a2b4e-339f416c {
align-self: auto;
}
#w-node-_7e9b118b-3d7f-e389-46cb-6c2a875a2b50-339f416c, #w-node-_7e9b118b-3d7f-e389-46cb-6c2a875a2b49-339f416c, #w-node-_7e9b118b-3d7f-e389-46cb-6c2a875a2b5b-339f416c, #w-node-_7e9b118b-3d7f-e389-46cb-6c2a875a2b63-339f416c, #w-node-_7e9b118b-3d7f-e389-46cb-6c2a875a2b6b-339f416c {
align-self: center;
}
#w-node-_7e9b118b-3d7f-e389-46cb-6c2a875a2c01-339f416c {
justify-self: end;
}
#w-node-_9100cf10-d4c3-6081-1fd9-9b158dce452c-a8bb1876 {
grid-area: 1 / 2 / 3 / 3;
place-self: end start;
}
#w-node-_78d8dd70-30fc-9cfe-533b-de1afb572d5d-a8bb1876 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_78d8dd70-30fc-9cfe-533b-de1afb572d69-a8bb1876 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_3f70604d-bf27-f72b-f7c8-9caebf482942-a8bb1876, #w-node-_2ad92521-cb3c-457a-a371-915736545a7a-a8bb1876, #w-node-_9a3d6025-b603-1c3b-69ea-58145d83cb7b-a8bb1876 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b75f41dc-859a-3f8b-6821-dc7f27121c63-a8bb1876 {
align-self: center;
}
#w-node-b75f41dc-859a-3f8b-6821-dc7f27121c82-a8bb1876 {
grid-area: 1 / 2 / 2 / 4;
align-self: center;
}
#w-node-b75f41dc-859a-3f8b-6821-dc7f27121c9b-a8bb1876, #w-node-cc6bd7b0-2b6e-0aef-f42c-b09c24c05087-a8bb1876, #w-node-cc6bd7b0-2b6e-0aef-f42c-b09c24c050b9-a8bb1876 {
align-self: center;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb1876 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb1876 {
align-self: start;
}
#w-node-e5ee2590-7b22-b4d9-caa6-c567258ec384-a8bb1876 {
align-self: end;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96e-a8bb1876 {
align-self: start;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb1876 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_8625cf48-5528-15b4-d3f5-0738a52f4cb8-a8bb1876 {
align-self: end;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb1876 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d89e-a8bb1876 {
align-self: start;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d8a3-a8bb1876 {
place-self: center;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb1876 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb1876 {
align-self: start;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4341-a8bb1876 {
align-self: end;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4351-a8bb1876 {
align-self: start;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4356-a8bb1876 {
place-self: center;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1876 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448736-a8bb1876, #w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448739-a8bb1876 {
align-self: center;
}
#w-node-_3cf8202b-6cc7-85e6-c4d5-58a98fac353c-a8bb1876, #w-node-b0f1c745-a554-ee9e-357f-899c50e92aa0-a8bb1876, #w-node-_101c2132-f1a6-3e60-1aea-b3bd00be477c-a8bb1876, #w-node-ce31a2e9-6858-cf3b-194e-f29d1f5836c7-a8bb1876, #w-node-_466989a6-553b-f770-89fd-fd13b330ff0a-a8bb1876 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb1876 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4444-a8bb1876, #w-node-b9287103-d5fb-1137-f473-49be6bae4447-a8bb1876 {
align-self: center;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae444c-a8bb1876 {
place-self: center;
}
#w-node-_92cc5eb7-0c74-3399-68b6-d26c3208a7d7-a8bb1876 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_92cc5eb7-0c74-3399-68b6-d26c3208a7dd-a8bb1876, #w-node-_92cc5eb7-0c74-3399-68b6-d26c3208a7e0-a8bb1876 {
align-self: center;
}
#w-node-_92cc5eb7-0c74-3399-68b6-d26c3208a7e5-a8bb1876 {
place-self: center;
}
#w-node-_79584080-1873-07c0-3ac2-5014c6cdaf22-a8bb1876 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_88db83fd-7eee-a9ce-7099-9998687c17b8-a8bb1876 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_95d0e7f5-95ba-6432-87df-7d785e46f653-a8bb1876 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb1876 {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-fbf07c7a-c9f4-5dfc-274c-5cbd79eef657-a8bb1876 {
grid-area: 2 / 4 / 3 / 5;
}
#w-node-_3190df25-2826-e607-a51b-9e9a38f42e4b-a8bb1876 {
grid-area: 2 / 3 / 3 / 4;
place-self: center;
}
#w-node-cfce5c76-4fff-0ba7-119d-efa1945bde4a-a8bb1879, #w-node-f82edae8-cdbd-0e86-fdee-9000a92671b8-a8bb1879, #w-node-_2fc0d285-e52b-6e5a-b072-9c97c7c20d5e-a8bb1879, #w-node-_0ae6cd86-04cd-d840-ab3b-134bed126910-a8bb1879, #w-node-_0ae6cd86-04cd-d840-ab3b-134bed126912-a8bb1879 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1cab4ead-432e-c1bd-be06-9076f816dfa6-a8bb1879 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-a8e2518a-28f6-1378-dee1-c9354540b01c-a8bb1879, #w-node-_438f5f75-9d62-fff1-97ca-2010efda790f-a8bb1879 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2fad5c06-cdc5-346e-f95a-60f62f17bd32-b1bca1e6, #w-node-ce0361e7-2c79-2202-0336-81edb1bca1e9-b1bca1e6, #w-node-ce0361e7-2c79-2202-0336-81edb1bca1eb-b1bca1e6 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_0d3d367b-f03e-fae8-24e0-a8dd2014695b-2014695b, #w-node-_0d3d367b-f03e-fae8-24e0-a8dd2014695c-2014695b, #w-node-e20d9453-adeb-cac9-06a9-fc6dd2743dd7-a8bb187a, #w-node-_4e983ba0-b254-be8d-c96c-360f7649b618-a8bb187b, #w-node-f094ff19-ef30-3614-f2a6-ae318a11dd74-a8bb187b, #w-node-_3f29bbf2-93dc-b21a-33b0-4bf81be32104-a8bb187b, #w-node-b97bbef6-c695-1b6c-b7ee-65a084e42284-a8bb187b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8062d892-5048-339f-97c5-2d505f0042ff-a8bb187d {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_47194bd1-efc5-a48a-de8e-ea3f4a09465d-a8bb187d {
grid-area: 1 / 2 / 2 / 3;
justify-self: center;
}
#w-node-a263fe45-51b5-16b8-4c41-b1cf1507fe9a-a8bb187d {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-_452b0e2d-6cb5-93c1-8cdd-e86e394a7d97-a8bb187d, #w-node-_2e055620-b742-64b4-0230-7ddf18844a67-a8bb187e, #w-node-_8313ec63-1e49-4d59-aebd-b0fecec75b98-a8bb187f, #w-node-fdf6c992-cf8f-47c0-8019-132e887ee497-a8bb187f, #w-node-_4f62aba0-ad08-16af-a623-9c50f1da3ae4-a8bb187f, #w-node-_0505c892-f5b7-7c46-1ec9-56676d5ec723-a8bb187f, #w-node-_408351df-842e-fef3-f67a-911df5d8510d-a8bb187f, #w-node-_1f5ae61f-05f3-aaab-41ff-06ecaee141c4-a8bb1881, #w-node-_3ae797e2-0576-1429-4e46-2855d2bcb179-a8bb1881, #w-node-_9e56f781-438f-3bff-ad8e-204c565a92b4-a8bb1881, #w-node-fd23a560-8b7a-b433-4c81-b4b91958d51e-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2cbda7dd-c603-ea4f-0548-ba634776d849-a8bb1881 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c7367e24-784b-6168-c129-96fbb9df9a61-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-fdad1ad6-7a96-353b-a910-355b01fa08bd-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c5663764-0987-42bc-f6e3-c4bf92cfd15e-a8bb1881 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-c5663764-0987-42bc-f6e3-c4bf92cfd163-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c5663764-0987-42bc-f6e3-c4bf92cfd169-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-c5663764-0987-42bc-f6e3-c4bf92cfd16b-a8bb1881 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_9d280bc2-19de-adc2-a39b-9db3d33726d3-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9d280bc2-19de-adc2-a39b-9db3d33726d9-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_9d280bc2-19de-adc2-a39b-9db3d33726da-a8bb1881 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3f90e446-57f8-e017-69f8-dac00720470b-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3f90e446-57f8-e017-69f8-dac007204711-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3f90e446-57f8-e017-69f8-dac007204712-a8bb1881 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-c8b6645b-36eb-7db5-1eef-b7b82a314ee6-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c8b6645b-36eb-7db5-1eef-b7b82a314eec-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-c8b6645b-36eb-7db5-1eef-b7b82a314eed-a8bb1881 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6081d0d7-0a7a-ed7d-a013-99fb031bf918-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6081d0d7-0a7a-ed7d-a013-99fb031bf91e-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6081d0d7-0a7a-ed7d-a013-99fb031bf91f-a8bb1881 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56bb-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56be-a8bb1881 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56c0-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56c1-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56cb-a8bb1881 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56cd-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56d3-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56d4-a8bb1881 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56d7-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56dd-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56de-a8bb1881 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56e1-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56e7-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56e8-a8bb1881 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56eb-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56f1-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56f2-a8bb1881 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56f5-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56fb-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56fc-a8bb1881 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_801d5801-db23-e714-6254-380b34ef30f8-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_801d5801-db23-e714-6254-380b34ef30fb-a8bb1881 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_801d5801-db23-e714-6254-380b34ef30fd-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_801d5801-db23-e714-6254-380b34ef30fe-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_801d5801-db23-e714-6254-380b34ef3107-a8bb1881 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_801d5801-db23-e714-6254-380b34ef3109-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_801d5801-db23-e714-6254-380b34ef310f-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_801d5801-db23-e714-6254-380b34ef3110-a8bb1881 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_801d5801-db23-e714-6254-380b34ef3113-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_801d5801-db23-e714-6254-380b34ef3119-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_801d5801-db23-e714-6254-380b34ef311a-a8bb1881 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_801d5801-db23-e714-6254-380b34ef311d-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_801d5801-db23-e714-6254-380b34ef3123-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_801d5801-db23-e714-6254-380b34ef3124-a8bb1881 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-d36ad37e-09f7-80f6-de1f-6ac8145ad731-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d36ad37e-09f7-80f6-de1f-6ac8145ad734-a8bb1881 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d36ad37e-09f7-80f6-de1f-6ac8145ad736-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-d36ad37e-09f7-80f6-de1f-6ac8145ad737-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d36ad37e-09f7-80f6-de1f-6ac8145ad740-a8bb1881 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-d36ad37e-09f7-80f6-de1f-6ac8145ad742-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d36ad37e-09f7-80f6-de1f-6ac8145ad748-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-d36ad37e-09f7-80f6-de1f-6ac8145ad749-a8bb1881 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-d36ad37e-09f7-80f6-de1f-6ac8145ad74c-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d36ad37e-09f7-80f6-de1f-6ac8145ad752-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-d36ad37e-09f7-80f6-de1f-6ac8145ad753-a8bb1881 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_525b1281-faf4-52eb-3477-9cbcca0c0900-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_525b1281-faf4-52eb-3477-9cbcca0c0906-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_525b1281-faf4-52eb-3477-9cbcca0c0907-a8bb1881 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_5bdaeabb-1e2d-b6e9-27f1-ffd1f3bcfa5e-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5bdaeabb-1e2d-b6e9-27f1-ffd1f3bcfa60-a8bb1881 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_5bdaeabb-1e2d-b6e9-27f1-ffd1f3bcfa62-a8bb1881 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_5bdaeabb-1e2d-b6e9-27f1-ffd1f3bcfa64-a8bb1881 {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-_5bdaeabb-1e2d-b6e9-27f1-ffd1f3bcfa66-a8bb1881 {
grid-area: 2 / 4 / 3 / 5;
}
#w-node-_5bdaeabb-1e2d-b6e9-27f1-ffd1f3bcfa68-a8bb1881 {
grid-area: 2 / 3 / 3 / 4;
place-self: center;
}
#typography.w-node-ad636587-e237-daaa-3f05-566a0a786d14-a8bb1882, #w-node-ceb584c3-e546-16c4-dc15-1be6b2acf0d9-a8bb1882, #w-node-_05ff48d3-2fdd-d923-35d7-48c138d817ff-a8bb1882, #w-node-cfce5c76-4fff-0ba7-119d-efa1945bde4a-a8bb1884, #w-node-f82edae8-cdbd-0e86-fdee-9000a92671b8-a8bb1884, #w-node-_2fc0d285-e52b-6e5a-b072-9c97c7c20d5e-a8bb1884, #w-node-_430936af-5a49-801e-26e0-ac450580dcdd-a8bb1884, #w-node-_9cd61247-249e-6d52-1721-92b504faac16-a8bb1884, #w-node-_9cd61247-249e-6d52-1721-92b504faac18-a8bb1884, #w-node-_9cd61247-249e-6d52-1721-92b504faac1a-a8bb1884, #w-node-_0ed9c8ec-3ad6-5c2e-4889-ff784dd020c1-a8bb1884, #w-node-_0ed9c8ec-3ad6-5c2e-4889-ff784dd020c3-a8bb1884, #w-node-_0ed9c8ec-3ad6-5c2e-4889-ff784dd020c5-a8bb1884, #w-node-_8ca86b0e-c018-e067-fc74-f4b79b6a40e5-a8bb1884, #w-node-_8ca86b0e-c018-e067-fc74-f4b79b6a40e7-a8bb1884, #w-node-_8ca86b0e-c018-e067-fc74-f4b79b6a40e9-a8bb1884, #w-node-a9227e9a-14b7-0328-4319-babcc028c00a-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a9227e9a-14b7-0328-4319-babcc028c00d-a8bb1884 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf27-a8bb1884, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf29-a8bb1884, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf2b-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf30-a8bb1884 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf56-a8bb1884, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf57-a8bb1884, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf5c-a8bb1884, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf5f-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf65-a8bb1884 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf66-a8bb1884 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf69-a8bb1884, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf6c-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf72-a8bb1884 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf73-a8bb1884 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf76-a8bb1884, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf79-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf7f-a8bb1884 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf80-a8bb1884 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328c8-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328cb-a8bb1884 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328cd-a8bb1884 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328ce-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328e8-a8bb1884 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328ea-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328f0-a8bb1884 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328f1-a8bb1884 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328f4-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328fa-a8bb1884 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328fb-a8bb1884 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328fe-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832904-a8bb1884 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832905-a8bb1884 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832908-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183290e-a8bb1884 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183290f-a8bb1884 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832912-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832918-a8bb1884 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183291f-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832922-a8bb1884 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832923-a8bb1884 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832924-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183292d-a8bb1884 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183292f-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832935-a8bb1884 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832936-a8bb1884 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832939-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183293f-a8bb1884 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832940-a8bb1884 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832943-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832949-a8bb1884 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183294a-a8bb1884 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183294d-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832953-a8bb1884 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832954-a8bb1884 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832957-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183295d-a8bb1884 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183295e-a8bb1884 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-cfce5c76-4fff-0ba7-119d-efa1945bde4a-a8bb1885, #w-node-f82edae8-cdbd-0e86-fdee-9000a92671b8-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f66b18a7-65ce-f4b7-b1f7-69974540906a-a8bb1885 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-f66b18a7-65ce-f4b7-b1f7-69974540906b-a8bb1885, #w-node-f66b18a7-65ce-f4b7-b1f7-69974540906e-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: end;
}
#w-node-_1706933d-da75-21f5-baa4-9252de5da00a-a8bb1885, #w-node-_6803760c-7232-6a14-ec4d-3da20d382f99-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382f9c-a8bb1885 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382f9d-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382f9e-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fa7-a8bb1885 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fa9-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382faf-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fb0-a8bb1885 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fb3-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fb9-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fba-a8bb1885 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fbd-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fc3-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fc4-a8bb1885 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fc7-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fcd-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fce-a8bb1885 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fd1-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fd7-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fd8-a8bb1885 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f02-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f05-a8bb1885 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f07-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f08-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f22-a8bb1885 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2f723cfe-13f5-c97c-b632-91b40330ddc3-a8bb1885, #w-node-_2f723cfe-13f5-c97c-b632-91b40330ddc4-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2f723cfe-13f5-c97c-b632-91b40330ddc7-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb22-a8bb1885, #w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb27-a8bb1885, #w-node-_9f2d5325-e980-6988-6b3a-4c8cba038f97-a8bb1885, #w-node-_9f2d5325-e980-6988-6b3a-4c8cba038f98-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9f2d5325-e980-6988-6b3a-4c8cba038f9b-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b9c31296-c58a-5e25-3403-b5e734a61cbf-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b9c31296-c58a-5e25-3403-b5e734a61cc2-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_26656d3e-99f5-648c-5851-6472494d7e8a-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f4e-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_79683f38-1538-a2f4-6f81-fd4ec21105f2-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_79683f38-1538-a2f4-6f81-fd4ec21105f5-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_96d84292-a827-11b3-3afd-d98e77f20286-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_96d84292-a827-11b3-3afd-d98e77f20289-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_33040957-4b17-0bbc-29a0-d31cd72382e9-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_33040957-4b17-0bbc-29a0-d31cd72382ec-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f61-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f64-a8bb1885 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f65-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f66-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f6f-a8bb1885 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f71-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f77-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f78-a8bb1885 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f7b-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f81-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f82-a8bb1885 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f85-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f8b-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f8c-a8bb1885 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f8f-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f95-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f96-a8bb1885 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f99-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f9f-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896fa0-a8bb1885 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca0e0-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca0e5-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca106-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca10d-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca114-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca11b-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca131-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca133-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca13a-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca13b-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: start end;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca13d-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca13f-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca146-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca148-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca14a-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca151-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca153-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca155-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca15c-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca15e-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca160-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca167-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca169-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca16c-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca16d-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca17a-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca186-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca192-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca1ce-a8bb1885 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca1dc-a8bb1885 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca1df-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca1e4-a8bb1885 {
grid-area: 2 / 2 / 3 / 3;
align-self: start;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5e9b-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5e9c-a8bb1885 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5e9e-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5e9f-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5eaa-a8bb1885 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5eac-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5eb2-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5eb6-a8bb1885, #w-node-_366a6010-d172-19a9-729d-fff47b0b5eb7-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5ebd-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5ec2-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5ec8-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5ecd-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5ed3-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5edb-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5ede-a8bb1885 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5edf-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5ee0-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5ee9-a8bb1885 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5eeb-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5ef1-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5ef2-a8bb1885 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5ef5-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5efb-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5efc-a8bb1885 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5eff-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5f05-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5f06-a8bb1885 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5f09-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5f0f-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5f10-a8bb1885 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5f13-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5f19-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5f1a-a8bb1885 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_9cd61247-249e-6d52-1721-92b504faac16-a8bb1885, #w-node-_9cd61247-249e-6d52-1721-92b504faac18-a8bb1885, #w-node-_9cd61247-249e-6d52-1721-92b504faac1a-a8bb1885, #w-node-cfce5c76-4fff-0ba7-119d-efa1945bde4a-a8bb1886, #w-node-f82edae8-cdbd-0e86-fdee-9000a92671b8-a8bb1886, #w-node-_1706933d-da75-21f5-baa4-9252de5da00a-a8bb1886, #w-node-_6803760c-7232-6a14-ec4d-3da20d382f99-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382f9c-a8bb1886 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382f9d-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382f9e-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fa7-a8bb1886 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fa9-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382faf-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fb0-a8bb1886 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fb3-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fb9-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fba-a8bb1886 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fbd-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fc3-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fc4-a8bb1886 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fc7-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fcd-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fce-a8bb1886 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fd1-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fd7-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fd8-a8bb1886 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f02-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f05-a8bb1886 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f07-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f08-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f22-a8bb1886 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2f723cfe-13f5-c97c-b632-91b40330ddc3-a8bb1886, #w-node-_2f723cfe-13f5-c97c-b632-91b40330ddc4-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2f723cfe-13f5-c97c-b632-91b40330ddc7-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb22-a8bb1886, #w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb27-a8bb1886, #w-node-_9f2d5325-e980-6988-6b3a-4c8cba038f97-a8bb1886, #w-node-_9f2d5325-e980-6988-6b3a-4c8cba038f98-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9f2d5325-e980-6988-6b3a-4c8cba038f9b-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b9c31296-c58a-5e25-3403-b5e734a61cbf-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b9c31296-c58a-5e25-3403-b5e734a61cc2-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_26656d3e-99f5-648c-5851-6472494d7e8a-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f4e-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_79683f38-1538-a2f4-6f81-fd4ec21105f2-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_79683f38-1538-a2f4-6f81-fd4ec21105f5-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_96d84292-a827-11b3-3afd-d98e77f20286-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_96d84292-a827-11b3-3afd-d98e77f20289-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_33040957-4b17-0bbc-29a0-d31cd72382e9-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_33040957-4b17-0bbc-29a0-d31cd72382ec-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f61-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f64-a8bb1886 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f65-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f66-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f6f-a8bb1886 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f71-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f77-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f78-a8bb1886 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f7b-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f81-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f82-a8bb1886 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f85-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f8b-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f8c-a8bb1886 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f8f-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f95-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f96-a8bb1886 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f99-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f9f-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896fa0-a8bb1886 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21ce7-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21cec-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d0d-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d14-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d1b-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d22-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d38-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d3a-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d41-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d42-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: start end;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d44-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d46-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d4d-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d4f-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d51-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d58-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d5a-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d5c-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d63-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d65-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d67-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d6e-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d70-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d73-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d74-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d81-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d8d-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d99-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21dd5-a8bb1886 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21de3-a8bb1886 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21de6-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21deb-a8bb1886 {
grid-area: 2 / 2 / 3 / 3;
align-self: start;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21e42-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21e5b-a8bb1886 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21e64-a8bb1886, #w-node-cfce5c76-4fff-0ba7-119d-efa1945bde4a-a8bb1887, #w-node-f82edae8-cdbd-0e86-fdee-9000a92671b8-a8bb1887, #w-node-_1706933d-da75-21f5-baa4-9252de5da00a-a8bb1887, #w-node-_6803760c-7232-6a14-ec4d-3da20d382f99-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382f9c-a8bb1887 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382f9d-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382f9e-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fa7-a8bb1887 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fa9-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382faf-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fb0-a8bb1887 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fb3-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fb9-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fba-a8bb1887 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fbd-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fc3-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fc4-a8bb1887 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fc7-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fcd-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fce-a8bb1887 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fd1-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fd7-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fd8-a8bb1887 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f02-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f05-a8bb1887 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f07-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f08-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f22-a8bb1887 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2f723cfe-13f5-c97c-b632-91b40330ddc3-a8bb1887, #w-node-_2f723cfe-13f5-c97c-b632-91b40330ddc4-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2f723cfe-13f5-c97c-b632-91b40330ddc7-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb22-a8bb1887, #w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb27-a8bb1887, #w-node-_9f2d5325-e980-6988-6b3a-4c8cba038f97-a8bb1887, #w-node-_9f2d5325-e980-6988-6b3a-4c8cba038f98-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9f2d5325-e980-6988-6b3a-4c8cba038f9b-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b9c31296-c58a-5e25-3403-b5e734a61cbf-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b9c31296-c58a-5e25-3403-b5e734a61cc2-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_26656d3e-99f5-648c-5851-6472494d7e8a-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f4e-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_79683f38-1538-a2f4-6f81-fd4ec21105f2-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_79683f38-1538-a2f4-6f81-fd4ec21105f5-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_96d84292-a827-11b3-3afd-d98e77f20286-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_96d84292-a827-11b3-3afd-d98e77f20289-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_33040957-4b17-0bbc-29a0-d31cd72382e9-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_33040957-4b17-0bbc-29a0-d31cd72382ec-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f61-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f64-a8bb1887 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f65-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f66-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f6f-a8bb1887 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f71-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f77-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f78-a8bb1887 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f7b-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f81-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f82-a8bb1887 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f85-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f8b-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f8c-a8bb1887 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f8f-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f95-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f96-a8bb1887 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f99-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f9f-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896fa0-a8bb1887 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21ce7-a8bb1887, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21cec-a8bb1887, #w-node-d9a830fb-5f07-463c-8c48-7e3e92339a24-a8bb1887, #w-node-d9a830fb-5f07-463c-8c48-7e3e92339a29-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21de3-a8bb1887 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21deb-a8bb1887 {
grid-area: 1 / 2 / 2 / 3;
align-self: start;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21e42-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21e5b-a8bb1887 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21e64-a8bb1887, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb1888, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb1888, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb1888, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb1888 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b17-a8bb1888 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b1a-a8bb1888 {
grid-area: 1 / 2 / 2 / 3;
align-self: start;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb1888 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb1888 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c71-a8bb1888, #w-node-a9227e9a-14b7-0328-4319-babcc028c00a-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a9227e9a-14b7-0328-4319-babcc028c00d-a8bb1889 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf27-a8bb1889, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf29-a8bb1889, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf2b-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf30-a8bb1889 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf56-a8bb1889, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf57-a8bb1889, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf5c-a8bb1889, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf5f-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf65-a8bb1889 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf66-a8bb1889 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf69-a8bb1889, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf6c-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf72-a8bb1889 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf73-a8bb1889 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf76-a8bb1889, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf79-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf7f-a8bb1889 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf80-a8bb1889 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328c8-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328cb-a8bb1889 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328cd-a8bb1889 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328ce-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328e8-a8bb1889 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328ea-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328f0-a8bb1889 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328f1-a8bb1889 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328f4-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328fa-a8bb1889 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328fb-a8bb1889 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328fe-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832904-a8bb1889 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832905-a8bb1889 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832908-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183290e-a8bb1889 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183290f-a8bb1889 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832912-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832918-a8bb1889 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183291f-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832922-a8bb1889 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832923-a8bb1889 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832924-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183292d-a8bb1889 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183292f-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832935-a8bb1889 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832936-a8bb1889 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832939-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183293f-a8bb1889 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832940-a8bb1889 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832943-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832949-a8bb1889 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183294a-a8bb1889 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183294d-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832953-a8bb1889 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832954-a8bb1889 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832957-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183295d-a8bb1889 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183295e-a8bb1889 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-cfce5c76-4fff-0ba7-119d-efa1945bde4a-a8bb1889, #w-node-f82edae8-cdbd-0e86-fdee-9000a92671b8-a8bb1889, #w-node-_2fc0d285-e52b-6e5a-b072-9c97c7c20d5e-a8bb1889, #w-node-_430936af-5a49-801e-26e0-ac450580dcdd-a8bb1889, #w-node-_9cd61247-249e-6d52-1721-92b504faac16-a8bb1889, #w-node-_9cd61247-249e-6d52-1721-92b504faac18-a8bb1889, #w-node-_9cd61247-249e-6d52-1721-92b504faac1a-a8bb1889, #w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0c-a8bb188a, #w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0e-a8bb188a, #w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a10-a8bb188a, #w-node-_9883b7a7-aa9a-2aae-fd67-71cc0b45857a-a8bb188a, #w-node-_9883b7a7-aa9a-2aae-fd67-71cc0b45857c-a8bb188a, #w-node-fa72c79c-2bf8-0118-11e4-a62928e98ea2-a8bb188a, #w-node-fa72c79c-2bf8-0118-11e4-a62928e98ea3-a8bb188a, #w-node-fa72c79c-2bf8-0118-11e4-a62928e98ea4-a8bb188a, #w-node-fa72c79c-2bf8-0118-11e4-a62928e98ea5-a8bb188a, #w-node-fa72c79c-2bf8-0118-11e4-a62928e98ea6-a8bb188a, #w-node-fa72c79c-2bf8-0118-11e4-a62928e98ea7-a8bb188a, #w-node-c206bdf1-2251-b932-32f5-cf0943866ede-a8bb188a, #w-node-c206bdf1-2251-b932-32f5-cf0943866edf-a8bb188a, #w-node-c206bdf1-2251-b932-32f5-cf0943866ee0-a8bb188a, #w-node-c206bdf1-2251-b932-32f5-cf0943866ee1-a8bb188a, #w-node-c206bdf1-2251-b932-32f5-cf0943866ee2-a8bb188a, #w-node-c206bdf1-2251-b932-32f5-cf0943866ee3-a8bb188a, #w-node-a5ee4051-e98d-963b-128d-2448baae7508-a8bb188a, #w-node-a5ee4051-e98d-963b-128d-2448baae7509-a8bb188a, #w-node-a5ee4051-e98d-963b-128d-2448baae750a-a8bb188a, #w-node-a5ee4051-e98d-963b-128d-2448baae750b-a8bb188a, #w-node-a5ee4051-e98d-963b-128d-2448baae750c-a8bb188a, #w-node-a5ee4051-e98d-963b-128d-2448baae750d-a8bb188a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa91eb-a8bb188a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa91ed-a8bb188a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa91ef-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa91f4-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa91fc-a8bb188a {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa91fd-a8bb188a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa91ff-a8bb188a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9201-a8bb188a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9203-a8bb188a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa920e-a8bb188a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9215-a8bb188a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa921a-a8bb188a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa921b-a8bb188a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9220-a8bb188a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9223-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9229-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa922a-a8bb188a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa922d-a8bb188a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9230-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9236-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9237-a8bb188a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa923a-a8bb188a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa923d-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9243-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9244-a8bb188a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9247-a8bb188a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa924a-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9250-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9251-a8bb188a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9254-a8bb188a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9257-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa925d-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa925e-a8bb188a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c148fe-a8bb188a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14900-a8bb188a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14902-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14907-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1490f-a8bb188a {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14910-a8bb188a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14912-a8bb188a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14914-a8bb188a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14916-a8bb188a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14921-a8bb188a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14928-a8bb188a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c1492d-a8bb188a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c1492e-a8bb188a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14933-a8bb188a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14936-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1493c-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1493d-a8bb188a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14940-a8bb188a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14943-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14949-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1494a-a8bb188a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1494d-a8bb188a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14950-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14956-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14957-a8bb188a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1495a-a8bb188a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c1495d-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14963-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14964-a8bb188a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14967-a8bb188a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c1496a-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14970-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14971-a8bb188a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb188a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb188a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb188a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df340495479c-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df340495479e-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a0-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a8-a8bb188a {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a9-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547ab-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547ad-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547af-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547ba-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547c1-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547c6-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547c7-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547cc-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547d5-a8bb188a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547d9-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547e2-a8bb188a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547e6-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547ef-a8bb188a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547f3-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547fc-a8bb188a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954800-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954806-a8bb188a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df340495480a-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df340495480d-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954813-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954814-a8bb188a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954817-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df340495481a-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954820-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954821-a8bb188a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954837-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df340495483c-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954842-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954848-a8bb188a, #w-node-a0bb76b9-7e1e-c49d-6174-57ad2f05151a-a8bb188a, #w-node-a0bb76b9-7e1e-c49d-6174-57ad2f05151c-a8bb188a, #w-node-_22f0b623-69f8-2039-ad55-4db7f3a48f98-a8bb188a, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb188a {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c71-a8bb188a, #w-node-ea52c3f6-62e3-3acc-e329-bf6b293eb934-a8bb188b, #w-node-ea52c3f6-62e3-3acc-e329-bf6b293eb936-a8bb188b, #w-node-ea52c3f6-62e3-3acc-e329-bf6b293eb938-a8bb188b, #w-node-cfce5c76-4fff-0ba7-119d-efa1945bde4a-a8bb188b, #w-node-f82edae8-cdbd-0e86-fdee-9000a92671b8-a8bb188b, #w-node-_2fc0d285-e52b-6e5a-b072-9c97c7c20d5e-a8bb188b, #w-node-_430936af-5a49-801e-26e0-ac450580dcdd-a8bb188b, #w-node-_9cd61247-249e-6d52-1721-92b504faac16-a8bb188b, #w-node-_9cd61247-249e-6d52-1721-92b504faac18-a8bb188b, #w-node-_9cd61247-249e-6d52-1721-92b504faac1a-a8bb188b, #w-node-_0ed9c8ec-3ad6-5c2e-4889-ff784dd020c1-a8bb188b, #w-node-_0ed9c8ec-3ad6-5c2e-4889-ff784dd020c3-a8bb188b, #w-node-_0ed9c8ec-3ad6-5c2e-4889-ff784dd020c5-a8bb188b, #w-node-_8ca86b0e-c018-e067-fc74-f4b79b6a40e5-a8bb188b, #w-node-_8ca86b0e-c018-e067-fc74-f4b79b6a40e7-a8bb188b, #w-node-_8ca86b0e-c018-e067-fc74-f4b79b6a40e9-a8bb188b, #w-node-a9227e9a-14b7-0328-4319-babcc028c00a-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a9227e9a-14b7-0328-4319-babcc028c00d-a8bb188b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf27-a8bb188b, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf29-a8bb188b, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf2b-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf30-a8bb188b {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf56-a8bb188b, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf57-a8bb188b, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf5c-a8bb188b, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf5f-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf65-a8bb188b {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf66-a8bb188b {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf69-a8bb188b, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf6c-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf72-a8bb188b {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf73-a8bb188b {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf76-a8bb188b, #w-node-_383640b3-0f95-0ebf-3622-5c397a26bf79-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf7f-a8bb188b {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf80-a8bb188b {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328c8-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328cb-a8bb188b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328cd-a8bb188b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328ce-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328e8-a8bb188b {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328ea-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328f0-a8bb188b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328f1-a8bb188b {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328f4-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328fa-a8bb188b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328fb-a8bb188b {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328fe-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832904-a8bb188b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832905-a8bb188b {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832908-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183290e-a8bb188b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183290f-a8bb188b {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832912-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832918-a8bb188b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183291f-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832922-a8bb188b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832923-a8bb188b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832924-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183292d-a8bb188b {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183292f-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832935-a8bb188b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832936-a8bb188b {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832939-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183293f-a8bb188b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832940-a8bb188b {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832943-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832949-a8bb188b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183294a-a8bb188b {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183294d-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832953-a8bb188b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832954-a8bb188b {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec1832957-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183295d-a8bb188b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183295e-a8bb188b {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c871-a8bb188c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c873-a8bb188c {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c875-a8bb188c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b8963286-898a-6c2a-d68c-1457c51aa445-a8bb188c {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_7277d92c-8baa-2d92-1ed1-14b5605c4659-a8bb188c {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_520b4b9e-f6d0-a67b-8527-8310b5eb14f0-a8bb188c {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_113346cf-b521-6acc-7057-c7ce1efc3c2f-a8bb188c {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_520b4b9e-f6d0-a67b-8527-8310b5eb14f3-a8bb188c {
grid-area: 2 / 2 / 3 / 4;
}
#w-node-edba06af-74ef-263f-47c6-d971f126aac1-a8bb188c, #w-node-_777543c5-c2eb-2146-2a93-f1db3fe986b3-a8bb188c {
grid-area: 3 / 2 / 4 / 4;
}
#w-node-_796b277c-edc4-c81d-09db-a5890de4d8a9-a8bb188c, #w-node-_018ed046-2f01-11bf-b439-c17456eeff59-a8bb188c {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_8e823fdf-b43a-6662-9e06-4e88b46cf4d2-a8bb188c, #w-node-_00a2d1c1-73dd-aa3b-9143-b0575745eea5-a8bb188c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f04f3fc4-c4ba-894b-c1c1-6fb0fec30bc0-a8bb188c {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a525f6df-c9ce-6ddb-4ab3-cc08371af976-a8bb188c {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_89bbf3c5-0306-76ac-1ea4-57bcd2ad8620-a8bb188c, #w-node-_89bbf3c5-0306-76ac-1ea4-57bcd2ad8623-a8bb188c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_89bbf3c5-0306-76ac-1ea4-57bcd2ad8629-a8bb188c {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_89bbf3c5-0306-76ac-1ea4-57bcd2ad862b-a8bb188c {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_1da6d93c-f92a-f4d1-6481-cd1d82c5acd0-a8bb188c, #w-node-_1da6d93c-f92a-f4d1-6481-cd1d82c5acd3-a8bb188c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1da6d93c-f92a-f4d1-6481-cd1d82c5acd9-a8bb188c {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_1da6d93c-f92a-f4d1-6481-cd1d82c5acdb-a8bb188c {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-f87bcd4e-6a3c-2e61-7429-0e198a17b2b7-a8bb188c, #w-node-f87bcd4e-6a3c-2e61-7429-0e198a17b2ba-a8bb188c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f87bcd4e-6a3c-2e61-7429-0e198a17b2c0-a8bb188c {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-f87bcd4e-6a3c-2e61-7429-0e198a17b2c2-a8bb188c {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_2e5f62ba-c6cd-e2e8-1779-51264d748175-a8bb188c {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_51650dc4-9927-a384-468e-d8b8de47a9ba-a8bb188c {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_15d5282b-484d-1d81-58cb-3fe57c9603b7-a8bb188c {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_88db83fd-7eee-a9ce-7099-9998687c17b8-a8bb188c {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_79584080-1873-07c0-3ac2-5014c6cdaf22-a8bb188c {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb188c {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27735-a8bb188c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27738-a8bb188c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27739-a8bb188c {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2773a-a8bb188c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27743-a8bb188c {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27745-a8bb188c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2774b-a8bb188c {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2774c-a8bb188c {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2774f-a8bb188c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27755-a8bb188c {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27756-a8bb188c {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27759-a8bb188c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2775f-a8bb188c {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27760-a8bb188c {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27763-a8bb188c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27769-a8bb188c {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2776a-a8bb188c {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2776d-a8bb188c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27773-a8bb188c {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27774-a8bb188c {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_9a749ef1-107f-048c-f1a0-a67541772c81-a8bb188c {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-_645c8629-cb06-f89d-030a-fa0803e85e40-a8bb188c {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27735-a8bb188d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27738-a8bb188d {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27739-a8bb188d {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2773a-a8bb188d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27743-a8bb188d {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27745-a8bb188d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2774b-a8bb188d {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2774c-a8bb188d {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2774f-a8bb188d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27755-a8bb188d {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27756-a8bb188d {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27759-a8bb188d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2775f-a8bb188d {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27760-a8bb188d {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27763-a8bb188d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27769-a8bb188d {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2776a-a8bb188d {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2776d-a8bb188d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27773-a8bb188d {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27774-a8bb188d {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3cf8202b-6cc7-85e6-c4d5-58a98fac353c-a8bb188d, #w-node-b0f1c745-a554-ee9e-357f-899c50e92aa0-a8bb188d, #w-node-_101c2132-f1a6-3e60-1aea-b3bd00be477c-a8bb188d, #w-node-ce31a2e9-6858-cf3b-194e-f29d1f5836c7-a8bb188d, #w-node-_466989a6-553b-f770-89fd-fd13b330ff0a-a8bb188d, #w-node-_4f5f0610-ee93-62e3-20b9-153b5e4796a4-a8bb188d, #w-node-_4f5f0610-ee93-62e3-20b9-153b5e4796a7-a8bb188d, #w-node-a41ba250-3574-61d5-64a7-bef3c1c27735-a8bb188e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27738-a8bb188e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27739-a8bb188e {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2773a-a8bb188e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27743-a8bb188e {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27745-a8bb188e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2774b-a8bb188e {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2774c-a8bb188e {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2774f-a8bb188e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27755-a8bb188e {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27756-a8bb188e {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27759-a8bb188e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2775f-a8bb188e {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27760-a8bb188e {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27763-a8bb188e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27769-a8bb188e {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2776a-a8bb188e {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2776d-a8bb188e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27773-a8bb188e {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27774-a8bb188e {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3cf8202b-6cc7-85e6-c4d5-58a98fac353c-a8bb188e, #w-node-b0f1c745-a554-ee9e-357f-899c50e92aa0-a8bb188e, #w-node-_101c2132-f1a6-3e60-1aea-b3bd00be477c-a8bb188e, #w-node-ce31a2e9-6858-cf3b-194e-f29d1f5836c7-a8bb188e, #w-node-_466989a6-553b-f770-89fd-fd13b330ff0a-a8bb188e, #w-node-_4f5f0610-ee93-62e3-20b9-153b5e4796a4-a8bb188e, #w-node-_4f5f0610-ee93-62e3-20b9-153b5e4796a7-a8bb188e, #w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0c-a8bb188f, #w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0e-a8bb188f, #w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a10-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4d1b5978-8454-1db0-506d-b0005583fe9c-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_7c461c3b-5511-b0ba-bef6-ace66cd30175-a8bb188f {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_920fabc7-d4ca-706c-6c7d-59699f26129f-a8bb188f, #w-node-_329f0e19-9289-5532-b71d-6ec2098c567d-a8bb188f, #w-node-a9deb9ea-fc30-f6ff-8576-9a4adef53515-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a089-a8bb188f, #w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a08b-a8bb188f, #w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a08d-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df340495479c-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df340495479e-a8bb188f, #w-node-_47e2df41-5831-f943-a7ee-0c485f80b1fa-a8bb188f, #w-node-f58fac9d-b934-d784-0d09-13882b842d16-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a0-a8bb188f {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a8-a8bb188f {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a9-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547ab-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547ad-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547af-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547ba-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547c1-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547c6-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547c7-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547cc-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547d5-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547d9-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547e2-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547e6-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547ef-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547f3-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547fc-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954800-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954806-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df340495480a-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df340495480d-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954813-a8bb188f {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954814-a8bb188f {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954817-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df340495481a-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954820-a8bb188f {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954821-a8bb188f {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954837-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df340495483c-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954842-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954848-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef4916-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef4918-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef491a-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef491c-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef4924-a8bb188f {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef492c-a8bb188f {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef492d-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef492f-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef4931-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef4933-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef493e-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef4945-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef494a-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef494b-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef4950-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef4957-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef495c-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef4962-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef4966-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef496d-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef4971-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef4978-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef497c-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef4982-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef4986-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef4989-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef498f-a8bb188f {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef4990-a8bb188f {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef4993-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef4996-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef499c-a8bb188f {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef499d-a8bb188f {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef49ae-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef49b3-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef49b9-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef49bf-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9de-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9e2-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9e0-a8bb188f {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9e4-a8bb188f {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9ec-a8bb188f {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9f4-a8bb188f {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9f5-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9f7-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9f9-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9fb-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da06-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da0d-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da12-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da13-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da18-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da1f-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da24-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da2a-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da2e-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da35-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da39-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da40-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da44-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da4a-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da4e-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da51-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da57-a8bb188f {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da58-a8bb188f {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da5b-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da5e-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da64-a8bb188f {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da65-a8bb188f {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da76-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da7b-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da81-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da87-a8bb188f, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb188f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c71-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9d6b8efb-7711-6345-7f74-6490bb4690ff-a8bb1890, #w-node-_9d6b8efb-7711-6345-7f74-6490bb469111-a8bb1890 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_9d6b8efb-7711-6345-7f74-6490bb469114-a8bb1890 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_9d6b8efb-7711-6345-7f74-6490bb46911f-a8bb1890 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_9d6b8efb-7711-6345-7f74-6490bb469122-a8bb1890 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_7f20cf27-6bd6-0455-a4cd-cbb075257da8-a8bb1890 {
grid-area: 1 / 3 / 2 / 3;
}
#w-node-_7f20cf27-6bd6-0455-a4cd-cbb075257dae-a8bb1890, #w-node-_7f20cf27-6bd6-0455-a4cd-cbb075257db1-a8bb1890 {
align-self: center;
}
#w-node-_7f20cf27-6bd6-0455-a4cd-cbb075257db8-a8bb1890 {
place-self: center;
}
#w-node-e9ab9fc3-99f1-8688-444b-04ed865bd031-a8bb1890, #w-node-e9ab9fc3-99f1-8688-444b-04ed865bd037-a8bb1890, #w-node-e9ab9fc3-99f1-8688-444b-04ed865bd03c-a8bb1890, #w-node-e9ab9fc3-99f1-8688-444b-04ed865bd042-a8bb1890 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e9ab9fc3-99f1-8688-444b-04ed865bd052-a8bb1890 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-e9ab9fc3-99f1-8688-444b-04ed865bd055-a8bb1890 {
grid-area: 1 / 2 / 2 / 3;
align-self: start;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb1890 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb1890 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c71-a8bb1890, #w-node-_60ca3110-524c-a14b-b9d4-3d7150c0c604-a8bb1892 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60ca3110-524c-a14b-b9d4-3d7150c0c61d-a8bb1892 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_60ca3110-524c-a14b-b9d4-3d7150c0c626-a8bb1892, #w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0c-a8bb1894, #w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0e-a8bb1894, #w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a10-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_890ca8f7-b536-f9bf-daca-24d623a6b4fb-a8bb1894 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_33848822-a8b7-fb89-9463-85097041d93b-a8bb1894 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_0f6f39b3-05c0-b640-86e9-6d9be74b2905-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0f6f39b3-05c0-b640-86e9-6d9be74b2907-a8bb1894 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_0f6f39b3-05c0-b640-86e9-6d9be74b2909-a8bb1894 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_793ff2db-2f7e-0b1c-2063-81df49691a29-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1f44d259-5385-9c03-bf43-f234bfaaa015-a8bb1894 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-c96100e7-1cdc-6456-4d52-e31fc3bd8230-a8bb1894 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_1cfb7ce2-93e1-2128-bba9-3bee8fd1a652-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_76413472-b697-74da-f277-d7a29bfd18af-a8bb1894, #w-node-b8c37280-77ad-7833-b9b5-63b5164cb06b-a8bb1894 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-b8c37280-77ad-7833-b9b5-63b5164cb074-a8bb1894 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-b8c37280-77ad-7833-b9b5-63b5164cb076-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b8c37280-77ad-7833-b9b5-63b5164cb07c-a8bb1894 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b8c37280-77ad-7833-b9b5-63b5164cb07d-a8bb1894 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-b8c37280-77ad-7833-b9b5-63b5164cb080-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b8c37280-77ad-7833-b9b5-63b5164cb086-a8bb1894 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b8c37280-77ad-7833-b9b5-63b5164cb087-a8bb1894 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-b8c37280-77ad-7833-b9b5-63b5164cb08a-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b8c37280-77ad-7833-b9b5-63b5164cb090-a8bb1894 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6396ac7f-ff8c-c9e9-051e-59c9f08ca38f-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6396ac7f-ff8c-c9e9-051e-59c9f08ca391-a8bb1894 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_6396ac7f-ff8c-c9e9-051e-59c9f08ca393-a8bb1894 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_6396ac7f-ff8c-c9e9-051e-59c9f08ca396-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6396ac7f-ff8c-c9e9-051e-59c9f08ca398-a8bb1894, #w-node-c3f5d299-1b1e-61bf-f422-3c5574d878c2-a8bb1894 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_4fe99f76-65ae-3068-901e-322631d2954d-a8bb1894 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-e78a8b5e-f0aa-7c7a-fd80-7e7d928ec967-a8bb1894 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-e78a8b5e-f0aa-7c7a-fd80-7e7d928ec969-a8bb1894 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-e78a8b5e-f0aa-7c7a-fd80-7e7d928ec96f-a8bb1894 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-e78a8b5e-f0aa-7c7a-fd80-7e7d928ec971-a8bb1894 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-b779304e-f99e-1691-d343-06dc493528c8-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8e591aa6-83f8-308c-4dc6-bb51be1f1a59-a8bb1894 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_351c0a30-2fa8-8b72-b6d8-e898617eb738-a8bb1894 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-_351c0a30-2fa8-8b72-b6d8-e898617eb73a-a8bb1894 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-e87442f2-0b44-ed18-14d8-64072a1caafb-a8bb1894 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-e87442f2-0b44-ed18-14d8-64072a1caafd-a8bb1894 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_9883b7a7-aa9a-2aae-fd67-71cc0b45857a-a8bb1894, #w-node-_9883b7a7-aa9a-2aae-fd67-71cc0b45857c-a8bb1894, #w-node-a0b79604-934a-4a23-c1a4-31d51baa91eb-a8bb1894, #w-node-a0b79604-934a-4a23-c1a4-31d51baa91ed-a8bb1894, #w-node-a0b79604-934a-4a23-c1a4-31d51baa91ef-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa91f4-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa91fc-a8bb1894 {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa91fd-a8bb1894, #w-node-a0b79604-934a-4a23-c1a4-31d51baa91ff-a8bb1894, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9201-a8bb1894, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9203-a8bb1894, #w-node-a0b79604-934a-4a23-c1a4-31d51baa920e-a8bb1894, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9215-a8bb1894, #w-node-a0b79604-934a-4a23-c1a4-31d51baa921a-a8bb1894, #w-node-a0b79604-934a-4a23-c1a4-31d51baa921b-a8bb1894, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9220-a8bb1894, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9223-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9229-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa922a-a8bb1894 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa922d-a8bb1894, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9230-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9236-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9237-a8bb1894 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa923a-a8bb1894, #w-node-a0b79604-934a-4a23-c1a4-31d51baa923d-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9243-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9244-a8bb1894 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9247-a8bb1894, #w-node-a0b79604-934a-4a23-c1a4-31d51baa924a-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9250-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9251-a8bb1894 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9254-a8bb1894, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9257-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa925d-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa925e-a8bb1894 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c148fe-a8bb1894, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14900-a8bb1894, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14902-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14907-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1490f-a8bb1894 {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14910-a8bb1894, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14912-a8bb1894, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14914-a8bb1894, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14916-a8bb1894, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14921-a8bb1894, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14928-a8bb1894, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c1492d-a8bb1894, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c1492e-a8bb1894, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14933-a8bb1894, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14936-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1493c-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1493d-a8bb1894 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14940-a8bb1894, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14943-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14949-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1494a-a8bb1894 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1494d-a8bb1894, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14950-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14956-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14957-a8bb1894 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1495a-a8bb1894, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c1495d-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14963-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14964-a8bb1894 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14967-a8bb1894, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c1496a-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14970-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14971-a8bb1894 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb1894, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb1894, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb1894, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df340495479c-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df340495479e-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a0-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a8-a8bb1894 {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a9-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547ab-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547ad-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547af-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547ba-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547c1-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547c6-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547c7-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547cc-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547d5-a8bb1894 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547d9-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547e2-a8bb1894 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547e6-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547ef-a8bb1894 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547f3-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547fc-a8bb1894 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954800-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954806-a8bb1894 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df340495480a-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df340495480d-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954813-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954814-a8bb1894 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954817-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df340495481a-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954820-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954821-a8bb1894 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954837-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df340495483c-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954842-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954848-a8bb1894, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb1894 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c71-a8bb1894, #w-node-f58c16b1-3fa9-37da-a3dc-e3bc90b32fbc-a8bb1895 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f58c16b1-3fa9-37da-a3dc-e3bc90b32fd5-a8bb1895 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f58c16b1-3fa9-37da-a3dc-e3bc90b32fde-a8bb1895 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b98aa64d-37f9-e4a4-5a70-c4d8fa597109-a8bb1899 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0c-a8bb189a, #w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0e-a8bb189a, #w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a10-a8bb189a, #w-node-_9883b7a7-aa9a-2aae-fd67-71cc0b45857a-a8bb189a, #w-node-_9883b7a7-aa9a-2aae-fd67-71cc0b45857c-a8bb189a, #w-node-_5c4a4f9b-2408-c85c-df2c-1259930cef99-a8bb189a, #w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a089-a8bb189a, #w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a08b-a8bb189a, #w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a08d-a8bb189a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa91eb-a8bb189a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa91ed-a8bb189a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa91ef-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa91f4-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa91fc-a8bb189a {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa91fd-a8bb189a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa91ff-a8bb189a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9201-a8bb189a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9203-a8bb189a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa920e-a8bb189a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9215-a8bb189a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa921a-a8bb189a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa921b-a8bb189a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9220-a8bb189a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9223-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9229-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa922a-a8bb189a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa922d-a8bb189a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9230-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9236-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9237-a8bb189a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa923a-a8bb189a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa923d-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9243-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9244-a8bb189a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9247-a8bb189a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa924a-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9250-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9251-a8bb189a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa9254-a8bb189a, #w-node-a0b79604-934a-4a23-c1a4-31d51baa9257-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa925d-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa925e-a8bb189a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c148fe-a8bb189a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14900-a8bb189a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14902-a8bb189a, #w-node-b71ae256-9cf4-db97-de85-6978a8e8d3c3-a8bb189a, #w-node-ca124801-ad02-6eb5-6d6e-30c07f587bad-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14907-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1490f-a8bb189a {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14910-a8bb189a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14912-a8bb189a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14914-a8bb189a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14916-a8bb189a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14921-a8bb189a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14928-a8bb189a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c1492d-a8bb189a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c1492e-a8bb189a, #w-node-_2562e19d-364f-2c11-7b90-3e80c75e96ab-a8bb189a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14933-a8bb189a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14936-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1493c-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1493d-a8bb189a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14940-a8bb189a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14943-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14949-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1494a-a8bb189a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1494d-a8bb189a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c14950-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14956-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14957-a8bb189a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1495a-a8bb189a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c1495d-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14963-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14964-a8bb189a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14967-a8bb189a, #w-node-_2d75eb2f-96a3-1217-1839-3ad114c1496a-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14970-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14971-a8bb189a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb189a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb189a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb189a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df340495479c-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df340495479e-a8bb189a, #w-node-_47e2df41-5831-f943-a7ee-0c485f80b1fa-a8bb189a, #w-node-f58fac9d-b934-d784-0d09-13882b842d16-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a0-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a8-a8bb189a {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a9-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547ab-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547ad-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547af-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547ba-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547c1-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547c6-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547c7-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547cc-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547d5-a8bb189a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547d9-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547e2-a8bb189a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547e6-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547ef-a8bb189a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547f3-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547fc-a8bb189a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954800-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954806-a8bb189a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df340495480a-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df340495480d-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954813-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954814-a8bb189a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954817-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df340495481a-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954820-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954821-a8bb189a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954837-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df340495483c-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954842-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954848-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9de-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9e0-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9e2-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9e4-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9ec-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9f4-a8bb189a {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9f5-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9f7-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9f9-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9fb-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da06-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da0d-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da12-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da13-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da18-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da1f-a8bb189a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da24-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da2a-a8bb189a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da2e-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da35-a8bb189a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da39-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da40-a8bb189a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da44-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da4a-a8bb189a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da4e-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da51-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da57-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da58-a8bb189a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da5b-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da5e-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da64-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da65-a8bb189a {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da76-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da7b-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da81-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da87-a8bb189a, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb189a {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c71-a8bb189a, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb189b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb189b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c71-a8bb189b, #w-node-_38443f53-660d-b721-5803-b4ae9d44d9c0-a8bb189c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_38443f53-660d-b721-5803-b4ae9d44d9d9-a8bb189c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_38443f53-660d-b721-5803-b4ae9d44d9e2-a8bb189c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c7fc763d-61a3-67b6-38fe-851dc6658115-a8bb18d1 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-c7fc763d-61a3-67b6-38fe-851dc6658117-a8bb18d1 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb18d1, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb18d1, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb18d1, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb18d1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b17-a8bb18d1 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b1a-a8bb18d1 {
grid-area: 1 / 2 / 2 / 3;
align-self: start;
}
#w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb18d1, #w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb18d1, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb18d1, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb18d1, #w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb18d1, #w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb18d1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da58-a8bb18d1 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da5a-a8bb18d1 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb18d1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb18d1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c71-a8bb18d1, #w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0c-a8bb18f5, #w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0e-a8bb18f5, #w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a10-a8bb18f5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4d1b5978-8454-1db0-506d-b0005583fe9c-a8bb18f5 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_7c461c3b-5511-b0ba-bef6-ace66cd30175-a8bb18f5 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a089-a8bb18f5, #w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a08b-a8bb18f5, #w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a08d-a8bb18f5, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb18f5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb18f5 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c71-a8bb18f5, #w-node-b57ee80b-3999-6945-3bf2-40202014e2f7-a8bb1918 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b57ee80b-3999-6945-3bf2-40202014e310-a8bb1918 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-b57ee80b-3999-6945-3bf2-40202014e319-a8bb1918 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fe5638fe-ace9-d664-2b76-b637cf358a72-a8bb1962 {
grid-area: 1 / 1 / 2 / 2;
justify-self: start;
}
#w-node-fe5638fe-ace9-d664-2b76-b637cf358a7a-a8bb1962 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-fe5638fe-ace9-d664-2b76-b637cf358b13-a8bb1962, #w-node-fe5638fe-ace9-d664-2b76-b637cf358b1e-a8bb1962 {
align-self: auto;
}
#w-node-fe5638fe-ace9-d664-2b76-b637cf358b2b-a8bb1962 {
align-self: center;
}
#w-node-_3f1a66e1-d9a7-e8b7-8299-574ba9b366db-a8bb19bb, #w-node-_3f1a66e1-d9a7-e8b7-8299-574ba9b366ed-a8bb19bb {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3f1a66e1-d9a7-e8b7-8299-574ba9b366f0-a8bb19bb {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_3f1a66e1-d9a7-e8b7-8299-574ba9b366fb-a8bb19bb {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3f1a66e1-d9a7-e8b7-8299-574ba9b366fe-a8bb19bb {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-be66bdfa-7e22-37be-fca5-cf5687154784-a8bb19bb {
grid-area: 1 / 3 / 2 / 3;
}
#w-node-be66bdfa-7e22-37be-fca5-cf568715478a-a8bb19bb, #w-node-be66bdfa-7e22-37be-fca5-cf568715478d-a8bb19bb {
align-self: center;
}
#w-node-be66bdfa-7e22-37be-fca5-cf5687154794-a8bb19bb {
place-self: center;
}
#w-node-_9ad4245c-1997-d5be-838e-c52344f312a0-a8bb19bb, #w-node-_9ad4245c-1997-d5be-838e-c52344f312a6-a8bb19bb, #w-node-_9ad4245c-1997-d5be-838e-c52344f312ab-a8bb19bb, #w-node-_9ad4245c-1997-d5be-838e-c52344f312b1-a8bb19bb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9ad4245c-1997-d5be-838e-c52344f312be-a8bb19bb {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_9ad4245c-1997-d5be-838e-c52344f312c0-a8bb19bb {
grid-area: 1 / 1 / 2 / 2;
align-self: start;
}
#w-node-_9ad4245c-1997-d5be-838e-c52344f312ec-a8bb19bb {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_9ad4245c-1997-d5be-838e-c52344f312ef-a8bb19bb {
grid-area: 1 / 2 / 2 / 3;
align-self: start;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19bb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19bb {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c71-a8bb19bb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b98aa64d-37f9-e4a4-5a70-c4d8fa597109-a8bb19bd {
grid-area: 1 / 1 / 2 / 2;
}
#btnEnterPlayOBT1.w-node-_2aa25cd1-b091-5f72-9f6e-6ccc8508975c-a8bb19be {
align-self: end;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c982-a8bb19be {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c988-a8bb19be, #w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c98b-a8bb19be {
align-self: center;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c992-a8bb19be, #w-node-ec8faddc-f50b-1513-75f8-2059cf973c3b-a8bb19be {
place-self: center;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e55-a8bb19be {
grid-area: 2 / 1 / 3 / 2;
align-self: center;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e58-a8bb19be {
grid-area: 3 / 1 / 4 / 2;
align-self: center;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e5b-a8bb19be {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e69-a8bb19be {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e71-a8bb19be {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e75-a8bb19be {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113ec-a8bb19be {
grid-area: 2 / 1 / 3 / 2;
align-self: center;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113f2-a8bb19be {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113f5-a8bb19be {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113fa-a8bb19be {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_9f6b7517-7823-d67a-2fad-b4b2f27d0757-a8bb19be {
grid-area: 3 / 1 / 4 / 2;
align-self: center;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113fe-a8bb19be {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c7fc763d-61a3-67b6-38fe-851dc6658115-a8bb19be {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-c7fc763d-61a3-67b6-38fe-851dc6658117-a8bb19be {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-f35d5ca6-3628-d678-0a20-7301c309794d-a8bb19be {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-f35d5ca6-3628-d678-0a20-7301c309794f-a8bb19be {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb19be, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb19be, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19be, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19be {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b17-a8bb19be {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b1a-a8bb19be {
grid-area: 1 / 2 / 2 / 3;
align-self: start;
}
#w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb19be, #w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb19be, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb19be, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb19be, #w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb19be, #w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb19be {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da58-a8bb19be {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da5a-a8bb19be {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19be {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19be {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c71-a8bb19be {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_064a8c73-e4d9-4b35-4e48-16f5b0756728-a8bb19bf {
grid-area: 1 / 3 / 2 / 4;
}
#btnEnterPlayOBT1.w-node-_2aa25cd1-b091-5f72-9f6e-6ccc8508975c-a8bb19bf {
align-self: end;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c982-a8bb19bf {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c988-a8bb19bf, #w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c98b-a8bb19bf {
align-self: center;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c992-a8bb19bf, #w-node-ec8faddc-f50b-1513-75f8-2059cf973c3b-a8bb19bf {
place-self: center;
}
#w-node-_271f1a6f-704c-f645-bf43-f8b7777e9b40-a8bb19bf {
align-self: stretch;
}
#w-node-eec6f834-e84a-8989-cd91-290ada5f237b-a8bb19bf {
align-self: auto;
}
#w-node-_32640914-8e62-91b0-1bc1-cf6170b8fa83-a8bb19bf, #w-node-_6f4763c9-5049-17d2-ac86-2a2d9ec9f8a7-a8bb19bf {
align-self: stretch;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e55-a8bb19bf {
grid-area: 2 / 1 / 3 / 2;
align-self: center;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e58-a8bb19bf {
grid-area: 3 / 1 / 4 / 2;
align-self: center;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e5b-a8bb19bf {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e69-a8bb19bf {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e71-a8bb19bf {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e75-a8bb19bf, #w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8cc-a8bb19bf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8ce-a8bb19bf, #w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8d5-a8bb19bf {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8dd-a8bb19bf {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8df-a8bb19bf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8e5-a8bb19bf {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8e6-a8bb19bf {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8e9-a8bb19bf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8ef-a8bb19bf {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8f0-a8bb19bf {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_90f1d819-98c4-c350-5ac2-240c06fa5d53-a8bb19bf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_90f1d819-98c4-c350-5ac2-240c06fa5d59-a8bb19bf {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_90f1d819-98c4-c350-5ac2-240c06fa5d5a-a8bb19bf {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_05fc520b-ecf2-7ba5-3da9-01b97ae350c0-a8bb19bf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_05fc520b-ecf2-7ba5-3da9-01b97ae350c6-a8bb19bf {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_05fc520b-ecf2-7ba5-3da9-01b97ae350c7-a8bb19bf {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3157e25c-8e6c-edc2-d4c4-f35d76c99170-a8bb19bf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3157e25c-8e6c-edc2-d4c4-f35d76c99176-a8bb19bf {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3157e25c-8e6c-edc2-d4c4-f35d76c99177-a8bb19bf {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8f3-a8bb19bf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8f9-a8bb19bf {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb19bf, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb19bf, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19bf, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19bf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b17-a8bb19bf {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b1a-a8bb19bf {
grid-area: 1 / 2 / 2 / 3;
align-self: start;
}
#w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb19bf, #w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb19bf, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb19bf, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb19bf, #w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb19bf, #w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb19bf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da58-a8bb19bf {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da5a-a8bb19bf {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19bf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19bf {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c71-a8bb19bf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_822354d2-3f5a-d6d8-1e3d-43d276ee2969-a8bb19c0, #w-node-_822354d2-3f5a-d6d8-1e3d-43d276ee297b-a8bb19c0 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_822354d2-3f5a-d6d8-1e3d-43d276ee297e-a8bb19c0 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_822354d2-3f5a-d6d8-1e3d-43d276ee2989-a8bb19c0 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_822354d2-3f5a-d6d8-1e3d-43d276ee298c-a8bb19c0 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_68725117-6b72-49ea-44cc-b3c654841857-a8bb19c0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85aee-a8bb19c0 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85af0-a8bb19c0 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85af6-a8bb19c0 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85af8-a8bb19c0 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c982-a8bb19c0 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c988-a8bb19c0, #w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c98b-a8bb19c0 {
align-self: center;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c992-a8bb19c0 {
place-self: center;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85a2b-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85a32-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85a39-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85a40-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85a4c-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85a4f-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85a50-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85a5d-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85a69-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85a75-a8bb19c0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85a8b-a8bb19c0 {
place-self: center;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85acb-a8bb19c0 {
grid-area: 2 / 1 / 3 / 2;
align-self: center;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ace-a8bb19c0 {
grid-area: 3 / 1 / 4 / 2;
align-self: center;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ad1-a8bb19c0 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ad4-a8bb19c0 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ad9-a8bb19c0 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85add-a8bb19c0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b48-a8bb19c0 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b5f-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b60-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b68-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b69-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b81-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b86-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b8c-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b92-a8bb19c0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ba2-a8bb19c0 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ba5-a8bb19c0 {
grid-area: 1 / 2 / 2 / 3;
align-self: start;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85be4-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85be9-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c35-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c3c-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c45-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c4f-a8bb19c0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c85-a8bb19c0 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c87-a8bb19c0 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19c0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c71-a8bb19c0, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b27f47-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b27f49-fd215701 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b27f89-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b27fc0-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b27fea-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28025-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28053-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28078-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b280a2-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b280cc-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28114-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28119-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b2811f-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28125-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28135-fd215701 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28138-fd215701 {
grid-area: 1 / 2 / 2 / 3;
align-self: start;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28177-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b2817c-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b281c8-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b281cf-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b281d8-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b281e2-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28218-fd215701 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b2821a-fd215701 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd21570b-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd21570d-fd215701 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd21574d-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd215784-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd2157ae-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd2157e9-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd215817-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd215849-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd21587f-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd2158b6-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd21590b-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd215910-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd215916-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd21591c-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd21592c-fd215701 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd21592f-fd215701 {
grid-area: 1 / 2 / 2 / 3;
align-self: start;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd21596e-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd215973-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd2159bf-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd2159c6-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd2159cf-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd2159d9-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd215a0f-fd215701 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd215a11-fd215701 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc3fc-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc3fe-fd215701 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc43e-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc475-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc49f-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc4da-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc508-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc545-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc586-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc5dd-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc650-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc655-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc65b-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc661-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc671-fd215701 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc674-fd215701 {
grid-area: 1 / 2 / 2 / 3;
align-self: start;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc6b3-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc6b8-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc704-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc70b-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc714-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc71e-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc754-fd215701 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc756-fd215701 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba4740-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba4742-fd215701 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba477c-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba47c1-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba481a-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba4884-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba48f2-fd215701 {
grid-area: 1 / 1 / 2 / 5;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba48fc-fd215701 {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba4940-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba4945-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba494b-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba4951-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba4961-fd215701 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba4964-fd215701 {
grid-area: 1 / 2 / 2 / 3;
align-self: start;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba49a3-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba49a8-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba49f4-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba49fb-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba4a04-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba4a0e-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba4a44-fd215701 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba4a46-fd215701 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33d88-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33d8a-fd215701 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33dc4-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33e09-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33e52-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33ead-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f0b-fd215701 {
grid-area: 1 / 1 / 2 / 5;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f18-fd215701 {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f65-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f6a-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f70-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f76-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f86-fd215701 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f89-fd215701 {
grid-area: 1 / 2 / 2 / 3;
align-self: start;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33fc8-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33fcd-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f34019-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f34020-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f34029-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f34033-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f34069-fd215701 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f3406b-fd215701 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c871-a8bb19c2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c873-a8bb19c2 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c875-a8bb19c2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b8963286-898a-6c2a-d68c-1457c51aa445-a8bb19c2 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_7277d92c-8baa-2d92-1ed1-14b5605c4659-a8bb19c2 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_520b4b9e-f6d0-a67b-8527-8310b5eb14f0-a8bb19c2 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_113346cf-b521-6acc-7057-c7ce1efc3c2f-a8bb19c2 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_520b4b9e-f6d0-a67b-8527-8310b5eb14f3-a8bb19c2 {
grid-area: 2 / 2 / 3 / 4;
}
#w-node-edba06af-74ef-263f-47c6-d971f126aac1-a8bb19c2, #w-node-_777543c5-c2eb-2146-2a93-f1db3fe986b3-a8bb19c2 {
grid-area: 3 / 2 / 4 / 4;
}
#w-node-_796b277c-edc4-c81d-09db-a5890de4d8a9-a8bb19c2, #w-node-_018ed046-2f01-11bf-b439-c17456eeff59-a8bb19c2 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_8e823fdf-b43a-6662-9e06-4e88b46cf4d2-a8bb19c2, #w-node-_00a2d1c1-73dd-aa3b-9143-b0575745eea5-a8bb19c2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f04f3fc4-c4ba-894b-c1c1-6fb0fec30bc0-a8bb19c2 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a525f6df-c9ce-6ddb-4ab3-cc08371af976-a8bb19c2 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_89bbf3c5-0306-76ac-1ea4-57bcd2ad8620-a8bb19c2, #w-node-_89bbf3c5-0306-76ac-1ea4-57bcd2ad8623-a8bb19c2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_89bbf3c5-0306-76ac-1ea4-57bcd2ad8629-a8bb19c2 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_89bbf3c5-0306-76ac-1ea4-57bcd2ad862b-a8bb19c2 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_1da6d93c-f92a-f4d1-6481-cd1d82c5acd0-a8bb19c2, #w-node-_1da6d93c-f92a-f4d1-6481-cd1d82c5acd3-a8bb19c2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1da6d93c-f92a-f4d1-6481-cd1d82c5acd9-a8bb19c2 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_1da6d93c-f92a-f4d1-6481-cd1d82c5acdb-a8bb19c2 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-f87bcd4e-6a3c-2e61-7429-0e198a17b2b7-a8bb19c2, #w-node-f87bcd4e-6a3c-2e61-7429-0e198a17b2ba-a8bb19c2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f87bcd4e-6a3c-2e61-7429-0e198a17b2c0-a8bb19c2 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-f87bcd4e-6a3c-2e61-7429-0e198a17b2c2-a8bb19c2 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_2e5f62ba-c6cd-e2e8-1779-51264d748175-a8bb19c2 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_51650dc4-9927-a384-468e-d8b8de47a9ba-a8bb19c2 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_15d5282b-484d-1d81-58cb-3fe57c9603b7-a8bb19c2 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_88db83fd-7eee-a9ce-7099-9998687c17b8-a8bb19c2 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_79584080-1873-07c0-3ac2-5014c6cdaf22-a8bb19c2 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb19c2 {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27735-a8bb19c2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27738-a8bb19c2 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27739-a8bb19c2 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2773a-a8bb19c2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27743-a8bb19c2 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27745-a8bb19c2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2774b-a8bb19c2 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2774c-a8bb19c2 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2774f-a8bb19c2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27755-a8bb19c2 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27756-a8bb19c2 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27759-a8bb19c2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2775f-a8bb19c2 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27760-a8bb19c2 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27763-a8bb19c2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27769-a8bb19c2 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2776a-a8bb19c2 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c2776d-a8bb19c2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27773-a8bb19c2 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27774-a8bb19c2 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_9a749ef1-107f-048c-f1a0-a67541772c81-a8bb19c2 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-_645c8629-cb06-f89d-030a-fa0803e85e40-a8bb19c2 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_59504dc3-7e20-a84d-0f66-a5ee976c5362-a8bb19c3 {
grid-area: 1 / 3 / 2 / 3;
}
#w-node-_59504dc3-7e20-a84d-0f66-a5ee976c5368-a8bb19c3, #w-node-_59504dc3-7e20-a84d-0f66-a5ee976c536b-a8bb19c3 {
align-self: center;
}
#w-node-_59504dc3-7e20-a84d-0f66-a5ee976c5372-a8bb19c3 {
place-self: center;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19c3, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19c3, #w-node-c7176e18-91e9-7bf8-d4bb-e2c1d0d31e42-a8bb19c3, #w-node-_5d56c88d-506a-4b63-a4d9-97fc61d63f3d-a8bb19c3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b17-a8bb19c3 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b1a-a8bb19c3 {
grid-area: 1 / 1 / 2 / 2;
align-self: start;
}
#w-node-e1563315-2506-d8c9-1623-ca308a36dbfc-a8bb19c3 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-e1563315-2506-d8c9-1623-ca308a36dbff-a8bb19c3 {
grid-area: 1 / 2 / 2 / 3;
align-self: start;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19c3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c71-a8bb19c3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7277d92c-8baa-2d92-1ed1-14b5605c4659-a8bb19c4 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_7818317a-09ea-13b8-7bc7-50ea6035a22d-a8bb19c5, #w-node-_7818317a-09ea-13b8-7bc7-50ea6035a23f-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_7818317a-09ea-13b8-7bc7-50ea6035a242-a8bb19c5 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_7818317a-09ea-13b8-7bc7-50ea6035a24d-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_7818317a-09ea-13b8-7bc7-50ea6035a250-a8bb19c5 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_064a8c73-e4d9-4b35-4e48-16f5b0756728-a8bb19c5 {
grid-area: 1 / 3 / 2 / 4;
}
#btnEnterPlayOBT1.w-node-_2aa25cd1-b091-5f72-9f6e-6ccc8508975c-a8bb19c5 {
align-self: end;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c982-a8bb19c5 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c988-a8bb19c5, #w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c98b-a8bb19c5 {
align-self: center;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c992-a8bb19c5, #w-node-ec8faddc-f50b-1513-75f8-2059cf973c3b-a8bb19c5 {
place-self: center;
}
#w-node-e7f56394-1cd9-cfdb-60cc-8bb1320c3283-a8bb19c5, #w-node-a42ea056-c12f-4cd3-174a-103b19d6dd48-a8bb19c5, #w-node-_78c96444-11c6-a0e9-bb64-087a1387381d-a8bb19c5, #w-node-b2079e01-e32d-44ca-abf5-e2e93cb05b15-a8bb19c5 {
justify-self: start;
}
#w-node-_271f1a6f-704c-f645-bf43-f8b7777e9b40-a8bb19c5 {
align-self: stretch;
}
#w-node-eec6f834-e84a-8989-cd91-290ada5f237b-a8bb19c5 {
align-self: auto;
}
#w-node-_32640914-8e62-91b0-1bc1-cf6170b8fa83-a8bb19c5, #w-node-_6f4763c9-5049-17d2-ac86-2a2d9ec9f8a7-a8bb19c5 {
align-self: stretch;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e55-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
align-self: center;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e58-a8bb19c5 {
grid-area: 3 / 1 / 4 / 2;
align-self: center;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e5b-a8bb19c5 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e69-a8bb19c5 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e71-a8bb19c5 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e75-a8bb19c5, #w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8cc-a8bb19c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8ce-a8bb19c5, #w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8d5-a8bb19c5 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8dd-a8bb19c5 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8df-a8bb19c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8e5-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8e6-a8bb19c5 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8e9-a8bb19c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8ef-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8f0-a8bb19c5 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_90f1d819-98c4-c350-5ac2-240c06fa5d53-a8bb19c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_90f1d819-98c4-c350-5ac2-240c06fa5d59-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_90f1d819-98c4-c350-5ac2-240c06fa5d5a-a8bb19c5 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_05fc520b-ecf2-7ba5-3da9-01b97ae350c0-a8bb19c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_05fc520b-ecf2-7ba5-3da9-01b97ae350c6-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_05fc520b-ecf2-7ba5-3da9-01b97ae350c7-a8bb19c5 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_3157e25c-8e6c-edc2-d4c4-f35d76c99170-a8bb19c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3157e25c-8e6c-edc2-d4c4-f35d76c99176-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3157e25c-8e6c-edc2-d4c4-f35d76c99177-a8bb19c5 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8f3-a8bb19c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8f9-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb19c5, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb19c5, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19c5, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b17-a8bb19c5 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b1a-a8bb19c5 {
grid-area: 1 / 2 / 2 / 3;
align-self: start;
}
#w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb19c5, #w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb19c5, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb19c5, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb19c5, #w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb19c5, #w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb19c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da58-a8bb19c5 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da5a-a8bb19c5 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19c5 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c71-a8bb19c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3d244f44-47aa-5d91-b315-dd5e6f0f5bdc-a8bb19c6 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_064a8c73-e4d9-4b35-4e48-16f5b0756728-a8bb19c6 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb19c6, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb19c6, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19c6, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19c6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b17-a8bb19c6 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b1a-a8bb19c6 {
grid-area: 1 / 2 / 2 / 3;
align-self: start;
}
#w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb19c6, #w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb19c6, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb19c6, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb19c6, #w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb19c6, #w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb19c6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da58-a8bb19c6 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da5a-a8bb19c6 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-ac9b47c6-4d67-6609-d56e-2b0c5e2260d0-a8bb19c6 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3969e4fe-1451-9678-476b-285bcca31def-a8bb19c6, #w-node-_3969e4fe-1451-9678-476b-285bcca31e01-a8bb19c6, #w-node-_3969e4fe-1451-9678-476b-285bcca31e0f-a8bb19c6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3969e4fe-1451-9678-476b-285bcca31e52-a8bb19c6 {
align-self: center;
}
#w-node-_3969e4fe-1451-9678-476b-285bcca31e71-a8bb19c6 {
grid-area: 1 / 2 / 2 / 4;
align-self: center;
}
#w-node-_3969e4fe-1451-9678-476b-285bcca31e8a-a8bb19c6, #w-node-_3969e4fe-1451-9678-476b-285bcca31ea6-a8bb19c6, #w-node-_3969e4fe-1451-9678-476b-285bcca31ebf-a8bb19c6 {
align-self: center;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19c6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c71-a8bb19c6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f05cde53-acf4-dadd-ad73-ff87cef7c139-a8bb19c7, #w-node-_04f88913-37ec-f067-cb6c-bc21abd3aead-a8bb19c7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_04f88913-37ec-f067-cb6c-bc21abd3aec6-a8bb19c7 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_98f9df18-5e92-4d40-5ddf-bb82009443ac-a8bb19c7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_98f9df18-5e92-4d40-5ddf-bb82009443af-a8bb19c7 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_267ab442-bf9f-506c-734a-52fdae547cc3-a8bb19c7, #w-node-_267ab442-bf9f-506c-734a-52fdae547cf1-a8bb19c7, #w-node-_267ab442-bf9f-506c-734a-52fdae547d1f-a8bb19c7, #w-node-_267ab442-bf9f-506c-734a-52fdae547d53-a8bb19c7, #w-node-_267ab442-bf9f-506c-734a-52fdae547dd4-a8bb19c7, #w-node-_267ab442-bf9f-506c-734a-52fdae547e55-a8bb19c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ad580326-f3b7-eb2c-38a6-28834083b3be-a8bb19c7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-ad580326-f3b7-eb2c-38a6-28834083b3d7-a8bb19c7 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_24256126-48fc-7c77-8d3d-52de10107df6-a8bb19c7, #w-node-_24256126-48fc-7c77-8d3d-52de10107df7-a8bb19c7, #w-node-_24256126-48fc-7c77-8d3d-52de10107df8-a8bb19c7, #w-node-_24256126-48fc-7c77-8d3d-52de10107df9-a8bb19c7, #w-node-_24256126-48fc-7c77-8d3d-52de10107dfa-a8bb19c7, #w-node-_24256126-48fc-7c77-8d3d-52de10107dfb-a8bb19c7, #w-node-_62250263-6fa6-8cf8-0429-ea28b04095aa-a8bb19c7, #w-node-_62250263-6fa6-8cf8-0429-ea28b04095ab-a8bb19c7, #w-node-_62250263-6fa6-8cf8-0429-ea28b04095ac-a8bb19c7, #w-node-_62250263-6fa6-8cf8-0429-ea28b04095ad-a8bb19c7, #w-node-_62250263-6fa6-8cf8-0429-ea28b04095ae-a8bb19c7, #w-node-_62250263-6fa6-8cf8-0429-ea28b04095af-a8bb19c7, #w-node-_873c0e31-2231-eec8-e4bc-d5b55ed33091-a8bb19c7, #w-node-_873c0e31-2231-eec8-e4bc-d5b55ed33092-a8bb19c7, #w-node-_873c0e31-2231-eec8-e4bc-d5b55ed33093-a8bb19c7, #w-node-_873c0e31-2231-eec8-e4bc-d5b55ed33094-a8bb19c7, #w-node-_873c0e31-2231-eec8-e4bc-d5b55ed33095-a8bb19c7, #w-node-_873c0e31-2231-eec8-e4bc-d5b55ed33096-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b3f2-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b3f3-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b3f4-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b3f5-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b3f6-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b3f7-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b3fc-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b3fd-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b3fe-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b3ff-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b400-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b401-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b406-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b407-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b408-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b409-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b40a-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b40b-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b410-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b411-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b413-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b414-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b415-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b416-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b417-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b418-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b41b-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b41c-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b41e-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b41f-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b420-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b421-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b422-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b423-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b426-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b427-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b429-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b42a-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b42b-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b42c-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b42d-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b42e-a8bb19c7, #w-node-_551d2353-c5ac-30e9-e728-5e88c671dbc4-a8bb19c7, #w-node-_551d2353-c5ac-30e9-e728-5e88c671dbc5-a8bb19c7, #w-node-_551d2353-c5ac-30e9-e728-5e88c671dbc6-a8bb19c7, #w-node-_551d2353-c5ac-30e9-e728-5e88c671dbc7-a8bb19c7, #w-node-_551d2353-c5ac-30e9-e728-5e88c671dbc8-a8bb19c7, #w-node-_551d2353-c5ac-30e9-e728-5e88c671dbc9-a8bb19c7, #w-node-_52980396-4ea6-d8cc-9597-a7c961844dc1-a8bb19c7, #w-node-_52980396-4ea6-d8cc-9597-a7c961844dc2-a8bb19c7, #w-node-_52980396-4ea6-d8cc-9597-a7c961844dc3-a8bb19c7, #w-node-_52980396-4ea6-d8cc-9597-a7c961844dc4-a8bb19c7, #w-node-_52980396-4ea6-d8cc-9597-a7c961844dc5-a8bb19c7, #w-node-_52980396-4ea6-d8cc-9597-a7c961844dc6-a8bb19c7, #w-node-c405d2d8-2f14-3b7b-a392-1121021846c7-a8bb19c7, #w-node-c405d2d8-2f14-3b7b-a392-1121021846c8-a8bb19c7, #w-node-c405d2d8-2f14-3b7b-a392-1121021846c9-a8bb19c7, #w-node-c405d2d8-2f14-3b7b-a392-1121021846ca-a8bb19c7, #w-node-c405d2d8-2f14-3b7b-a392-1121021846cb-a8bb19c7, #w-node-c405d2d8-2f14-3b7b-a392-1121021846cc-a8bb19c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_343aae16-6cd4-f7eb-8ef1-e90eb3ea1a05-a8bb19c7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_343aae16-6cd4-f7eb-8ef1-e90eb3ea1a1e-a8bb19c7 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3de-a8bb19c7 {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3e4-a8bb19c7 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3e6-a8bb19c7 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb19c7 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb19c7 {
align-self: start;
}
#w-node-e5ee2590-7b22-b4d9-caa6-c567258ec384-a8bb19c7 {
align-self: end;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96e-a8bb19c7 {
align-self: start;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb19c7 {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-_49a4019b-1417-b62a-016e-2a26dfb2fbb9-a8bb19c7 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffc-a8bb19c7, #w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffe-a8bb19c7, #w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef7003-a8bb19c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb19c7 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448736-a8bb19c7, #w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448739-a8bb19c7 {
align-self: center;
}
#w-node-_3cf8202b-6cc7-85e6-c4d5-58a98fac353c-a8bb19c7, #w-node-b0f1c745-a554-ee9e-357f-899c50e92aa0-a8bb19c7, #w-node-_101c2132-f1a6-3e60-1aea-b3bd00be477c-a8bb19c7, #w-node-ce31a2e9-6858-cf3b-194e-f29d1f5836c7-a8bb19c7, #w-node-_466989a6-553b-f770-89fd-fd13b330ff0a-a8bb19c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb19c7 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4444-a8bb19c7, #w-node-b9287103-d5fb-1137-f473-49be6bae4447-a8bb19c7 {
align-self: center;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae444c-a8bb19c7 {
place-self: center;
}
#w-node-_79584080-1873-07c0-3ac2-5014c6cdaf22-a8bb19c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_88db83fd-7eee-a9ce-7099-9998687c17b8-a8bb19c7 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_95d0e7f5-95ba-6432-87df-7d785e46f653-a8bb19c7 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb19c7 {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-fbf07c7a-c9f4-5dfc-274c-5cbd79eef657-a8bb19c7 {
grid-area: 2 / 4 / 3 / 5;
}
#w-node-_3190df25-2826-e607-a51b-9e9a38f42e4b-a8bb19c7 {
grid-area: 2 / 3 / 3 / 4;
place-self: center;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809374-a8bb19c7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb19c7 {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-_37d364f0-67be-b5f6-2ad2-65d9eedae47e-a8bb19c7, #w-node-_678e5d6f-3927-571f-9898-02be97b7cb4b-a8bb19c7, #w-node-_678e5d6f-3927-571f-9898-02be97b7cb5d-a8bb19c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cba4-a8bb19c7 {
align-self: center;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cbc3-a8bb19c7 {
grid-area: 1 / 2 / 2 / 4;
align-self: center;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cbdc-a8bb19c7, #w-node-_678e5d6f-3927-571f-9898-02be97b7cbf8-a8bb19c7, #w-node-_678e5d6f-3927-571f-9898-02be97b7cc11-a8bb19c7 {
align-self: center;
}
#w-node-_90a37842-e179-4bf0-5b03-a8f8aae18dec-a8bb19c7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_90a37842-e179-4bf0-5b03-a8f8aae18df8-a8bb19c7 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb36-a8bb19c7, #w-node-bac4efcb-3072-8d17-0fea-1d01019e1a14-a8bb19c7, #w-node-_15fa43e4-0caa-a025-9d80-7c8cb2566636-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fde-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fdf-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe0-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe1-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe2-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe3-a8bb19c7, #w-node-d21ed100-f511-315f-1e9c-15089c141063-a8bb19c7, #w-node-d21ed100-f511-315f-1e9c-15089c141064-a8bb19c7, #w-node-d21ed100-f511-315f-1e9c-15089c141065-a8bb19c7, #w-node-d21ed100-f511-315f-1e9c-15089c141066-a8bb19c7, #w-node-d21ed100-f511-315f-1e9c-15089c141067-a8bb19c7, #w-node-d21ed100-f511-315f-1e9c-15089c141068-a8bb19c7, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce5-a8bb19c7, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce6-a8bb19c7, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce7-a8bb19c7, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce8-a8bb19c7, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce9-a8bb19c7, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8cea-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fff-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7000-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7002-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7003-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7004-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7005-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7006-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7007-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700a-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700b-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700d-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700e-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700f-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7010-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7011-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7012-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7015-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7016-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7018-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7019-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701a-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701b-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701c-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701d-a8bb19c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb19c7 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb19c7 {
align-self: start;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4341-a8bb19c7 {
align-self: end;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4351-a8bb19c7 {
align-self: start;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4356-a8bb19c7 {
place-self: center;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb19c7 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_8625cf48-5528-15b4-d3f5-0738a52f4cb8-a8bb19c7 {
align-self: end;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb19c7, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d89e-a8bb19c7 {
align-self: start;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d8a3-a8bb19c7 {
place-self: center;
}
#w-node-ecb7e6c0-56c2-5f32-c4f3-7198c96ca71a-a8bb19c7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-ecb7e6c0-56c2-5f32-c4f3-7198c96ca733-a8bb19c7 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_5c9e8404-9fbe-cded-6c07-6a13f77ab084-a8bb19c7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5c9e8404-9fbe-cded-6c07-6a13f77ab09d-a8bb19c7 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_4986dab4-28e5-43fd-2b23-3b6274050144-a8bb19c7 {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-eff517d8-5a1e-e0ad-28d0-de352e566963-a8bb19c7 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-e5b248b5-88f7-933a-86b8-0c177e3e9bf5-a8bb19c7 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_28f111df-72ae-ae5b-b123-7f56fbed987d-a8bb19c7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_28f111df-72ae-ae5b-b123-7f56fbed9896-a8bb19c7 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-b889d5d8-f327-b500-fa8e-7f57f3d31036-a8bb19c8, #w-node-b889d5d8-f327-b500-fa8e-7f57f3d3103a-a8bb19c8, #w-node-b889d5d8-f327-b500-fa8e-7f57f3d31042-a8bb19c8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a3f00a7c-31fa-7885-d356-1ae94549c94c-a8bb19c8 {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-a3f00a7c-31fa-7885-d356-1ae94549c94f-a8bb19c8 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-a3f00a7c-31fa-7885-d356-1ae94549c958-a8bb19c8, #w-node-a3f00a7c-31fa-7885-d356-1ae94549c95a-a8bb19c8, #w-node-a3f00a7c-31fa-7885-d356-1ae94549c95f-a8bb19c8, #w-node-_2bd2813d-ffcf-ed01-f96b-4e9c19492f7d-a8bb19c8, #w-node-_2bd2813d-ffcf-ed01-f96b-4e9c19492f7f-a8bb19c8, #w-node-_2bd2813d-ffcf-ed01-f96b-4e9c19492f84-a8bb19c8, #w-node-_5c714d47-64e6-7531-ede8-f203395a66af-a8bb19c8, #w-node-_5c714d47-64e6-7531-ede8-f203395a66b1-a8bb19c8, #w-node-_5c714d47-64e6-7531-ede8-f203395a66b6-a8bb19c8, #w-node-_8006d1d2-f287-a9c6-a3e9-7723b3ccc970-a8bb19c8, #w-node-_8006d1d2-f287-a9c6-a3e9-7723b3ccc972-a8bb19c8, #w-node-_8006d1d2-f287-a9c6-a3e9-7723b3ccc977-a8bb19c8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b88fb03d-3c9f-603e-6349-8c5ae0e8ade5-a8bb19c9, #w-node-b88fb03d-3c9f-603e-6349-8c5ae0e8adf7-a8bb19c9 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b88fb03d-3c9f-603e-6349-8c5ae0e8adfa-a8bb19c9 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-b88fb03d-3c9f-603e-6349-8c5ae0e8ae05-a8bb19c9 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b88fb03d-3c9f-603e-6349-8c5ae0e8ae08-a8bb19c9 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-ce4dce17-af38-9439-a9a6-1068b27317b7-a8bb19c9 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_8a2d2e83-903a-a4e4-42d3-d66e7b7c616b-a8bb19c9 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_1403a43f-1e80-688a-dcd7-5427467ec1ae-a8bb19c9 {
grid-area: Area;
}
#w-node-_8a2d2e83-903a-a4e4-42d3-d66e7b7c6176-a8bb19c9 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_284c51d9-2661-5341-9249-a73c77775e34-a8bb19c9 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b24b6359-2a6c-5369-212d-d837d95c2f7d-a8bb19c9 {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-_47d6fe58-b57c-7f94-cd42-ab9dfd4eaa7e-a8bb19c9 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-de579f07-a16a-1ffe-d455-c459de99316c-a8bb19c9 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_34ef6084-fe22-46d2-9820-ee6262708c52-a8bb19c9 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_34ef6084-fe22-46d2-9820-ee6262708c5a-a8bb19c9 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_34ef6084-fe22-46d2-9820-ee6262708c63-a8bb19c9 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-e6e47955-62ff-7d24-02d1-20e0fe1f171d-a8bb19c9 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4d1a-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4d1f-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4d25-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4d2b-a8bb19c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4d3b-a8bb19c9 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4d3e-a8bb19c9 {
grid-area: 1 / 2 / 2 / 3;
align-self: start;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4d7d-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4d82-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4dce-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4dd5-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4dde-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4de8-a8bb19c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4e1e-a8bb19c9 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4e20-a8bb19c9 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_8e9b4b0e-248d-44d4-722f-5149234cddac-a8bb19c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8e9b4b0e-248d-44d4-722f-5149234cddae-a8bb19c9 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-df8ab8d5-9711-eb1a-536d-23f91f9fc290-a8bb19c9, #w-node-_7c28fb15-5caa-ba61-2122-c20dcf5480be-a8bb19c9, #w-node-a42025ea-7276-5106-8921-9345ea9fb39b-a8bb19c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b17-a8bb19c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b1a-a8bb19c9 {
grid-area: 1 / 2 / 2 / 3;
align-self: start;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da58-a8bb19c9 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da5a-a8bb19c9 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19c9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c71-a8bb19c9, #w-node-f05b4053-6625-c252-3a73-425f940b94d0-a8bb19ca, #w-node-_182fe918-a05b-a2d1-0862-d5dcf0938b8b-a8bb19ca, #w-node-f72e2cf9-80b6-aa37-7aa9-ea24e7b4673e-a8bb19ca, #w-node-_7ae033ca-cba5-0729-eb36-4dfe2b6e9cfd-a8bb19ca, #w-node-c6ad2d83-4b37-1e2f-02b5-0aa5c1234f59-a8bb19ca, #w-node-f05b4053-6625-c252-3a73-425f940b94d0-a8bb19cb, #w-node-f05b4053-6625-c252-3a73-425f940b94d2-a8bb19cb, #w-node-f05b4053-6625-c252-3a73-425f940b94d7-a8bb19cb, #w-node-_62eea92a-b96a-11eb-3756-af92de4617ab-a8bb19cb, #w-node-_7f45b935-1c00-1a91-aec0-2362e9589ca5-a8bb19cb, #w-node-bc53c728-9e50-3c5d-1752-1cddeae34569-a8bb19cb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d3450ef-ec30-76cb-fc4b-c9bd5359ab62-a8bb19cb {
justify-self: start;
}
#w-node-_7ae033ca-cba5-0729-eb36-4dfe2b6e9cfd-a8bb19cb, #w-node-c17c3fc6-4a0e-9f50-43bf-f9fbb1a1fe4d-a8bb19cb, #w-node-_0be9cc4d-da37-5dd0-cca1-cb9c7247fd2f-a8bb19cb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a6a6778e-1339-b4c2-19f1-821b95989ac9-a8bb19cb {
align-self: auto;
}
#w-node-_267ab442-bf9f-506c-734a-52fdae547cc3-a8bb19cc, #w-node-_267ab442-bf9f-506c-734a-52fdae547cf1-a8bb19cc, #w-node-_267ab442-bf9f-506c-734a-52fdae547d1f-a8bb19cc, #w-node-_267ab442-bf9f-506c-734a-52fdae547d53-a8bb19cc, #w-node-_267ab442-bf9f-506c-734a-52fdae547dd4-a8bb19cc, #w-node-_267ab442-bf9f-506c-734a-52fdae547e55-a8bb19cc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_343aae16-6cd4-f7eb-8ef1-e90eb3ea1a05-a8bb19cc {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_343aae16-6cd4-f7eb-8ef1-e90eb3ea1a1e-a8bb19cc {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-d40304c0-08e9-3fd1-76d0-110a373f97bd-a8bb19cc, #w-node-ee01dc09-a5bc-1a7b-9806-8addc4996e6c-a8bb19cc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a38776a1-fd00-1628-d4a1-dac16dfebd87-a8bb19cc {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb19cc {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89605-a8bb19cc {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-a472b864-92eb-3a80-51d7-29a0cf38d829-a8bb19cc, #w-node-_7a0ef465-4b4b-f7f7-c071-83e42308aa32-a8bb19cc, #w-node-f3872576-be93-1984-de43-e205c4b0ca3a-a8bb19cc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ad580326-f3b7-eb2c-38a6-28834083b3d7-a8bb19cc {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_24256126-48fc-7c77-8d3d-52de10107df6-a8bb19cc, #w-node-_24256126-48fc-7c77-8d3d-52de10107df7-a8bb19cc, #w-node-_24256126-48fc-7c77-8d3d-52de10107df8-a8bb19cc, #w-node-_24256126-48fc-7c77-8d3d-52de10107df9-a8bb19cc, #w-node-_24256126-48fc-7c77-8d3d-52de10107dfa-a8bb19cc, #w-node-_24256126-48fc-7c77-8d3d-52de10107dfb-a8bb19cc, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e2798f-a8bb19cc, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27990-a8bb19cc, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27991-a8bb19cc, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27992-a8bb19cc, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27993-a8bb19cc, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27995-a8bb19cc, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b19-a8bb19cc, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1a-a8bb19cc, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1b-a8bb19cc, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1c-a8bb19cc, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1d-a8bb19cc, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1f-a8bb19cc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ae515d59-28c6-e649-6be3-f8aa4e854ef4-a8bb19cc {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-ae515d59-28c6-e649-6be3-f8aa4e854f00-a8bb19cc {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-ae515d59-28c6-e649-6be3-f8aa4e854f12-a8bb19cc {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3de-a8bb19cc {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3e4-a8bb19cc {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3e6-a8bb19cc {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb19cc {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb19cc {
align-self: start;
}
#w-node-e5ee2590-7b22-b4d9-caa6-c567258ec384-a8bb19cc {
align-self: end;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96e-a8bb19cc {
align-self: start;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb19cc {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-_49a4019b-1417-b62a-016e-2a26dfb2fbb9-a8bb19cc {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffc-a8bb19cc, #w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffe-a8bb19cc, #w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef7003-a8bb19cc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb19cc {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448736-a8bb19cc, #w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448739-a8bb19cc {
align-self: center;
}
#w-node-_3cf8202b-6cc7-85e6-c4d5-58a98fac353c-a8bb19cc, #w-node-b0f1c745-a554-ee9e-357f-899c50e92aa0-a8bb19cc, #w-node-_101c2132-f1a6-3e60-1aea-b3bd00be477c-a8bb19cc, #w-node-ce31a2e9-6858-cf3b-194e-f29d1f5836c7-a8bb19cc, #w-node-_466989a6-553b-f770-89fd-fd13b330ff0a-a8bb19cc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb19cc {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4444-a8bb19cc, #w-node-b9287103-d5fb-1137-f473-49be6bae4447-a8bb19cc {
align-self: center;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae444c-a8bb19cc {
place-self: center;
}
#w-node-_79584080-1873-07c0-3ac2-5014c6cdaf22-a8bb19cc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_88db83fd-7eee-a9ce-7099-9998687c17b8-a8bb19cc {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_95d0e7f5-95ba-6432-87df-7d785e46f653-a8bb19cc {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb19cc {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-fbf07c7a-c9f4-5dfc-274c-5cbd79eef657-a8bb19cc {
grid-area: 2 / 4 / 3 / 5;
}
#w-node-_3190df25-2826-e607-a51b-9e9a38f42e4b-a8bb19cc {
grid-area: 2 / 3 / 3 / 4;
place-self: center;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809374-a8bb19cc {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb19cc {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-_37d364f0-67be-b5f6-2ad2-65d9eedae47e-a8bb19cc, #w-node-_678e5d6f-3927-571f-9898-02be97b7cb4b-a8bb19cc, #w-node-_678e5d6f-3927-571f-9898-02be97b7cb5d-a8bb19cc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cba4-a8bb19cc {
align-self: center;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cbc3-a8bb19cc {
grid-area: 1 / 2 / 2 / 4;
align-self: center;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cbdc-a8bb19cc, #w-node-_678e5d6f-3927-571f-9898-02be97b7cbf8-a8bb19cc, #w-node-_678e5d6f-3927-571f-9898-02be97b7cc11-a8bb19cc {
align-self: center;
}
#w-node-_90a37842-e179-4bf0-5b03-a8f8aae18dec-a8bb19cc {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_90a37842-e179-4bf0-5b03-a8f8aae18df8-a8bb19cc {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb36-a8bb19cc, #w-node-bac4efcb-3072-8d17-0fea-1d01019e1a14-a8bb19cc, #w-node-_15fa43e4-0caa-a025-9d80-7c8cb2566636-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fde-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fdf-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe0-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe1-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe2-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe3-a8bb19cc, #w-node-d21ed100-f511-315f-1e9c-15089c141063-a8bb19cc, #w-node-d21ed100-f511-315f-1e9c-15089c141064-a8bb19cc, #w-node-d21ed100-f511-315f-1e9c-15089c141065-a8bb19cc, #w-node-d21ed100-f511-315f-1e9c-15089c141066-a8bb19cc, #w-node-d21ed100-f511-315f-1e9c-15089c141067-a8bb19cc, #w-node-d21ed100-f511-315f-1e9c-15089c141068-a8bb19cc, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce5-a8bb19cc, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce6-a8bb19cc, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce7-a8bb19cc, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce8-a8bb19cc, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce9-a8bb19cc, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8cea-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fff-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7000-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7002-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7003-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7004-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7005-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7006-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7007-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700a-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700b-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700d-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700e-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700f-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7010-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7011-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7012-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7015-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7016-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7018-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7019-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701a-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701b-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701c-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701d-a8bb19cc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb19cc {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb19cc {
align-self: start;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4341-a8bb19cc {
align-self: end;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4351-a8bb19cc {
align-self: start;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4356-a8bb19cc {
place-self: center;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb19cc {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_8625cf48-5528-15b4-d3f5-0738a52f4cb8-a8bb19cc {
align-self: end;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb19cc, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d89e-a8bb19cc {
align-self: start;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d8a3-a8bb19cc {
place-self: center;
}
#w-node-ecb7e6c0-56c2-5f32-c4f3-7198c96ca71a-a8bb19cc {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-ecb7e6c0-56c2-5f32-c4f3-7198c96ca733-a8bb19cc {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_5c9e8404-9fbe-cded-6c07-6a13f77ab084-a8bb19cc {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5c9e8404-9fbe-cded-6c07-6a13f77ab09d-a8bb19cc {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_4986dab4-28e5-43fd-2b23-3b6274050144-a8bb19cc {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-eff517d8-5a1e-e0ad-28d0-de352e566963-a8bb19cc {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-e5b248b5-88f7-933a-86b8-0c177e3e9bf5-a8bb19cc {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_28f111df-72ae-ae5b-b123-7f56fbed987d-a8bb19cc {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_28f111df-72ae-ae5b-b123-7f56fbed9896-a8bb19cc {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_8f36f3bc-59f3-2149-9820-5a29f187cda6-f187cd96, #w-node-_8f36f3bc-59f3-2149-9820-5a29f187cdb8-f187cd96 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_8f36f3bc-59f3-2149-9820-5a29f187cdbb-f187cd96 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_8f36f3bc-59f3-2149-9820-5a29f187cdc6-f187cd96 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_8f36f3bc-59f3-2149-9820-5a29f187cdc9-f187cd96 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c871-a8bb19cd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c873-a8bb19cd {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c875-a8bb19cd, #w-node-_7ee56e25-3839-8c13-a490-a1cbc2f6e36c-a8bb19cd, #w-node-_7ee56e25-3839-8c13-a490-a1cbc2f6e36f-a8bb19cd, #w-node-_136155b2-c29b-299d-56b3-4bbdae445c32-a8bb19cd, #w-node-_1fdd293b-92f6-1c85-a1c6-0c2b1e275f11-a8bb19cd, #w-node-_3e21eb0b-5a24-3102-6dec-66949ab8d249-a8bb19cd, #w-node-_3e21eb0b-5a24-3102-6dec-66949ab8d24c-a8bb19cd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3e21eb0b-5a24-3102-6dec-66949ab8d24f-a8bb19cd {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_3e21eb0b-5a24-3102-6dec-66949ab8d250-a8bb19cd {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_267ab442-bf9f-506c-734a-52fdae547cc3-a8bb1a02, #w-node-_267ab442-bf9f-506c-734a-52fdae547cf1-a8bb1a02, #w-node-_267ab442-bf9f-506c-734a-52fdae547d1f-a8bb1a02, #w-node-_267ab442-bf9f-506c-734a-52fdae547d53-a8bb1a02, #w-node-_267ab442-bf9f-506c-734a-52fdae547dd4-a8bb1a02, #w-node-_267ab442-bf9f-506c-734a-52fdae547e55-a8bb1a02 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_343aae16-6cd4-f7eb-8ef1-e90eb3ea1a05-a8bb1a02 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_343aae16-6cd4-f7eb-8ef1-e90eb3ea1a1e-a8bb1a02 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-d40304c0-08e9-3fd1-76d0-110a373f97bd-a8bb1a02, #w-node-ee01dc09-a5bc-1a7b-9806-8addc4996e6c-a8bb1a02 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a38776a1-fd00-1628-d4a1-dac16dfebd87-a8bb1a02 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb1a02 {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89605-a8bb1a02 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-a472b864-92eb-3a80-51d7-29a0cf38d829-a8bb1a02, #w-node-_7a0ef465-4b4b-f7f7-c071-83e42308aa32-a8bb1a02, #w-node-f3872576-be93-1984-de43-e205c4b0ca3a-a8bb1a02 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ad580326-f3b7-eb2c-38a6-28834083b3d7-a8bb1a02 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_24256126-48fc-7c77-8d3d-52de10107df6-a8bb1a02, #w-node-_24256126-48fc-7c77-8d3d-52de10107df7-a8bb1a02, #w-node-_24256126-48fc-7c77-8d3d-52de10107df8-a8bb1a02, #w-node-_24256126-48fc-7c77-8d3d-52de10107df9-a8bb1a02, #w-node-_24256126-48fc-7c77-8d3d-52de10107dfa-a8bb1a02, #w-node-_24256126-48fc-7c77-8d3d-52de10107dfb-a8bb1a02, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e2798f-a8bb1a02, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27990-a8bb1a02, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27991-a8bb1a02, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27992-a8bb1a02, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27993-a8bb1a02, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27995-a8bb1a02, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b19-a8bb1a02, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1a-a8bb1a02, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1b-a8bb1a02, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1c-a8bb1a02, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1d-a8bb1a02, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1f-a8bb1a02 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ae515d59-28c6-e649-6be3-f8aa4e854ef4-a8bb1a02 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-ae515d59-28c6-e649-6be3-f8aa4e854f00-a8bb1a02 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-ae515d59-28c6-e649-6be3-f8aa4e854f12-a8bb1a02 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3de-a8bb1a02 {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3e4-a8bb1a02 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3e6-a8bb1a02 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb1a02 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb1a02 {
align-self: start;
}
#w-node-e5ee2590-7b22-b4d9-caa6-c567258ec384-a8bb1a02 {
align-self: end;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96e-a8bb1a02 {
align-self: start;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb1a02 {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-_49a4019b-1417-b62a-016e-2a26dfb2fbb9-a8bb1a02 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffc-a8bb1a02, #w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffe-a8bb1a02, #w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef7003-a8bb1a02 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1a02 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448736-a8bb1a02, #w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448739-a8bb1a02 {
align-self: center;
}
#w-node-_3cf8202b-6cc7-85e6-c4d5-58a98fac353c-a8bb1a02, #w-node-b0f1c745-a554-ee9e-357f-899c50e92aa0-a8bb1a02, #w-node-_101c2132-f1a6-3e60-1aea-b3bd00be477c-a8bb1a02, #w-node-ce31a2e9-6858-cf3b-194e-f29d1f5836c7-a8bb1a02, #w-node-_466989a6-553b-f770-89fd-fd13b330ff0a-a8bb1a02 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb1a02 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4444-a8bb1a02, #w-node-b9287103-d5fb-1137-f473-49be6bae4447-a8bb1a02 {
align-self: center;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae444c-a8bb1a02 {
place-self: center;
}
#w-node-_79584080-1873-07c0-3ac2-5014c6cdaf22-a8bb1a02 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_88db83fd-7eee-a9ce-7099-9998687c17b8-a8bb1a02 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_95d0e7f5-95ba-6432-87df-7d785e46f653-a8bb1a02 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb1a02 {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-fbf07c7a-c9f4-5dfc-274c-5cbd79eef657-a8bb1a02 {
grid-area: 2 / 4 / 3 / 5;
}
#w-node-_3190df25-2826-e607-a51b-9e9a38f42e4b-a8bb1a02 {
grid-area: 2 / 3 / 3 / 4;
place-self: center;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809374-a8bb1a02 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb1a02 {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-_37d364f0-67be-b5f6-2ad2-65d9eedae47e-a8bb1a02, #w-node-_678e5d6f-3927-571f-9898-02be97b7cb4b-a8bb1a02, #w-node-_678e5d6f-3927-571f-9898-02be97b7cb5d-a8bb1a02 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cba4-a8bb1a02 {
align-self: center;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cbc3-a8bb1a02 {
grid-area: 1 / 2 / 2 / 4;
align-self: center;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cbdc-a8bb1a02, #w-node-_678e5d6f-3927-571f-9898-02be97b7cbf8-a8bb1a02, #w-node-_678e5d6f-3927-571f-9898-02be97b7cc11-a8bb1a02 {
align-self: center;
}
#w-node-_90a37842-e179-4bf0-5b03-a8f8aae18dec-a8bb1a02 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_90a37842-e179-4bf0-5b03-a8f8aae18df8-a8bb1a02 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb36-a8bb1a02, #w-node-bac4efcb-3072-8d17-0fea-1d01019e1a14-a8bb1a02, #w-node-_15fa43e4-0caa-a025-9d80-7c8cb2566636-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fde-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fdf-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe0-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe1-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe2-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe3-a8bb1a02, #w-node-d21ed100-f511-315f-1e9c-15089c141063-a8bb1a02, #w-node-d21ed100-f511-315f-1e9c-15089c141064-a8bb1a02, #w-node-d21ed100-f511-315f-1e9c-15089c141065-a8bb1a02, #w-node-d21ed100-f511-315f-1e9c-15089c141066-a8bb1a02, #w-node-d21ed100-f511-315f-1e9c-15089c141067-a8bb1a02, #w-node-d21ed100-f511-315f-1e9c-15089c141068-a8bb1a02, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce5-a8bb1a02, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce6-a8bb1a02, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce7-a8bb1a02, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce8-a8bb1a02, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce9-a8bb1a02, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8cea-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fff-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7000-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7002-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7003-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7004-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7005-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7006-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7007-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700a-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700b-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700d-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700e-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700f-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7010-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7011-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7012-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7015-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7016-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7018-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7019-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701a-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701b-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701c-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701d-a8bb1a02 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb1a02 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb1a02 {
align-self: start;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4341-a8bb1a02 {
align-self: end;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4351-a8bb1a02 {
align-self: start;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4356-a8bb1a02 {
place-self: center;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb1a02 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_8625cf48-5528-15b4-d3f5-0738a52f4cb8-a8bb1a02 {
align-self: end;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb1a02, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d89e-a8bb1a02 {
align-self: start;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d8a3-a8bb1a02 {
place-self: center;
}
#w-node-ecb7e6c0-56c2-5f32-c4f3-7198c96ca71a-a8bb1a02 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-ecb7e6c0-56c2-5f32-c4f3-7198c96ca733-a8bb1a02 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_5c9e8404-9fbe-cded-6c07-6a13f77ab084-a8bb1a02 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5c9e8404-9fbe-cded-6c07-6a13f77ab09d-a8bb1a02 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_4986dab4-28e5-43fd-2b23-3b6274050144-a8bb1a02 {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-eff517d8-5a1e-e0ad-28d0-de352e566963-a8bb1a02 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-e5b248b5-88f7-933a-86b8-0c177e3e9bf5-a8bb1a02 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_28f111df-72ae-ae5b-b123-7f56fbed987d-a8bb1a02 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_28f111df-72ae-ae5b-b123-7f56fbed9896-a8bb1a02 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_267ab442-bf9f-506c-734a-52fdae547cc3-a8bb1a05, #w-node-_267ab442-bf9f-506c-734a-52fdae547cf1-a8bb1a05, #w-node-_267ab442-bf9f-506c-734a-52fdae547d1f-a8bb1a05, #w-node-_267ab442-bf9f-506c-734a-52fdae547d53-a8bb1a05, #w-node-_267ab442-bf9f-506c-734a-52fdae547dd4-a8bb1a05, #w-node-_267ab442-bf9f-506c-734a-52fdae547e55-a8bb1a05 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_343aae16-6cd4-f7eb-8ef1-e90eb3ea1a05-a8bb1a05 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_343aae16-6cd4-f7eb-8ef1-e90eb3ea1a1e-a8bb1a05 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-d40304c0-08e9-3fd1-76d0-110a373f97bd-a8bb1a05, #w-node-ee01dc09-a5bc-1a7b-9806-8addc4996e6c-a8bb1a05 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a38776a1-fd00-1628-d4a1-dac16dfebd87-a8bb1a05 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb1a05 {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89605-a8bb1a05 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-a472b864-92eb-3a80-51d7-29a0cf38d829-a8bb1a05, #w-node-_7a0ef465-4b4b-f7f7-c071-83e42308aa32-a8bb1a05, #w-node-f3872576-be93-1984-de43-e205c4b0ca3a-a8bb1a05 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ad580326-f3b7-eb2c-38a6-28834083b3d7-a8bb1a05 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_24256126-48fc-7c77-8d3d-52de10107df6-a8bb1a05, #w-node-_24256126-48fc-7c77-8d3d-52de10107df7-a8bb1a05, #w-node-_24256126-48fc-7c77-8d3d-52de10107df8-a8bb1a05, #w-node-_24256126-48fc-7c77-8d3d-52de10107df9-a8bb1a05, #w-node-_24256126-48fc-7c77-8d3d-52de10107dfa-a8bb1a05, #w-node-_24256126-48fc-7c77-8d3d-52de10107dfb-a8bb1a05, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e2798f-a8bb1a05, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27990-a8bb1a05, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27991-a8bb1a05, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27992-a8bb1a05, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27993-a8bb1a05, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27995-a8bb1a05, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b19-a8bb1a05, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1a-a8bb1a05, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1b-a8bb1a05, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1c-a8bb1a05, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1d-a8bb1a05, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1f-a8bb1a05 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ae515d59-28c6-e649-6be3-f8aa4e854ef4-a8bb1a05 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-ae515d59-28c6-e649-6be3-f8aa4e854f00-a8bb1a05 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-ae515d59-28c6-e649-6be3-f8aa4e854f12-a8bb1a05 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3de-a8bb1a05 {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3e4-a8bb1a05 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3e6-a8bb1a05 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb1a05 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb1a05 {
align-self: start;
}
#w-node-e5ee2590-7b22-b4d9-caa6-c567258ec384-a8bb1a05 {
align-self: end;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96e-a8bb1a05 {
align-self: start;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb1a05 {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-_49a4019b-1417-b62a-016e-2a26dfb2fbb9-a8bb1a05 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffc-a8bb1a05, #w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffe-a8bb1a05, #w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef7003-a8bb1a05 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1a05 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448736-a8bb1a05, #w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448739-a8bb1a05 {
align-self: center;
}
#w-node-_3cf8202b-6cc7-85e6-c4d5-58a98fac353c-a8bb1a05, #w-node-b0f1c745-a554-ee9e-357f-899c50e92aa0-a8bb1a05, #w-node-_101c2132-f1a6-3e60-1aea-b3bd00be477c-a8bb1a05, #w-node-ce31a2e9-6858-cf3b-194e-f29d1f5836c7-a8bb1a05, #w-node-_466989a6-553b-f770-89fd-fd13b330ff0a-a8bb1a05 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb1a05 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4444-a8bb1a05, #w-node-b9287103-d5fb-1137-f473-49be6bae4447-a8bb1a05 {
align-self: center;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae444c-a8bb1a05 {
place-self: center;
}
#w-node-_79584080-1873-07c0-3ac2-5014c6cdaf22-a8bb1a05 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_88db83fd-7eee-a9ce-7099-9998687c17b8-a8bb1a05 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_95d0e7f5-95ba-6432-87df-7d785e46f653-a8bb1a05 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb1a05 {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-fbf07c7a-c9f4-5dfc-274c-5cbd79eef657-a8bb1a05 {
grid-area: 2 / 4 / 3 / 5;
}
#w-node-_3190df25-2826-e607-a51b-9e9a38f42e4b-a8bb1a05 {
grid-area: 2 / 3 / 3 / 4;
place-self: center;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809374-a8bb1a05 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb1a05 {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-_37d364f0-67be-b5f6-2ad2-65d9eedae47e-a8bb1a05, #w-node-_678e5d6f-3927-571f-9898-02be97b7cb4b-a8bb1a05, #w-node-_678e5d6f-3927-571f-9898-02be97b7cb5d-a8bb1a05 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cba4-a8bb1a05 {
align-self: center;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cbc3-a8bb1a05 {
grid-area: 1 / 2 / 2 / 4;
align-self: center;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cbdc-a8bb1a05, #w-node-_678e5d6f-3927-571f-9898-02be97b7cbf8-a8bb1a05, #w-node-_678e5d6f-3927-571f-9898-02be97b7cc11-a8bb1a05 {
align-self: center;
}
#w-node-_90a37842-e179-4bf0-5b03-a8f8aae18dec-a8bb1a05 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_90a37842-e179-4bf0-5b03-a8f8aae18df8-a8bb1a05 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb36-a8bb1a05, #w-node-bac4efcb-3072-8d17-0fea-1d01019e1a14-a8bb1a05, #w-node-_15fa43e4-0caa-a025-9d80-7c8cb2566636-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fde-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fdf-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe0-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe1-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe2-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe3-a8bb1a05, #w-node-d21ed100-f511-315f-1e9c-15089c141063-a8bb1a05, #w-node-d21ed100-f511-315f-1e9c-15089c141064-a8bb1a05, #w-node-d21ed100-f511-315f-1e9c-15089c141065-a8bb1a05, #w-node-d21ed100-f511-315f-1e9c-15089c141066-a8bb1a05, #w-node-d21ed100-f511-315f-1e9c-15089c141067-a8bb1a05, #w-node-d21ed100-f511-315f-1e9c-15089c141068-a8bb1a05, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce5-a8bb1a05, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce6-a8bb1a05, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce7-a8bb1a05, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce8-a8bb1a05, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce9-a8bb1a05, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8cea-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fff-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7000-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7002-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7003-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7004-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7005-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7006-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7007-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700a-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700b-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700d-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700e-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700f-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7010-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7011-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7012-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7015-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7016-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7018-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7019-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701a-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701b-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701c-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701d-a8bb1a05 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb1a05 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb1a05 {
align-self: start;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4341-a8bb1a05 {
align-self: end;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4351-a8bb1a05 {
align-self: start;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4356-a8bb1a05 {
place-self: center;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb1a05 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_8625cf48-5528-15b4-d3f5-0738a52f4cb8-a8bb1a05 {
align-self: end;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb1a05, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d89e-a8bb1a05 {
align-self: start;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d8a3-a8bb1a05 {
place-self: center;
}
#w-node-ecb7e6c0-56c2-5f32-c4f3-7198c96ca71a-a8bb1a05 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-ecb7e6c0-56c2-5f32-c4f3-7198c96ca733-a8bb1a05 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_5c9e8404-9fbe-cded-6c07-6a13f77ab084-a8bb1a05 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5c9e8404-9fbe-cded-6c07-6a13f77ab09d-a8bb1a05 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_4986dab4-28e5-43fd-2b23-3b6274050144-a8bb1a05 {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-eff517d8-5a1e-e0ad-28d0-de352e566963-a8bb1a05 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-e5b248b5-88f7-933a-86b8-0c177e3e9bf5-a8bb1a05 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_28f111df-72ae-ae5b-b123-7f56fbed987d-a8bb1a05 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_28f111df-72ae-ae5b-b123-7f56fbed9896-a8bb1a05 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_267ab442-bf9f-506c-734a-52fdae547cc3-a8bb1a06, #w-node-_267ab442-bf9f-506c-734a-52fdae547cf1-a8bb1a06, #w-node-_267ab442-bf9f-506c-734a-52fdae547d1f-a8bb1a06, #w-node-_267ab442-bf9f-506c-734a-52fdae547d53-a8bb1a06, #w-node-_267ab442-bf9f-506c-734a-52fdae547dd4-a8bb1a06, #w-node-_267ab442-bf9f-506c-734a-52fdae547e55-a8bb1a06 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_343aae16-6cd4-f7eb-8ef1-e90eb3ea1a05-a8bb1a06 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_343aae16-6cd4-f7eb-8ef1-e90eb3ea1a1e-a8bb1a06 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-d40304c0-08e9-3fd1-76d0-110a373f97bd-a8bb1a06, #w-node-ee01dc09-a5bc-1a7b-9806-8addc4996e6c-a8bb1a06 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a38776a1-fd00-1628-d4a1-dac16dfebd87-a8bb1a06 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb1a06 {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89605-a8bb1a06 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-a472b864-92eb-3a80-51d7-29a0cf38d829-a8bb1a06, #w-node-_7a0ef465-4b4b-f7f7-c071-83e42308aa32-a8bb1a06, #w-node-f3872576-be93-1984-de43-e205c4b0ca3a-a8bb1a06 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ad580326-f3b7-eb2c-38a6-28834083b3d7-a8bb1a06 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_24256126-48fc-7c77-8d3d-52de10107df6-a8bb1a06, #w-node-_24256126-48fc-7c77-8d3d-52de10107df7-a8bb1a06, #w-node-_24256126-48fc-7c77-8d3d-52de10107df8-a8bb1a06, #w-node-_24256126-48fc-7c77-8d3d-52de10107df9-a8bb1a06, #w-node-_24256126-48fc-7c77-8d3d-52de10107dfa-a8bb1a06, #w-node-_24256126-48fc-7c77-8d3d-52de10107dfb-a8bb1a06, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e2798f-a8bb1a06, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27990-a8bb1a06, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27991-a8bb1a06, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27992-a8bb1a06, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27993-a8bb1a06, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27995-a8bb1a06, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b19-a8bb1a06, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1a-a8bb1a06, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1b-a8bb1a06, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1c-a8bb1a06, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1d-a8bb1a06, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1f-a8bb1a06 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ae515d59-28c6-e649-6be3-f8aa4e854ef4-a8bb1a06 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-ae515d59-28c6-e649-6be3-f8aa4e854f00-a8bb1a06 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-ae515d59-28c6-e649-6be3-f8aa4e854f12-a8bb1a06 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3de-a8bb1a06 {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3e4-a8bb1a06 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3e6-a8bb1a06 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb1a06 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb1a06 {
align-self: start;
}
#w-node-e5ee2590-7b22-b4d9-caa6-c567258ec384-a8bb1a06 {
align-self: end;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96e-a8bb1a06 {
align-self: start;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb1a06 {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-_49a4019b-1417-b62a-016e-2a26dfb2fbb9-a8bb1a06 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffc-a8bb1a06, #w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffe-a8bb1a06, #w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef7003-a8bb1a06 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1a06 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448736-a8bb1a06, #w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448739-a8bb1a06 {
align-self: center;
}
#w-node-_3cf8202b-6cc7-85e6-c4d5-58a98fac353c-a8bb1a06, #w-node-b0f1c745-a554-ee9e-357f-899c50e92aa0-a8bb1a06, #w-node-_101c2132-f1a6-3e60-1aea-b3bd00be477c-a8bb1a06, #w-node-ce31a2e9-6858-cf3b-194e-f29d1f5836c7-a8bb1a06, #w-node-_466989a6-553b-f770-89fd-fd13b330ff0a-a8bb1a06 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb1a06 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4444-a8bb1a06, #w-node-b9287103-d5fb-1137-f473-49be6bae4447-a8bb1a06 {
align-self: center;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae444c-a8bb1a06 {
place-self: center;
}
#w-node-_79584080-1873-07c0-3ac2-5014c6cdaf22-a8bb1a06 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_88db83fd-7eee-a9ce-7099-9998687c17b8-a8bb1a06 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_95d0e7f5-95ba-6432-87df-7d785e46f653-a8bb1a06 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb1a06 {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-fbf07c7a-c9f4-5dfc-274c-5cbd79eef657-a8bb1a06 {
grid-area: 2 / 4 / 3 / 5;
}
#w-node-_3190df25-2826-e607-a51b-9e9a38f42e4b-a8bb1a06 {
grid-area: 2 / 3 / 3 / 4;
place-self: center;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809374-a8bb1a06 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb1a06 {
grid-area: 1 / 2 / 3 / 3;
justify-self: start;
}
#w-node-_37d364f0-67be-b5f6-2ad2-65d9eedae47e-a8bb1a06, #w-node-_678e5d6f-3927-571f-9898-02be97b7cb4b-a8bb1a06, #w-node-_678e5d6f-3927-571f-9898-02be97b7cb5d-a8bb1a06 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cba4-a8bb1a06 {
align-self: center;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cbc3-a8bb1a06 {
grid-area: 1 / 2 / 2 / 4;
align-self: center;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cbdc-a8bb1a06, #w-node-_678e5d6f-3927-571f-9898-02be97b7cbf8-a8bb1a06, #w-node-_678e5d6f-3927-571f-9898-02be97b7cc11-a8bb1a06 {
align-self: center;
}
#w-node-_90a37842-e179-4bf0-5b03-a8f8aae18dec-a8bb1a06 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_90a37842-e179-4bf0-5b03-a8f8aae18df8-a8bb1a06 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb36-a8bb1a06, #w-node-bac4efcb-3072-8d17-0fea-1d01019e1a14-a8bb1a06, #w-node-_15fa43e4-0caa-a025-9d80-7c8cb2566636-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fde-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fdf-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe0-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe1-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe2-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fe3-a8bb1a06, #w-node-d21ed100-f511-315f-1e9c-15089c141063-a8bb1a06, #w-node-d21ed100-f511-315f-1e9c-15089c141064-a8bb1a06, #w-node-d21ed100-f511-315f-1e9c-15089c141065-a8bb1a06, #w-node-d21ed100-f511-315f-1e9c-15089c141066-a8bb1a06, #w-node-d21ed100-f511-315f-1e9c-15089c141067-a8bb1a06, #w-node-d21ed100-f511-315f-1e9c-15089c141068-a8bb1a06, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce5-a8bb1a06, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce6-a8bb1a06, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce7-a8bb1a06, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce8-a8bb1a06, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce9-a8bb1a06, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8cea-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fff-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7000-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7002-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7003-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7004-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7005-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7006-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7007-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700a-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700b-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700d-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700e-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700f-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7010-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7011-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7012-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7015-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7016-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7018-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7019-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701a-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701b-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701c-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff701d-a8bb1a06 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb1a06 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb1a06 {
align-self: start;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4341-a8bb1a06 {
align-self: end;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4351-a8bb1a06 {
align-self: start;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4356-a8bb1a06 {
place-self: center;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb1a06 {
grid-area: 1 / 3 / 2 / 3;
align-self: center;
}
#w-node-_8625cf48-5528-15b4-d3f5-0738a52f4cb8-a8bb1a06 {
align-self: end;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb1a06, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d89e-a8bb1a06 {
align-self: start;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d8a3-a8bb1a06 {
place-self: center;
}
#w-node-ecb7e6c0-56c2-5f32-c4f3-7198c96ca71a-a8bb1a06 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-ecb7e6c0-56c2-5f32-c4f3-7198c96ca733-a8bb1a06 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_5c9e8404-9fbe-cded-6c07-6a13f77ab084-a8bb1a06 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5c9e8404-9fbe-cded-6c07-6a13f77ab09d-a8bb1a06 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_4986dab4-28e5-43fd-2b23-3b6274050144-a8bb1a06 {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-eff517d8-5a1e-e0ad-28d0-de352e566963-a8bb1a06 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-e5b248b5-88f7-933a-86b8-0c177e3e9bf5-a8bb1a06 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_28f111df-72ae-ae5b-b123-7f56fbed987d-a8bb1a06 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_28f111df-72ae-ae5b-b123-7f56fbed9896-a8bb1a06 {
grid-area: 2 / 3 / 3 / 4;
}
@media screen and (min-width: 1920px) {
#w-node-cbbc4491-9d11-c216-342c-426d52d7558f-2febdbd0 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_765c24e9-d8a3-3e0a-7fa4-24db89e3302a-2febdbd0 {
grid-row: 2 / 3;
}
#w-node-_7e9b118b-3d7f-e389-46cb-6c2a875a2b9c-339f416c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21e42-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21e42-a8bb1887, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb1888, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb188a, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb188f, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb1890, #w-node-_60ca3110-524c-a14b-b9d4-3d7150c0c604-a8bb1892, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb1894, #w-node-f58c16b1-3fa9-37da-a3dc-e3bc90b32fbc-a8bb1895, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb189a, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb189b, #w-node-_38443f53-660d-b721-5803-b4ae9d44d9c0-a8bb189c, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb18d1, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb18f5, #w-node-b57ee80b-3999-6945-3bf2-40202014e2f7-a8bb1918, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19bb, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19be, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19bf, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c0, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c3, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c5, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c6 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_1403a43f-1e80-688a-dcd7-5427467ec1ae-a8bb19c9 {
grid-area: Area;
}
#w-node-_47d6fe58-b57c-7f94-cd42-ab9dfd4eaa7e-a8bb19c9 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-de579f07-a16a-1ffe-d455-c459de99316c-a8bb19c9 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
}
@media screen and (min-width: 1440px) {
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb1875, #w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1875, #w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb1875, #w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb1875, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb1875 {
align-self: center;
}
#w-node-cbbc4491-9d11-c216-342c-426d52d7558f-2febdbd0 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_765c24e9-d8a3-3e0a-7fa4-24db89e3302a-2febdbd0 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb1876, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb1876, #w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb1876, #w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1876, #w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb1876, #w-node-_92cc5eb7-0c74-3399-68b6-d26c3208a7d7-a8bb1876, #w-node-_7f20cf27-6bd6-0455-a4cd-cbb075257da8-a8bb1890, #w-node-be66bdfa-7e22-37be-fca5-cf5687154784-a8bb19bb, #w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c982-a8bb19be, #w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c982-a8bb19bf, #w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c982-a8bb19c0, #w-node-_59504dc3-7e20-a84d-0f66-a5ee976c5362-a8bb19c3, #w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c982-a8bb19c5, #w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb19c7, #w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb19c7, #w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb19c7, #w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb19c7, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb19c7, #w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb19cc, #w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb19cc, #w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb19cc, #w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb19cc, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb19cc, #w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb1a02, #w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1a02, #w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb1a02, #w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb1a02, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb1a02, #w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb1a05, #w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1a05, #w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb1a05, #w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb1a05, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb1a05, #w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb1a06, #w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1a06, #w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb1a06, #w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb1a06, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb1a06 {
align-self: center;
}
}
@media screen and (min-width: 1280px) {
#w-node-_0389c89f-765a-a12c-dcb3-65b322e2f9d6-339f416c, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21e2c-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21e2c-a8bb1887, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c39-a8bb1888, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c39-a8bb188a, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c39-a8bb188f, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c39-a8bb1890, #w-node-_60ca3110-524c-a14b-b9d4-3d7150c0c5ee-a8bb1892, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c39-a8bb1894, #w-node-f58c16b1-3fa9-37da-a3dc-e3bc90b32fa6-a8bb1895, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c39-a8bb189a, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c39-a8bb189b, #w-node-_38443f53-660d-b721-5803-b4ae9d44d9aa-a8bb189c, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c39-a8bb18d1, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c39-a8bb18f5, #w-node-b57ee80b-3999-6945-3bf2-40202014e2e1-a8bb1918, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c39-a8bb19bb, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c39-a8bb19be, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c39-a8bb19bf, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c39-a8bb19c0, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c39-a8bb19c3, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c39-a8bb19c5, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c39-a8bb19c6, #w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c39-a8bb19c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 991px) {
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb1875 {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-ad580326-f3b7-eb2c-38a6-28834083b3d7-a8bb1875, #w-node-ae515d59-28c6-e649-6be3-f8aa4e854ef4-a8bb1875 {
grid-column-start: 2;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3de-a8bb1875 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb1875 {
align-self: start;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb1875 {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1875 {
align-self: center;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809360-a8bb1875 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb1875 {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-_4298bb35-1d66-d90b-5258-58a97c0cebd7-a8bb1875 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb1875, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb1875 {
align-self: start;
}
#w-node-_4986dab4-28e5-43fd-2b23-3b6274050144-a8bb1875 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cbbc4491-9d11-c216-342c-426d52d7558f-2febdbd0 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-cbbc4491-9d11-c216-342c-426d52d75590-2febdbd0 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_2a8e6be8-defd-4359-eb48-901b725ab85c-2febdbd0 {
grid-area: 3 / 2 / 4 / 3;
align-self: end;
}
#w-node-_765c24e9-d8a3-3e0a-7fa4-24db89e3302a-2febdbd0 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-a358a83b-4615-d101-273d-a9795f2623e5-2febdbd0 {
grid-row: 2 / 3;
grid-column-start: 1;
}
#w-node-_5c59975f-895b-9e80-2c6b-1e9ad524b755-339f416c {
grid-area: 1 / 3 / 2 / 4;
justify-self: end;
}
#w-node-_7e9b118b-3d7f-e389-46cb-6c2a875a2aa5-339f416c {
grid-column: 1 / 2;
justify-self: start;
}
#w-node-_7e9b118b-3d7f-e389-46cb-6c2a875a2c12-339f416c {
grid-area: 1 / 2 / 2 / 3;
justify-self: end;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb1876, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb1876, #w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb1876 {
align-self: start;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1876 {
align-self: center;
}
#w-node-fd23a560-8b7a-b433-4c81-b4b91958d51e-a8bb1881, #w-node-_5185f08b-832d-94f5-1a20-71d913cf56bb-a8bb1881, #w-node-_801d5801-db23-e714-6254-380b34ef30f8-a8bb1881, #w-node-d36ad37e-09f7-80f6-de1f-6ac8145ad731-a8bb1881, #w-node-a9227e9a-14b7-0328-4319-babcc028c00a-a8bb1884 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf2b-a8bb1884 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf30-a8bb1884 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328c8-a8bb1884, #w-node-_6c9ec16f-2994-bc2f-07f6-924ec183291f-a8bb1884 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1706933d-da75-21f5-baa4-9252de5da00a-a8bb1885 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382f99-a8bb1885, #w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f02-a8bb1885 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb22-a8bb1885 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb27-a8bb1885 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_26656d3e-99f5-648c-5851-6472494d7e8a-a8bb1885, #w-node-_79683f38-1538-a2f4-6f81-fd4ec21105f2-a8bb1885, #w-node-_96d84292-a827-11b3-3afd-d98e77f20286-a8bb1885, #w-node-_33040957-4b17-0bbc-29a0-d31cd72382e9-a8bb1885 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f61-a8bb1885 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca0e0-a8bb1885 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca0e5-a8bb1885 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca122-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca16c-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca1ce-a8bb1885 {
grid-column: 1 / 2;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca1df-a8bb1885 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca1e4-a8bb1885 {
grid-column: 1 / 2;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5e9b-a8bb1885, #w-node-_366a6010-d172-19a9-729d-fff47b0b5edb-a8bb1885 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1706933d-da75-21f5-baa4-9252de5da00a-a8bb1886 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382f99-a8bb1886, #w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f02-a8bb1886 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb22-a8bb1886 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb27-a8bb1886 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_26656d3e-99f5-648c-5851-6472494d7e8a-a8bb1886, #w-node-_79683f38-1538-a2f4-6f81-fd4ec21105f2-a8bb1886, #w-node-_96d84292-a827-11b3-3afd-d98e77f20286-a8bb1886, #w-node-_33040957-4b17-0bbc-29a0-d31cd72382e9-a8bb1886 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f61-a8bb1886 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21ce7-a8bb1886 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21cec-a8bb1886 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d29-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d73-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21dd5-a8bb1886 {
grid-column: 1 / 2;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21de6-a8bb1886 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21deb-a8bb1886 {
grid-column: 1 / 2;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21e42-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21e5b-a8bb1886 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_1706933d-da75-21f5-baa4-9252de5da00a-a8bb1887 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382f99-a8bb1887, #w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f02-a8bb1887 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb22-a8bb1887 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb27-a8bb1887 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_26656d3e-99f5-648c-5851-6472494d7e8a-a8bb1887, #w-node-_79683f38-1538-a2f4-6f81-fd4ec21105f2-a8bb1887, #w-node-_96d84292-a827-11b3-3afd-d98e77f20286-a8bb1887, #w-node-_33040957-4b17-0bbc-29a0-d31cd72382e9-a8bb1887 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f61-a8bb1887 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21ce7-a8bb1887 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21cec-a8bb1887 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-d9a830fb-5f07-463c-8c48-7e3e92339a24-a8bb1887 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-d9a830fb-5f07-463c-8c48-7e3e92339a29-a8bb1887 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21deb-a8bb1887 {
grid-column: 1 / 2;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21e42-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21e5b-a8bb1887 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb1888 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb1888 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb1888 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb1888 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b1a-a8bb1888 {
grid-column: 1 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb1888 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb1888 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-a9227e9a-14b7-0328-4319-babcc028c00a-a8bb1889 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf2b-a8bb1889 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf30-a8bb1889 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328c8-a8bb1889, #w-node-_6c9ec16f-2994-bc2f-07f6-924ec183291f-a8bb1889 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa91ef-a8bb188a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa91f4-a8bb188a {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa91fc-a8bb188a {
grid-row: 4 / 5;
grid-column-end: 2;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14902-a8bb188a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14907-a8bb188a {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1490f-a8bb188a {
grid-row: 4 / 5;
grid-column-end: 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb188a {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb188a {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df340495479e-a8bb188a {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a0-a8bb188a {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a8-a8bb188a {
grid-row: 4 / 5;
grid-column-end: 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954837-a8bb188a {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df340495483c-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954842-a8bb188a {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954848-a8bb188a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb188a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb188a {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-a9227e9a-14b7-0328-4319-babcc028c00a-a8bb188b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf2b-a8bb188b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_383640b3-0f95-0ebf-3622-5c397a26bf30-a8bb188b {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328c8-a8bb188b, #w-node-_6c9ec16f-2994-bc2f-07f6-924ec183291f-a8bb188b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c86e-a8bb188c, #w-node-_560be099-aa2f-d9f8-c956-15dc4d24fd8b-a8bb188c {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_79584080-1873-07c0-3ac2-5014c6cdaf22-a8bb188c {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb188c {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27735-a8bb188c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_645c8629-cb06-f89d-030a-fa0803e85e40-a8bb188c {
grid-column: 2 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27735-a8bb188d, #w-node-a41ba250-3574-61d5-64a7-bef3c1c27735-a8bb188e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df340495479e-a8bb188f {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_47e2df41-5831-f943-a7ee-0c485f80b1fa-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-f58fac9d-b934-d784-0d09-13882b842d16-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df34049547a0-a8bb188f {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a8-a8bb188f {
grid-row: 4 / 5;
grid-column-end: 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954837-a8bb188f {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df340495483c-a8bb188f {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954842-a8bb188f {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954848-a8bb188f {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef4918-a8bb188f {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef491a-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef491c-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef4924-a8bb188f {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef492c-a8bb188f {
grid-row: 4 / 5;
grid-column-end: 2;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef49ae-a8bb188f {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef49b3-a8bb188f {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef49b9-a8bb188f {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef49bf-a8bb188f {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9e2-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9e0-a8bb188f {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9e4-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9ec-a8bb188f {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9f4-a8bb188f {
grid-row: 4 / 5;
grid-column-end: 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da76-a8bb188f {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da7b-a8bb188f {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da81-a8bb188f {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da87-a8bb188f {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb188f {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-e9ab9fc3-99f1-8688-444b-04ed865bd031-a8bb1890 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-e9ab9fc3-99f1-8688-444b-04ed865bd037-a8bb1890 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-e9ab9fc3-99f1-8688-444b-04ed865bd03c-a8bb1890 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-e9ab9fc3-99f1-8688-444b-04ed865bd042-a8bb1890 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-e9ab9fc3-99f1-8688-444b-04ed865bd055-a8bb1890 {
grid-column: 1 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb1890 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb1890 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_60ca3110-524c-a14b-b9d4-3d7150c0c604-a8bb1892 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_60ca3110-524c-a14b-b9d4-3d7150c0c61d-a8bb1892 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-e78a8b5e-f0aa-7c7a-fd80-7e7d928ec967-a8bb1894, #w-node-e78a8b5e-f0aa-7c7a-fd80-7e7d928ec96f-a8bb1894, #w-node-_351c0a30-2fa8-8b72-b6d8-e898617eb738-a8bb1894, #w-node-e87442f2-0b44-ed18-14d8-64072a1caafb-a8bb1894 {
grid-column-end: 3;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa91ef-a8bb1894 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa91f4-a8bb1894 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa91fc-a8bb1894 {
grid-row: 4 / 5;
grid-column-end: 2;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14902-a8bb1894 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14907-a8bb1894 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1490f-a8bb1894 {
grid-row: 4 / 5;
grid-column-end: 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb1894 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb1894 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df340495479e-a8bb1894 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a0-a8bb1894 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a8-a8bb1894 {
grid-row: 4 / 5;
grid-column-end: 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954837-a8bb1894 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df340495483c-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954842-a8bb1894 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954848-a8bb1894 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb1894 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb1894 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-f58c16b1-3fa9-37da-a3dc-e3bc90b32fbc-a8bb1895 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-f58c16b1-3fa9-37da-a3dc-e3bc90b32fd5-a8bb1895 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa91ef-a8bb189a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa91f4-a8bb189a {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-a0b79604-934a-4a23-c1a4-31d51baa91fc-a8bb189a {
grid-row: 4 / 5;
grid-column-end: 2;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14902-a8bb189a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b71ae256-9cf4-db97-de85-6978a8e8d3c3-a8bb189a, #w-node-ca124801-ad02-6eb5-6d6e-30c07f587bad-a8bb189a {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14907-a8bb189a {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1490f-a8bb189a {
grid-row: 4 / 5;
grid-column-end: 2;
}
#w-node-_2562e19d-364f-2c11-7b90-3e80c75e96ab-a8bb189a {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb189a {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb189a {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df340495479e-a8bb189a, #w-node-_47e2df41-5831-f943-a7ee-0c485f80b1fa-a8bb189a, #w-node-f58fac9d-b934-d784-0d09-13882b842d16-a8bb189a {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a0-a8bb189a {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df34049547a8-a8bb189a {
grid-row: 4 / 5;
grid-column-end: 2;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954837-a8bb189a {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df340495483c-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954842-a8bb189a {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954848-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9e0-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9e2-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9e4-a8bb189a {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9ec-a8bb189a {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9f4-a8bb189a {
grid-row: 4 / 5;
grid-column-end: 2;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da76-a8bb189a {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da7b-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da81-a8bb189a {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da87-a8bb189a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb189a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb189a {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb189b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb189b {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_38443f53-660d-b721-5803-b4ae9d44d9c0-a8bb189c {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_38443f53-660d-b721-5803-b4ae9d44d9d9-a8bb189c {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb18d1 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb18d1 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb18d1 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb18d1 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b1a-a8bb18d1 {
grid-column: 1 / 2;
}
#w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb18d1 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb18d1 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb18d1 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb18d1 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb18d1 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb18d1 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb18d1 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb18d1 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb18f5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb18f5 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-b57ee80b-3999-6945-3bf2-40202014e2f7-a8bb1918 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b57ee80b-3999-6945-3bf2-40202014e310-a8bb1918 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-fe5638fe-ace9-d664-2b76-b637cf358a72-a8bb1962 {
grid-column: 1 / 2;
justify-self: start;
}
#w-node-fe5638fe-ace9-d664-2b76-b637cf358bb3-a8bb1962 {
grid-area: 1 / 3 / 2 / 4;
justify-self: end;
}
#w-node-_9ad4245c-1997-d5be-838e-c52344f312a0-a8bb19bb {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_9ad4245c-1997-d5be-838e-c52344f312a6-a8bb19bb {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_9ad4245c-1997-d5be-838e-c52344f312ab-a8bb19bb {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_9ad4245c-1997-d5be-838e-c52344f312b1-a8bb19bb {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_9ad4245c-1997-d5be-838e-c52344f312c0-a8bb19bb, #w-node-_9ad4245c-1997-d5be-838e-c52344f312ef-a8bb19bb {
grid-column: 1 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19bb {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19bb {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e55-a8bb19be {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e58-a8bb19be {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e5b-a8bb19be {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e69-a8bb19be {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e71-a8bb19be {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e75-a8bb19be {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113ec-a8bb19be {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113f2-a8bb19be {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113f5-a8bb19be {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113fa-a8bb19be {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113fe-a8bb19be {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb19be {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb19be {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19be {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19be {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b1a-a8bb19be {
grid-column: 1 / 2;
}
#w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb19be {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb19be {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb19be {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb19be {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb19be {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb19be {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19be {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19be {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_064a8c73-e4d9-4b35-4e48-16f5b0756728-a8bb19bf {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_271f1a6f-704c-f645-bf43-f8b7777e9b40-a8bb19bf {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_271f1a6f-704c-f645-bf43-f8b7777e9b47-a8bb19bf {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-eec6f834-e84a-8989-cd91-290ada5f237b-a8bb19bf {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_32640914-8e62-91b0-1bc1-cf6170b8fa83-a8bb19bf {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_32640914-8e62-91b0-1bc1-cf6170b8fa8a-a8bb19bf {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_32640914-8e62-91b0-1bc1-cf6170b8fa91-a8bb19bf {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_6f4763c9-5049-17d2-ac86-2a2d9ec9f8a7-a8bb19bf {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_6f4763c9-5049-17d2-ac86-2a2d9ec9f8ae-a8bb19bf {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6f4763c9-5049-17d2-ac86-2a2d9ec9f8b5-a8bb19bf {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e55-a8bb19bf {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e58-a8bb19bf {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e5b-a8bb19bf {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e69-a8bb19bf {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e71-a8bb19bf {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e75-a8bb19bf {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb19bf {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb19bf {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19bf {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19bf {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b1a-a8bb19bf {
grid-column: 1 / 2;
}
#w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb19bf {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb19bf {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb19bf {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb19bf {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb19bf {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb19bf {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19bf {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19bf {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85a47-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85a4f-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85acb-a8bb19c0 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ace-a8bb19c0 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ad1-a8bb19c0 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ad4-a8bb19c0 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ad9-a8bb19c0 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85add-a8bb19c0 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b48-a8bb19c0 {
grid-column: 1 / 2;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b81-a8bb19c0 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b86-a8bb19c0 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b8c-a8bb19c0 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b92-a8bb19c0 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ba5-a8bb19c0 {
grid-column: 1 / 2;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85be4-a8bb19c0 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85be9-a8bb19c0 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c35-a8bb19c0 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c3c-a8bb19c0 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c45-a8bb19c0 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c4f-a8bb19c0 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c0 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19c0 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b280f6-fd215701 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28114-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28119-fd215701 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b2811f-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28125-fd215701 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28138-fd215701 {
grid-column: 1 / 2;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28177-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b2817c-fd215701 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b281c8-fd215701 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b281cf-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b281d8-fd215701 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b281e2-fd215701 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd2158ed-fd215701 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd21590b-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd215910-fd215701 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd215916-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd21591c-fd215701 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd21592f-fd215701 {
grid-column: 1 / 2;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd21596e-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd215973-fd215701 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd2159bf-fd215701 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd2159c6-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd2159cf-fd215701 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd2159d9-fd215701 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc632-fd215701 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc650-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc655-fd215701 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc65b-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc661-fd215701 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc674-fd215701 {
grid-column: 1 / 2;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc6b3-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc6b8-fd215701 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc704-fd215701 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc70b-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc714-fd215701 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc71e-fd215701 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba48ed-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba4922-fd215701 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba4940-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba4945-fd215701 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba494b-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba4951-fd215701 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba4964-fd215701 {
grid-column: 1 / 2;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba49a3-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba49a8-fd215701 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba49f4-fd215701 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba49fb-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba4a04-fd215701 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba4a0e-fd215701 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f06-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f47-fd215701 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f65-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f6a-fd215701 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f70-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f76-fd215701 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f89-fd215701 {
grid-column: 1 / 2;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33fc8-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33fcd-fd215701 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f34019-fd215701 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f34020-fd215701 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f34029-fd215701 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f34033-fd215701 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c86e-a8bb19c2, #w-node-_560be099-aa2f-d9f8-c956-15dc4d24fd8b-a8bb19c2 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_79584080-1873-07c0-3ac2-5014c6cdaf22-a8bb19c2 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb19c2 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27735-a8bb19c2 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_645c8629-cb06-f89d-030a-fa0803e85e40-a8bb19c2 {
grid-column: 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19c3 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19c3 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-c7176e18-91e9-7bf8-d4bb-e2c1d0d31e42-a8bb19c3 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_5d56c88d-506a-4b63-a4d9-97fc61d63f3d-a8bb19c3 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b1a-a8bb19c3, #w-node-e1563315-2506-d8c9-1623-ca308a36dbff-a8bb19c3 {
grid-column: 1 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c3 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19c3 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_064a8c73-e4d9-4b35-4e48-16f5b0756728-a8bb19c5 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_271f1a6f-704c-f645-bf43-f8b7777e9b40-a8bb19c5 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_271f1a6f-704c-f645-bf43-f8b7777e9b47-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-eec6f834-e84a-8989-cd91-290ada5f237b-a8bb19c5 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_32640914-8e62-91b0-1bc1-cf6170b8fa83-a8bb19c5 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_32640914-8e62-91b0-1bc1-cf6170b8fa8a-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_32640914-8e62-91b0-1bc1-cf6170b8fa91-a8bb19c5 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_6f4763c9-5049-17d2-ac86-2a2d9ec9f8a7-a8bb19c5 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_6f4763c9-5049-17d2-ac86-2a2d9ec9f8ae-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6f4763c9-5049-17d2-ac86-2a2d9ec9f8b5-a8bb19c5 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e55-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e58-a8bb19c5 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e5b-a8bb19c5 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e69-a8bb19c5 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e71-a8bb19c5 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e75-a8bb19c5 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb19c5 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb19c5 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19c5 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19c5 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b1a-a8bb19c5 {
grid-column: 1 / 2;
}
#w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb19c5 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb19c5 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb19c5 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb19c5 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb19c5 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb19c5 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19c5 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb19c6 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb19c6 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19c6 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19c6 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b1a-a8bb19c6 {
grid-column: 1 / 2;
}
#w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb19c6 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb19c6 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb19c6 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb19c6 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb19c6 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb19c6 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c6 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19c6 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-ad580326-f3b7-eb2c-38a6-28834083b3d7-a8bb19c7 {
grid-column-start: 2;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3de-a8bb19c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb19c7 {
align-self: start;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb19c7 {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb19c7 {
align-self: center;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809360-a8bb19c7 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb19c7 {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-_4298bb35-1d66-d90b-5258-58a97c0cebd7-a8bb19c7 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb19c7, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb19c7 {
align-self: start;
}
#w-node-_4986dab4-28e5-43fd-2b23-3b6274050144-a8bb19c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a3f00a7c-31fa-7885-d356-1ae94549c94c-a8bb19c8 {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-_284c51d9-2661-5341-9249-a73c77775e24-a8bb19c9 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-b24b6359-2a6c-5369-212d-d837d95c2f7d-a8bb19c9 {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-de579f07-a16a-1ffe-d455-c459de99316c-a8bb19c9, #w-node-_34ef6084-fe22-46d2-9820-ee6262708c5a-a8bb19c9 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_34ef6084-fe22-46d2-9820-ee6262708c63-a8bb19c9 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4d1a-a8bb19c9 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4d1f-a8bb19c9 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4d25-a8bb19c9 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4d2b-a8bb19c9 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4d3e-a8bb19c9 {
grid-column: 1 / 2;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4d7d-a8bb19c9 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4d82-a8bb19c9 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4dce-a8bb19c9 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4dd5-a8bb19c9 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4dde-a8bb19c9 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4de8-a8bb19c9 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-aaf2ed4a-76fe-dd5f-6a6f-3f787191502a-a8bb19c9 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b1a-a8bb19c9 {
grid-column: 1 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c9 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19c9 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_7ae033ca-cba5-0729-eb36-4dfe2b6e9d40-a8bb19ca, #w-node-da6c135e-274f-2f29-583b-b7df08e15000-a8bb19cb, #w-node-_7ae033ca-cba5-0729-eb36-4dfe2b6e9d40-a8bb19cb {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb19cc {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-ad580326-f3b7-eb2c-38a6-28834083b3d7-a8bb19cc, #w-node-ae515d59-28c6-e649-6be3-f8aa4e854ef4-a8bb19cc {
grid-column-start: 2;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3de-a8bb19cc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb19cc {
align-self: start;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb19cc {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb19cc {
align-self: center;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809360-a8bb19cc {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb19cc {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-_4298bb35-1d66-d90b-5258-58a97c0cebd7-a8bb19cc {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb19cc, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb19cc {
align-self: start;
}
#w-node-_4986dab4-28e5-43fd-2b23-3b6274050144-a8bb19cc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c86e-a8bb19cd {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb1a02 {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-ad580326-f3b7-eb2c-38a6-28834083b3d7-a8bb1a02, #w-node-ae515d59-28c6-e649-6be3-f8aa4e854ef4-a8bb1a02 {
grid-column-start: 2;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3de-a8bb1a02 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb1a02 {
align-self: start;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb1a02 {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1a02 {
align-self: center;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809360-a8bb1a02 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb1a02 {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-_4298bb35-1d66-d90b-5258-58a97c0cebd7-a8bb1a02 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb1a02, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb1a02 {
align-self: start;
}
#w-node-_4986dab4-28e5-43fd-2b23-3b6274050144-a8bb1a02 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb1a05 {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-ad580326-f3b7-eb2c-38a6-28834083b3d7-a8bb1a05, #w-node-ae515d59-28c6-e649-6be3-f8aa4e854ef4-a8bb1a05 {
grid-column-start: 2;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3de-a8bb1a05 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb1a05 {
align-self: start;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb1a05 {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1a05 {
align-self: center;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809360-a8bb1a05 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb1a05 {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-_4298bb35-1d66-d90b-5258-58a97c0cebd7-a8bb1a05 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb1a05, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb1a05 {
align-self: start;
}
#w-node-_4986dab4-28e5-43fd-2b23-3b6274050144-a8bb1a05 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb1a06 {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-ad580326-f3b7-eb2c-38a6-28834083b3d7-a8bb1a06, #w-node-ae515d59-28c6-e649-6be3-f8aa4e854ef4-a8bb1a06 {
grid-column-start: 2;
}
#w-node-fc8d3461-0991-2d1c-b233-f859bf5ad3de-a8bb1a06 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb1a06 {
align-self: start;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb1a06 {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1a06 {
align-self: center;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809360-a8bb1a06 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb1a06 {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-_4298bb35-1d66-d90b-5258-58a97c0cebd7-a8bb1a06 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb1a06, #w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb1a06 {
align-self: start;
}
#w-node-_4986dab4-28e5-43fd-2b23-3b6274050144-a8bb1a06 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 767px) {
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb1875 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-_24256126-48fc-7c77-8d3d-52de10107df7-a8bb1875, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27990-a8bb1875, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1a-a8bb1875 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb1875 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb1875 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-fbf07c7a-c9f4-5dfc-274c-5cbd79eef657-a8bb1875 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809360-a8bb1875 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb1875 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-_4298bb35-1d66-d90b-5258-58a97c0cebd7-a8bb1875 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb5d-a8bb1875 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb6f-a8bb1875 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb7e-a8bb1875 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb8d-a8bb1875 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fdf-a8bb1875, #w-node-d21ed100-f511-315f-1e9c-15089c141064-a8bb1875, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce6-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7003-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700e-a8bb1875, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7019-a8bb1875 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_034c2bce-0940-00b3-4344-5b5d2febdbd0-2febdbd0 {
grid-row-end: 4;
}
#w-node-cbbc4491-9d11-c216-342c-426d52d7558f-2febdbd0 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-cbbc4491-9d11-c216-342c-426d52d75590-2febdbd0 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_2a8e6be8-defd-4359-eb48-901b725ab85c-2febdbd0 {
grid-area: 4 / 1 / 5 / 3;
align-self: end;
}
#w-node-_765c24e9-d8a3-3e0a-7fa4-24db89e3302a-2febdbd0 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-a358a83b-4615-d101-273d-a9795f2623e5-2febdbd0 {
grid-row: 2 / 3;
grid-column-start: 1;
}
#w-node-_7e9b118b-3d7f-e389-46cb-6c2a875a2c12-339f416c {
grid-column: 2 / 3;
}
#w-node-_9a3d6025-b603-1c3b-69ea-58145d83cb7b-a8bb1876 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-cc99cdff-e428-ac88-bd8d-d0f46f450a6c-a8bb1876 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-e99eed31-f6a6-1632-32ae-3adaa006f837-a8bb1876 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_1d59a0c4-d0a7-41d6-e990-96fca6eedaff-a8bb1876 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb1876 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-fbf07c7a-c9f4-5dfc-274c-5cbd79eef657-a8bb1876 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_1cab4ead-432e-c1bd-be06-9076f816dfa6-a8bb1879 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ce0361e7-2c79-2202-0336-81edb1bca1eb-b1bca1e6 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-ce0361e7-2c79-2202-0336-81edb1bca1ed-b1bca1e6, #w-node-_3f29bbf2-93dc-b21a-33b0-4bf81be32104-a8bb187b {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_8062d892-5048-339f-97c5-2d505f0042ff-a8bb187d {
grid-column: 1 / 4;
}
#w-node-_47194bd1-efc5-a48a-de8e-ea3f4a09465d-a8bb187d {
grid-row: 2 / 3;
grid-column-start: 1;
}
#w-node-a263fe45-51b5-16b8-4c41-b1cf1507fe9a-a8bb187d {
grid-column-start: 1;
}
#w-node-_5bdaeabb-1e2d-b6e9-27f1-ffd1f3bcfa64-a8bb1881 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_5bdaeabb-1e2d-b6e9-27f1-ffd1f3bcfa66-a8bb1881 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb22-a8bb1885, #w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb27-a8bb1885, #w-node-_26656d3e-99f5-648c-5851-6472494d7e8a-a8bb1885, #w-node-_79683f38-1538-a2f4-6f81-fd4ec21105f2-a8bb1885, #w-node-_96d84292-a827-11b3-3afd-d98e77f20286-a8bb1885, #w-node-_33040957-4b17-0bbc-29a0-d31cd72382e9-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca0e0-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca0e5-a8bb1885, #w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb22-a8bb1886, #w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb27-a8bb1886, #w-node-_26656d3e-99f5-648c-5851-6472494d7e8a-a8bb1886, #w-node-_79683f38-1538-a2f4-6f81-fd4ec21105f2-a8bb1886, #w-node-_96d84292-a827-11b3-3afd-d98e77f20286-a8bb1886, #w-node-_33040957-4b17-0bbc-29a0-d31cd72382e9-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21ce7-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21cec-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21e42-a8bb1886 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21e5b-a8bb1886 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb22-a8bb1887, #w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb27-a8bb1887, #w-node-_26656d3e-99f5-648c-5851-6472494d7e8a-a8bb1887, #w-node-_79683f38-1538-a2f4-6f81-fd4ec21105f2-a8bb1887, #w-node-_96d84292-a827-11b3-3afd-d98e77f20286-a8bb1887, #w-node-_33040957-4b17-0bbc-29a0-d31cd72382e9-a8bb1887, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21ce7-a8bb1887, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21cec-a8bb1887, #w-node-d9a830fb-5f07-463c-8c48-7e3e92339a24-a8bb1887, #w-node-d9a830fb-5f07-463c-8c48-7e3e92339a29-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21e42-a8bb1887 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21e5b-a8bb1887 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb1888, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb1888, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb1888, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb1888 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb1888 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb1888 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-fa72c79c-2bf8-0118-11e4-a62928e98ea3-a8bb188a, #w-node-c206bdf1-2251-b932-32f5-cf0943866edf-a8bb188a, #w-node-a5ee4051-e98d-963b-128d-2448baae7509-a8bb188a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb188a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb188a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb188a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954837-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df340495483c-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954842-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954848-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb188a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb188a {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_796b277c-edc4-c81d-09db-a5890de4d8a9-a8bb188c {
grid-column-end: 4;
}
#w-node-_560be099-aa2f-d9f8-c956-15dc4d24fd8b-a8bb188c {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_79584080-1873-07c0-3ac2-5014c6cdaf22-a8bb188c {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb188c {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954837-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df340495483c-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954842-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954848-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef49ae-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef49b3-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef49b9-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef49bf-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da76-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da7b-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da81-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da87-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb188f {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-e9ab9fc3-99f1-8688-444b-04ed865bd031-a8bb1890, #w-node-e9ab9fc3-99f1-8688-444b-04ed865bd037-a8bb1890, #w-node-e9ab9fc3-99f1-8688-444b-04ed865bd03c-a8bb1890, #w-node-e9ab9fc3-99f1-8688-444b-04ed865bd042-a8bb1890 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb1890 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb1890 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_60ca3110-524c-a14b-b9d4-3d7150c0c604-a8bb1892 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_60ca3110-524c-a14b-b9d4-3d7150c0c61d-a8bb1892 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_0f6f39b3-05c0-b640-86e9-6d9be74b2907-a8bb1894 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_0f6f39b3-05c0-b640-86e9-6d9be74b2909-a8bb1894 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_1f44d259-5385-9c03-bf43-f234bfaaa015-a8bb1894 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-c96100e7-1cdc-6456-4d52-e31fc3bd8230-a8bb1894 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_6396ac7f-ff8c-c9e9-051e-59c9f08ca391-a8bb1894 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_6396ac7f-ff8c-c9e9-051e-59c9f08ca393-a8bb1894 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-e78a8b5e-f0aa-7c7a-fd80-7e7d928ec967-a8bb1894, #w-node-e78a8b5e-f0aa-7c7a-fd80-7e7d928ec96f-a8bb1894, #w-node-_8e591aa6-83f8-308c-4dc6-bb51be1f1a59-a8bb1894, #w-node-_351c0a30-2fa8-8b72-b6d8-e898617eb738-a8bb1894, #w-node-e87442f2-0b44-ed18-14d8-64072a1caafb-a8bb1894 {
grid-column-end: 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb1894, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb1894, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb1894, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954837-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df340495483c-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954842-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954848-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb1894 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb1894 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-f58c16b1-3fa9-37da-a3dc-e3bc90b32fbc-a8bb1895 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-f58c16b1-3fa9-37da-a3dc-e3bc90b32fd5-a8bb1895 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb189a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb189a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb189a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954837-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df340495483c-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954842-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954848-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da76-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da7b-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da81-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da87-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb189a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb189a {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb189b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb189b {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_38443f53-660d-b721-5803-b4ae9d44d9c0-a8bb189c {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_38443f53-660d-b721-5803-b4ae9d44d9d9-a8bb189c {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb18d1, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb18d1, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb18d1, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb18d1, #w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb18d1, #w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb18d1, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb18d1, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb18d1, #w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb18d1, #w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb18d1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb18d1 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb18d1 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb18f5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb18f5 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-b57ee80b-3999-6945-3bf2-40202014e2f7-a8bb1918 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b57ee80b-3999-6945-3bf2-40202014e310-a8bb1918 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_9ad4245c-1997-d5be-838e-c52344f312a0-a8bb19bb, #w-node-_9ad4245c-1997-d5be-838e-c52344f312a6-a8bb19bb, #w-node-_9ad4245c-1997-d5be-838e-c52344f312ab-a8bb19bb, #w-node-_9ad4245c-1997-d5be-838e-c52344f312b1-a8bb19bb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19bb {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19bb {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e55-a8bb19be {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e58-a8bb19be {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e5b-a8bb19be {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e69-a8bb19be {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e71-a8bb19be {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e75-a8bb19be {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113ec-a8bb19be {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113f2-a8bb19be {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113f5-a8bb19be {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113fa-a8bb19be {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113fe-a8bb19be {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c7fc763d-61a3-67b6-38fe-851dc6658115-a8bb19be, #w-node-f35d5ca6-3628-d678-0a20-7301c309794d-a8bb19be {
grid-column-end: 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb19be, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb19be, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19be, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19be, #w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb19be, #w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb19be, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb19be, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb19be, #w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb19be, #w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb19be {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19be {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19be {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e55-a8bb19bf {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e58-a8bb19bf {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e5b-a8bb19bf {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e69-a8bb19bf {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e71-a8bb19bf {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e75-a8bb19bf, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb19bf, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb19bf, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19bf, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19bf, #w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb19bf, #w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb19bf, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb19bf, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb19bf, #w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb19bf, #w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb19bf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19bf {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19bf {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85aee-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85af6-a8bb19c0 {
grid-column-end: 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85acb-a8bb19c0 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ace-a8bb19c0 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ad1-a8bb19c0 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ad4-a8bb19c0 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ad9-a8bb19c0 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85add-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b81-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b86-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b8c-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b92-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85be4-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85be9-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c35-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c3c-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c45-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c4f-a8bb19c0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c0 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19c0 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28114-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28119-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b2811f-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28125-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28177-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b2817c-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b281c8-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b281cf-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b281d8-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b281e2-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd21590b-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd215910-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd215916-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd21591c-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd21596e-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd215973-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd2159bf-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd2159c6-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd2159cf-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd2159d9-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc650-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc655-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc65b-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc661-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc6b3-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc6b8-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc704-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc70b-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc714-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc71e-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba4940-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba4945-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba494b-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba4951-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba49a3-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba49a8-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba49f4-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba49fb-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba4a04-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba4a0e-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f65-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f6a-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f70-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f76-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33fc8-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33fcd-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f34019-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f34020-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f34029-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f34033-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_560be099-aa2f-d9f8-c956-15dc4d24fd8b-a8bb19c2 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_79584080-1873-07c0-3ac2-5014c6cdaf22-a8bb19c2 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb19c2 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19c3, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19c3, #w-node-c7176e18-91e9-7bf8-d4bb-e2c1d0d31e42-a8bb19c3, #w-node-_5d56c88d-506a-4b63-a4d9-97fc61d63f3d-a8bb19c3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c3 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19c3 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e55-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e58-a8bb19c5 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e5b-a8bb19c5 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e69-a8bb19c5 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e71-a8bb19c5 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e75-a8bb19c5, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb19c5, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb19c5, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19c5, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19c5, #w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb19c5, #w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb19c5, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb19c5, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb19c5, #w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb19c5, #w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb19c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19c5 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb19c6, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb19c6, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19c6, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19c6, #w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb19c6, #w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb19c6, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb19c6, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb19c6, #w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb19c6, #w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb19c6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3969e4fe-1451-9678-476b-285bcca31e0f-a8bb19c6 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_3969e4fe-1451-9678-476b-285bcca31e1d-a8bb19c6 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3969e4fe-1451-9678-476b-285bcca31e2c-a8bb19c6 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_3969e4fe-1451-9678-476b-285bcca31e3b-a8bb19c6 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c6 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19c6 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_24256126-48fc-7c77-8d3d-52de10107df7-a8bb19c7, #w-node-_62250263-6fa6-8cf8-0429-ea28b04095ab-a8bb19c7, #w-node-_873c0e31-2231-eec8-e4bc-d5b55ed33092-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b3f3-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b3fd-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b407-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b414-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b41f-a8bb19c7, #w-node-ad580326-f3b7-eb2c-38a6-28834083b42a-a8bb19c7, #w-node-_551d2353-c5ac-30e9-e728-5e88c671dbc5-a8bb19c7, #w-node-_52980396-4ea6-d8cc-9597-a7c961844dc2-a8bb19c7, #w-node-c405d2d8-2f14-3b7b-a392-1121021846c8-a8bb19c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb19c7 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb19c7 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-fbf07c7a-c9f4-5dfc-274c-5cbd79eef657-a8bb19c7 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809360-a8bb19c7 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb19c7 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-_4298bb35-1d66-d90b-5258-58a97c0cebd7-a8bb19c7 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb5d-a8bb19c7 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb6f-a8bb19c7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb7e-a8bb19c7 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb8d-a8bb19c7 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fdf-a8bb19c7, #w-node-d21ed100-f511-315f-1e9c-15089c141064-a8bb19c7, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce6-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7003-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700e-a8bb19c7, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7019-a8bb19c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a3f00a7c-31fa-7885-d356-1ae94549c94c-a8bb19c8 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-_284c51d9-2661-5341-9249-a73c77775e24-a8bb19c9 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-b24b6359-2a6c-5369-212d-d837d95c2f7d-a8bb19c9 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-_34ef6084-fe22-46d2-9820-ee6262708c5a-a8bb19c9 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_34ef6084-fe22-46d2-9820-ee6262708c63-a8bb19c9 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4d1a-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4d1f-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4d25-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4d2b-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4d7d-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4d82-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4dce-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4dd5-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4dde-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4de8-a8bb19c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da5a-a8bb19c9 {
grid-column: 2 / 3;
align-self: center;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c4f-a8bb19c9 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4b082c3a-9e7d-222c-3126-6b4aa2843c68-a8bb19c9 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb19cc {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-_24256126-48fc-7c77-8d3d-52de10107df7-a8bb19cc, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27990-a8bb19cc, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1a-a8bb19cc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb19cc {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb19cc {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-fbf07c7a-c9f4-5dfc-274c-5cbd79eef657-a8bb19cc {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809360-a8bb19cc {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb19cc {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-_4298bb35-1d66-d90b-5258-58a97c0cebd7-a8bb19cc {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb5d-a8bb19cc {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb6f-a8bb19cc {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb7e-a8bb19cc {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb8d-a8bb19cc {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fdf-a8bb19cc, #w-node-d21ed100-f511-315f-1e9c-15089c141064-a8bb19cc, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce6-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7003-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700e-a8bb19cc, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7019-a8bb19cc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7ee56e25-3839-8c13-a490-a1cbc2f6e36c-a8bb19cd {
align-self: center;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb1a02 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-_24256126-48fc-7c77-8d3d-52de10107df7-a8bb1a02, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27990-a8bb1a02, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1a-a8bb1a02 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb1a02 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb1a02 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-fbf07c7a-c9f4-5dfc-274c-5cbd79eef657-a8bb1a02 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809360-a8bb1a02 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb1a02 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-_4298bb35-1d66-d90b-5258-58a97c0cebd7-a8bb1a02 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb5d-a8bb1a02 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb6f-a8bb1a02 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb7e-a8bb1a02 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb8d-a8bb1a02 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fdf-a8bb1a02, #w-node-d21ed100-f511-315f-1e9c-15089c141064-a8bb1a02, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce6-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7003-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700e-a8bb1a02, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7019-a8bb1a02 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb1a05 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-_24256126-48fc-7c77-8d3d-52de10107df7-a8bb1a05, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27990-a8bb1a05, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1a-a8bb1a05 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb1a05 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb1a05 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-fbf07c7a-c9f4-5dfc-274c-5cbd79eef657-a8bb1a05 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809360-a8bb1a05 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb1a05 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-_4298bb35-1d66-d90b-5258-58a97c0cebd7-a8bb1a05 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb5d-a8bb1a05 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb6f-a8bb1a05 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb7e-a8bb1a05 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb8d-a8bb1a05 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fdf-a8bb1a05, #w-node-d21ed100-f511-315f-1e9c-15089c141064-a8bb1a05, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce6-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7003-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700e-a8bb1a05, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7019-a8bb1a05 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb1a06 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-_24256126-48fc-7c77-8d3d-52de10107df7-a8bb1a06, #w-node-_08d4a6a8-d5ac-0adf-7a10-f96787e27990-a8bb1a06, #w-node-_0a7871ca-3eef-8760-5919-1342288a9b1a-a8bb1a06 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb1a06 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb1a06 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-fbf07c7a-c9f4-5dfc-274c-5cbd79eef657-a8bb1a06 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809360-a8bb1a06 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb1a06 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-_4298bb35-1d66-d90b-5258-58a97c0cebd7-a8bb1a06 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb5d-a8bb1a06 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb6f-a8bb1a06 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb7e-a8bb1a06 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb8d-a8bb1a06 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff6fdf-a8bb1a06, #w-node-d21ed100-f511-315f-1e9c-15089c141064-a8bb1a06, #w-node-_165bbd47-f13a-05f8-0f57-8bdd5d5e8ce6-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7003-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff700e-a8bb1a06, #w-node-afe482e1-44b1-9d6b-0a1d-0fb64eff7019-a8bb1a06 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 479px) {
#w-node-_267ab442-bf9f-506c-734a-52fdae547cc3-a8bb1875, #w-node-_267ab442-bf9f-506c-734a-52fdae547cf1-a8bb1875, #w-node-_267ab442-bf9f-506c-734a-52fdae547d1f-a8bb1875, #w-node-_267ab442-bf9f-506c-734a-52fdae547d53-a8bb1875, #w-node-_267ab442-bf9f-506c-734a-52fdae547dd4-a8bb1875, #w-node-_267ab442-bf9f-506c-734a-52fdae547e55-a8bb1875 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_065e08eb-811e-88dc-2c09-92853c73e541-a8bb1875 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-d40304c0-08e9-3fd1-76d0-110a373f97bd-a8bb1875 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-ee01dc09-a5bc-1a7b-9806-8addc4996e6c-a8bb1875 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb1875 {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-a472b864-92eb-3a80-51d7-29a0cf38d829-a8bb1875 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7a0ef465-4b4b-f7f7-c071-83e42308aa32-a8bb1875 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-f3872576-be93-1984-de43-e205c4b0ca3a-a8bb1875 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb1875 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb1875 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96e-a8bb1875 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb1875 {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffc-a8bb1875 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffe-a8bb1875 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef7003-a8bb1875 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1875 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448736-a8bb1875 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448739-a8bb1875 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb1875 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4444-a8bb1875 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4447-a8bb1875 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_95d0e7f5-95ba-6432-87df-7d785e46f653-a8bb1875 {
grid-area: 4 / 2 / 5 / 3;
}
#w-node-_3190df25-2826-e607-a51b-9e9a38f42e4b-a8bb1875 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809360-a8bb1875 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb1875 {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-_4298bb35-1d66-d90b-5258-58a97c0cebd7-a8bb1875 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_37d364f0-67be-b5f6-2ad2-65d9eedae47e-a8bb1875 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb4b-a8bb1875 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb5d-a8bb1875 {
grid-area: 5 / 1 / 6 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb6f-a8bb1875 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb7e-a8bb1875 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb8d-a8bb1875 {
grid-area: 6 / 1 / 7 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb36-a8bb1875, #w-node-bac4efcb-3072-8d17-0fea-1d01019e1a14-a8bb1875, #w-node-_15fa43e4-0caa-a025-9d80-7c8cb2566636-a8bb1875 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb1875 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb1875 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4351-a8bb1875 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb1875 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb1875 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d89e-a8bb1875 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-cbbc4491-9d11-c216-342c-426d52d7558f-2febdbd0 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_2a8e6be8-defd-4359-eb48-901b725ab85c-2febdbd0 {
grid-area: 4 / 1 / 5 / 3;
}
#w-node-_765c24e9-d8a3-3e0a-7fa4-24db89e3302a-2febdbd0 {
grid-column-end: 3;
}
#w-node-a358a83b-4615-d101-273d-a9795f2623e5-2febdbd0 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_5c59975f-895b-9e80-2c6b-1e9ad524b71d-339f416c {
grid-area: 1 / 1 / 2 / 3;
justify-self: start;
}
#w-node-_5c59975f-895b-9e80-2c6b-1e9ad524b755-339f416c {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_7e9b118b-3d7f-e389-46cb-6c2a875a2aa5-339f416c {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: auto;
}
#w-node-_7e9b118b-3d7f-e389-46cb-6c2a875a2b50-339f416c, #w-node-_7e9b118b-3d7f-e389-46cb-6c2a875a2b49-339f416c {
align-self: center;
}
#w-node-_7e9b118b-3d7f-e389-46cb-6c2a875a2c12-339f416c {
grid-area: 1 / 2 / 2 / 3;
justify-self: center;
}
#w-node-_3f70604d-bf27-f72b-f7c8-9caebf482942-a8bb1876 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_2ad92521-cb3c-457a-a371-915736545a7a-a8bb1876 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_9a3d6025-b603-1c3b-69ea-58145d83cb7b-a8bb1876 {
grid-area: 5 / 1 / 6 / 2;
}
#w-node-cc99cdff-e428-ac88-bd8d-d0f46f450a6c-a8bb1876 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-e99eed31-f6a6-1632-32ae-3adaa006f837-a8bb1876 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_1d59a0c4-d0a7-41d6-e990-96fca6eedaff-a8bb1876 {
grid-area: 6 / 1 / 7 / 2;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb1876 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb1876 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-e5ee2590-7b22-b4d9-caa6-c567258ec384-a8bb1876 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96e-a8bb1876 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb1876 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb1876 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d89e-a8bb1876 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb1876 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb1876 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4351-a8bb1876 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1876 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448736-a8bb1876 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448739-a8bb1876 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb1876 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4444-a8bb1876 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4447-a8bb1876 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_92cc5eb7-0c74-3399-68b6-d26c3208a7d7-a8bb1876 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_92cc5eb7-0c74-3399-68b6-d26c3208a7dd-a8bb1876 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_92cc5eb7-0c74-3399-68b6-d26c3208a7e0-a8bb1876 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_95d0e7f5-95ba-6432-87df-7d785e46f653-a8bb1876 {
grid-area: 4 / 2 / 5 / 3;
}
#w-node-_3190df25-2826-e607-a51b-9e9a38f42e4b-a8bb1876, #w-node-_0ae6cd86-04cd-d840-ab3b-134bed126910-a8bb1879 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_0ae6cd86-04cd-d840-ab3b-134bed126912-a8bb1879 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_8062d892-5048-339f-97c5-2d505f0042ff-a8bb187d {
grid-column: 1 / 4;
}
#w-node-_47194bd1-efc5-a48a-de8e-ea3f4a09465d-a8bb187d {
grid-row: 2 / 3;
grid-column-start: 1;
}
#w-node-_1f5ae61f-05f3-aaab-41ff-06ecaee141c4-a8bb1881 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_3ae797e2-0576-1429-4e46-2855d2bcb179-a8bb1881 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_9e56f781-438f-3bff-ad8e-204c565a92b4-a8bb1881 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-fd23a560-8b7a-b433-4c81-b4b91958d51e-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c5663764-0987-42bc-f6e3-c4bf92cfd15e-a8bb1881 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56bb-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5185f08b-832d-94f5-1a20-71d913cf56cb-a8bb1881 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_801d5801-db23-e714-6254-380b34ef30f8-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_801d5801-db23-e714-6254-380b34ef3107-a8bb1881 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-d36ad37e-09f7-80f6-de1f-6ac8145ad731-a8bb1881 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d36ad37e-09f7-80f6-de1f-6ac8145ad740-a8bb1881 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_5bdaeabb-1e2d-b6e9-27f1-ffd1f3bcfa62-a8bb1881 {
grid-area: 4 / 2 / 5 / 3;
}
#w-node-_5bdaeabb-1e2d-b6e9-27f1-ffd1f3bcfa68-a8bb1881, #w-node-_9cd61247-249e-6d52-1721-92b504faac18-a8bb1884 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_9cd61247-249e-6d52-1721-92b504faac1a-a8bb1884 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_0ed9c8ec-3ad6-5c2e-4889-ff784dd020c1-a8bb1884 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_0ed9c8ec-3ad6-5c2e-4889-ff784dd020c3-a8bb1884 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_0ed9c8ec-3ad6-5c2e-4889-ff784dd020c5-a8bb1884 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_8ca86b0e-c018-e067-fc74-f4b79b6a40e5-a8bb1884 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8ca86b0e-c018-e067-fc74-f4b79b6a40e7-a8bb1884 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_8ca86b0e-c018-e067-fc74-f4b79b6a40e9-a8bb1884 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a9227e9a-14b7-0328-4319-babcc028c00a-a8bb1884, #w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328c8-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328e8-a8bb1884 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183291f-a8bb1884 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183292d-a8bb1884 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_1706933d-da75-21f5-baa4-9252de5da00a-a8bb1885, #w-node-_6803760c-7232-6a14-ec4d-3da20d382f99-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fa7-a8bb1885 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f02-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f22-a8bb1885 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb22-a8bb1885, #w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb27-a8bb1885, #w-node-_26656d3e-99f5-648c-5851-6472494d7e8a-a8bb1885, #w-node-_79683f38-1538-a2f4-6f81-fd4ec21105f2-a8bb1885, #w-node-_96d84292-a827-11b3-3afd-d98e77f20286-a8bb1885, #w-node-_33040957-4b17-0bbc-29a0-d31cd72382e9-a8bb1885, #w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f61-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f6f-a8bb1885 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca0e0-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca0e5-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca133-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca13f-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca14a-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca155-a8bb1885, #w-node-f7cdf8ef-8c07-cf7a-7b70-f103699ca160-a8bb1885 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5e9b-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5eaa-a8bb1885 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5edb-a8bb1885 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_366a6010-d172-19a9-729d-fff47b0b5ee9-a8bb1885 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_9cd61247-249e-6d52-1721-92b504faac18-a8bb1885 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_9cd61247-249e-6d52-1721-92b504faac1a-a8bb1885 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_1706933d-da75-21f5-baa4-9252de5da00a-a8bb1886, #w-node-_6803760c-7232-6a14-ec4d-3da20d382f99-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fa7-a8bb1886 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f02-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f22-a8bb1886 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb22-a8bb1886, #w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb27-a8bb1886, #w-node-_26656d3e-99f5-648c-5851-6472494d7e8a-a8bb1886, #w-node-_79683f38-1538-a2f4-6f81-fd4ec21105f2-a8bb1886, #w-node-_96d84292-a827-11b3-3afd-d98e77f20286-a8bb1886, #w-node-_33040957-4b17-0bbc-29a0-d31cd72382e9-a8bb1886, #w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f61-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f6f-a8bb1886 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21ce7-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21cec-a8bb1886 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d3a-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d46-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d51-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d5c-a8bb1886, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21d67-a8bb1886 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_1706933d-da75-21f5-baa4-9252de5da00a-a8bb1887, #w-node-_6803760c-7232-6a14-ec4d-3da20d382f99-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6803760c-7232-6a14-ec4d-3da20d382fa7-a8bb1887 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f02-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f22-a8bb1887 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb22-a8bb1887, #w-node-_98252f36-1d88-9f5c-5ff2-5a08d5bacb27-a8bb1887, #w-node-_26656d3e-99f5-648c-5851-6472494d7e8a-a8bb1887, #w-node-_79683f38-1538-a2f4-6f81-fd4ec21105f2-a8bb1887, #w-node-_96d84292-a827-11b3-3afd-d98e77f20286-a8bb1887, #w-node-_33040957-4b17-0bbc-29a0-d31cd72382e9-a8bb1887, #w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f61-a8bb1887 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b7d92d6-901e-f780-f16e-d4d90f896f6f-a8bb1887 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21ce7-a8bb1887, #w-node-_8f4241ea-e059-8d4e-0a43-e1fac0c21cec-a8bb1887, #w-node-d9a830fb-5f07-463c-8c48-7e3e92339a24-a8bb1887, #w-node-d9a830fb-5f07-463c-8c48-7e3e92339a29-a8bb1887, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb1888, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb1888, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb1888, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb1888, #w-node-a9227e9a-14b7-0328-4319-babcc028c00a-a8bb1889, #w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328c8-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328e8-a8bb1889 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183291f-a8bb1889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183292d-a8bb1889 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_9cd61247-249e-6d52-1721-92b504faac18-a8bb1889 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_9cd61247-249e-6d52-1721-92b504faac1a-a8bb1889 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0c-a8bb188a {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0e-a8bb188a {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a10-a8bb188a {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_9883b7a7-aa9a-2aae-fd67-71cc0b45857a-a8bb188a {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_9883b7a7-aa9a-2aae-fd67-71cc0b45857c-a8bb188a {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1492e-a8bb188a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb188a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb188a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb188a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954837-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df340495483c-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954842-a8bb188a, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954848-a8bb188a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0bb76b9-7e1e-c49d-6174-57ad2f05151a-a8bb188a {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a0bb76b9-7e1e-c49d-6174-57ad2f05151c-a8bb188a {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_22f0b623-69f8-2039-ad55-4db7f3a48f98-a8bb188a {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-ea52c3f6-62e3-3acc-e329-bf6b293eb934-a8bb188b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ea52c3f6-62e3-3acc-e329-bf6b293eb936-a8bb188b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-ea52c3f6-62e3-3acc-e329-bf6b293eb938-a8bb188b {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_9cd61247-249e-6d52-1721-92b504faac18-a8bb188b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_9cd61247-249e-6d52-1721-92b504faac1a-a8bb188b {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_0ed9c8ec-3ad6-5c2e-4889-ff784dd020c1-a8bb188b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_0ed9c8ec-3ad6-5c2e-4889-ff784dd020c3-a8bb188b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_0ed9c8ec-3ad6-5c2e-4889-ff784dd020c5-a8bb188b {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_8ca86b0e-c018-e067-fc74-f4b79b6a40e5-a8bb188b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8ca86b0e-c018-e067-fc74-f4b79b6a40e7-a8bb188b {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_8ca86b0e-c018-e067-fc74-f4b79b6a40e9-a8bb188b {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a9227e9a-14b7-0328-4319-babcc028c00a-a8bb188b, #w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328c8-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec18328e8-a8bb188b {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183291f-a8bb188b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c9ec16f-2994-bc2f-07f6-924ec183292d-a8bb188b {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c86e-a8bb188c {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c871-a8bb188c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c873-a8bb188c {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c875-a8bb188c {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-_6f961237-1df2-8bad-1fdd-8feb47512a74-a8bb188c {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-d190fc31-bcd3-705d-0115-ed5f7330610d-a8bb188c {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3a015180-970a-1876-636b-a76332389d28-a8bb188c {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_4a215a68-c07d-ba76-fdb7-fb1627a86804-a8bb188c {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_7277d92c-8baa-2d92-1ed1-14b5605c4656-a8bb188c {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_7277d92c-8baa-2d92-1ed1-14b5605c4659-a8bb188c, #w-node-_520b4b9e-f6d0-a67b-8527-8310b5eb14f3-a8bb188c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-edba06af-74ef-263f-47c6-d971f126aac1-a8bb188c {
grid-column: 1 / 3;
}
#w-node-_796b277c-edc4-c81d-09db-a5890de4d8a9-a8bb188c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_560be099-aa2f-d9f8-c956-15dc4d24fd8b-a8bb188c {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_2e5f62ba-c6cd-e2e8-1779-51264d748175-a8bb188c {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_51650dc4-9927-a384-468e-d8b8de47a9ba-a8bb188c {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_15d5282b-484d-1d81-58cb-3fe57c9603b7-a8bb188c {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_88db83fd-7eee-a9ce-7099-9998687c17b8-a8bb188c {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_79584080-1873-07c0-3ac2-5014c6cdaf22-a8bb188c {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb188c {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-c83394ee-e3f2-2500-e3ac-4662df7aa3e4-a8bb188c, #w-node-_4c637eeb-0950-fe7e-cda2-0cbd8b662b8d-a8bb188c {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27735-a8bb188c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27743-a8bb188c {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_9a749ef1-107f-048c-f1a0-a67541772c7e-a8bb188c {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_9a749ef1-107f-048c-f1a0-a67541772c81-a8bb188c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_645c8629-cb06-f89d-030a-fa0803e85e40-a8bb188c {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-c83394ee-e3f2-2500-e3ac-4662df7aa3e4-a8bb188d {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27735-a8bb188d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27743-a8bb188d {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-c83394ee-e3f2-2500-e3ac-4662df7aa3e4-a8bb188e {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27735-a8bb188e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27743-a8bb188e {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0c-a8bb188f {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0e-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a10-a8bb188f {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_4d1b5978-8454-1db0-506d-b0005583fe9c-a8bb188f {
place-self: center;
}
#w-node-_7c461c3b-5511-b0ba-bef6-ace66cd30175-a8bb188f {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a083-a8bb188f {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a085-a8bb188f {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a087-a8bb188f {
grid-area: 5 / 1 / 6 / 2;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a089-a8bb188f {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a08b-a8bb188f {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a08d-a8bb188f {
grid-area: 6 / 1 / 7 / 2;
}
#w-node-_47e2df41-5831-f943-a7ee-0c485f80b1fa-a8bb188f {
grid-row: 2 / 3;
}
#w-node-f58fac9d-b934-d784-0d09-13882b842d16-a8bb188f {
grid-row: 3 / 4;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954837-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df340495483c-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954842-a8bb188f, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954848-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef491a-a8bb188f {
grid-row: 2 / 3;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef491c-a8bb188f {
grid-row: 3 / 4;
}
#w-node-_081a071d-a607-790b-f766-48fcdeef49ae-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef49b3-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef49b9-a8bb188f, #w-node-_081a071d-a607-790b-f766-48fcdeef49bf-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9e2-a8bb188f {
grid-row: 2 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9e4-a8bb188f {
grid-row: 3 / 4;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da76-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da7b-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da81-a8bb188f, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da87-a8bb188f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7f20cf27-6bd6-0455-a4cd-cbb075257da8-a8bb1890 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_7f20cf27-6bd6-0455-a4cd-cbb075257dae-a8bb1890 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_7f20cf27-6bd6-0455-a4cd-cbb075257db1-a8bb1890 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-e9ab9fc3-99f1-8688-444b-04ed865bd031-a8bb1890, #w-node-e9ab9fc3-99f1-8688-444b-04ed865bd037-a8bb1890, #w-node-e9ab9fc3-99f1-8688-444b-04ed865bd03c-a8bb1890, #w-node-e9ab9fc3-99f1-8688-444b-04ed865bd042-a8bb1890 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0c-a8bb1894 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0e-a8bb1894 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a10-a8bb1894 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_890ca8f7-b536-f9bf-daca-24d623a6b4fb-a8bb1894 {
grid-column-end: 3;
}
#w-node-_33848822-a8b7-fb89-9463-85097041d93b-a8bb1894 {
grid-area: 2 / 1 / 2 / 3;
}
#w-node-_0f6f39b3-05c0-b640-86e9-6d9be74b2905-a8bb1894 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_0f6f39b3-05c0-b640-86e9-6d9be74b2907-a8bb1894 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_0f6f39b3-05c0-b640-86e9-6d9be74b2909-a8bb1894 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_793ff2db-2f7e-0b1c-2063-81df49691a29-a8bb1894 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1f44d259-5385-9c03-bf43-f234bfaaa015-a8bb1894 {
grid-column: 1 / 2;
}
#w-node-c96100e7-1cdc-6456-4d52-e31fc3bd8230-a8bb1894 {
grid-column: 2 / 3;
}
#w-node-_1cfb7ce2-93e1-2128-bba9-3bee8fd1a652-a8bb1894 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_76413472-b697-74da-f277-d7a29bfd18af-a8bb1894 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-b8c37280-77ad-7833-b9b5-63b5164cb074-a8bb1894 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6396ac7f-ff8c-c9e9-051e-59c9f08ca38f-a8bb1894 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6396ac7f-ff8c-c9e9-051e-59c9f08ca391-a8bb1894 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_6396ac7f-ff8c-c9e9-051e-59c9f08ca393-a8bb1894 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_6396ac7f-ff8c-c9e9-051e-59c9f08ca396-a8bb1894 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6396ac7f-ff8c-c9e9-051e-59c9f08ca398-a8bb1894, #w-node-c3f5d299-1b1e-61bf-f422-3c5574d878c2-a8bb1894 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-e78a8b5e-f0aa-7c7a-fd80-7e7d928ec967-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e78a8b5e-f0aa-7c7a-fd80-7e7d928ec969-a8bb1894 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-e78a8b5e-f0aa-7c7a-fd80-7e7d928ec96f-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e78a8b5e-f0aa-7c7a-fd80-7e7d928ec971-a8bb1894 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b779304e-f99e-1691-d343-06dc493528c8-a8bb1894 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8e591aa6-83f8-308c-4dc6-bb51be1f1a59-a8bb1894 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_351c0a30-2fa8-8b72-b6d8-e898617eb738-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_351c0a30-2fa8-8b72-b6d8-e898617eb73a-a8bb1894 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-e87442f2-0b44-ed18-14d8-64072a1caafb-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e87442f2-0b44-ed18-14d8-64072a1caafd-a8bb1894 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_9883b7a7-aa9a-2aae-fd67-71cc0b45857a-a8bb1894 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_9883b7a7-aa9a-2aae-fd67-71cc0b45857c-a8bb1894 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1492e-a8bb1894, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb1894, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb1894, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb1894, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954837-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df340495483c-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954842-a8bb1894, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954848-a8bb1894 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b98aa64d-37f9-e4a4-5a70-c4d8fa597109-a8bb1899, #w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0c-a8bb189a {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0e-a8bb189a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a10-a8bb189a {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_64b121de-aa7d-926c-7196-3554ce2e47ef-a8bb189a {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_4d641b23-62ab-b925-995b-2dae0489af7f-a8bb189a {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_126a72b1-0eb3-a219-1626-d5bac828752d-a8bb189a {
grid-area: 5 / 1 / 6 / 2;
}
#w-node-_9883b7a7-aa9a-2aae-fd67-71cc0b45857a-a8bb189a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_9883b7a7-aa9a-2aae-fd67-71cc0b45857c-a8bb189a {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_5c4a4f9b-2408-c85c-df2c-1259930cef99-a8bb189a {
grid-area: 6 / 1 / 7 / 2;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a083-a8bb189a {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a085-a8bb189a {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a087-a8bb189a {
grid-area: 5 / 1 / 6 / 2;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a089-a8bb189a {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a08b-a8bb189a {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a08d-a8bb189a {
grid-area: 6 / 1 / 7 / 2;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c14902-a8bb189a {
grid-row: 1 / 2;
}
#w-node-b71ae256-9cf4-db97-de85-6978a8e8d3c3-a8bb189a {
grid-row: 2 / 3;
}
#w-node-ca124801-ad02-6eb5-6d6e-30c07f587bad-a8bb189a {
grid-row: 3 / 4;
}
#w-node-_2d75eb2f-96a3-1217-1839-3ad114c1492e-a8bb189a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb189a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb189a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb189a, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_47e2df41-5831-f943-a7ee-0c485f80b1fa-a8bb189a {
grid-row: 2 / 3;
}
#w-node-f58fac9d-b934-d784-0d09-13882b842d16-a8bb189a {
grid-row: 3 / 4;
}
#w-node-_37cd48c0-d66a-bd2e-a422-df3404954837-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df340495483c-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954842-a8bb189a, #w-node-_37cd48c0-d66a-bd2e-a422-df3404954848-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9e2-a8bb189a {
grid-row: 2 / 3;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051d9e4-a8bb189a {
grid-row: 3 / 4;
}
#w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da76-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da7b-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da81-a8bb189a, #w-node-_5232bee5-7ffb-1c9b-93be-3ea50051da87-a8bb189a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c7fc763d-61a3-67b6-38fe-851dc6658115-a8bb18d1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c7fc763d-61a3-67b6-38fe-851dc6658117-a8bb18d1 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb18d1, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb18d1, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb18d1, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb18d1, #w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb18d1, #w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb18d1, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb18d1, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb18d1, #w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb18d1, #w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb18d1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da58-a8bb18d1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da5a-a8bb18d1 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0c-a8bb18f5 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a0e-a8bb18f5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_9ab4ee5b-620d-0935-0fa2-61ef231b6a10-a8bb18f5 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_4d1b5978-8454-1db0-506d-b0005583fe9c-a8bb18f5 {
place-self: center;
}
#w-node-_7c461c3b-5511-b0ba-bef6-ace66cd30175-a8bb18f5 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a083-a8bb18f5 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a085-a8bb18f5 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a087-a8bb18f5 {
grid-area: 5 / 1 / 6 / 2;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a089-a8bb18f5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a08b-a8bb18f5 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_6ddf84d5-927f-e2a5-9383-f8f954b2a08d-a8bb18f5 {
grid-area: 6 / 1 / 7 / 2;
}
#w-node-fe5638fe-ace9-d664-2b76-b637cf358a72-a8bb1962 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: auto;
}
#w-node-fe5638fe-ace9-d664-2b76-b637cf358b13-a8bb1962, #w-node-fe5638fe-ace9-d664-2b76-b637cf358b20-a8bb1962 {
align-self: center;
}
#w-node-fe5638fe-ace9-d664-2b76-b637cf358bb3-a8bb1962 {
grid-area: 1 / 2 / 2 / 3;
justify-self: center;
}
#w-node-be66bdfa-7e22-37be-fca5-cf5687154784-a8bb19bb {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-be66bdfa-7e22-37be-fca5-cf568715478a-a8bb19bb {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-be66bdfa-7e22-37be-fca5-cf568715478d-a8bb19bb {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_9ad4245c-1997-d5be-838e-c52344f312a0-a8bb19bb, #w-node-_9ad4245c-1997-d5be-838e-c52344f312a6-a8bb19bb, #w-node-_9ad4245c-1997-d5be-838e-c52344f312ab-a8bb19bb, #w-node-_9ad4245c-1997-d5be-838e-c52344f312b1-a8bb19bb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b98aa64d-37f9-e4a4-5a70-c4d8fa597109-a8bb19bd {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c982-a8bb19be {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c988-a8bb19be {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c98b-a8bb19be {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e55-a8bb19be {
grid-area: 2 / 1 / 3 / 2;
align-self: center;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e58-a8bb19be {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e5b-a8bb19be {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e69-a8bb19be {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e71-a8bb19be {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e75-a8bb19be {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113ec-a8bb19be {
grid-area: 2 / 1 / 3 / 2;
align-self: center;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113f2-a8bb19be {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113f5-a8bb19be {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113fa-a8bb19be {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-b8066a75-461e-2bae-2561-3bee71a113fe-a8bb19be {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c7fc763d-61a3-67b6-38fe-851dc6658115-a8bb19be {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c7fc763d-61a3-67b6-38fe-851dc6658117-a8bb19be {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-f35d5ca6-3628-d678-0a20-7301c309794d-a8bb19be {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f35d5ca6-3628-d678-0a20-7301c309794f-a8bb19be {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb19be, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb19be, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19be, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19be, #w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb19be, #w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb19be, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb19be, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb19be, #w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb19be, #w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb19be {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da58-a8bb19be {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da5a-a8bb19be {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c982-a8bb19bf {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c988-a8bb19bf {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c98b-a8bb19bf {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e55-a8bb19bf {
grid-area: 2 / 1 / 3 / 2;
align-self: center;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e58-a8bb19bf {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e5b-a8bb19bf {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e69-a8bb19bf {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e71-a8bb19bf {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e75-a8bb19bf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8cc-a8bb19bf {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8ce-a8bb19bf {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8dd-a8bb19bf {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb19bf, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb19bf, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19bf, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19bf, #w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb19bf, #w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb19bf, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb19bf, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb19bf, #w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb19bf, #w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb19bf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da58-a8bb19bf {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da5a-a8bb19bf {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_68725117-6b72-49ea-44cc-b3c654841846-a8bb19c0 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85aee-a8bb19c0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85af0-a8bb19c0 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85af6-a8bb19c0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85af8-a8bb19c0 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c982-a8bb19c0 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c988-a8bb19c0 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c98b-a8bb19c0 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85acb-a8bb19c0 {
grid-area: 2 / 1 / 3 / 2;
align-self: center;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ace-a8bb19c0 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ad1-a8bb19c0 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ad4-a8bb19c0 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85ad9-a8bb19c0 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85add-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b81-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b86-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b8c-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85b92-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85be4-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85be9-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c35-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c3c-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c45-a8bb19c0, #w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c4f-a8bb19c0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c85-a8bb19c0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7a5c4886-70ec-4591-abe3-50dae6e85c87-a8bb19c0, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b27f49-fd215701 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28114-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28119-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b2811f-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28125-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28177-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b2817c-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b281c8-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b281cf-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b281d8-fd215701, #w-node-_9b798b16-28ec-33fd-fb5e-d644f4b281e2-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b28218-fd215701 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_9b798b16-28ec-33fd-fb5e-d644f4b2821a-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd21570d-fd215701 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd21590b-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd215910-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd215916-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd21591c-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd21596e-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd215973-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd2159bf-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd2159c6-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd2159cf-fd215701, #w-node-_821973d1-b570-c598-53ff-28a9fd2159d9-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd215a0f-fd215701 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_821973d1-b570-c598-53ff-28a9fd215a11-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc3fe-fd215701 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc650-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc655-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc65b-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc661-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc6b3-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc6b8-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc704-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc70b-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc714-fd215701, #w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc71e-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc754-fd215701 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_0a671b5c-3415-9b5d-3010-a30e7f2dc756-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba4742-fd215701 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba4940-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba4945-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba494b-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba4951-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba49a3-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba49a8-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba49f4-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba49fb-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba4a04-fd215701, #w-node-fe367291-be63-b312-6306-0a6e7fba4a0e-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba4a44-fd215701 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fe367291-be63-b312-6306-0a6e7fba4a46-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33d8a-fd215701 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f65-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f6a-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f70-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33f76-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33fc8-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f33fcd-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f34019-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f34020-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f34029-fd215701, #w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f34033-fd215701 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f34069-fd215701 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_69134aa1-49e8-1e39-2d3d-3d6cb5f3406b-fd215701 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c86e-a8bb19c2 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c871-a8bb19c2 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c873-a8bb19c2 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c875-a8bb19c2 {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-_6f961237-1df2-8bad-1fdd-8feb47512a74-a8bb19c2 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-d190fc31-bcd3-705d-0115-ed5f7330610d-a8bb19c2 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3a015180-970a-1876-636b-a76332389d28-a8bb19c2 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_4a215a68-c07d-ba76-fdb7-fb1627a86804-a8bb19c2 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_7277d92c-8baa-2d92-1ed1-14b5605c4656-a8bb19c2 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_7277d92c-8baa-2d92-1ed1-14b5605c4659-a8bb19c2, #w-node-_520b4b9e-f6d0-a67b-8527-8310b5eb14f3-a8bb19c2 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-edba06af-74ef-263f-47c6-d971f126aac1-a8bb19c2 {
grid-column: 1 / 3;
}
#w-node-_796b277c-edc4-c81d-09db-a5890de4d8a9-a8bb19c2 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_560be099-aa2f-d9f8-c956-15dc4d24fd8b-a8bb19c2 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_2e5f62ba-c6cd-e2e8-1779-51264d748175-a8bb19c2 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_51650dc4-9927-a384-468e-d8b8de47a9ba-a8bb19c2 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_15d5282b-484d-1d81-58cb-3fe57c9603b7-a8bb19c2 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_88db83fd-7eee-a9ce-7099-9998687c17b8-a8bb19c2 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_79584080-1873-07c0-3ac2-5014c6cdaf22-a8bb19c2 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-fa76fa08-3cf1-fc8e-355e-fb1bd1ae38c6-a8bb19c2 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-c83394ee-e3f2-2500-e3ac-4662df7aa3e4-a8bb19c2, #w-node-_4c637eeb-0950-fe7e-cda2-0cbd8b662b8d-a8bb19c2 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27735-a8bb19c2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a41ba250-3574-61d5-64a7-bef3c1c27743-a8bb19c2 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_9a749ef1-107f-048c-f1a0-a67541772c7e-a8bb19c2 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_9a749ef1-107f-048c-f1a0-a67541772c81-a8bb19c2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_645c8629-cb06-f89d-030a-fa0803e85e40-a8bb19c2 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_59504dc3-7e20-a84d-0f66-a5ee976c5362-a8bb19c3 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_59504dc3-7e20-a84d-0f66-a5ee976c5368-a8bb19c3 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_59504dc3-7e20-a84d-0f66-a5ee976c536b-a8bb19c3 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19c3, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19c3, #w-node-c7176e18-91e9-7bf8-d4bb-e2c1d0d31e42-a8bb19c3, #w-node-_5d56c88d-506a-4b63-a4d9-97fc61d63f3d-a8bb19c3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7277d92c-8baa-2d92-1ed1-14b5605c4656-a8bb19c4 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_7277d92c-8baa-2d92-1ed1-14b5605c4659-a8bb19c4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c982-a8bb19c5 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c988-a8bb19c5 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-e0e7a456-bcc8-3a5f-a2a9-ac697162c98b-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e55-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
align-self: center;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e58-a8bb19c5 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e5b-a8bb19c5 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e69-a8bb19c5 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e71-a8bb19c5 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_645bc339-b3b2-a3a1-e444-8186322c2e75-a8bb19c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8cc-a8bb19c5 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8ce-a8bb19c5 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_97ab2ce5-3e99-921a-d5bb-35b783bbd8dd-a8bb19c5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb19c5, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb19c5, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19c5, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19c5, #w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb19c5, #w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb19c5, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb19c5, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb19c5, #w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb19c5, #w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb19c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da58-a8bb19c5 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da5a-a8bb19c5 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95af6-a8bb19c6, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95afb-a8bb19c6, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b01-a8bb19c6, #w-node-_725d0b6b-7e24-f1cd-fa54-74e534c95b07-a8bb19c6, #w-node-_4e06864d-3585-3845-801f-42f94695c1d6-a8bb19c6, #w-node-_4e06864d-3585-3845-801f-42f94695c1db-a8bb19c6, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec1d-a8bb19c6, #w-node-_3e0f3423-36b3-d616-e9fe-b4d0e38eec22-a8bb19c6, #w-node-deb379b5-28a1-62ec-b891-6119f99ae7dc-a8bb19c6, #w-node-_096fd057-547f-8c7c-d9c0-fefb9e42fdbc-a8bb19c6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da58-a8bb19c6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da5a-a8bb19c6 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_3969e4fe-1451-9678-476b-285bcca31def-a8bb19c6 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_3969e4fe-1451-9678-476b-285bcca31e01-a8bb19c6 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_3969e4fe-1451-9678-476b-285bcca31e0f-a8bb19c6 {
grid-area: 5 / 1 / 6 / 2;
}
#w-node-_3969e4fe-1451-9678-476b-285bcca31e1d-a8bb19c6 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_3969e4fe-1451-9678-476b-285bcca31e2c-a8bb19c6 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_3969e4fe-1451-9678-476b-285bcca31e3b-a8bb19c6 {
grid-area: 6 / 1 / 7 / 2;
}
#w-node-_267ab442-bf9f-506c-734a-52fdae547cc3-a8bb19c7, #w-node-_267ab442-bf9f-506c-734a-52fdae547cf1-a8bb19c7, #w-node-_267ab442-bf9f-506c-734a-52fdae547d1f-a8bb19c7, #w-node-_267ab442-bf9f-506c-734a-52fdae547d53-a8bb19c7, #w-node-_267ab442-bf9f-506c-734a-52fdae547dd4-a8bb19c7, #w-node-_267ab442-bf9f-506c-734a-52fdae547e55-a8bb19c7 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb19c7 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb19c7 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96e-a8bb19c7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb19c7 {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffc-a8bb19c7 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffe-a8bb19c7 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef7003-a8bb19c7 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb19c7 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448736-a8bb19c7 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448739-a8bb19c7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb19c7 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4444-a8bb19c7 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4447-a8bb19c7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_95d0e7f5-95ba-6432-87df-7d785e46f653-a8bb19c7 {
grid-area: 4 / 2 / 5 / 3;
}
#w-node-_3190df25-2826-e607-a51b-9e9a38f42e4b-a8bb19c7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809360-a8bb19c7 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb19c7 {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-_4298bb35-1d66-d90b-5258-58a97c0cebd7-a8bb19c7 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_37d364f0-67be-b5f6-2ad2-65d9eedae47e-a8bb19c7 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb4b-a8bb19c7 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb5d-a8bb19c7 {
grid-area: 5 / 1 / 6 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb6f-a8bb19c7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb7e-a8bb19c7 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb8d-a8bb19c7 {
grid-area: 6 / 1 / 7 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb36-a8bb19c7, #w-node-bac4efcb-3072-8d17-0fea-1d01019e1a14-a8bb19c7, #w-node-_15fa43e4-0caa-a025-9d80-7c8cb2566636-a8bb19c7 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb19c7 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb19c7 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4351-a8bb19c7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb19c7 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb19c7 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d89e-a8bb19c7 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b889d5d8-f327-b500-fa8e-7f57f3d31036-a8bb19c8 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-b889d5d8-f327-b500-fa8e-7f57f3d3103a-a8bb19c8 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-b889d5d8-f327-b500-fa8e-7f57f3d31042-a8bb19c8 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-a3f00a7c-31fa-7885-d356-1ae94549c94c-a8bb19c8 {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-a3f00a7c-31fa-7885-d356-1ae94549c958-a8bb19c8 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a3f00a7c-31fa-7885-d356-1ae94549c95a-a8bb19c8 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-a3f00a7c-31fa-7885-d356-1ae94549c95f-a8bb19c8 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_2bd2813d-ffcf-ed01-f96b-4e9c19492f7d-a8bb19c8 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_2bd2813d-ffcf-ed01-f96b-4e9c19492f7f-a8bb19c8 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_2bd2813d-ffcf-ed01-f96b-4e9c19492f84-a8bb19c8 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_5c714d47-64e6-7531-ede8-f203395a66af-a8bb19c8 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5c714d47-64e6-7531-ede8-f203395a66b1-a8bb19c8 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_5c714d47-64e6-7531-ede8-f203395a66b6-a8bb19c8 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_8006d1d2-f287-a9c6-a3e9-7723b3ccc970-a8bb19c8 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8006d1d2-f287-a9c6-a3e9-7723b3ccc972-a8bb19c8 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_8006d1d2-f287-a9c6-a3e9-7723b3ccc977-a8bb19c8 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_284c51d9-2661-5341-9249-a73c77775e24-a8bb19c9 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-b24b6359-2a6c-5369-212d-d837d95c2f7d-a8bb19c9 {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-_34ef6084-fe22-46d2-9820-ee6262708c52-a8bb19c9 {
grid-area: 1 / 1 / 2 / 2;
align-self: start;
}
#w-node-_34ef6084-fe22-46d2-9820-ee6262708c5a-a8bb19c9 {
grid-area: 2 / 1 / 3 / 2;
align-self: start;
}
#w-node-_34ef6084-fe22-46d2-9820-ee6262708c63-a8bb19c9 {
grid-area: 3 / 1 / 4 / 2;
align-self: start;
}
#w-node-e6e47955-62ff-7d24-02d1-20e0fe1f171d-a8bb19c9 {
grid-area: 1 / 1 / 2 / 2;
align-self: start;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4d1a-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4d1f-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4d25-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4d2b-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4d7d-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4d82-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4dce-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4dd5-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4dde-a8bb19c9, #w-node-f05e4148-8722-cbcf-591b-baf74dab4de8-a8bb19c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4e1e-a8bb19c9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f05e4148-8722-cbcf-591b-baf74dab4e20-a8bb19c9, #w-node-_8e9b4b0e-248d-44d4-722f-5149234cddae-a8bb19c9 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da58-a8bb19c9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-dda9a9d8-503b-fb13-d6e4-0503aa25da5a-a8bb19c9 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-f05b4053-6625-c252-3a73-425f940b94d0-a8bb19ca, #w-node-_182fe918-a05b-a2d1-0862-d5dcf0938b8b-a8bb19ca, #w-node-f72e2cf9-80b6-aa37-7aa9-ea24e7b4673e-a8bb19ca, #w-node-f05b4053-6625-c252-3a73-425f940b94d0-a8bb19cb {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f05b4053-6625-c252-3a73-425f940b94d2-a8bb19cb {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-f05b4053-6625-c252-3a73-425f940b94d7-a8bb19cb {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_267ab442-bf9f-506c-734a-52fdae547cc3-a8bb19cc, #w-node-_267ab442-bf9f-506c-734a-52fdae547cf1-a8bb19cc, #w-node-_267ab442-bf9f-506c-734a-52fdae547d1f-a8bb19cc, #w-node-_267ab442-bf9f-506c-734a-52fdae547d53-a8bb19cc, #w-node-_267ab442-bf9f-506c-734a-52fdae547dd4-a8bb19cc, #w-node-_267ab442-bf9f-506c-734a-52fdae547e55-a8bb19cc {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_065e08eb-811e-88dc-2c09-92853c73e541-a8bb19cc {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-d40304c0-08e9-3fd1-76d0-110a373f97bd-a8bb19cc {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-ee01dc09-a5bc-1a7b-9806-8addc4996e6c-a8bb19cc {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb19cc {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-a472b864-92eb-3a80-51d7-29a0cf38d829-a8bb19cc {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7a0ef465-4b4b-f7f7-c071-83e42308aa32-a8bb19cc {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-f3872576-be93-1984-de43-e205c4b0ca3a-a8bb19cc {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb19cc {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb19cc {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96e-a8bb19cc {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb19cc {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffc-a8bb19cc {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffe-a8bb19cc {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef7003-a8bb19cc {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb19cc {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448736-a8bb19cc {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448739-a8bb19cc {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb19cc {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4444-a8bb19cc {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4447-a8bb19cc {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_95d0e7f5-95ba-6432-87df-7d785e46f653-a8bb19cc {
grid-area: 4 / 2 / 5 / 3;
}
#w-node-_3190df25-2826-e607-a51b-9e9a38f42e4b-a8bb19cc {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809360-a8bb19cc {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb19cc {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-_4298bb35-1d66-d90b-5258-58a97c0cebd7-a8bb19cc {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_37d364f0-67be-b5f6-2ad2-65d9eedae47e-a8bb19cc {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb4b-a8bb19cc {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb5d-a8bb19cc {
grid-area: 5 / 1 / 6 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb6f-a8bb19cc {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb7e-a8bb19cc {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb8d-a8bb19cc {
grid-area: 6 / 1 / 7 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb36-a8bb19cc, #w-node-bac4efcb-3072-8d17-0fea-1d01019e1a14-a8bb19cc, #w-node-_15fa43e4-0caa-a025-9d80-7c8cb2566636-a8bb19cc {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb19cc {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb19cc {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4351-a8bb19cc {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb19cc {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb19cc {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d89e-a8bb19cc {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c86e-a8bb19cd {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c871-a8bb19cd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c873-a8bb19cd {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-a52ef016-c243-6496-a8a2-ddf43b65c875-a8bb19cd {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-_267ab442-bf9f-506c-734a-52fdae547cc3-a8bb1a02, #w-node-_267ab442-bf9f-506c-734a-52fdae547cf1-a8bb1a02, #w-node-_267ab442-bf9f-506c-734a-52fdae547d1f-a8bb1a02, #w-node-_267ab442-bf9f-506c-734a-52fdae547d53-a8bb1a02, #w-node-_267ab442-bf9f-506c-734a-52fdae547dd4-a8bb1a02, #w-node-_267ab442-bf9f-506c-734a-52fdae547e55-a8bb1a02 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_065e08eb-811e-88dc-2c09-92853c73e541-a8bb1a02 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-d40304c0-08e9-3fd1-76d0-110a373f97bd-a8bb1a02 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-ee01dc09-a5bc-1a7b-9806-8addc4996e6c-a8bb1a02 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb1a02 {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-a472b864-92eb-3a80-51d7-29a0cf38d829-a8bb1a02 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7a0ef465-4b4b-f7f7-c071-83e42308aa32-a8bb1a02 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-f3872576-be93-1984-de43-e205c4b0ca3a-a8bb1a02 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb1a02 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb1a02 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96e-a8bb1a02 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb1a02 {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffc-a8bb1a02 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffe-a8bb1a02 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef7003-a8bb1a02 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1a02 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448736-a8bb1a02 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448739-a8bb1a02 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb1a02 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4444-a8bb1a02 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4447-a8bb1a02 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_95d0e7f5-95ba-6432-87df-7d785e46f653-a8bb1a02 {
grid-area: 4 / 2 / 5 / 3;
}
#w-node-_3190df25-2826-e607-a51b-9e9a38f42e4b-a8bb1a02 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809360-a8bb1a02 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb1a02 {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-_4298bb35-1d66-d90b-5258-58a97c0cebd7-a8bb1a02 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_37d364f0-67be-b5f6-2ad2-65d9eedae47e-a8bb1a02 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb4b-a8bb1a02 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb5d-a8bb1a02 {
grid-area: 5 / 1 / 6 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb6f-a8bb1a02 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb7e-a8bb1a02 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb8d-a8bb1a02 {
grid-area: 6 / 1 / 7 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb36-a8bb1a02, #w-node-bac4efcb-3072-8d17-0fea-1d01019e1a14-a8bb1a02, #w-node-_15fa43e4-0caa-a025-9d80-7c8cb2566636-a8bb1a02 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb1a02 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb1a02 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4351-a8bb1a02 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb1a02 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb1a02 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d89e-a8bb1a02 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_267ab442-bf9f-506c-734a-52fdae547cc3-a8bb1a05, #w-node-_267ab442-bf9f-506c-734a-52fdae547cf1-a8bb1a05, #w-node-_267ab442-bf9f-506c-734a-52fdae547d1f-a8bb1a05, #w-node-_267ab442-bf9f-506c-734a-52fdae547d53-a8bb1a05, #w-node-_267ab442-bf9f-506c-734a-52fdae547dd4-a8bb1a05, #w-node-_267ab442-bf9f-506c-734a-52fdae547e55-a8bb1a05 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_065e08eb-811e-88dc-2c09-92853c73e541-a8bb1a05 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-d40304c0-08e9-3fd1-76d0-110a373f97bd-a8bb1a05 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-ee01dc09-a5bc-1a7b-9806-8addc4996e6c-a8bb1a05 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb1a05 {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-a472b864-92eb-3a80-51d7-29a0cf38d829-a8bb1a05 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7a0ef465-4b4b-f7f7-c071-83e42308aa32-a8bb1a05 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-f3872576-be93-1984-de43-e205c4b0ca3a-a8bb1a05 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb1a05 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb1a05 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96e-a8bb1a05 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb1a05 {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffc-a8bb1a05 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffe-a8bb1a05 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef7003-a8bb1a05 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1a05 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448736-a8bb1a05 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448739-a8bb1a05 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb1a05 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4444-a8bb1a05 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4447-a8bb1a05 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_95d0e7f5-95ba-6432-87df-7d785e46f653-a8bb1a05 {
grid-area: 4 / 2 / 5 / 3;
}
#w-node-_3190df25-2826-e607-a51b-9e9a38f42e4b-a8bb1a05 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809360-a8bb1a05 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb1a05 {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-_4298bb35-1d66-d90b-5258-58a97c0cebd7-a8bb1a05 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_37d364f0-67be-b5f6-2ad2-65d9eedae47e-a8bb1a05 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb4b-a8bb1a05 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb5d-a8bb1a05 {
grid-area: 5 / 1 / 6 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb6f-a8bb1a05 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb7e-a8bb1a05 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb8d-a8bb1a05 {
grid-area: 6 / 1 / 7 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb36-a8bb1a05, #w-node-bac4efcb-3072-8d17-0fea-1d01019e1a14-a8bb1a05, #w-node-_15fa43e4-0caa-a025-9d80-7c8cb2566636-a8bb1a05 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb1a05 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb1a05 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4351-a8bb1a05 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb1a05 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb1a05 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d89e-a8bb1a05 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_267ab442-bf9f-506c-734a-52fdae547cc3-a8bb1a06, #w-node-_267ab442-bf9f-506c-734a-52fdae547cf1-a8bb1a06, #w-node-_267ab442-bf9f-506c-734a-52fdae547d1f-a8bb1a06, #w-node-_267ab442-bf9f-506c-734a-52fdae547d53-a8bb1a06, #w-node-_267ab442-bf9f-506c-734a-52fdae547dd4-a8bb1a06, #w-node-_267ab442-bf9f-506c-734a-52fdae547e55-a8bb1a06 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_065e08eb-811e-88dc-2c09-92853c73e541-a8bb1a06 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-d40304c0-08e9-3fd1-76d0-110a373f97bd-a8bb1a06 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-ee01dc09-a5bc-1a7b-9806-8addc4996e6c-a8bb1a06 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_62290d18-8a7a-f082-d014-fc567ac89602-a8bb1a06 {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-a472b864-92eb-3a80-51d7-29a0cf38d829-a8bb1a06 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7a0ef465-4b4b-f7f7-c071-83e42308aa32-a8bb1a06 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-f3872576-be93-1984-de43-e205c4b0ca3a-a8bb1a06 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e965-a8bb1a06 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96b-a8bb1a06 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_2bcd19d8-6b9f-0476-c426-0241e082e96e-a8bb1a06 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_318b719d-e9ad-8ad2-71f1-a970b2e1b691-a8bb1a06 {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffc-a8bb1a06 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef6ffe-a8bb1a06 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-fb92fd89-5ed2-9e35-413d-6b8d2cef7003-a8bb1a06 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-e09e8482-7272-f356-4877-d0a358ebc801-a8bb1a06 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448736-a8bb1a06 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_8f8452b8-eae6-f229-3b1a-8a1b14448739-a8bb1a06 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae443e-a8bb1a06 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4444-a8bb1a06 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-b9287103-d5fb-1137-f473-49be6bae4447-a8bb1a06 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_95d0e7f5-95ba-6432-87df-7d785e46f653-a8bb1a06 {
grid-area: 4 / 2 / 5 / 3;
}
#w-node-_3190df25-2826-e607-a51b-9e9a38f42e4b-a8bb1a06 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-abc90637-8651-9e71-c472-b8d7e0809360-a8bb1a06 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-abc90637-8651-9e71-c472-b8d7e080937c-a8bb1a06 {
grid-row: 2 / 2;
grid-column-start: 1;
}
#w-node-_4298bb35-1d66-d90b-5258-58a97c0cebd7-a8bb1a06 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_37d364f0-67be-b5f6-2ad2-65d9eedae47e-a8bb1a06 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb4b-a8bb1a06 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb5d-a8bb1a06 {
grid-area: 5 / 1 / 6 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb6f-a8bb1a06 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb7e-a8bb1a06 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb8d-a8bb1a06 {
grid-area: 6 / 1 / 7 / 2;
}
#w-node-_678e5d6f-3927-571f-9898-02be97b7cb36-a8bb1a06, #w-node-bac4efcb-3072-8d17-0fea-1d01019e1a14-a8bb1a06, #w-node-_15fa43e4-0caa-a025-9d80-7c8cb2566636-a8bb1a06 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd433b-a8bb1a06 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd434c-a8bb1a06 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cab73d96-c2e3-484e-7fcb-c7cd0dfd4351-a8bb1a06 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d888-a8bb1a06 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d88e-a8bb1a06 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_0982c2e7-b2a5-e369-54e7-236ad346d89e-a8bb1a06 {
grid-area: 2 / 1 / 3 / 2;
}
}