html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
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 {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: "Gillsans 05";
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6355d292a7b90c63e3cd9ca3_GillSans-SemiBold-05.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gillsans 04";
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6355d292e708dc6b8c4ca448_GillSans-BoldItalic-04.ttf") format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gillsans 06";
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6355d2926e708acd4f6b5f54_GillSans-SemiBoldItalic-06.ttf") format("truetype");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gillsans 01";
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6355d29213ceda2013a71dca_GillSans-01.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gillsans 08";
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6355d29239e4e5335bcc8bdb_GillSans-Light-08.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gillsans 03";
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6355d29271b74a63f1080f2d_GillSans-Italic-03.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gillsans 09";
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6355d292d6b8bbe975275f59_GillSans-LightItalic-09.ttf") format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gillsans 07";
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6355d29241400ecf71ceecbd_GillSans-UltraBold-07.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gillsans 02";
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6355d292db028ee2f297bb65_GillSans-Bold-02.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Ujian;
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6357e6b0f338c9c9fb548d47_Ujian-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Georgia;
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/636afcd6285d5ef1aa5ec405_georgia%20bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Georgia;
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/636afcd6fa7157e6d2dbb14b_georgia%20italic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Georgia;
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/636afcd63f6c7d743c1ada36_Georgia.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter Variable;
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66f05c93e5cecad0be656f34_Inter-VariableFont_opsz%2Cwght.ttf") format("truetype");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inriaserif;
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/67957dc7caa1631e8c841c5f_InriaSerif-BoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Inriaserif;
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/67957dc7e901cfb181e1da39_InriaSerif-Italic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Inriaserif;
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/67957dc7e6df2fd990281bcb_InriaSerif-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inriaserif;
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/67957dc7d23e150fdb97ed1e_InriaSerif-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inriaserif;
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/67957dc79cf5e7cf0228333f_InriaSerif-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inriaserif;
src: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/67957dc7bd7d68d914e20858_InriaSerif-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
:root {
--v-dark-purp: #0c0a10;
--dodger-blue: #2c99ff;
--chroma-4: #2c99ff66;
--chroma-1: #75d8a126;
--chroma-2: #ff35e12b;
--dodger-blue-bright: #2ca4ff;
--dark-blue-mid-opac: #0c12373d;
--bluish-trans-shadow: #2c99ff29;
--darkest-purp: #060508;
--transparent-purp: #2c086e00;
--black: #1d1826;
--desat-blue: #0f1522;
--mid-opacity: #2c99ffc4;
--blue-low-transparent: #2c99ff14;
--slate-blue: #2c49ff;
--dark-slate-blue: #29456e;
--black2: #191520;
--white: white;
--orange-burn: #b97d3459;
--white-light: #ffffff4f;
--dodger-bright-mid-opac: #2c99ff96;
--slate-blue-2: #2c49ffb0;
--midnight-blue: #2c086e;
--dark-blue: #0c1237;
--black-low-transp: #0000007d;
--white-trans: #ffffff08;
--blue-violet: #9149ff;
--gainsboro-2: #e5e6e7d1;
--chroma-3: #fff;
--woku-purp: #865dbb;
--backdrop-black: #0c0a1059;
--gainsboro: #e5e6e7;
--mid-dark-blue: #0c123740;
--light-purple: #8380b9;
--clearz: #0000;
--midnight-blue-2: #170538;
--midnight-blue-3: #2c086e5c;
--shrinx: 64px;
--shrinx2: 100px;
--txt-19: 19px;
--txt-39: 39px;
--txt-22: 22px;
--txt-47: 47px;
}
.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-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-userformheader {
text-align: center;
}
.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-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-users-userloginformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.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-userresetpasswordformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-userformsuccessstate {
display: none;
}
.w-users-usersignupformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.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-users-usersignupverificationmessage {
display: none;
}
.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-useraccountformsavebutton {
text-align: center;
margin-right: 8px;
}
.w-users-useraccountformcancelbutton {
text-align: center;
color: #333;
background-color: #d3d3d3;
}
.w-layout-layout {
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-auto-columns: 1fr;
justify-content: center;
padding: 20px;
}
.w-layout-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.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;
}
@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(--v-dark-purp);
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
font-family: "Gillsans 08", sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 21px;
}
h1 {
letter-spacing: -3px;
margin-top: 0;
margin-bottom: 10px;
font-family: Ujian, sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 50px;
}
h2 {
letter-spacing: -2px;
text-transform: lowercase;
margin-top: 0;
margin-bottom: 10px;
font-family: Ujian, sans-serif;
font-size: 4.5vh;
font-weight: 700;
line-height: 4.5vh;
}
h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 30px;
}
h4 {
color: var(--dodger-blue);
text-transform: uppercase;
text-shadow: none;
margin-top: 10px;
margin-bottom: 10px;
font-family: "Gillsans 01", sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 30px;
}
h5 {
margin-top: 10px;
margin-bottom: 20px;
font-family: "Gillsans 01", sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 20px;
}
h6 {
text-transform: uppercase;
font-family: "Gillsans 05", sans-serif;
font-weight: 700;
}
p {
margin-bottom: 10px;
}
a {
color: var(--dodger-blue-bright);
cursor: pointer;
text-decoration: none;
}
a:hover {
text-shadow: 0 0 10px var(--chroma-4);
}
strong {
font-family: "Gillsans 05", sans-serif;
font-weight: 400;
}
.background-video {
background-image: linear-gradient(180deg, var(--dark-blue-mid-opac), #2c086e00 24%), linear-gradient(180deg, #2220 75%, var(--bluish-trans-shadow));
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
overflow: hidden;
}
.footer {
z-index: 10;
border-top: .5px solid var(--chroma-4);
background-color: var(--black);
align-items: stretch;
padding: 2.5%;
position: relative;
}
.footer-div {
border-top: 1px none var(--chroma-4);
color: var(--chroma-4);
text-align: center;
background-image: none;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 30px 20px;
display: flex;
}
.link-hover {
color: var(--chroma-4);
cursor: pointer;
background-color: #0000;
border-radius: 5px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
padding: 10px;
font-family: "Gillsans 01", sans-serif;
font-size: 10px;
line-height: 12px;
transition: all .15s;
}
.link-hover:hover {
color: var(--mid-opacity);
background-color: #2c99ff1c;
}
.link-hover._2 {
color: var(--dodger-blue);
border: 1px solid #0000;
border-radius: 5px;
justify-content: center;
align-items: center;
height: 40px;
padding-left: 0;
padding-right: 0;
font-family: "Gillsans 08", sans-serif;
line-height: 18px;
transition-property: all;
transition-duration: .375s;
display: flex;
position: static;
}
.link-hover._2:hover {
border: 1px solid var(--chroma-4);
filter: hue-rotate(195deg);
color: var(--dodger-blue);
background-color: #0000;
padding-left: 10px;
padding-right: 10px;
font-family: "Gillsans 01", sans-serif;
}
.image {
opacity: .4;
margin-bottom: 20px;
}
.image:hover {
opacity: 1;
}
.div-block-3 {
border-right: 1px solid var(--blue-low-transparent);
border-left: 1px solid var(--blue-low-transparent);
flex-flow: row;
place-content: center;
align-items: center;
padding: 10px 10px 0;
display: flex;
}
.enter-logo {
z-index: 5;
mix-blend-mode: lighten;
max-width: none;
height: 25vh;
}
.nav-img {
height: 50px;
padding-top: 10px;
position: relative;
}
.nav-img:hover {
filter: grayscale() brightness(200%);
}
.div-block-7 {
background-color: var(--chroma-4);
border-radius: 20px;
width: 100%;
height: 1px;
margin-top: 20px;
margin-bottom: 20px;
overflow: hidden;
}
.image-6 {
opacity: .4;
height: 30px;
}
.image-6:hover {
opacity: 1;
}
.link-block {
opacity: .76;
cursor: pointer;
transition: all .2s;
}
.link-block:hover {
opacity: 1;
}
.site-body {
background-color: var(--black);
padding-left: 0;
padding-right: 0;
font-family: "Gillsans 01", sans-serif;
}
.site-body.media {
background-color: var(--v-dark-purp);
margin-top: -20px;
}
.section-3 {
z-index: 1;
width: 100%;
position: relative;
}
.menu-holder {
z-index: 10;
justify-content: space-between;
height: 60px;
margin-bottom: 20px;
display: flex;
position: static;
inset: 85px 0% auto;
}
.menu-holder.mh-v2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
height: auto;
padding: 0 20px;
}
.menu-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
margin-bottom: 20px;
}
.menu-grid.mg-v2 {
grid-template-columns: 1fr;
padding: 0 20px;
}
.homepage-slider {
background-image: linear-gradient(to bottom, #2c086e0f 62%, var(--black)), radial-gradient(circle farthest-corner at 50% 50%, #17053800, #080115), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/647680015d58a4ab0962026d_Screenshot%202023-05-30%20at%2023.58.35.webp");
background-position: 0 0, 0 0, 75% 100%;
background-size: auto, auto, cover;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100%;
padding: 10% 100px 10% 80px;
display: flex;
position: relative;
}
.homepage-slider.sb {
background-image: linear-gradient(to bottom, #2c086e0f 62%, var(--black)), radial-gradient(circle farthest-corner at 50% 50%, #17053800, #080115), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/647684b4d155e6e42ce2a4ee_Screenshot%202023-05-31%20at%2000.14.webp");
background-position: 0 0, 0 0, 100% 0;
background-size: auto, auto, cover;
}
.homepage-slider.sc {
background-image: linear-gradient(to bottom, #2c086e0f 62%, var(--black)), radial-gradient(circle farthest-corner at 50% 50%, #17053800, #080115), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6476858ad3fd3c906c3e7abf_tedi.webp");
background-position: 0 0, 0 0, 100% 100%;
background-size: auto, auto, cover;
}
.homepage-slider.sd {
background-image: linear-gradient(to bottom, #2c086e0f 62%, var(--black)), radial-gradient(circle farthest-corner at 50% 50%, #17053800, #080115), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/647687034e355f0af93c66cd_teo.webp");
background-position: 0 0, 0 0, 100% 100%;
background-size: auto, auto, cover;
}
.slider-4 {
background-color: #0000;
height: 125vh;
}
.left-arrow {
border: .5px solid var(--chroma-4);
opacity: .3;
color: var(--mid-opacity);
cursor: pointer;
border-radius: 5px;
width: 50px;
height: 50px;
transition: all .2s;
inset: 55% 40px auto auto;
}
.left-arrow:hover {
box-shadow: 0 0 18px 0 var(--chroma-4);
opacity: 1;
color: var(--dodger-blue);
text-shadow: 1px 1px 18px var(--slate-blue);
border-color: #0000;
}
.right-arrow {
border: 1px solid var(--chroma-4);
opacity: .3;
color: var(--mid-opacity);
cursor: pointer;
border-radius: 5px;
width: 50px;
height: 50px;
transition: all .2s;
inset: auto 40px 30% auto;
}
.right-arrow:hover {
box-shadow: 0 0 18px 0 var(--chroma-4);
opacity: 1;
color: var(--dodger-blue);
text-shadow: 1px 1px 18px var(--slate-blue);
border-color: #0000;
}
.slide-nav {
display: none;
}
.section-13 {
background-color: var(--black);
height: 100vh;
padding: 0 30px 60px;
}
.div-block-40 {
border: 1px solid var(--dark-slate-blue);
text-align: center;
cursor: pointer;
background-image: radial-gradient(circle, #00000026 19%, #1d1826e3), radial-gradient(circle at 50% 100%, #191520c4, #0000 49%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6470d80682dcfe54bab5da1a_DALL%20-%20a%20dinner%20party%20in%20an%20orange%20dining%20room%2C%20concept%20art%2C%20volumetric%20lighting.webp");
background-position: 0 0, 0 0, 50%;
background-size: auto, auto, cover;
border-radius: 7px;
flex-direction: column;
justify-content: flex-end;
align-items: center;
height: 100%;
padding: 20% 15% 5%;
transition: all .125s cubic-bezier(.39, .575, .565, 1);
display: flex;
overflow: hidden;
transform: scale(.98);
}
.div-block-40:hover {
border-color: var(--dodger-blue);
background-image: radial-gradient(circle, #00000026 69%, #1d1826e3), radial-gradient(circle at 50% 100%, #191520c4, #0000 49%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6470d80682dcfe54bab5da1a_DALL%20-%20a%20dinner%20party%20in%20an%20orange%20dining%20room%2C%20concept%20art%2C%20volumetric%20lighting.webp");
background-position: 0 0, 0 0, 50%;
background-size: auto, auto, cover;
transform: scale(1);
}
.div-block-40.na {
background-color: var(--black);
background-image: radial-gradient(circle farthest-corner at 50% 0%, #1915208f, transparent 24%), linear-gradient(to top, var(--black2), transparent 41%), radial-gradient(circle farthest-corner at 50% 50%, #00000026 19%, #1d1826e3), linear-gradient(to bottom, #2c99ff36, #2c99ff36), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6475f393ea79ca855f02d7a5_uji%20v2-min.webp");
opacity: .9;
background-position: 0 0, 0 0, 0 0, 0 0, 50% 0;
background-repeat: repeat, repeat, repeat, repeat, repeat;
background-size: auto, auto, auto, auto, cover;
justify-content: space-between;
padding-bottom: 10%;
}
.div-block-40.na:hover {
border-color: var(--dodger-blue);
opacity: 1;
filter: contrast(105%);
}
.div-block-40.nb {
background-color: var(--black);
background-image: radial-gradient(circle farthest-corner at 50% 0%, #19152082, transparent 39%), linear-gradient(to bottom, transparent 58%, var(--black2) 96%), radial-gradient(circle farthest-corner at 50% 50%, #00000026 19%, #1d1826e3), linear-gradient(to bottom, #2c99ff36, #2c99ff36), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/647627cdad97853043ca4b13_uji%20beaches.webp");
opacity: .9;
background-position: 0 0, 0 0, 0 0, 0 0, 50% 0;
background-repeat: repeat, repeat, repeat, repeat, repeat;
background-size: auto, auto, auto, auto, cover;
justify-content: space-between;
padding-bottom: 10%;
}
.div-block-40.nb:hover {
border-color: var(--dodger-blue);
opacity: 1;
filter: contrast(105%);
}
.div-block-40.nc {
background-color: var(--black);
background-image: radial-gradient(circle farthest-corner at 50% 0%, #19152069, transparent), linear-gradient(to bottom, transparent 76%, var(--black2)), radial-gradient(circle farthest-corner at 50% 50%, #00000026 19%, #1d1826e3), linear-gradient(to bottom, #2c99ff36, #2c99ff36), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/647b7ee98d2e511ffac03f06_Mother%20Isles.webp");
opacity: .9;
background-position: 0 0, 0 0, 0 0, 0 0, 50% 0;
background-repeat: repeat, repeat, repeat, repeat, repeat;
background-size: auto, auto, auto, auto, cover;
justify-content: space-between;
padding-bottom: 10%;
}
.div-block-40.nc:hover {
border-color: var(--dodger-blue);
opacity: 1;
filter: contrast(105%);
}
.spacer {
width: 10px;
min-width: 10px;
height: 10px;
min-height: 10px;
}
.spacer.double {
width: 20px;
min-width: 20px;
height: 20px;
min-height: 20px;
}
.spacer.half {
width: 5px;
height: 5px;
}
.spacer.wide-slice {
width: 100%;
height: 10px;
}
.spacer.wide-slice.ws-2 {
height: 20px;
}
.spacer.wide-slice-5 {
width: 100%;
height: 5px;
}
.spacer.double-sluce {
width: 100%;
min-width: 20px;
height: 20px;
min-height: 20px;
}
.spacer.mega-slice {
width: 100%;
height: 50px;
}
.spacer.uber-slice {
width: 100%;
height: 40px;
min-height: 40px;
}
.spacer.uber-slice.ws-2 {
height: 20px;
}
.classic-sect {
background-color: var(--v-dark-purp);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
min-height: 100vh;
padding: 125px 40px 30px;
display: flex;
}
.grid-9 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
height: 650px;
margin-bottom: 25px;
}
.navbar-2-copy-copy-copy {
border-bottom: .5px solid var(--chroma-4);
background-color: #0000;
background-image: linear-gradient(to bottom, var(--black), var(--black));
justify-content: flex-end;
align-items: center;
height: 65px;
padding: 12.5px 15px 12.5px 130px;
transition: opacity .2s;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.nav-menu-copy-copy {
z-index: 9;
border-bottom: .5px solid var(--chroma-4);
background-color: var(--black);
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
max-height: 620px;
padding: 80px 20px 20px;
display: flex;
top: 0;
overflow: scroll;
box-shadow: 1px 1px 40px #000000e8, 1px 1px 3px 400vh #1d1826bf;
}
.menu-button-copy {
z-index: 10;
border: .5px solid var(--chroma-4);
color: var(--mid-opacity);
cursor: pointer;
background-color: #0000;
border-radius: 5px;
min-width: 35px;
height: 35px;
padding: 5px 2px 5px 5px;
transition: all .2s;
position: static;
left: auto;
right: 20px;
}
.menu-button-copy:hover {
box-shadow: 1px 1px 18px 0 var(--chroma-4);
color: var(--dodger-blue);
text-shadow: 1px 1px 15px var(--dodger-blue);
border-color: #0000;
}
.menu-button-copy.w--open {
z-index: 10;
color: var(--dodger-blue);
text-shadow: 1px 1px 15px var(--slate-blue);
background-color: #0000;
}
.woku-button {
z-index: 10;
border: 1px solid var(--chroma-4);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
color: var(--mid-opacity);
text-transform: uppercase;
cursor: pointer;
background-color: #0000;
border-radius: 4px;
align-items: center;
margin-bottom: 10px;
padding: 5px 10px;
transition: none;
display: flex;
}
.woku-button:hover {
background-color: var(--white);
box-shadow: 1px 1px 18px 0 var(--chroma-4);
color: var(--dodger-blue);
text-shadow: 1px 1px 18px var(--dodger-blue);
border-color: #0000;
}
.woku-button.login {
letter-spacing: 2px;
justify-content: center;
min-width: 110px;
margin-bottom: 0;
font-family: "Gillsans 01", sans-serif;
}
.woku-button.block {
background-color: var(--dodger-blue);
color: var(--black2);
letter-spacing: 2px;
}
.woku-button.block.no-pad {
margin-right: 0;
}
.woku-button.block.block-white {
border-color: var(--white);
background-color: var(--white);
color: var(--dodger-blue);
}
.woku-button.block.block-white:hover {
text-shadow: none;
}
.woku-button.wb_small {
justify-content: center;
height: 30px;
margin-bottom: 0;
padding-left: 7.5px;
padding-right: 7.5px;
font-size: 12px;
line-height: 24px;
}
.woku-button.wb_small:hover {
text-shadow: none;
}
.woku-button.wb_small.s-white {
background-color: var(--dodger-blue);
color: var(--v-dark-purp);
border-style: none;
}
.woku-button.wb_small.wbs-white {
border-color: var(--white);
background-color: var(--white);
}
.woku-button._2 {
margin-bottom: 0;
}
.woku-button.translucent {
color: #bdc7d4a3;
mix-blend-mode: color-dodge;
border-color: #d4bdcc38;
}
.woku-button.translucent:hover {
text-shadow: 1px 1px 18px #d4bdcca3;
box-shadow: 1px 1px 18px #f0eaf840;
}
.woku-button.orange-b {
border-color: var(--orange-burn);
color: #b97d34;
}
.woku-button.orange-b.uf-for-mob {
opacity: 0;
display: none;
}
.woku-button.small-no-hide {
justify-content: center;
margin-bottom: 0;
padding-left: 7.5px;
padding-right: 7.5px;
font-size: 12px;
line-height: 16px;
}
.woku-button.right-block {
background-color: var(--dodger-blue);
color: var(--black2);
letter-spacing: 2px;
margin-bottom: 0;
position: static;
inset: auto 20px 20px auto;
}
.woku-button.right-block.no-hide {
display: none;
}
.woku-button.left-block-pin {
background-color: var(--dodger-blue);
opacity: .6;
color: var(--black2);
letter-spacing: 2px;
margin: 20px 20px 30px;
position: absolute;
top: auto;
bottom: 0%;
left: auto;
}
.woku-button.left-block-pin:hover {
opacity: 1;
}
.woku-button.game-button {
z-index: 1003;
background-color: var(--v-dark-purp);
letter-spacing: 1px;
border-style: solid;
justify-content: center;
min-height: 40px;
margin-bottom: 0;
padding-left: 7.5px;
padding-right: 7.5px;
font-size: 12px;
line-height: 16px;
position: fixed;
inset: 12.5px auto auto 100px;
}
.woku-button.mid-butts {
text-align: center;
justify-content: center;
margin-top: 10px;
}
.woku-button.media-pin-l {
position: absolute;
inset: auto auto 35px 20%;
}
.woku-button.media-pin-l.mpr {
left: auto;
right: 20%;
}
.woku-button.wb-massive {
grid-column-gap: 5px;
grid-row-gap: 5px;
border-color: var(--chroma-4);
background-color: var(--transparent-purp);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
color: var(--dodger-blue);
height: auto;
padding: 15px 20px;
font-family: "Gillsans 05", sans-serif;
font-size: 17.5px;
}
.woku-button.wb-massive:hover {
border-color: var(--dodger-blue-bright);
box-shadow: 1px 1px 40px 0 var(--chroma-4);
color: var(--white);
text-shadow: none;
}
.woku-button.wb-massive.wbm-clear {
background-image: none;
}
.woku-button.wb-massive.wbm-clear:hover {
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
}
.woku-button.wb-massive.x-pinnerz {
background-image: none;
position: absolute;
inset: 15px 15px auto auto;
}
.woku-button.wb-massive.x-pinnerz:hover {
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
}
.woku-button.wb-massive.wbm-pinner {
z-index: 99999;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/655cf6b1bf6699e32f7fb995_flare_FILL0_wght100_GRAD200_opsz48.svg"), linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
background-position: 10px, 0 0;
background-repeat: no-repeat, repeat;
background-size: 25px, auto;
padding-left: 45px;
position: fixed;
inset: 20px 20px auto auto;
}
.woku-button.wb-massive.wbm-white {
border-color: var(--white);
background-image: linear-gradient(to bottom, var(--white), var(--white));
}
.woku-button.wb-massive.wbm-white:hover {
color: var(--dodger-blue-bright);
}
.woku-button.wb-massive.wbm-blue {
background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dodger-blue));
color: var(--white);
}
.woku-button.wb-massive.wbm-blu-grid {
background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dodger-blue));
color: var(--white);
letter-spacing: 2px;
width: 100%;
height: 100%;
margin-bottom: 0;
}
.woku-button.wb-sml {
background-color: var(--blue-low-transparent);
-webkit-backdrop-filter: none;
backdrop-filter: none;
justify-content: center;
height: 30px;
margin-bottom: 0;
padding-left: 7.5px;
padding-right: 7.5px;
font-size: 12px;
line-height: 24px;
}
.woku-button.wb-sml:hover {
border-color: var(--chroma-4);
text-shadow: none;
}
.woku-button.wb-sml.wb-sml-white {
border-color: var(--white-light);
background-color: var(--transparent-purp);
color: var(--white);
}
.woku-button.wb-sml.wb-sml-white:hover {
background-color: var(--white);
box-shadow: none;
color: var(--v-dark-purp);
}
.woku-button.wb-sml.wb-sml-block:hover {
background-color: var(--dodger-blue);
box-shadow: none;
color: var(--v-dark-purp);
}
.woku-button.wb-sml.wb-sml-white-block {
border-color: var(--white-light);
background-color: var(--white);
color: var(--desat-blue);
}
.woku-button.wb-sml.wb-sml-white-block:hover {
background-color: var(--white);
box-shadow: none;
color: var(--v-dark-purp);
}
.woku-button.wb-big2sml {
border-style: solid;
border-color: var(--blue-low-transparent);
background-color: var(--bluish-trans-shadow);
-webkit-backdrop-filter: none;
backdrop-filter: none;
color: var(--dodger-blue-bright);
border-radius: 3px;
justify-content: center;
height: auto;
margin-bottom: 0;
padding: 10px;
font-family: "Gillsans 01", sans-serif;
font-size: 12px;
}
.woku-button.wb-big2sml:hover {
border-color: var(--dodger-blue-bright);
text-shadow: none;
box-shadow: 1px 1px 18px #2c99ff29;
}
.woku-button.wb-big2sml.w--current {
background-color: var(--white);
color: var(--dodger-blue);
}
.woku-button.wb-big2sml.w--current:hover {
outline-offset: 0px;
outline: 2px #fff;
}
.woku-button.button-white-outline {
background-color: var(--dodger-blue);
color: var(--black2);
letter-spacing: 2px;
margin-bottom: 0;
}
.woku-button.button-white-outline:hover {
text-shadow: none;
}
.woku-button.button-white-outline.block-white {
border-color: var(--white);
background-color: var(--white);
color: var(--dodger-blue);
}
.woku-button.button-white-outline.block-white:hover {
text-shadow: none;
}
.woku-button.button-white-outline.block-purp {
border-color: var(--white);
background-color: var(--white);
color: var(--black);
}
.woku-button.button-white-outline.block-purp:hover {
text-shadow: none;
}
.woku-button.wb-char {
border-color: var(--transparent-purp);
-webkit-backdrop-filter: none;
backdrop-filter: none;
color: var(--white);
text-shadow: none;
justify-content: center;
margin-bottom: 0;
padding: 7.5px 7.5px 7.5px 0;
font-size: 16px;
line-height: 20px;
transition: all .175s;
}
.woku-button.wb-char:hover {
border-color: var(--chroma-4);
background-color: var(--transparent-purp);
box-shadow: 1px 1px 18px -4px var(--chroma-4);
color: var(--dodger-blue);
text-shadow: none;
padding-left: 7.5px;
}
.woku-button.time-massive {
background-color: var(--dodger-blue);
color: var(--v-dark-purp);
border-style: none;
justify-content: center;
width: 100%;
height: auto;
padding: 15px 20px;
font-family: "Gillsans 05", sans-serif;
font-size: 17.5px;
}
.woku-button.time-massive:hover {
background-image: linear-gradient(to bottom, var(--white), var(--white));
box-shadow: none;
color: var(--dodger-blue);
text-shadow: none;
}
.woku-button.wb-time-sml {
opacity: .36;
-webkit-backdrop-filter: none;
backdrop-filter: none;
justify-content: center;
width: 120px;
height: 30px;
margin-bottom: 0;
padding-left: 7.5px;
padding-right: 7.5px;
font-size: 12px;
line-height: 24px;
position: relative;
}
.woku-button.wb-time-sml:hover {
border-color: var(--white);
opacity: 1;
text-shadow: none;
}
.woku-button.wb-big2sml-v2 {
border-style: solid;
border-color: var(--blue-low-transparent);
background-color: var(--bluish-trans-shadow);
-webkit-backdrop-filter: none;
backdrop-filter: none;
color: var(--dodger-blue-bright);
border-radius: 3px;
justify-content: center;
height: auto;
margin-bottom: 0;
padding: 10px;
font-family: "Gillsans 01", sans-serif;
font-size: 12px;
}
.woku-button.wb-big2sml-v2:hover {
border-color: var(--dodger-blue-bright);
text-shadow: none;
box-shadow: 1px 1px 18px #2c99ff29;
}
.woku-button.wb-big2sml-v2.w--current {
border-color: var(--dodger-bright-mid-opac);
background-color: var(--blue-low-transparent);
color: var(--dodger-blue);
}
.woku-button.wb-big2sml-v2.w--current:hover {
outline-offset: 0px;
outline: 2px #fff;
}
.woku-button.play-massive {
grid-column-gap: 5px;
grid-row-gap: 5px;
border-color: var(--chroma-4);
background-color: var(--transparent-purp);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/67059a8e4a84a08f6ee4a931_1.png"), linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
color: var(--dodger-blue);
background-position: 12.5px, 0 0;
background-repeat: no-repeat, repeat;
background-size: auto 17px, auto;
height: auto;
padding: 15px 20px 15px 40px;
font-family: "Gillsans 05", sans-serif;
font-size: 17.5px;
}
.woku-button.play-massive:hover {
border-color: var(--dodger-blue-bright);
box-shadow: 1px 1px 40px 0 var(--chroma-4);
color: var(--white);
text-shadow: none;
}
.woku-button.play-massive.wbm-clear {
background-image: none;
}
.woku-button.play-massive.wbm-clear:hover {
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
}
.woku-button.play-massive.x-pinnerz {
background-image: none;
position: absolute;
inset: 15px 15px auto auto;
}
.woku-button.play-massive.x-pinnerz:hover {
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
}
.woku-button.play-massive.wbm-pinner {
z-index: 99999;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/655cf6b1bf6699e32f7fb995_flare_FILL0_wght100_GRAD200_opsz48.svg"), linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
background-position: 10px, 0 0;
background-repeat: no-repeat, repeat;
background-size: 25px, auto;
padding-left: 45px;
position: fixed;
inset: 20px 20px auto auto;
}
.woku-button.play-massive.wbm-white {
border-color: var(--white);
background-image: linear-gradient(to bottom, var(--white), var(--white));
}
.woku-button.play-massive.wbm-white:hover {
color: var(--dodger-blue-bright);
}
.woku-button.play-massive.wbm-blue {
background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dodger-blue));
color: var(--white);
}
.woku-button.play-massive.wbm-blu-grid {
background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dodger-blue));
color: var(--white);
letter-spacing: 2px;
width: 100%;
height: 100%;
margin-bottom: 0;
}
.woku-button.wb-media-top {
grid-column-gap: 5px;
grid-row-gap: 5px;
border-color: var(--chroma-4);
background-color: var(--transparent-purp);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
color: var(--dodger-blue);
height: auto;
padding: 15px 20px;
font-family: "Gillsans 05", sans-serif;
font-size: 17.5px;
}
.woku-button.wb-media-top:hover {
border-color: var(--dodger-blue-bright);
box-shadow: 1px 1px 40px 0 var(--chroma-4);
color: var(--white);
text-shadow: none;
}
.woku-button.wb-media-top.w--current {
display: none;
}
.woku-button.wb-media-top.wbm-clear {
background-image: none;
}
.woku-button.wb-media-top.wbm-clear:hover {
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
}
.woku-button.wb-media-top.x-pinnerz {
background-image: none;
position: absolute;
inset: 15px 15px auto auto;
}
.woku-button.wb-media-top.x-pinnerz:hover {
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
}
.woku-button.wb-media-top.wbm-pinner {
z-index: 99999;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/655cf6b1bf6699e32f7fb995_flare_FILL0_wght100_GRAD200_opsz48.svg"), linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
background-position: 10px, 0 0;
background-repeat: no-repeat, repeat;
background-size: 25px, auto;
padding-left: 45px;
position: fixed;
inset: 20px 20px auto auto;
}
.woku-button.wb-media-top.wbm-white {
border-color: var(--white);
background-image: linear-gradient(to bottom, var(--white), var(--white));
}
.woku-button.wb-media-top.wbm-white:hover {
color: var(--dodger-blue-bright);
}
.woku-button.wb-media-top.wbm-blue {
background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dodger-blue));
color: var(--white);
}
.woku-button.wb-media-top.wbm-blu-grid {
background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dodger-blue));
color: var(--white);
letter-spacing: 2px;
width: 100%;
height: 100%;
margin-bottom: 0;
}
.brand-2-copy {
z-index: 10;
opacity: .7;
transition: all .2s;
position: absolute;
left: 15px;
right: auto;
}
.brand-2-copy:hover {
opacity: 1;
}
.navmenu-menu-copy {
border: 1px solid var(--chroma-4);
opacity: .8;
color: var(--dodger-blue);
text-align: left;
background-color: #0000;
border-radius: 5px;
flex-direction: column;
align-items: flex-start;
padding: 40px 20px 20px;
transition: all 50ms;
display: flex;
}
.navmenu-menu-copy:hover {
border-color: var(--dodger-blue);
opacity: 1;
filter: none;
box-shadow: 0 0 16px 1px #9149ff21;
}
.nav-dropdown {
border: 1px solid var(--chroma-4);
border-radius: 5px;
width: 33%;
margin-right: 10px;
transition: all .475s;
}
.nav-dropdown:hover {
filter: hue-rotate(195deg);
}
.nav-dropdown.end {
margin-right: 0;
}
.nav-dropdown.nd-v3 {
width: auto;
margin-left: 0;
margin-right: 0;
transition: none;
}
.nav-dropdown.nd-v3:hover {
background-color: var(--bluish-trans-shadow);
}
.nav-dropdown.nd-v3.nd-highlight {
background-color: var(--dodger-blue);
box-shadow: 0 0 14px 0 var(--dodger-bright-mid-opac);
transition: background-color .175s;
}
.nav-dropdown.nd-v3.nd-highlight:hover {
background-color: var(--bluish-trans-shadow);
box-shadow: none;
filter: none;
}
.nav-dropdown-toggle {
z-index: 10;
color: var(--mid-opacity);
text-shadow: none;
width: 100%;
}
.nav-dropdown-toggle:hover, .nav-dropdown-toggle.w--open {
color: var(--dodger-blue);
text-shadow: 0 0 18px var(--slate-blue-2);
}
.nav-dropdown-toggle.nd-txt-highlight {
color: var(--white);
}
.nav-dropdown-toggle.nd-txt-highlight:hover, .nav-dropdown-toggle.nd-txt-highlight.w--open {
color: var(--dodger-blue);
}
.dropdown-list-3 {
margin-top: -1px;
}
.dropdown-list-3.w--open {
border: .5px solid var(--dodger-blue);
background-color: #000;
background-image: linear-gradient(to bottom, var(--bluish-trans-shadow), var(--bluish-trans-shadow));
border-radius: 5px;
width: 101%;
margin-top: -61px;
padding: 70px 16px 16px;
left: -.5%;
}
.link-hover-nav {
color: var(--mid-opacity);
cursor: pointer;
background-color: #0000;
border: .5px solid #0000;
border-radius: 5px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
padding: 10px 10px 10px 0;
font-family: "Gillsans 08", sans-serif;
font-size: 16px;
line-height: 16px;
transition: all .225s;
}
.link-hover-nav:hover {
border-color: var(--chroma-4);
color: var(--dodger-blue);
text-shadow: 1px 1px 15px var(--slate-blue-2);
padding-left: 10px;
font-family: "Gillsans 01", sans-serif;
}
.link-hover-nav.orange-burnt {
color: var(--orange-burn);
font-size: 14px;
}
.link-hover-nav.orange-burnt:hover {
border-color: var(--orange-burn);
color: #b97d34;
}
.search {
z-index: 10;
border-radius: 10px;
width: 30%;
min-width: 200px;
margin-bottom: 0;
position: relative;
}
.search-input {
border: .5px solid var(--chroma-4);
background-color: var(--black);
opacity: .75;
color: var(--mid-opacity);
text-transform: uppercase;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/636a84626e0e094304761234_Layer%204.png");
background-position: 2%;
background-repeat: no-repeat;
background-size: auto 60%;
border-radius: 5px;
height: 35px;
margin-bottom: 0;
padding-left: 30px;
}
.search-input:hover {
border-color: var(--dodger-blue);
background-color: var(--black2);
opacity: 1;
}
.search-input:focus-visible, .search-input[data-wf-focus-visible] {
opacity: 1;
box-shadow: 1px 1px 20px #00000061, 1px 1px 10px 400vh #19152091;
}
.search-input::placeholder {
color: var(--chroma-4);
}
.search-button-2 {
display: none;
}
.nav-billboard {
background-image: linear-gradient(to right, var(--black2) 25%, #03272900 25%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6487268e8dbf4a419dd391d1_Untitled%20design%20jj.jpg");
background-position: 0 0, 100% 35%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
border-radius: 5px;
align-items: flex-start;
width: 100%;
max-width: 800px;
height: 35px;
margin-left: 0;
margin-right: 0;
display: flex;
}
.nav-bollboard-toggle {
filter: brightness(600%);
color: var(--white);
cursor: pointer;
border-radius: 5px 0 0 5px;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding: 0 0 0 10px;
font-size: 12px;
display: flex;
}
.nav-bollboard-toggle:hover {
border-color: var(--dodger-blue);
color: var(--white);
text-shadow: 1px 1px 18px var(--mid-opacity);
}
.dropdown-list-4 {
inset: 0% 0% auto;
}
.dropdown-list-4.w--open {
border-style: solid none solid solid;
border-width: .5px;
border-color: var(--chroma-4);
background-color: var(--black2);
box-shadow: 0 0 18px 11px var(--bluish-trans-shadow), 1px 1px 3px 400vh #060508b8;
border-radius: 5px 0 0 5px;
min-width: 50vw;
max-height: 550px;
inset: 0% 0% auto auto;
overflow: scroll;
}
.tag {
border: 1px solid var(--dodger-blue);
background-color: var(--dodger-blue);
color: var(--black2);
text-align: center;
border-radius: 3px;
margin-right: 10px;
padding: 5px 6px;
font-size: 8px;
line-height: 10px;
}
.tag:hover {
outline-color: var(--dodger-blue);
outline-offset: 2px;
outline-width: 1px;
outline-style: solid;
}
.tag.t-b {
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
color: var(--dodger-blue);
background-color: #0000;
}
.tag.t-b.small-tag, .tag.small-tag {
padding: 4px;
font-size: 6px;
line-height: 8px;
}
.tag.small-tag.tst-2 {
background-color: var(--white);
color: var(--dodger-blue);
border-style: none;
}
.tag.standalone {
opacity: .5;
font-size: 10px;
line-height: 12px;
}
.tag.standalone:hover {
opacity: 1;
}
.tag.standalone.white {
border-color: var(--white);
background-color: var(--white);
opacity: 1;
color: var(--dodger-blue);
}
.tag.t-c {
color: var(--dodger-blue);
background-color: #0000;
}
.tag.t-c.small-tag {
border-color: var(--white-light);
color: var(--white);
padding: 4px;
font-family: "Gillsans 03", sans-serif;
font-size: 6px;
line-height: 8px;
}
.tag.t-d {
color: var(--dodger-blue);
background-color: #0000;
}
.tag.t-d.small-tag {
border-color: var(--white);
color: var(--white);
border-radius: 2px;
padding: 4px;
font-size: 6px;
line-height: 8px;
}
.tag.t-white {
background-color: var(--white);
border-style: none;
margin-right: 0;
}
.tag.t-d {
border-color: var(--darkest-purp);
color: var(--darkest-purp);
background-color: #0000;
}
.tag.t-d.small-tag {
padding: 4px;
font-size: 6px;
line-height: 8px;
}
.tag.t-e {
margin-right: 0;
}
.tag.t-f {
background-color: var(--bluish-trans-shadow);
color: var(--dodger-blue-bright);
}
.tag.t-g {
border-color: var(--bluish-trans-shadow);
background-color: var(--desat-blue);
color: var(--dodger-blue);
}
.tag.t-h {
border-color: var(--white);
color: var(--white);
background-color: #ffffff14;
}
.subtext {
color: var(--dodger-blue);
text-shadow: 1px 1px 6px #1d1826ad;
font-size: 14px;
line-height: 28px;
}
.subtext.nav {
font-size: 12px;
line-height: 24px;
}
.subtext.small {
font-size: 8px;
line-height: 10px;
}
.feature-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
border: .5px solid var(--chroma-4);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
padding: 15px;
}
.features {
text-align: center;
font-family: "Gillsans 05", sans-serif;
}
.buttons-holder-nav {
flex-wrap: wrap;
margin-top: 10px;
display: flex;
}
.image-12 {
margin-bottom: 10px;
}
.icons {
height: 30px;
margin-bottom: 10px;
}
.tag-holder {
align-items: center;
margin-right: -10px;
padding-bottom: 15px;
display: flex;
}
.tag-holder._2 {
justify-content: center;
margin-right: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.tag-holder.exp {
padding-bottom: 5px;
}
.tag-holder.th-pin {
position: absolute;
inset: 10px auto auto 10px;
}
.tag-holder.time-v {
padding-bottom: 10px;
}
.tag-holder.net {
height: 5vh;
min-height: 42px;
margin-top: -5vh;
margin-bottom: -10px;
padding-bottom: 0;
}
.tag-holder.th-home {
margin-left: -10px;
margin-right: 0;
padding-left: 10px;
}
.tag-holder.th-wrap {
grid-row-gap: 10px;
flex-flow: wrap;
}
.nav-preview-block-prime {
border-bottom: 1px solid var(--chroma-4);
background-color: var(--midnight-blue);
background-image: linear-gradient(to right, var(--dark-blue), #17053800 74%), linear-gradient(to bottom, #1d18263b, #1d18263b), radial-gradient(circle farthest-corner at 75% 50%, #061f2203 20%, #061f22a8 66%, #061f22fc 99%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6540312097fb95f407f8fd20_CHAPTER-1-NYKIA-LEAPS-min.webp");
opacity: .7;
color: var(--dodger-blue);
cursor: default;
background-position: 0 0, 0 0, 0 0, 50%;
background-size: auto, auto, auto, cover;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
min-height: 350px;
padding: 40px 45% 40px 40px;
transition: all .2s;
display: flex;
}
.nav-preview-block-prime:hover {
opacity: 1;
}
.nav-preview-block-prime.b {
background-image: linear-gradient(to right, var(--black-low-transp), #17053800 74%), linear-gradient(to bottom, transparent, transparent), radial-gradient(circle farthest-corner at 75% 50%, #061f2203 20%, #061f22a8 66%, #061f22fc 99%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/647b7ee98d2e511ffac03f06_Mother%20Isles.webp");
border-bottom-style: none;
}
.media-section-b {
background-color: var(--v-dark-purp);
color: var(--white);
flex-flow: column;
justify-content: flex-start;
align-items: center;
min-height: 100vh;
padding: 20px 0 10vh;
display: flex;
position: relative;
overflow: scroll;
}
.media-section-b.odijidos {
padding-bottom: 0;
}
.media-extras {
z-index: 5;
grid-column-gap: 40px;
grid-row-gap: 40px;
border-top: .5px solid var(--chroma-4);
border-left: 5px solid var(--dodger-blue);
background-color: var(--black);
color: var(--dodger-blue);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 100px 40px 60px;
display: grid;
position: relative;
}
.media-extras.me-v2 {
z-index: 998;
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 1px solid var(--dodger-blue);
background-color: var(--v-dark-purp);
background-image: linear-gradient(to bottom, var(--desat-blue), var(--desat-blue));
flex-direction: column;
padding-top: 60px;
display: flex;
}
.media---rich-text-block {
letter-spacing: 0;
text-indent: 30px;
text-transform: none;
cursor: default;
max-width: 650px;
margin: 20px 30px 140px;
font-family: Inriaserif, Georgia, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 39px;
}
.media---rich-text-block.content-full {
z-index: 5;
background-color: var(--v-dark-purp);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
color: var(--dodger-blue);
text-align: center;
text-indent: 0;
text-transform: uppercase;
cursor: auto;
width: 100%;
max-width: none;
height: 100%;
margin: 0;
padding-top: 0;
padding-bottom: 0;
font-family: "Gillsans 08", sans-serif;
position: relative;
}
.media---rich-text-block.mix-media {
z-index: 10;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
text-indent: 0;
cursor: auto;
width: 100%;
max-width: none;
height: auto;
margin: 0;
padding: 5% 5% 1px;
position: static;
inset: 0% 0% auto;
}
.media---rich-text-block.mrtb-big {
font-size: 26px;
line-height: 48px;
}
.tog-button {
z-index: 3;
background-color: var(--v-dark-purp);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
opacity: .89;
color: var(--mid-opacity);
border: 1px solid #0000;
border-radius: 5px;
font-size: 12px;
position: fixed;
inset: auto 20px 20px auto;
box-shadow: 0 0 6px #00000026;
}
.tog-button:hover {
border-color: var(--mid-opacity);
opacity: 1;
color: var(--dodger-blue);
}
.tog-button.tb-2 {
text-align: center;
display: none;
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
}
.media-extra-blocks {
z-index: 5;
background-color: var(--v-dark-purp);
width: 100%;
padding-left: 10px;
position: relative;
}
.media-extra-blocks._50 {
background-color: var(--desat-blue);
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
padding-left: 0;
display: flex;
}
.media-extra-blocks.meb-0-opac {
background-color: var(--transparent-purp);
}
.media-extra-b1 {
width: 75%;
max-width: 450px;
max-height: 150px;
margin-top: 10px;
margin-bottom: 30px;
}
.media-extra-collection-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start;
width: 100%;
display: inline-block;
}
.more-block {
z-index: 10;
background-color: var(--black2);
color: var(--dodger-blue);
text-align: center;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: center;
min-height: 50vh;
padding: 100px 40px 60px;
display: none;
position: relative;
overflow: hidden;
}
.more-content-thumb {
outline-color: var(--white);
outline-offset: 0px;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
outline-width: 1.5px;
outline-style: none;
width: 275px;
height: 150px;
position: relative;
overflow: hidden;
box-shadow: 0 2px 12px #0003;
}
.more-content-thumb:hover {
border-color: var(--dodger-blue);
opacity: 1;
}
.more-content-thumb.no-img {
background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dodger-blue));
opacity: 1;
color: var(--white);
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
}
.more-content-thumb.no-img.n-i-v2 {
background-image: linear-gradient(to bottom, var(--white), var(--white)), linear-gradient(to bottom, var(--dodger-blue), var(--dodger-blue));
}
.more-content-thumb.mct-v2 {
aspect-ratio: 16 / 9;
background-repeat: no-repeat;
background-size: 105%;
height: auto;
}
.more-content-thumb.mct-v4 {
aspect-ratio: 16 / 9;
box-shadow: none;
object-fit: cover;
background-repeat: no-repeat;
background-size: 105%;
border-radius: 6px 6px 0 0;
width: 300px;
height: auto;
}
.related-highlight {
opacity: .78;
color: var(--dodger-blue);
text-align: center;
cursor: pointer;
flex-direction: column;
align-items: center;
padding-left: 10px;
padding-right: 10px;
transition: opacity .2s;
display: flex;
}
.related-highlight:hover {
opacity: 1;
}
.text-block-5 {
color: #2cb9ff;
text-align: center;
letter-spacing: 1.5px;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6539dee3ba2ac6aed6a494cf_info.webp");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
padding-left: 4vw;
font-family: "Gillsans 08", sans-serif;
}
.bg-filter {
border-top: .5px solid var(--chroma-4);
background-image: linear-gradient(to bottom, var(--chroma-4), var(--chroma-4));
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
position: absolute;
inset: 0%;
}
.div-block-60 {
z-index: 5;
position: relative;
}
.collection-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
display: flex;
}
.small {
font-size: 12px;
}
.protect-media {
z-index: 2;
height: 100%;
position: absolute;
inset: 0% 0% auto;
}
.narrative-section {
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
text-shadow: 0 0 14px var(--black);
background-image: linear-gradient(#1d1826b0, #1d182600 19%);
background-position: 0 0;
background-size: auto;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
padding: 50px;
display: flex;
overflow: hidden;
}
.narrative-section.ns-v3 {
background-image: linear-gradient(to bottom, var(--darkest-purp), var(--darkest-purp));
text-shadow: none;
padding: 0;
}
.narrative-section.ns-v4 {
grid-column-gap: 100px;
grid-row-gap: 100px;
background-image: linear-gradient(to bottom, var(--darkest-purp), var(--darkest-purp));
padding-left: 100px;
padding-right: 20px;
}
.narrative-section.ns-v6 {
background-image: linear-gradient(to bottom, var(--darkest-purp), var(--darkest-purp));
padding-top: 0;
padding-left: 100px;
padding-right: 20px;
}
.narrative-block {
border-bottom: 1px solid var(--chroma-4);
color: var(--dodger-blue);
cursor: default;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
min-height: 100vh;
padding: 40px 45% 40px 40px;
display: flex;
position: fixed;
inset: 0%;
overflow: hidden;
}
.cover-purple {
background-image: radial-gradient(circle, #0000 69%, #0c0a1061);
display: block;
position: absolute;
inset: 0%;
}
.form-input {
border: .5px solid var(--chroma-4);
background-color: var(--blue-low-transparent);
opacity: .75;
color: var(--mid-opacity);
text-transform: uppercase;
border-radius: 5px;
height: 35px;
margin-bottom: 0;
padding-left: 12px;
font-family: "Gillsans 01", sans-serif;
}
.form-input:hover {
border-color: var(--dodger-blue);
background-color: var(--chroma-4);
opacity: 1;
}
.form-input:focus-visible, .form-input[data-wf-focus-visible] {
opacity: 1;
box-shadow: 1px 1px 20px #00000061;
}
.form-input::placeholder {
color: var(--dodger-blue);
}
.form-input.input-dark {
background-color: var(--v-dark-purp);
}
.body {
color: var(--dodger-blue);
}
.mid-small {
text-align: center;
font-size: 12px;
}
.page-wrapper {
justify-content: center;
max-width: 50%;
height: auto;
}
.form {
grid-column-gap: 35px;
grid-row-gap: 35px;
border: .5px solid var(--chroma-4);
color: var(--dodger-blue);
border-radius: 10px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start;
padding: 20px 20px 20px 30px;
display: grid;
}
.form-footer {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
}
.l-small {
text-align: left;
font-size: 12px;
}
.error-state {
background-color: var(--dodger-blue);
color: var(--black);
border-radius: 10px;
padding: 20px;
}
.text-block-7 {
background-color: var(--black2);
border-radius: 5px;
padding: 10px;
}
.m-paragraph {
text-align: center;
}
.access-page {
justify-content: flex-end;
align-items: center;
max-width: 100%;
}
.div-block-67 {
z-index: 2;
border-style: solid solid none;
border-width: 1px;
border-color: var(--chroma-4);
background-image: linear-gradient(to bottom, var(--chroma-4), var(--chroma-4));
border-radius: 10px 10px 0 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 60%;
min-height: 90%;
padding: 5%;
display: flex;
position: relative;
}
.html-embed-7 {
opacity: .37;
filter: blur(11px);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.korai-logo {
width: 35%;
margin-bottom: 30px;
}
.h2-ujian {
letter-spacing: 1px;
}
.user-account-wrapper {
background-color: #f5f5f500;
min-height: 50vh;
padding-left: 0;
padding-right: 0;
}
.section-15 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6474c35abc38282bb2775bd6_line.svg"), linear-gradient(to bottom, transparent 52%, var(--black)), radial-gradient(circle farthest-corner at 50% 0%, transparent 65%, #1d1826d1 88%), linear-gradient(to bottom, #1d182657, #1d182657), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/647b7ee98d2e511ffac03f06_Mother%20Isles.webp");
background-position: 50% 100%, 0 0, 0 0, 0 0, 0 0;
background-repeat: no-repeat, repeat, repeat, repeat, repeat;
background-size: contain, auto, auto, auto, cover;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
padding: 10% 5%;
display: flex;
overflow: hidden;
}
.image-17 {
width: 50%;
max-width: 50%;
margin-bottom: 2.5%;
}
.enter-box {
border: 1px solid var(--bluish-trans-shadow);
background-color: var(--white-trans);
border-radius: 5px;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 94%;
height: 94vh;
display: flex;
position: relative;
}
.enter-pin-div {
border: 1px none var(--bluish-trans-shadow);
border-radius: 0 0 0 5px;
justify-content: center;
align-items: center;
width: 15%;
min-width: 15%;
min-height: 10%;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.enter-pin-div._2 {
border-style: none;
border-color: var(--bluish-trans-shadow);
color: var(--dodger-blue);
border-top-right-radius: 5px;
border-bottom-left-radius: 0;
width: auto;
min-height: auto;
padding-right: 19px;
font-size: 12px;
inset: 0% auto auto 0%;
}
.link-block-3 {
z-index: 5;
justify-content: center;
align-items: center;
min-width: 70px;
min-height: 70px;
margin-top: 50px;
display: flex;
position: relative;
}
.html-embed-9 {
opacity: .47;
cursor: pointer;
transition: opacity .4s;
}
.html-embed-9:hover {
opacity: 1;
}
.glitter-over {
opacity: .13;
mix-blend-mode: lighten;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/63e17573bc6fdc3325d2f216_ezgif-2-32f14dde74.gif");
background-size: cover;
width: 100%;
height: 100%;
display: none;
position: absolute;
}
._1 {
text-shadow: 0 0 10px var(--chroma-4);
margin-bottom: 5px;
font-size: 4vw;
line-height: 4vw;
}
.heading-4 {
background-image: radial-gradient(circle farthest-side at 50% 50%, var(--black) 15%, #0000 40%);
color: var(--dodger-blue);
text-shadow: 0 0 9px var(--mid-opacity);
cursor: default;
transform-style: preserve-3d;
padding: 20px 20px 20px 16px;
font-family: "Gillsans 08", sans-serif;
font-size: 2vw;
position: absolute;
top: auto;
bottom: 0%;
transform: scale3d(1.5, 1, 1);
}
.txt-holder {
text-align: center;
flex-direction: column;
align-items: center;
margin-bottom: 2.5%;
display: flex;
}
.txt-holder.blue {
color: var(--dodger-blue);
}
.mid-head {
margin-top: 7px;
margin-bottom: 10px;
}
.div-block-73 {
color: #ffffff61;
text-align: center;
flex-direction: column;
align-items: center;
padding-left: 20%;
padding-right: 20%;
display: flex;
}
.div-block-73-copy {
color: var(--dodger-blue);
text-align: left;
flex-direction: column;
align-items: flex-start;
padding-right: 50%;
display: flex;
}
.helpful-block {
outline-color: var(--dark-slate-blue);
outline-offset: 0px;
color: var(--dodger-blue);
text-align: center;
background-image: none;
border-radius: 7px;
outline-width: 1px;
outline-style: solid;
flex-direction: column;
align-items: center;
padding: 40px 20px 30px;
display: flex;
}
.block-holder {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.homepage-selector-item {
border: 1px solid var(--dark-slate-blue);
background-image: linear-gradient(to bottom, #19152000 31%, #191520ed 87%), linear-gradient(to bottom, #1915204d 9%, #0000 74%), radial-gradient(circle farthest-corner at 50% 50%, transparent, #1d18268a), linear-gradient(to bottom, #0000 60%, var(--chroma-4)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65323fe1715331597423eb9c_CHAPTER%201%20-%20NYKIA%20LEAPS%20FROM%20THE%20CLIFF%20EDGE.webp");
background-position: 0 0, 0 0, 0 0, 0 0, 50%;
background-size: auto, auto, auto, auto, cover;
border-radius: 7px;
flex-direction: column;
justify-content: space-between;
width: 100%;
min-height: 375px;
padding: 40px;
transition: all .25s cubic-bezier(.165, .84, .44, 1);
display: flex;
overflow: hidden;
}
.homepage-selector-item:hover {
border-color: var(--dodger-blue);
filter: contrast(111%);
outline-color: var(--dodger-blue);
transform: translate(0, -5px);
}
.homepage-selector-item.bb {
background-image: linear-gradient(to bottom, #19152000 31%, #191520ed 87%), linear-gradient(to bottom, #1915204d 9%, #0000 74%), radial-gradient(circle farthest-corner at 50% 50%, transparent, #1d18268a), linear-gradient(to bottom, #0000 60%, var(--chroma-4)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6470d80682dcfe54bab5da1a_DALL%20-%20a%20dinner%20party%20in%20an%20orange%20dining%20room%2C%20concept%20art%2C%20volumetric%20lighting.webp");
}
.homepage-selector-item.bc {
background-image: linear-gradient(to bottom, #19152000 31%, #191520ed 87%), linear-gradient(to bottom, #1915204d 9%, #0000 74%), radial-gradient(circle farthest-corner at 50% 50%, transparent, #1d18268a), linear-gradient(to bottom, #0000 60%, var(--chroma-4)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6470d7cc2ad053ba65fca021_DALL%C2%B7E%202022-11-10%2012.03.56%20-%20Concept%20art%20of%20bar%20rooftop%2C%20purple%20light%2C%20volumetric%20lighting.webp");
}
.homepage-selector-item.bd {
background-image: linear-gradient(to bottom, #19152000 31%, #191520ed 87%), linear-gradient(to bottom, #1915204d 9%, #0000 74%), radial-gradient(circle farthest-corner at 50% 50%, transparent, #1d18268a), linear-gradient(to bottom, #0000 60%, var(--chroma-4)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6470d7cdd221531d22fee0df_aquaclub.webp");
background-position: 0 0, 0 0, 0 0, 0 0, 50%;
}
.homepage-selector-item.be {
background-image: linear-gradient(to bottom, #19152000 31%, #191520ed 87%), linear-gradient(to bottom, #1915204d 9%, #0000 74%), radial-gradient(circle farthest-corner at 50% 50%, transparent, #1d18268a), linear-gradient(to bottom, #0000 60%, var(--chroma-4)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6470d805a61024d9b355a779_DALL%20-%20Concept%20art%20of%20crowded%20bar%20rooftop%2C%20purple%20light%2C%20volumetric%20lighting.webp");
}
.holder-text-selector {
text-align: center;
flex-direction: column;
align-items: flex-start;
margin-bottom: 2.5%;
display: flex;
}
.holder-text-selector.left-lean-hide-m {
text-align: left;
}
.main-txt-holder {
color: var(--dodger-blue);
text-align: center;
margin: 2.5% 2.5% 20px;
}
.main-txt-holder.l-aliign {
text-align: left;
margin-left: 0%;
margin-right: 0%;
}
.subtext-copy {
color: var(--dodger-blue);
text-shadow: 1px 1px 6px #1d1826ad;
font-size: 12px;
line-height: 24px;
}
.div-block-80 {
flex-direction: column;
align-items: center;
padding: 2px;
display: flex;
}
.select-home-logo {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/647635365dbfa936550a91ee_Asset%2013.svg");
background-position: 0 0;
background-size: auto;
}
.select-home-logo.drkr {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/647635365dbfa936550a91ee_Asset%2013.svg"), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/647635365dbfa936550a91ee_Asset%2013.svg");
background-position: 0 0, 0 0;
background-size: auto, auto;
}
.paragraph-3 {
color: #d4bdcca3;
text-shadow: 0 0 6px #54a7b28f;
mix-blend-mode: color-dodge;
width: 60%;
font-family: "Gillsans 08", sans-serif;
}
.grid-10 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
margin-top: 40px;
display: flex;
}
.bold-inner-txt {
font-family: "Gillsans 08", sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 20px;
}
.div-block-81 {
display: none;
}
.video-sect {
background-color: var(--v-dark-purp);
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 60vw;
padding-top: 5%;
padding-left: 2.5%;
padding-right: 2.5%;
display: flex;
position: relative;
}
.div-block-82 {
border-style: solid solid none;
border-width: 1px;
border-color: var(--chroma-4);
border-radius: 9px 9px 0 0;
height: 25vh;
}
.div-block-82.b1 {
border-top-style: none;
border-bottom-style: solid;
border-radius: 0 0 9px 9px;
position: absolute;
inset: auto 5% 0%;
}
.div-block-82.b2 {
border-right-style: none;
border-top-right-radius: 0;
width: 30%;
}
.div-block-82.b2.r {
border-left-style: none;
border-right-style: solid;
border-top-left-radius: 0;
border-top-right-radius: 9px;
}
.div-block-83 {
justify-content: space-between;
display: flex;
position: absolute;
inset: 10% 5% auto;
}
.div-block-84 {
z-index: 4;
color: var(--dodger-blue);
text-align: center;
width: 40%;
height: 50%;
margin-top: -3%;
position: relative;
}
.div-block-85 {
justify-content: space-between;
width: 96vw;
display: flex;
}
.bg-holder {
z-index: 3;
background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--v-dark-purp) 25%, #1d182600 70%);
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 7.5%;
min-width: 100px;
padding: 2px;
display: flex;
position: relative;
}
.video-holder {
z-index: 2;
border: 1px solid var(--chroma-4);
box-shadow: 0 2px 5px 0 var(--chroma-4);
border-radius: 7px;
justify-content: center;
align-items: center;
width: 88%;
margin-top: 1%;
margin-bottom: 1%;
display: flex;
position: absolute;
overflow: hidden;
}
.video-holder.vh-nonpin {
position: static;
}
.text-block-5-copy {
color: var(--white);
text-align: center;
letter-spacing: 1.5px;
-webkit-text-stroke-width: .2px;
-webkit-text-stroke-color: #3c2e51;
text-shadow: 0 0 11px var(--black2);
justify-content: center;
align-items: center;
width: 75%;
height: 100%;
font-family: "Gillsans 05", sans-serif;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.paragraph-4 {
color: #2c99ff;
}
.uf-game-bg {
background-image: radial-gradient(circle at 100% 0, #0000, #0c0a10 70%), linear-gradient(#1d182685, #1d182685), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65360faed209e6036430b0ad_lll-min.webp");
background-position: 0 0, 0 0, 50% 80%;
background-size: auto, auto, cover;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
max-height: 100vh;
padding: 20px;
display: flex;
position: relative;
}
.uf-game-bg.gb2 {
background-image: linear-gradient(#0c0a10, #0c0a10), radial-gradient(circle at 100% 0, #0000, #0c0a10 70%), linear-gradient(#1d182685, #1d182685), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65360faed209e6036430b0ad_lll-min.webp");
background-position: 0 0, 0 0, 0 0, 50% 80%;
background-size: auto, auto, auto, cover;
}
.uf-game-bg.gb3 {
background-image: linear-gradient(#191520b3, #191520b3), radial-gradient(circle at 100% 0, #0000, #0c0a10 70%), linear-gradient(#1d182685, #1d182685), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65360faed209e6036430b0ad_lll-min.webp");
background-position: 0 0, 0 0, 0 0, 50% 80%;
background-size: auto, auto, auto, cover;
}
.inputs {
color: #b97d34;
min-width: 30px;
min-height: 16px;
margin-bottom: -10px;
}
.auto-play-audio {
opacity: .78;
margin-bottom: -6px;
margin-left: -4px;
}
.musiv-html-holder {
background-color: var(--black);
outline-color: var(--chroma-4);
outline-offset: 0px;
border-radius: 7px;
outline-width: .5px;
outline-style: solid;
max-width: 45px;
position: relative;
overflow: hidden;
}
.music-controls {
z-index: 10;
grid-column-gap: 10px;
grid-row-gap: 10px;
opacity: .63;
color: var(--dodger-blue);
align-items: center;
font-size: 12px;
line-height: 14px;
display: flex;
position: static;
inset: 75px auto auto 10px;
}
.music-controls:hover {
opacity: 1;
}
.audio-hover-beep {
display: none;
}
.game-page-section {
background-color: var(--v-dark-purp);
justify-content: center;
align-items: center;
height: 100vh;
padding-top: 60px;
display: flex;
position: relative;
}
.game-holder {
border-radius: 7px;
width: 94%;
height: 70vh;
min-height: 500px;
overflow: hidden;
box-shadow: 0 0 20px 13px #00000024;
}
.title-game-pin {
z-index: 10;
grid-column-gap: 10px;
grid-row-gap: 10px;
opacity: .63;
color: var(--dodger-blue);
text-align: right;
align-items: center;
max-width: 75%;
height: 55px;
padding: 5px 10px 5px 5px;
font-size: 10px;
line-height: 14px;
display: flex;
position: fixed;
inset: 65px 10px auto auto;
}
.games-nav-header {
z-index: 9;
background-image: linear-gradient(#2c99ff0f 12%, #1d182600 94%);
align-items: flex-start;
height: 120px;
padding: 10px 195px 0 100px;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.uf-game-intro-logo {
z-index: 0;
mix-blend-mode: screen;
margin-bottom: -10%;
}
.uf-game-intro-logo._0-00 {
width: 65%;
}
.game-txt-start-holder {
border: 1px solid #b97d3459;
border-radius: 7px;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding-left: 10%;
padding-right: 50%;
display: flex;
position: relative;
}
.game-txt-start-holder._0-0 {
width: 100%;
padding-right: 10%;
}
.uf-copy {
z-index: 1;
color: #b97d3459;
font-size: 13px;
font-style: italic;
position: absolute;
inset: auto 40px 40px auto;
}
.game-txt-holder {
grid-column-gap: 20px;
grid-row-gap: 20px;
border: 1px none var(--orange-burn);
color: var(--dodger-blue);
text-align: center;
border-radius: 7px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 5%;
display: flex;
}
.game-txt-holder.gth-l {
text-align: left;
align-items: flex-start;
}
.game-txt-holder.final-holder {
z-index: 10;
border-style: solid;
border-color: var(--chroma-4);
box-shadow: 0 0 20px -4px var(--orange-burn);
text-align: center;
border-radius: 7px;
align-items: center;
width: 60%;
height: 80%;
margin-bottom: 40px;
margin-left: 5%;
padding: 3%;
position: absolute;
inset: auto auto 0% 0%;
}
.gif-overlay {
opacity: .54;
filter: hue-rotate(133deg);
mix-blend-mode: color-dodge;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6366972b43f458a735b76d1c_giphy-1529657374.gif");
background-position: 50% 100%;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
}
.uf-game-body {
background-color: var(--v-dark-purp);
padding-bottom: 0;
overflow: hidden;
}
.game-holder-border {
border: 1px solid #b97d3459;
border-radius: 7px;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 5%;
padding-right: 5%;
display: flex;
position: relative;
}
.game-holder-border.ghb-22 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 2fr 1.5fr;
grid-auto-columns: 1fr;
padding-left: 0%;
padding-right: 0%;
display: grid;
}
.game-holder-border.ghb-1 {
padding-left: 0%;
padding-right: 0%;
}
.game-holder-border.ghb-3 {
justify-content: flex-end;
padding-left: 0%;
padding-right: 0%;
overflow: hidden;
}
.game-holder-border.ghb-4 {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: var(--dodger-blue);
text-align: right;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/653614625190e82a7e3bb005_INFORMATION%20BOX.webp");
background-position: 10%;
background-repeat: no-repeat;
background-size: contain;
flex-direction: column;
align-items: flex-end;
padding-right: 10%;
}
.game-dropdown-toggle {
z-index: 10;
color: #b97d34;
text-shadow: none;
width: 100%;
padding: 5px 3px 5px 5px;
font-size: 25px;
}
.game-dropdown-toggle:hover {
text-shadow: 0 0 18px var(--slate-blue-2);
}
.game-dropdown-toggle.w--open {
color: #b97d34;
text-shadow: 0 0 18px var(--slate-blue-2);
}
.game-menu {
z-index: 50;
border: .5px solid var(--orange-burn);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: var(--orange-burn);
cursor: pointer;
background-color: #0000;
border-radius: 5px;
padding: 5px;
transition: all .2s;
position: fixed;
inset: 100px auto auto 30px;
}
.game-menu:hover {
color: var(--dodger-blue);
text-shadow: 1px 1px 15px var(--dodger-blue);
border-color: #0000;
}
.game-menu.w--open {
z-index: 10;
color: var(--dodger-blue);
text-shadow: 1px 1px 15px var(--slate-blue);
background-color: #0000;
}
.game-dropdown {
margin-top: -1px;
}
.game-dropdown.w--open {
border: .5px solid var(--orange-burn);
text-shadow: 1px 1px 15px var(--orange-burn);
background-color: #0c0a10;
border-radius: 4px;
margin-top: -41px;
margin-left: -6px;
padding: 70px 16px 10px;
}
.uf-game-logo {
z-index: 10;
border-style: none none solid solid;
border-width: 1px;
border-color: var(--orange-burn);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6535fb5c2f4db3fb4c9837ec_shooting%20stars%20logo.png");
background-position: 50% -50%;
background-repeat: no-repeat;
background-size: 85%;
border-bottom-left-radius: 7px;
width: 125px;
height: 57px;
position: fixed;
inset: 0% 0% auto auto;
}
.auto-play-audio-hidden {
opacity: 0;
display: none;
}
.info-box-illus {
max-width: none;
max-height: 85%;
}
.orange {
color: #b97d34;
}
.identifier {
z-index: 10;
grid-column-gap: 10px;
grid-row-gap: 10px;
border-style: none solid solid;
border-width: 1px;
border-color: var(--orange-burn);
color: var(--orange-burn);
border-radius: 0 0 7px 7px;
justify-content: center;
align-items: center;
height: 50px;
max-height: 50px;
margin-top: 20px;
padding-top: 10px;
display: flex;
position: fixed;
inset: 0% 20% auto;
overflow: hidden;
}
.ujian-fortunes-selctor {
border-right: 1px solid var(--orange-burn);
opacity: .69;
cursor: zoom-in;
mix-blend-mode: difference;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6535ef741f1473aa501b7257_WHITESCALE.webp");
background-position: 50%;
background-size: cover;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
}
.ujian-fortunes-selctor:hover {
opacity: 1;
}
.ujian-fortunes-selctor.ufs-b {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6535ef753268205b9f232b1c_REDSCALE.webp");
}
.ujian-fortunes-selctor.ufs-c {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6535ef742845a4410a6cb32e_BLACKSCALE.webp");
}
.ujian-fortune-title {
background-image: linear-gradient(to bottom, #19152000, #191520db 57%, var(--black2) 93%);
width: 100%;
margin-top: 0;
margin-bottom: 0;
padding: 10%;
}
.about-scales {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--v-dark-purp);
border-radius: 7px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.about-block-topper {
background-color: var(--v-dark-purp);
padding: 40px 25% 30px 100px;
}
.scales-shown {
opacity: .39;
mix-blend-mode: screen;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6535ef741f1473aa501b7257_WHITESCALE.webp");
background-position: 50%;
background-size: cover;
height: 100vh;
position: relative;
}
.scales-shown:hover {
opacity: 1;
}
.scales-shown.ss-b {
border: 2px solid var(--dodger-blue);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6535ef753268205b9f232b1c_REDSCALE.webp");
}
.scales-shown.ss-c {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6535ef742845a4410a6cb32e_BLACKSCALE.webp");
}
.shaders {
background-image: linear-gradient(180deg, var(--v-dark-purp), #1d182600);
height: 10%;
position: absolute;
inset: 0% 0% auto;
}
.shaders.shader-bot {
inset: auto 0% 0%;
transform: rotate(180deg);
}
.uf-map-holder {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65365597e8a8e51b5ebd2ff3_UJI-MAP-SECTIONED-min.webp");
background-position: 0 100%;
background-repeat: no-repeat;
background-size: contain;
border-right: 1px solid #b97d3459;
height: 100%;
position: relative;
}
.uf-choice-holder {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 200px;
display: grid;
}
.uf-choice-holder.uf-c-h-2 {
height: 150px;
}
.button-choice {
grid-column-gap: 10px;
grid-row-gap: 10px;
box-shadow: 0 0 12px 0 var(--orange-burn);
opacity: .5;
color: #b97d34;
border: 1px solid #b97d34;
border-radius: 7px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 5%;
display: flex;
}
.button-choice:hover {
opacity: 1;
}
.image-26 {
max-height: 90px;
}
.tabulating-holder {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid var(--orange-burn);
color: #b97d34;
text-align: center;
border-radius: 7px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 80%;
padding: 5%;
display: grid;
}
.tabulating-holder.th-2 {
border-style: none;
place-content: center;
place-items: center;
width: 100%;
height: 80%;
padding: 0% 20px;
}
.tabulating-holder.th-2.no-hide {
flex-direction: column;
display: flex;
}
.query {
color: var(--dodger-blue);
min-width: 30px;
min-height: 16px;
margin-bottom: -10px;
font-family: "Gillsans 03", sans-serif;
}
.div-block-105 {
grid-column-gap: 5px;
grid-row-gap: 0px;
text-shadow: 0 0 15px var(--mid-opacity);
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.h5-no-pad {
margin-top: 0;
margin-bottom: 0;
}
.disclainer {
font-size: 8px;
line-height: 12px;
}
.uf-collection-item {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
align-items: center;
display: flex;
}
.uf-popup {
z-index: 20;
grid-column-gap: 10px;
grid-row-gap: 10px;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
outline-color: var(--dodger-blue);
outline-offset: 0px;
color: var(--dodger-blue);
text-align: center;
background-color: #191520ad;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/653614625190e82a7e3bb005_INFORMATION%20BOX.webp");
background-position: 2%;
background-repeat: no-repeat;
background-size: auto 75%;
border-radius: 7px;
outline-width: 1px;
outline-style: solid;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 3% 3% 3% 10%;
display: grid;
position: absolute;
inset: 10% 5% auto auto;
}
.h5-nx-pino-pad-copy {
border-style: none none solid solid;
border-width: 1px;
border-color: var(--dodger-blue);
border-top-right-radius: 7px;
border-bottom-left-radius: 7px;
margin-top: 0;
margin-bottom: 0;
padding: 15px;
position: absolute;
inset: 0% 0% auto auto;
}
.h5-nx-pino-pad-copy:hover {
background-color: var(--chroma-4);
}
.pinned-h5 {
z-index: 10;
color: var(--orange-burn);
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
position: absolute;
inset: 0% 0% auto auto;
}
.pinned-h5:hover {
color: #b97d34;
}
.pinned-h5.whiite {
color: var(--white);
}
.pinned-h5.reveal-mobile {
display: none;
}
.div-block-106 {
border-right: 1px solid var(--orange-burn);
color: var(--dodger-blue);
background-image: linear-gradient(#0000004d, #0e0c11f2 86%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/653731e07467993e7b5857b7_927863.webp");
background-position: 0 0, 50% 100%;
background-size: auto, cover;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 50%;
height: 100%;
padding: 5%;
display: flex;
position: relative;
}
.calc-txt-start-holder {
border: 1px solid var(--dodger-blue);
border-radius: 7px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 10%;
padding-right: 10%;
display: flex;
position: relative;
}
.calc-txt-start-holder.ctsh-2 {
background-color: #29456e80;
padding-right: 10%;
}
.calc-gif-overlay {
opacity: .66;
filter: hue-rotate(305deg);
mix-blend-mode: color-burn;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/63e17573bc6fdc3325d2f216_ezgif-2-32f14dde74.gif");
background-position: 0 0;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
}
.calc-copy {
z-index: 1;
color: var(--chroma-4);
font-size: 13px;
font-style: italic;
position: absolute;
inset: auto 40px 40px auto;
}
.calc-game-bg {
background-image: linear-gradient(to bottom, #1f2b3ce6, #1f2b3ce6), linear-gradient(to bottom, var(--chroma-4), var(--chroma-4)), radial-gradient(circle farthest-corner at 100% 0%, #0000, #3facbb 70%);
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
max-height: 100vh;
padding: 20px;
display: flex;
position: relative;
}
.calc-game-logo {
z-index: 10;
border-style: none none solid solid;
border-width: 1px;
border-color: var(--chroma-4);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65374450c63606b9fe8b8cd0_how%20old%20logo.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 80%;
border-bottom-left-radius: 7px;
width: 100px;
height: 100px;
position: fixed;
inset: 0% 0% auto auto;
}
.html-embed-12 {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
}
.calc-game-body {
background-color: var(--dodger-blue);
overflow: hidden;
}
.calc-game-intro-logo {
z-index: 0;
mix-blend-mode: normal;
max-width: none;
max-height: 70%;
margin-bottom: 20px;
}
.games-intro-sect {
border-bottom: 1px solid var(--chroma-4);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/653750cae037d67147f4ee6d_banner.webp");
background-position: 50% 0;
background-size: cover;
min-height: 65vh;
position: relative;
}
.game-selector-item {
border: 1px solid var(--dark-slate-blue);
background-image: linear-gradient(to bottom, #19152000 31%, #191520ed), linear-gradient(to bottom, #1915204d 9%, #0000 74%), radial-gradient(circle farthest-corner at 50% 50%, transparent, #1d18268a), linear-gradient(to bottom, #0000 60%, var(--chroma-4)), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0, 0 0, 0 0, 0 0, 50%;
background-size: auto, auto, auto, auto, cover;
border-radius: 7px;
flex-direction: column;
justify-content: space-between;
min-height: 375px;
padding: 40px 40px 20px;
transition: none;
display: flex;
overflow: hidden;
}
.game-selector-item:hover {
border-color: var(--dodger-blue);
filter: contrast(111%);
outline-color: var(--dodger-blue);
text-shadow: none;
}
.games-sect-txt-holder {
color: var(--white);
text-align: right;
flex-direction: column;
align-items: flex-end;
padding: 25px;
display: flex;
position: absolute;
inset: auto 0% 0% auto;
}
.random-qaurtz-counter {
color: var(--white);
}
.qaurtz-holder {
color: var(--white);
display: flex;
}
.bbhg {
font-size: 35px;
line-height: 35px;
}
.calc0auto-play-audio {
opacity: 0;
margin-bottom: -1px;
}
.new-nav-header {
z-index: 1001;
grid-column-gap: 10px;
border-top: 2px none var(--dodger-blue);
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #0000;
background-image: none;
justify-content: flex-end;
align-items: flex-start;
height: 70px;
padding: 10px 0 10px 100px;
transition: all .825s;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.tabs-menu {
grid-column-gap: 10px;
background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dodger-blue)), linear-gradient(to bottom, var(--black-low-transp), var(--black-low-transp)), linear-gradient(to bottom, var(--v-dark-purp), var(--v-dark-purp));
box-shadow: 0 0 11px 0 var(--black-low-transp);
border-top-left-radius: 7px;
border-top-right-radius: 7px;
flex-direction: row;
align-items: flex-start;
height: 50px;
margin-top: -50px;
margin-left: 5%;
margin-right: 5%;
display: flex;
}
.tabs-content {
height: 0;
max-height: 0;
margin-top: -100vh;
margin-bottom: 100vh;
padding-top: 50px;
position: absolute;
overflow: visible;
}
.all-nav-tab {
opacity: .62;
filter: none;
cursor: pointer;
background-color: #fff0;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/653ca9fe11e1dd3cc270889a_library.webp");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: auto 80%;
width: 100%;
height: 35px;
min-height: 35px;
margin-top: 4px;
}
.all-nav-tab:hover {
opacity: 1;
}
.all-nav-tab.w--current {
background-color: var(--transparent-purp);
opacity: 1;
filter: none;
}
.all-nav-tab.ant3 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/654132310c8495e60335fd4f_travel_explore.png");
margin-top: 2px;
}
.all-nav-tab.ant3.w--current {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/654132310c8495e60335fd4f_travel_explore.png");
background-position: 50% 100%;
background-size: auto 80%;
}
.all-nav-tab.ant4 {
background-image: none;
margin-top: 3px;
}
.hide-tab {
height: 60px;
overflow: visible;
}
.search-icon-links {
border: 1px solid var(--chroma-4);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6538af5fa52fc349229b0562_line%20search.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 50%;
border-radius: 5px;
width: 35px;
min-width: 35px;
height: 35px;
min-height: 35px;
display: none;
}
.nav-search {
z-index: 10;
cursor: text;
border-radius: 10px;
width: 40px;
margin-bottom: 0;
transition: all .2s;
display: none;
position: relative;
}
.nav-search:hover, .nav-search:focus {
width: 22.5%;
}
.nav-search-input {
border: 1px solid var(--chroma-4);
opacity: .75;
color: var(--mid-opacity);
text-transform: uppercase;
background-color: #2c99ff00;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6538af5fa52fc349229b0562_line%20search.webp");
background-position: 15px;
background-repeat: no-repeat;
background-size: auto 40%;
border-radius: 5px;
height: 60px;
margin-bottom: 0;
padding: 8px 20px 8px 60px;
transition: all .175s;
}
.nav-search-input:hover {
border-color: var(--dodger-blue);
opacity: 1;
background-color: #2c99ff17;
padding-right: 12px;
}
.nav-search-input:focus-visible, .nav-search-input[data-wf-focus-visible] {
border-color: var(--dodger-blue-bright);
opacity: 1;
}
.nav-search-input::placeholder {
color: var(--chroma-4);
}
.nav-search-input.nsi-small {
border-color: var(--dodger-bright-mid-opac);
background-color: var(--transparent-purp);
opacity: .52;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6538af5fa52fc349229b0562_line%20search.webp"), linear-gradient(#0f39594a, #0f39594a);
background-position: 12.5px, 0 0;
background-repeat: no-repeat, repeat;
background-size: auto 40%, auto;
width: 400px;
height: 40px;
padding-left: 40px;
}
.nav-search-input.nsi-small:hover {
border-color: var(--dodger-blue-bright);
opacity: 1;
}
.nav-search-input.nsi-small::placeholder {
color: var(--dodger-blue-bright);
letter-spacing: 2px;
}
.tab-menu-main {
z-index: 999;
flex-direction: column;
justify-content: space-between;
height: 50px;
position: fixed;
inset: auto 0% 0%;
}
.view-tab {
background-color: var(--v-dark-purp);
background-image: none;
height: 100vh;
padding-bottom: 65px;
}
.nav-bollboard-mob {
color: var(--white);
cursor: pointer;
border-radius: 5px;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding: 0;
font-size: 12px;
display: flex;
}
.nav-bollboard-mob:hover {
border-color: var(--white);
text-shadow: 1px 1px 18px var(--mid-opacity);
}
.mob--nav-billboard {
background-color: var(--blue-low-transparent);
filter: none;
outline-color: var(--mid-opacity);
outline-offset: 0px;
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6538af5f7013bf35ab04c6bd_line%20menu.webp");
background-position: 60px;
background-repeat: no-repeat;
background-size: auto 12.5px;
border-radius: 5px;
outline-width: 1px;
outline-style: solid;
align-items: flex-start;
width: 100%;
max-width: 90px;
height: 40px;
margin-left: 0;
margin-right: 0;
display: flex;
}
.mob--nav-billboard:hover {
background-color: var(--white);
filter: none;
outline-color: var(--mid-opacity);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
}
.mob-nav-txt {
color: var(--dodger-blue);
text-align: center;
letter-spacing: 1.5px;
margin-left: 10px;
font-size: 14px;
}
.home-brand-link {
z-index: 10;
transition: all .2s;
display: none;
position: absolute;
left: 20px;
right: auto;
}
.home-brand-link:hover {
opacity: 1;
}
.mob-nav-droplist {
inset: 0% 0% auto;
}
.mob-nav-droplist.w--open {
border: .5px solid var(--chroma-4);
background-color: var(--black2);
box-shadow: 0 0 20px 0 var(--v-dark-purp);
border-radius: 5px;
width: 45vw;
max-height: 550px;
inset: 0% 0% auto auto;
overflow: scroll;
}
.heading-5 {
font-size: 34px;
line-height: 40px;
}
.thumb-tab {
background-color: var(--v-dark-purp);
outline-color: var(--chroma-4);
outline-offset: 0px;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65374eb12b39e3088ddfab94_How%20old%20are%20you%20on%20Uji.webp");
background-position: 50%;
background-size: cover;
border-radius: 7px;
outline-width: 1px;
outline-style: none;
justify-content: center;
align-items: center;
width: 150px;
min-width: 150px;
height: 75px;
min-height: 75px;
padding: 0;
overflow: hidden;
}
.thumb-tab:hover {
outline-color: var(--chroma-4);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.thumb-tab.w--current {
outline-color: var(--dodger-blue);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.tabs-menu-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: flex-start;
margin-top: 20px;
padding: 1px 20px 20px 1px;
display: flex;
overflow: scroll;
}
.tabs-content-2 {
background-color: var(--v-dark-purp);
border-radius: 7px;
height: 50vh;
min-height: 300px;
}
.tab {
width: 100%;
height: 100%;
}
.tabs-3 {
height: 115vh;
}
.tabs-menu-3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-bottom: 10vh;
padding-left: 20px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.main-tab-thumb {
background-color: var(--v-dark-purp);
color: var(--dodger-blue);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65374eb12b39e3088ddfab94_How%20old%20are%20you%20on%20Uji.webp");
background-position: 50%;
background-size: cover;
border-radius: 7px;
width: 25vh;
height: 30vh;
}
.main-tab-thumb:hover {
outline-color: var(--chroma-4);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.main-tab-thumb.w--current {
outline-color: var(--dodger-blue);
outline-offset: 0px;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65398fc2e0025be409a90f61_NYKIA%20LEAPS%20FROM%20THE%20CLIFF%20EDGE-min.webp");
background-position: 0%;
outline-width: 1px;
outline-style: solid;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
padding: 0;
display: flex;
}
.main-tab-pane {
background-image: linear-gradient(to bottom, #2c086e12 47%, var(--black2) 79%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65398fc2e0025be409a90f61_NYKIA%20LEAPS%20FROM%20THE%20CLIFF%20EDGE-min.webp");
background-position: 0 0, 0%;
background-size: auto, cover;
height: 115vh;
padding: 10% 40px 25%;
}
.div-block-116 {
padding: 10px;
}
.div-block-117 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
height: 100%;
padding: 20px;
display: flex;
}
.top-scroller-inner {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-image: linear-gradient(to bottom, #2c086e1c 42%, #0f0a18eb 88%, var(--v-dark-purp)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6475f393ea79ca855f02d7a5_uji%20v2-min.webp");
color: var(--dodger-blue);
text-align: right;
background-position: 0 0, 50%;
background-size: auto, cover;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
width: 75vw;
height: 100%;
padding: 20px 20px 20px 55vw;
display: flex;
position: relative;
}
.top-scroller-inner.tsi-3 {
background-image: linear-gradient(to bottom, #2c086e1c 42%, #0f0a18eb 88%, var(--v-dark-purp)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65525ea6cc5417494505cbb8_Generative%20Fill%2022.jpg");
}
.top-scroller-inner.tsi-4 {
background-image: linear-gradient(to bottom, #2c086e1c 42%, #0f0a18eb 88%, var(--v-dark-purp)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6540312097fb95f407f8fd20_CHAPTER-1-NYKIA-LEAPS-min.webp");
background-position: 0 0, 100%;
}
.top-scroller-inner.tsi-10 {
background-image: linear-gradient(to bottom, #2c086e1c 42%, #0f0a18eb 88%, var(--v-dark-purp)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65526231d95a8f24979a9c26_Untitled.png");
}
.info-blip {
z-index: 2;
opacity: .6;
width: 20px;
height: 20px;
}
.top-scroller-item {
border-radius: 7px;
flex-direction: column;
align-items: center;
min-width: 32vw;
max-width: 32vw;
height: 75vh;
transition: all .475s;
display: flex;
position: relative;
overflow: hidden;
}
.top-scroller-item:hover {
outline-color: var(--dodger-blue);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
min-width: 75vw;
max-width: 75vw;
}
.top-scroller-logo {
z-index: 1;
filter: none;
width: 28vw;
padding: 10px;
position: absolute;
inset: auto auto 75px 2vw;
}
.top-scroller-logo.tsl-pad {
padding: 0 45px;
}
.top-smll-tx {
font-size: 14px;
}
.scroller-tag-holder {
align-items: center;
margin-right: -10px;
padding-bottom: 15px;
display: flex;
position: absolute;
inset: 20px 20px auto auto;
}
.tooltip-kitsch {
z-index: 1;
opacity: .41;
color: var(--dodger-blue);
font-size: 10px;
font-style: italic;
line-height: 10px;
}
.slide-nav-3 {
display: none;
}
.net-slider {
width: 32vw;
height: 75vh;
margin: 10px 0 10px 10px;
transition: all .45s;
}
.net-slider:hover {
width: 75vw;
}
.net-slider.mid:hover {
margin-left: -25vw;
}
.net-slider.end:hover {
margin-left: -45vw;
}
.top-cover {
z-index: 10;
height: 40vh;
position: absolute;
inset: 0% 0% auto;
}
.right-arrow-2 {
z-index: 11;
background-image: linear-gradient(95deg, var(--transparent-purp) 45%, var(--black)), linear-gradient(259deg, var(--dark-blue), var(--transparent-purp) 38%);
opacity: 1;
color: var(--dodger-blue);
width: 5%;
}
.right-arrow-2:hover {
opacity: 1;
}
.right-arrow-2.lefter {
background-image: linear-gradient(78deg, var(--black), var(--transparent-purp) 55%), linear-gradient(98deg, var(--dark-blue), var(--transparent-purp) 38%);
}
.div-block-114-copy {
padding-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.top-selector {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
min-height: 20vh;
margin-top: 5%;
margin-bottom: 20px;
display: grid;
}
.top-selector-item {
background-color: var(--black2);
opacity: .7;
outline-offset: 0px;
color: var(--dodger-blue);
cursor: pointer;
border-radius: 7px;
outline: 1px solid #2c99ff00;
flex-direction: column;
justify-content: center;
align-items: center;
transition: all .2s;
display: flex;
position: relative;
}
.top-selector-item:hover {
opacity: 1;
outline-color: var(--chroma-4);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
padding-bottom: 20px;
}
.top-selector-img {
max-width: none;
max-height: 60px;
}
.top-selector-txt {
opacity: 0;
justify-content: center;
align-items: flex-end;
padding: 10px;
transition: all .2s;
display: flex;
position: absolute;
inset: 0%;
}
.top-selector-txt:hover {
opacity: 1;
text-shadow: none;
}
.intro-head {
white-space: normal;
justify-content: center;
font-size: 16px;
display: flex;
}
.intro-head.ih-2b {
color: var(--white);
margin-bottom: 10px;
font-family: "Gillsans 05", sans-serif;
font-size: 19px;
line-height: 26px;
}
.intro-head.ih-2b.ih2-bluees {
color: var(--dodger-blue-bright);
text-shadow: 0 1px 9px #1d18263d;
}
.intro-head.ih-2b.ih2-bluees.ih2-hider_pad, .intro-head.ih-2b.ih2-bluees.ih2-nopad {
margin-bottom: 0;
}
.intro-head.ih-2b.ih2-bluees.ih2-alt {
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.intro-head.ih-2b.ih-2-smaller {
color: var(--dodger-blue);
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.intro-head.ih-2b.ih-2-smaller.ih-2-opac {
opacity: .45;
}
.intro-head.ih-2b.ih2-alt2 {
text-align: left;
font-size: 18px;
line-height: 22px;
}
.intro-head.ih-2b.ih-2-mid {
color: var(--dodger-blue);
text-shadow: 0 0 9px var(--chroma-4);
}
.intro-head.ih-2b.ih-star {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65590b5b29749b9f0a11507a_WHITE-STAR.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 22px;
padding-left: 30px;
}
.intro-head.ih-2b.jdiosds {
color: var(--dodger-blue-bright);
text-shadow: 0 1px 9px #1d18263d;
margin-top: 90px;
margin-bottom: -50px;
}
.intro-head.ih-2b.jdiosds.ih2-hider_pad, .intro-head.ih-2b.jdiosds.ih2-nopad {
margin-bottom: 0;
}
.intro-head.ih-2b.jdiosds.ih2-alt, .intro-head.ih-2b.ih-2-smallest {
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.intro-head.ih-2b.ih-2-smallest.ih-2-opac {
opacity: .45;
}
.intro-head.ih-2b.dark-blue-tx {
color: var(--dark-slate-blue);
}
.intro-head.ih-33 {
color: var(--dodger-bright-mid-opac);
text-align: left;
font-family: "Gillsans 01", sans-serif;
font-size: 17px;
line-height: 16px;
}
.intro-head.ih-33.ih3-white {
color: var(--white);
}
.intro-head.ih-33.ih3-white.ih3-white-glow {
color: var(--dodger-blue);
text-align: left;
text-shadow: none;
}
.intro-head.ih-33.ih3-white.italic {
font-style: italic;
}
.intro-head.ih-33.ih3-m {
text-align: center;
}
.intro-head.ih-33.ih3-mid {
color: var(--dodger-bright-mid-opac);
text-align: center;
}
.intro-head.ih-33.ih3-blue {
opacity: .63;
color: var(--dodger-blue-bright);
text-align: center;
}
.intro-head.ih-33.ih3-m-mob {
color: var(--white);
}
.intro-head.ih-33.ih3-subb {
color: var(--white);
text-align: center;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.intro-head.ih-33.ih3-sub {
color: var(--chroma-4);
text-align: right;
text-shadow: 0 1px 7px #00000073;
}
.intro-head.ih-33.ih3-bluez {
color: var(--dodger-blue);
}
.intro-head.ih-33.ih3-bluez.ih-mid {
text-align: center;
}
.intro-head.ih-33.ih3-sub {
color: var(--chroma-4);
text-align: center;
text-align: right;
text-shadow: 0 1px 7px #00000073;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.intro-head.ih-33.ih3-cap {
color: var(--chroma-4);
text-align: right;
text-shadow: 0 1px 7px #00000073;
font-size: 10px;
}
.intro-head.ih-33.ih3-sub_blue {
color: var(--dodger-blue);
text-align: center;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.intro-head.ih-hide-on-mob {
color: var(--dodger-blue-bright);
}
.intro-head.ih-4 {
color: var(--white);
text-align: left;
text-align: center;
text-shadow: 0 0 17px var(--mid-opacity);
text-align: left;
padding-bottom: 5px;
font-family: "Gillsans 08", sans-serif;
font-size: 24px;
line-height: 26px;
}
.intro-head.ih-5 {
color: var(--white);
text-align: center;
text-shadow: none;
padding-bottom: 5px;
font-family: "Gillsans 01", sans-serif;
font-size: 24px;
line-height: 26px;
}
.intro-head.ih-5.ih-5-blue {
color: var(--dodger-bright-mid-opac);
text-shadow: none;
font-family: "Gillsans 08", sans-serif;
}
.intro-head.ih-5.ih-5-blue.ih-5-l, .intro-head.ih-5.ih-5-l {
text-align: left;
}
.intro-head.ih-6 {
color: var(--dodger-blue);
-webkit-text-stroke-width: 1px;
font-family: "Gillsans 01", sans-serif;
font-size: 2vw;
line-height: 2vw;
}
.intro-head.ih-min {
margin-top: 20px;
margin-bottom: 20px;
font-size: 14px;
line-height: 14px;
}
.intro-head.click-to-resu {
color: var(--white);
text-shadow: 0 0 14px #0c0a10d4;
font-family: "Gillsans 05", sans-serif;
font-size: 24px;
line-height: 26px;
}
.intro-head.ih-7 {
color: var(--white);
font-size: 20px;
}
.intro-head.ih-8 {
color: var(--dodger-blue);
font-size: 19px;
}
.intro-head.ih-10 {
color: var(--white);
letter-spacing: 0;
margin-bottom: 10px;
font-family: "Gillsans 05", sans-serif;
font-size: 40px;
line-height: 40px;
}
.intro-head.ih-10.ih-10-blue {
background-image: linear-gradient(135deg, var(--dodger-blue) 7%, var(--blue-low-transparent) 18%, #2c99ff14 83%, #2c99ff), linear-gradient(to bottom, var(--dodger-blue-bright), var(--dodger-blue-bright)), linear-gradient(to bottom, var(--mid-opacity), var(--mid-opacity));
color: var(--dodger-blue);
text-shadow: 0 0 16px var(--mid-opacity);
-webkit-text-fill-color: transparent;
background-position: 0 0, 0 0, 0 0;
background-size: auto, auto, auto;
-webkit-background-clip: text;
background-clip: text;
font-family: "Gillsans 08", sans-serif;
}
.intro-head.ih-time-version {
color: var(--dodger-blue);
text-align: left;
font-family: "Gillsans 01", sans-serif;
font-size: 12px;
line-height: 16px;
}
.intro-head.ih-time-para {
opacity: .36;
color: var(--dodger-blue);
text-align: center;
width: 420px;
font-family: "Gillsans 01", sans-serif;
font-size: 10px;
line-height: 16px;
}
.intro-head.ih-time-denote {
color: var(--dodger-blue);
text-align: left;
flex-direction: column;
font-family: "Gillsans 01", sans-serif;
font-size: 12px;
line-height: 16px;
}
.intro-head.ih-time-microhead {
color: var(--dodger-blue);
text-align: center;
white-space: nowrap;
flex-direction: column;
font-family: "Gillsans 01", sans-serif;
font-size: 10px;
line-height: 16px;
}
.intro-head.time-para {
color: var(--dodger-blue);
text-align: left;
justify-content: flex-start;
font-family: "Gillsans 01", sans-serif;
font-size: 11px;
line-height: 14px;
}
.intro-head.ih-3b {
color: #2cb2ff96;
text-align: left;
font-family: "Gillsans 01", sans-serif;
font-size: 12px;
line-height: 16px;
}
.intro-head.ih-2.ih2-blue {
color: #2ca4ff;
}
.intro-head.ih-3.ih3-m, .intro-head.ih-3.ih3-mid {
text-align: center;
}
.intro-head.ih-3.ih3-sub {
color: var(--chroma-4);
text-align: center;
text-align: right;
text-shadow: 0 1px 7px #00000073;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.intro-head.ih-3.ih3-reading {
text-align: center;
font-size: 9px;
line-height: 12px;
}
.intro-head.ih-9 {
color: var(--dodger-blue);
letter-spacing: 0;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
font-family: "Gillsans 05", sans-serif;
font-size: 18px;
line-height: 26px;
}
.intro-head.wix {
color: #2c99ff6e;
text-align: left;
font-family: "Gillsans 01", sans-serif;
font-size: 12px;
line-height: 16px;
}
.intro-head.ih-2.ih2-bluee.ih2-hider_pad, .intro-head.ih-2.ih2-bluee.ih2-nopad {
margin-bottom: 0;
}
.intro-head.ih-b {
margin-bottom: 10px;
font-family: "Gillsans 05", sans-serif;
font-size: 24px;
line-height: 26px;
}
.intro-head.ih-b.ih2-bluee {
color: var(--dodger-blue-bright);
text-shadow: 0 1px 9px #1d18263d;
}
.intro-head.ih-b.ih2-bluee.ih2-hider_pad, .intro-head.ih-b.ih2-bluee.ih2-nopad {
margin-bottom: 0;
}
.intro-head.ih-b.ih2-bluee.ih2-alt {
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.intro-head.ih-b.ih-2-smaller {
color: var(--dodger-blue);
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.intro-head.ih-b.ih-2-smaller.ih-2-opac {
opacity: .45;
}
.intro-head.ih-b.ih2-alt2 {
font-size: 18px;
line-height: 22px;
}
.intro-head.ih-b.ih-2-mid {
color: var(--dodger-blue);
text-shadow: 0 0 9px var(--chroma-4);
}
.intro-head.ih-2.ih2-bluee.ih2-hider_pad, .intro-head.ih-2.ih2-bluee.ih2-nopad {
margin-bottom: 0;
}
.intro-head.ih-3.ih3-sub {
color: var(--chroma-4);
text-align: center;
text-align: right;
text-shadow: 0 1px 7px #00000073;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.intro-head.ih-2 {
color: var(--white);
-webkit-text-stroke-width: 1px;
margin-bottom: 10px;
font-family: "Gillsans 05", sans-serif;
font-size: 24px;
line-height: 26px;
}
.intro-head.ih-2.ih2-bluee {
color: var(--dodger-blue-bright);
text-shadow: 0 1px 9px #1d18263d;
display: block;
}
.intro-head.ih-2.ih2-bluee.ih2-hider_pad, .intro-head.ih-2.ih2-bluee.ih2-nopad {
margin-bottom: 0;
}
.intro-head.ih-11 {
color: var(--dodger-bright-mid-opac);
text-align: left;
font-family: "Gillsans 01", sans-serif;
font-size: 11px;
line-height: 13px;
}
.intro-head.ih-11.ih3-white {
color: var(--white);
}
.intro-head.ih-11.ih3-white.ih3-white-glow {
color: var(--dodger-blue);
text-align: left;
text-shadow: none;
}
.intro-head.ih-11.ih3-m {
text-align: center;
}
.intro-head.ih-11.ih3-mid {
color: var(--dodger-bright-mid-opac);
text-align: center;
}
.intro-head.ih-11.ih3-blue {
opacity: .63;
color: var(--dodger-blue-bright);
text-align: center;
}
.intro-head.ih-11.ih3-m-mob {
color: var(--white);
}
.intro-head.ih-11.ih3-subb {
color: var(--white);
text-align: center;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.intro-head.ih-11.ih3-sub {
color: var(--chroma-4);
text-align: right;
text-shadow: 0 1px 7px #00000073;
}
.intro-head.ih-11.ih3-bluez {
color: var(--dodger-blue);
}
.intro-head.ih-11.ih3-bluez.ih-mid {
text-align: center;
}
.intro-head.ih-11.ih3-sub {
color: var(--chroma-4);
text-align: center;
text-align: right;
text-shadow: 0 1px 7px #00000073;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.intro-head.ih-11.ih-11-light {
color: var(--white);
justify-content: flex-start;
align-items: flex-start;
font-family: "Gillsans 08", sans-serif;
}
.intro-head.ih-11.ih-11-light.dark-blue-tx {
color: var(--dark-slate-blue);
}
.intro-head.ih-11.ih-11-bold {
color: var(--white);
justify-content: flex-start;
align-items: flex-start;
}
.intro-head.ih-11.ih-11-bold.dark-blue-tx {
color: var(--dark-slate-blue);
}
.intro-head.ih-11.ih11-mini {
color: var(--dark-slate-blue);
font-size: 9px;
}
.intro-head.ih-11.ih-11-extra-small {
color: var(--white);
justify-content: flex-start;
align-items: flex-start;
font-family: "Gillsans 01", sans-serif;
font-size: 9px;
line-height: 15px;
}
.intro-head.ih-home-top {
letter-spacing: 1.2px;
font-size: 11px;
line-height: 14px;
}
.intro-head.ih-home-top.ih-ht-2 {
font-family: "Gillsans 06", sans-serif;
}
.intro-head.ih-2 {
color: var(--white);
margin-bottom: 10px;
font-family: "Gillsans 05", sans-serif;
font-size: 24px;
line-height: 26px;
}
.intro-head.ih-2.ih2-bluee {
color: var(--dodger-blue-bright);
text-shadow: 0 1px 9px #1d18263d;
}
.intro-head.ih-2.ih2-bluee.ih2-hider_pad, .intro-head.ih-2.ih2-bluee.ih2-nopad {
margin-bottom: 0;
}
.intro-head.ih-2.ih2-bluee.ih2-alt {
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.intro-head.ih-2.ih-2-smaller {
color: var(--dodger-blue);
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.intro-head.ih-2.ih-2-smaller.ih-2-opac {
opacity: .45;
}
.intro-head.ih-2.ih2-alt2 {
font-size: 18px;
line-height: 22px;
}
.intro-head.ih-2.ih-2-mid {
color: var(--dodger-blue);
text-shadow: 0 0 9px var(--chroma-4);
}
.intro-head.ih2 {
color: var(--white);
margin-bottom: 10px;
font-family: "Gillsans 05", sans-serif;
font-size: 24px;
line-height: 26px;
}
.intro-head.ih2.ih2-bluee {
color: var(--dodger-blue-bright);
text-shadow: 0 1px 9px #1d18263d;
}
.intro-head.ih2.ih2-bluee.ih2-hider_pad, .intro-head.ih2.ih2-bluee.ih2-nopad {
margin-bottom: 0;
}
.intro-head.ih2.ih2-bluee.ih2-alt {
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.intro-head.ih2.ih-2-smaller {
color: var(--dodger-blue);
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.intro-head.ih2.ih-2-smaller.ih-2-opac {
opacity: .45;
}
.intro-head.ih2.ih2-alt2 {
text-align: left;
font-size: 18px;
line-height: 22px;
}
.intro-head.ih2.ih-2-mid {
color: var(--dodger-blue);
text-shadow: 0 0 9px var(--chroma-4);
}
.intro-head.ih2.ih-star {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65590b5b29749b9f0a11507a_WHITE-STAR.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 22px;
padding-left: 30px;
}
.intro-head.ih-22 {
color: var(--white);
margin-bottom: 10px;
font-family: "Gillsans 05", sans-serif;
font-size: 19px;
line-height: 26px;
}
.intro-head.ih-22.ih2-bluee {
color: var(--dodger-blue-bright);
text-shadow: 0 1px 9px #1d18263d;
}
.intro-head.ih-22.ih2-bluee.ih2-hider_pad, .intro-head.ih-22.ih2-bluee.ih2-nopad {
margin-bottom: 0;
}
.intro-head.ih-22.ih2-bluee.ih2-alt {
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.intro-head.ih-22.ih-2-smaller {
color: var(--dodger-blue);
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.intro-head.ih-22.ih-2-smaller.ih-2-opac {
opacity: .45;
}
.intro-head.ih-22.ih2-alt2 {
text-align: left;
font-size: 18px;
line-height: 22px;
}
.intro-head.ih-22.ih-2-mid {
color: var(--dodger-blue);
text-shadow: 0 0 9px var(--chroma-4);
}
.intro-head.ih-22.ih-star {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65590b5b29749b9f0a11507a_WHITE-STAR.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 22px;
padding-left: 30px;
}
.intro-head.ih-3 {
color: var(--dodger-bright-mid-opac);
text-align: left;
font-family: "Gillsans 01", sans-serif;
font-size: 17px;
line-height: 16px;
}
.intro-head.ih-3.ih3-white {
color: var(--white);
}
.intro-head.ih-3.ih3-white.ih3-white-glow {
color: var(--dodger-blue);
text-align: left;
text-shadow: none;
}
.intro-head.ih-3.ih3-m {
text-align: center;
}
.intro-head.ih-3.ih3-mid {
color: var(--dodger-bright-mid-opac);
text-align: center;
}
.intro-head.ih-3.ih3-blue {
opacity: .63;
color: var(--dodger-blue-bright);
text-align: center;
}
.intro-head.ih-3.ih3-m-mob {
color: var(--white);
}
.intro-head.ih-3.ih3-subb {
color: var(--white);
text-align: center;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.intro-head.ih-3.ih3-sub {
color: var(--chroma-4);
text-align: right;
text-shadow: 0 1px 7px #00000073;
}
.intro-head.ih-3.ih3-bluez {
color: var(--dodger-blue);
}
.intro-head.ih-3.ih3-bluez.ih-mid {
text-align: center;
}
.intro-head.ih-3.ih3-sub {
color: var(--chroma-4);
text-align: center;
text-align: right;
text-shadow: 0 1px 7px #00000073;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.intro-head.ih-small {
color: var(--white);
text-align: left;
font-family: "Gillsans 01", sans-serif;
font-size: 12px;
line-height: 16px;
}
.intro-head.ih-bold {
font-family: "Gillsans 05", sans-serif;
}
.intro-head.ih-sub {
color: var(--white);
text-align: left;
max-width: 500px;
font-family: "Gillsans 01", sans-serif;
font-size: 17px;
line-height: 21px;
}
.intro-head.ih-sub.ih3-white {
color: var(--white);
}
.intro-head.ih-sub.ih3-white.ih3-white-glow {
color: var(--dodger-blue);
text-align: left;
text-shadow: none;
}
.intro-head.ih-sub.ih3-m {
text-align: center;
}
.intro-head.ih-sub.ih3-mid {
color: var(--dodger-bright-mid-opac);
text-align: center;
}
.intro-head.ih-sub.ih3-blue {
opacity: .63;
color: var(--dodger-blue-bright);
text-align: center;
}
.intro-head.ih-sub.ih3-m-mob {
color: var(--white);
}
.intro-head.ih-sub.ih3-subb {
color: var(--white);
text-align: center;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.intro-head.ih-sub.ih3-sub {
color: var(--chroma-4);
text-align: right;
text-shadow: 0 1px 7px #00000073;
}
.intro-head.ih-sub.ih3-bluez {
color: var(--dodger-blue);
}
.intro-head.ih-sub.ih3-bluez.ih-mid {
text-align: center;
}
.intro-head.ih-sub.ih3-sub {
color: var(--chroma-4);
text-align: center;
text-align: right;
text-shadow: 0 1px 7px #00000073;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.intro-head.ih-title {
color: var(--dodger-blue);
margin-bottom: 10px;
font-family: "Gillsans 05", sans-serif;
font-size: 19px;
line-height: 26px;
}
.intro-head.ih-title.ih2-bluees {
color: var(--dodger-blue-bright);
text-shadow: 0 1px 9px #1d18263d;
}
.intro-head.ih-title.ih2-bluees.ih2-hider_pad, .intro-head.ih-title.ih2-bluees.ih2-nopad {
margin-bottom: 0;
}
.intro-head.ih-title.ih2-bluees.ih2-alt {
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.intro-head.ih-title.ih-2-smaller {
color: var(--dodger-blue);
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.intro-head.ih-title.ih-2-smaller.ih-2-opac {
opacity: .45;
}
.intro-head.ih-title.ih2-alt2 {
text-align: left;
font-size: 18px;
line-height: 22px;
}
.intro-head.ih-title.ih-2-mid {
color: var(--dodger-blue);
text-shadow: 0 0 9px var(--chroma-4);
}
.intro-head.ih-title.ih-star {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65590b5b29749b9f0a11507a_WHITE-STAR.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 22px;
padding-left: 30px;
}
.intro-head.ih-title.jdiosds {
color: var(--dodger-blue-bright);
text-shadow: 0 1px 9px #1d18263d;
margin-top: 90px;
margin-bottom: -50px;
}
.intro-head.ih-title.jdiosds.ih2-hider_pad, .intro-head.ih-title.jdiosds.ih2-nopad {
margin-bottom: 0;
}
.intro-head.ih-title.jdiosds.ih2-alt, .intro-head.ih-title.ih-2-smallest {
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.intro-head.ih-title.ih-2-smallest.ih-2-opac {
opacity: .45;
}
.intro-head.ih-title.dark-blue-tx {
color: var(--dark-slate-blue);
}
.intro-head.ih-discover {
color: var(--dodger-blue);
-webkit-text-stroke-width: 1px;
font-family: "Gillsans 01", sans-serif;
font-size: 1.7vw;
line-height: 2vw;
}
.grid-11 {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-bottom: 60px;
}
.selector-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
border: 1px solid #2c99ff66;
border-radius: 7px;
flex-direction: row;
align-items: center;
padding: 20px;
display: flex;
}
.selector-link:hover {
box-shadow: 0 0 15px #2c99ff12;
}
.image-28 {
width: 20px;
}
.card-head {
z-index: 1;
font-size: 24px;
line-height: 30px;
position: static;
inset: auto auto 0% 0%;
}
.card-holder {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 40px;
display: flex;
}
.card-stack {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 49.5%;
min-width: 49.5%;
padding-bottom: 20px;
display: flex;
}
.card-block {
opacity: .8;
color: #2c99ff;
background-color: #1d1826;
border: 1px solid #2c99ff66;
border-radius: 7px;
flex-flow: column wrap;
justify-content: space-between;
align-items: flex-start;
width: 100%;
transition: opacity .2s;
display: flex;
position: relative;
overflow: hidden;
}
.card-block:hover {
opacity: 1;
}
.card-block-inner {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
align-items: flex-start;
margin: 20px;
display: flex;
}
.full-w-img {
width: 120%;
}
.section-26 {
background-color: var(--v-dark-purp);
background-image: none;
padding: 20px;
}
.view-tab-holder {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: row;
align-items: stretch;
width: 100%;
height: 100%;
padding: 75px 10px 0;
display: flex;
overflow: hidden;
}
.view-tab-holder.vth-2 {
overflow: hidden;
}
.user-page-embedder {
max-height: 60vh;
padding-bottom: 10px;
overflow: auto;
}
.user-inner-holder {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: var(--dodger-blue);
flex-direction: column;
display: flex;
}
.user-account-form {
flex-direction: column;
display: flex;
}
.inner-contain-v2 {
background-color: var(--v-dark-purp);
border-radius: 7px;
flex-direction: column;
width: 100%;
padding: 2.5% 5% 40px;
display: flex;
overflow: scroll;
}
.inner-contain-v2.min-500 {
height: 100vh;
padding-top: 100px;
padding-bottom: 120px;
overflow: scroll;
}
.tabber-menu-holder {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-bottom: 1px solid var(--chroma-4);
padding-left: 20px;
display: flex;
}
.tab-tab {
border-style: solid solid none;
border-width: 1px;
border-color: var(--chroma-4);
color: var(--dodger-blue);
background-color: #fff0;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
line-height: 12px;
}
.tab-tab.w--current {
background-color: var(--dodger-blue);
color: var(--v-dark-purp);
}
.tab-tabber {
padding: 40px 40px 10px;
}
.btn-hld {
grid-column-gap: 10px;
grid-row-gap: 10px;
padding-top: 10px;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.f-label {
padding-left: 5px;
font-size: 15px;
}
.div-block-118 {
grid-column-gap: 15px;
grid-row-gap: 15px;
border-top: 1px solid #2c99ff12;
flex-direction: column;
padding-top: 25px;
font-size: 12px;
line-height: 12px;
display: flex;
}
.nav-head {
margin-bottom: 10px;
}
.link-user-nav {
color: var(--mid-opacity);
cursor: pointer;
background-color: #0000;
border: .5px solid #0000;
border-radius: 5px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
padding: 10px 10px 10px 0;
font-family: "Gillsans 08", sans-serif;
font-size: 12px;
line-height: 12px;
transition: all .225s;
}
.link-user-nav:hover {
border-color: var(--chroma-4);
color: var(--dodger-blue);
text-shadow: 1px 1px 15px var(--slate-blue-2);
padding-left: 10px;
font-family: "Gillsans 01", sans-serif;
}
.checkbox-field {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
padding-left: 0;
display: flex;
}
.checkbox {
margin-top: 0;
margin-left: 0;
}
.pin-tooltip {
z-index: 3;
grid-column-gap: 10px;
grid-row-gap: 10px;
filter: brightness(200%) grayscale();
align-items: center;
display: flex;
position: absolute;
inset: auto auto 20px 20px;
}
.slider-pinner {
z-index: 10;
background-image: linear-gradient(to bottom, var(--v-dark-purp) 46%, #1d182600);
min-height: 25%;
position: absolute;
inset: 0% 0% auto;
}
.slider-pinner.b {
background-image: linear-gradient(to bottom, var(--black), #1d182600);
}
.preloader {
z-index: 2000;
background-color: #3d4043;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
inset: 0%;
}
.div-block-41 {
z-index: 1000;
background-color: var(--v-dark-purp);
flex-direction: column;
display: none;
}
.image-31 {
max-width: 150px;
margin-top: -20px;
}
.txt-sect {
z-index: 10;
background-color: var(--v-dark-purp);
background-image: linear-gradient(to bottom, var(--black-low-transp), var(--transparent-purp));
padding: 20vh 20px 1px;
position: relative;
}
.discovery-sect {
background-color: var(--v-dark-purp);
background-image: none;
justify-content: center;
align-items: center;
padding: 10px;
display: flex;
}
.slide-nav-4 {
display: none;
}
.disc-slider {
border: 1px none var(--dodger-blue);
box-shadow: 0 0 20px 9px var(--v-dark-purp);
background-color: #ddd0;
border-radius: 7px;
height: 80vh;
min-height: 600px;
overflow: hidden;
}
.disc-arrow {
border: 1px solid var(--dodger-blue);
opacity: .38;
color: var(--dodger-blue);
border-radius: 7px;
width: 75px;
height: 75px;
margin-bottom: 300px;
margin-left: 20px;
margin-right: 20px;
position: absolute;
}
.disc-arrow:hover {
box-shadow: 0 0 13px 1px var(--chroma-4);
opacity: .9;
}
.disc-holder {
color: var(--dodger-blue);
flex-direction: column;
justify-content: flex-end;
align-items: center;
height: 100%;
padding-bottom: 300px;
padding-left: 120px;
padding-right: 120px;
display: flex;
}
.disc-head {
z-index: 10;
color: var(--white);
letter-spacing: -2px;
text-shadow: none;
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
font-family: Ujian, sans-serif;
font-size: 5vw;
line-height: 5vw;
position: relative;
}
.disc-txt {
color: var(--white);
text-transform: none;
text-shadow: 0 1px 20px var(--mid-opacity);
font-size: 50px;
font-style: italic;
line-height: 50px;
}
.r-tab {
aspect-ratio: 2 / 2.5;
background-image: linear-gradient(180deg, #2c086e00, #100a1be0 74%, var(--v-dark-purp) 99%);
opacity: .7;
outline-color: var(--dark-slate-blue);
outline-offset: 0px;
color: var(--gainsboro-2);
border-radius: 4px;
outline-width: 1px;
outline-style: solid;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 20vh;
padding: 11px 11px 15px;
transition: all .2s;
display: flex;
}
.r-tab:hover {
opacity: 1;
outline-color: var(--dodger-blue);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
box-shadow: 0 0 5px #0003;
}
.r-tab.w--current {
opacity: 1;
outline-color: var(--dodger-blue);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
box-shadow: 0 0 14px -1px #00000054;
}
.r-tab.w--current:hover {
transform: none;
}
.r-tab.rt-1 {
background-image: linear-gradient(180deg, #2c086e00, #100a1be0 74%, var(--v-dark-purp) 99%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6705904766c24cc5d1b103b0_Screenshot%202024-10-08%20at%2021.04.02-min.png");
background-position: 0 0, 50% 0;
background-size: auto, cover;
}
.r-tab.rt-2 {
background-image: linear-gradient(180deg, #2c086e00, #100a1be0 74%, var(--v-dark-purp) 99%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/670597dffe8487ec1017bb34_Screenshot%202024-10-08%20at%2021.36.20-min.png");
background-position: 0 0, 50% 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.r-tab.rt-3 {
background-image: linear-gradient(180deg, #2c086e00, #100a1be0 74%, var(--v-dark-purp) 99%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6705909bdf564d6788648533_Screenshot%202024-10-08%20at%2021.05.22-min.png");
background-position: 0 0, 50% 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.r-tab.rt-4 {
background-color: var(--black);
background-image: linear-gradient(to bottom, #2c086e00, #100a1be0 74%, var(--v-dark-purp) 99%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6535fb5c2f4db3fb4c9837ec_shooting%20stars%20logo.png");
background-position: 0 0, 50% 75%;
background-repeat: repeat, no-repeat;
background-size: auto, 80%;
}
.r-tab.rt-5 {
background-image: linear-gradient(180deg, #2c086e00, #100a1be0 74%, var(--v-dark-purp) 99%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6703021b36d9fc4d692482bc_Screenshot%202024-10-06%20at%2022.31.23-min.png");
background-position: 0 0, 100% 0;
background-size: auto, cover;
}
.r-tab.rt-7 {
background-image: linear-gradient(to bottom, #2c086e00, #100a1be0 74%, var(--v-dark-purp) 99%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/653731e07467993e7b5857b7_927863.webp");
background-position: 0 0, 50% 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.r-tab.rt-8 {
background-image: linear-gradient(to bottom, #2c086e00, #100a1be0 74%, var(--v-dark-purp) 99%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/653603e6d7d446708a855fab_star%20constellations%20blue-min.png");
background-position: 0 0, 50% 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.r-tab.rt-6 {
background-image: linear-gradient(180deg, #2c086e00, #100a1be0 74%, var(--v-dark-purp) 99%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/670598d4221abac5bb8af305_Screenshot%202024-10-08%20at%2021.39.51-min.png");
background-position: 0 0, 50% 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.disc-tab-content {
width: 100%;
height: 100%;
}
.disc-inner {
height: 900px;
padding-bottom: 20px;
position: absolute;
inset: 0%;
}
.disc-tab-menu {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
margin-top: -20vh;
padding: 2px 20px 20px;
display: flex;
overflow: scroll;
}
.r-tab-pane {
width: 100%;
height: 100%;
}
.img-holder {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.img-back {
opacity: 1;
filter: saturate(130%);
mix-blend-mode: normal;
object-fit: cover;
min-width: 100%;
min-height: 100vh;
}
.img-back.flip-h {
transform-style: preserve-3d;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.disc-tab-heading {
font-size: 18px;
line-height: 18px;
}
.vingette {
grid-column-gap: 7.5vh;
grid-row-gap: 7.5vh;
background-image: linear-gradient(180deg, var(--v-dark-purp) 1%, #0000 21%), linear-gradient(180deg, var(--transparent-purp) 59%, #0f0a19e6 86%, var(--v-dark-purp) 99%), radial-gradient(circle farthest-corner at 100% 50%, var(--transparent-purp) 37%, var(--v-dark-purp)), radial-gradient(circle farthest-corner at 50% 50%, #1d182600 63%, var(--black));
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
min-height: 100%;
padding: 90px 50% 22.5vh 20px;
display: flex;
position: absolute;
inset: 0%;
}
.disc-txt-holder {
z-index: 10;
position: absolute;
inset: 100px 0% auto;
}
.mask {
background-color: var(--v-dark-purp);
}
.disc-tag-holder {
grid-column-gap: 0px;
grid-row-gap: 5px;
flex-wrap: wrap;
align-items: center;
margin-right: -10px;
padding-bottom: 15px;
display: flex;
}
.tab-selectors {
height: auto;
padding-top: 40px;
}
.tmx {
z-index: 15;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--transparent-purp);
outline-color: var(--chroma-4);
outline-offset: 0px;
border-radius: 7px;
outline-width: 1px;
outline-style: none;
justify-content: center;
align-items: flex-end;
margin-top: 1px;
margin-left: 10%;
margin-right: 10%;
padding: 20px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.tmx.tmx-1 {
justify-content: flex-start;
margin-left: 0%;
padding-left: 12.5px;
}
.txt-holds {
z-index: 16;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 140px;
margin-left: 10%;
margin-right: 10%;
padding: 20px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.txt-holds.th-v3 {
justify-content: flex-end;
margin-top: 80px;
margin-left: 0%;
padding-bottom: 0;
}
.txt-holds.th-v3.hide {
display: none;
}
.tlx {
background-color: var(--transparent-purp);
box-shadow: none;
color: var(--dodger-blue);
cursor: pointer;
border-radius: 4px;
}
.tlx:hover {
box-shadow: 0 0 10px 0 var(--chroma-4);
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.tlx.w--current {
background-color: var(--transparent-purp);
outline-color: var(--dodger-bright-mid-opac);
outline-offset: 0px;
color: var(--dodger-blue);
outline-width: 1px;
outline-style: solid;
}
.tlx.w--current:hover {
text-shadow: none;
}
.tlx.tlx-v2 {
outline-color: var(--chroma-4);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.tlx.tlx-v2.w--current {
background-color: var(--chroma-3);
outline-color: var(--dodger-bright-mid-opac);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
}
.tpx-inner {
flex-direction: column;
justify-content: flex-start;
padding-top: 40px;
display: flex;
}
.tpx-slider {
background-color: var(--transparent-purp);
height: 77.5vh;
position: relative;
}
.woku-input {
border: 1px solid var(--chroma-4);
opacity: .75;
color: var(--mid-opacity);
text-transform: uppercase;
background-color: #2c99ff0a;
border-radius: 5px;
min-width: 300px;
max-width: 95%;
height: 40px;
margin-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
transition: all .175s;
}
.woku-input:hover {
border-color: var(--dodger-blue);
opacity: 1;
background-color: #2c99ff17;
padding-right: 12px;
}
.woku-input:focus-visible, .woku-input[data-wf-focus-visible] {
opacity: 1;
}
.woku-input::placeholder {
color: var(--chroma-4);
}
.calc-text {
text-align: center;
text-shadow: 0 0 12px var(--dodger-blue);
margin-bottom: 20px;
font-size: 20px;
line-height: 24px;
}
.calc-heading {
color: var(--dodger-blue);
text-align: center;
text-shadow: 0 0 8px var(--mid-opacity);
font-family: Ujian, sans-serif;
font-size: 25px;
line-height: 30px;
}
.micro-head {
color: var(--dodger-blue);
margin-bottom: 10px;
font-family: "Gillsans 05", sans-serif;
font-size: 14px;
}
.hide-to-save {
display: none;
}
.quartz-name {
font-family: "Gillsans 05", sans-serif;
font-size: 50px;
line-height: 50px;
}
.pop-up-txt {
margin-top: 0;
margin-bottom: 0;
}
.blue {
background-color: var(--dark-blue);
}
.div-block-126 {
background-color: var(--v-dark-purp);
}
.ex-tabs {
min-height: 83vh;
max-height: 83px;
display: flex;
}
.ex-tabs-menu {
z-index: 997;
grid-column-gap: 10px;
grid-row-gap: 10px;
border-bottom: 1px solid var(--blue-low-transparent);
background-color: var(--v-dark-purp);
flex-direction: row;
justify-content: center;
min-width: 160px;
padding: 110px 5% 10px;
display: flex;
position: sticky;
inset: 0 auto auto 0%;
overflow: auto;
}
.ex-tabs-menu.etm-v4 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--darkest-purp);
justify-content: flex-start;
padding-top: 100px;
padding-left: 10px;
overflow: hidden;
}
.ex-tabs-menu.etm-v4:hover {
overflow: auto;
}
.ex-tab {
grid-column-gap: 12.5px;
grid-row-gap: 12.5px;
background-color: var(--transparent-purp);
outline-color: var(--bluish-trans-shadow);
outline-offset: 0px;
color: var(--dodger-blue-bright);
border-radius: 4px;
outline-width: 1px;
outline-style: solid;
justify-content: center;
align-items: center;
width: auto;
min-width: 130px;
min-height: 40px;
padding-left: 10px;
padding-right: 10px;
font-family: "Gillsans 01", sans-serif;
display: flex;
}
.ex-tab:hover {
box-shadow: 0 0 10px 0 var(--chroma-4);
outline-color: var(--dodger-blue);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.ex-tab.w--current {
background-color: var(--chroma-3);
outline-color: var(--dodger-bright-mid-opac);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
}
.ex-tab.w--current:hover {
box-shadow: none;
outline-color: var(--dodger-blue);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
}
.ex-tab.ext-top.w--current {
background-color: var(--chroma-3);
outline-color: var(--dodger-bright-mid-opac);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
}
.ex-tabs-content {
width: 100%;
}
.ex-tab-pane {
height: 100%;
min-height: 100vh;
}
.ex-tab-inner {
background-image: none;
border-radius: 7px;
flex-direction: column;
align-items: center;
height: 100%;
padding-left: 0;
display: flex;
overflow: hidden;
}
.ex-tab-inner.eti-v4 {
padding-top: 20px;
padding-right: 20px;
}
.ex-container {
grid-column-gap: 80px;
grid-row-gap: 80px;
color: var(--dodger-blue);
flex-direction: column;
width: 100%;
height: 100%;
margin-right: 0;
padding-bottom: 40px;
padding-left: 10px;
display: flex;
}
.head-sub-holder {
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 10px;
padding-right: 33%;
display: flex;
}
.head-sub-holder.hsh-nolow_pad {
margin-bottom: 0;
}
.head-sub-holder.hsh-no_pad {
margin-bottom: 25px;
margin-left: 0;
margin-right: 0;
}
.head-sub-holder.hsh-no_padz {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0%;
}
.head-sub-holder.hsh-pad {
z-index: 100;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
}
.head-sub-holder.hsh-no_pad-v2 {
margin-bottom: 25px;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
}
.head-sub-holder.hsh-hometop {
align-items: flex-start;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0%;
}
.head-sub-holder.hsh-no_pad-2 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0%;
}
.head-sub-holder.hsh-mid {
margin-left: 10px;
}
.head-sub-holder.hsh-v2 {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: var(--dodger-blue);
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0%;
}
.head-sub-holder.hsh-home-hide {
margin-bottom: 25px;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
}
.head-sub-holder.hsb-alt {
margin-left: 10px;
}
.narrative-block-holder {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-right: 1px;
display: grid;
}
.narrative-block-holder.nbh-v2 {
margin-left: 10px;
}
.narrative-blockz {
grid-column-gap: 20px;
grid-row-gap: 20px;
aspect-ratio: 1;
background-color: var(--transparent-purp);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
filter: none;
text-align: center;
border-radius: 7px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 30px;
transition: none;
display: flex;
}
.narrative-blockz:hover {
background-color: var(--transparent-purp);
filter: grayscale() brightness(400%);
outline-color: var(--white-light);
outline-offset: 0px;
background-image: none;
outline-width: 1px;
outline-style: solid;
}
.narrative-blockz.nb-no-outline:hover {
outline-color: var(--white-light);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
}
.narrative-blockz.nb-land {
aspect-ratio: 16 / 9;
}
.narrative-block-logo {
height: 80px;
padding-top: 5px;
padding-bottom: 5px;
}
.narrative-block-logo.more-padder {
padding-top: 10px;
padding-bottom: 15px;
}
.narrative-block-logo.less-padder {
height: 50px;
padding-top: 0;
padding-bottom: 0;
}
.thumb-stack-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 20px;
display: grid;
}
.thumb-stack-grid.tsg-v1 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
display: flex;
}
.thumb-stack-grid.tsg-v3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
display: flex;
}
.thumb-stack-grid.tsg-0 {
grid-template-columns: 1fr;
}
.mini-thumbnail {
background-color: var(--blue-low-transparent);
border-radius: 2px;
justify-content: center;
align-items: center;
width: 90px;
min-width: 90px;
height: 60px;
min-height: 60px;
margin-right: 15px;
display: flex;
position: relative;
overflow: hidden;
}
.thumb-rect {
border: 1px solid var(--bluish-trans-shadow);
border-radius: 6px;
padding: 5px 0 5px 5px;
display: flex;
position: relative;
overflow: hidden;
}
.thumb-rect:hover {
box-shadow: 0 0 15px 0 var(--chroma-4);
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.thumb-rect.tr-v2 {
background-color: var(--blue-low-transparent);
border-radius: 4px;
align-items: center;
width: 100%;
margin-bottom: -5px;
padding-top: 7.5px;
padding-bottom: 7.5px;
padding-left: 7.5px;
}
.thumb-rect.tr-v2:hover {
box-shadow: none;
}
.thumb-rect.tr-v3 {
border-style: none;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.thumb-rect.tr-v3:hover {
box-shadow: none;
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
}
.thumb-rect.tr-v4 {
border-color: var(--transparent-purp);
background-color: var(--blue-low-transparent);
padding: 0;
}
.thum-img-txt-holder {
text-align: left;
flex-direction: column;
justify-content: space-around;
display: flex;
position: relative;
}
.thumb-img {
min-width: 125%;
max-width: none;
}
.thumb-img.ti-height {
min-width: auto;
height: 120%;
}
.thumb-img.ti-min {
min-width: 115%;
margin-bottom: -10%;
}
.thumb-img.t-img-record {
filter: grayscale();
min-width: 135%;
margin-bottom: -10%;
}
.ex-small-txt {
white-space: nowrap;
font-size: 12px;
line-height: 14px;
}
.ex-small-txt.est-2.est-2-break {
white-space: normal;
display: none;
}
.ex-small-txt.est-3 {
color: var(--mid-opacity);
}
.ex-small-txt.est-3.est3-wrap {
white-space: normal;
}
.ex-small-txt.est-4 {
color: var(--chroma-4);
}
.ex-small-txt.est-time {
opacity: .65;
}
.ex-small-txt.est-break {
white-space: normal;
}
.ex-small-txt.est-net {
white-space: normal;
align-items: center;
height: 5vh;
min-height: 42px;
margin-top: -4px;
font-family: "Gillsans 01", sans-serif;
font-size: 10px;
line-height: 12px;
display: flex;
}
.ex-small-txt.est-2 {
color: #2c99ff66;
}
.cover-rr {
z-index: 5;
background-image: linear-gradient(270deg, var(--v-dark-purp), var(--transparent-purp));
width: 15%;
position: absolute;
inset: 0% 0% 0% auto;
}
.cover-rr.crr-2 {
background-image: linear-gradient(270deg, #174e82, var(--transparent-purp));
}
.cover-rr.crr-3 {
background-image: linear-gradient(to right, var(--transparent-purp), var(--darkest-purp));
}
.cover-rr.crr-4 {
background-image: linear-gradient(270deg, var(--bluish-trans-shadow) 35%, var(--transparent-purp)), linear-gradient(to right, var(--transparent-purp), var(--v-dark-purp) 66%);
}
.cover-rr.crr-5 {
background-image: linear-gradient(270deg, var(--blue-low-transparent), var(--transparent-purp)), linear-gradient(270deg, var(--v-dark-purp), var(--transparent-purp));
}
.thumb-img-block {
grid-column-gap: 15px;
grid-row-gap: 15px;
filter: saturate(80%);
outline-color: var(--transparent-purp);
outline-offset: 0px;
cursor: pointer;
border-radius: 20px;
outline-width: 1px;
outline-style: solid;
flex-direction: column;
margin: 3px;
padding: 10px 10px 20px;
transition: filter .5s;
display: flex;
position: relative;
overflow: hidden;
}
.thumb-img-block:hover {
box-shadow: 0 0 10px 0 var(--chroma-4);
filter: saturate(122%);
outline-color: var(--dodger-blue);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.thumb-img-block.tib-niloutline {
outline-color: var(--transparent-purp);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
}
.thumb-img-block.tib-niloutline:hover {
box-shadow: none;
}
.thumb-img-block.tib-dark {
background-color: var(--v-dark-purp);
}
.thumb-img-block.tib-reading {
outline-color: var(--bluish-trans-shadow);
border: 1px solid #000;
width: 40vw;
max-width: 40vw;
padding-bottom: 12.5px;
}
.thumb-img-holder {
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 200px;
min-height: 200px;
margin-right: 15px;
display: flex;
position: relative;
overflow: hidden;
}
.tag-vertical-holder {
grid-column-gap: 15px;
grid-row-gap: 25px;
flex-wrap: wrap;
margin-left: 10px;
margin-right: 10px;
display: flex;
}
.tag-vertical-holder.tvh-v2 {
grid-column-gap: 10px;
grid-row-gap: 15px;
}
.ex-slider {
background-color: var(--transparent-purp);
border-radius: 7px;
margin-top: -70px;
margin-bottom: 50px;
padding-left: 0%;
padding-right: 5%;
}
.ex-nav {
margin-bottom: -50px;
padding-top: 15px;
font-size: 12px;
}
.ex-mask {
border-radius: 8px;
padding: 10px;
}
.ex-mask:hover {
border-radius: 7px;
}
.slide {
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
border-radius: 7px;
outline-width: 1px;
outline-style: none;
margin-right: 2%;
}
.slide:hover {
box-shadow: 0 0 12px 0 var(--chroma-4);
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.ex-sliderz {
border-radius: 7px;
justify-content: center;
align-items: flex-start;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.ex-sliderz:hover {
border-radius: 9px;
}
.slide-cover {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: linear-gradient(63deg, var(--chroma-4) 29%, var(--transparent-purp) 73%), linear-gradient(90deg, #0d0a13f7, #110a1ed9 11%, var(--transparent-purp) 61%);
color: var(--white);
background-position: 0 0, 0 0;
background-size: auto, auto;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-top: 100px;
padding-bottom: 100px;
padding-right: 20%;
display: flex;
position: absolute;
inset: 0%;
}
.slide-bg-vid {
filter: contrast(110%) saturate(126%);
object-fit: cover;
border-radius: 7px;
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.slide-bg-vid.sbv-centre {
inset: -12% 0% auto;
}
.div-block-137 {
z-index: 5;
grid-column-gap: 10px;
grid-row-gap: 10px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: absolute;
inset: auto auto 0% 0%;
}
.arrow-circ {
border: 2px solid var(--white);
opacity: .07;
color: var(--white);
border-radius: 20px;
width: 40px;
height: 40px;
margin-bottom: -55px;
margin-left: 10px;
font-size: 20px;
display: none;
inset: auto 0% 0% auto;
}
.arrow-circ:hover {
opacity: 1;
}
.arrow-circ.ac-r {
margin-left: 0;
margin-right: 20%;
inset: auto auto 0% 0%;
}
.image-37 {
height: 80px;
margin-bottom: 20px;
}
.ex-block {
z-index: 5;
width: 100%;
padding-left: 5%;
padding-right: 5%;
position: relative;
}
.ex-block.eb-w_gap {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
display: flex;
}
.ex-block.eb-no-l-pad {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
padding-left: 10px;
display: flex;
}
.ex-block.eb-3 {
padding-left: 0%;
}
.ex-block.eb-big-pad {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
margin-bottom: 60px;
padding-top: 100px;
padding-left: 10px;
display: flex;
}
.ex-block.eb-4 {
padding-top: 60px;
padding-left: 10px;
padding-right: 20px;
}
.ex-block.eb-5 {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: column;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.ex-block.eb-6 {
background-color: var(--blue-low-transparent);
background-image: linear-gradient(180deg, #1a1a1a00, var(--darkest-purp) 87%);
border-radius: 20px;
padding-top: 40px;
padding-left: 10px;
padding-right: 20px;
}
.experience-sector {
background-color: var(--darkest-purp);
min-height: 100vh;
padding-top: 0;
position: relative;
}
.ex-tabs-true {
flex-direction: column;
display: flex;
}
.section-28 {
background-color: var(--v-dark-purp);
padding: 84px;
}
.slide-bg-img-mobile-only {
display: none;
}
.g-bod {
padding-bottom: 0;
}
.icon {
background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--black-low-transp), var(--transparent-purp) 75%);
}
.content-label {
cursor: default;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65850714b2255f4754c8c169_Asset%2015.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: contain;
justify-content: flex-end;
align-items: center;
width: 10%;
height: 100%;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
overflow: hidden;
}
.content-label:hover {
opacity: .74;
}
.content-label.cl-paid {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6585071463e3915eb231954e_Asset%2016.png");
}
.fade-div {
z-index: 5;
background-image: linear-gradient(270deg, var(--v-dark-purp), var(--transparent-purp));
width: 12.5%;
position: absolute;
inset: 0% -10px 0% auto;
}
.fade-div.fd-colour-2 {
background-image: linear-gradient(270deg, var(--v-dark-purp) 3%, var(--transparent-purp));
}
.fade-div.fd-colour-4 {
background-image: linear-gradient(270deg, var(--darkest-purp) 3%, var(--transparent-purp));
}
.fade-div.fd-colour-3 {
background-image: linear-gradient(270deg, var(--v-dark-purp), var(--transparent-purp));
right: 0;
}
.thumb-link-holer {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: column;
display: flex;
}
.txt-liner-holds {
grid-column-gap: 7px;
grid-row-gap: 0px;
white-space: nowrap;
flex-wrap: wrap;
width: 100%;
display: flex;
}
.intro-head-button {
border: 1px solid var(--transparent-purp);
text-shadow: -1px 1px 5px var(--chroma-4), 0 -7px 4px var(--chroma-1), 0 6px 5px var(--chroma-2), 0 0 9px var(--chroma-4);
cursor: pointer;
background-color: #3898ec00;
border-radius: 4px;
align-items: center;
height: 34px;
margin-top: -4px;
margin-left: -7px;
padding: 0 5px 0 7px;
font-family: "Gillsans 03", sans-serif;
font-size: 24px;
line-height: 23px;
transition: all .125s;
display: flex;
}
.intro-head-button:hover {
border-color: var(--dodger-blue-bright);
box-shadow: -1px 1px 5px 0 var(--chroma-4);
margin-left: 0;
font-family: "Gillsans 01", sans-serif;
font-style: normal;
}
.explore-section {
background-color: var(--dodger-blue);
background-image: none;
background-position: 0 0;
background-size: auto;
flex-direction: column;
min-height: 90vh;
display: flex;
position: relative;
}
.ex-tab-select-icon {
order: -1;
height: 18px;
position: static;
inset: 0% auto 0% 0%;
}
.ex-tab-select-icon.etst-bigger {
height: 20px;
}
.ex-tab-select-icon.etst-biggerer {
height: 22px;
}
.b2t {
z-index: 997;
background-color: var(--dodger-blue);
box-shadow: 0 0 19px 1px var(--mid-opacity);
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65469138df5823449b772c71_UP%20ARROW.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 75%;
border-radius: 7px;
justify-content: flex-start;
width: 3.5vw;
max-width: 55px;
height: 3.5vw;
max-height: 55px;
margin-top: 20px;
margin-bottom: 40px;
margin-right: 5vw;
transition: all .45s;
display: none;
position: sticky;
top: auto;
bottom: 70px;
left: 95vw;
overflow: hidden;
}
.news---rich-text {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: #ffffffcf;
letter-spacing: 1px;
text-transform: none;
flex-direction: column;
align-items: flex-start;
margin-top: 40px;
padding-right: 5%;
font-size: 17px;
line-height: 32px;
display: flex;
}
.feat-main-sect {
background-image: linear-gradient(180deg, var(--transparent-purp), var(--v-dark-purp) 15%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6578886aae8b84e5e2c2fb76_DOT.svg");
background-position: 0 0, 50% 0;
background-size: auto, 2.5vw;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
min-height: 100vh;
padding-top: 100px;
padding-bottom: 20px;
padding-left: 20px;
display: flex;
}
.ffw-subber-block {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-wrap: wrap;
align-items: center;
font-size: 14px;
line-height: 18px;
display: flex;
}
.ffw-subber-block.f-s-b-2 {
opacity: .25;
}
.ffw-subber-block.f-s-b-2:hover {
opacity: 1;
}
.ffw-topper-holder {
grid-column-gap: 20px;
grid-row-gap: 20px;
color: var(--white);
flex-direction: column;
align-items: flex-start;
padding-top: 40px;
padding-right: 20px;
display: flex;
position: relative;
}
.ffw-wi-head {
border-left: 1px solid var(--dodger-blue);
color: var(--dodger-blue);
letter-spacing: 1px;
width: 100%;
margin-left: -15px;
padding-left: 15px;
font-family: "Gillsans 08", sans-serif;
font-size: 18px;
line-height: 18px;
}
.ffw-wi-head.fwh-2 {
text-align: left;
border-left-style: none;
width: auto;
margin-left: 0;
padding-left: 0;
}
.ffw-wi-head.fwh-mini {
text-align: left;
border-left-style: none;
width: auto;
margin-left: 0;
padding-left: 0;
font-family: "Gillsans 01", sans-serif;
font-size: 14px;
font-style: italic;
line-height: 14px;
}
.ffw-wi-head.fwh-time-version, .ffw-wi-head.time-header {
text-align: left;
border-left-style: none;
width: auto;
margin-left: 0;
padding-left: 0;
}
.ffw-wi-head.fwh-time-minihead {
text-align: left;
border-left-style: none;
width: auto;
margin-left: 0;
padding-left: 0;
font-size: 16px;
line-height: 16px;
}
.ffw-wi-head.fwh-time-minihead.timestamp {
margin-bottom: 10px;
font-family: "Gillsans 08", sans-serif;
}
.ffw-wi-head.fwh-4 {
text-align: left;
border-left-style: none;
width: auto;
margin-left: 0;
padding-left: 0;
font-size: 12px;
line-height: 12px;
}
.ffw-head {
letter-spacing: 0;
-webkit-text-stroke-width: 2px;
font-family: "Gillsans 05", sans-serif;
font-size: 80px;
line-height: 75px;
}
.ffw-head.ffw-h-char {
color: var(--dodger-blue);
}
.ffw-head.head-timez {
color: var(--dodger-blue);
margin-top: -10px;
font-size: 65px;
line-height: 65px;
}
.ffw-head.narr-char {
color: var(--dodger-blue);
}
.ffw-head.ffw-h-locale {
color: var(--dodger-blue);
text-shadow: 0 0 14px var(--chroma-4), 0 1px 24px #00000085;
font-size: 70px;
}
.ffw-subhead {
opacity: .25;
letter-spacing: 1px;
margin-right: 15%;
font-family: "Gillsans 05", sans-serif;
font-size: 25px;
line-height: 25px;
}
.ffw-subhead.ffw-s {
opacity: 1;
color: var(--dodger-blue);
margin-bottom: 60px;
margin-right: 0%;
}
.ffw-collection-list {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.highlightd-column {
z-index: 100;
border: 1px solid var(--blue-low-transparent);
background-color: var(--v-dark-purp);
border-radius: 4px;
flex-wrap: wrap;
order: 1;
align-content: flex-start;
align-items: flex-start;
width: 97.5%;
min-width: auto;
max-height: 50vh;
margin-top: 100px;
margin-left: 2px;
display: flex;
position: relative;
inset: 0 auto auto 0;
overflow: auto;
}
.infos-block {
grid-column-gap: 7px;
grid-row-gap: 0px;
border: 1px none var(--white-trans);
background-image: linear-gradient(to bottom, var(--white-trans), var(--white-trans));
box-shadow: none;
color: var(--white);
flex-wrap: wrap;
align-items: flex-start;
min-width: 50%;
padding: 20px;
font-size: 14px;
line-height: 18px;
display: flex;
}
.infos-block.ib-2 {
background-image: none;
}
.link-block-4 {
grid-column-gap: 5px;
grid-row-gap: 0px;
flex-wrap: wrap;
font-style: italic;
text-decoration: underline;
display: flex;
}
.feature-small-head {
-webkit-text-stroke-width: .5px;
width: 100%;
font-family: "Gillsans 01", sans-serif;
font-size: 14px;
line-height: 17px;
}
.pullout-feature {
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
transform-style: preserve-3d;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
border-radius: 4px;
outline-width: 1px;
outline-style: none;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 500px;
transition: all .275s;
display: flex;
position: relative;
overflow: hidden;
}
.pullout-feature:hover {
box-shadow: none;
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
transform: translate3d(0, 0, 25px);
}
.feature-cover {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: linear-gradient(37deg, var(--chroma-4), var(--transparent-purp) 50%), linear-gradient(44deg, #0d0a13f7, #110a1ed9 11%, var(--transparent-purp) 61%);
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 20px 40% 70px 20px;
display: flex;
position: absolute;
inset: 0%;
}
.pullout-feat-holder {
justify-content: center;
margin-top: 80px;
margin-bottom: 40px;
display: flex;
}
.div-block-162 {
text-align: left;
flex-direction: column;
align-items: flex-start;
margin-bottom: 20px;
display: flex;
}
.more-feature-news {
z-index: 990;
border-top: 1px solid var(--blue-low-transparent);
background-color: var(--v-dark-purp);
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 1100px;
min-height: 90vh;
padding: 60px 40px 40px;
display: flex;
position: relative;
}
.glitter-txt {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/63e17573bc6fdc3325d2f216_ezgif-2-32f14dde74.gif"), linear-gradient(to bottom, var(--v-dark-purp), var(--v-dark-purp));
-webkit-text-fill-color: transparent;
background-position: 0 0, 0 0;
background-size: auto, auto;
-webkit-background-clip: text;
background-clip: text;
padding: 10px;
font-family: "Gillsans 03", sans-serif;
font-size: 22px;
transform: rotate(-7deg);
}
.feat-related-holder {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.feat-related-holder.f-r-h-left {
justify-content: flex-start;
}
.feature-link-block {
opacity: .78;
outline-offset: 0px;
color: var(--dodger-blue);
text-align: center;
cursor: pointer;
border-radius: 7px;
outline: 2px #2c99ff;
flex-direction: column;
align-items: center;
padding-top: 10px;
padding-bottom: 15px;
display: flex;
position: relative;
}
.feature-link-block:hover {
opacity: 1;
outline-color: var(--white);
outline-offset: 0px;
outline-width: 2px;
outline-style: none;
}
.feature-link-block.wik-ver {
align-items: flex-start;
}
.feature-link-block.f-l-b-v2 {
opacity: 1;
padding: 15px;
transition: none;
}
.feature-link-block.f-l-b-v2:hover {
background-color: var(--blue-low-transparent);
text-shadow: none;
}
.feature-link-block.flb-v3 {
background-image: linear-gradient(to bottom, var(--v-dark-purp), var(--v-dark-purp)), linear-gradient(to bottom, var(--black), var(--black));
opacity: 1;
outline-color: var(--transparent-purp);
outline-offset: 0px;
color: var(--dark-slate-blue);
border-radius: 6px;
outline-width: .2px;
outline-style: solid;
width: 300px;
height: 280px;
margin-top: 2px;
padding-top: 0;
overflow: hidden;
}
.feature-link-block.flb-v3:hover {
outline-color: var(--dodger-blue-bright);
color: var(--dodger-blue-bright);
text-shadow: none;
}
.thumbnail-txt-block {
color: var(--dodger-blue);
max-width: 280px;
font-family: "Gillsans 01", sans-serif;
}
.thumbnail-txt-block.ttb-v2 {
color: var(--dodger-blue);
text-align: left;
padding-left: 5px;
padding-right: 5px;
font-family: "Gillsans 01", sans-serif;
line-height: 23px;
}
.thumbnail-txt-block.ttb-v3 {
color: var(--dodger-blue);
text-align: center;
max-width: 100%;
margin-bottom: 20px;
font-family: "Gillsans 08", sans-serif;
line-height: 24px;
}
.thumbnail-txt-block.ttb-v4 {
background-color: var(--v-dark-purp);
opacity: .52;
color: var(--dodger-blue);
border-radius: 4px 4px 0 0;
margin-right: 10px;
padding: 3px 3px 1px;
font-family: "Gillsans 08", sans-serif;
font-size: 12px;
font-style: italic;
line-height: 22px;
position: absolute;
inset: 135px 0% auto auto;
}
.thumbnail-txt-block.ttb-v4.ttb-v4-2 {
background-color: var(--dodger-blue-bright);
color: var(--white);
top: 125px;
}
.thumbnail-txt-block.ttb-v6 {
color: #ffffffd1;
text-align: center;
max-width: 260px;
margin-bottom: 20px;
font-family: "Gillsans 08", sans-serif;
}
.thumbnail-txt-block.ttb-v7 {
background-color: var(--bluish-trans-shadow);
opacity: .52;
color: var(--mid-opacity);
border-radius: 4px 4px 0 0;
padding: 3px 8px 1px;
font-family: "Gillsans 08", sans-serif;
font-size: 12px;
font-style: italic;
line-height: 22px;
position: absolute;
inset: auto auto 0%;
}
.thumbnail-txt-block.ttb-v7.ttb-v4-2 {
background-color: var(--dodger-blue-bright);
color: var(--white);
top: 125px;
}
.thumbnail-txt-block.ttb-v8 {
z-index: 3;
opacity: .52;
color: #ffc074;
background-color: #b97d34f2;
border-radius: 5px 5px 0 0;
max-width: none;
padding: 3px 8px 1px;
font-family: "Gillsans 08", sans-serif;
font-size: 12px;
font-style: italic;
line-height: 22px;
position: absolute;
inset: 0% 0% auto;
}
.thumbnail-txt-block.ttb-v8.ttb-v4-2 {
background-color: var(--dodger-blue-bright);
color: var(--white);
top: 125px;
}
.thumbnail-txt-block.ttb-v2-copy {
color: var(--white);
}
.thumbnail-txt-block.ttb-v10 {
text-align: left;
padding-left: 20px;
padding-right: 20px;
font-family: "Gillsans 01", sans-serif;
line-height: 23px;
}
.more-media-head {
color: var(--dodger-blue);
text-shadow: 1px 1px 6px #1d1826ad;
margin-bottom: 20px;
font-family: "Gillsans 05", sans-serif;
font-size: 14px;
line-height: 28px;
}
.ffw-container {
flex-direction: column;
align-items: center;
width: 100%;
max-width: 1100px;
}
.ffw-container.ffwc-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: row;
align-items: stretch;
margin-top: 0;
display: flex;
}
.ffw-container.ffwc-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: row;
align-items: stretch;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.ffw-container.ffwc-4 {
grid-column-gap: 10px;
border: 1px solid var(--white-trans);
border-radius: 7px;
flex-flow: row;
align-items: stretch;
margin-top: 40px;
margin-bottom: 0;
display: flex;
overflow: hidden;
}
.ffw-container.ffwc-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: wrap;
align-items: flex-end;
margin-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.ffw-container.ffwc-3b {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.item-33_perc {
text-align: left;
justify-content: center;
}
.ffw-img {
filter: none;
height: 40px;
margin-bottom: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.media-txt-header {
color: var(--dodger-blue);
text-align: center;
flex-direction: column;
align-items: center;
max-width: 400px;
margin-top: 80px;
margin-bottom: 60px;
font-family: "Gillsans 05", sans-serif;
display: flex;
}
.media-txt-header.mth-alt1 {
max-width: 80%;
margin-top: 0;
margin-bottom: 0;
}
.new-nav-icon-link {
background-color: var(--blue-low-transparent);
filter: none;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/655cf6b1bf6699e32f7fb995_flare_FILL0_wght100_GRAD200_opsz48.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 50%;
border-radius: 5px;
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
padding: 0;
}
.new-nav-icon-link:hover {
outline-color: var(--white);
}
.new-nav-icon-link.nnil-explore {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/654132310c8495e60335fd4f_travel_explore.png");
}
.new-nav-icon-link.nnil-menu {
background-color: var(--blue-low-transparent);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6538af5f7013bf35ab04c6bd_line%20menu.webp");
background-size: auto 35%;
}
.nav-search-main {
cursor: text;
border-radius: 7px;
margin-bottom: 0;
transition: all .2s;
position: relative;
}
.search-result-list {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
margin-top: 20px;
display: flex;
}
.search-result-item {
grid-column-gap: 10px;
grid-row-gap: 10px;
border: 1px solid var(--transparent-purp);
background-color: var(--darkest-purp);
border-radius: 7px;
flex-direction: column;
padding: 15px;
display: flex;
}
.search-result-item:hover {
border-color: var(--dodger-blue);
}
.text-block-15 {
color: var(--chroma-4);
margin-top: -10px;
font-size: 10px;
font-style: italic;
}
.high-feat-holder {
border: 1px solid var(--chroma-4);
background-color: var(--transparent-purp);
color: var(--white);
border-radius: 7px;
justify-content: center;
align-items: center;
width: 97%;
margin-bottom: 40px;
padding: 0;
position: relative;
overflow: hidden;
}
.high-feat-holder.w--current {
background-color: var(--transparent-purp);
padding: 0;
display: none;
}
.high-feat-inner {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--chroma-4), var(--transparent-purp) 73%), radial-gradient(circle farthest-corner at 50% 50%, #0d0a13f7, #110a1ed9 56%, var(--transparent-purp));
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
height: auto;
padding: 50px 15% 40px;
display: flex;
position: relative;
}
.thumbnail-sect {
padding: 0 40px 60px 20px;
}
.feat-cat-holder {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
margin-top: 40px;
display: flex;
}
.feat-cat-holder.fc-c-h-2 {
flex-wrap: nowrap;
justify-content: flex-start;
max-width: 80vw;
margin-top: 0;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 10vw;
overflow: auto;
}
.feat-cat-holder.fc-c-h-3 {
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
max-width: 100%;
margin-top: -30px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 30px;
overflow: auto;
}
.feat-cat-holder.fc-c-h-4 {
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
padding: 20px 20px 10px;
overflow: auto;
}
.large-block-holder {
grid-column-gap: 40px;
grid-row-gap: 40px;
width: 100%;
height: 600px;
padding: 2px 60px 40px 7.5%;
display: flex;
overflow: auto;
}
.large-sq-block {
background-color: var(--black);
border-radius: 20px;
justify-content: center;
align-items: center;
width: 600px;
min-width: 600px;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.large-sq-block:hover {
outline-color: var(--white);
}
.large-sq-txt-holder {
background-image: linear-gradient(to bottom, var(--transparent-purp), #2c99ff36);
flex-direction: column;
justify-content: flex-end;
min-height: 50%;
padding: 20px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.game-holderz {
width: 100%;
margin-left: -5%;
position: relative;
overflow: hidden;
}
.fade-block-r {
background-image: linear-gradient(270deg, var(--v-dark-purp) 14%, var(--transparent-purp));
width: 10%;
position: absolute;
inset: 0% 0% 0% auto;
}
.fade-block-r.fdr-l {
background-image: linear-gradient(270deg, var(--transparent-purp), var(--v-dark-purp) 86%);
width: 5%;
inset: 0% auto 0% 0%;
}
.collection-item-3 {
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
border-radius: 4px;
outline-width: 1px;
outline-style: none;
}
.collection-item-3:hover {
outline-offset: 0px;
outline-style: solid;
}
.premium-info-panel {
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
overflow: visible;
}
.premium-selects {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
height: 80vh;
padding: 10px;
display: flex;
}
.main-tabber {
background-color: var(--blue-low-transparent);
background-image: linear-gradient(180deg, var(--transparent-purp) 11%, var(--black-low-transp) 91%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6470d7caa55b9bf8078704b3_the%20bowl.webp");
opacity: .62;
filter: none;
outline-color: var(--transparent-purp);
outline-offset: 0px;
color: var(--dodger-blue);
text-align: right;
background-position: 0 0, 45% 100%;
background-size: auto, cover;
border-radius: 6px;
outline-width: 2px;
outline-style: solid;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 25%;
min-width: 220px;
height: 100%;
padding: 10px 0 0;
transition: opacity .2s, width .2s;
display: flex;
position: relative;
overflow: hidden;
}
.main-tabber:hover {
box-shadow: 0 0 8px 0 var(--chroma-4);
opacity: 100;
filter: none;
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.main-tabber.w--current {
filter: none;
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
width: 70%;
}
.main-tabber.mt-4 {
background-image: linear-gradient(to bottom, var(--transparent-purp) 11%, var(--black-low-transp) 91%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65526afbfafe74067762eac7_748241_ink%20drawing%2C%20illustration%2C%20muslim%20woman%20with%20sage%20_xl-1024-v1-0.png");
background-position: 0 0, 50% 100%;
}
.main-tabber.mt-1 {
background-image: linear-gradient(to bottom, var(--transparent-purp) 11%, var(--black-low-transp) 91%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6540312097fb95f407f8fd20_CHAPTER-1-NYKIA-LEAPS-min.webp");
text-align: center;
background-position: 0 0, 80%;
}
.main-tabber.mt-2 {
background-image: linear-gradient(180deg, var(--transparent-purp) 11%, var(--black-low-transp) 91%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65e514d495197313d5c696ca_TESTIMONY%207-2.jpg");
background-position: 0 0, 72% 100%;
background-size: auto, cover;
}
.main-tabber.mt-5 {
background-image: linear-gradient(to bottom, var(--transparent-purp) 11%, var(--black-low-transp) 91%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6553262e1d33c702ffad6298_jkopy.png");
width: 50%;
}
.main-tabber.mt-5.w--current {
width: 75%;
}
.main-tabber.mt-6 {
background-image: linear-gradient(to bottom, var(--transparent-purp) 11%, var(--black-low-transp) 91%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6553262de9b7de556fa0c1b7_Layer%203%20copy.png");
width: 50%;
}
.main-tabber.mt-6.w--current {
width: 75%;
}
.main-tabber.mt-7 {
background-image: linear-gradient(180deg, var(--transparent-purp) 11%, var(--black-low-transp) 91%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/654958b6beabdba764ad3fd2_COVER-10th%20Anniversary.jpg");
background-position: 0 0, 50%;
width: 33%;
}
.main-tabber.mt-7.w--current {
width: 75%;
}
.main-tabber.mt-8 {
background-image: linear-gradient(180deg, var(--transparent-purp) 11%, var(--black-low-transp) 91%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6547a98212a57d72aea63bf3_Group%203.png");
background-position: 0 0, 50%;
width: 33%;
}
.main-tabber.mt-8.w--current {
background-image: linear-gradient(to bottom, var(--transparent-purp) 11%, var(--black-low-transp) 91%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6547a98212a57d72aea63bf3_Group%203.png");
width: 75%;
}
.main-tabber.mt-9 {
background-image: linear-gradient(180deg, var(--transparent-purp) 11%, var(--black-low-transp) 91%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/654958b7f8cca218125084d5_COVER-GET%20ON%20THIS%20WAVE.jpg");
background-position: 0 0, 50%;
width: 33%;
}
.main-tabber.mt-9.w--current {
width: 75%;
}
.main-tabber.mt-10 {
background-image: linear-gradient(to bottom, var(--transparent-purp) 11%, var(--black-low-transp) 91%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/654958b6ddfe8643ec662855_COVER-Adeline%20and%20Arias.jpg");
background-position: 0 0, 50%;
}
.main-tabber.mt-10.w--current {
width: 75%;
}
.main-tabber.mt-12 {
background-image: linear-gradient(180deg, var(--transparent-purp) 11%, var(--black-low-transp) 91%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6601ee339bf1f85985d9586b_UJI%20CENCUS%20MAP.jpg");
background-position: 0 0, 90% 10%;
background-size: auto, auto 130%;
width: 50%;
}
.main-tabber.mt-12.w--current {
width: 75%;
}
.main-tabber.mt-13 {
background-image: linear-gradient(180deg, var(--transparent-purp) 11%, var(--black-low-transp) 91%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65f49c73f9eb362af612451b_MOTHER%20ISLES%20THUMBNAIL.jpg");
width: 50%;
}
.main-tabber.mt-13.w--current {
width: 75%;
}
.premium-logo {
width: 100%;
}
.premium-logo.pl-3 {
object-fit: contain;
max-height: 70px;
padding-left: 20%;
padding-right: 20%;
}
.premium-logo.pl-4 {
width: auto;
max-height: 80px;
}
.premium-logo.pl-5 {
height: 50px;
}
.premium-logo.pl-ex {
aspect-ratio: 2.39;
object-fit: contain;
height: 50px;
padding-left: 20%;
padding-right: 20%;
}
.tpxx {
border-radius: 7px;
height: 100%;
}
.premium-pullout {
grid-column-gap: 20px;
grid-row-gap: 20px;
border: 1px solid var(--dodger-blue-bright);
background-color: var(--v-dark-purp);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
color: var(--white);
border-radius: 5px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
height: 100%;
padding: 30px 30px 50px 40px;
display: flex;
position: relative;
}
.premium-selector {
background-image: none;
padding-bottom: 0;
}
.tabs-content-4 {
transform-style: preserve-3d;
transform: translate3d(0, 0, -29px);
}
.premo-header {
color: var(--dodger-blue);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6558e05b840455618c9b992f_star1.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto 17px;
padding-left: 25px;
font-family: "Gillsans 05", sans-serif;
font-size: 19px;
}
.premo-header.ph-v2 {
font-size: 12px;
line-height: 14px;
}
.arrow-inner {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6583b594af21ee3aa8425b79_starryys.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0;
width: 80px;
height: 80px;
position: absolute;
inset: -45px auto auto 22.5%;
}
.arrow-inner.ar-i-3 {
left: 57.5%;
}
.arrow-inner.ar-i-4 {
left: 75%;
}
.arrow-inner.ar-i-2 {
left: 40%;
}
.arrow-inner.ar-i-5 {
left: 31%;
}
.arrow-inner.ar-i-6 {
left: 67.5%;
}
.arrow-inner.ar-i-7 {
left: 46%;
}
.arrow-inner.ar-i-8 {
left: 70%;
}
.arrow-inner.ar-i-11 {
left: 27%;
}
.premo-content-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
align-items: flex-start;
width: 70%;
margin-bottom: -10px;
display: flex;
}
.premium-pin-img {
height: 85px;
margin-top: 30px;
}
.premo-tag-holder {
align-items: center;
margin-top: 10px;
padding-bottom: 15px;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.minature-sub {
color: var(--mid-opacity);
font-family: "Gillsans 09", sans-serif;
font-size: 12px;
line-height: 12px;
}
.minature-sub.ms-purp {
color: var(--woku-purp);
}
.premium-button-holder {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: flex-start;
display: flex;
}
.dive-in-sect {
background-color: var(--v-dark-purp);
padding-top: 130px;
padding-bottom: 20px;
}
.new-footer-holder {
z-index: 998;
border-top: 1px solid var(--chroma-4);
background-color: var(--v-dark-purp);
margin-bottom: -20px;
position: relative;
}
.new-footer-holder.nfh-blue {
background-color: var(--v-dark-purp);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
}
.new-footer-holder.nfh-purp {
background-image: linear-gradient(to bottom, var(--black), var(--black));
}
.div-block-175 {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-image: linear-gradient(to bottom, var(--black-low-transp), var(--black-low-transp));
border-radius: 7px;
justify-content: space-between;
align-items: center;
padding: 20px;
display: flex;
position: relative;
}
.div-block-175:hover {
outline-color: var(--white);
outline-offset: 0px;
outline-width: 2px;
outline-style: solid;
}
.div-block-176 {
border-right: 1px solid var(--white-light);
padding-right: 10px;
}
.image-53 {
width: 30px;
height: 30px;
transform: rotate(90deg);
}
.rich-text-block-2 {
margin-bottom: -10px;
}
.collection-list-wrapper-5 {
padding-bottom: 30px;
padding-left: 10px;
}
.get-help-link-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--dark-blue);
outline-color: var(--chroma-4);
outline-offset: 0px;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/655634cd5bbc37eb1195df6a_skies.jpg"), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6558efbcba4706dfb39776b9_Asset%202.png");
background-position: 100% 100%, 100% 100%;
background-repeat: repeat, no-repeat;
background-size: auto, contain;
border-radius: 7px;
outline-width: 1px;
outline-style: none;
flex-direction: column;
justify-content: center;
align-items: flex-start;
min-height: 400px;
padding: 40px 20% 40px 40px;
display: flex;
overflow: hidden;
}
.get-help-link-block:hover {
box-shadow: 0 0 10px 0 var(--chroma-4);
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
text-shadow: none;
outline-width: 1px;
outline-style: solid;
}
.get-help-link-block.ghlb-2 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6558eed187a5a72a4060f556_Asset%201.png"), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65360faed209e6036430b0ad_lll-min.webp");
background-position: 100% 100%, 50% 100%;
background-repeat: no-repeat, repeat;
background-size: contain, cover;
}
.get-help-link-block.ghlb-3 {
text-align: center;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6558f01c36c599db0bb94526_STAR-HOLD6.png"), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6558f0151e772cae143c0b46_STAR-HOLD7.png"), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/655634cd5bbc37eb1195df6a_skies.jpg");
background-position: 0 0, 100% 100%, 100% 100%;
background-repeat: no-repeat, no-repeat, repeat;
background-size: contain, contain, cover;
align-items: center;
padding-left: 10%;
padding-right: 10%;
}
.get-help-link-block.ghlb-5 {
text-align: center;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6558f01c36c599db0bb94526_STAR-HOLD6.png"), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6558f0151e772cae143c0b46_STAR-HOLD7.png"), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6553262de9b7de556fa0c1b7_Layer%203%20copy.png");
background-position: 0 0, 100% 100%, 50%;
background-repeat: no-repeat, no-repeat, repeat;
background-size: contain, contain, cover;
align-items: center;
min-height: 500px;
padding-left: 10%;
padding-right: 10%;
}
.get-help-link-block.ghlb-6 {
text-align: center;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6601ee154d9f0da6bcf0aab3_UJI%20MAP%20THUMBNAIL.jpg");
background-position: 50% 0;
background-repeat: repeat;
background-size: cover;
align-items: center;
min-height: 500px;
padding-left: 10%;
padding-right: 10%;
}
.get-help-link-block.ghlb-10 {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: var(--v-dark-purp);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66121f4268ca560c90753b2e_Copy%20of%20glow(2).jpg"), linear-gradient(180deg, var(--transparent-purp) 83%, var(--dark-blue-mid-opac)), linear-gradient(to bottom, var(--dodger-blue), var(--dodger-blue));
box-shadow: none;
outline-offset: 0px;
text-align: center;
background-position: 50%, 0 0, 0 0;
background-repeat: repeat, repeat, repeat;
background-size: cover, auto, auto;
border-radius: 7px;
outline: 3px #ed8f1d;
align-items: center;
min-height: 500px;
margin-left: 10px;
margin-right: 10px;
padding-left: 10%;
padding-right: 10%;
}
.get-help-link-block.ghlb-10.ghlb-10-v2 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66121f4268ca560c90753b2e_Copy%20of%20glow(2).jpg"), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/661219fb51674029e05fea0f_Copy%20of%20glow(1).jpg"), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65dfab2aa74497a5e153eaf5_1.jpg"), linear-gradient(180deg, var(--transparent-purp) 83%, var(--dark-blue-mid-opac)), linear-gradient(to bottom, transparent, transparent);
background-position: 0 0, 0 0, 50%, 0 0, 0 0;
background-repeat: repeat, repeat, repeat, repeat, repeat;
background-size: cover, cover, cover, auto, auto;
margin-right: 20px;
}
.get-help-link-block.ghlb-11 {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: var(--v-dark-purp);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65d2a93e29f6f9c10f4bb65e_glow(18).jpg"), linear-gradient(180deg, var(--transparent-purp) 83%, var(--dark-blue-mid-opac)), linear-gradient(to bottom, var(--dodger-blue), var(--dodger-blue));
box-shadow: none;
outline-offset: 0px;
text-align: center;
background-position: 50%, 0 0, 0 0;
background-repeat: repeat, repeat, repeat;
background-size: cover, auto, auto;
border-radius: 7px;
outline: 3px #ed8f1d;
align-items: center;
min-height: 500px;
margin-right: 5vw;
padding-left: 10%;
padding-right: 10%;
}
.get-help-link-block.ghlb-11.ghlb-11--2 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66121f4268ca560c90753b2e_Copy%20of%20glow(2).jpg"), linear-gradient(180deg, var(--transparent-purp) 83%, var(--dark-blue-mid-opac)), linear-gradient(to bottom, transparent, transparent);
margin-left: 100px;
margin-right: 100px;
}
.count-tx {
z-index: 30;
background-color: var(--v-dark-purp);
color: var(--dodger-blue);
text-align: center;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 22px;
height: 22px;
margin-top: 7.5px;
margin-right: 7.5px;
padding-left: 1.5px;
font-size: 14px;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.count-tx.ct-white {
background-color: var(--white);
color: var(--dodger-blue);
}
.div-hides-on-mobile-only.div-hide-mobland.hider-c {
flex-direction: column;
align-items: center;
display: flex;
}
.quick-stack, .quick-stack-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
padding: 0;
}
.header-hider {
z-index: 10;
background-image: linear-gradient(to bottom, var(--black-low-transp), var(--transparent-purp));
width: 100%;
height: 70px;
margin-bottom: 100px;
position: sticky;
inset: 0% 0% auto;
}
.explore-block {
padding: 30px 5% 10px;
}
.q-stack-block {
background-color: #174e82;
border-radius: 7px;
flex-direction: column;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 100px;
transition: all .2s cubic-bezier(.39, .575, .565, 1);
display: flex;
overflow: hidden;
}
.q-stack-block:hover {
box-shadow: 0 0 20px -2px var(--black-low-transp);
transform: translate(-10px)scale(1.05);
}
.q-stack-block.qsb-line:hover {
outline-color: var(--white);
outline-offset: 0px;
outline-width: 2px;
outline-style: solid;
}
.q-stack-block.qsb-3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-image: linear-gradient(to bottom, var(--white), var(--white));
flex-direction: row;
align-items: center;
padding: 20px 25px;
}
.q-stack-block.qsb-3:hover {
outline-color: var(--white);
outline-offset: 0px;
outline-width: 2px;
outline-style: solid;
}
.white-banner {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: var(--white);
color: var(--v-dark-purp);
flex-direction: row;
justify-content: flex-start;
align-items: center;
min-height: 100px;
padding: 20px 25px;
display: flex;
}
.div-block-180 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column wrap;
align-items: flex-start;
min-height: 50px;
padding: 20px;
display: flex;
}
.circ-thumb-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
min-height: 50px;
padding: 20px;
display: grid;
}
.circ-thumb-img {
max-width: none;
height: 100%;
}
.dive-in-blockz {
grid-column-gap: 30px;
grid-row-gap: 30px;
perspective: 349px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-185 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
min-height: 30px;
display: flex;
}
.footer-icon-link {
background-color: var(--blue-low-transparent);
opacity: .38;
filter: none;
outline-color: var(--mid-opacity);
outline-offset: 0px;
color: var(--dodger-blue);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6538af5fa52fc349229b0562_line%20search.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 45%;
border-radius: 5px;
outline-width: 1px;
outline-style: solid;
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
}
.footer-icon-link:hover {
border-color: var(--white);
background-color: var(--white);
opacity: 1;
filter: none;
outline-color: var(--white);
}
.footer-icon-link.tik {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/655679f0e9a59722eda95631_Asset%201.png");
}
.footer-icon-link.twit {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/655679f02c52557c7e403215_Asset%202.png");
}
.footer-icon-link.yout {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/655679f32848e46fc29c038a_Asset%203.png");
}
.footer-icon-link.insta {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66f055313a4d873485628775_1.png");
background-size: auto 55%;
}
.div-block-186 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.new-foot-img {
filter: saturate(200%);
object-fit: contain;
height: 100%;
}
.new-foot-img.nfi-2 {
filter: none;
height: 120%;
}
.div-block-188-copy {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
align-items: center;
width: 125px;
min-width: 125px;
display: flex;
}
.link-new-foot-logos {
opacity: .43;
justify-content: center;
align-items: center;
width: 45%;
display: flex;
overflow: hidden;
}
.link-new-foot-logos:hover {
opacity: .86;
}
.link-new-foot-logos.w--current:hover {
opacity: 1;
}
.new-foot-txt {
text-align: left;
margin-left: 20px;
font-size: 7.5px;
line-height: 15px;
}
.txt-plain {
white-space: nowrap;
}
.txt-plain.tp-2 {
color: var(--chroma-4);
}
.txt-plain.tp-2.tp2-break {
white-space: normal;
}
.txt-plain.tp-allowbreak {
white-space: normal;
padding-right: 40%;
}
.txt-plain.tp-allowbreak.tp-white {
color: var(--white);
}
.txt-plain.tp-norm {
color: var(--dodger-blue);
white-space: normal;
padding-right: 0%;
}
.txt-plain.tp-norm.tp-white {
color: var(--white);
}
.bottom-tx-hold {
background-image: linear-gradient(to bottom, var(--transparent-purp), #00000091 68%);
filter: grayscale() brightness(400%);
text-align: center;
text-shadow: none;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: space-between flex-end;
align-items: stretch;
width: 100%;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.bottom-tx-hold:hover {
text-shadow: none;
}
.bottom-tx-hold.bth-v2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-image: linear-gradient(180deg, #0f152200, #0f15228a 33%, #0f1522c2 48%, var(--desat-blue) 87%);
filter: none;
grid-template-rows: auto 50px;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 50px;
padding-bottom: 30px;
display: grid;
}
.bottom-tx-hold.bth-ex {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-image: linear-gradient(180deg, #0f152200, #0f15228a 33%, #0f1522c2 48%, var(--desat-blue) 87%);
filter: none;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 50px;
padding-bottom: 0;
display: grid;
}
.circ-icon-holderz {
grid-column-gap: 10px;
grid-row-gap: 10px;
opacity: .89;
filter: saturate(93%);
color: var(--white);
text-align: center;
background-image: none;
border-radius: 7px;
flex-direction: column;
align-items: center;
padding: 20px;
display: flex;
position: relative;
overflow: hidden;
}
.circ-icon-holderz:hover {
opacity: 1;
filter: saturate(120%);
outline-offset: 0px;
outline: 2px solid #fff;
}
.div-block-182-copy {
background-color: var(--v-dark-purp);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 6vw;
min-width: 50px;
height: 6vw;
min-height: 50px;
display: flex;
overflow: hidden;
}
.star-based-icon {
height: 16px;
}
.star-based-icon.sbi-2 {
margin-top: -10px;
}
.star-based-icon.sbi-6 {
height: 90px;
margin-top: -10px;
margin-left: -35px;
margin-right: -30px;
}
.star-stack {
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: flex-start;
display: flex;
}
.star-stack.ss-v3 {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
}
.star-stack.ss-v4 {
margin-left: 10px;
margin-right: 10px;
}
.star-stack.ss-v5 {
align-items: center;
height: 40px;
margin-bottom: 10px;
margin-left: 0;
margin-right: 10px;
padding-top: 10px;
}
.star-stack.ss-v6 {
text-align: center;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 10px;
}
.peek-a-booz {
height: 98vh;
margin-top: -3px;
margin-right: -20px;
overflow: hidden;
}
.rounded-all-hold {
outline-color: var(--v-dark-purp);
outline-offset: 0px;
border-radius: 14px;
outline-width: 500px;
outline-style: solid;
margin: 10px;
overflow: hidden;
}
.tester {
padding-bottom: 0;
overflow: hidden;
}
.image-54 {
object-fit: scale-down;
width: 55px;
height: 55px;
}
.div-block-192 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.explore-img {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6553262e1d33c702ffad6298_jkopy.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
min-height: 350px;
position: relative;
}
.explore-img.doub {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/655a20b0056f1bc183a80373_0_sloping%20island%20with%20sci-fi%20city%20at%20apex_esrgan-v1-x2plus.png");
min-height: 700px;
}
.collection-list-wrapper-6 {
flex-direction: column;
}
.itemz {
width: 95%;
}
.itemz.iz-2 {
width: 45%;
}
.save-me-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.save-me-grid.smg-2 {
grid-template-columns: 1.25fr .75fr 1fr 1fr;
}
.ffw-body {
background-color: var(--v-dark-purp);
}
.game-all-hold {
height: auto;
position: relative;
}
.media-topper-cover {
z-index: 999;
border-bottom: 1px solid var(--dodger-blue);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent)), linear-gradient(180deg, var(--transparent-purp) 27%, var(--black-low-transp) 55%), linear-gradient(180deg, var(--transparent-purp) 43%, var(--black2) 97%);
flex-direction: column;
justify-content: flex-end;
height: 100vh;
display: flex;
position: relative;
overflow: visible;
}
.head-select {
z-index: 1002;
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
display: flex;
}
.wi-stack-div {
flex-direction: column;
align-items: flex-start;
padding-bottom: 10px;
display: flex;
}
.media-top-holder {
z-index: 10;
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: column;
align-items: flex-start;
margin-bottom: 50px;
margin-left: 40px;
margin-right: 40px;
display: flex;
position: relative;
}
.media-coll-list {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.media-coll-list.mcl-v2b {
justify-content: center;
align-items: flex-start;
}
.media-drop-inner {
grid-column-gap: 15px;
grid-row-gap: 15px;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
padding: 140px 20px 100px;
display: flex;
overflow: hidden;
}
.game-embedded {
z-index: 2;
background-color: var(--v-dark-purp);
height: 100vh;
position: relative;
overflow: hidden;
}
.media-bg-img {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
height: 100vh;
position: fixed;
inset: 0% 0% auto;
}
.media-bg-img.mgbi-desktop {
filter: contrast(116%) saturate(135%);
background-position: 50%;
}
.media-bg-img.mgbi-mobile {
filter: contrast(116%) saturate(135%);
background-position: 50%;
display: none;
}
.div-block-203 {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-top: 20px;
display: flex;
}
.click-to-resume {
z-index: 1010;
background-color: var(--mid-opacity);
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.game-hider-holder {
max-height: 100vh;
overflow: hidden;
}
.story-all-hold, .music-all-hold, .record-all-hold {
z-index: 5;
height: auto;
position: relative;
}
.div-block-204 {
border-radius: 10px;
margin: 10px;
overflow: hidden;
}
.div-block-205 {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-style: solid solid solid none;
border-width: 1px;
border-color: var(--blue-low-transparent);
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
justify-content: center;
align-items: stretch;
margin-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
display: none;
}
.ffw-subber-holder {
z-index: 992;
grid-column-gap: 10px;
grid-row-gap: 10px;
border-bottom: 1px solid var(--blue-low-transparent);
background-color: var(--v-dark-purp);
flex-direction: column;
justify-content: center;
align-items: stretch;
padding: 195px 25px 15px 0;
display: flex;
position: sticky;
top: 0;
}
.ffw--highlight-div {
z-index: 2;
grid-column-gap: 20px;
grid-row-gap: 20px;
border-bottom: 1px solid var(--blue-low-transparent);
background-color: var(--v-dark-purp);
flex-direction: column;
width: 100%;
padding: 20px 15px;
display: flex;
position: relative;
}
.ffw--highlight-div.fhd-2 {
border-bottom-style: none;
}
.ffw-highlight-holder {
width: 100%;
height: auto;
padding-right: 0;
position: relative;
overflow: auto;
}
.wi-head-pin {
z-index: 10;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--dodger-blue);
box-shadow: 0 0 20px 0 var(--chroma-4);
align-items: center;
width: 100%;
height: 50px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: sticky;
inset: 0 0% auto;
}
.image-57 {
filter: none;
color: var(--v-dark-purp);
width: 20px;
}
.wi-title {
color: var(--v-dark-purp);
font-family: "Gillsans 05", sans-serif;
}
.pop-arrowz {
background-color: var(--white);
border-radius: 5px;
width: 20px;
height: 20px;
transform: rotate(45deg);
}
.pop-arrowz.pa-index {
background-color: var(--transparent-purp);
background-image: linear-gradient(to bottom, var(--bluish-trans-shadow), var(--bluish-trans-shadow)), linear-gradient(to bottom, var(--darkest-purp), var(--darkest-purp));
}
.pop-arrowz.pa-time {
background-color: var(--v-dark-purp);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
}
.pop-block {
background-color: var(--white);
border-radius: 7px;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
position: relative;
}
.pop-arrowz-holder {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: -8px 0% auto;
}
.pop-txt {
color: var(--dodger-blue);
text-align: center;
letter-spacing: 1px;
justify-content: center;
align-items: center;
font-family: "Gillsans 05", sans-serif;
font-size: 14px;
display: flex;
position: absolute;
inset: 0%;
}
.pop-txt.pa-index-txt {
color: var(--dodger-blue);
}
.pop-txt.time-index-txt {
color: var(--dodger-blue);
font-family: "Gillsans 01", sans-serif;
}
.pop-holder {
justify-content: center;
align-items: center;
width: 90px;
display: flex;
position: relative;
}
.pop-holder.ph-2 {
box-shadow: 0 0 15px 0 var(--black-low-transp);
width: 120px;
}
.pop-holder.ph-3 {
width: 70px;
}
.pop-holder.ph-time {
box-shadow: 0 0 15px 0 var(--black-low-transp);
border-top-left-radius: 7px;
border-top-right-radius: 7px;
width: auto;
margin-top: 10px;
}
.pop-dropdown-list {
background-color: #ddd;
}
.pop-dropdown-list.w--open {
background-color: var(--transparent-purp);
padding-top: 17.5px;
left: -25px;
}
.pop-dropdown-list.pdl-2.w--open {
left: -40px;
}
.pop-dropdown-list.pdl-3.w--open {
left: -15px;
}
.nn-link {
border: 1px solid var(--mid-opacity);
background-color: #0000002e;
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
border-radius: 5px;
box-shadow: 0 0 5px #0000001f;
}
.nn-link:hover {
border-color: var(--white);
filter: none;
outline-color: var(--dodger-blue);
text-shadow: none;
}
.nn-link.w--current {
border-color: var(--white);
background-color: var(--white);
outline-color: var(--mid-opacity);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
}
.nn-link.w--current:hover {
background-color: var(--white);
outline-color: var(--white);
}
.nn-link.nn-l-2 {
outline-color: var(--mid-opacity);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
}
.nn-link.nn-l-2:hover {
filter: none;
outline-color: var(--white);
}
.nn-link.nn-l-2.w--current {
outline-color: var(--white);
outline-offset: 0px;
outline-width: 2px;
outline-style: solid;
}
.ffw-title-holder {
z-index: 993;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-bottom: -150px;
display: flex;
position: relative;
}
.ffw-divs {
grid-column-gap: 10px;
grid-row-gap: 10px;
opacity: .5;
color: var(--dodger-blue);
flex-direction: column;
align-items: flex-start;
display: flex;
}
.ffw-divs:hover {
opacity: 1;
}
.ffw-divs.ffw-d-2 {
opacity: 1;
color: var(--white);
flex-direction: row;
align-items: center;
}
.ffw-highlight-non {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
opacity: .57;
color: var(--dodger-blue);
flex-direction: column;
align-items: flex-start;
padding: 30px 15px 20px;
display: flex;
position: absolute;
inset: 60px 0% auto;
}
.ffw-all-hold {
flex-direction: column;
align-items: stretch;
width: 100%;
display: flex;
}
.ffw-page-mid {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.ffw-page-mid.ffw-p-m-v2 {
align-items: flex-start;
}
.ffw-kor-selector {
outline-color: var(--blue-low-transparent);
outline-offset: 0px;
border-radius: 3px;
outline-width: 1px;
outline-style: solid;
flex-direction: row;
align-items: center;
width: 100%;
height: 100px;
display: flex;
overflow: hidden;
}
.ffw-kor-selector:hover {
border-left-color: var(--transparent-purp);
box-shadow: 0 0 10px 0 var(--chroma-4);
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
text-shadow: none;
outline-width: 1px;
outline-style: solid;
}
.ffw-kor-selector.ffw-k-s-2 {
flex-direction: column;
height: auto;
}
.ffw-kor-selector.ffw-k-s-narr {
background-color: var(--transparent-purp);
flex-direction: column;
justify-content: space-between;
width: 175px;
height: 190px;
padding: 0;
}
.ffw-kor-selector.ffw-k-s-narr:hover {
opacity: 1;
outline-color: var(--chroma-1);
}
.ffw-highlight-kor-img {
border-right: 1px solid var(--blue-low-transparent);
background-color: var(--v-dark-purp);
filter: saturate(44%);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/656aa4b3128fda940bffcad6_POPO.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: cover;
width: 75px;
min-width: 75px;
height: 100px;
position: relative;
}
.ffw-highlight-kor-img.f-h-k-i-2 {
border-bottom: 1px solid var(--blue-low-transparent);
background-position: 50% 25%;
border-right-style: none;
width: 100%;
min-width: 100%;
}
.ffw-highlight-kor-img.f-h-k-i-narr {
border-bottom: 1px none var(--blue-low-transparent);
box-shadow: inset 0 0 20px 0 var(--chroma-4);
filter: saturate(57%);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/656aa4b3128fda940bffcad6_POPO.png");
background-position: 50%;
border-right-style: none;
width: 100%;
min-width: 100%;
min-height: 125px;
}
.ffw-highlight-col_item {
width: 100%;
}
.ffw-highlight-kor-txt {
color: var(--dodger-blue);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 20px 10px 10px;
display: flex;
}
.ffw-highlight-kor-txt.f-h-k-tt {
text-align: center;
align-items: center;
}
.ffw-highlight-kor-txt.f-h-k-narr {
grid-column-gap: 7.5px;
grid-row-gap: 7.5px;
text-align: center;
align-items: center;
}
.ffw-highlight-txt {
color: var(--chroma-4);
letter-spacing: 0;
text-transform: none;
font-family: "Gillsans 08", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 14px;
}
.ffw-highlight-txt.upper {
text-transform: uppercase;
margin-bottom: 5px;
}
.div-block-214 {
height: 100vh;
padding: 26px 26px 26px 300px;
}
.div-shows-on-mobile-landscsape {
display: none;
}
.ffw-link {
height: 40px;
margin-bottom: -5px;
transition: none;
display: flex;
}
.ffw-link:hover {
filter: brightness(400%) grayscale();
}
.kmap-link {
font-style: italic;
}
.content-pinner {
position: absolute;
inset: 0% 0% 0% auto;
}
._25-opacity {
opacity: .25;
}
.media-wi-collection {
margin-top: 20px;
margin-left: -20px;
}
.media-wi-col_item {
width: 50%;
min-width: 50%;
margin-bottom: 20px;
}
.media-extra-narrative {
grid-column-gap: 25px;
grid-row-gap: 25px;
background-color: var(--blue-low-transparent);
box-shadow: inset 0 1px 20px 0 var(--blue-low-transparent);
border-radius: 6px;
align-items: center;
width: 100%;
padding: 60px 40px 40px 10px;
display: flex;
}
.media-extra-narrative.m-e-n-2 {
border: 1px solid var(--bluish-trans-shadow);
color: var(--dodger-blue);
margin-top: 40px;
margin-bottom: 20px;
}
.media-extra-b2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
align-items: flex-start;
width: 100%;
display: flex;
}
.media-extra-subber {
grid-column-gap: 7.5px;
grid-row-gap: 0px;
flex-wrap: wrap;
width: 100%;
display: flex;
}
.media-extra-small {
font-family: "Gillsans 08", sans-serif;
font-size: 12px;
}
.media-extra-small.mes-1 {
color: var(--dodger-bright-mid-opac);
}
.media-extra-small.mes-2 {
color: var(--white);
-webkit-text-stroke-width: .5px;
white-space: nowrap;
}
.media-extra-small.mes-3 {
color: var(--white);
white-space: nowrap;
}
.media-extra-small.mes-4 {
color: var(--dodger-blue);
font-family: "Gillsans 05", sans-serif;
}
.shows-on-mobile {
display: none;
}
.shows-on-mobile.s-o-m-100 {
width: 100%;
}
.media-extra-logo-hold {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.ffw-highlight-none {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
opacity: .57;
color: var(--dodger-blue);
flex-direction: column;
align-items: flex-start;
padding: 30px 30px 20px 15px;
display: flex;
position: static;
inset: 0% 0% auto;
}
.related-wrapper {
width: 100%;
}
.user-block {
background-color: var(--slate-blue);
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65525ea6cc5417494505cbb8_Generative%20Fill%2022.jpg");
background-position: 50% 100%;
background-size: cover;
border-radius: 5px;
width: 40px;
height: 40px;
}
.div-block-215 {
margin-bottom: 20px;
}
.collection-list-3 {
flex-direction: column;
display: flex;
}
.collection-item-4 {
justify-content: flex-start;
align-items: center;
min-height: 40px;
display: flex;
}
.inner-contain-v3 {
border: 1px solid var(--blue-low-transparent);
background-color: var(--v-dark-purp);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
border-radius: 10px 10px 0 0;
flex-direction: column;
width: 100%;
height: 80vh;
margin-top: 40px;
display: flex;
position: relative;
}
.wi-scroller {
padding-top: 80px;
padding-left: 20px;
}
.arr {
filter: none;
width: 25px;
height: 25px;
transform: rotate(90deg);
}
.arr:hover {
filter: brightness(700%);
}
.arr.arr-flip {
transform: rotate(-90deg);
}
.arr-cover {
background-color: var(--v-dark-purp);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
opacity: .88;
cursor: not-allowed;
position: absolute;
inset: 0%;
}
.div-block-221-copy {
background-color: var(--midnight-blue);
background-image: linear-gradient(to bottom, #17053800 41%, #0e1037d1 76%, var(--dark-blue) 98%), linear-gradient(to bottom, #00000040, #00000040), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6540312097fb95f407f8fd20_CHAPTER-1-NYKIA-LEAPS-min.webp");
background-position: 0 0, 0 0, 50% 0;
background-size: auto, auto, cover;
flex-direction: column;
justify-content: space-around;
height: 70vh;
padding-top: 1px;
display: flex;
overflow: hidden;
}
.intro2-txt-holder {
filter: saturate(200%);
outline-color: var(--chroma-4);
outline-offset: 0px;
background-image: none;
border-radius: 7px;
outline-width: 1px;
outline-style: solid;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100%;
margin: 70px 10px 3px;
padding: 10px 45% 10px 5%;
display: flex;
position: relative;
box-shadow: 0 -50px 20px 35px #0000007a;
}
.intro2-txt-holder:hover {
outline-color: var(--white);
outline-width: 2px;
}
.mini-tx-holderz {
margin-left: 45px;
display: flex;
}
.mini-tx-holderz.mt-h-2 {
text-align: center;
justify-content: center;
margin-left: 0;
}
.mini-tx-holderz.mt-h-3 {
flex-direction: column;
}
.woku-border {
border-radius: 5px;
margin-top: 20px;
margin-left: -3px;
padding: 3px;
}
.woku-border:hover {
box-shadow: 0 0 11px 0 var(--chroma-4);
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.woku-border.wbord-hiderz {
display: none;
}
.woku-border._w-bord-nopad {
margin-top: 0;
display: none;
}
.woku-border._w-bord-opac {
opacity: .84;
margin-top: 0;
}
.woku-border._w-bord-opac:hover {
opacity: 1;
mix-blend-mode: normal;
}
.woku-border.wb-alt {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
padding-left: 10px;
display: flex;
}
.topper-tx-holder.t-tx-h-3 {
margin-bottom: 40px;
}
.pop-dropdown-list-v2 {
z-index: 1005;
background-color: #ddd;
}
.pop-dropdown-list-v2.w--open {
background-color: var(--transparent-purp);
padding-bottom: 17.5px;
position: absolute;
inset: auto -30px 45px auto;
}
.pop-arrowz-holder-v2 {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: auto 0% -8px;
}
.new-nav-icon-link-v2 {
filter: none;
width: 60px;
min-width: 60px;
height: 60px;
min-height: 60px;
padding: 0;
}
.new-nav-icon-link-v2:hover {
outline-color: var(--white);
}
.story-tog-button-v2 {
z-index: 998;
background-color: var(--transparent-purp);
opacity: .18;
filter: grayscale() brightness(2000%);
color: var(--dodger-blue);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65601bfcb20e5a63a5f98122_contrast.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 27px;
width: 60px;
height: 100%;
margin-left: -10px;
font-size: 12px;
}
.story-tog-button-v2:hover {
border-color: var(--mid-opacity);
opacity: 1;
color: var(--dodger-blue);
mix-blend-mode: normal;
}
.pop-dropdown-v2 {
border-radius: 5px;
order: -1;
margin-left: 10px;
margin-right: 0;
}
.indicator-pinner {
z-index: 995;
background-color: var(--v-dark-purp);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
outline-color: var(--chroma-4);
outline-offset: 0px;
border-radius: 6px;
outline-width: 1px;
outline-style: none;
flex-wrap: wrap;
align-items: center;
width: 80%;
height: 80px;
display: flex;
position: fixed;
inset: auto 0% 10px 10%;
box-shadow: 0 0 14px #0c0a10a1;
}
.indicator-pinner:hover {
box-shadow: 0 0 14px 0 var(--dodger-bright-mid-opac);
outline-color: var(--dodger-blue);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.indicator-right {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-end;
align-items: center;
height: 60px;
display: flex;
}
.indicator-left {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: row;
width: 100%;
max-width: 54vw;
height: 60px;
min-height: 60px;
margin-top: -2.5px;
display: flex;
position: relative;
overflow: hidden;
}
.indicator-thumbnail {
aspect-ratio: 2 / 3;
object-fit: cover;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6540312097fb95f407f8fd20_CHAPTER-1-NYKIA-LEAPS-min.webp");
background-position: 50%;
background-size: cover;
border-radius: 2px;
width: 70px;
height: 60px;
}
.indicator-txt {
flex-direction: column;
justify-content: space-around;
display: flex;
overflow: hidden;
}
.scrollerz {
z-index: 5;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
width: 100%;
height: 4px;
margin-top: -1px;
position: relative;
}
.indicator-holder {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 70px;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
display: flex;
}
.scrollerz-indicator {
background-color: var(--dodger-blue-bright);
box-shadow: 0 2px 20px 0 var(--dodger-blue);
border-radius: 20px;
width: 1%;
height: 4px;
}
.pop-block-v2 {
background-image: linear-gradient(to bottom, var(--bluish-trans-shadow), var(--bluish-trans-shadow)), linear-gradient(to bottom, var(--darkest-purp), var(--darkest-purp));
border-radius: 4px;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
position: relative;
}
.arr-hold-v2 {
filter: none;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
display: flex;
position: relative;
}
.arr-hold-v2:hover {
opacity: 1;
filter: saturate(137%);
mix-blend-mode: normal;
}
.index-arrowz-holder {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: auto 0% -8px;
}
.indicator-edge-hide {
background-image: linear-gradient(270deg, var(--blue-low-transparent), var(--transparent-purp)), linear-gradient(270deg, var(--v-dark-purp), var(--transparent-purp));
width: 10%;
position: absolute;
inset: 0% 0% 0% auto;
}
.wi-r-scroller {
background-color: var(--darkest-purp);
margin-bottom: -20px;
overflow: scroll;
}
.overlay-pinner {
min-height: 100vh;
position: relative;
}
.overlay-holder {
height: 100vh;
position: relative;
}
.blue-line-overlay {
mix-blend-mode: color-burn;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/656a5a3f796ca1b9e22e6601_lines.png");
background-position: 0 0;
background-size: auto 125px;
position: absolute;
inset: 0%;
}
.blue-line-overlay.blo-narr {
opacity: .87;
}
.wi-backg {
z-index: -1;
background-color: var(--v-dark-purp);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65727d4227ee5db3eb6b3798_timeline-blues.gif");
background-position: -25% 0;
background-repeat: no-repeat;
background-size: contain;
height: 100vh;
max-height: 100vh;
overflow: hidden;
}
.wi-backg.wi-bg-world {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65bd21346d3594c4e8d53d0c_Layer%206.png");
background-position: 100% 200px;
height: 80vh;
position: absolute;
inset: 0% 0% auto;
}
.wi-backg.wi-bg-location {
background-position: 50% 0;
background-size: cover;
}
.gradient-overlay {
background-image: linear-gradient(to bottom, var(--transparent-purp) 36%, var(--darkest-purp));
width: 100%;
height: 100%;
}
.gradient-overlay.go-alt {
background-image: linear-gradient(180deg, var(--transparent-purp) 45%, #090511e8 90%, var(--darkest-purp));
}
.wi-block-holder {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.wi-block-holder.wi-b-h-v2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
}
.wi-block-holder.wi-b-h-v6 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
margin-right: 5vw;
}
.wi-block-holder.media-featured {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
margin-bottom: 60px;
margin-right: 20px;
}
.wi-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.div-block-236 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
display: flex;
}
.char-blockz {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: var(--transparent-purp);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent)), linear-gradient(to bottom, var(--darkest-purp), var(--darkest-purp));
filter: none;
outline-color: var(--dark-slate-blue);
outline-offset: 0px;
border-radius: 4px;
outline-width: 1px;
outline-style: solid;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
transition: none;
display: flex;
}
.char-blockz:hover {
border-width: 1px;
border-color: var(--white);
background-color: var(--transparent-purp);
filter: grayscale() brightness(400%);
outline-color: var(--white);
background-image: none;
}
.char-narrative-holder {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: flex;
}
.char-bg {
background-color: var(--darkest-purp);
}
._2-wi-index-total {
grid-column-gap: 2vh;
grid-row-gap: 2vh;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 60px 20px 2vh;
display: flex;
}
._2-wi-index-total._2-wik-search {
justify-content: flex-start;
height: auto;
padding-top: 2px;
padding-left: 5px;
}
.wi-r-holder {
outline-color: var(--blue-low-transparent);
outline-offset: 0px;
border-radius: 7px;
outline-width: 1px;
outline-style: solid;
width: 100%;
min-height: 450px;
display: flex;
position: relative;
overflow: hidden;
}
.wi-index-holderz {
grid-column-gap: 10px;
grid-row-gap: 10px;
max-width: 100%;
display: flex;
}
.wi-head-pin-copy {
z-index: 10;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--dodger-blue);
align-items: center;
height: 50px;
padding-left: 10px;
padding-right: 20px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.wi-l-inner {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
width: 240px;
height: 100%;
padding-top: 60px;
padding-left: 10px;
padding-right: 20px;
display: flex;
position: relative;
}
.div-block-248 {
justify-content: center;
width: 45px;
padding-right: 10px;
display: flex;
}
.wi-title-copy {
color: var(--v-dark-purp);
white-space: nowrap;
font-family: "Gillsans 05", sans-serif;
}
.wik {
grid-column-gap: 15px;
grid-row-gap: 15px;
background-image: none;
border-radius: 4px;
align-items: center;
width: 205px;
height: 45px;
display: flex;
overflow: hidden;
}
.wik:hover {
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
box-shadow: 0 0 13px 0 var(--chroma-4);
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.wik-icon {
background-image: none;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 35px;
height: 45px;
display: flex;
}
.wik-title {
color: var(--dodger-blue);
white-space: nowrap;
font-family: "Gillsans 01", sans-serif;
font-size: 14px;
line-height: 14px;
}
.wik-icon-img {
filter: none;
color: var(--v-dark-purp);
height: 25px;
}
.dot-border {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/656b8215013607f025ec8bee_LOADER3.svg");
background-position: 0 0;
background-repeat: repeat-x;
background-size: contain;
border-radius: 7px;
width: 100%;
height: 35px;
}
.dot-border.db-narr {
margin-top: -20px;
}
.overlay-txts {
z-index: 10;
text-shadow: 0 0 14px var(--chroma-4);
width: 55vw;
margin-right: 5%;
position: relative;
inset: 0% 0% auto auto;
}
.overlay-txts.ot-wixz {
padding-left: 10px;
}
.overlay-txts.ot-wix-2 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
display: flex;
}
.overlay-txts.ot-kor {
width: 45vw;
}
.wi-main-sect {
z-index: 9;
flex-direction: column;
justify-content: center;
align-items: flex-end;
min-height: 100vh;
margin-top: -100vh;
padding-top: 200px;
display: flex;
position: relative;
}
.wi-related-korainians {
background-image: linear-gradient(to bottom, var(--transparent-purp), var(--darkest-purp) 29%);
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
padding-top: 60px;
display: flex;
}
.wi-related-kor-scroll {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: row;
justify-content: space-around;
align-items: stretch;
margin-right: -20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 40px;
display: flex;
overflow: auto;
}
.wi-related-kor-circ {
border: 6px solid var(--darkest-purp);
background-color: var(--desat-blue);
border-radius: 75px;
justify-content: center;
align-items: flex-start;
width: 75px;
height: 75px;
display: flex;
position: relative;
overflow: hidden;
}
.wi-related-kor-icon {
background-image: none;
background-size: auto;
border-radius: 75px;
padding: 5px;
}
.wi-related-kor-icon:hover {
outline-color: var(--white);
outline-offset: 0px;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/656b72a75e0e9fc1f7a99d36_LOADER2.svg");
background-position: 50%;
background-size: 145%;
outline-width: 2px;
outline-style: none;
}
.wi-related-kor-img {
opacity: .6;
filter: brightness(46%);
width: 90px;
max-width: none;
margin-top: -10px;
}
.wi-related-kor-img:hover {
filter: saturate(124%);
}
.wik-txt {
z-index: 5;
background-image: linear-gradient(to bottom, var(--transparent-purp), var(--darkest-purp) 28%);
color: var(--dodger-blue);
width: 90%;
font-family: "Gillsans 08", sans-serif;
font-size: 14px;
font-style: italic;
line-height: 16px;
position: relative;
}
.wi-related-kor-block {
grid-column-gap: 5px;
grid-row-gap: 5px;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 100px;
display: flex;
}
.wi-tech-head {
background-image: linear-gradient(to bottom, var(--transparent-purp), var(--darkest-purp) 34%, var(--darkest-purp) 64%, var(--transparent-purp));
color: var(--dodger-blue);
white-space: normal;
justify-content: center;
margin-bottom: -10px;
padding-left: 2.5px;
padding-right: 2.5px;
font-family: "Gillsans 05", sans-serif;
font-size: 24px;
line-height: 26px;
display: flex;
position: relative;
}
.wi-related-kor-hol {
border: 1px solid var(--chroma-4);
border-radius: 7px;
justify-content: flex-start;
width: 92%;
max-width: 92%;
padding-top: 20px;
overflow: hidden;
}
._3-audio-holder-hider, .new-audio-hover-beep {
display: none;
}
.new-auto-play-audio-hidden {
opacity: 0;
}
.name-speak-html-holder {
background-color: var(--white);
opacity: .4;
outline-color: var(--chroma-4);
outline-offset: 0px;
border-radius: 7px;
outline-width: .5px;
outline-style: solid;
align-items: center;
max-width: 44px;
display: flex;
position: relative;
overflow: hidden;
}
.pronunciation-block {
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: center;
margin-top: 30px;
margin-bottom: 20px;
display: flex;
}
.pronunciation-block.pb-v2 {
margin-top: 10px;
}
.div-block-260 {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
display: flex;
}
.wi-play-audio {
opacity: .78;
margin-bottom: -6px;
margin-left: -4px;
}
.wi-audio-holder {
background-color: var(--dodger-blue);
cursor: pointer;
border-radius: 7px;
}
.wi-preload-tx {
color: var(--dodger-blue);
text-align: center;
text-shadow: 0 1px 24px var(--chroma-4);
white-space: normal;
background-image: none;
justify-content: center;
width: 100%;
font-size: 50px;
line-height: 50px;
display: flex;
}
.wi-preload-tx._w-p-t-v2 {
background-image: none;
font-family: "Gillsans 05", sans-serif;
font-size: 20px;
line-height: 20px;
}
._0-preloader {
z-index: 9999;
justify-content: center;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
overflow: hidden;
}
.html-embed-14 {
filter: none;
mix-blend-mode: luminosity;
}
.div-block-262 {
mix-blend-mode: overlay;
background-color: #000;
position: absolute;
inset: 0%;
}
.div-block-263 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/656b72a75e0e9fc1f7a99d36_LOADER2.svg"), radial-gradient(circle farthest-corner at 50% 50%, var(--transparent-purp) 46%, black 98%), linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
background-position: 50%, 0 0, 0 0;
background-repeat: no-repeat, repeat, repeat;
background-size: auto 75%, auto, auto;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.div-block-264 {
filter: hue-rotate(222deg) brightness(200%);
display: none;
position: relative;
}
.div-block-265 {
background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--darkest-purp) 34%, var(--black-low-transp) 59%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/656cf4e1de8ee8818df4deea_MATRIX.gif");
opacity: .83;
filter: hue-rotate(78deg) blur(5px);
background-position: 0 0, 50%;
background-size: auto, cover;
width: 100%;
height: 100%;
}
.wi-loader {
outline-color: var(--dodger-blue);
outline-offset: 0px;
border-radius: 20px;
outline-width: 1px;
outline-style: solid;
width: 300px;
height: 10px;
margin-top: 15px;
overflow: hidden;
}
.wi-loader-inner {
background-color: var(--dodger-blue);
width: 10%;
height: 100%;
}
.wik-rich-tx {
font-size: 12px;
font-style: italic;
line-height: 16px;
}
.wik-stack-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
padding-bottom: 20px;
display: grid;
}
.wik-img-holder {
border-radius: 7px;
justify-content: center;
align-items: center;
width: 100%;
height: 350px;
min-height: 350px;
margin-right: 15px;
display: flex;
position: relative;
overflow: hidden;
}
.wik-sect {
display: flex;
}
.wik-rich-tect-block.wik-alt {
grid-column-gap: 20px;
grid-row-gap: 20px;
opacity: 1;
color: var(--dodger-blue);
text-transform: none;
cursor: text;
background-color: #2c99ff0a;
border-radius: 8px;
flex-flow: column;
padding: 0 20px;
font-family: "Gillsans 09", sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 30px;
display: flex;
}
.circle-overlay {
background-image: linear-gradient(90deg, var(--transparent-purp) 22%, var(--darkest-purp) 43%);
mix-blend-mode: screen;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
display: none;
position: absolute;
inset: 0%;
}
.wik-timeline {
justify-content: center;
align-items: stretch;
min-width: 100px;
display: flex;
}
.div-block-275 {
background-color: var(--blue-low-transparent);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 1px;
min-width: 1px;
padding-top: 90px;
display: flex;
}
.div-block-276 {
border: 5px solid var(--darkest-purp);
background-color: var(--darkest-purp);
background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dodger-blue));
box-shadow: 0 0 18px 3px var(--chroma-4);
outline-color: var(--chroma-4);
outline-offset: 0px;
border-radius: 15px;
outline-width: 2px;
outline-style: solid;
width: 20px;
min-width: 20px;
height: 20px;
min-height: 20px;
}
.div-block-276:hover {
outline-color: var(--dodger-blue);
}
.div-block-276.w--current {
box-shadow: 0 0 18px 3px var(--chroma-4);
outline-color: var(--dodger-blue);
}
.wik-sect-inner {
width: 100%;
margin-bottom: 40px;
padding-top: 80px;
padding-left: 40px;
padding-right: 80px;
}
.wik-sect-inner.wik-s-i-v2 {
padding-top: 0;
}
.wik-stack-grid-v2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 20px;
padding-bottom: 20px;
display: grid;
}
.wik-extra {
grid-column-gap: 25px;
grid-row-gap: 25px;
background-color: var(--blue-low-transparent);
border-radius: 7px;
align-items: center;
width: 100%;
padding: 40px 40px 20px 10px;
display: flex;
}
.wik-lightbox-holder {
grid-column-gap: 20px;
grid-row-gap: 20px;
outline-color: var(--blue-low-transparent);
outline-offset: 0px;
border-radius: 7px;
outline-width: 1px;
outline-style: solid;
flex-flow: column wrap;
justify-content: space-between;
align-items: flex-start;
padding: 20px;
display: flex;
}
.wik-lightbox-link {
aspect-ratio: 16 / 9;
border: 5px solid var(--darkest-purp);
cursor: zoom-in;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65467fdff091335e74112ae1_CHAPTER%203-min.jpg");
background-position: 50% 25%;
background-size: cover;
border-radius: 10px;
width: 260px;
}
.wik-lightbox-link:hover {
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.wik-lightbox-link.nr-page {
width: calc(24vw - 30px);
}
.wik-head-staker {
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.wik-head-staker._w-h-s-pad {
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.thumb-stack-grid-v33 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 20px;
display: grid;
}
.search-txt-holder {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: var(--dodger-blue);
text-align: center;
text-shadow: 0 0 14px var(--chroma-4);
flex-direction: column;
margin: 2.5% 2.5% 20px;
display: flex;
}
.search-body {
background-color: var(--darkest-purp);
}
.search-topper {
border-radius: 7px;
flex-direction: column;
padding: 140px 20px 0 5px;
display: flex;
}
.inner-char-linkz {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 25px 15px;
display: flex;
}
.collection-list-5 {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: wrap;
width: 100%;
display: flex;
}
.thumb-img-holdin {
border-radius: 6px;
flex-direction: column;
overflow: hidden;
}
.thumb-img-holdin:hover {
filter: saturate(122%);
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.collection-list-wrapper-7 {
display: none;
}
.timeline-sect {
border-bottom: 1px solid var(--dodger-blue);
height: 100vh;
min-height: 700px;
position: relative;
overflow: hidden;
}
.time-holder {
z-index: 5;
align-items: center;
height: 100vh;
min-height: 620px;
display: flex;
position: relative;
overflow: auto;
}
.time-mediapoint {
background-color: var(--dodger-blue);
background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--dodger-blue) 31%, var(--transparent-purp) 37%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/656b72a75e0e9fc1f7a99d36_LOADER2.svg"), linear-gradient(to bottom, var(--v-dark-purp), var(--v-dark-purp));
background-position: 0 0, 50%, 0 0;
background-size: auto, 150%, auto;
border-radius: 20px;
width: 20px;
max-width: 20px;
height: 20px;
max-height: 20px;
padding: 0;
}
.time-mediapoint:hover {
outline-color: var(--white);
outline-offset: 0px;
outline-width: 2px;
outline-style: solid;
}
.time-spacerz {
background-color: var(--chroma-4);
box-shadow: 0 0 20px 0 var(--chroma-4);
cursor: pointer;
flex-direction: column;
justify-content: flex-start;
width: 100px;
min-width: 100px;
height: 6px;
max-height: 6px;
padding: 0;
transition: all .2s;
display: flex;
}
.time-spacerz:hover {
box-shadow: 0 0 20px 0 var(--dodger-blue);
border-radius: 7px;
}
.time-spacerz.w--open {
border-radius: 7px;
width: 80vw;
min-width: 80vw;
max-width: 80vw;
height: 80vh;
min-height: 80vh;
max-height: 80vh;
overflow: scroll;
}
.time-spacerz.tcb-bookender {
width: 140px;
min-width: 140px;
}
.time-spacerz.tcb-bookender:hover {
box-shadow: 0 0 20px 0 var(--chroma-4);
}
.time-spacerz.tcb-bookender.tcb-b-end {
width: 220px;
min-width: 220px;
}
.time-spacerz.tcb-denoter {
z-index: 3;
background-color: var(--transparent-purp);
box-shadow: none;
justify-content: flex-start;
align-items: flex-start;
width: 10px;
min-width: 10px;
margin-right: -10px;
position: relative;
}
.time-spacerz.tcb-denoter:hover {
box-shadow: 0 0 20px 0 var(--chroma-4);
}
.time-list {
grid-column-gap: 2.5px;
grid-row-gap: 2.5px;
justify-content: space-between;
align-items: center;
display: flex;
}
.time-each-media {
z-index: 102;
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: row;
}
.time-item {
align-items: center;
height: 20px;
}
.time-popup {
inset: 0% auto auto 0%;
}
.time-popup.w--open {
z-index: 200;
background-color: var(--transparent-purp);
padding-top: 50px;
top: -10px;
left: -160px;
}
.time-thumb-holder {
border-radius: 7px;
justify-content: center;
align-items: center;
width: 110px;
min-width: 110px;
height: 80px;
min-height: 80px;
display: flex;
position: relative;
overflow: hidden;
}
.time-popup-inner {
z-index: 205;
grid-column-gap: 20px;
grid-row-gap: 20px;
aspect-ratio: 2;
background-color: var(--v-dark-purp);
box-shadow: none;
outline-color: var(--dodger-blue);
outline-offset: 0px;
border-radius: 5px;
outline-width: 1px;
outline-style: solid;
flex-direction: column;
align-items: flex-start;
width: 340px;
padding: 20px 20px 15px;
display: flex;
position: relative;
overflow: scroll;
}
.time-rich-tx {
opacity: .75;
color: var(--dodger-blue);
white-space: normal;
max-width: 100%;
margin-top: 5px;
margin-bottom: -15px;
font-size: 8px;
font-style: italic;
line-height: 16px;
}
.time-popup-tx-stack {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.time-media-info {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: var(--white);
background-image: none;
border-radius: 5px;
flex-direction: row;
justify-content: space-between;
width: 100%;
min-height: 80px;
display: flex;
position: relative;
overflow: hidden;
}
.time-cycle_blox {
z-index: 102;
background-color: var(--chroma-4);
box-shadow: 0 0 20px 0 var(--chroma-4);
color: var(--v-dark-purp);
cursor: pointer;
flex-direction: column;
justify-content: center;
width: 100%;
min-width: 100%;
height: 6px;
max-height: 6px;
padding: 0;
transition: all .2s;
display: flex;
position: relative;
}
.time-cycle_blox:hover {
box-shadow: 0 0 20px 0 var(--dodger-blue);
border-radius: 7px;
}
.time-cycle_blox.w--current {
background-color: var(--transparent-purp);
}
.time-cycle_blox.w--open {
border-radius: 7px;
width: 80vw;
min-width: 80vw;
max-width: 80vw;
height: 80vh;
min-height: 80vh;
max-height: 80vh;
overflow: scroll;
}
.time-cycle_blox.itw {
align-items: flex-end;
}
.time-cycle_blox.post-itw {
flex-direction: column;
align-items: stretch;
padding-left: 20px;
padding-right: 20px;
}
.time-cycle_blox.pre-itw {
flex-direction: column;
align-items: center;
}
.time-cycle_blox.mod-end {
flex-direction: column;
align-items: stretch;
padding-left: 20px;
padding-right: 20px;
}
.time-cycle_blox.mod-mid {
flex-direction: column;
align-items: center;
}
.time-cycle_blox.mod-start, .time-cycle_blox.his-end, .time-cycle_blox.alz, .time-cycle_blox.blz, .time-cycle_blox.dawn {
flex-direction: column;
align-items: stretch;
}
.dropdown-list-8 {
display: none;
position: static;
}
.dropdown-list-8.w--open {
display: none;
}
.time-expander-itw {
color: var(--transparent-purp);
cursor: zoom-in;
align-items: flex-start;
min-width: 250px;
height: 100%;
padding: 450px 0 0;
transition: all .45s;
display: flex;
}
.time-expander-itw:hover {
background-image: linear-gradient(to bottom, var(--transparent-purp) 52%, var(--blue-low-transparent));
outline-color: var(--blue-low-transparent);
outline-offset: 0px;
color: var(--dodger-blue);
outline-width: 1px;
outline-style: solid;
}
.time-expander-itw.w--open {
background-image: linear-gradient(to bottom, var(--transparent-purp) 52%, var(--blue-low-transparent));
min-width: 90vw;
}
.time-expander-itw.te--post-itw {
min-width: 425px;
}
.time-expander-itw.te--post-itw.w--open {
min-width: 90vw;
}
.time-expander-itw.te--pre-itw {
min-width: 325px;
}
.time-expander-itw.te--pre-itw.w--open {
min-width: 90vw;
}
.time-expander-itw.te--mod-end {
min-width: 425px;
}
.time-expander-itw.te--mod-end.w--open {
min-width: 90vw;
}
.time-expander-itw.te--ult {
min-width: 550px;
}
.time-expander-itw.te--ult.w--open {
min-width: 90vw;
}
.time-expander-itw.te--mod-mid {
min-width: 700px;
}
.time-expander-itw.te--mod-mid.w--open {
min-width: 90vw;
}
.time-expander-itw.te--mod-start {
min-width: 475px;
}
.time-expander-itw.te--mod-start.w--open {
min-width: 90vw;
}
.time-expander-itw.te--his-end {
min-width: 550px;
}
.time-expander-itw.te--his-end.w--open {
min-width: 90vw;
}
.time-expander-itw.te--al {
min-width: 1500px;
}
.time-expander-itw.te--al.w--open {
min-width: 1750px;
}
.time-expander-itw.te--bl {
min-width: 800px;
}
.time-expander-itw.te--bl.w--open {
min-width: 1000px;
}
.time-expander-itw.te--dawn {
min-width: 550px;
}
.time-expander-itw.te--dawn.w--open {
min-width: 90vw;
}
.time-block-holder {
z-index: 5;
height: 100%;
min-height: 600px;
margin-left: 0;
margin-right: 0;
}
.time-focus {
text-align: center;
white-space: normal;
padding-bottom: 20px;
font-size: 10px;
line-height: 11px;
position: absolute;
inset: auto 0% 0%;
}
.time-thumb-img {
max-width: none;
min-height: 120%;
max-height: 120%;
}
.time-era-block {
height: 100%;
min-height: 600px;
display: flex;
position: relative;
}
.x-timeline-topper {
z-index: 120;
border-style: none dashed;
border-width: 1px;
border-color: var(--blue-low-transparent);
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 450px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.time-era-logo {
max-width: 360px;
}
.time-bookender {
align-items: flex-start;
height: 100%;
padding-top: 450px;
display: flex;
position: relative;
}
.time-title {
z-index: 500;
background-image: linear-gradient(to bottom, var(--darkest-purp) 28%, var(--transparent-purp));
text-shadow: 0 1px 20px var(--chroma-4);
flex-direction: column;
justify-content: flex-end;
align-items: center;
height: 220px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.time-bookender-fader {
background-image: linear-gradient(to right, var(--darkest-purp), var(--transparent-purp) 89%);
width: 70px;
position: absolute;
inset: 0% auto 0% 0%;
}
.time-bookender-fader.tbf-right {
background-image: linear-gradient(to right, var(--transparent-purp) 22%, var(--darkest-purp));
inset: 0% 0% 0% auto;
}
.div-block-289 {
flex-direction: column;
justify-content: space-between;
width: 190px;
padding-top: 5px;
padding-bottom: 7.5px;
display: flex;
position: relative;
}
.time-block-spacer {
align-items: flex-start;
width: 0;
padding-top: 450px;
display: flex;
}
.time-denote-line {
border-left: 1px solid var(--dark-slate-blue);
opacity: .33;
align-items: flex-end;
width: 10px;
height: 125px;
min-height: 125px;
margin-top: 6px;
display: flex;
}
.time-denote-holder {
min-width: 200px;
max-width: 200px;
padding-left: 10px;
}
.div-block-290 {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: var(--v-dark-purp);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
flex-direction: column;
justify-content: space-between;
align-items: stretch;
min-height: 100vh;
padding-right: 0;
display: flex;
}
.tf-shower {
display: none;
}
.time-instruct {
z-index: 900;
border: 1px solid var(--blue-low-transparent);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent)), linear-gradient(to bottom, var(--v-dark-purp), var(--v-dark-purp));
border-radius: 7px;
max-width: 350px;
padding: 25px 20px 15px;
position: absolute;
inset: auto auto 25px 15px;
box-shadow: 0 0 18px -9px #0003;
}
.time-lister {
grid-column-gap: 10px;
grid-row-gap: 10px;
opacity: .5;
color: var(--dodger-blue);
flex-direction: column;
margin-top: 15px;
margin-left: 5px;
padding-left: 10px;
display: flex;
}
.woku-x {
background-color: var(--transparent-purp);
opacity: .5;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65611f55e79197d7d772b2ee_X-CLOSE.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 50%;
width: 40px;
height: 40px;
margin-top: 10px;
margin-right: 10px;
position: absolute;
inset: 0% 0% auto auto;
}
.woku-x:hover {
opacity: 1;
}
.time-empty {
opacity: 0;
display: none;
}
.x-time-sticky {
background-image: radial-gradient(circle farthest-corner at 63% 100%, var(--blue-low-transparent), var(--transparent-purp) 24%);
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 80vw;
padding-bottom: 30px;
padding-left: 20vw;
display: flex;
position: sticky;
left: 20px;
}
.x-time-sticky.x-t-s-alt {
width: 520px;
padding-left: 0;
}
.time-bar {
z-index: 1000;
border-style: solid solid solid none;
border-width: 1px;
border-color: var(--blue-low-transparent);
background-color: var(--v-dark-purp);
box-shadow: 0 0 13px 0 var(--darkest-purp);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
width: 65px;
height: 210px;
padding-top: 10px;
padding-bottom: 20px;
padding-right: 5px;
}
.pop-dropdow-v_time {
border-radius: 5px;
margin-left: 0;
margin-right: 0;
}
.time-chap-button {
z-index: 998;
background-color: var(--transparent-purp);
opacity: .62;
color: var(--mid-opacity);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65725beeb0629b88ac51e9a6_XX-HISTORY.svg");
background-position: 40%;
background-repeat: no-repeat;
background-size: auto 60%;
width: 100%;
height: 100%;
font-size: 12px;
}
.time-chap-button:hover {
border-color: var(--mid-opacity);
opacity: 1;
color: var(--dodger-blue);
}
.time-chap-button.tcb-2 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65725bef3b3574c40ebf79fd_XX-PEN.svg");
background-position: 50%;
}
.time-chap-button.tcb-3 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65725bef35a95649c231a4e6_XX-PENZ.svg");
background-position: 50%;
}
.pop-dropdown-list-time {
z-index: 1005;
background-color: #ddd;
}
.pop-dropdown-list-time.w--open {
background-color: var(--transparent-purp);
padding-bottom: 17.5px;
position: absolute;
inset: 0% auto auto 60px;
}
.new-nav-icon-link-time {
filter: none;
width: 60px;
min-width: 60px;
height: 60px;
min-height: 60px;
padding: 0;
}
.new-nav-icon-link-time:hover {
outline-color: var(--white);
}
.pop-block-time {
background-color: var(--v-dark-purp);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
border-radius: 7px;
justify-content: center;
align-items: center;
width: 140px;
height: 40px;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
position: relative;
}
.pop-arrowz-holder-time {
justify-content: center;
align-items: center;
height: 100%;
display: flex;
position: absolute;
inset: 0% auto auto -7.5px;
}
.time-nav {
z-index: 1000;
align-items: center;
transition: all .2s;
display: none;
position: absolute;
top: 350px;
left: -65px;
right: auto;
}
.time-nav:hover {
left: 0;
}
.time-bar-tab {
background-color: var(--v-dark-purp);
background-image: linear-gradient(to bottom, var(--mid-opacity), var(--mid-opacity));
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
justify-content: center;
align-items: center;
width: 30px;
height: 50px;
display: flex;
}
.time-bar-arrow {
filter: grayscale() brightness(400%);
transform: rotate(90deg);
}
.time-overlay {
position: absolute;
inset: 0%;
}
.time-overlay-layer1 {
z-index: 2;
opacity: .09;
mix-blend-mode: color-dodge;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/63e17573bc6fdc3325d2f216_ezgif-2-32f14dde74.gif");
background-position: 50%;
background-size: cover;
display: none;
position: absolute;
inset: 0%;
}
.time-overlay-layer2 {
z-index: 1;
opacity: .33;
filter: none;
mix-blend-mode: hard-light;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/653a446ec181ae248f8fb5f3_PURPS3.webp");
background-repeat: no-repeat;
background-size: 100% 100%;
position: absolute;
inset: 0%;
}
.time-overlay-layer3 {
z-index: 1;
opacity: .54;
mix-blend-mode: overlay;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/657274e9e58f173948cf738d_timeline-blue.gif");
background-position: 100% 0;
background-size: cover;
display: none;
position: absolute;
inset: 0%;
}
.time-overlay-layer4 {
z-index: 2;
background-image: linear-gradient(to bottom, var(--darkest-purp) 17%, var(--transparent-purp) 61%), radial-gradient(circle farthest-corner at 50% 50%, var(--transparent-purp) 62%, var(--darkest-purp)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65727d4227ee5db3eb6b3798_timeline-blues.gif");
opacity: .43;
mix-blend-mode: overlay;
background-position: 0 0, 0 0, 50% 0;
background-repeat: repeat, repeat, no-repeat;
background-size: auto, auto, auto 1350px;
display: block;
position: absolute;
inset: 0%;
}
.time-overlay-layer5 {
z-index: 1;
background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--transparent-purp) 76%, var(--darkest-purp) 85%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6572870b81a1bbada645a488_timeline-sine.gif");
opacity: .22;
mix-blend-mode: lighten;
background-position: 0 0, 50% 60%;
background-repeat: repeat, no-repeat;
background-size: auto, contain;
display: block;
position: absolute;
inset: 0%;
}
.div-block-291 {
flex-direction: column;
align-items: center;
padding: 180px 20px 40px;
display: flex;
}
.div-block-292 {
margin-bottom: 40px;
}
.paragraph-5 {
color: var(--dodger-bright-mid-opac);
margin-bottom: 30px;
}
.shader-holder {
position: relative;
overflow: hidden;
}
.shader-fx {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.shader-content {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1100px;
margin-top: 10vh;
display: flex;
position: relative;
}
.shader-content.sc-mid {
justify-content: flex-start;
align-items: center;
}
.shader-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: linear-gradient(to bottom, var(--transparent-purp) 79%, var(--v-dark-purp)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6578886aae8b84e5e2c2fb76_DOT.svg"), linear-gradient(to bottom, var(--v-dark-purp), var(--v-dark-purp));
background-position: 0 0, 50%, 0 0;
background-repeat: repeat, repeat, repeat;
background-size: auto, 2.5vw, auto;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
min-height: 60vh;
display: grid;
}
.shader-grid.s-g-v3 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6578886aae8b84e5e2c2fb76_DOT.svg"), linear-gradient(to bottom, var(--v-dark-purp), var(--v-dark-purp));
background-position: 50% 100%, 0 0;
background-repeat: repeat, repeat;
background-size: 2.5vw, auto;
}
.shader {
background-color: var(--transparent-purp);
background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--dodger-blue), var(--transparent-purp) 81%);
opacity: 0;
filter: blur(8px) contrast(400%);
mix-blend-mode: overlay;
width: 100%;
height: 100%;
transition: all .25s cubic-bezier(0, 0, 0, 1.015);
}
.shader:hover {
opacity: 1;
filter: brightness(200%) blur(8px) contrast(600%);
}
.shader.shade-1 {
opacity: 0;
}
.image-63 {
width: 40%;
max-width: 40%;
}
.div-block-293 {
grid-column-gap: 100px;
grid-row-gap: 100px;
background-image: linear-gradient(to bottom, var(--v-dark-purp), var(--v-dark-purp)), linear-gradient(to bottom, var(--dodger-blue), var(--dodger-blue));
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 100px;
padding-top: 300px;
padding-bottom: 220px;
display: flex;
}
.cyber-top-sect {
background-color: var(--dark-blue);
align-items: flex-end;
height: 105vh;
min-height: 650px;
display: flex;
position: relative;
}
.unitz-holder-w-cont {
z-index: 3;
background-image: none;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 90vh;
padding-top: 100px;
display: flex;
position: relative;
}
.star-time-line {
border-top: 1px none var(--chroma-4);
mix-blend-mode: screen;
background-image: none;
border-radius: 20px;
justify-content: space-between;
align-items: center;
height: 3px;
margin-top: -10px;
margin-left: 20px;
margin-right: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.image-64 {
max-width: 15px;
}
._4-part-skeleton {
grid-column-gap: 0px;
grid-row-gap: 0px;
perspective: 128px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 7fr 4fr 1.5fr;
grid-auto-columns: 1fr;
height: 100%;
padding-bottom: 60px;
display: grid;
}
.skeleton-spacer-100 {
z-index: 5;
width: 100px;
height: 100%;
}
.skeleton-spacer-100.ss-first {
border-right: 1px dashed var(--chroma-4);
border-bottom: 1px dashed var(--mid-opacity);
height: 65vh;
margin-bottom: 5vh;
}
.skeleton-content {
z-index: 6;
opacity: .72;
color: var(--dodger-blue);
text-align: left;
transform-style: preserve-3d;
flex-direction: column;
justify-content: center;
align-items: flex-start;
max-width: 750px;
height: 90%;
padding-top: 80px;
padding-bottom: 60px;
padding-left: 40px;
transition: all .525s cubic-bezier(.165, .84, .44, 1);
display: flex;
position: relative;
}
.skeleton-content:hover {
opacity: 1;
filter: saturate(122%);
transform: translate3d(0, 0, 8px);
}
.skeleton-content.sc-v2 {
border-top: 1px dashed var(--chroma-4);
justify-content: flex-end;
height: auto;
padding-top: 40px;
padding-right: 12.5vw;
display: none;
}
.skeleton-content.sc-abso {
opacity: .27;
filter: blur(5px);
transform-style: preserve-3d;
transition: none;
position: absolute;
}
.skeleton-content.sc-abso:hover {
filter: blur(5px);
transform: none;
}
.image-65 {
filter: none;
margin-top: -15%;
margin-bottom: 5%;
margin-left: -12%;
}
.topper-banner {
z-index: 3;
opacity: .44;
background-image: none;
height: 30vh;
position: absolute;
inset: 0% 0% auto;
}
.image-66 {
max-width: 180px;
}
.div-block-301 {
overflow: hidden;
}
.bg-img-creator {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65467fdff091335e74112ae1_CHAPTER%203-min.jpg");
background-position: 80%;
background-size: cover;
position: absolute;
inset: 0%;
}
.bg-img-creator.slz-2 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65c03c6b1f4eb91b5937d157_CHAPTER%201%20-%20NYKIA%20LEAPS-min%20copy%202.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.bg-img-creator.slz-3 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65526231d95a8f24979a9c26_Untitled.png");
}
.bg-img-creator.narrative-version {
background-image: none;
height: 100%;
}
.bg-img-creator.slz-3 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65c03bb9d54c0b0c0657bc2d_65b83952fc1dcbcde2daf0ed_Chapter%20Six.jpg");
height: 100%;
}
.bg-img-creator.slz-4 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65bd213556c87bb28594c5ab_Layer%207.png");
background-position: 50% 0;
}
.bg-img-creator.slz-woku {
background-image: linear-gradient(to bottom, var(--mid-dark-blue), var(--mid-dark-blue));
background-position: 0 0;
height: 100%;
}
.bg-img-creator.media-bg {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/655a20b0056f1bc183a80373_0_sloping%20island%20with%20sci-fi%20city%20at%20apex_esrgan-v1-x2plus.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 70vh;
height: 100%;
}
.bg-img-creator.slz-9 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65360faed209e6036430b0ad_lll-min.webp");
background-position: 50% 100%;
}
.bg-img-creator.slz-6 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/67d2cfea2adfdfcca47087fc_WOKU%20SCREENS%20V1.jpg");
height: 100%;
}
.bg-timelinewhoosh {
z-index: 3;
mix-blend-mode: multiply;
width: 100%;
height: 100%;
display: none;
}
.background-video-5 {
z-index: 2;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.top-holder {
z-index: 8;
grid-column-gap: 15px;
grid-row-gap: 0px;
flex-flow: wrap;
margin-top: 30px;
display: flex;
position: relative;
}
.cyber-slider {
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.cyber-arrow {
color: var(--dodger-blue);
}
.stars-nav-bar {
z-index: 100;
filter: blur(5px);
mix-blend-mode: lighten;
font-size: 29px;
display: none;
inset: auto 0% 27px;
}
.star-nav-line {
z-index: 99;
border-top: 1px solid var(--chroma-4);
mix-blend-mode: screen;
background-image: none;
border-radius: 20px;
justify-content: center;
align-items: center;
height: 2px;
margin-left: 5vw;
margin-right: 5vw;
padding-left: 20px;
padding-right: 20px;
display: none;
position: absolute;
inset: auto 0% 41px;
}
.star-under-nav {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6558e05b840455618c9b992f_star1.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 20px;
width: 35px;
height: 40px;
margin-bottom: 4px;
}
.bg-timelinewhoosh-mob {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6578dbf8aadee464c8eb2713__120.png");
background-position: 50%;
background-size: auto;
display: none;
position: absolute;
inset: 0%;
}
.cyber-head {
letter-spacing: -2px;
text-shadow: none;
max-width: 500px;
font-size: 65px;
line-height: 60px;
}
.cyber-head.ch-v2 {
font-size: 35px;
line-height: 35px;
}
.cyber-head.ch-3 {
text-shadow: none;
}
.woku-button-cyber {
z-index: 10;
border-style: solid none none solid;
border-width: 1px;
border-color: var(--chroma-4);
-webkit-backdrop-filter: none;
backdrop-filter: none;
color: var(--mid-opacity);
text-transform: uppercase;
cursor: pointer;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6579095b43f0c2542df5938b_Asset%2048.svg");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: auto 99.5%;
border-radius: 0;
align-items: center;
padding: 15px 50px 15px 20px;
font-family: "Gillsans 05", sans-serif;
transition: none;
display: flex;
}
.woku-button-cyber:hover {
color: var(--white);
text-shadow: 1px 1px 18px var(--dodger-blue);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65790b7b0973e665c59f9aa5_Asset%2048.2.svg");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: auto 99.5%;
}
.woku-button-cyber.wbc-white {
text-shadow: 0 0 20px var(--mid-opacity);
}
.woku-button-cyber.wbc-white:hover {
color: var(--dodger-blue);
text-shadow: none;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6579147757853c73137bd78e_Asset%2048.4.svg");
}
.skeleton-hold {
grid-column-gap: 20px;
grid-row-gap: 20px;
border: 2px solid var(--chroma-4);
background-image: radial-gradient(circle farthest-corner at 100% 100%, #00000078 39%, var(--transparent-purp) 84%);
box-shadow: none;
-webkit-backdrop-filter: saturate(200%);
backdrop-filter: saturate(200%);
color: var(--dodger-blue);
text-align: right;
border-radius: 7px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 75%;
padding: 15px 15px 5px 75px;
font-size: 12px;
display: flex;
}
.collection-list-wrapper-9, .collection-list-6, .collection-item-5 {
height: 100%;
}
.cyber-mask {
background-color: var(--dodger-blue);
background-image: linear-gradient(to bottom, var(--transparent-purp), var(--dark-blue));
}
.div-block-306 {
z-index: 10;
background-color: var(--dodger-blue);
box-shadow: 0 2px 20px 0 var(--dodger-bright-mid-opac);
color: var(--dark-slate-blue);
background-image: none;
background-repeat: repeat;
background-size: auto;
align-items: center;
height: 45px;
padding-left: 15px;
padding-right: 15px;
font-family: "Gillsans 03", sans-serif;
font-style: italic;
display: flex;
position: absolute;
inset: 0% auto auto 0;
}
.single-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 350px;
}
.lightbox-link-2 {
background-color: var(--darkest-purp);
border-radius: 5px;
margin-top: 20px;
}
.image-68 {
border: 1px solid var(--dodger-blue);
opacity: .48;
border-radius: 5px;
width: 32vw;
height: 18vw;
}
.image-68:hover {
border-color: var(--white);
opacity: 1;
}
.holo-text {
opacity: .94;
-webkit-text-stroke-width: .2px;
-webkit-text-stroke-color: var(--mid-opacity);
text-shadow: none;
-webkit-text-fill-color: transparent;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65815c8f3fe416ed11d07805_GRADIENTZZ.png");
background-position: 0 0;
background-size: cover;
-webkit-background-clip: text;
background-clip: text;
font-family: "Gillsans 09", sans-serif;
font-size: 18px;
line-height: 22px;
}
.holo-text.ht-blue {
-webkit-text-fill-color: inherit;
background-image: none;
background-position: 0 0;
background-size: auto;
background-clip: border-box;
font-style: italic;
}
.holo-text.ht-blue.ht-b-bold {
font-family: "Gillsans 05", sans-serif;
}
.div-block-308 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
align-items: flex-start;
padding-left: 19%;
display: block;
}
.bg-timelinesparkle {
mix-blend-mode: lighten;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65816b07cb26dce1b6e47c6c_0blue.gif");
background-position: 100% 0;
background-repeat: repeat-x;
background-size: contain;
position: absolute;
inset: 0%;
}
.homepage-container {
grid-column-gap: 20px;
grid-row-gap: 20px;
transform-style: preserve-3d;
flex-direction: column;
align-items: flex-start;
padding-top: 20px;
padding-right: 30%;
display: flex;
position: relative;
transform: none;
}
.homepage-container.narrative-cont {
padding-top: 0;
}
.homepage-logo {
max-width: 85%;
}
.cyber-tabber {
width: 100%;
height: 100%;
}
.tabs-menu-5 {
z-index: 10;
background-image: linear-gradient(to bottom, var(--transparent-purp), #0c0a1091 45%, var(--v-dark-purp));
justify-content: center;
align-items: flex-start;
height: 10%;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.tab-content {
height: 100%;
min-height: 100%;
}
.cyber-tab-pane {
height: 100%;
}
.cyber-tab {
background-color: var(--transparent-purp);
opacity: .43;
filter: none;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6558e05b840455618c9b992f_star1.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 20px;
width: 40px;
padding-left: 0;
padding-right: 0;
}
.cyber-tab:hover {
opacity: .57;
}
.cyber-tab.w--current {
background-color: var(--transparent-purp);
opacity: 1;
}
.accent-div-1 {
border-style: none none dashed dashed;
border-width: 1px;
border-color: var(--dodger-blue);
width: 25px;
height: 60px;
position: absolute;
inset: 0% auto auto 0%;
}
.cyber-txt-holder {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.cyber-nav-block {
grid-column-gap: 20px;
grid-row-gap: 20px;
perspective: 991px;
perspective-origin: 50%;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 5px;
display: flex;
}
.cyber-nav-block.cnb-l {
perspective-origin: 0%;
transform-style: preserve-3d;
margin-bottom: 10px;
transform: rotateX(10deg)rotateY(20deg)rotateZ(0);
}
.cyber-nav-block.cnb-r {
perspective-origin: 100%;
transform-style: preserve-3d;
margin-bottom: 10px;
transform: rotateX(0)rotateY(-30deg)rotateZ(0)rotateX(10deg)rotateY(-20deg)rotateZ(0);
}
.cyber-nav-block.cnb-m, .cyber-nav-block.cnb-m-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
perspective-origin: 50%;
justify-content: center;
align-items: flex-end;
min-width: auto;
margin-bottom: 0;
padding-bottom: 5px;
padding-left: 0;
}
.cyber-nav-icon-hol {
border: 1px solid var(--dodger-blue-bright);
border-radius: 5px;
justify-content: center;
align-items: center;
width: 35px;
min-width: 35px;
height: 35px;
min-height: 35px;
display: flex;
}
.cyber-nav-link {
z-index: 1001;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-image: radial-gradient(circle farthest-corner at 50% 50%, #2c99ff14, var(--transparent-purp));
color: var(--dodger-blue);
justify-content: center;
align-items: center;
width: 160px;
padding: 0;
display: flex;
position: relative;
}
.cyber-nav-link:hover {
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.cyber-nav-link.cnl-hide {
display: none;
}
.cyber-nav-tx {
z-index: 1002;
font-family: "Gillsans 05", sans-serif;
font-size: 12px;
line-height: 16px;
position: relative;
}
.cyber-nav-tx.cntx-v3 {
font-size: 6px;
line-height: 8px;
}
.cyber-nav-icon {
z-index: 1002;
width: 19px;
position: relative;
}
.cyber-nav-icon.cni-2 {
width: 16px;
}
.cyber-nav-icon.cni-3 {
width: 60px;
max-height: 25px;
}
.cyber-logo-link {
perspective-origin: 50% 0;
transform-style: preserve-3d;
justify-content: center;
align-items: flex-start;
min-width: 120px;
height: 48px;
max-height: 48px;
margin-left: 20px;
margin-right: 20px;
padding-left: 15px;
padding-right: 15px;
transition: all .275s;
display: flex;
transform: none;
}
.cyber-logo-link:hover {
transform: none;
}
.chroma-dropdown {
transform-style: preserve-3d;
display: none;
}
.chroma-dropdown.w--open {
z-index: 999;
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: var(--transparent-purp);
background-image: radial-gradient(circle farthest-corner at 100% 50%, var(--dodger-bright-mid-opac), var(--transparent-purp) 67%), radial-gradient(circle farthest-side at 0% 50%, var(--dodger-bright-mid-opac), var(--blue-low-transparent)), radial-gradient(circle farthest-side at 50% 0%, var(--dark-blue) 31%, var(--dark-blue-mid-opac));
box-shadow: 0 0 20px 0 var(--chroma-4), 0 0 5px 2500px var(--black-low-transp);
outline-color: var(--chroma-3);
outline-offset: 0px;
background-repeat: repeat, repeat, repeat;
background-size: auto, auto, auto;
border-radius: 5px;
outline-width: 1px;
outline-style: none;
flex-direction: column;
align-items: center;
width: 230px;
margin-top: -100px;
margin-left: -20px;
padding: 180px 15px 20px;
transition: all .2s;
display: flex;
inset: 0% 0% auto;
transform: translate3d(0, 0, 20px)rotate(1deg);
}
.chroma-dropdown.cd-v3 {
transform-style: preserve-3d;
}
.chroma-dropdown.cd-v3.w--open {
background-image: radial-gradient(circle farthest-side at 50% 0%, var(--dark-blue) 35%, var(--dark-blue-mid-opac) 75%, var(--transparent-purp) 94%);
box-shadow: none;
border-radius: 3px;
padding-bottom: 100px;
transform: rotate(-2deg)translate3d(0, 0, 20px);
}
.chroma-dropdown.cd-v8 {
transform-style: preserve-3d;
}
.chroma-dropdown.cd-v8.w--open {
background-image: linear-gradient(to bottom, var(--chroma-4), var(--chroma-4)), radial-gradient(circle farthest-side at 50% 0%, var(--dodger-blue-bright) 35%, var(--dark-blue-mid-opac) 99%, var(--transparent-purp));
box-shadow: 0 0 20px -5px var(--dodger-blue-bright);
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
border-radius: 3px;
outline-width: 1px;
outline-style: solid;
width: 210px;
margin-top: -10px;
padding-top: 80px;
padding-bottom: 20px;
transform: translate3d(0, 0, 20px);
}
.pin-fx {
z-index: 1010;
background-image: linear-gradient(to bottom, var(--transparent-purp) 59%, black), linear-gradient(to right, var(--white-trans), #000 66%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6583f699b3878d4f245c569b_GLITCHER.gif");
opacity: .58;
filter: hue-rotate(240deg);
mix-blend-mode: color-dodge;
background-position: 0 0, 0 0, 0 0;
background-repeat: repeat, repeat, no-repeat;
background-size: auto, auto, cover;
width: 160px;
height: 160px;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.pin-fx.pf-2 {
background-image: linear-gradient(to right, #000 34%, var(--white-trans)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6583f699b3878d4f245c569b_GLITCHER.gif");
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
width: 80px;
height: 75%;
display: none;
inset: 0% 0% auto auto;
}
.pin-fx.pf-3 {
display: none;
inset: auto 0% 0% auto;
}
.pin-fx.pf-4 {
background-image: linear-gradient(to top, var(--white-trans) 53%, #000 77%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6583f699b3878d4f245c569b_GLITCHER.gif");
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
width: 100%;
height: 30px;
display: none;
inset: auto auto 0% 0%;
}
.dive-in-blox {
grid-column-gap: 25px;
grid-row-gap: 25px;
transform-style: preserve-3d;
flex-direction: column;
padding-bottom: 40px;
transition: all .3s cubic-bezier(.785, .135, .15, .86);
display: flex;
}
.dive-in-blox:hover {
transform: translate3d(15px, 0, 10px);
}
.dive-in-tx-blox {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
align-items: flex-start;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
display: flex;
}
.nav-img-copy {
z-index: 1001;
filter: none;
height: 50px;
padding-top: 5px;
padding-left: 0;
transition: all .2s;
position: relative;
}
.nav-img-copy:hover {
filter: hue-rotate(42deg) saturate(200%);
}
.cyber-dropdown {
transform-style: preserve-3d;
margin-left: 0;
margin-right: 0;
transition: all .275s;
transform: none;
}
.cyber-dropdown:hover {
transform: none;
}
.chroma-button {
grid-column-gap: 15px;
grid-row-gap: 15px;
border: 1px solid var(--dodger-blue);
background-color: var(--transparent-purp);
box-shadow: none;
filter: none;
color: var(--dodger-blue);
text-shadow: none;
border-radius: 4px;
align-items: center;
padding: 16px;
transition: all .275s cubic-bezier(.215, .61, .355, 1);
display: flex;
}
.chroma-button:hover {
box-shadow: -3px 3px 3px 0 var(--dodger-blue-bright), -4px -5px 4px 4px var(--chroma-1), -3px 8px 5px 0 var(--chroma-2), 2px -1px 5px -1px var(--chroma-3), 0 0 20px 1px var(--chroma-4);
filter: saturate(200%);
text-shadow: 0 -6px 4px var(--chroma-1), 0 6px 4px var(--chroma-1), 0 1px 4px var(--dodger-blue-bright);
}
.chroma-button.cb-nav {
border-color: var(--transparent-purp);
transform-style: preserve-3d;
justify-content: center;
min-width: 170px;
height: 48px;
max-height: 48px;
position: relative;
transform: none;
}
.chroma-button.cb-nav:hover {
transform: translate3d(0, 0, 20px);
}
.chroma-button.cb-drop {
border-color: var(--transparent-purp);
filter: none;
justify-content: center;
min-width: 160px;
min-height: 48px;
max-height: 48px;
transition: none;
}
.chroma-button.cb-drop.w--open {
z-index: 1001;
border-style: none;
}
.chroma-button.cb-drop.w--open:hover {
box-shadow: none;
}
.chroma-button.cb-white {
background-color: var(--chroma-3);
border-style: none;
}
.chroma-button.cb-white:hover {
text-shadow: none;
}
.chroma-txt {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--transparent-purp);
filter: none;
color: var(--dodger-blue-bright);
text-shadow: none;
justify-content: center;
font-family: "Gillsans 01", sans-serif;
font-size: 12px;
line-height: 16px;
transition: all .2s;
display: flex;
}
.chroma-txt:hover {
filter: saturate(200%);
text-shadow: -1px 1px 5px var(--chroma-4), 0 -7px 4px var(--chroma-1), 0 6px 5px var(--chroma-2), 0 0 9px var(--chroma-4);
}
.chroma-txt.ct-v2 {
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
text-align: center;
border-radius: 5px;
outline-width: 1px;
outline-style: none;
width: 100%;
padding: 15px;
}
.chroma-txt.ct-v2:hover {
box-shadow: 0 0 11px 0 var(--chroma-4);
filter: saturate(200%);
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
text-shadow: -1px 1px 5px var(--chroma-4), 0 -7px 4px var(--chroma-1), 0 6px 5px var(--chroma-2), 0 0 9px var(--chroma-4);
outline-width: 1px;
outline-style: solid;
}
.chroma-txt.ct-nav {
border-bottom: 3px solid var(--dodger-blue);
transform-style: preserve-3d;
align-items: center;
min-width: 170px;
height: 48px;
max-height: 48px;
margin-top: 0;
margin-bottom: -5px;
padding: 16px;
transition-duration: .45s;
position: relative;
transform: none;
}
.chroma-txt.ct-nav:hover {
filter: hue-rotate(195deg);
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
border-radius: 3px;
outline-width: 1px;
outline-style: none;
transform: translate3d(0, -1px, 20px);
}
.chroma-txt.ct-nav.w--current {
background-color: var(--transparent-purp);
background-image: linear-gradient(to bottom, var(--transparent-purp), var(--bluish-trans-shadow));
}
.chroma-txt.ct-nav.w--current:hover {
filter: none;
}
.chroma-txt.ct-nav.w--open {
z-index: 1001;
}
.chroma-txt.ct-nav.ct-nav-dropper {
z-index: 1001;
transform-style: preserve-3d;
transform: none;
}
.chroma-txt.ct-nav.ct-nav-dropper:hover {
transform: translate3d(0, 0, 20px);
}
.chroma-txt.ct-nav.ct-nav-dropper.w--open {
filter: brightness(800%);
transform: translate3d(0, 0, 20px);
}
.chroma-txt.ct-nav.ct-nav-dropper.w--open:hover {
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
text-shadow: 0 0 9px var(--chroma-4);
outline-width: 1px;
outline-style: none;
}
.chroma-txt.ct-nav.ct-nav-dropper.ct-n-d-v2 {
padding: 0;
}
.chroma-txt.ct-nav.ct-blank-2 {
opacity: 0;
transform-style: preserve-3d;
min-width: 70px;
margin-left: 250px;
margin-right: 250px;
}
.chroma-txt.ct-nav.ct-blank-2:hover {
transform: none;
}
.chroma-txt.ct-nav.ct-2nd-hide {
display: none;
}
.chroma-txt.ct-nav.ct-tabz.w--current {
background-color: var(--transparent-purp);
}
.chroma-txt.ct-v3 {
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
color: var(--white);
text-align: center;
border-radius: 2px;
outline-width: .5px;
outline-style: none;
width: 100%;
padding: 15px;
transition: none;
}
.chroma-txt.ct-v3:hover {
box-shadow: 0 0 11px 0 var(--chroma-4);
filter: saturate(200%);
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
text-shadow: -1px 1px 5px var(--chroma-4), 0 -7px 4px var(--chroma-1), 0 6px 5px var(--chroma-2), 0 0 9px var(--chroma-4);
outline-width: 1px;
outline-style: solid;
}
.image-70 {
z-index: 1001;
height: 25px;
position: relative;
}
.cyber-icon-holder-b {
z-index: 998;
grid-column-gap: 30px;
grid-row-gap: 30px;
backface-visibility: visible;
perspective: 752px;
perspective-origin: 50%;
justify-content: center;
align-items: flex-end;
height: 70px;
margin-top: 45px;
padding-left: 60px;
padding-right: 60px;
display: flex;
position: relative;
}
.cyber-icon-holder-c {
z-index: 998;
grid-column-gap: 30px;
grid-row-gap: 30px;
perspective: 899px;
perspective-origin: 50%;
justify-content: center;
align-items: flex-start;
margin-top: 40px;
padding-left: 10px;
padding-right: 10px;
display: flex;
position: relative;
}
.div-block-323 {
background-image: linear-gradient(to bottom, var(--dodger-blue-bright) 13%, var(--transparent-purp) 87%);
width: 1px;
position: absolute;
inset: 0% auto 0% 0%;
}
.div-block-323.liner-r {
inset: 0% 0% 0% auto;
}
.cyber-icon-holder-d {
z-index: 998;
grid-column-gap: 30px;
grid-row-gap: 30px;
backface-visibility: visible;
perspective: 752px;
perspective-origin: 50%;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 70px;
margin-top: 40px;
padding-left: 10px;
padding-right: 10px;
display: flex;
position: relative;
}
.cyber-nav-spacer {
border: 1px solid var(--blue-low-transparent);
background-color: var(--blue-low-transparent);
-webkit-backdrop-filter: none;
backdrop-filter: none;
border-radius: 3px;
width: 170px;
height: 48px;
}
.cyber-nav-spacer.cns-mid {
background-color: var(--transparent-purp);
-webkit-backdrop-filter: none;
backdrop-filter: none;
border-style: none;
width: 120px;
}
.cyber-rect-hold {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: center;
align-items: flex-end;
padding-left: 10px;
padding-right: 10px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.section-35 {
min-height: 100vh;
}
.narrative-unit-top {
z-index: 3;
background-image: linear-gradient(180deg, var(--darkest-purp), var(--transparent-purp) 28%), linear-gradient(180deg, var(--transparent-purp) 60%, var(--darkest-purp)), linear-gradient(180deg, var(--transparent-purp) 64%, var(--chroma-2)), radial-gradient(circle farthest-corner at 100% 100%, var(--chroma-4), var(--transparent-purp) 38%), radial-gradient(circle farthest-corner at 85% 50%, var(--blue-low-transparent) 83%, var(--chroma-1)), radial-gradient(circle farthest-corner at 75% 30%, var(--transparent-purp), var(--desat-blue) 75%, var(--desat-blue) 84%);
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 140vh;
padding-top: 100px;
padding-bottom: 40vh;
padding-left: 120px;
display: flex;
position: relative;
}
.narrative-content {
z-index: 5;
color: var(--dodger-blue);
text-align: left;
transform-style: preserve-3d;
flex-direction: column;
justify-content: center;
align-items: flex-start;
max-width: 900px;
height: 90%;
padding-top: 80px;
padding-bottom: 60px;
padding-left: 40px;
display: flex;
position: relative;
}
.narrative-logo {
max-width: 85%;
max-height: 20vh;
margin-bottom: 20px;
}
.narrative-main-holder {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 55% 0;
background-size: cover;
}
.div-block-306-copy {
z-index: 10;
grid-column-gap: 5px;
grid-row-gap: 5px;
border-left: 1px none var(--chroma-4);
color: var(--dodger-blue);
text-shadow: 0 0 9px var(--chroma-4);
background-image: none;
background-repeat: repeat;
background-size: auto;
align-items: center;
padding-left: 0;
padding-right: 15px;
font-family: "Gillsans 01", sans-serif;
display: flex;
}
.narrative-txt {
font-size: 12px;
}
.narr-viewing-window {
padding-top: 625px;
position: relative;
}
.korainian-selected {
background-color: var(--darkest-purp);
box-shadow: inset 0 2px 20px 0 var(--dodger-bright-mid-opac);
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/656aa4b3128fda940bffcad6_POPO.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
border-radius: 4px;
outline-width: 1px;
outline-style: solid;
flex-direction: row;
justify-content: center;
align-items: flex-end;
height: 600px;
margin: 20px 20px 20px 100px;
display: flex;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.div-block-326 {
z-index: 4;
background-image: linear-gradient(to bottom, var(--darkest-purp), var(--transparent-purp));
width: 100%;
height: 90px;
padding-top: 50px;
padding-left: 140px;
position: absolute;
}
.narr-overlay-pinner {
order: -1;
width: 40%;
height: 100%;
}
.narr-block-holder {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--darkest-purp);
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
width: 60%;
height: 100%;
padding-bottom: 80px;
padding-left: 20px;
padding-right: 20px;
display: grid;
position: relative;
}
.narr-overlay-holder {
height: 100%;
position: relative;
}
.kor-select-hold-all {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
padding: 25px;
display: flex;
}
.kor-select-over {
opacity: 1;
filter: hue-rotate(243deg);
mix-blend-mode: hue;
background-image: none;
background-size: auto;
position: absolute;
inset: 0%;
}
.select-kor-butt {
z-index: 4;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 40px;
display: flex;
position: absolute;
inset: auto 0% 0% auto;
}
.body-dark {
background-color: var(--darkest-purp);
}
.glow-left {
box-shadow: 0 0 20px 0 var(--dodger-bright-mid-opac);
width: 1px;
position: absolute;
inset: 0% auto 0% 0%;
}
.tab-pane-tab-1 {
height: 650px;
position: absolute;
inset: 0% 0% auto;
}
.korainian-choice {
width: 175px;
position: static;
}
.narr-tab-content {
position: static;
}
.korainian-nun {
height: 1px;
position: absolute;
inset: 0% 0% auto;
}
.kor-linkerz {
border: 2px solid var(--dodger-blue-bright);
background-color: var(--transparent-purp);
box-shadow: inset 0 0 14px 0 var(--dodger-bright-mid-opac);
border-radius: 4px;
width: 100%;
height: 190px;
position: relative;
top: -190px;
}
.kor-linkerz.w--current {
display: none;
}
.kor-tab-select {
height: 190px;
}
.link-block-8 {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: var(--dodger-blue);
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
}
.image-72 {
background-color: var(--chroma-4);
padding-top: 80px;
}
.new-nav-headerz {
z-index: 9998;
border-top: 2px none var(--dodger-blue);
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #0000;
background-image: none;
flex-direction: column;
justify-content: center;
align-items: center;
max-height: 85px;
padding-left: 0;
padding-right: 0;
transition: all .825s;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.div-block-330 {
background-image: none;
background-repeat: repeat;
background-size: auto;
justify-content: center;
align-items: center;
height: 200vh;
padding-top: 110px;
display: flex;
}
.cyber-rect-holdz {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
align-items: center;
padding-left: 40px;
padding-right: 40px;
display: flex;
position: absolute;
inset: 0%;
}
.div-block-331 {
grid-column-gap: 20px;
grid-row-gap: 20px;
display: flex;
}
.dropdown-list-9 {
border-style: none solid solid none;
border-width: 1px;
border-color: var(--chroma-4);
box-shadow: none;
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #0c0a10ed;
border-bottom-right-radius: 7px;
min-width: 250px;
margin-bottom: 20px;
display: none;
position: fixed;
inset: 0% auto 0% 0%;
}
.dropdown-4 {
background-color: var(--blue-low-transparent);
}
.cyber-two {
z-index: 998;
grid-column-gap: 30px;
grid-row-gap: 30px;
box-shadow: none;
-webkit-backdrop-filter: none;
backdrop-filter: none;
backface-visibility: visible;
perspective: 752px;
perspective-origin: 50%;
background-image: none;
justify-content: space-between;
align-items: center;
width: 94%;
padding: 20px 40px;
display: flex;
position: relative;
}
.tabs-menu-6 {
border-bottom: 1px dashed var(--chroma-4);
perspective: 750px;
perspective-origin: 50%;
justify-content: center;
align-items: flex-end;
height: 90px;
padding-bottom: 19px;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.cy-tabz {
z-index: 1000;
background-image: radial-gradient(circle farthest-corner at 50% 0%, var(--dark-slate-blue) 11%, var(--transparent-purp) 86%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6590dc2b7efcce564b317791_OUTER-BACKER%20copy.png"), radial-gradient(circle farthest-corner at 50% 50%, var(--dark-blue) 11%, #0c1237c4 63%, var(--mid-dark-blue) 82%, var(--transparent-purp) 95%);
-webkit-backdrop-filter: blur(35px);
backdrop-filter: blur(35px);
background-position: 0 0, 50% 100%, 0 0;
background-repeat: repeat, no-repeat, repeat;
background-size: auto, 1120px, auto;
padding-top: 90px;
position: fixed;
inset: 0% 0% auto;
}
.cy-slide {
height: 90vh;
}
.cyber-three {
z-index: 1001;
grid-column-gap: 30px;
grid-row-gap: 30px;
box-shadow: none;
-webkit-backdrop-filter: none;
backdrop-filter: none;
backface-visibility: visible;
perspective: 752px;
perspective-origin: 50%;
background-image: none;
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
position: fixed;
inset: 0% 40% auto;
}
.close-tab-link {
z-index: 1006;
background-color: var(--transparent-purp);
background-image: none;
justify-content: center;
align-items: center;
height: 9vh;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: fixed;
inset: 90vh 0% 0%;
}
.close-tab-link.w--current {
background-color: var(--transparent-purp);
display: none;
}
.closer-blox {
z-index: 1010;
border: 1px solid var(--chroma-4);
background-color: var(--blue-low-transparent);
color: var(--dodger-blue);
border-radius: 4px;
justify-content: center;
align-items: center;
height: 100%;
padding: 10px 12.5px;
font-size: 22px;
line-height: 24px;
display: flex;
position: relative;
}
.closer-blox:hover {
box-shadow: 0 0 16px 0 var(--dodger-bright-mid-opac);
}
.closer-blox.cb-2 {
background-image: linear-gradient(to bottom, var(--darkest-purp), var(--darkest-purp));
border-style: solid none solid solid;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.cy-hide-tab {
height: 0;
}
.cyber-logo-linkerz {
perspective-origin: 50% 0;
transform-style: preserve-3d;
justify-content: center;
align-items: flex-start;
min-width: 120px;
height: 48px;
max-height: 48px;
padding-left: 15px;
padding-right: 15px;
transition: all .275s;
display: flex;
transform: none;
}
.cyber-logo-linkerz:hover {
transform: translate3d(0, 0, 65px);
}
.cy-inner {
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.div-block-334 {
border-style: none dashed;
border-width: 1px;
border-color: var(--chroma-4);
width: 84%;
max-width: 1020px;
height: 85%;
margin-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
position: relative;
overflow: auto;
}
.cy-menu-tabs {
background-image: radial-gradient(circle farthest-corner at 100% 50%, var(--chroma-2), var(--transparent-purp) 30%), radial-gradient(circle farthest-corner at 0% 100%, var(--chroma-1), var(--transparent-purp) 47%);
}
.all-accent {
justify-content: space-between;
width: 96%;
height: 25px;
margin-bottom: -20px;
padding-left: 10px;
padding-right: 10px;
display: none;
}
.accent-holder {
align-items: flex-start;
min-width: 47.5%;
max-width: 47.5%;
height: 100%;
display: flex;
}
.accent-4 {
background-color: var(--dodger-blue);
box-shadow: 0 0 20px 0 var(--dodger-bright-mid-opac);
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
width: 5px;
height: 100%;
margin-top: -10px;
}
.accent-3 {
background-color: var(--dodger-blue);
box-shadow: 0 0 20px 0 var(--chroma-4);
width: 100%;
height: 2px;
}
.accent-2 {
background-color: var(--dodger-blue);
box-shadow: 0 0 13px 0 var(--mid-opacity);
width: 100%;
height: 1px;
}
.accent-1 {
border-style: none none solid solid;
border-width: 2px;
border-color: var(--dodger-blue);
box-shadow: -4px 6px 8px -7px var(--dodger-bright-mid-opac);
border-bottom-left-radius: 7px;
min-width: 50px;
height: 20px;
}
.accent-1.ac-flip {
box-shadow: 5px 5px 8px -7px var(--dodger-bright-mid-opac);
border-left-style: none;
border-right-style: solid;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 0;
}
.accent-0 {
border-bottom: 1px solid var(--dodger-blue);
justify-content: center;
align-items: flex-end;
min-width: 5%;
height: 20px;
max-height: 20px;
display: flex;
}
.cyber-rect-holdzing {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
align-items: center;
padding-bottom: 10px;
padding-left: 40px;
padding-right: 40px;
display: none;
position: absolute;
inset: 0%;
}
.cyber-two-copy {
z-index: 998;
grid-column-gap: 30px;
grid-row-gap: 30px;
border-bottom: 1px solid var(--bluish-trans-shadow);
box-shadow: none;
-webkit-backdrop-filter: none;
backdrop-filter: none;
backface-visibility: visible;
perspective: 752px;
perspective-origin: 50%;
background-image: none;
justify-content: center;
align-items: center;
width: 100%;
margin-right: 26px;
padding: 12.5px 40px 0 100px;
display: flex;
position: relative;
}
.nav-img-copy-copy {
z-index: 1001;
filter: none;
height: 50px;
padding-top: 5px;
padding-bottom: 5px;
transition: all .45s;
position: relative;
}
.nav-img-copy-copy:hover {
filter: hue-rotate(195deg);
}
.homerz {
z-index: 1003;
grid-column-gap: 15px;
grid-row-gap: 15px;
color: var(--dodger-blue);
align-items: center;
height: 40px;
transition: all .4s;
display: flex;
position: fixed;
inset: 10px 50px auto auto;
}
.homerz:hover {
filter: hue-rotate(195deg);
}
.kmap-scenarion-button {
z-index: 1002;
background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--v-dark-purp) 28%, var(--transparent-purp) 61%);
height: 75px;
position: relative;
}
.kmap-scenarion-button.ksb-v2 {
background-image: none;
height: 60px;
}
.accent-breadcrumb {
color: var(--dodger-blue);
text-align: left;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/656b7221b7c4fb536e7ce729_LOADER.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
width: 38vw;
max-width: 38vw;
max-height: 22px;
margin-bottom: -20px;
padding: 5px 0 10px 35px;
font-family: "Gillsans 09", sans-serif;
font-size: 8px;
line-height: 10px;
position: absolute;
bottom: -10px;
left: 115px;
right: auto;
overflow: hidden;
}
.tab-buttonz {
z-index: 1002;
}
.tab-link-closer {
background-color: var(--transparent-purp);
justify-content: center;
align-items: center;
height: 12.5vh;
padding: 20px 0 22px;
display: flex;
position: fixed;
inset: 95px 50px auto auto;
}
.tab-link-closer.w--current {
background-color: var(--transparent-purp);
display: none;
}
.tab-link-closer.tlc-3 {
margin-right: -12.5px;
padding-top: 0;
padding-bottom: 40px;
top: 84px;
right: 0;
}
.tab-nil-nun {
height: 0;
}
.div-block-344 {
border: 1px solid var(--dodger-blue);
background-color: var(--slate-blue);
box-shadow: 0 0 30px 0 var(--chroma-4);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65467fdff091335e74112ae1_CHAPTER%203-min.jpg");
background-position: 0 0;
background-size: cover;
border-radius: 30vh;
width: 75vw;
height: 60vh;
position: relative;
overflow: hidden;
}
.div-block-346 {
align-items: flex-end;
width: 100%;
height: 30px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.div-block-347 {
background-color: var(--dodger-blue);
box-shadow: 0 0 15px 0 var(--dodger-bright-mid-opac);
width: 50%;
height: 5px;
}
.div-block-348 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65467fdff091335e74112ae1_CHAPTER%203-min.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
.div-block-349 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/659831ba73e197a59aaff725_windowser.svg"), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65983080315ecb08244aed7c_window.svg");
background-position: 50%, 50%;
background-repeat: no-repeat, repeat;
background-size: 80.5%, cover;
width: 100%;
height: 100%;
}
.div-block-347-copy {
border: 1px solid var(--dodger-blue);
background-color: var(--bluish-trans-shadow);
box-shadow: none;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
text-align: right;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/659834da442deff97353f86d_bluetype01.png");
background-position: 100%;
background-repeat: no-repeat;
background-size: 200% 200%;
border-radius: 4px 4px 0;
justify-content: flex-end;
align-items: flex-start;
width: 50%;
height: 20vh;
padding: 20px 30px 20px 20px;
display: flex;
}
.div-block-350 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65467fdff091335e74112ae1_CHAPTER%203-min.jpg");
background-position: 0 0;
background-size: cover;
min-height: 100vh;
}
.div-block-351 {
height: 120vh;
}
.tabz-cont {
z-index: 1001;
width: 0;
height: 100vh;
margin: 0 10px 29px 0;
position: fixed;
inset: 0%;
overflow: visible;
}
.tab-pane-mez {
border-style: solid solid solid none;
border-width: 1px;
border-color: var(--chroma-4);
background-image: linear-gradient(to bottom, var(--darkest-purp), var(--darkest-purp));
box-shadow: 0 0 5px 3000px var(--bluish-trans-shadow);
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
width: 96vw;
height: 100%;
margin-top: 66px;
margin-left: 114px;
padding-top: 60px;
padding-left: 60px;
padding-right: 60px;
overflow: auto;
}
.lefter-pinz {
z-index: 9997;
grid-column-gap: 20px;
grid-row-gap: 20px;
border-right: 1px solid var(--blue-low-transparent);
background-color: var(--mid-dark-blue);
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100px;
height: 100vh;
padding-top: 110px;
padding-bottom: 100px;
padding-right: 10px;
transition: all .125s ease-in-out;
display: flex;
position: fixed;
inset: 0% auto 0% 0%;
overflow: hidden;
}
.lefter-pinz:hover {
z-index: 1000;
border-right-color: var(--mid-opacity);
background-color: var(--v-dark-purp);
width: 300px;
padding-left: 10px;
}
.image-73 {
height: 25px;
}
.collection-list-7 {
width: 100%;
}
.link-block-9 {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-radius: 7px;
align-items: center;
width: 280px;
padding: 10px 20px 10px 10px;
display: flex;
}
.link-block-9:hover {
background-color: var(--bluish-trans-shadow);
}
.div-block-354 {
border: 1px solid var(--bluish-trans-shadow);
background-color: var(--transparent-purp);
border-radius: 7px;
justify-content: center;
align-items: center;
width: 80px;
min-width: 80px;
height: 80px;
min-height: 80px;
padding: 10px;
display: flex;
}
.shrinx-frame {
justify-content: space-between;
display: flex;
}
.main-frame {
width: 100%;
}
.shrinx-side {
width: 108px;
}
.shrinx-top {
z-index: 1000;
background-color: var(--v-dark-purp);
height: 66px;
position: fixed;
inset: 0% 0% auto;
}
.image-74 {
width: 100%;
}
.nav-tabs {
z-index: 2000;
box-shadow: none;
background-color: #070809;
height: 100vh;
position: sticky;
top: 0;
}
.micro-tab {
background-image: none;
width: 100px;
height: 100%;
padding-top: 100px;
padding-bottom: 140px;
padding-left: 15px;
overflow: auto;
}
.tabs-content-7 {
height: 100%;
}
.home-icon {
background-color: var(--transparent-purp);
outline-color: var(--dodger-blue);
outline-offset: 0px;
background-image: none;
border-radius: 4px;
outline-width: 1px;
outline-style: none;
justify-content: center;
align-items: center;
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px;
margin: 0;
padding: 15px;
display: flex;
}
.home-icon:hover {
outline-color: var(--dodger-blue);
outline-offset: 0px;
background-image: none;
outline-width: 1px;
outline-style: solid;
}
.home-icon.w--current {
background-color: var(--transparent-purp);
display: none;
}
.max-tab {
border-right: 1px none var(--dodger-blue);
background-image: linear-gradient(to bottom, var(--darkest-purp), var(--darkest-purp));
width: 510px;
min-width: 510px;
height: 100%;
padding-bottom: 80px;
overflow: hidden;
}
.max-tab:hover {
overflow: auto;
}
.tabs-menu-7 {
z-index: 9997;
width: 100%;
padding-top: 25px;
padding-left: 25px;
position: absolute;
inset: 0% 0% auto;
}
.content-slider {
z-index: 0;
flex-direction: column;
align-items: flex-start;
max-width: 100vw;
padding-top: 15px;
padding-left: 0;
display: flex;
position: relative;
overflow: hidden;
}
.content-slider.cs-pad {
padding-top: 40px;
padding-left: 10px;
}
.content-slider.cs-padz {
padding-bottom: 100px;
}
.content-slider.cs-padz.cont-sli-hider {
display: none;
}
.menu-main-button {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-image: linear-gradient(to bottom, var(--bluish-trans-shadow), var(--bluish-trans-shadow));
filter: none;
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
color: var(--dodger-blue-bright);
text-align: center;
border-radius: 4px;
outline-width: 1px;
outline-style: none;
flex-direction: column;
justify-content: center;
align-items: center;
width: 70px;
height: 70px;
margin-bottom: 15px;
padding: 0;
transition: all .425s ease-out;
display: flex;
}
.menu-main-button:hover {
filter: hue-rotate(178deg) brightness(107%);
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
background-image: none;
outline-width: 1px;
outline-style: solid;
}
.menu-main-button.w--current {
background-image: linear-gradient(to bottom, var(--white), var(--white)), linear-gradient(to bottom, var(--bluish-trans-shadow), var(--bluish-trans-shadow));
}
.menu-main-button.w--current:hover {
filter: none;
}
.menu-main-button.w--open {
filter: hue-rotate(178deg) brightness(107%);
background-image: none;
}
.menu-main-button.mmb-v2 {
margin-bottom: 0;
}
.menu-main-button.mmb-v3 {
z-index: 9998;
}
.menu-main-button.mmb-v3.w--open:hover {
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
}
.menu-main-button.mmb-v3-copy {
z-index: 9998;
}
.menu-main-button.mmb-v3-copy.w--open:hover {
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
}
.menu-main-button.mmb-v7 {
margin-top: -20px;
margin-bottom: 0;
}
.home-linx-logo {
z-index: 9999;
justify-content: flex-start;
align-items: center;
height: 80px;
max-height: 100px;
padding-left: 10px;
padding-right: 15px;
transition: all .275s;
display: flex;
}
.nav-img-copy-copy-copy {
z-index: 1001;
filter: none;
width: 70px;
min-width: 70px;
height: 40px;
min-height: 40px;
max-height: 40px;
padding-top: 0;
padding-bottom: 0;
transition: all .45s;
position: relative;
}
.nav-img-copy-copy-copy:hover {
filter: hue-rotate(195deg);
}
.search-nav {
z-index: 9998;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66f1a7f1d1486778ae097e16_VIEW-BAR.png");
background-position: 0 300%;
background-repeat: no-repeat;
background-size: 100%;
background-attachment: scroll;
align-items: center;
width: calc(100% - 110px);
height: 110px;
padding-bottom: 5px;
padding-left: 10px;
transition-property: all;
transition-duration: .2s;
transition-timing-function: ease;
display: flex;
position: fixed;
inset: 0% auto auto 100px;
}
.search-nav:hover {
background-position: 0 100%;
}
.kmap-button {
z-index: 1003;
grid-column-gap: 15px;
grid-row-gap: 15px;
color: var(--dodger-blue);
align-items: center;
height: 40px;
transition: all .4s;
display: flex;
position: fixed;
inset: auto auto 40px 15px;
}
.kmap-button:hover {
filter: hue-rotate(195deg);
}
.collapse-top {
min-height: 600px;
margin-left: -100px;
position: relative;
}
.collapse-holder {
z-index: 3;
background-image: linear-gradient(180deg, var(--transparent-purp) 41%, #0c0a10c2 70%, #0c0a10fa 90%, var(--v-dark-purp)), radial-gradient(circle farthest-corner at 85% 50%, var(--transparent-purp) 48%, #0c0a108c 81%, var(--v-dark-purp)), linear-gradient(180deg, var(--transparent-purp) 61%, var(--woku-purp));
flex-direction: column;
justify-content: space-between;
width: 100%;
padding-top: 60px;
padding-bottom: 20px;
display: flex;
position: relative;
}
.net-tab-link {
background-color: var(--transparent-purp);
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
color: var(--dodger-blue);
border-radius: 4px;
outline-width: 1px;
outline-style: none;
width: 250px;
min-width: 250px;
height: 35vh;
min-height: 294px;
padding: 0;
transition: all .2s;
position: relative;
overflow: hidden;
}
.net-tab-link:hover {
height: 55vh;
min-height: 420px;
}
.net-tab-link.w--current {
background-color: var(--transparent-purp);
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
width: 50vw;
height: 30vh;
}
.net-tab-link.w--open {
box-shadow: 0 0 5px 3000px var(--blue-low-transparent), 0 0 5px 3000px var(--v-dark-purp);
width: 100%;
min-width: 700px;
height: 30vh;
min-height: 252px;
}
.net-tab-link.w--open:hover {
height: 30vh;
min-height: 252px;
}
.net-tab-link.brick-link {
transition: none;
}
.net-tab-link.brick-link:hover {
height: 35vh;
min-height: 294px;
}
.net-tab-link.brick-link.w--open:hover {
height: 30vh;
min-height: 252px;
}
.net-image {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65467fdff091335e74112ae1_CHAPTER%203-min.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
align-items: flex-end;
width: 100%;
height: 30vh;
min-height: 252px;
padding: 15px;
display: flex;
}
.net-tx {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-image: linear-gradient(to bottom, var(--bluish-trans-shadow), var(--bluish-trans-shadow)), linear-gradient(to bottom, var(--v-dark-purp), var(--v-dark-purp));
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 5vh;
padding: 0 15px 15px;
display: flex;
}
.net-tab-menu {
grid-column-gap: 15px;
grid-row-gap: 15px;
display: flex;
}
.net-holder {
background-color: var(--v-dark-purp);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
width: 50vw;
min-width: 250px;
min-height: 40vh;
}
.net-tab {
border-radius: 4px;
max-width: 50vw;
max-height: 70vh;
position: absolute;
inset: 0% auto auto 0%;
overflow: auto;
}
.net-tab:hover {
z-index: 9997;
box-shadow: 0 0 15px 0 var(--chroma-4);
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.x-er {
background-color: var(--bluish-trans-shadow);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65611f55e79197d7d772b2ee_X-CLOSE.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 50%;
border-radius: 4px;
width: 35px;
min-width: 35px;
height: 35px;
min-height: 35px;
padding: 0;
position: absolute;
inset: 10px 10px auto auto;
}
.x-er:hover {
border: 1px solid var(--dodger-blue-bright);
}
.x-er.w--current {
display: none;
}
.tab-pane-tab-2 {
width: 0;
height: 0;
}
.net-pin-button {
background-image: linear-gradient(150deg, var(--transparent-purp) 59%, var(--backdrop-black));
align-items: flex-start;
padding: 5px 20px 20px 10px;
position: absolute;
inset: auto 0% 0% auto;
}
.net-more-info {
grid-column-gap: 15px;
grid-row-gap: 15px;
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
color: var(--dodger-blue);
flex-direction: column;
align-items: flex-start;
width: 100%;
min-width: 700px;
height: 100%;
padding: 0 15px 20px;
display: flex;
}
.net-holder-comp1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 3fr 1.5fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.net-holder-comp1.nhc1-ult {
background-image: linear-gradient(to bottom, var(--mid-dark-blue), var(--mid-dark-blue));
-webkit-backdrop-filter: none;
backdrop-filter: none;
outline-color: var(--dodger-blue);
outline-offset: 0px;
border-radius: 4px;
outline-width: 1px;
outline-style: solid;
width: 97.5%;
height: 50px;
margin-top: -100px;
margin-right: 10px;
padding: 8px 8px 8px 10px;
}
.net-holder-comp1.nhc1-ult-copy {
background-image: linear-gradient(to bottom, var(--mid-dark-blue), var(--mid-dark-blue));
-webkit-backdrop-filter: none;
backdrop-filter: none;
outline-color: var(--dodger-blue);
outline-offset: 0px;
border-radius: 4px;
outline-width: 1px;
outline-style: solid;
height: 50px;
padding: 8px 8px 8px 10px;
}
.div-block-373 {
color: var(--white);
}
.net-holder-comp2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-top: 1px none var(--blue-low-transparent);
flex-direction: column;
align-items: flex-start;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
}
.net-narrative {
border: 1px solid var(--blue-low-transparent);
border-radius: 4px;
width: 100%;
height: 100px;
display: flex;
position: relative;
overflow: hidden;
}
.net-img {
background-color: var(--blue-low-transparent);
justify-content: center;
align-items: center;
width: 30%;
max-width: 30%;
display: flex;
}
.net-desc {
justify-content: flex-start;
align-items: center;
width: 70%;
max-width: 70%;
padding: 0 60px 0 15px;
font-size: 10px;
line-height: 20px;
display: flex;
position: relative;
overflow: hidden;
}
.net-logo {
max-height: 50%;
padding: 10%;
}
.net-block-hider {
background-image: linear-gradient(to bottom, var(--transparent-purp), var(--blue-low-transparent)), linear-gradient(to bottom, var(--transparent-purp), var(--v-dark-purp));
height: 45%;
position: absolute;
inset: auto 0% 0%;
}
.net-holder-xbutton {
background-color: var(--transparent-purp);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/659b7be208197e3deeaf7260_65602eb06bdd3dae87376fa0_65469138df5823449b772c71_UP%20ARROW.png"), linear-gradient(to bottom, var(--bluish-trans-shadow), var(--bluish-trans-shadow)), linear-gradient(to bottom, var(--v-dark-purp), var(--v-dark-purp));
color: var(--dodger-blue-bright);
background-position: 7.5px, 0 0, 0 0;
background-repeat: no-repeat, repeat, repeat;
background-size: auto 60%, auto, auto;
border-radius: 4px;
justify-content: flex-end;
align-items: center;
width: 35px;
min-width: 35px;
height: 35px;
min-height: 35px;
padding: 0 35px 0 0;
font-size: 16px;
transition: all .2s;
display: flex;
position: absolute;
inset: auto 10px 10px auto;
overflow: hidden;
}
.net-holder-xbutton:hover {
border: 1px solid var(--dodger-blue-bright);
background-position: 97px;
width: 125px;
}
.net-holder-xbutton.w--current {
display: none;
}
.net-holder-xbutton.nhxb-v3 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/659b7be208197e3deeaf7260_65602eb06bdd3dae87376fa0_65469138df5823449b772c71_UP%20ARROW.png"), linear-gradient(to bottom, var(--bluish-trans-shadow), var(--bluish-trans-shadow));
white-space: nowrap;
background-position: 7.5px, 0 0;
background-repeat: no-repeat, repeat;
background-size: auto 60%, auto;
position: static;
}
.net-holder-xbutton.nhxb-v3:hover {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/659b7be208197e3deeaf7260_65602eb06bdd3dae87376fa0_65469138df5823449b772c71_UP%20ARROW.png"), linear-gradient(to bottom, var(--bluish-trans-shadow), var(--bluish-trans-shadow)), linear-gradient(to bottom, var(--v-dark-purp), var(--v-dark-purp));
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
background-position: 107px, 0 0, 0 0;
background-repeat: no-repeat, repeat, repeat;
background-size: auto 60%, auto, auto;
border-style: none;
outline-width: 1px;
outline-style: solid;
width: 135px;
}
.net-holder-xbutton.nhxb-v4 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6539dee3ba2ac6aed6a494cf_info.webp"), linear-gradient(to bottom, var(--chroma-3), var(--chroma-3));
background-position: 7.5px, 0 0;
background-repeat: no-repeat, repeat;
background-size: auto 60%, auto;
display: none;
position: absolute;
inset: 10px 10px 10px auto;
}
.net-holder-xbutton.nhxb-v4:hover {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6539dee3ba2ac6aed6a494cf_info.webp"), linear-gradient(to bottom, var(--chroma-3), var(--chroma-3));
outline-color: var(--dodger-blue);
outline-offset: 0px;
background-position: 117px, 0 0;
border-style: none;
outline-width: 1px;
outline-style: solid;
width: 145px;
}
.net-holder-comp3 {
border: 1px solid var(--blue-low-transparent);
border-radius: 4px;
width: 100%;
min-height: 100px;
margin-bottom: 20px;
padding: 15px 0 15px 15px;
position: relative;
overflow: hidden;
}
.net-holder-comp3:hover {
overflow: auto;
}
.net-char-link {
opacity: .6;
outline-color: var(--bluish-trans-shadow);
outline-offset: 0px;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/656aa4b3128fda940bffcad6_POPO.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 100%;
outline-width: 1px;
outline-style: solid;
min-width: 100px;
min-height: 100px;
max-height: 100px;
overflow: hidden;
}
.net-char-link:hover {
opacity: 1;
}
.net-char-link.ncl-v2 {
background-color: var(--desat-blue);
opacity: 1;
outline-color: var(--bluish-trans-shadow);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
}
.net-char-link.ncl-v3 {
background-color: var(--desat-blue);
border-radius: 10px;
}
.net-char {
background-image: linear-gradient(180deg, var(--transparent-purp) 21%, var(--v-dark-purp));
opacity: 0;
color: var(--dodger-blue);
text-align: center;
align-items: flex-end;
width: 100%;
max-width: 100px;
height: 120px;
padding: 5px;
font-family: "Gillsans 05", sans-serif;
transition: all .2s;
display: flex;
}
.net-char:hover {
opacity: 1;
height: 100px;
padding-bottom: 10px;
}
.popup-tx-holder {
grid-column-gap: 5px;
grid-row-gap: 0px;
color: var(--dodger-blue);
text-shadow: 0 0 9px var(--dodger-bright-mid-opac);
flex-flow: wrap;
align-items: flex-start;
font-family: "Gillsans 08", sans-serif;
display: flex;
}
.net-component {
width: 250px;
height: 35vh;
min-height: 294px;
position: relative;
}
.div-block-381 {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: flex-start;
align-items: center;
height: 100vh;
padding-right: 5vw;
display: flex;
}
.net-collect-list {
grid-column-gap: 25px;
grid-row-gap: 25px;
align-items: flex-start;
min-width: 100%;
height: 42vh;
min-height: 353px;
margin-top: -10px;
padding-top: 25px;
padding-left: 10px;
padding-right: 500px;
transition: none;
display: flex;
overflow: hidden;
}
.net-collect-list:hover {
overflow: auto;
}
.net-collect-list.hide {
display: none;
}
.net-collect-wrapper {
min-width: 100%;
max-width: 100%;
padding-left: 10px;
}
.discover-woku {
z-index: 1;
background-image: none;
margin-top: 0;
padding-top: 160px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.net-collect-item {
cursor: pointer;
width: 250px;
transition: none;
}
.div-block-386 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--bluish-trans-shadow);
border-radius: 7px;
flex-direction: column;
align-items: flex-start;
min-height: 360px;
margin: -60px 20px 100px;
padding: 38px 40% 38px 38px;
display: flex;
position: relative;
}
.div-block-387 {
z-index: 9995;
background-image: linear-gradient(180deg, var(--darkest-purp) 78%, var(--transparent-purp));
justify-content: center;
align-items: flex-end;
height: 250px;
margin-bottom: -20px;
padding-bottom: 60px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: sticky;
inset: 0% 0% auto;
}
.div-block-389 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.net-drop-list {
background-color: #ddd;
}
.net-drop-list.w--open {
background-color: var(--v-dark-purp);
width: 100%;
min-width: 700px;
max-width: 1000px;
}
.net-dropper {
border-radius: 4px;
height: 55vh;
min-height: 458px;
padding-right: 20px;
transition: all .2s;
overflow: auto;
}
.net-dropper:hover {
box-shadow: 0 2px 5px 3000px #0c0a109c;
}
.net-dropper.brick-drop {
background-color: var(--v-dark-purp);
height: 35vh;
min-height: 294px;
padding-right: 0;
transition: box-shadow .3s;
overflow: hidden;
}
.net-dropper.brick-drop:hover {
z-index: 1000;
padding-right: 20px;
overflow: auto;
box-shadow: 0 2px 5px 3000px #0c0a10cc;
}
.net-dropper.brick-drop-link {
background-color: var(--v-dark-purp);
height: 35vh;
min-height: 294px;
padding-right: 0;
transition: box-shadow .3s;
overflow: hidden;
}
.net-dropper.brick-drop-link:hover {
z-index: 1000;
padding-right: 20px;
overflow: auto;
box-shadow: 0 2px 5px 3000px #0605088f;
}
.div-block-390 {
grid-column-gap: 5px;
grid-row-gap: 0px;
color: var(--dodger-blue);
display: flex;
}
.collection-item-8 {
margin-top: 10px;
}
.collection-list-10 {
grid-column-gap: 15px;
display: flex;
}
.content-slider-fader {
z-index: 9998;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-image: linear-gradient(270deg, var(--v-dark-purp) 12%, #0c0a10b5 51%, var(--transparent-purp));
text-align: right;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 5%;
height: 100%;
padding-top: 22.5vh;
padding-right: 20px;
display: flex;
position: absolute;
inset: auto 0% 10px auto;
}
.content-slider-fader.csf-2 {
justify-content: center;
height: 80%;
padding-top: 0;
inset: auto 0% 0% auto;
}
.content-slider-fader.csf-3 {
background-image: linear-gradient(270deg, var(--darkest-purp) 12%, #0605087d 46%, var(--transparent-purp));
}
.content-slider-fader.csf-4 {
background-image: linear-gradient(270deg, var(--desat-blue) 12%, #0f1522 51%, var(--transparent-purp));
justify-content: center;
height: 80%;
padding-top: 0;
inset: auto 0% 0% auto;
}
.net-tx-holdz {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.footer-holdz {
border-top: 1px solid var(--chroma-4);
background-color: var(--v-dark-purp);
box-shadow: 0 20px 5px 8px var(--v-dark-purp);
margin-left: -100px;
padding-left: 100px;
}
.footer-holdz.fh-black {
z-index: 1;
background-color: var(--darkest-purp);
position: relative;
}
.footer-holdz.fh-dark {
background-color: var(--transparent-purp);
background-image: linear-gradient(to bottom, var(--dark-blue-mid-opac), var(--dark-blue-mid-opac));
}
.footer-holdz.fh-purpblack {
z-index: 1;
background-color: var(--black);
position: relative;
}
.footer-holdz.huihl {
box-shadow: none;
margin-left: 0;
padding-left: 20px;
}
.micro-tab-holder.inside-macro {
display: none;
}
.card-content-top {
position: relative;
overflow: hidden;
transform: translate(0);
}
.product-card-wrapper {
flex-direction: column;
max-width: 1010px;
margin-left: auto;
text-decoration: none;
display: flex;
}
.product-card-wrapper.card {
color: #000;
border-width: 2px;
border-color: #fff;
max-width: none;
height: 100%;
position: relative;
}
.main-holder {
color: #fff;
margin-left: -100px;
padding-left: 100px;
overflow: scroll;
}
.main-holder.mh-100-mid {
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
padding-top: 140px;
display: flex;
}
.main-holder.mh-no-l-pad {
padding-left: 0;
}
.main-holder.mh-100-width {
width: 100%;
overflow: hidden;
}
.main-holder.mh-ffw {
padding-left: 110px;
}
.main-holder.mh-faq {
margin-left: 0;
}
.all-holdz {
object-fit: none;
max-height: 100vh;
display: flex;
position: relative;
overflow: hidden;
}
.all-holdz.ah-70vh {
border-bottom: 1px solid var(--dodger-blue);
background-color: var(--transparent-purp);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent)), linear-gradient(to bottom, #0c0a10db, #0c0a10db);
max-height: 100vh;
overflow: hidden;
}
.div-block-398 {
width: 100%;
margin-bottom: 10px;
}
.break-out-sect {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
color: var(--dodger-blue);
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
flex-direction: column;
grid-template-rows: 1.25fr 5fr 1.25fr;
grid-template-columns: .75fr 10fr 1.25fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 69%;
margin-top: -.5%;
padding-left: 100px;
padding-right: 50px;
position: relative;
}
._4-part-skeleton-copy {
z-index: 100;
grid-column-gap: 0px;
grid-row-gap: 0px;
perspective: 128px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 7fr 4fr 1.5fr;
grid-auto-columns: 1fr;
height: 100%;
min-height: 75vh;
padding-top: 60px;
padding-bottom: 60px;
display: grid;
position: relative;
}
.div-block-400 {
perspective: 440px;
position: relative;
}
.div-block-400.sc-hide {
display: none;
}
.top-blox {
background-image: linear-gradient(to bottom, var(--v-dark-purp), #0c0a1075 42%, var(--transparent-purp));
height: 90px;
position: fixed;
inset: 0% 0% auto;
}
.bg-distort {
opacity: .25;
mix-blend-mode: lighten;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65a2c06eb9ab300efee87573_BLUE%20GLITCH.gif");
background-position: 50%;
background-size: cover;
position: absolute;
inset: 0%;
}
.bg-distort.bg-d-minus {
z-index: -1;
display: none;
}
.bg-distort.bg-d-hide {
display: none;
}
.breakout-fader {
z-index: 9998;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-image: linear-gradient(270deg, var(--v-dark-purp) 12%, #0c0a10b5 51%, var(--transparent-purp));
text-align: right;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 5%;
height: 94%;
padding-right: 20px;
display: none;
position: absolute;
top: 0%;
left: auto;
right: 0%;
}
.breakout-inner {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 90%;
max-width: 900px;
max-height: 96%;
margin-left: 2%;
display: flex;
overflow: scroll;
}
.breakout-main {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 1.25fr .5fr;
grid-template-columns: .25fr 4fr .5fr;
grid-auto-columns: 1fr;
place-content: space-around;
display: grid;
}
.breakout-holdz {
width: 100%;
height: 100%;
}
.breakout-holdz.bh-v2 {
z-index: 400;
text-align: right;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: auto;
margin-right: -35px;
padding-top: 20vh;
padding-bottom: 20vh;
padding-right: 35px;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
overflow: scroll;
}
.breakout-holdz.bh-v3 {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
flex-direction: row;
align-items: center;
height: auto;
padding-left: 20px;
display: flex;
position: absolute;
inset: auto 0% 120px 100px;
}
.breakout-list {
grid-column-gap: 10px;
grid-row-gap: 10px;
perspective: 1156px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
padding: 40px;
display: flex;
overflow: auto;
}
.breakout-list.bl-horz {
flex-direction: row;
}
.item-3d {
background-image: linear-gradient(to bottom, var(--desat-blue), var(--desat-blue));
transform-style: preserve-3d;
border-radius: 10px;
width: 100px;
height: 100px;
transition: all .2s;
}
.item-3d:hover {
z-index: 100;
background-image: linear-gradient(to bottom, var(--chroma-4), var(--chroma-4)), linear-gradient(to bottom, var(--v-dark-purp), var(--v-dark-purp));
box-shadow: 0 0 13px -3px var(--dodger-bright-mid-opac);
position: relative;
transform: translate3d(-11px, 0, 52px);
}
.h4-small {
font-family: "Gillsans 05", sans-serif;
font-size: 12px;
line-height: 18px;
}
.h4-txt {
font-family: "Gillsans 08", sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 22px;
}
.heading-7 {
color: var(--dodger-blue);
}
.collection-list-11 {
grid-column-gap: 10px;
grid-row-gap: 10px;
perspective: 200px;
flex-wrap: wrap;
display: flex;
}
.collection-item-9 {
transform-style: preserve-3d;
width: 32%;
padding-top: 10px;
padding-bottom: 10px;
transition: all .2s;
transform: none;
}
.collection-item-9:hover {
z-index: 20;
position: relative;
transform: translate3d(0, 0, 5px);
}
.div-block-404 {
border-bottom: 1px none var(--dodger-blue);
box-shadow: none;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-image: none;
height: 100vh;
margin-bottom: 30vh;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.learn-more-dropper {
z-index: 1001;
background-image: linear-gradient(#0c0a1075, #0c0a1000);
width: 100%;
padding-top: 0;
padding-bottom: 10px;
padding-left: 25px;
position: fixed;
inset: 0% 0% auto;
}
.txt-at-top {
color: var(--dodger-blue);
text-align: center;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.page-wrapper-2 {
align-items: center;
max-width: none;
height: auto;
}
.reset-password-form-block {
color: var(--dodger-blue);
}
.dropdown-list-12.w--open {
background-color: var(--transparent-purp);
margin-top: 10px;
margin-left: -20px;
}
.media-headerz {
margin-bottom: 20px;
}
.home-icon-media {
z-index: 1002;
border: 1px solid var(--dodger-blue);
background-color: var(--transparent-purp);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65bc438c3d4df702c90e8969_left_panel_open_FILL0_wght100_GRAD-25_opsz48.svg"), linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
box-shadow: none;
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 51%, auto;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px;
margin: 0;
padding: 15px;
display: flex;
top: 25px;
}
.home-icon-media:hover {
z-index: 1000001;
}
.home-icon-media.w--current {
background-color: var(--transparent-purp);
display: none;
}
.home-icon-media.w--open {
z-index: 100001;
border-color: var(--white);
background-color: var(--darkest-purp);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65bc438c09a3499db714e6e2_left-r_panel_open_FILL0_wght100_GRAD-25_opsz48.svg"), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65dfb1e5ea3a126523263a9d_CLOSE.png"), linear-gradient(to bottom, var(--white), var(--white)), linear-gradient(to bottom, var(--desat-blue), var(--desat-blue));
box-shadow: 0 2px 20px 3px var(--bluish-trans-shadow);
background-position: 65px, 10px, 0 0, 0 0;
background-repeat: no-repeat, no-repeat, repeat, repeat;
background-size: auto 51%, auto 9px, auto, auto;
border-radius: 4px;
width: 100px;
min-width: 100px;
height: 40px;
min-height: 40px;
position: fixed;
inset: auto 40px 40px auto;
overflow: hidden;
}
.home-icon-media.w--open:hover {
border-style: solid;
}
.div-block-406 {
background-color: var(--dark-slate-blue);
min-height: 100vh;
}
.woku-pop-up {
order: 1;
width: 60px;
min-width: 60px;
height: 60px;
min-height: 60px;
margin-left: 15px;
}
.woku-pop-up-menu {
width: 60px;
min-width: 60px;
height: 60px;
min-height: 60px;
}
.woku-pop-up-tab-link {
background-color: var(--transparent-purp);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65bcfec49aea1bccbc9c268b_WI-LOGO-BLUE.svg"), linear-gradient(to bottom, var(--white), var(--white));
box-shadow: 0 2px 20px 0 var(--dodger-blue);
opacity: 1;
outline-color: var(--dodger-blue);
outline-offset: 0px;
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 105%, auto;
border-radius: 100%;
outline-width: 2px;
outline-style: none;
width: 60px;
min-width: 60px;
height: 60px;
min-height: 60px;
}
.woku-pop-up-tab-link:hover {
opacity: 1;
outline-color: var(--dodger-blue);
outline-offset: 0px;
outline-width: 2px;
outline-style: solid;
}
.woku-pop-up-tab-link.w--current {
background-color: var(--transparent-purp);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65bcfec998265bdc5d9c9e36_WI-LOGO-WHITE.svg"), linear-gradient(to bottom, var(--dodger-blue), var(--dodger-blue));
opacity: 1;
outline-color: var(--dodger-blue);
outline-offset: 0px;
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 105%, auto;
outline-width: 2px;
outline-style: none;
}
.woku-pop-up-tab-link.w--current:hover {
outline-color: var(--dodger-blue);
outline-offset: 0px;
outline-width: 2px;
outline-style: none;
}
.tabs-content-9 {
width: 100%;
height: 1px;
position: fixed;
inset: 0% 0% auto;
}
.tab-pane-tab-1-3 {
width: 100%;
overflow: hidden;
}
.div-block-408 {
background-color: var(--v-dark-purp);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
box-shadow: 0 0 40px 0 var(--darkest-purp);
border-radius: 4px;
margin: 15px 15px 110px;
padding: 60px 20px 20px;
position: fixed;
inset: 0%;
overflow: auto;
}
.tab-link-tab-2 {
z-index: 15;
background-color: var(--transparent-purp);
filter: saturate(70%);
color: var(--dodger-blue);
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
justify-content: flex-start;
align-items: center;
width: auto;
min-width: auto;
height: 60px;
min-height: 60px;
margin-top: -60px;
padding: 0 60px 0 20px;
transition: all 50ms;
display: block;
position: relative;
inset: 0%;
}
.tab-link-tab-2.w--current {
display: none;
}
.tab-pane-tab-2-2 {
height: 1px;
}
.media-containz {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: flex;
}
.ffw-head-float {
z-index: 994;
background-image: linear-gradient(to bottom, var(--bluish-trans-shadow), var(--bluish-trans-shadow)), linear-gradient(to bottom, var(--v-dark-purp), var(--v-dark-purp));
box-shadow: 0 -70px 25px 80px var(--v-dark-purp);
border-radius: 5px;
justify-content: space-between;
align-items: center;
width: 98%;
height: 70px;
padding: 14px;
display: flex;
position: sticky;
top: 100px;
overflow: hidden;
}
.div-block-411 {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: flex;
}
.ffw-img-head {
width: 35vw;
margin-bottom: 20px;
}
.ffw-img-head.ffw-i-h-v2 {
width: 300px;
display: none;
}
.div-block-414 {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid var(--bluish-trans-shadow);
background-color: var(--v-dark-purp);
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding: 20px 15px 20px 25px;
display: grid;
}
.div-block-415 {
background-color: var(--v-dark-purp);
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
border-radius: 5px;
outline-width: 1px;
outline-style: solid;
padding: 15px;
position: relative;
}
.ffw-tx-holderz {
border-right: 1px solid var(--bluish-trans-shadow);
background-color: var(--v-dark-purp);
flex-direction: column;
justify-content: center;
align-items: flex-start;
max-width: 400px;
padding: 10px 20px;
display: flex;
position: relative;
}
.ffw-div-holder {
grid-column-gap: 100px;
grid-row-gap: 100px;
border-top: 1px solid var(--bluish-trans-shadow);
background-image: linear-gradient(180deg, var(--transparent-purp), #0c0a10d1 28%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6578886aae8b84e5e2c2fb76_DOT.svg");
background-position: 0 0, 50% 0;
background-size: auto, 2.5vw;
flex-direction: column;
align-items: flex-start;
min-height: 100vh;
margin-left: -100px;
padding-bottom: 100px;
padding-left: 102px;
display: flex;
}
.image-79 {
width: 30px;
position: absolute;
inset: 100% -24px 0% auto;
}
.ffw-fader {
z-index: 50;
background-image: linear-gradient(270deg, var(--v-dark-purp), var(--transparent-purp));
width: 5%;
margin-bottom: 20px;
position: absolute;
inset: 0% 0% 0% auto;
}
.ffw-slider-holder {
grid-template-rows: auto;
grid-template-columns: 400px 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: relative;
overflow: hidden;
}
.ffw-mainer-holder {
flex-direction: column;
width: 100%;
display: flex;
}
.ffw-tx-holder {
flex-direction: column;
justify-content: center;
align-items: flex-start;
min-width: 250px;
margin-bottom: 20px;
padding: 10px 20px;
display: flex;
position: relative;
}
.ffw-tx-holdz {
background-color: var(--v-dark-purp);
flex-direction: column;
align-items: flex-start;
display: flex;
}
.ffw-all-holder {
width: 100%;
}
.div-block-416 {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-direction: column;
min-height: 100vh;
padding: 220px 40px 100px 20px;
display: flex;
}
.misctag-head {
letter-spacing: 0;
-webkit-text-stroke-width: 2px;
font-family: "Gillsans 05", sans-serif;
font-size: 80px;
line-height: 75px;
}
.misctag-head.mth-v2 {
letter-spacing: 2px;
font-family: "Gillsans 08", sans-serif;
font-weight: 300;
}
.misctag-head.mth-v3 {
letter-spacing: 2px;
font-family: "Gillsans 08", sans-serif;
font-size: 50px;
font-weight: 300;
line-height: 50px;
}
.misctag-head.mth-v2b {
letter-spacing: 2px;
margin-bottom: 0;
font-family: "Gillsans 08", sans-serif;
font-size: 50px;
font-weight: 300;
line-height: 55px;
}
.misctag-head.mth-v2c {
letter-spacing: 2px;
font-family: "Gillsans 05", sans-serif;
font-size: 50px;
font-weight: 600;
line-height: 55px;
}
.tagz-block {
z-index: 5;
border-top: 1px solid var(--bluish-trans-shadow);
width: 100%;
margin-top: 60px;
padding-top: 60px;
padding-right: 5%;
position: relative;
}
.tagz-block.tb-v2 {
padding-bottom: 60px;
padding-left: 10px;
}
.div-block-417 {
z-index: 100;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.div-block-418 {
grid-column-gap: 20px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.collection-list-wrapper-13 {
margin-left: -10px;
}
.div-block-419 {
z-index: 100;
margin-top: 100px;
margin-left: 100px;
padding: 120px 40px 20px 20px;
position: relative;
}
.div-block-420 {
z-index: 100;
margin-top: -25vh;
padding-left: 102px;
position: relative;
}
.home-ffw-holder {
flex-direction: column;
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
padding-right: 10px;
display: flex;
}
.extend-menu-drop-list {
inset: 0% auto auto 0%;
}
.extend-menu-drop-list.w--open {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--v-dark-purp);
outline-color: var(--orange-burn);
outline-offset: 0px;
border-radius: 5px;
outline-width: 1px;
outline-style: solid;
flex-direction: column;
margin-left: -5px;
padding: 90px 5px 5px;
display: flex;
}
.extend-menu {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
margin-top: -20px;
display: flex;
}
.extend-menu.em-v2 {
margin-top: -5px;
}
.div-block-424 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
display: flex;
}
.user-top-link {
border: 1px solid var(--dodger-bright-mid-opac);
box-shadow: none;
opacity: .52;
background-color: #0f39594a;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6538af5f8a43d348d7004f0f_line%20person.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 20px;
border-radius: 5px;
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
margin-left: 15px;
margin-right: 0;
transition: all .35s;
position: static;
inset: 15px 30px auto auto;
}
.user-top-link:hover {
border: 1px solid var(--dodger-blue-bright);
box-shadow: 0 2px 14px 6px var(--bluish-trans-shadow);
opacity: 1;
}
.spacer-maker {
display: none;
}
.extend-menu-drop {
z-index: 9999;
}
.extend-menu-drop.emp-second {
z-index: 9997;
}
.body-7 {
flex-direction: column;
align-items: flex-start;
padding-top: 100px;
display: flex;
}
.woku-index {
outline-color: var(--chroma-4);
outline-offset: 0px;
border-radius: 7px;
outline-width: 1px;
outline-style: none;
height: 97vh;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
display: flex;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.woku-index.wix-holder-pin {
z-index: 10;
background-color: var(--v-dark-purp);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
height: auto;
margin-bottom: 110px;
position: fixed;
inset: 0%;
}
.woku-index.wix-holder-botpage {
background-color: var(--v-dark-purp);
max-width: 96vw;
height: 500px;
margin-top: 60px;
margin-left: 0;
position: relative;
}
.tabs-menu-8 {
z-index: 99;
border: 1px solid var(--bluish-trans-shadow);
background-color: var(--transparent-purp);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-image: none;
border-radius: 7px;
flex-direction: column;
width: 220px;
min-width: 220px;
transition: all .225s linear;
display: flex;
position: absolute;
inset: 0% auto 0% 0%;
overflow: hidden;
}
.tabs-menu-8:hover {
overflow: auto;
}
.tabs-content-10 {
border: 1px solid var(--bluish-trans-shadow);
background-image: none;
border-radius: 7px;
width: 100%;
margin-left: 230px;
}
.tab-link-tab-1 {
z-index: 10;
background-color: var(--transparent-purp);
justify-content: center;
align-self: center;
align-items: flex-end;
width: 100%;
height: 200px;
min-height: 200px;
padding: 0 0 20px;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.tab-link-tab-1.w--current {
background-color: var(--transparent-purp);
}
.wix-main-tablink {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-left: 3px none var(--dodger-blue);
background-color: var(--transparent-purp);
color: var(--dodger-blue);
background-image: none;
border-radius: 0;
flex-direction: column;
order: 1;
justify-content: center;
align-items: flex-start;
margin-bottom: 15px;
padding: 15px;
font-family: "Gillsans 05", sans-serif;
transition: all .125s;
display: flex;
}
.wix-main-tablink:hover {
border-left-style: solid;
}
.wix-main-tablink.w--current {
background-color: var(--transparent-purp);
background-image: linear-gradient(90deg, var(--blue-low-transparent), var(--transparent-purp));
border-left-style: solid;
order: 0;
}
.div-block-429 {
grid-column-gap: 15px;
grid-row-gap: 15px;
border-bottom: 2px solid var(--dodger-blue);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65bd32b344c5008970952baf_WI-LOGO-BLUE%20copy%20555.png"), radial-gradient(circle farthest-corner at 50% 60%, var(--blue-low-transparent), var(--transparent-purp)), linear-gradient(to bottom, var(--darkest-purp), var(--darkest-purp));
background-position: 0 0, 0 0, 0 0;
background-repeat: repeat, repeat, repeat;
background-size: cover, auto, auto;
border-radius: 100%;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 380px;
height: 380px;
transition: all .4s;
display: flex;
position: absolute;
overflow: hidden;
}
.div-block-429:hover {
box-shadow: 0 2px 30px 2px #2c99ffa3;
}
.index-inner {
width: 100%;
height: 100vh;
padding: 80px 20px 15vh;
transition: all .2s;
overflow: scroll;
}
.index-inner.i-i-nopad {
padding: 0;
}
.index-inner.i-i-no-r-pad {
padding-right: 0;
}
.index-inner.i-i-padder {
padding-left: 5vw;
padding-right: 0;
}
.index-inner.i-i-kor {
padding: 0 0 0;
}
.index-inner.i-i-padder-2 {
padding-bottom: 25vh;
padding-left: 60px;
padding-right: 60px;
}
.index-inner.i-i-padder-3 {
height: 500px;
padding-top: 60px;
padding-left: 60px;
padding-right: 60px;
}
.start-here-block {
border: 1px solid var(--bluish-trans-shadow);
text-align: center;
border-radius: 5px;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 33vh;
margin: 20px;
padding: 5vw 4vw 4vw;
display: flex;
position: relative;
}
.bold-underline {
border-bottom: 1px solid var(--chroma-4);
margin-left: 5px;
font-weight: 400;
}
.all-top-inner {
border-left: 1px solid var(--chroma-4);
text-align: left;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.all-top-inner.th-2 {
border-left-style: none;
padding-left: 10px;
}
._4-part-skeleton-home-top {
z-index: 100;
grid-column-gap: 0px;
grid-row-gap: 0px;
perspective: 128px;
grid-template-rows: auto;
grid-template-columns: 120px 6fr 7fr 1.5fr;
grid-auto-columns: 1fr;
align-items: end;
height: 100%;
min-height: 600px;
padding-top: 60px;
display: grid;
position: relative;
}
._4-part-skeleton-home-top.add100 {
padding-left: 100px;
}
.hold-minute-link {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
height: 100px;
padding: 20px 20px 50px;
display: flex;
}
.linx {
color: var(--dodger-blue);
margin-left: 5px;
}
.linx:hover {
text-decoration: underline;
}
.image-83 {
opacity: .56;
width: 4%;
display: none;
position: absolute;
bottom: -7%;
left: 48%;
transform: rotate(90deg);
}
.media-containers {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: column;
grid-template-rows: 30px auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
max-width: 350px;
height: 100%;
display: grid;
}
.div-block-435 {
outline-offset: 0px;
background-color: #060508;
background-image: linear-gradient(#2c99ff, #2c99ff);
border: 5px solid #060508;
border-radius: 15px;
outline: 2px solid #2c99ff66;
width: 20px;
min-width: 20px;
height: 20px;
min-height: 20px;
box-shadow: 0 0 18px 3px #2c99ff66;
}
.div-block-435:hover {
outline-color: #2c99ff;
}
.div-block-435.w--current {
outline-color: #2c99ff;
box-shadow: 0 0 18px 3px #2c99ff66;
}
.thumb-rect-2 {
border-radius: 4px;
padding: 5px 0 5px 5px;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0);
}
.thumb-rect-2:hover {
outline-offset: 0px;
outline: 1px solid #2ca4ff;
box-shadow: 0 0 15px #2c99ff66;
}
.ffw-wi-head-2 {
color: #2c99ff;
letter-spacing: 1px;
border-left: 1px solid #2c99ff;
width: 100%;
margin-left: -15px;
padding-left: 15px;
font-family: "Gillsans 08", sans-serif;
font-size: 18px;
line-height: 18px;
}
.ffw-wi-head-2.fwh-2 {
text-align: left;
border-left-style: none;
width: auto;
margin-left: 0;
padding-left: 0;
}
.tag-2 {
color: #191520;
background-color: #2c99ff;
border: 1px solid #2c99ff;
border-radius: 3px;
margin-right: 10px;
padding: 5px 6px;
font-size: 8px;
line-height: 10px;
}
.tag-2.small-tag {
padding: 4px;
font-size: 6px;
line-height: 8px;
}
.tag-2.t-b {
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
color: #2c99ff;
background-color: #0000;
}
.tag-2.t-b.small-tag {
padding: 4px;
font-size: 6px;
line-height: 8px;
}
.mini-thumbnail-2 {
background-color: #2c99ff14;
border-radius: 2px;
justify-content: center;
align-items: center;
width: 90px;
min-width: 90px;
height: 60px;
min-height: 60px;
margin-right: 15px;
display: flex;
position: relative;
overflow: hidden;
}
.cover-rr-2 {
z-index: 5;
background-image: linear-gradient(270deg, #0c0a10, #2c086e00);
width: 15%;
position: absolute;
inset: 0% 0% 0% auto;
}
.cover-rr-2.crr-3 {
background-image: linear-gradient(to right, #2c086e00, #060508);
}
.cover-rr-2.crr-2 {
background-image: linear-gradient(270deg, var(--blue-low-transparent), var(--transparent-purp)), linear-gradient(270deg, var(--v-dark-purp), #2c086e00);
}
.body-black {
background-color: var(--darkest-purp);
}
.collection-list-12 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.div-block-441 {
justify-content: center;
align-items: center;
height: 100vh;
padding: 342px;
display: flex;
}
.body-8 {
background-image: linear-gradient(to bottom, var(--black), var(--black));
}
.div-block-441-copy {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6547a60f82d5096bc4ece011_Layer%201%20copy%203.png");
background-position: 50%;
background-size: auto;
justify-content: center;
align-items: center;
height: 100vh;
padding: 342px;
display: flex;
}
.index-ineer-tab-link {
border-right: 1px none var(--bluish-trans-shadow);
background-color: var(--transparent-purp);
background-image: linear-gradient(90deg, var(--darkest-purp) 99%, var(--transparent-purp) 99%), linear-gradient(180deg, var(--transparent-purp) 38%, var(--bluish-trans-shadow));
opacity: .67;
color: var(--dodger-blue);
flex-flow: column;
justify-content: flex-end;
align-items: center;
height: 115px;
padding-left: 20px;
padding-right: 20px;
transition: all 75ms;
display: inline-flex;
}
.index-ineer-tab-link:hover {
opacity: 1;
}
.index-ineer-tab-link.w--current {
border-bottom: 3px solid var(--dodger-blue);
background-color: var(--transparent-purp);
background-image: linear-gradient(180deg, var(--transparent-purp) 38%, var(--bluish-trans-shadow));
opacity: 1;
}
.index-inner-tab-content {
border-top: 1px solid var(--bluish-trans-shadow);
}
.index-inner-pane {
min-height: 100vh;
}
.now-view {
border: 1px solid var(--dodger-bright-mid-opac);
border-radius: 4px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 10px;
display: flex;
}
.the-world-inner {
padding-bottom: 15vh;
position: relative;
}
.div-block-443 {
padding: 80px 30px 30px;
}
.tb-blue {
color: var(--dodger-blue);
}
.tb-blue.tb-body {
font-size: 14px;
line-height: 18px;
}
.wix-tabs-mini {
margin-top: 40px;
margin-left: 10px;
margin-right: 10px;
}
.wix-tabber {
border: 1px solid var(--dodger-blue);
background-color: var(--dodger-blue);
opacity: .4;
color: var(--darkest-purp);
border-radius: 4px;
margin-bottom: 10px;
margin-right: 10px;
padding-left: 20px;
padding-right: 20px;
font-size: 13px;
}
.wix-tabber:hover {
background-color: var(--dodger-blue);
opacity: 1;
color: var(--v-dark-purp);
}
.wix-tabber.w--current {
background-color: var(--dodger-blue);
box-shadow: 0 2px 15px 3px var(--mid-opacity);
opacity: 1;
color: var(--v-dark-purp);
}
.wix-tabber.wt-white {
background-color: var(--bluish-trans-shadow);
color: var(--white);
}
.wix-tabber.wt-white.w--current {
border-color: var(--white);
background-color: var(--white);
color: var(--dodger-blue);
}
.wix-tabber.hide {
display: none;
}
.wix-menu {
z-index: 5;
flex-flow: wrap;
display: flex;
}
.wix-menu.wm-v2 {
background-image: linear-gradient(180deg, #00000078, var(--transparent-purp));
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.wix-pane {
background-color: var(--darkest-purp);
outline-color: var(--bluish-trans-shadow);
outline-offset: 0px;
border-radius: 4px;
outline-width: 1px;
outline-style: solid;
margin: 1px;
overflow: hidden;
}
.wix-pane._w-p-v2 {
height: 85vh;
}
.wixer-innerz {
z-index: 1;
min-height: 60vh;
position: relative;
}
.wixer-innerz.wix-i-v2 {
z-index: 4;
background-image: none;
background-size: auto;
justify-content: flex-start;
align-items: flex-end;
min-height: 85vh;
display: flex;
position: relative;
}
.wixer-innerz.wix-i-v3 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65365597e8a8e51b5ebd2ff3_UJI-MAP-SECTIONED-min.webp");
background-position: 50% 0;
background-size: cover;
justify-content: flex-start;
align-items: flex-end;
min-height: 85vh;
display: flex;
}
.wixer-innerz.wix-i-v4 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65f49c73f9eb362af612451b_MOTHER%20ISLES%20THUMBNAIL.jpg");
background-position: 100% 0;
background-size: cover;
justify-content: flex-start;
align-items: flex-end;
min-height: 85vh;
display: flex;
}
.tabs-7-copy {
height: 85vh;
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.wix-content {
height: 85vh;
position: absolute;
inset: 0%;
}
.background-video-7 {
z-index: 1;
height: 100vh;
position: absolute;
inset: 0%;
}
.wix-map-holder {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-image: linear-gradient(180deg, var(--transparent-purp) 4%, var(--darkest-purp));
color: var(--dodger-blue);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-height: 200px;
padding: 220px 33vw 5vh 20px;
display: flex;
}
.thumb-stack-grid-v8 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 20vw 20vw 20vw;
grid-auto-columns: 1fr;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 20px;
display: grid;
}
.wixer-innex {
z-index: 1;
min-height: 60vh;
padding: 40px 20px 20px;
position: relative;
}
.wixer-innex.wix-i-v6 {
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
flex-flow: column;
height: 400px;
min-height: auto;
padding: 30px;
display: flex;
overflow: scroll;
}
.wixer-innex.wix-i-v7 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: none;
background-position: 0 0;
grid-template-rows: auto;
grid-template-columns: 50% 50%;
grid-auto-columns: 1fr;
padding-bottom: 30px;
display: grid;
}
.div-block-444 {
grid-column-gap: 14px;
grid-row-gap: 14px;
transform-style: preserve-3d;
flex-flow: column;
width: 60vw;
max-height: 120vh;
margin-top: -134px;
margin-right: -5vw;
padding-top: 350px;
padding-bottom: 10vh;
transition: all .2s cubic-bezier(.645, .045, .355, 1);
display: flex;
position: relative;
overflow: scroll;
}
.div-block-444:hover {
background-image: linear-gradient(270deg, var(--bluish-trans-shadow), #0a0a0a00 31%);
transform: rotateX(0)rotateY(-14deg)rotateZ(0);
}
.div-block-445 {
grid-column-gap: 16px;
grid-row-gap: 16px;
perspective: 532px;
grid-template-rows: auto;
grid-template-columns: .25fr 5fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
margin-top: 40px;
padding-bottom: 20px;
padding-left: 10px;
display: flex;
}
.thumb-stack-grid-v6 {
grid-column-gap: 20px;
grid-row-gap: 20px;
perspective: 1083px;
perspective-origin: 50%;
transform-origin: 50%;
grid-template-rows: auto;
grid-template-columns: 25vw;
grid-auto-columns: 1fr;
padding-bottom: 3vw;
padding-left: 3vw;
padding-right: 3vw;
display: grid;
transform: perspective(37px);
}
.coll-item-zoom {
transform-style: preserve-3d;
transition: all .125s ease-in-out;
transform: translate3d(0, 0, -29px);
}
.coll-item-zoom:hover {
transform: translate3d(-15px, 0, 10px);
}
.records-title {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 3vw;
display: flex;
}
.records-wix {
grid-column-gap: 25px;
grid-row-gap: 25px;
border: 1px solid var(--bluish-trans-shadow);
background-color: var(--bluish-trans-shadow);
opacity: .62;
border-radius: 7px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 26px;
transition: all .2s;
display: flex;
}
.records-wix:hover {
border-color: var(--dodger-blue);
box-shadow: 0 2px 18px 2px var(--chroma-4);
opacity: 1;
transform: scale(1.05)translate(2%);
}
.div-shows-on-desktop {
max-width: 100%;
}
.div-block-447 {
background-image: none;
min-height: 100vh;
}
.div-block-448 {
border-bottom: 1px solid var(--dodger-blue);
box-shadow: 0 2px 14px 5px var(--bluish-trans-shadow);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65bd21346d3594c4e8d53d0c_Layer%206.png");
background-position: 50%;
background-size: cover;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 50vh;
min-height: 550px;
padding: 100px 10vw 40px 120px;
display: flex;
}
.div-block-449 {
background-color: var(--dark-blue-mid-opac);
min-height: 100vh;
}
.border-clamp {
mix-blend-mode: screen;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65f0d54873dce63716b3d17c_ARM%204.png");
background-position: 100%;
background-repeat: no-repeat;
background-size: auto 100%;
width: 20vw;
height: 100%;
position: absolute;
inset: 0% auto 0% 0%;
}
.border-clamp.bc-v2 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65f0d36c7ec79bafa6b0c045_ARM%205.png");
background-position: 0%;
width: 12vw;
inset: 0% 0% 0% auto;
}
.div-block-450 {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.media-head {
color: var(--dodger-blue);
letter-spacing: 0;
-webkit-text-stroke-width: 2px;
font-family: Ujian, sans-serif;
font-size: 80px;
font-weight: 400;
line-height: 75px;
}
.div-record-tuhmb-hold {
max-width: 100%;
}
.overlayone {
z-index: 10;
opacity: 1;
filter: none;
mix-blend-mode: hard-light;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/656a5a3f796ca1b9e22e6601_lines.png");
background-position: 50%;
background-size: contain;
position: absolute;
inset: 0%;
}
.overlayone.oo-2 {
opacity: .16;
filter: hue-rotate(262deg);
mix-blend-mode: multiply;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6583f699b3878d4f245c569b_GLITCHER.gif");
background-position: 0%;
background-size: 200%;
}
.overlayone.oo-3 {
background-size: auto 115px;
}
.wix-kor-selector {
outline-color: var(--blue-low-transparent);
outline-offset: 0px;
border-radius: 3px;
outline-width: 1px;
outline-style: solid;
flex-flow: column;
align-items: center;
width: 100%;
height: 440px;
display: flex;
overflow: hidden;
}
.wix-kor-selector:hover {
border-left-color: var(--transparent-purp);
box-shadow: 0 0 10px 0 var(--chroma-4);
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
text-shadow: none;
outline-width: 1px;
outline-style: solid;
}
.wix-highlight-kor-img {
border-right: 1px solid var(--blue-low-transparent);
background-color: var(--blue-low-transparent);
filter: saturate(44%);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/656aa4b3128fda940bffcad6_POPO.png");
background-position: 40% 100%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
min-width: 100%;
height: 300px;
min-height: 300px;
position: relative;
}
.wix-collection-list {
grid-column-gap: 30px;
grid-row-gap: 30px;
perspective: 330px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.wix-highlight-col_ite {
transform-style: preserve-3d;
border-radius: 5px;
width: 100%;
transition: all .35s ease-in-out;
}
.wix-highlight-col_ite:hover {
box-shadow: 0 0 15px -3px var(--chroma-4);
transform: translate3d(0, 0, 5px);
}
.wix-kor-tabs {
border: 1px solid var(--chroma-4);
background-color: var(--transparent-purp);
color: var(--dodger-blue);
text-align: center;
border-radius: 4px;
order: 1;
padding-left: 15px;
padding-right: 15px;
font-size: 11px;
line-height: 11px;
}
.wix-kor-tabs.w--current {
border-color: var(--white);
background-color: var(--white);
}
.wix-kor-tabs.wkt-v2.w--current {
border-color: var(--dodger-blue);
background-color: var(--bluish-trans-shadow);
filter: hue-rotate(180deg);
}
.tabs-menu-10 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: wrap;
margin-bottom: 10px;
padding-left: 15px;
display: flex;
}
.tabs-menu-10.tm10-nopad {
flex-flow: wrap;
padding-left: 0;
}
.wix-narr-sort-inner {
padding: 12.5px 12.5px 60px;
}
.wix-narr-sort-inner._w-n-s-i-v2-copy {
padding-left: 0;
}
.collection-list-wrapper-14 {
padding: 12.5px;
}
.white-header {
color: var(--white);
}
.tb-quote {
color: var(--chroma-4);
text-transform: none;
margin-top: 5px;
font-family: "Gillsans 09", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.tb-quote.tb-q-v2 {
color: var(--dodger-blue);
}
.scroll-through-block {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 30px;
padding-right: 10px;
display: flex;
}
.pricing-slider-color {
background-color: var(--bluish-trans-shadow);
width: 34%;
min-width: 20px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.hover-text-1 {
color: var(--dodger-blue);
text-align: center;
width: 200px;
position: relative;
}
.pricing-handle {
z-index: 10;
background-color: var(--dodger-blue);
border: 3px solid #000;
border-radius: 100%;
width: 22px;
height: 22px;
position: absolute;
top: -8px;
bottom: 0;
right: 32%;
box-shadow: 0 2px 10px #2d3e504d;
}
.pricing-slider-wrap {
margin-left: auto;
margin-right: auto;
padding-top: 80px;
padding-bottom: 40px;
}
.pricing-slider-groove {
background-color: var(--dodger-blue);
justify-content: space-between;
align-items: flex-start;
max-width: 900px;
height: 3px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.price-goove-dot {
background-color: #dce2e6;
border-radius: 0%;
width: 18px;
height: 18px;
display: inline-block;
position: relative;
top: -6px;
}
.price-goove-dot.dot2, .price-goove-dot.dot4, .price-goove-dot.dot1, .price-goove-dot.dot3 {
background-color: var(--dodger-blue);
border-radius: 100%;
}
.pricing-row {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.hover-text-3 {
z-index: 2;
color: var(--dodger-blue);
text-align: center;
width: 200px;
margin-top: -20px;
padding-top: 20px;
position: absolute;
}
.itw-text-block {
text-align: left;
border-bottom: 1px #000;
padding-top: 10px;
}
.itw-text-block.alt2 {
color: var(--dodger-blue);
text-align: center;
border-top: 2px #000;
border-bottom: 2px solid #000;
padding-top: 0;
padding-bottom: 20px;
font-size: 13.5px;
}
.itw-text-block.itw-mid {
text-align: center;
}
.hover-text-4 {
z-index: 3;
color: var(--dodger-blue);
text-align: center;
width: 200px;
margin-top: -30px;
padding-top: 30px;
position: absolute;
}
.hover-text-2 {
color: var(--dodger-blue);
text-align: center;
width: 200px;
margin-top: -10px;
padding-top: 10px;
position: absolute;
}
.pricing-contain {
float: right;
border: 1px solid var(--blue-low-transparent);
box-shadow: 0 0 10px -4px var(--bluish-trans-shadow);
color: var(--dodger-blue);
text-align: center;
border-radius: 5px;
width: 22%;
margin-bottom: 10px;
padding: 20px 15px;
font-size: 12px;
display: flex;
position: relative;
}
.hover-price-number {
text-align: center;
height: 52px;
margin-bottom: 4px;
font-size: 20px;
font-weight: 800;
}
.itw-h3 {
text-align: left;
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
}
.itw-h3.alt {
text-align: center;
font-size: 15px;
}
.itw-h3.alt2 {
text-align: center;
}
.itw-h3.alt3 {
text-align: center;
font-size: 12px;
line-height: 15px;
}
.price-hover-text {
align-items: flex-end;
margin-left: -100px;
padding-top: 25px;
padding-left: 10px;
padding-right: 10px;
line-height: 24px;
position: absolute;
bottom: 25px;
}
.div-block-454 {
justify-content: center;
align-items: flex-end;
width: 100%;
margin-top: 40px;
}
.tb-white {
color: var(--white);
}
.tb-white.tb-body {
font-size: 14px;
line-height: 18px;
}
.index-vids {
z-index: 10;
opacity: .88;
mix-blend-mode: overlay;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65f4bbd816ad0117424e7d21_163570_simple%20concept%20art.%20illustrated%20scene%20of%20blonde%20pe_xl-1024-v1-0.png");
background-position: 50%;
background-size: cover;
border-radius: 6px;
width: 100%;
height: 200px;
min-height: 200px;
margin-bottom: 20px;
}
.index-vids.iv-v2 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65f4ba7ab018f5d03d2059e4_504457_simple%20concept%20art.%20illustrated%20scene%20of%20curly-red_xl-1024-v1-0.png");
}
.index-vids.iv-v3 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65f4ba03cffb68c439f8e7cc_583242_simple%20concept%20art.%20illustrated%20scene%20of%20black-hai_xl-1024-v1-0.png");
}
.image-85 {
object-fit: contain;
height: 150px;
margin-top: 20px;
margin-bottom: 20px;
}
.language-block {
z-index: 10;
background-color: var(--blue-low-transparent);
text-shadow: 0 0 14px var(--chroma-4);
border-radius: 4px;
width: 100%;
height: 100%;
padding: 25px;
transition: all .5s;
position: relative;
inset: 0% 0% auto auto;
}
.language-block:hover {
background-color: #2c99ff52;
}
.cell {
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;
align-items: flex-start;
display: block;
}
.wix-blockz {
color: var(--dodger-blue);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 15px;
font-family: "Gillsans 05", sans-serif;
display: flex;
}
.ffw-tx-holdx {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.wix-txt-holder {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: var(--dodger-blue);
text-align: center;
text-shadow: 0 0 14px var(--chroma-4);
flex-direction: column;
margin: 2.5% 5vw 20px 0%;
display: flex;
}
.wix-txt-holder.wth-nopad {
margin-right: 0;
}
.wix-txt-holder.wth-feature {
justify-content: flex-start;
align-items: flex-start;
margin-right: 0;
}
.thumb-stack-grid-v9 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 20vw 20vw 20vw;
grid-auto-columns: 1fr;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 20px;
display: grid;
}
.wix-linx {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.wix-header-holder {
grid-column-gap: 7.5px;
grid-row-gap: 0px;
flex-flow: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
}
.wix-header-holder.hsh-nolow_pad {
margin-bottom: 0;
}
.wix-header-holder.hsh-no_pad {
margin-bottom: 25px;
margin-left: 0;
margin-right: 0;
}
.wix-header-holder.hsh-no_padz {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0%;
}
.wix-header-holder.hsh-pad {
z-index: 100;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
}
.wix-header-holder.hsh-no_pad-v2 {
margin-bottom: 25px;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
}
.wix-header-holder.hsh-hometop {
align-items: flex-start;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0%;
}
.wix-header-holder.hsh-no_pad-2 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0%;
}
.div-block-455 {
background-color: #0c0a10;
padding: 100px 10vw 10vw;
}
.breakout-big {
background-image: linear-gradient(180deg, var(--transparent-purp) 80%, var(--darkest-purp)), linear-gradient(180deg, var(--darkest-purp), var(--transparent-purp) 39%), radial-gradient(circle farthest-corner at 50% 50%, var(--transparent-purp) 40%, var(--v-dark-purp)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6601ee154d9f0da6bcf0aab3_UJI%20MAP%20THUMBNAIL.jpg");
background-position: 0 0, 0 0, 0 0, 0 0;
background-size: auto, auto, auto, cover;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
min-height: 90vh;
margin-top: 60px;
margin-bottom: 60px;
margin-left: -100px;
padding: 100px 25% 100px 120px;
display: flex;
}
.breakout-big.bb-v2 {
background-image: linear-gradient(180deg, var(--transparent-purp) 80%, var(--v-dark-purp)), linear-gradient(180deg, var(--v-dark-purp), var(--transparent-purp) 39%), radial-gradient(circle farthest-corner at 50% 50%, var(--transparent-purp) 40%, var(--v-dark-purp)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6553262de9b7de556fa0c1b7_Layer%203%20copy.png");
background-position: 0 0, 0 0, 0 0, 0 0;
}
.breakout-big.bb-media-music {
background-image: linear-gradient(180deg, var(--transparent-purp) 80%, var(--v-dark-purp)), linear-gradient(180deg, var(--v-dark-purp), var(--transparent-purp) 39%), radial-gradient(circle farthest-corner at 50% 50%, var(--transparent-purp) 40%, var(--v-dark-purp)), linear-gradient(90deg, var(--v-dark-purp) 32%, #06050800), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/660236de6028648ab041e5ff_Screenshot%202024-03-26%20at%2002.39.47.png");
background-position: 0 0, 0 0, 0 0, 0 0, 100%;
background-repeat: repeat, repeat, repeat, repeat, no-repeat;
background-size: auto, auto, auto, auto, contain;
width: 100vw;
}
.breakout-big.bb-v3 {
background-image: linear-gradient(180deg, var(--transparent-purp) 80%, var(--v-dark-purp)), linear-gradient(180deg, var(--v-dark-purp), var(--transparent-purp) 39%), radial-gradient(circle farthest-corner at 50% 50%, var(--transparent-purp) 40%, var(--v-dark-purp)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6553262de9b7de556fa0c1b7_Layer%203%20copy.png");
background-position: 0 0, 0 0, 0 0, 0 0;
margin-top: -60px;
}
.breakout-big.bb-v4 {
background-image: linear-gradient(180deg, var(--transparent-purp) 80%, var(--darkest-purp)), linear-gradient(180deg, var(--darkest-purp), var(--transparent-purp) 39%), radial-gradient(circle farthest-corner at 50% 50%, var(--transparent-purp) 40%, var(--v-dark-purp)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66f1fe174c818ceaa979e32a_WOKU%20SCREENS%20V2.jpg");
background-size: auto, auto, auto, cover;
min-height: 750px;
padding-bottom: 20px;
overflow: hidden;
}
.breakout-big.bb-v5 {
background-image: linear-gradient(180deg, var(--transparent-purp) 80%, var(--v-dark-purp)), linear-gradient(180deg, var(--v-dark-purp), var(--transparent-purp) 39%), radial-gradient(circle farthest-corner at 50% 50%, var(--transparent-purp) 40%, var(--v-dark-purp)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66f1fe174c818ceaa979e32a_WOKU%20SCREENS%20V2.jpg");
align-items: stretch;
min-height: 750px;
margin-left: 0;
padding-bottom: 20px;
padding-left: 10%;
padding-right: 10%;
}
.div-block-456 {
grid-column-gap: 7px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 5px;
display: flex;
}
.media-type-inner {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-image: none;
border-radius: 7px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 60px;
display: flex;
}
.media-breaker {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--bluish-trans-shadow);
border-radius: 7px;
flex-direction: column;
align-items: flex-start;
min-height: 360px;
margin-right: 20px;
padding: 38px 40% 38px 38px;
display: flex;
position: relative;
}
.media-t-recrd {
grid-column-gap: 25px;
grid-row-gap: 25px;
border: 1px solid var(--bluish-trans-shadow);
background-color: var(--bluish-trans-shadow);
opacity: .62;
border-radius: 7px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-left: 10px;
padding: 26px;
transition: all .2s;
display: flex;
}
.media-t-recrd:hover {
border-color: var(--dodger-blue);
box-shadow: 0 2px 18px 2px var(--chroma-4);
opacity: .98;
}
.media-t-thumbhold {
opacity: .68;
mix-blend-mode: darken;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 40vw;
height: 200px;
min-height: 200px;
margin-right: 15px;
display: flex;
position: relative;
overflow: hidden;
}
.media-music {
flex-flow: column;
width: 100%;
display: flex;
}
.media-t-vid-tab {
border: 1px solid var(--chroma-4);
border-radius: 5px;
width: 97%;
overflow: hidden;
}
.collection-list-13 {
grid-column-gap: 20px;
grid-row-gap: 10px;
flex-flow: wrap;
margin-top: 20px;
padding-left: 10px;
display: flex;
}
.content-heading {
text-align: center;
width: 100%;
max-width: 770px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
}
.p-25 {
font-size: 25px;
}
.p-25.grey-p {
color: #ffffff80;
}
.left {
cursor: pointer;
border-radius: 3px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.right {
grid-column-gap: 10px;
grid-row-gap: 10px;
cursor: pointer;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.purple {
color: #a771ea;
}
.tabs-menu-11 {
display: none;
}
.mb-30 {
margin-bottom: 30px;
}
.sale {
background-color: #a771ea;
border-radius: 2px;
padding: 5px;
font-size: 10px;
}
.red {
color: #c98281;
}
.check {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-bottom: 1px solid #fff3;
margin-top: 20px;
padding-bottom: 20px;
display: flex;
}
.check.last {
border-bottom-color: #fff0;
padding-bottom: 0;
}
.switcher {
background-color: #fff3;
border-radius: 2px;
width: 50%;
height: 42px;
position: absolute;
}
.card {
border: 1px solid #fff3;
border-radius: 30px;
flex-direction: column;
justify-content: space-between;
width: 100%;
min-height: 610px;
padding: 40px 30px;
display: flex;
}
.card.big {
padding-top: 70px;
padding-bottom: 70px;
}
.content-wrap {
padding-top: 60px;
padding-bottom: 60px;
padding-right: 20px;
}
.cards-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: center;
display: flex;
}
.price-p {
font-size: 25px;
}
.card-button {
color: #000;
text-transform: uppercase;
background-color: #fff;
border: 1px solid #fff;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 100%;
height: 45px;
text-decoration: none;
transition: color .2s, background-color .2s;
display: flex;
}
.card-button:hover {
color: #fff;
background-color: #0000;
}
.card-button.dif {
color: #fff;
background-color: #fff0;
background-image: linear-gradient(135deg, #8cc5b6, #a771ea);
border-color: #fff0;
height: 47px;
padding: 1px;
}
.button-bg {
background-color: #0e0c16;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.button-bg.card-bt {
background-color: #0e0c16;
}
.grey-p {
color: #ffffff80;
}
.card-top {
margin-bottom: 40px;
}
.switch {
text-transform: uppercase;
border: 2px solid #fff3;
border-top-color: #a771ea;
border-radius: 5px;
align-items: center;
width: 100%;
max-width: 310px;
height: 50px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
padding: 2px;
font-size: 13px;
display: flex;
position: relative;
}
.text-para {
text-transform: none;
margin-top: 20px;
margin-bottom: 20px;
font-family: "Gillsans 08", sans-serif;
font-size: 18px;
line-height: 24px;
}
.text-para.tp-v2 {
text-align: center;
text-transform: uppercase;
margin-left: 25px;
margin-right: 25px;
font-size: 14px;
line-height: 28px;
}
.text-para.tp-column {
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
}
.about-block-holder {
background-color: var(--v-dark-purp);
padding: 1px 80px;
}
.about-sect {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
min-height: 75vh;
padding: 125px 25% 60px 100px;
display: flex;
}
.about-sect.as-nobotpad {
min-height: auto;
padding-bottom: 0;
}
.about-sect.as-normpad {
min-height: auto;
padding-top: 10px;
padding-right: 100px;
display: block;
}
.about-sect.as-nolrpad {
padding-left: 0;
padding-right: 20px;
}
.about-sect.as-nobotorlpad {
min-height: auto;
padding-bottom: 0;
padding-left: 0;
}
.about-sect.as-nolrpad-stack {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 0;
padding-left: 0;
padding-right: 20px;
display: grid;
}
.text-sect {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
min-height: 100vh;
padding: 125px 40px 30px;
display: flex;
}
.scale-tx-hold {
background-image: linear-gradient(180deg, var(--transparent-purp), black);
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
padding: 40px 40px 25%;
display: flex;
position: absolute;
inset: 0%;
}
.era-info-block {
grid-column-gap: 30px;
grid-row-gap: 30px;
color: var(--dodger-blue);
flex-flow: column;
padding-bottom: 0;
display: flex;
}
.era-logos {
width: 300px;
}
.era-header-img {
background-color: var(--blue-low-transparent);
text-align: center;
border-radius: 6px;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 20px 20px 10px;
display: flex;
}
.max30 {
width: 28vw;
}
.tabs-9 {
border: 1px solid var(--chroma-4);
border-radius: 4px;
padding: 10px;
}
.related-containers {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: column;
align-items: center;
max-width: 550px;
display: flex;
}
.collection-list-wrapper-media {
border: 1px none var(--white-light);
border-radius: 5px;
justify-content: flex-start;
align-items: center;
max-width: 100%;
display: flex;
overflow: scroll;
}
.thumb-stack-grid-mediapg {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 0;
display: flex;
}
.c-column {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.c-column.cc-2 {
grid-template-columns: 1fr 1fr;
}
.detail-block {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.reading-plan {
grid-column-gap: 10px;
grid-row-gap: 10px;
aspect-ratio: 3 / 2;
border: 1px solid var(--dark-slate-blue);
text-align: center;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/660f071b5d17a3a19c22b460_glow(4).jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 20vw;
min-width: 20vw;
padding: 15px;
display: flex;
position: relative;
overflow: hidden;
}
.reading-plan:hover {
border-color: var(--dodger-blue);
}
.reading-plan.rp-v2 {
border-color: #413426;
padding-top: 30px;
}
.reading-plan.rp-v2:hover {
border-color: #b97d34bf;
}
.reading-plan-stack {
grid-column-gap: 20px;
grid-row-gap: 20px;
border: 1px solid var(--bluish-trans-shadow);
border-radius: 4px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
max-height: 50vh;
margin-bottom: 20px;
padding: 20px;
display: flex;
overflow: scroll;
}
.reading-plan-stack.rps-v2 {
border-top: 1px solid var(--bluish-trans-shadow);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 20px;
padding-right: 20px;
}
.reading-plan-stack.rps-v3 {
border-style: none;
flex-flow: row;
max-width: 85vw;
max-height: none;
margin-bottom: 0;
padding-bottom: 40px;
padding-left: 15px;
padding-right: 10px;
}
.reading-plan-stack.rps-v4 {
border-style: none;
flex-flow: row;
max-height: none;
margin-bottom: 0;
padding: 0;
overflow: visible;
}
.reading-block-inner {
background-color: var(--blue-low-transparent);
flex-flow: column;
justify-content: center;
align-items: center;
padding-left: 10px;
padding-right: 10px;
display: flex;
position: absolute;
inset: 0%;
}
.reading-block-inner.rbi-v2 {
background-color: #0c0a10c4;
padding-top: 20px;
}
.reading-block-inner.rbi-v2:hover {
background-color: #0c0a109c;
}
.reading-tab {
border: 1px solid var(--chroma-4);
border-radius: 4px;
padding: 15px 0 0;
}
.div-block-457 {
margin-bottom: -10px;
margin-left: 15px;
padding-top: 30px;
display: flex;
}
.tts-html-holder {
background-color: var(--white);
opacity: .4;
outline-color: var(--chroma-4);
outline-offset: 0px;
border-radius: 7px;
outline-width: .5px;
outline-style: solid;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.tts-play-audio {
opacity: 1;
margin-bottom: -6px;
margin-left: -4px;
}
.tts-block {
grid-column-gap: 20px;
grid-row-gap: 20px;
border: 1px solid var(--chroma-4);
background-color: var(--transparent-purp);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent)), linear-gradient(to bottom, var(--v-dark-purp), var(--v-dark-purp));
text-align: center;
border-radius: 5px;
flex-flow: column;
justify-content: space-around;
align-items: center;
padding: 15px 12.5px 15px 15px;
display: flex;
position: static;
top: 100px;
}
.tts-block.pb-v2 {
margin-top: 10px;
}
.tts-audio-holder {
background-color: var(--dodger-blue);
cursor: pointer;
border-radius: 7px;
min-width: 290px;
}
.story-tog-button-v3 {
z-index: 998;
background-color: var(--transparent-purp);
filter: grayscale() brightness(2000%);
color: var(--dodger-blue);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66105999b609f54eb56761d7_volume_up_FILL0_wght200_GRAD200_opsz40.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 33px;
width: 60px;
height: 100%;
font-size: 12px;
}
.story-tog-button-v3:hover {
border-color: var(--mid-opacity);
opacity: 1;
color: var(--dodger-blue);
mix-blend-mode: normal;
}
.dropdown-toggle {
opacity: .18;
justify-content: center;
align-items: center;
width: 60px;
height: 100%;
padding: 0;
display: flex;
}
.dropdown-toggle:hover {
opacity: 1;
}
.dropdown-toggle.w--open {
opacity: 1;
border-radius: 4px;
}
.dropdown-list-13 {
inset: auto 0% 0% auto;
}
.dropdown-list-13.w--open {
background-color: var(--transparent-purp);
margin-bottom: 60px;
padding-bottom: 20px;
inset: auto 0% 0% auto;
}
.dropdown-5 {
height: 100%;
}
.div-block-458 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
height: 140px;
margin-bottom: 40px;
display: flex;
}
.image-87 {
max-height: 100%;
}
.tagz-block-copy {
z-index: 5;
border-top: 1px solid var(--bluish-trans-shadow);
width: 100%;
margin-top: 60px;
margin-left: -10px;
padding-top: 60px;
padding-right: 5%;
position: relative;
}
.tagz-block-copy.tb-v2 {
padding-bottom: 60px;
}
.heading-8 {
color: var(--dodger-blue);
letter-spacing: 0;
margin-top: 10px;
margin-bottom: 0;
font-family: "Gillsans 08", sans-serif;
font-size: 40px;
line-height: 40px;
}
.purp-info-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
aspect-ratio: auto;
background-color: var(--black);
color: var(--white);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6612f38852e283944f393197_reading.png");
background-position: 10% 45%;
background-repeat: no-repeat;
background-size: 25%;
border-radius: 20px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: calc(100% - 30px);
margin: 10px 5% 10px 10px;
padding: 7.5% 5% 7.5% 40%;
display: flex;
position: relative;
}
.purp-info-block.pib-v2 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6612f38d17a050a60d49389f_discover.png");
border-radius: 10px;
position: relative;
}
.purp-info-block.pib-v3 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6612f38d12d4843e0f1d82b8_location.png");
}
.purp-info-block.pib-v4 {
margin: 40px 0 0;
}
.purp-info-block.jkkjkj {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6612f38d17a050a60d49389f_discover.png");
border-radius: 10px;
width: auto;
margin-top: -188px;
margin-left: 5%;
margin-right: 5%;
position: relative;
}
.purp-info-block.shuijdoas {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6612f38d17a050a60d49389f_discover.png");
border-radius: 10px;
width: auto;
margin-top: auto;
margin-left: 5%;
margin-right: 5%;
position: relative;
}
.purp-info-block.pib-v5 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6612f38d17a050a60d49389f_discover.png");
border-radius: 20px;
width: 100%;
margin: 0 0% 0 0;
position: relative;
}
.purpleover {
background-color: var(--woku-purp);
mix-blend-mode: color;
transition: opacity .375s;
display: none;
position: absolute;
inset: 0%;
}
.purpleover:hover {
opacity: 0;
}
.expand-pin {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-image: linear-gradient(165deg, #00000096, var(--transparent-purp) 43%);
filter: saturate(0%) brightness(500%);
white-space: nowrap;
padding-top: 10px;
padding-bottom: 30px;
padding-left: 10px;
font-family: "Gillsans 08", sans-serif;
font-size: 11px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.image-88 {
height: 20px;
}
.info-block-wrapper {
padding: 1px 10px 1px 1px;
}
.div-block-459 {
grid-column-gap: 30px;
grid-row-gap: 30px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding: 40px 20% 0%;
display: none;
}
.image-89 {
padding: 32px 32px 26px 28px;
}
.kmap-button-copy {
z-index: 1003;
grid-column-gap: 15px;
grid-row-gap: 15px;
color: var(--dodger-blue);
align-items: center;
transition: all .4s;
display: flex;
}
.kmap-button-copy:hover {
filter: hue-rotate(195deg);
}
.enter-info-block {
background-color: var(--transparent-purp);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6612be5417a050a60d1da0d3_textz.png"), linear-gradient(180deg, var(--transparent-purp), #1d18267d 30%);
color: var(--white);
background-position: 10% 60px, 0 0;
background-repeat: no-repeat, repeat;
background-size: 30%, auto;
border-radius: 4px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 5% 80px 45%;
display: flex;
}
.enter-info-block.pib-v2 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6612289636d2fcdf73984a7f_HEAD%20IMG.png");
}
.enter-info-block.pib-v3 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66122c1751674029e06ed47f_HEAD%20IMG.png");
}
.enter-info-block.pib-v4 {
margin: 40px 0 0;
}
.text-block-16 {
cursor: pointer;
}
.enter-but-hold {
z-index: 8;
grid-column-gap: 15px;
grid-row-gap: 0px;
flex-flow: wrap;
margin-top: 30px;
display: flex;
position: relative;
}
.div-block-460 {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: column;
display: flex;
}
.text-page-topper {
flex-flow: column;
justify-content: center;
align-items: flex-start;
height: auto;
margin-bottom: 40px;
padding-top: 160px;
display: flex;
}
.text-page-topper.tpt-black {
background-color: var(--v-dark-purp);
}
.div-block-432-copy {
text-align: left;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.bod-purp {
background-color: var(--black2);
}
.about-sect-copy {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
min-height: 75vh;
padding: 125px 25% 60px 20px;
display: flex;
}
.about-sect-copy.as-nobotpad {
min-height: auto;
padding-bottom: 0;
}
.about-sect-copy.as-normpad {
min-height: auto;
padding-top: 10px;
padding-right: 100px;
display: block;
}
.about-sect-copy.as-nolrpad {
padding-left: 0;
padding-right: 20px;
}
.about-sect-copy.as-nobotorlpad {
min-height: auto;
padding-bottom: 0;
padding-left: 0;
}
.about-sect-copy.as-nolrpad-stack {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 0;
padding-left: 0;
padding-right: 20px;
display: grid;
}
.div-block-462 {
margin-bottom: 40px;
}
.section-8 {
background-color: #fff;
min-height: 90vh;
padding-top: 100px;
padding-left: 20px;
padding-right: 20px;
}
.new-nav {
z-index: 101;
background-color: #10100e;
border-bottom: .2px solid #fffee621;
height: 70px;
max-height: 70px;
position: fixed;
inset: 0% 0% auto;
}
.image-94 {
height: 40px;
margin-top: 15px;
margin-bottom: 15px;
}
.container-3 {
padding-top: 100px;
padding-bottom: 40px;
padding-right: 0;
}
.basic-disclaimer-text {
text-transform: none;
margin-top: 10px;
}
.menu-button-5 {
color: #fffee6;
font-size: 5vh;
line-height: 5vh;
}
.nav-linker {
color: #fffee6;
border-top: .5px solid #fffee621;
border-left: .5px solid #fffee621;
border-right: .5px solid #fffee621;
}
.nav-linker:hover {
border-bottom: 3px solid #fffee6;
}
.nav-linker.w--current {
color: #10100e;
background-color: #fffee6;
}
.nav-linker.greenz {
color: #1dbf73;
font-weight: 400;
display: none;
}
.nav-linker.greenz:hover {
color: #fffee6;
background-color: #1dbf73;
border-bottom-style: none;
}
.nav-linker.l-in {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6627848634e06a30b0b0a668_Layer%202.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 50%;
min-width: 50px;
}
.h1-white {
color: #fffee6;
letter-spacing: 1px;
margin-top: 0;
margin-bottom: 0;
font-size: 45px;
font-weight: 300;
line-height: 100%;
display: inline-block;
}
.h1-white.grey {
color: #181717;
padding-bottom: 0;
}
.faq-sect {
border-top: 1px solid var(--bluish-trans-shadow);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 60px;
padding-bottom: 40px;
padding-right: 20%;
display: flex;
}
.faq-sect.as-nobotpad {
min-height: auto;
padding-bottom: 0;
}
.faq-sect.as-normpad {
min-height: auto;
padding-top: 10px;
padding-right: 100px;
display: block;
}
.faq-sect.as-nolrpad {
padding-left: 0;
padding-right: 20px;
}
.faq-sect.as-nobotorlpad {
min-height: auto;
padding-bottom: 0;
padding-left: 0;
}
.faq-sect.as-nolrpad-stack {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 0;
padding-left: 0;
padding-right: 20px;
display: grid;
}
.div-block-463 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 40px;
display: flex;
}
.div-block-464 {
min-height: 100vh;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.div-block-465 {
aspect-ratio: 1;
background-color: var(--white);
width: 50vw;
}
.code-embed {
background-color: var(--blue-low-transparent);
border-radius: 10px;
height: 98.5vh;
margin-top: 5px;
margin-left: 95px;
margin-right: 5px;
overflow: scroll;
}
.body-10 {
background-color: #101010;
}
.body-11 {
background-color: #000;
overflow: hidden;
}
.nav-tabs-nex {
z-index: 0;
height: 100vh;
position: absolute;
inset: 0% auto auto 0%;
}
.shape-frame {
grid-template-rows: auto;
grid-template-columns: 100px 1fr 10px;
grid-auto-columns: 1fr;
width: 100vw;
height: 27px;
margin-bottom: -2px;
display: grid;
position: fixed;
inset: auto auto 0% 0%;
}
.shape-frame.sf-top {
inset: 0% auto auto 0%;
}
.image-95-copy {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66f182a5925f35e9b1b8878b_TTOP.png");
background-position: 0 0;
background-size: cover;
width: 100vw;
height: 25px;
margin-top: -2px;
position: fixed;
inset: 0% auto auto 99px;
}
.shape-frame-right {
background-color: var(--darkest-purp);
width: 13px;
height: 100vh;
margin-right: -2px;
position: fixed;
inset: 0% 0% auto auto;
}
.shape-frame-right.sfr-l {
margin-left: -2px;
margin-right: 0;
inset: 0% auto auto 0%;
}
.sf-inner {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66f196f3891d08aa82135f8e_TTTOP.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 100%;
}
.sf-inner.sf-i-b {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66f18c50f7a9db0cab4341d7_BBBOT.png");
}
.bar-hide {
background-image: linear-gradient(180deg, var(--backdrop-black) 31%, var(--transparent-purp) 99%);
-webkit-backdrop-filter: none;
backdrop-filter: none;
height: 100px;
margin-left: 100px;
position: fixed;
inset: 0% 0% auto;
}
.shape-frame-v2 {
grid-template-rows: auto;
grid-template-columns: 10px 1fr 10px;
grid-auto-columns: 1fr;
width: 100vw;
height: 27px;
margin-bottom: -2px;
display: grid;
position: fixed;
inset: auto auto 0% 0%;
}
.shape-frame-v2.sf-top {
inset: 0% auto auto 0%;
}
.body-12 {
background-color: var(--mid-opacity);
}
.frame-hold {
z-index: 9995;
position: relative;
}
.collection-list-wrapper-16 {
width: calc(100vw - 130px);
}
.bold-inline {
font-family: "Gillsans 05", sans-serif;
font-weight: 600;
}
.x-es {
border: 1px solid var(--chroma-4);
color: var(--dodger-blue);
letter-spacing: 1px;
cursor: pointer;
border-radius: 4px;
justify-content: center;
align-items: center;
height: 40px;
margin: 20px;
padding: 10px;
font-family: "Gillsans 08", sans-serif;
font-size: 16px;
line-height: 21px;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.form-title {
text-align: left;
margin-bottom: 15px;
font-family: "Gillsans 01", sans-serif;
font-weight: 300;
line-height: 17px;
}
.form-grid-1 {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.success-message {
background-color: var(--dodger-blue);
border-radius: 6px;
}
.error-message {
background-color: #a72727;
border-radius: 5px;
}
.lightbox-link-3 {
display: none;
}
.hero_account-firstblock-title {
grid-column-gap: 1px;
grid-row-gap: 1px;
flex-flow: column;
display: flex;
}
.hero_account-secondblock-image {
width: 20px;
}
.hero_account-secondblock-image.is-linkedin {
width: 25px;
}
.hero_account-secondblock-wrap {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
margin-bottom: 20px;
display: flex;
}
.hero_account-fourthblock-form {
flex-flow: column;
display: flex;
}
.section_hero {
color: #fff;
background-image: none;
flex-direction: column;
justify-content: center;
min-height: 100svh;
padding-top: 160px;
padding-bottom: 40px;
display: flex;
}
.hero_account-fourthblock-checkbox-field {
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-top: 15px;
}
.hero_account-firstblock-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.hero_account-thirdblock-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.hero_account-firstblock-title-image {
z-index: 1;
}
.hero_account-fourthblock-text-field {
background-color: var(--black);
color: #fff;
border: 1px solid #26253a;
border-radius: 5px;
margin-bottom: 10px;
padding: 15px 10px;
}
.hero_account-fourthblock-text-field::placeholder {
color: var(--light-purple);
}
.hero_account-background {
z-index: 2;
background-image: linear-gradient(360deg, #171431f0 17%, #827ac061 65%);
display: none;
position: absolute;
inset: 0%;
overflow: hidden;
}
.hero_account-firstblock-title-image-wrap {
background-color: #0000;
border-radius: 100px;
justify-content: center;
align-items: stretch;
width: 40px;
height: 40px;
display: flex;
overflow: hidden;
}
.container-small {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.hero_account-fourthblock-button {
color: var(--light-purple);
text-align: center;
background-color: #0000;
border: 1px solid #ffffffb3;
border-radius: 5px;
width: 50%;
font-weight: 300;
transition: all .4s;
}
.hero_account-fourthblock-button:hover {
transform: scale(1.02);
}
.hero_account-fourthblock-button.is-sign-up {
border-color: var(--dodger-blue);
background-color: var(--dodger-blue);
color: #ffffffe6;
}
.hero_account-fourthblock-checkbox {
width: 15px;
height: 15px;
margin-right: 10px;
}
.text-size-large {
font-size: 1.5rem;
}
.hero_account-wrap {
border: 1px solid var(--dark-slate-blue);
background-image: none;
border-radius: 10px;
width: 100%;
max-width: 460px;
padding: 10px 20px 20px;
position: relative;
}
.hero_account-thirdblock-line {
border-top: 1px solid #26253a;
width: 50%;
height: 2px;
}
.text-size-regular {
font-size: 1rem;
}
.hero_account-fourthblock-form-block {
margin-bottom: 0;
}
.cross_line-wrap {
cursor: pointer;
background-color: #2a2a47;
border-radius: 100px;
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
max-width: 25px;
height: 100%;
max-height: 25px;
display: flex;
position: absolute;
inset: 2% 3% auto auto;
}
.hero_account-fourthblock-submit {
grid-column-gap: 15px;
grid-row-gap: 15px;
margin-top: 20px;
display: flex;
}
.hero_account-fourthblock-wrap {
margin-top: 10px;
}
.text-size-tiny {
font-size: .75rem;
}
.text-span {
color: var(--light-purple);
text-decoration: underline;
transition: all .2s;
}
.text-span:hover {
color: #fff;
}
.hero_account-secondblock-button {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--black);
color: #fff;
border-radius: 5px;
justify-content: center;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
transition: all .4s;
display: flex;
}
.hero_account-secondblock-button:hover {
transform: scale(1.02);
}
.text-block-17 {
text-align: left;
margin-left: 20px;
margin-right: 20px;
font-family: "Gillsans 01", sans-serif;
line-height: 24px;
}
.nav-billboardx {
z-index: 100;
background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dodger-blue)), linear-gradient(to bottom, var(--darkest-purp), var(--darkest-purp)), linear-gradient(90deg, var(--darkest-purp) 48%, #03272900 77%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6487268e8dbf4a419dd391d1_Untitled%20design%20jj.jpg");
background-position: 0 0, 0 0, 0 0, 100% 35%;
background-repeat: repeat, repeat, repeat, no-repeat;
background-size: auto, auto, auto, cover;
border-radius: 5px 0 0 5px;
align-items: flex-start;
width: 100%;
max-width: 30vw;
height: 40px;
margin-left: 0;
margin-right: -26vw;
display: flex;
position: fixed;
inset: 30px 0 auto auto;
}
.nav-billboardx:hover {
margin-right: 0;
}
.div-block-466 {
justify-content: flex-end;
align-items: center;
height: 900px;
display: none;
position: relative;
}
.div-block-467 {
z-index: 200;
grid-column-gap: 20px;
grid-row-gap: 20px;
border-bottom: 1px solid var(--bluish-trans-shadow);
justify-content: flex-end;
align-items: center;
height: 90px;
padding-right: 6vw;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.top-home-hold {
z-index: 100;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
display: flex;
position: relative;
}
.top-home-hold.hsh-nolow_pad {
margin-bottom: 0;
}
.top-home-hold.hsh-no_pad {
margin-bottom: 25px;
margin-left: 0;
margin-right: 0;
}
.top-home-hold.hsh-no_padz {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0%;
}
.top-home-hold.hsh-pad {
z-index: 100;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
}
.top-home-hold.hsh-no_pad-v2 {
margin-bottom: 25px;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
}
.top-home-hold.hsh-hometop {
align-items: flex-start;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0%;
}
.top-home-hold.hsh-no_pad-2 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0%;
}
.div-block-468 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.image-95 {
width: 15px;
}
.div-block-469 {
grid-column-gap: 3px;
grid-row-gap: 3px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.home-select {
z-index: 1002;
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: column;
align-items: flex-start;
width: 75%;
display: flex;
}
.home-link-navz {
z-index: 9999;
position: fixed;
inset: 32px auto auto 120px;
}
.cursive {
letter-spacing: 1px;
text-transform: uppercase;
font-family: Ujian, sans-serif;
font-weight: 400;
}
.collection-list-14 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: row;
height: 600px;
padding: 23px;
display: flex;
overflow: scroll;
}
.collection-item-11 {
border: 1px solid var(--white);
border-radius: 10px;
width: 350px;
min-width: 350px;
height: 100%;
overflow: hidden;
}
.collection-item-11:hover {
border-color: var(--dodger-blue);
}
.div-block-470 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/670599a21fa4375128b5efb7_Screenshot%202024-10-08%20at%2021.43.43-min.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.div-block-471 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: linear-gradient(180deg, var(--transparent-purp), black);
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
width: 350px;
height: 100%;
padding: 5%;
display: flex;
}
.heading-9 {
font-size: 2em;
line-height: 1em;
}
.tabs-menu-12 {
z-index: 9999;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--darkest-purp);
box-shadow: 0 0 20px -7px var(--darkest-purp);
border-radius: 90px;
flex-flow: wrap;
justify-content: center;
align-items: center;
margin-top: 20px;
padding: 10px;
display: flex;
position: fixed;
inset: 0% 20% auto;
overflow: hidden;
}
.tabs-10 {
flex-flow: column;
display: flex;
}
.tab-pane-tab-1-4 {
padding: 0;
}
.waitlist-link {
grid-column-gap: 5px;
grid-row-gap: 5px;
background-color: var(--v-dark-purp);
color: var(--dodger-blue);
text-align: center;
border-radius: 60px;
font-family: "Gillsans 05", sans-serif;
font-size: 14px;
line-height: 18px;
display: flex;
}
.waitlist-link:hover {
outline-color: var(--dodger-blue);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.waitlist-link.w--current {
background-color: var(--white);
}
.waitlist-link.w--current:hover {
outline-color: var(--dodger-blue);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
}
.waitlist-link.asbuai {
z-index: 9999;
background-color: var(--dodger-blue);
color: var(--white);
position: fixed;
inset: 20px 20px auto auto;
}
.waitlist-link.asbuai:hover {
background-color: var(--white);
color: var(--dodger-blue-bright);
}
.div-block-472 {
padding: 40px 20px 20px;
}
.code-embed-2 {
text-align: left;
}
.div-block-473 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66f1fe174c818ceaa979e32a_WOKU%20SCREENS%20V2.jpg");
background-position: 100%;
background-size: cover;
border-radius: 10px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
min-height: 500px;
margin: 90px 20px 0;
display: flex;
}
.div-block-473.dskjjds {
background-image: linear-gradient(180deg, #00000052 8%, var(--black2)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/670300c8582afd4c9d0c9fb1_Screenshot%202024-10-06%20at%2022.26.15-min.png");
background-position: 0 0, 30%;
background-size: auto, cover;
justify-content: flex-start;
align-items: center;
}
.top-smll-tx-copyhkhk {
font-size: 14px;
}
.jljhghggv {
flex-direction: column;
align-items: flex-start;
padding-bottom: 10px;
display: flex;
}
.div-block-474 {
min-height: 100vh;
}
.container-4 {
min-height: 100vh;
padding: 60px 10px 10px;
}
.collection-item-12 {
border-radius: 3px;
}
.div-block-475 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/670300c8704e6cb92b58cb0e_Screenshot%202024-10-06%20at%2022.26.42-min.png");
background-position: 0 0;
background-size: cover;
display: none;
position: absolute;
inset: 0%;
}
.div-block-476 {
height: 100px;
}
.story-tog-letter-button {
z-index: 998;
background-color: var(--transparent-purp);
opacity: .18;
filter: grayscale() brightness(2000%);
color: var(--dodger-blue);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/679580d99cf5e7cf0229e079_icons.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 27px;
width: 60px;
height: 100%;
margin-left: -10px;
font-size: 12px;
}
.story-tog-letter-button:hover {
border-color: var(--mid-opacity);
opacity: 1;
color: var(--dodger-blue);
mix-blend-mode: normal;
}
.body-14 {
justify-content: center;
align-items: center;
display: flex;
}
.wi-tab {
z-index: 998;
border-style: solid none solid solid;
border-width: 1px;
border-color: var(--dodger-blue);
background-color: var(--dark-slate-blue);
background-image: linear-gradient(to bottom, var(--desat-blue), var(--desat-blue));
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding-bottom: 8px;
padding-right: .5px;
display: flex;
position: relative;
}
.wi-img {
filter: none;
background-image: none;
border-radius: 9px;
height: 110px;
margin: 3px 3px 0;
padding: 10px;
}
.wi-scroll-hold {
border-bottom: 1px solid var(--dodger-blue);
background-color: var(--dark-slate-blue);
background-image: linear-gradient(to bottom, var(--desat-blue), var(--desat-blue));
border-bottom-left-radius: 6px;
width: 300px;
height: 60vh;
padding-top: 120px;
position: relative;
overflow: auto;
}
.wi-scroll-hold:hover {
box-shadow: 0 0 15px -4px var(--dodger-blue);
}
.wi-pop-up {
z-index: 6;
justify-content: flex-start;
align-items: flex-start;
margin-top: 20vh;
margin-right: -302px;
transition: all .4s cubic-bezier(1, 0, 0, 1);
display: flex;
position: fixed;
inset: 0% 0% 0% auto;
overflow: hidden;
}
.wi-pop-up:hover {
margin-right: 0;
}
.wi-wraper {
max-width: 100%;
padding: 20px 0 20px 40px;
}
.wi-wraper.hide, .wi-wraper.hide-until-mob {
display: none;
}
.wi-wraper.wiw-wix {
width: calc(100% + 120px);
max-width: none;
}
.wi-circ {
aspect-ratio: 1;
object-fit: cover;
border-radius: 100%;
height: 80px;
}
.wi-holder {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
height: 130px;
margin-left: -40px;
padding: 10px 140px 10px 40px;
transition: all .2s;
display: flex;
position: relative;
overflow: hidden;
}
.wi-holder:hover {
overflow: auto;
}
.wi-holder.wi-h-v2 {
height: 160px;
}
.wi-holder.wi-h-v4 {
height: auto;
padding-top: 20px;
padding-bottom: 35px;
padding-right: 220px;
}
.wi-fader {
z-index: 996;
border-bottom: 1px solid var(--dodger-blue);
border-left: 1px solid var(--dodger-blue);
background-image: linear-gradient(90deg, var(--desat-blue), #29456e00);
border-bottom-left-radius: 6px;
width: 20px;
height: 60vh;
margin-top: 0;
position: absolute;
inset: 0% auto 0% 36px;
}
.wi-rect {
aspect-ratio: 3 / 2;
object-fit: cover;
border-radius: 3px;
height: 110px;
}
.wi-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--blue-low-transparent);
outline-color: var(--blue-low-transparent);
outline-offset: 0px;
text-align: left;
border-radius: 40px;
outline-width: 3px;
outline-style: solid;
justify-content: flex-start;
align-items: center;
min-width: 80px;
max-width: 80px;
height: 80px;
display: flex;
overflow: hidden;
}
.wi-link:hover {
background-color: var(--dodger-blue);
outline-color: var(--dodger-blue);
outline-offset: 0px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
outline-width: 3px;
outline-style: solid;
min-width: 200px;
max-width: 200px;
}
.wi-link.wil-land {
border-radius: 3px;
min-width: 165px;
height: 110px;
}
.wi-link.wil-land:hover {
min-width: 360px;
max-width: 360px;
}
.wi-link.wil-long {
border-radius: 10px;
min-width: 80px;
max-width: 120px;
height: 120px;
}
.wi-link.wil-long:hover {
min-width: 300px;
max-width: 300px;
}
.wi-link.wil-long:active {
min-width: 260px;
max-width: 260px;
}
.wi-header {
z-index: 999;
border-top: 1px solid var(--dodger-blue);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65bcfec998265bdc5d9c9e36_WI-LOGO-WHITE.svg"), linear-gradient(180deg, var(--desat-blue) 35%, #0f1522b5 68%, #0f152200);
background-position: 10px 20px, 0 0;
background-repeat: no-repeat, repeat;
background-size: 70px, auto;
flex-direction: column;
align-items: flex-start;
margin-left: 34px;
padding: 20px 10px 60px 90px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.wi-header.wh-v2 {
z-index: 200;
background-position: 30px 20px, 0 0;
border-top-style: none;
margin-left: 0;
padding-top: 30px;
padding-left: 120px;
}
.wi-header.ggg {
z-index: 200;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65bcfec998265bdc5d9c9e36_WI-LOGO-WHITE.svg");
background-position: 40px 50px;
background-repeat: no-repeat;
background-size: 70px;
border-top-style: none;
margin-left: 0;
padding-top: 60px;
padding-bottom: 20px;
padding-left: 140px;
position: static;
}
.div-block-483 {
padding-top: 40px;
}
.div-block-484 {
outline-color: var(--black);
outline-offset: 0px;
border-radius: 40px;
outline-width: 3px;
outline-style: solid;
height: 80px;
position: relative;
}
.div-block-484:hover {
z-index: 997;
background-color: var(--black);
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
width: 200px;
}
.wi-info-block {
grid-column-gap: 20px;
grid-row-gap: 10px;
background-color: var(--dodger-blue);
border-radius: 3px;
grid-template-rows: auto;
grid-template-columns: 100px 1fr;
grid-auto-columns: 1fr;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 20px;
padding: 10px;
display: grid;
}
.wi-info-block:hover {
outline-color: var(--dodger-blue);
outline-offset: 2px;
outline-width: 1px;
outline-style: solid;
}
.wi-info-block.wi-i-b-v2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
padding-bottom: 15px;
}
.strip-wrapper {
justify-content: flex-start;
align-items: center;
display: flex;
}
.wi-sq {
aspect-ratio: 1;
object-fit: cover;
border-radius: 10px;
min-width: 120px;
height: 120px;
}
.wi-stop {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-top: 1px solid var(--white-light);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 20px;
margin-left: 40px;
padding: 20px 20px 10px;
display: flex;
}
.wi-top-para {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 10px;
padding-bottom: 30px;
padding-left: 40px;
display: flex;
}
.wi-tag-hd {
grid-column-gap: 0px;
grid-row-gap: 10px;
flex-flow: wrap;
display: flex;
}
.image-96 {
z-index: 999;
background-color: var(--dark-blue);
box-shadow: none;
opacity: .74;
filter: saturate(400%) brightness(200%);
mix-blend-mode: lighten;
border-radius: 100%;
max-width: 25px;
padding: 0;
position: relative;
}
.image-97 {
filter: saturate(0%) brightness(400%);
max-height: 50px;
padding: 10px;
}
.div-block-485 {
border: 1px solid var(--dodger-blue);
border-radius: 100%;
}
.div-block-486 {
background-color: #29456e33;
border-radius: 3px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-top: 5px;
display: flex;
overflow: hidden;
}
.div-block-487 {
border-top: 1px solid var(--dodger-blue);
padding-top: 40px;
padding-bottom: 20px;
padding-left: 20px;
}
.container-5 {
max-width: 1200px;
}
.learn-more-sect {
background-image: linear-gradient(to bottom, var(--desat-blue), var(--desat-blue));
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-bottom: 10px;
margin-right: 10px;
position: relative;
overflow: hidden;
}
.image-98 {
width: 100%;
}
.image-99 {
background-image: linear-gradient(to bottom, var(--darkest-purp), var(--darkest-purp));
padding: 0 10px 20px 0;
}
.homepage-tp-sct {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--darkest-purp);
flex-flow: column;
min-height: 300px;
padding-right: 11px;
display: flex;
}
.div-block-490 {
aspect-ratio: 2.39;
background-color: var(--dodger-blue);
border-radius: 20px;
width: 100%;
}
.cl-item {
padding-left: 0;
padding-right: 0;
}
.new-thumb {
aspect-ratio: 2 / 3;
background-color: var(--desat-blue);
color: var(--dodger-blue);
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex-flow: column;
justify-content: space-between;
height: calc(30vw - 18.75px);
display: flex;
overflow: hidden;
}
.new-thumb:hover {
outline-color: var(--dodger-blue);
outline-offset: -1px;
outline-width: 1px;
outline-style: solid;
}
.new-thumb.nt-thread {
background-position: 50%;
}
.new-thumb.nt-thread.ntt-v2 {
aspect-ratio: 3 / 2;
background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dodger-blue)), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
outline-color: var(--dodger-blue);
outline-offset: -1px;
text-align: center;
object-fit: cover;
background-position: 0 0, 50%;
background-size: auto, cover;
outline-width: 1px;
outline-style: solid;
justify-content: center;
align-items: center;
max-width: 270px;
height: auto;
}
.new-thumb.nt-thread.ntt-v3 {
aspect-ratio: 1;
background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dodger-blue)), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
text-align: center;
object-fit: cover;
background-position: 0 0, 50%;
background-size: auto, cover;
justify-content: center;
align-items: center;
}
.new-thumb.nt-thread.ntt-v3:hover {
outline-width: 1.5px;
}
.new-thumb.nt-thread.ntt-v4 {
width: 200px;
min-width: 200px;
height: auto;
}
.new-thumb.nt-thread.ntt-v4:hover {
outline-color: var(--dodger-blue);
outline-offset: -1px;
outline-width: 1px;
outline-style: none;
}
.new-thumb.nt-sq {
aspect-ratio: 1;
background-position: 50%;
}
.new-thumb.nt-long {
aspect-ratio: 3 / 2;
background-position: 50%;
}
.new-thumb.nt-tall {
width: auto;
height: calc(37.5vw - 18.75px);
}
.collection-list-wrapper-17 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
}
.collection-list-15 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.big-slidez {
aspect-ratio: 2;
border-radius: 20px;
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.media-thumb-top {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.image-100 {
width: 100%;
height: 27px;
position: absolute;
inset: 0% 0% auto;
}
.image-101 {
margin-bottom: 40px;
}
.main-hold-unit {
z-index: 100;
flex-direction: column;
align-items: flex-start;
margin-bottom: -140px;
padding-top: 80px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
}
.main-hold-unit.mhu-v2 {
margin-bottom: 0;
}
.main-hold-unit.mhu-v3 {
margin-bottom: 0;
padding-bottom: 40px;
}
.main-hold-unit.mhu-v4 {
margin-bottom: 0;
padding-bottom: 100px;
}
.main-hold-unit.mhu-v5 {
margin-bottom: 0;
padding-left: 0;
}
.main-hold-unit.mhu-v2b {
margin-bottom: 0;
padding-left: 120px;
}
.cl-media {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-right: 10px;
display: flex;
}
.cl-media.clm-wrap {
flex-flow: wrap;
display: flex;
}
.cl-media.clm-v3 {
padding-left: 20px;
}
.cl-media.clm-ex {
padding-left: 10px;
padding-right: 220px;
}
.cl-media.clm-expand {
flex-flow: wrap;
padding-right: 100px;
display: flex;
}
.x-slide {
z-index: 0;
flex-direction: column;
align-items: flex-start;
max-width: 100vw;
padding-top: 15px;
padding-bottom: 35px;
padding-left: 20px;
display: flex;
position: relative;
overflow: auto;
}
.x-slide.cs-pad {
padding-top: 40px;
padding-left: 10px;
}
.x-slide.cs-padz {
padding-bottom: 100px;
}
.x-slide.cs-padz.cont-sli-hider {
display: none;
}
.x-slide.xs-v2 {
flex-flow: row;
margin-top: -100px;
margin-left: -20px;
padding-bottom: 0;
padding-left: 30px;
padding-right: 20px;
}
.x-slide.xs-no-scoll {
margin-top: -100px;
margin-left: -20px;
padding-left: 40px;
overflow: hidden;
}
.x-slide.xs-ex {
padding-left: 10px;
padding-right: 10px;
}
.x-slide.xs-exxer {
margin-top: -40px;
padding: 60px 10px;
}
.x-slide.xs-alt {
max-width: calc(100vw - 100px);
margin-left: -20px;
padding-right: 40px;
}
.media-thumb {
aspect-ratio: 2 / 3;
background-color: var(--desat-blue);
color: var(--dodger-blue);
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex-flow: column;
justify-content: space-between;
width: 180px;
display: flex;
overflow: hidden;
}
.media-thumb:hover {
outline-color: var(--dodger-blue);
outline-offset: -1px;
outline-width: 1px;
outline-style: solid;
}
.media-thumb.mt-v2 {
aspect-ratio: 1;
background-position: 50%;
background-size: 200%;
width: 250px;
}
.media-thumb.mt-v2:hover {
outline-color: var(--dodger-blue);
outline-offset: -1px;
outline-width: 1px;
outline-style: none;
}
.media-thumb.mt-v3 {
width: 300px;
}
.media-thumb.mt-v4 {
aspect-ratio: 16 / 9;
background-position: 50%;
background-size: 200%;
width: auto;
height: 250px;
}
.media-thumb.mt-v4:hover {
outline-color: var(--dodger-blue);
outline-offset: -1px;
outline-width: 1px;
outline-style: none;
}
.media-thumb.mt-long {
aspect-ratio: 16 / 9;
width: auto;
height: 220px;
}
.media-thumb.mt-v5 {
aspect-ratio: 3 / 2;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
width: 250px;
}
.media-thumb.mt-v5:hover {
outline-color: var(--dodger-blue);
outline-offset: -1px;
outline-width: 1px;
outline-style: none;
}
.media-thumb.mt-v5b {
aspect-ratio: 3 / 2;
background-color: var(--dodger-blue-bright);
text-align: center;
background-image: none;
justify-content: center;
align-items: center;
width: 250px;
}
.media-thumb.mt-v5b:hover {
outline-color: var(--dodger-blue);
outline-offset: -1px;
outline-width: 1px;
outline-style: none;
}
.media-thumb.mt-v2b {
aspect-ratio: 1;
background-position: 50%;
background-size: contain;
width: 250px;
}
.media-thumb.mt-v2b:hover {
outline-color: var(--dodger-blue);
outline-offset: -1px;
outline-width: 1px;
outline-style: none;
}
.media-thumb.mt-ex {
outline-color: var(--v-dark-purp);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
width: 200px;
}
.media-thumb.mt-ex:hover {
outline-color: var(--dodger-blue);
}
.media-thumb.mt-expand {
outline-color: var(--v-dark-purp);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
width: 240px;
min-width: 240px;
}
.media-thumb.mt-expand.show-on-mobl {
display: none;
}
.media-thumb.mt-expand.mte-v2 {
outline-color: var(--desat-blue);
min-height: 300px;
}
.media-thumb.mt-expand-copy {
outline-color: var(--v-dark-purp);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
width: 200px;
min-width: 200px;
position: relative;
}
.media-thumb.mt-expand-copy:hover {
outline-color: var(--dodger-blue);
}
.media-thumb.mt-expand-copy.show-on-mobl {
display: none;
}
.media-thumb.mt-expand-copy.mte-v2 {
outline-color: var(--desat-blue);
}
.media-thumb.mt-3_min_100 {
width: calc(33vw - 50px);
}
.x-slide-holder {
position: relative;
}
.x-slide-holder.x-hold-max {
max-width: 100%;
overflow: hidden;
}
.content-slider-fader-copy {
z-index: 200;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-image: linear-gradient(270deg, var(--v-dark-purp) 12%, #0c0a10b5 51%, var(--transparent-purp));
text-align: right;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 5%;
height: 100%;
padding-right: 20px;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.content-slider-fader-copy.csf-2 {
justify-content: center;
height: 80%;
padding-top: 0;
inset: auto 0% 0% auto;
}
.content-slider-fader-copy.csf-3 {
background-image: linear-gradient(270deg, var(--darkest-purp) 12%, #0605087d 46%, var(--transparent-purp));
}
.content-slider-fader-copy.csf-4 {
background-image: linear-gradient(270deg, var(--desat-blue) 12%, #0f1522 51%, var(--transparent-purp));
justify-content: center;
height: 80%;
padding-top: 0;
inset: auto 0% 0% auto;
}
.image-102 {
width: 70px;
}
.holdall-div {
width: 100%;
padding: 20px;
}
.thread-holdall {
background-color: var(--dodger-bright-mid-opac);
border-radius: 20px;
padding-bottom: 120px;
padding-right: 30%;
position: relative;
overflow: hidden;
}
.thread-holdall.th-feature {
margin-right: 20px;
}
.whole-displayunit {
background-color: var(--darkest-purp);
color: var(--white);
border-radius: 20px;
flex-flow: column;
justify-content: space-between;
width: 250px;
min-width: 250px;
overflow: hidden;
}
.whole-displayunit.wdu-v2 {
margin-left: -22px;
box-shadow: -3px 20px 20px 15px #000000b3;
}
.div-block-497 {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: 300px;
padding: 20px;
display: flex;
}
.div-block-498 {
width: 100%;
height: 100%;
padding-right: 40%;
}
.div-block-499 {
opacity: .4;
position: absolute;
inset: 0%;
}
.div-block-500 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.div-block-501 {
aspect-ratio: 16 / 9;
background-color: var(--slate-blue);
background-image: linear-gradient(180deg, #2d2c2c00, var(--v-dark-purp) 89%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/67d2cfea2adfdfcca47087fc_WOKU%20SCREENS%20V1.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
justify-content: flex-start;
align-items: center;
margin-bottom: -30px;
margin-right: 10px;
padding-top: 220px;
padding-bottom: 100px;
display: flex;
}
.div-block-502 {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-bottom: 10px;
margin-right: 10px;
padding-top: 140px;
padding-left: 20px;
padding-right: 25%;
}
.thread-icon {
border-radius: 20%;
max-height: 240px;
margin-bottom: -100px;
margin-left: 20px;
box-shadow: 0 2px 20px #0003;
}
.thread-icon.ti-v2 {
min-width: 240px;
min-height: 240px;
margin-bottom: 0;
margin-left: 0;
}
.thread-icon.ti-v2:hover {
outline-color: var(--dodger-blue);
outline-offset: 0px;
outline-width: 1.5px;
outline-style: solid;
}
.threads-footer {
border-top: 1px solid var(--bluish-trans-shadow);
margin-top: 40px;
padding-top: 10px;
padding-bottom: 20px;
}
.div-block-504 {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-radius: 20px;
flex-flow: column;
min-height: 100vh;
margin-right: 10px;
padding: 20px;
position: relative;
overflow: hidden;
}
.div-block-505 {
z-index: -1;
opacity: .07;
position: absolute;
inset: 0%;
}
.feature-card {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: var(--white-trans);
border-radius: 20px;
margin-bottom: 20px;
padding: 20px;
display: flex;
}
.feature-card.fc-v2 {
background-color: var(--bluish-trans-shadow);
border-radius: 20px;
margin-top: 20px;
margin-bottom: 80px;
}
.div-block-507 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 10px;
display: flex;
}
.div-block-508 {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: wrap;
display: flex;
}
.div-block-509 {
grid-column-gap: 20px;
grid-row-gap: 20px;
border: 1px solid var(--chroma-4);
color: var(--dodger-blue);
border-radius: 9px;
margin-top: 20px;
margin-bottom: 20px;
padding: 10px;
font-size: 11px;
display: flex;
}
.rich-text-block-3 {
color: var(--dodger-blue);
text-align: justify;
text-transform: none;
padding-right: 20px;
font-family: "Gillsans 08", sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 29px;
}
.div-block-510 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 20px;
margin-left: 300px;
display: flex;
}
.text-block-18 {
padding-top: 10px;
font-size: 15px;
line-height: 25px;
}
.div-block-511 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
.thread-pop-up {
background-color: var(--backdrop-black);
border-radius: 20px;
margin-bottom: 20px;
padding: 20px;
}
.thread-pop-up.tpu-v2 {
background-color: var(--blue-low-transparent);
margin-top: 20px;
margin-right: 10px;
}
.thread-pop-up.tpu-v3 {
background-color: var(--blue-low-transparent);
}
.div-block-513 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-514 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.div-block-515 {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: wrap;
display: flex;
}
.tx-bold {
font-family: "Gillsans 05", sans-serif;
}
.div-block-516 {
padding-left: 10px;
}
.empty-state {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: var(--bluish-trans-shadow);
border-radius: 6px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.text-block-19 {
background-color: var(--darkest-purp);
border-radius: 20px;
margin-top: -10px;
margin-left: -10px;
padding: 10px;
font-style: italic;
position: absolute;
}
.div-block-517 {
justify-content: flex-end;
align-items: center;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.thread-profile {
border-radius: 20px;
width: 160px;
margin-top: -40px;
margin-bottom: 40px;
margin-right: 20px;
box-shadow: 0 2px 20px #0003;
}
.notif {
z-index: 10000;
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: var(--desat-blue);
border-radius: 15px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 300px;
height: 400px;
margin-top: 20px;
margin-right: 10px;
padding: 60px 20px 20px;
display: none;
position: absolute;
inset: 0% 0% auto auto;
overflow: scroll;
box-shadow: 0 2px 20px #0003;
}
.text-block-20 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65590b5b29749b9f0a11507a_WHITE-STAR.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
padding-left: 30px;
font-family: "Gillsans 05", sans-serif;
}
.notif-x {
background-color: var(--desat-blue);
background-image: linear-gradient(to bottom, var(--backdrop-black), var(--backdrop-black));
color: var(--mid-opacity);
cursor: pointer;
border-radius: 13px;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
margin-top: 0;
margin-bottom: 10px;
margin-left: 10px;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.text-block-20-copy {
color: var(--dodger-blue);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6558e05b840455618c9b992f_star1.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
margin-bottom: 20px;
padding-left: 30px;
font-family: "Gillsans 05", sans-serif;
}
.text-block-22 {
border-style: solid none;
border-width: 1px;
border-color: var(--bluish-trans-shadow);
padding-top: 20px;
padding-bottom: 20px;
font-size: 12px;
line-height: 24px;
}
.notif-highlight {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--white-trans);
color: var(--white);
border-radius: 11px;
grid-template-rows: auto;
grid-template-columns: 75px 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding: 9px;
display: grid;
}
.notif-highlight:hover {
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
outline-width: 1.5px;
outline-style: solid;
}
.notif-highlight.nh-v2 {
background-color: var(--dodger-bright-mid-opac);
}
.notif-highlight.nh-v3 {
background-color: var(--blue-violet);
}
.notif-img {
aspect-ratio: 1;
border-radius: 10px;
}
.notif-img.ni-v2 {
background-color: var(--desat-blue);
padding: 25px;
}
.notif-img.ni-v3 {
background-color: var(--black-low-transp);
padding: 13px;
}
.notif-img.ni-v4 {
background-color: var(--dodger-blue-bright);
padding: 25px;
}
.notif-img.ni-v5 {
background-color: var(--black2);
object-fit: contain;
min-height: 75px;
padding: 8px;
}
.notif-txt {
font-size: 11px;
line-height: 22px;
}
.div-block-520 {
width: 100%;
margin-top: -40px;
position: sticky;
inset: -40px 0% auto auto;
}
.ult-popup-sect {
z-index: 1000;
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--bluish-trans-shadow);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--bluish-trans-shadow);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--bluish-trans-shadow);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--bluish-trans-shadow);
background-image: none;
border-radius: 28px;
min-height: calc(30vw + 201.25px);
padding-bottom: 10px;
padding-left: 0;
position: relative;
}
.notif-top-link {
border: 1px solid var(--dodger-bright-mid-opac);
box-shadow: none;
opacity: .52;
background-color: #0f39594a;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65836e4cfb7d9f3a95fce84b_starry.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 20px;
border-radius: 5px;
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
margin-left: 15px;
margin-right: 20px;
transition: all .35s;
position: absolute;
inset: 32px 10px auto auto;
}
.notif-top-link:hover {
border: 1px solid var(--dodger-blue-bright);
box-shadow: 0 2px 14px 6px var(--bluish-trans-shadow);
opacity: 1;
}
.bsth-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
margin-bottom: 20px;
display: flex;
}
.bsth-wrapper.btshw-v2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: flex-start;
}
.bsth-txt {
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.bsth-img {
aspect-ratio: 1;
background-color: var(--desat-blue);
object-fit: contain;
border-radius: 20px;
width: 120px;
padding: 15px;
box-shadow: 0 2px 20px #0003;
}
.bsth-img.bsthi-desat_blue {
background-color: var(--desat-blue);
}
.bsth-img.bsthi-desat_blue:hover {
outline-color: var(--dodger-blue);
outline-offset: 1px;
outline-width: 1px;
outline-style: solid;
}
.text-block-23 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6543c9e14f74b38081bfafec_6539dee3ba2ac6aed6a494cf_info.webp"), linear-gradient(to bottom, var(--gainsboro), var(--gainsboro));
color: var(--dodger-blue-bright);
background-position: 10px 10px, 0 0;
background-repeat: no-repeat, repeat;
background-size: 20px, auto;
border-radius: 9px;
margin-bottom: 20px;
padding: 10px 10px 10px 40px;
font-size: 12px;
line-height: 20px;
}
.txt-explain {
text-transform: uppercase;
text-shadow: 0 1px 17px #0003;
max-width: 600px;
font-family: "Gillsans 01", sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 24px;
}
.txt-explain.te-white {
color: var(--white);
}
.txt-explain.te-white.te-v2 {
max-width: none;
padding-top: 10px;
padding-bottom: 10px;
font-family: "Gillsans 08", sans-serif;
font-size: 12px;
}
.txt-explain.te-v2 {
max-width: 90%;
}
.txt-explain.te-blue {
color: var(--dodger-blue);
}
.ult-tabby {
background-color: var(--transparent-purp);
color: var(--white);
white-space: nowrap;
border-radius: 20px;
font-family: "Gillsans 01", sans-serif;
font-size: 15px;
line-height: 20px;
}
.ult-tabby:hover {
outline-color: var(--bluish-trans-shadow);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.ult-tabby.w--current {
background-color: var(--bluish-trans-shadow);
}
.tabby-pane-inner {
padding-top: 20px;
padding-right: 10px;
}
.ult-popup-tab-menu {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
padding-left: 20px;
display: flex;
}
.big-slidez-tx-hold {
padding-left: 20px;
padding-right: 20px;
}
.dropdown-list-14 {
inset: 0%;
}
.dropdown-list-14.w--open {
background-color: var(--black-low-transp);
padding: 5%;
position: fixed;
}
.div-block-522 {
background-color: var(--desat-blue);
border-radius: 20px;
height: 100%;
}
.popup-dropdown {
z-index: 9998;
position: fixed;
inset: 40px 0% 0%;
}
.popup-dropdown.w--open {
z-index: 9999;
height: 0;
}
.popup-dropdown.pd-v2 {
position: absolute;
inset: 0% auto auto 0%;
}
.popup-dropdown.pd-v2.w--open {
z-index: 10000;
inset: 0% auto auto 0%;
}
.popup-wrapper {
background-color: var(--desat-blue);
border-radius: 20px;
height: calc(37.5vw + 121.25px);
position: absolute;
inset: 0% 10%;
overflow: auto;
box-shadow: 0 2px 10vw 100vw #000000cf;
}
.popup-wrapper.pw-v2 {
z-index: 9999;
height: 100%;
padding-bottom: 40px;
position: relative;
left: 0%;
right: 0%;
}
.popup-wrapper.pw-big {
z-index: 9999;
width: 350px;
height: 100%;
padding-bottom: 40px;
position: relative;
left: 0%;
right: 0%;
}
.popup-wrapper.pw-v3 {
z-index: 9999;
height: 100%;
padding-bottom: 40px;
position: relative;
left: 0%;
right: 0%;
}
.popup-toggle {
z-index: 1000;
padding: 0;
}
.popup-toggle.w--open {
z-index: 1010;
}
.popup-img {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: flex-end;
height: 450px;
position: relative;
}
.popup-img.pi-v2 {
height: 250px;
}
.popup-img-fade {
background-image: linear-gradient(180deg, #0f152200, var(--desat-blue));
height: 300px;
position: absolute;
inset: auto 0% 0%;
}
.popup-img-fade.pif-v2 {
height: 200px;
}
.div-block-526 {
padding: 39px;
}
.popup-inner {
grid-column-gap: 15px;
grid-row-gap: 15px;
color: var(--dodger-blue);
flex-direction: column;
align-items: flex-start;
width: 100%;
height: 100%;
padding-top: 0;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.popup-inner.pi-v2 {
margin-top: -70px;
position: relative;
}
.popup-comp4 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
width: 100%;
padding-bottom: 20px;
display: flex;
}
.popup-button-hold {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100px;
min-height: 100px;
margin-top: -100px;
margin-bottom: 20px;
display: flex;
position: relative;
}
.popup-button {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 3fr 1.5fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.popup-button.nhc1-ult {
background-image: linear-gradient(to bottom, var(--mid-dark-blue), var(--mid-dark-blue));
-webkit-backdrop-filter: none;
backdrop-filter: none;
outline-color: var(--dodger-blue);
outline-offset: 0px;
border-radius: 4px;
outline-width: 1px;
outline-style: solid;
width: 97.5%;
height: 50px;
margin-top: -100px;
margin-right: 10px;
padding: 8px 8px 8px 10px;
}
.popup-button.pb-bar {
background-image: linear-gradient(to bottom, var(--mid-dark-blue), var(--mid-dark-blue));
-webkit-backdrop-filter: none;
backdrop-filter: none;
outline-color: var(--dodger-blue);
outline-offset: 0px;
border-radius: 4px;
outline-width: 1px;
outline-style: solid;
justify-content: space-between;
align-items: center;
padding: 8px 8px 0 10px;
display: flex;
}
.popup-button.pb-bar.pbb-v2 {
flex-flow: column;
align-items: flex-start;
}
.popup-comp3 {
border: 1px solid var(--blue-low-transparent);
border-radius: 4px;
width: 100%;
min-height: 100px;
margin-bottom: 20px;
padding: 15px 0 15px 15px;
position: relative;
overflow: hidden;
}
.popup-comp3:hover {
overflow: auto;
}
.popup-comp2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-top: 1px none var(--blue-low-transparent);
flex-direction: column;
align-items: flex-start;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
}
.popup-comp1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 3fr 1.5fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.popup-comp1.nhc1-ult {
background-image: linear-gradient(to bottom, var(--mid-dark-blue), var(--mid-dark-blue));
-webkit-backdrop-filter: none;
backdrop-filter: none;
outline-color: var(--dodger-blue);
outline-offset: 0px;
border-radius: 4px;
outline-width: 1px;
outline-style: solid;
width: 97.5%;
height: 50px;
margin-top: -100px;
margin-right: 10px;
padding: 8px 8px 8px 10px;
}
.popup-comp1.nhc1-ult-copy {
background-image: linear-gradient(to bottom, var(--mid-dark-blue), var(--mid-dark-blue));
-webkit-backdrop-filter: none;
backdrop-filter: none;
outline-color: var(--dodger-blue);
outline-offset: 0px;
border-radius: 4px;
outline-width: 1px;
outline-style: solid;
height: 50px;
padding: 8px 8px 8px 10px;
}
.popup-comp1-left {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.popup-comp1-right {
color: var(--white);
}
.perfect-popup {
z-index: 1;
position: static;
}
.perfect-popup.pp-relative {
position: relative;
}
.perfect-popup.pp-relative:hover {
z-index: 10;
}
.popup-scroller {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.popup-scroller.ps-always-scroll {
margin-bottom: -20px;
margin-right: -10px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
display: flex;
overflow: auto;
}
.div-block-527 {
width: 350px;
margin-top: 100px;
padding-top: 100px;
}
.popup-txt {
margin-bottom: 8px;
margin-left: 10px;
font-family: "Gillsans 01", sans-serif;
}
.popup-txt.pt-v2 {
display: none;
}
.collection-list-16 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: wrap;
display: flex;
}
.popup-desc {
justify-content: flex-start;
align-items: center;
width: 70%;
max-width: 70%;
padding: 0 60px 0 15px;
font-size: 10px;
line-height: 20px;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-528 {
background-color: var(--dodger-blue);
width: 300px;
height: calc(37.5vw + 201.25px);
position: fixed;
inset: 0% 0% auto auto;
}
.thumb-txt {
white-space: normal;
justify-content: center;
font-size: 16px;
display: flex;
}
.thumb-txt.ih-2.ih2-bluees {
color: var(--dodger-blue-bright);
text-shadow: 0 1px 9px #1d18263d;
}
.thumb-txt.ih-2.ih2-bluees.ih2-hider_pad, .thumb-txt.ih-2.ih2-bluees.ih2-nopad {
margin-bottom: 0;
}
.thumb-txt.ih-2.ih2-bluees.ih2-alt {
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.thumb-txt.ih-2.ih2-alt2 {
text-align: left;
font-size: 18px;
line-height: 22px;
}
.thumb-txt.ih-2.ih-star {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65590b5b29749b9f0a11507a_WHITE-STAR.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 22px;
padding-left: 30px;
}
.thumb-txt.ih-2.jdiosds {
color: var(--dodger-blue-bright);
text-shadow: 0 1px 9px #1d18263d;
margin-top: 90px;
margin-bottom: -50px;
}
.thumb-txt.ih-2.jdiosds.ih2-hider_pad, .thumb-txt.ih-2.jdiosds.ih2-nopad {
margin-bottom: 0;
}
.thumb-txt.ih-2.jdiosds.ih2-alt, .thumb-txt.ih-2.ih-2-smallest {
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.thumb-txt.ih-2.ih-2-smallest.ih-2-opac {
opacity: .45;
}
.thumb-txt.ih-2.dark-blue-tx {
color: var(--dark-slate-blue);
}
.thumb-txt.ih-33 {
color: var(--dodger-bright-mid-opac);
text-align: left;
font-family: "Gillsans 01", sans-serif;
font-size: 17px;
line-height: 16px;
}
.thumb-txt.ih-33.ih3-white {
color: var(--white);
}
.thumb-txt.ih-33.ih3-white.ih3-white-glow {
color: var(--dodger-blue);
text-align: left;
text-shadow: none;
}
.thumb-txt.ih-33.ih3-m {
text-align: center;
}
.thumb-txt.ih-33.ih3-mid {
color: var(--dodger-bright-mid-opac);
text-align: center;
}
.thumb-txt.ih-33.ih3-blue {
opacity: .63;
color: var(--dodger-blue-bright);
text-align: center;
}
.thumb-txt.ih-33.ih3-m-mob {
color: var(--white);
}
.thumb-txt.ih-33.ih3-subb {
color: var(--white);
text-align: center;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.thumb-txt.ih-33.ih3-sub {
color: var(--chroma-4);
text-align: right;
text-shadow: 0 1px 7px #00000073;
}
.thumb-txt.ih-33.ih3-bluez {
color: var(--dodger-blue);
}
.thumb-txt.ih-33.ih3-bluez.ih-mid {
text-align: center;
}
.thumb-txt.ih-33.ih3-sub {
color: var(--chroma-4);
text-align: center;
text-align: right;
text-shadow: 0 1px 7px #00000073;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.thumb-txt.ih-hide-on-mob {
color: var(--dodger-blue-bright);
}
.thumb-txt.ih-4 {
color: var(--white);
text-align: left;
text-align: center;
text-shadow: 0 0 17px var(--mid-opacity);
text-align: left;
padding-bottom: 5px;
font-family: "Gillsans 08", sans-serif;
font-size: 24px;
line-height: 26px;
}
.thumb-txt.ih-5 {
color: var(--white);
text-align: center;
text-shadow: none;
padding-bottom: 5px;
font-family: "Gillsans 01", sans-serif;
font-size: 24px;
line-height: 26px;
}
.thumb-txt.ih-5.ih-5-blue {
color: var(--dodger-bright-mid-opac);
text-shadow: none;
font-family: "Gillsans 08", sans-serif;
}
.thumb-txt.ih-5.ih-5-blue.ih-5-l, .thumb-txt.ih-5.ih-5-l {
text-align: left;
}
.thumb-txt.ih-6 {
color: var(--dodger-blue);
-webkit-text-stroke-width: 1px;
font-family: "Gillsans 01", sans-serif;
font-size: 2vw;
line-height: 2vw;
}
.thumb-txt.ih-min {
margin-top: 20px;
margin-bottom: 20px;
font-size: 14px;
line-height: 14px;
}
.thumb-txt.click-to-resu {
color: var(--white);
text-shadow: 0 0 14px #0c0a10d4;
font-family: "Gillsans 05", sans-serif;
font-size: 24px;
line-height: 26px;
}
.thumb-txt.ih-7 {
color: var(--white);
font-size: 20px;
}
.thumb-txt.ih-8 {
color: var(--dodger-blue);
font-size: 19px;
}
.thumb-txt.ih-10 {
color: var(--white);
letter-spacing: 0;
margin-bottom: 10px;
font-family: "Gillsans 05", sans-serif;
font-size: 40px;
line-height: 40px;
}
.thumb-txt.ih-10.ih-10-blue {
background-image: linear-gradient(135deg, var(--dodger-blue) 7%, var(--blue-low-transparent) 18%, #2c99ff14 83%, #2c99ff), linear-gradient(to bottom, var(--dodger-blue-bright), var(--dodger-blue-bright)), linear-gradient(to bottom, var(--mid-opacity), var(--mid-opacity));
color: var(--dodger-blue);
text-shadow: 0 0 16px var(--mid-opacity);
-webkit-text-fill-color: transparent;
background-position: 0 0, 0 0, 0 0;
background-size: auto, auto, auto;
-webkit-background-clip: text;
background-clip: text;
font-family: "Gillsans 08", sans-serif;
}
.thumb-txt.ih-time-version {
color: var(--dodger-blue);
text-align: left;
font-family: "Gillsans 01", sans-serif;
font-size: 12px;
line-height: 16px;
}
.thumb-txt.ih-time-para {
opacity: .36;
color: var(--dodger-blue);
text-align: center;
width: 420px;
font-family: "Gillsans 01", sans-serif;
font-size: 10px;
line-height: 16px;
}
.thumb-txt.ih-time-denote {
color: var(--dodger-blue);
text-align: left;
flex-direction: column;
font-family: "Gillsans 01", sans-serif;
font-size: 12px;
line-height: 16px;
}
.thumb-txt.ih-time-microhead {
color: var(--dodger-blue);
text-align: center;
white-space: nowrap;
flex-direction: column;
font-family: "Gillsans 01", sans-serif;
font-size: 10px;
line-height: 16px;
}
.thumb-txt.time-para {
color: var(--dodger-blue);
text-align: left;
justify-content: flex-start;
font-family: "Gillsans 01", sans-serif;
font-size: 11px;
line-height: 14px;
}
.thumb-txt.ih-3b {
color: #2cb2ff96;
text-align: left;
font-family: "Gillsans 01", sans-serif;
font-size: 12px;
line-height: 16px;
}
.thumb-txt.ih-2.ih2-blue {
color: #2ca4ff;
}
.thumb-txt.ih-3.ih3-m, .thumb-txt.ih-3.ih3-mid {
text-align: center;
}
.thumb-txt.ih-3.ih3-sub {
color: var(--chroma-4);
text-align: center;
text-align: right;
text-shadow: 0 1px 7px #00000073;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.thumb-txt.ih-3.ih3-reading {
text-align: center;
font-size: 9px;
line-height: 12px;
}
.thumb-txt.ih-9 {
color: var(--dodger-blue);
letter-spacing: 0;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
font-family: "Gillsans 05", sans-serif;
font-size: 18px;
line-height: 26px;
}
.thumb-txt.wix {
color: #2c99ff6e;
text-align: left;
font-family: "Gillsans 01", sans-serif;
font-size: 12px;
line-height: 16px;
}
.thumb-txt.ih-2.ih2-bluee.ih2-hider_pad, .thumb-txt.ih-2.ih2-bluee.ih2-nopad {
margin-bottom: 0;
}
.thumb-txt.ih-b {
margin-bottom: 10px;
font-family: "Gillsans 05", sans-serif;
font-size: 24px;
line-height: 26px;
}
.thumb-txt.ih-b.ih2-bluee {
color: var(--dodger-blue-bright);
text-shadow: 0 1px 9px #1d18263d;
}
.thumb-txt.ih-b.ih2-bluee.ih2-hider_pad, .thumb-txt.ih-b.ih2-bluee.ih2-nopad {
margin-bottom: 0;
}
.thumb-txt.ih-b.ih2-bluee.ih2-alt {
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.thumb-txt.ih-b.ih-2-smaller {
color: var(--dodger-blue);
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.thumb-txt.ih-b.ih-2-smaller.ih-2-opac {
opacity: .45;
}
.thumb-txt.ih-b.ih2-alt2 {
font-size: 18px;
line-height: 22px;
}
.thumb-txt.ih-b.ih-2-mid {
color: var(--dodger-blue);
text-shadow: 0 0 9px var(--chroma-4);
}
.thumb-txt.ih-2.ih2-bluee.ih2-hider_pad, .thumb-txt.ih-2.ih2-bluee.ih2-nopad {
margin-bottom: 0;
}
.thumb-txt.ih-3.ih3-sub {
color: var(--chroma-4);
text-align: center;
text-align: right;
text-shadow: 0 1px 7px #00000073;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.thumb-txt.ih-2 {
color: var(--white);
-webkit-text-stroke-width: 1px;
margin-bottom: 10px;
font-family: "Gillsans 05", sans-serif;
font-size: 24px;
line-height: 26px;
}
.thumb-txt.ih-2.ih2-bluee {
color: var(--dodger-blue-bright);
text-shadow: 0 1px 9px #1d18263d;
display: block;
}
.thumb-txt.ih-2.ih2-bluee.ih2-hider_pad, .thumb-txt.ih-2.ih2-bluee.ih2-nopad {
margin-bottom: 0;
}
.thumb-txt.ih-11 {
color: var(--dodger-bright-mid-opac);
text-align: left;
font-family: "Gillsans 01", sans-serif;
font-size: 11px;
line-height: 13px;
}
.thumb-txt.ih-11.ih3-white {
color: var(--white);
}
.thumb-txt.ih-11.ih3-white.ih3-white-glow {
color: var(--dodger-blue);
text-align: left;
text-shadow: none;
}
.thumb-txt.ih-11.ih3-m {
text-align: center;
}
.thumb-txt.ih-11.ih3-mid {
color: var(--dodger-bright-mid-opac);
text-align: center;
}
.thumb-txt.ih-11.ih3-blue {
opacity: .63;
color: var(--dodger-blue-bright);
text-align: center;
}
.thumb-txt.ih-11.ih3-m-mob {
color: var(--white);
}
.thumb-txt.ih-11.ih3-subb {
color: var(--white);
text-align: center;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.thumb-txt.ih-11.ih3-sub {
color: var(--chroma-4);
text-align: right;
text-shadow: 0 1px 7px #00000073;
}
.thumb-txt.ih-11.ih3-bluez {
color: var(--dodger-blue);
}
.thumb-txt.ih-11.ih3-bluez.ih-mid {
text-align: center;
}
.thumb-txt.ih-11.ih3-sub {
color: var(--chroma-4);
text-align: center;
text-align: right;
text-shadow: 0 1px 7px #00000073;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.thumb-txt.ih-11.ih-11-light {
color: var(--white);
justify-content: flex-start;
align-items: flex-start;
font-family: "Gillsans 08", sans-serif;
}
.thumb-txt.ih-11.ih-11-light.dark-blue-tx {
color: var(--dark-slate-blue);
}
.thumb-txt.ih-11.ih-11-bold {
color: var(--white);
justify-content: flex-start;
align-items: flex-start;
}
.thumb-txt.ih-11.ih-11-bold.dark-blue-tx {
color: var(--dark-slate-blue);
}
.thumb-txt.ih-11.ih11-mini {
color: var(--dark-slate-blue);
font-size: 9px;
}
.thumb-txt.ih-11.ih-11-extra-small {
color: var(--white);
justify-content: flex-start;
align-items: flex-start;
font-family: "Gillsans 01", sans-serif;
font-size: 9px;
line-height: 15px;
}
.thumb-txt.ih-home-top {
letter-spacing: 1.2px;
font-size: 11px;
line-height: 14px;
}
.thumb-txt.ih-home-top.ih-ht-2 {
font-family: "Gillsans 06", sans-serif;
}
.thumb-txt.ih-2 {
color: var(--white);
margin-bottom: 10px;
font-family: "Gillsans 05", sans-serif;
font-size: 24px;
line-height: 26px;
}
.thumb-txt.ih-2.ih2-bluee {
color: var(--dodger-blue-bright);
text-shadow: 0 1px 9px #1d18263d;
}
.thumb-txt.ih-2.ih2-bluee.ih2-hider_pad, .thumb-txt.ih-2.ih2-bluee.ih2-nopad {
margin-bottom: 0;
}
.thumb-txt.ih-2.ih2-bluee.ih2-alt {
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.thumb-txt.ih-2.ih-2-smaller {
color: var(--dodger-blue);
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.thumb-txt.ih-2.ih-2-smaller.ih-2-opac {
opacity: .45;
}
.thumb-txt.ih-2.ih2-alt2 {
font-size: 18px;
line-height: 22px;
}
.thumb-txt.ih-2.ih-2-mid {
color: var(--dodger-blue);
text-shadow: 0 0 9px var(--chroma-4);
}
.thumb-txt.ih2 {
color: var(--white);
margin-bottom: 10px;
font-family: "Gillsans 05", sans-serif;
font-size: 24px;
line-height: 26px;
}
.thumb-txt.ih2.ih2-bluee {
color: var(--dodger-blue-bright);
text-shadow: 0 1px 9px #1d18263d;
}
.thumb-txt.ih2.ih2-bluee.ih2-hider_pad, .thumb-txt.ih2.ih2-bluee.ih2-nopad {
margin-bottom: 0;
}
.thumb-txt.ih2.ih2-bluee.ih2-alt {
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.thumb-txt.ih2.ih-2-smaller {
color: var(--dodger-blue);
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.thumb-txt.ih2.ih-2-smaller.ih-2-opac {
opacity: .45;
}
.thumb-txt.ih2.ih2-alt2 {
text-align: left;
font-size: 18px;
line-height: 22px;
}
.thumb-txt.ih2.ih-2-mid {
color: var(--dodger-blue);
text-shadow: 0 0 9px var(--chroma-4);
}
.thumb-txt.ih2.ih-star {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65590b5b29749b9f0a11507a_WHITE-STAR.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 22px;
padding-left: 30px;
}
.thumb-txt.ih-22 {
color: var(--white);
margin-bottom: 10px;
font-family: "Gillsans 05", sans-serif;
font-size: 19px;
line-height: 26px;
}
.thumb-txt.ih-22.ih2-bluee {
color: var(--dodger-blue-bright);
text-shadow: 0 1px 9px #1d18263d;
}
.thumb-txt.ih-22.ih2-bluee.ih2-hider_pad, .thumb-txt.ih-22.ih2-bluee.ih2-nopad {
margin-bottom: 0;
}
.thumb-txt.ih-22.ih2-bluee.ih2-alt {
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.thumb-txt.ih-22.ih-2-smaller {
color: var(--dodger-blue);
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
}
.thumb-txt.ih-22.ih-2-smaller.ih-2-opac {
opacity: .45;
}
.thumb-txt.ih-22.ih2-alt2 {
text-align: left;
font-size: 18px;
line-height: 22px;
}
.thumb-txt.ih-22.ih-2-mid {
color: var(--dodger-blue);
text-shadow: 0 0 9px var(--chroma-4);
}
.thumb-txt.ih-22.ih-star {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65590b5b29749b9f0a11507a_WHITE-STAR.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 22px;
padding-left: 30px;
}
.thumb-txt.ih-3 {
color: var(--dodger-bright-mid-opac);
text-align: left;
font-family: "Gillsans 01", sans-serif;
font-size: 17px;
line-height: 16px;
}
.thumb-txt.ih-3.ih3-white {
color: var(--white);
}
.thumb-txt.ih-3.ih3-white.ih3-white-glow {
color: var(--dodger-blue);
text-align: left;
text-shadow: none;
}
.thumb-txt.ih-3.ih3-m {
text-align: center;
}
.thumb-txt.ih-3.ih3-mid {
color: var(--dodger-bright-mid-opac);
text-align: center;
}
.thumb-txt.ih-3.ih3-blue {
opacity: .63;
color: var(--dodger-blue-bright);
text-align: center;
}
.thumb-txt.ih-3.ih3-m-mob {
color: var(--white);
}
.thumb-txt.ih-3.ih3-subb {
color: var(--white);
text-align: center;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.thumb-txt.ih-3.ih3-sub {
color: var(--chroma-4);
text-align: right;
text-shadow: 0 1px 7px #00000073;
}
.thumb-txt.ih-3.ih3-bluez {
color: var(--dodger-blue);
}
.thumb-txt.ih-3.ih3-bluez.ih-mid {
text-align: center;
}
.thumb-txt.ih-3.ih3-sub {
color: var(--chroma-4);
text-align: center;
text-align: right;
text-shadow: 0 1px 7px #00000073;
margin-top: 10px;
margin-bottom: -10px;
font-size: 10px;
font-style: italic;
}
.thumb-txt.ih-small {
color: var(--white);
text-align: left;
font-family: "Gillsans 01", sans-serif;
font-size: 12px;
line-height: 16px;
}
.thumb-txt.ih-bold {
font-family: "Gillsans 05", sans-serif;
}
.featured-emblem {
color: var(--dodger-blue);
text-shadow: 0 0 7px var(--dodger-blue);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6583b594af21ee3aa8425b79_starryys.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: 50px;
margin-bottom: 10px;
margin-left: -15px;
padding-left: 45px;
font-family: "Gillsans 01", sans-serif;
font-size: 21px;
line-height: 40px;
}
.discover-woku-all {
z-index: 1;
background-image: none;
margin-top: 0;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.div-block-529, .holdall-tx {
display: none;
}
.div-block-533 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66f196f3891d08aa82135f8e_TTTOP.png"), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66f196f3891d08aa82135f8e_TTTOP.png");
background-position: 100% 0, 0 0;
background-size: cover, cover;
height: 27px;
position: absolute;
inset: 0% 0% auto;
}
.big-slidez-button-pin {
z-index: 5;
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: absolute;
inset: auto auto 0% 0%;
}
.div-block-534 {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 10px;
display: flex;
}
.div-block-535 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
display: flex;
}
.heading-10 {
font-size: 20px;
line-height: 24px;
}
.wi-stacker {
flex-direction: column;
align-items: flex-start;
padding-bottom: 10px;
display: flex;
}
.wi-stacker.wis-space {
justify-content: flex-start;
align-items: flex-end;
padding-right: 40px;
}
.div-block-536 {
background-image: linear-gradient(8deg, var(--darkest-purp), var(--transparent-purp) 88%);
width: 100%;
position: absolute;
inset: 10px 0% 0% auto;
}
.collection-list-wrapper-18 {
width: 100%;
}
.div-block-537 {
max-width: 100%;
overflow: hidden;
}
.div-block-538 {
border: 1px solid var(--bluish-trans-shadow);
background-color: var(--desat-blue);
border-radius: 6px;
height: 450px;
margin-top: 40px;
padding-top: 0;
position: relative;
overflow: hidden;
}
.div-block-539 {
height: 100%;
padding-top: 120px;
overflow: auto;
}
.div-block-540 {
z-index: 15;
grid-column-gap: 20px;
grid-row-gap: 20px;
background-image: linear-gradient(270deg, #0000 8%, #000 16% 54%, #000000a6 86%, #0000);
justify-content: center;
align-items: center;
margin-left: -251px;
padding-left: 100px;
display: flex;
position: relative;
}
.div-block-541 {
background-image: linear-gradient(270deg, #000, #000000ab 60%, #0000);
justify-content: flex-end;
align-items: center;
width: 200px;
margin-right: -20px;
padding: 40px 60px 40px 40px;
display: flex;
}
.plus-link {
border: 1px solid var(--dodger-blue);
background-color: var(--black-low-transp);
color: var(--dodger-blue);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
font-size: 30px;
line-height: 30px;
display: flex;
}
.div-block-542 {
grid-column-gap: 10px;
grid-row-gap: 10px;
opacity: .71;
color: var(--dodger-blue);
text-align: right;
white-space: nowrap;
flex-flow: column;
justify-content: center;
align-items: flex-end;
margin-top: -20px;
transition: opacity .3s;
display: flex;
}
.div-block-542:hover {
opacity: 100;
}
.body-home {
background-image: linear-gradient(90deg, #2c99ff52, var(--clearz) 9%), linear-gradient(to bottom, var(--darkest-purp), var(--darkest-purp)), linear-gradient(0deg, #0000 21%, var(--darkest-purp) 33%);
}
.all-page-top {
background-image: linear-gradient(180deg, #0000 34%, #050407d6 75%, var(--darkest-purp) 93%), radial-gradient(circle farthest-side at 100% 50%, #0000 65%, var(--desat-blue)), linear-gradient(187deg, #0000 33%, var(--mid-opacity));
justify-content: flex-start;
align-items: flex-end;
height: 600px;
padding: 100px 20px 20px;
display: flex;
position: relative;
overflow: hidden;
}
.all-page-top.hide {
display: none;
}
.all-page-top-img {
z-index: -1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.all-top-tx-hold {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 550px;
display: flex;
}
.all-page-but-hold {
z-index: 8;
grid-column-gap: 15px;
grid-row-gap: 0px;
flex-flow: wrap;
margin-top: 30px;
display: flex;
position: relative;
}
.allpage-top-mini {
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
padding-bottom: 20px;
padding-right: 20px;
display: flex;
position: absolute;
inset: auto 20px 0% auto;
}
.ex-meda-stack {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.ex-subhead-hold {
color: var(--white);
justify-content: flex-start;
align-items: center;
margin-right: 260px;
padding-bottom: 10px;
padding-left: 20px;
font-family: "Gillsans 05", sans-serif;
font-size: 24px;
line-height: 26px;
display: flex;
}
.ex-subtitle-hold {
color: var(--dodger-bright-mid-opac);
justify-content: flex-start;
align-items: center;
margin-right: 260px;
padding-bottom: 10px;
padding-left: 20px;
line-height: 17px;
display: flex;
}
.ex-media-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
margin-right: -10px;
padding-top: 40px;
position: relative;
overflow: hidden;
}
.ex-media-fade {
z-index: 5;
background-image: linear-gradient(270deg, var(--darkest-purp), #0000);
width: 10%;
position: absolute;
inset: 0% 0% 0% auto;
}
.ex-tabby {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--transparent-purp);
color: var(--white);
white-space: nowrap;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-family: "Gillsans 01", sans-serif;
font-size: 15px;
line-height: 20px;
display: flex;
}
.ex-tabby:hover {
outline-color: var(--bluish-trans-shadow);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.ex-tabby.w--current {
background-color: var(--bluish-trans-shadow);
}
.ex-tex {
justify-content: center;
align-items: center;
height: 70px;
padding-bottom: 20px;
font-size: 15px;
display: flex;
}
.body-15 {
background-color: var(--darkest-purp);
}
.text-block-25 {
color: var(--chroma-4);
font-family: "Gillsans 01", sans-serif;
}
.image-104 {
width: 20px;
}
.list-grid-tab {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--clearz);
color: var(--dodger-blue);
border-radius: 6px;
justify-content: flex-start;
align-items: center;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
line-height: 12px;
display: flex;
}
.list-grid-tab.w--current {
background-color: var(--desat-blue);
}
.tabs-menu-13 {
z-index: 10;
justify-content: flex-end;
align-items: flex-start;
margin-top: 40px;
padding-right: 20px;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.grid-tabs {
max-width: calc(100vw - 120px);
position: relative;
}
.section-36 {
justify-content: center;
align-items: center;
min-height: 100vh;
display: flex;
}
.highlight-pop-all {
z-index: 1;
border-radius: 20px;
position: relative;
}
.highlight-pop-all:hover {
z-index: 10;
box-shadow: none;
}
.hover-delay {
opacity: 0;
border-radius: 20px;
width: 100%;
transition: transform .2s;
position: absolute;
inset: 0%;
overflow: hidden;
transform: scale(.9);
}
.hover-delay:hover {
opacity: 100;
width: 100%;
transform: scale(1);
box-shadow: 0 0 20px 15px #060508d4;
}
.hover-delay.hd-v2:hover {
box-shadow: 0 0 20px 15px var(--backdrop-black);
}
.div-block-545 {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.div-block-546 {
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.div-block-547 {
aspect-ratio: 2 / 3;
background-color: var(--blue-violet);
border-radius: 20px;
width: 220px;
}
.div-block-548 {
z-index: 1;
border-radius: 20px;
transition: box-shadow 1s cubic-bezier(1, -.09, .25, 1);
position: relative;
}
.div-block-548:hover {
z-index: 10;
box-shadow: 0 0 20px 30px #06050894;
}
.tabs-11 {
position: relative;
}
.tabs-menu-14 {
z-index: 10;
position: absolute;
inset: auto 0% 0%;
}
.arrow-show {
aspect-ratio: 2 / 3;
background-color: var(--clearz);
opacity: 0;
justify-content: flex-end;
align-items: flex-end;
width: 220px;
padding: 20px 10px 10px 20px;
transition: opacity .4s;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.arrow-show:hover {
opacity: 1;
}
.arrow-show.w--current {
background-color: var(--clearz);
opacity: 0;
justify-content: flex-end;
align-items: flex-end;
padding: 20px;
transition: opacity .475s;
display: none;
inset: 0%;
}
.arrow-show.w--current:hover {
opacity: 100;
}
.blue-arrow {
border: 1px none var(--dodger-blue-bright);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/659b7be208197e3deeaf7260_65602eb06bdd3dae87376fa0_65469138df5823449b772c71_UP%20ARROW.png"), linear-gradient(to bottom, var(--white), var(--white)), linear-gradient(to bottom, var(--desat-blue), var(--desat-blue));
object-fit: contain;
background-position: 50%, 0 0, 0 0;
background-repeat: no-repeat, repeat, repeat;
background-size: 24px, auto, auto;
border-radius: 100%;
width: 40px;
height: 40px;
padding: 8px;
position: absolute;
inset: auto 10px 10px auto;
}
.blue-arrow.ba-flip {
transform: rotate(180deg);
}
.div-block-549 {
background-color: var(--desat-blue);
border-radius: 20px;
display: flex;
overflow: hidden;
}
.div-block-550 {
width: 250px;
}
.tab-link-tab-1-2 {
background-color: var(--clearz);
padding: 20px;
position: absolute;
inset: auto 0% 0% auto;
}
.tab-link-tab-1-2.w--current {
background-color: var(--clearz);
padding: 20px;
display: none;
inset: auto 0% 0% auto;
}
.popup-inner-copy {
grid-column-gap: 15px;
grid-row-gap: 15px;
aspect-ratio: 1;
color: var(--dodger-blue);
flex-direction: column;
align-items: flex-start;
height: 300px;
padding: 20px 15px 70px;
display: flex;
overflow: auto;
}
.popup-inner-copy.pi-v2 {
margin-top: -70px;
position: relative;
}
.div-block-548-copy {
z-index: 1;
border-radius: 20px;
transition: box-shadow 1s cubic-bezier(1, -.09, .25, 1);
display: flex;
position: relative;
}
.div-block-548-copy:hover {
z-index: 10;
box-shadow: 0 0 20px 30px #06050894;
}
.dropdown-6 {
background-color: var(--desat-blue);
border-radius: 20px;
width: 500px;
height: 300px;
position: relative;
overflow: hidden;
}
.dropdown-toggle-2 {
position: absolute;
}
.dropdown-toggle-2.w--open {
inset: auto 0% 0% auto;
}
.dropdown-list-15 {
background-color: var(--clearz);
height: 300px;
display: flex;
}
.dropdown-list-15.w--open {
background-color: var(--desat-blue);
border-radius: 20px;
justify-content: flex-start;
align-items: center;
overflow: hidden;
}
.dropdown-7 {
background-color: var(--dodger-blue);
border-radius: 20px;
width: 200px;
height: 300px;
display: flex;
}
.dropdown-toggle-3 {
position: absolute;
inset: auto 0% 0% auto;
}
.dropdown-list-16 {
margin-left: -10px;
}
.dropdown-list-16.w--open {
margin-left: 200px;
position: static;
}
.dropdown-8 {
background-color: var(--desat-blue);
border-radius: 20px;
justify-content: flex-start;
align-items: flex-end;
height: 300px;
display: flex;
overflow: hidden;
}
.dropdown-toggle-4 {
justify-content: center;
align-items: flex-end;
min-width: 200px;
min-height: 60px;
max-height: 60px;
padding: 0;
display: flex;
}
.dropdown-toggle-4.w--open {
justify-content: center;
align-items: flex-end;
max-height: 60px;
display: flex;
}
.dropdown-list-17 {
position: static;
}
.dropdown-list-17.w--open {
background-color: var(--clearz);
}
.media-sub-holder {
z-index: 10;
grid-column-gap: 40px;
grid-row-gap: 40px;
border-style: solid solid none;
border-width: 1px;
border-color: var(--dodger-blue);
background-image: linear-gradient(#0f15229c, #0f15229c);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
margin-bottom: 0;
margin-left: 40px;
margin-right: 40px;
padding: 60px 20px 30px 40px;
display: grid;
position: relative;
}
.media-inner {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
padding: 20px 40px 140px;
display: flex;
}
.tabs-12 {
min-height: 100vh;
overflow: hidden;
}
.div-block-551 {
display: none;
}
.tabs-menu-15 {
z-index: 999;
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: absolute;
inset: auto auto 40px 40px;
}
.media-tabz-mainz, .media-tabz-mainz.w--current {
display: none;
}
.woku-tab-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
border: 1px solid var(--chroma-4);
background-color: var(--clearz);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
box-shadow: none;
color: var(--dodger-blue);
text-shadow: none;
white-space: nowrap;
border-radius: 50px;
justify-content: flex-start;
align-items: center;
width: 50px;
height: 50px;
padding: 0 20px 0 0;
font-family: "Gillsans 05", sans-serif;
font-size: 17.5px;
font-weight: 600;
transition: all .25s;
display: flex;
position: fixed;
inset: 60px 20px auto auto;
overflow: hidden;
}
.woku-tab-link:hover {
border-color: var(--dodger-blue);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent)), linear-gradient(to bottom, var(--desat-blue), var(--desat-blue));
box-shadow: 0 0 20px 0 var(--chroma-4);
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
width: 220px;
}
.woku-tab-link.w--current {
z-index: 500;
border-width: 1.5px;
border-color: var(--dodger-blue);
background-color: var(--blue-low-transparent);
background-image: linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent)), linear-gradient(to bottom, var(--v-dark-purp), var(--v-dark-purp));
color: var(--dodger-blue-bright);
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
width: 220px;
}
.woku-tab-link.w--open {
z-index: 500;
border-color: var(--white);
background-image: linear-gradient(to bottom, var(--white), var(--white)), linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
box-shadow: 0 2px 30px 30px var(--v-dark-purp);
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
width: 220px;
}
.woku-tab-link.hider {
z-index: 501;
opacity: 0;
width: 220px;
}
.woku-tab-link.hider.w--current {
display: none;
}
.image-105 {
opacity: .89;
mix-blend-mode: hard-light;
min-width: 50px;
height: 50px;
margin-left: 0;
}
.div-block-552 {
background-color: var(--dodger-blue);
border-radius: 50px;
justify-content: center;
align-items: center;
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px;
display: flex;
}
.div-block-553 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65a2d919d78a496b27deaacc_holder-window.png"), linear-gradient(#000000de, #000000de), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65a2c06eb9ab300efee87573_BLUE%20GLITCH.gif");
background-position: 50%, 0 0, 50%;
background-repeat: no-repeat, repeat, repeat;
background-size: 150% 170%, auto, cover;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
}
.div-block-554 {
border-radius: 10px;
width: 100%;
height: 69vh;
margin-top: -1vh;
margin-right: -30px;
padding-bottom: 20px;
padding-left: 6%;
padding-right: 220px;
overflow: scroll;
}
.collection-list-wrapper-19 {
width: 100%;
}
.div-block-555 {
padding-right: 40px;
}
.div-block-487-copy {
padding-top: 40px;
padding-bottom: 20px;
padding-left: 40px;
}
.div-block-556 {
padding-top: 40px;
padding-left: 20px;
}
.media--game {
width: 100%;
}
.media---rich-text-block-copy {
letter-spacing: 0;
text-indent: 30px;
text-transform: none;
cursor: default;
max-width: 650px;
margin: 20px 30px 140px;
font-family: Inriaserif, Georgia, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 39px;
}
.media---rich-text-block-copy.content-full {
z-index: 5;
background-color: var(--v-dark-purp);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
color: var(--dodger-blue);
text-align: center;
text-indent: 0;
text-transform: uppercase;
cursor: auto;
width: 100%;
max-width: none;
height: 100%;
margin: 0;
padding-top: 0;
padding-bottom: 0;
font-family: "Gillsans 08", sans-serif;
position: relative;
}
.media---rich-text-block-copy.mix-media {
z-index: 10;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
text-indent: 0;
cursor: auto;
width: 100%;
max-width: none;
height: auto;
margin: 0;
padding: 5% 5% 1px;
position: static;
inset: 0% 0% auto;
}
.media---rich-text-block-copy.mrtb-big {
font-size: 26px;
line-height: 48px;
}
.breaker-unit {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
overflow: hidden;
}
.lightbox-link-4 {
border: 1px solid var(--dark-slate-blue);
border-radius: 4px;
flex-flow: wrap;
max-width: 300px;
transition: all .65s;
display: flex;
position: relative;
overflow: hidden;
}
.lightbox-link-4:hover {
border-color: var(--dodger-blue);
transform: scale(1.1);
}
.image-106 {
aspect-ratio: 16 / 9;
object-fit: cover;
}
.collection-list-18 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.content-img-block {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-image: linear-gradient(180deg, var(--clearz) 64%, var(--v-dark-purp)), radial-gradient(circle farthest-corner at 50% 50%, var(--desat-blue), var(--clearz));
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: 100vh;
padding: 80px 20px 40px;
display: flex;
}
.div-block-557 {
background-color: var(--dodger-blue-bright);
opacity: 1;
mix-blend-mode: color;
width: 100%;
height: 100%;
transition: opacity .525s;
position: absolute;
}
.div-block-557:hover {
opacity: .27;
}
.wi-date-info {
opacity: .65;
font-family: "Gillsans 09", sans-serif;
font-size: 11px;
line-height: 13px;
}
.media-txt_explain {
color: var(--gainsboro-2);
column-count: 3;
column-rule: 1px solid var(--bluish-trans-shadow);
column-gap: 35px;
font-family: "Gillsans 08", sans-serif;
font-size: 13px;
}
.div-block-558 {
position: absolute;
}
.image-107 {
aspect-ratio: 3 / 2;
border-bottom: 1px solid var(--dodger-blue-bright);
object-fit: cover;
width: 100%;
}
.meet-korainians-sect {
margin-bottom: 40px;
padding: 140px 20px 1px 0;
overflow: hidden;
}
.mk-inner {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--blue-low-transparent);
background-image: linear-gradient(to bottom, var(--desat-blue), var(--desat-blue));
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-left: 20px;
display: flex;
}
.mk-korainia-img {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/68029c18c9b286e810712862__WOKU%20-%20WORLD%20OF%20KORAI%20UJI%20-%20BLACKSCALE%20-%20SCION-min.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: contain;
border-radius: 0 0 0 20px;
justify-content: flex-start;
align-items: flex-end;
min-width: 50%;
margin-top: -100px;
margin-bottom: 0;
padding-bottom: 40px;
padding-left: 40px;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-559 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.wik-stack-grid-v3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 20px;
padding-bottom: 20px;
display: grid;
}
.collection-list-wrapper-20 {
width: 83.5vw;
}
.wik-end-inner {
background-color: var(--blue-low-transparent);
border-radius: 7px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 40px 20px 20px;
display: flex;
}
.wik-end-sect {
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
}
.policy-rtx {
grid-column-gap: 15px;
grid-row-gap: 15px;
text-transform: none;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.div-block-560 {
padding: 20px;
}
.div-block-561 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: linear-gradient(90deg, #0f1522db 36%, #0a0d168c 72%, var(--clearz));
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: end start;
padding: 20px 50% 20px 20px;
display: block;
}
.div-block-562 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
}
.link-hover-foot {
color: var(--chroma-4);
white-space: nowrap;
cursor: pointer;
background-color: #0000;
border-radius: 5px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
padding: 10px;
font-family: "Gillsans 01", sans-serif;
font-size: 9px;
line-height: 12px;
transition: all .15s;
}
.link-hover-foot:hover {
color: var(--mid-opacity);
background-color: #2c99ff1c;
}
.link-hover-foot._2 {
color: var(--dodger-blue);
border: 1px solid #0000;
border-radius: 5px;
justify-content: center;
align-items: center;
height: 40px;
padding-left: 0;
padding-right: 0;
font-family: "Gillsans 08", sans-serif;
line-height: 18px;
transition-property: all;
transition-duration: .375s;
display: flex;
position: static;
}
.link-hover-foot._2:hover {
border: 1px solid var(--chroma-4);
filter: hue-rotate(195deg);
color: var(--dodger-blue);
background-color: #0000;
padding-left: 10px;
padding-right: 10px;
font-family: "Gillsans 01", sans-serif;
}
.additional-media {
z-index: 998;
border-top: 1px solid var(--dodger-blue);
background-color: var(--desat-blue);
padding-left: 20px;
position: relative;
overflow: hidden;
}
.tabs-13 {
z-index: 1000;
position: fixed;
inset: 0% 0% 0% auto;
}
.tab-pane-hider {
width: 0;
height: 0;
}
.nav-menu-8 {
position: fixed;
inset: 0%;
}
.wixdropper {
z-index: 1000;
height: 0;
position: fixed;
inset: 0% 0% auto;
}
.dropdown-list-18 {
max-width: 100vw;
}
.dropdown-list-18.w--open {
overflow: hidden;
}
.media-tab.mt-no-scroll {
max-height: 100vh;
overflow: hidden;
}
.div-block-563 {
grid-column-gap: 25px;
grid-row-gap: 25px;
border: 1px solid var(--bluish-trans-shadow);
border-radius: 7px;
margin-top: 20px;
padding: 20px;
display: flex;
}
.div-block-564 {
border-style: none solid;
border-width: 1px;
border-color: var(--bluish-trans-shadow);
justify-content: center;
align-items: center;
height: 100%;
padding-left: 25px;
padding-right: 25px;
display: flex;
}
.wik-other-location-hold {
border: 1px solid var(--blue-low-transparent);
border-radius: 7px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.other-locale-head-sub {
background-color: var(--darkest-purp);
flex-direction: column;
align-items: flex-start;
margin: -20px 10px 20px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.other-locale-head-sub.hsh-nolow_pad {
margin-bottom: 0;
}
.other-locale-head-sub.hsh-no_pad {
margin-bottom: 25px;
margin-left: 0;
margin-right: 0;
}
.other-locale-head-sub.hsh-no_padz {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0%;
}
.other-locale-head-sub.hsh-pad {
z-index: 100;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
}
.other-locale-head-sub.hsh-no_pad-v2 {
margin-bottom: 25px;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
}
.other-locale-head-sub.hsh-hometop {
align-items: flex-start;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0%;
}
.other-locale-head-sub.hsh-no_pad-2 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0%;
}
.other-locale-head-sub.hsh-mid {
margin-left: 10px;
}
.other-locale-head-sub.hsh-v2 {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: var(--dodger-blue);
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0%;
}
.other-locale-head-sub.hsh-home-hide {
margin-bottom: 25px;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
}
.other-locale-head-sub.hsb-alt {
margin-left: 10px;
}
.collection-list-wrapper-21 {
width: 100%;
}
.thumb-stack-grid-v10 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 48% 48%;
grid-auto-columns: 1fr;
align-items: start;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 20px;
display: grid;
}
.narrative-sq {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-right: 1px;
display: grid;
}
.narrative-sq.nbh-v2 {
margin-left: 10px;
}
.text-block-26 {
filter: grayscale();
color: var(--dodger-blue-bright);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6543c9e14f74b38081bfafec_6539dee3ba2ac6aed6a494cf_info.webp");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto 80%;
padding-left: 22px;
font-family: "Gillsans 08", sans-serif;
font-size: 11px;
}
.div-block-565 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.link-block-10 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
@media screen and (min-width: 1440px) {
.menu-grid.mg-v2 {
padding-bottom: 20vh;
}
.spacer.mega-slice {
width: 100%;
height: 100px;
min-height: 100px;
}
.form {
padding-top: 50px;
padding-bottom: 40px;
}
.nav-search-input.nsi-small {
width: 275px;
}
.narrative-blockz:hover {
outline-color: var(--white);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.txt-plain.tp-allowbreak.tp-white, .txt-plain.tp-norm.tp-white {
color: var(--white);
}
.micro-tab {
padding-bottom: 20vh;
}
.net-more-info {
grid-column-gap: 10px;
grid-row-gap: 10px;
padding-top: 10px;
}
.net-collect-item, .net-dropper.brick-drop {
transition: none;
}
.content-slider-fader {
bottom: 20px;
}
.footer-holdz {
border-top: 1px solid var(--chroma-4);
position: relative;
}
.product-card-wrapper.card {
min-width: 100%;
}
.main-holder.mh-100-width {
overflow: hidden;
}
.dropdown-list-12 {
margin-left: -20px;
}
.dropdown-list-12.w--open {
margin-left: 0;
}
.tabs-menu-8 {
transition: all .2s;
}
.image-98 {
width: calc(100% - 40px);
margin-left: 20px;
}
.image-99 {
margin-top: 100px;
padding: 40px;
}
.image-101 {
margin-top: 60px;
}
.content-slider-fader-copy {
bottom: 20px;
}
.popup-inner, .popup-inner-copy {
grid-column-gap: 10px;
grid-row-gap: 10px;
padding-top: 10px;
}
}
@media screen and (max-width: 991px) {
.div-block-3 {
border-left-style: none;
border-right-style: none;
width: auto;
min-width: auto;
padding-left: 0;
padding-right: 0;
}
.enter-logo {
max-width: 100%;
min-height: auto;
max-height: none;
}
.site-body.media {
padding-top: 0;
}
.homepage-slider, .homepage-slider.sb, .homepage-slider.sc, .homepage-slider.sd {
background-position: 0 0, 0 0, 100% 100%;
}
.navbar-2-copy-copy-copy {
padding-left: 119px;
}
.woku-button.login {
width: 140px;
}
.woku-button.wb_small.s-white {
display: block;
}
.woku-button.orange-b.uf-for-desk {
opacity: 0;
display: none;
}
.woku-button.orange-b.uf-for-mob {
opacity: 1;
display: flex;
}
.woku-button.game-button {
font-size: 10px;
line-height: 12px;
}
.woku-button.wb-massive.wbm-pinner {
padding-top: 10px;
padding-bottom: 10px;
padding-right: 15px;
font-size: 10px;
top: 30px;
}
.woku-button.button-white-outline.block-white, .woku-button.button-white-outline.block-purp {
justify-content: center;
}
.woku-button.play-massive.wbm-pinner, .woku-button.wb-media-top.wbm-pinner {
padding-top: 10px;
padding-bottom: 10px;
padding-right: 15px;
font-size: 10px;
top: 30px;
}
.search {
width: 200px;
}
.nav-billboard {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6487268e8dbf4a419dd391d1_Untitled%20design%20jj.jpg");
background-position: 100% 35%;
background-repeat: no-repeat;
background-size: cover;
}
.subtext.nav {
display: none;
}
.nav-preview-block-prime {
background-image: linear-gradient(to right, #1d1826f5 12%, #17053800 74%), linear-gradient(to bottom, null, null), radial-gradient(circle farthest-corner at 75% 50%, #061f2203 20%, #061f22a8 66%, #061f22fc 99%), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6367e34651bcb81efe9c6aac_630cb6317ce717b071e5e4b8_62fed03be65a800b991754fa_Group%201%20copy.jpg");
background-position: 0 0, 0 0, 0 0, 50%;
padding: 25px;
}
.media---rich-text-block {
margin-left: 40px;
margin-right: 40px;
}
.media---rich-text-block.mix-media {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.more-content-thumb.no-img.wik-v, .more-content-thumb.wik-v3 {
width: 215px;
}
.text-block-5 {
display: none;
}
.collection-item {
grid-template-columns: 1fr 1fr;
}
.small {
display: none;
}
.narrative-section {
min-height: auto;
}
.narrative-block {
padding: 25px;
}
.page-wrapper {
max-width: 75%;
}
.form {
grid-template-columns: 1fr 1fr;
padding-top: 30px;
padding-bottom: 30px;
padding-right: 30px;
}
.block-holder {
grid-template-columns: 1fr 1fr;
}
.main-txt-holder {
margin-bottom: 30px;
}
.paragraph-3 {
width: 80%;
}
.grid-10 {
flex-wrap: wrap;
}
.lrg-body-txt {
font-size: 18px;
line-height: 23px;
}
.video-sect {
min-height: 75vh;
}
.div-block-82.b1 {
height: 15vh;
}
.div-block-82.b2 {
width: 25%;
}
.div-block-84 {
width: 50%;
}
.text-block-5-copy {
width: 100%;
padding-right: 0%;
}
.uf-game-bg {
height: 92.5vh;
max-height: 92.5vh;
padding-bottom: 15vh;
}
.game-page-section {
align-items: flex-start;
height: 92.5vh;
padding-top: 65px;
}
.game-holder {
border-top: 1px solid var(--chroma-4);
box-shadow: none;
border-radius: 0;
width: 100%;
height: 100%;
}
.title-game-pin {
display: none;
inset: auto 0% 0% auto;
}
.games-nav-header {
height: 55px;
padding: 12.5px 196px 10px 96px;
top: 0%;
bottom: auto;
}
.game-txt-start-holder {
padding-right: 10%;
}
.game-txt-holder {
padding: 0%;
}
.game-txt-holder.gth-l {
grid-column-gap: 5px;
grid-row-gap: 5px;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.game-txt-holder.final-holder {
width: 90%;
}
.html-embed-11 {
max-width: 90%;
}
.gif-overlay {
inset: 0%;
}
.game-holder-border {
padding-top: 80px;
padding-left: 20px;
padding-right: 20px;
}
.game-holder-border.ghb-22 {
grid-template-columns: 1.5fr;
justify-items: center;
padding-left: 20px;
padding-right: 20px;
}
.game-holder-border.ghb-1.stacker, .game-holder-border.stacked {
flex-direction: column;
overflow: scroll;
}
.auto-play-audio-hidden {
display: none;
}
.info-box-illus {
max-height: 30%;
display: none;
}
.identifier {
left: 5%;
right: 10%;
transform: scale(.8);
}
.ujian-fortunes-selctor {
display: none;
}
.about-scales {
grid-template-columns: 1fr;
}
.about-block-topper {
padding-top: 10%;
}
.uf-map-holder, .tabulating-holder {
display: none;
}
.tabulating-holder.th-2.no-hide {
flex-direction: column;
display: flex;
}
.uf-popup {
background-position: 1%;
background-size: auto 75%;
padding-left: 12.5%;
}
.pinned-h5.reveal-mobile {
text-align: right;
margin-left: 100px;
display: block;
}
.div-block-106 {
border-bottom: 1px solid var(--orange-burn);
border-right-style: none;
width: 100%;
min-height: 500px;
}
.calc-gif-overlay {
margin-top: -20px;
}
.calc-game-bg {
justify-content: flex-start;
overflow: hidden;
}
.games-intro-sect {
background-position: 10% 0;
background-size: auto 120%;
}
.mid-header {
font-size: 35px;
line-height: 35px;
}
.html-embed-13 {
width: 95%;
}
.calc0auto-play-audio {
display: none;
}
.all-nav-tab {
margin-top: 1px;
}
.all-nav-tab.ant3 {
background-position: 50% 90%;
margin-top: 1px;
}
.nav-search:hover {
width: 60%;
}
.nav-search-input.nsi-small {
width: 280px;
}
.intro-head.ih-2b.ih-2-mid, .intro-head.ih-33.ih3-white.ih3-white-glow, .intro-head.ih-33.ih3-m, .intro-head.ih-33.ih3-subb, .intro-head.ih-33.ih3-sub, .intro-head.ih-33.ih3-sub_blue, .intro-head.ih-3.ih3-white.ih3-white-glow, .intro-head.ih-3.ih3-m, .intro-head.ih-3.ih3-sub, .intro-head.ih-3.ih3-reading, .intro-head.ih-2.ih-2-mid, .intro-head.ih-b.ih-2-mid, .intro-head.ih-2.ih-2-mid, .intro-head.ih-3.ih3-white.ih3-white-glow, .intro-head.ih-3.ih3-m, .intro-head.ih-3.ih3-subb, .intro-head.ih-3.ih3-sub, .intro-head.ih-2.ih-2-mid, .intro-head.ih-11.ih3-white.ih3-white-glow, .intro-head.ih-11.ih3-m, .intro-head.ih-11.ih3-subb, .intro-head.ih-11.ih3-sub, .intro-head.ih-2.ih-2-mid, .intro-head.ih2.ih-2-mid, .intro-head.ih-22.ih-2-mid, .intro-head.ih-3.ih3-white.ih3-white-glow, .intro-head.ih-3.ih3-m, .intro-head.ih-3.ih3-subb, .intro-head.ih-3.ih3-sub, .intro-head.ih-sub.ih3-white.ih3-white-glow, .intro-head.ih-sub.ih3-m, .intro-head.ih-sub.ih3-subb, .intro-head.ih-sub.ih3-sub, .intro-head.ih-title.ih-2-mid {
text-align: center;
}
.inner-contain-v2 {
padding-top: 40px;
}
.vingette {
padding-right: 20px;
}
.tmx {
margin-top: 0;
}
.txt-holds {
margin-top: 30px;
}
.tpx-inner {
overflow: hidden;
}
.pop-up-txt {
padding-left: 20px;
padding-right: 50px;
}
.ex-tabs-menu {
padding-top: 120px;
}
.ex-tab {
min-width: auto;
}
.ex-tab-inner {
display: block;
}
.ex-container {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.head-sub-holder {
padding-right: 25%;
}
.narrative-block-holder {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr;
}
.thumb-stack-grid {
grid-template-columns: 1fr 1fr;
}
.thumb-stack-grid.tsg-v3 {
width: 85%;
}
.ex-slider {
margin-top: -50px;
}
.ex-block.eb-big-pad, .ex-block.eb-5 {
padding-bottom: 50px;
}
.experience-sector {
padding-bottom: 0;
}
.g-bod {
background-image: linear-gradient(to bottom, var(--v-dark-purp), var(--v-dark-purp));
}
.content-label {
width: 120px;
}
.b2t {
width: 6vw;
height: 6vw;
}
.feat-main-sect {
padding-right: 20px;
}
.ffw-wi-head.fwh-mini, .ffw-wi-head.fwh-4 {
text-align: center;
}
.ffw-head {
letter-spacing: -1px;
font-size: 50px;
line-height: 50px;
}
.ffw-subhead {
font-size: 30px;
line-height: 30px;
}
.feature-cover {
padding-right: 50%;
}
.feat-related-holder {
grid-template-columns: 1fr;
justify-content: flex-start;
}
.feat-related-holder.f-r-h-left {
margin-left: -10px;
}
.thumbnail-txt-block.ttb-v6 {
max-width: 85%;
}
.more-media-head {
text-align: center;
}
.ffw-container {
margin-left: 2px;
margin-right: 0;
}
.ffw-container.ffwc-2 {
flex-direction: column;
margin-left: 0;
padding-left: 20px;
padding-right: 20px;
}
.ffw-container.ffwc-3 {
flex-direction: column;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.ffw-container.ffwc-4 {
flex-direction: column;
margin-top: 20px;
}
.ffw-container.ffwc-3 {
flex-direction: row;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.ffw-img {
height: 35px;
}
.feat-cat-holder {
grid-template-columns: 1fr;
}
.feat-cat-holder.fc-c-h-2, .feat-cat-holder.fc-c-h-4 {
max-width: 500px;
}
.large-block-holder {
height: 500px;
}
.large-sq-block {
width: 50vw;
min-width: 50vw;
}
.premium-selects {
height: 400px;
overflow: scroll;
}
.premium-logo.pl-3, .premium-logo.pl-ex {
max-height: 40px;
padding-left: 10px;
padding-right: 10px;
}
.get-help-link-block.ghlb-10 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66121f4268ca560c90753b2e_Copy%20of%20glow(2).jpg"), linear-gradient(180deg, var(--transparent-purp) 83%, var(--dark-blue-mid-opac)), linear-gradient(to bottom, transparent, transparent);
background-position: 0%, 0 0, 0 0;
}
.div-block-185 {
flex-direction: column;
align-items: center;
}
.div-block-188-copy {
grid-column-gap: 10px;
grid-row-gap: 10px;
order: -1;
}
.new-foot-txt {
text-align: center;
border-right-style: none;
order: 1;
margin-left: 0;
padding-top: 0;
padding-right: 0;
}
.txt-plain.tp-allowbreak, .txt-plain.tp-norm {
padding-right: 0%;
}
.star-stack.ss-v4 {
text-align: center;
justify-content: center;
}
.itemz.iz-2 {
width: 100%;
}
.div-block-205 {
flex-direction: column;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.ffw-subber-holder {
margin-right: -20px;
}
.ffw-link {
justify-content: center;
}
.media-wi-col_item {
width: 100%;
}
.media-extra-narrative {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
padding-top: 20px;
padding-left: 40px;
}
.media-extra-narrative.m-e-n-2 {
padding-top: 40px;
}
.media-extra-b2 {
align-items: center;
}
.media-extra-subber {
justify-content: center;
align-items: center;
}
.media-extra-small {
text-align: center;
}
.media-extra-small.mes-1, .media-extra-small.mes-2, .media-extra-small.mes-3 {
text-align: left;
}
.media-extra-logo-hold {
display: none;
}
.inner-contain-v3 {
margin-top: 0;
padding-top: 40px;
}
.wi-scroller {
padding-top: 40px;
}
.new-nav-icon-link-v2 {
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px;
}
.indicator-left {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.arr-hold-v2 {
width: 50px;
height: 50px;
}
.wi-backg {
background-position: 50% 0;
background-size: contain;
}
.gradient-overlay {
background-image: linear-gradient(180deg, var(--transparent-purp) 36%, var(--darkest-purp) 70%);
}
.wi-block-holder {
grid-template-columns: 1fr;
}
.char-narrative-holder {
flex-wrap: wrap;
}
.overlay-txts.ot-wix, .overlay-txts.ot-wixz, .overlay-txts.ot-wix-2, .overlay-txts.ot-wix-2 {
width: auto;
margin-right: 0%;
}
.overlay-txts.ot-kor {
width: auto;
}
.wi-main-sect {
padding-top: 300px;
}
.new-auto-play-audio-hidden {
display: none;
}
.wik-stack-grid {
grid-template-columns: 1fr;
}
.wik-timeline {
min-width: 50px;
}
.div-block-275 {
padding-top: 50px;
}
.wik-sect-inner {
margin-bottom: 20px;
padding-top: 40px;
padding-right: 20px;
}
.wik-stack-grid-v2 {
grid-template-columns: 1fr 1fr;
}
.wik-extra {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
padding-left: 40px;
}
.wik-lightbox-link {
height: 150px;
}
.wik-lightbox-link.nr-page {
width: auto;
}
.thumb-stack-grid-v33 {
grid-template-columns: 1fr 1fr;
}
.search-txt-holder {
margin-bottom: 30px;
}
.search-topper {
height: auto;
padding-bottom: 20px;
}
.time-focus {
padding-bottom: 10px;
}
.shader-grid {
min-height: 75vh;
}
.cyber-head {
font-size: 55px;
line-height: 50px;
}
.single-item {
grid-template-columns: 1fr 1fr;
}
.cyber-nav-link {
width: 70px;
}
.cyber-nav-tx {
display: none;
}
.dive-in-blox {
text-align: left;
}
.dive-in-tx-blox {
grid-column-gap: 5px;
grid-row-gap: 5px;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
}
.cyber-dropdown.cd-hide {
display: none;
}
.chroma-button.cb-nav, .chroma-button.cb-drop, .chroma-txt.ct-nav {
min-width: 70px;
}
.chroma-txt.ct-nav.ct-blank-2 {
margin-left: 160px;
margin-right: 160px;
}
.cyber-nav-spacer {
width: 70px;
}
.narrative-content {
padding-left: 0;
}
.narr-viewing-window {
padding-top: 500px;
}
.korainian-selected {
height: 450px;
}
.narr-block-holder {
grid-template-columns: 1fr;
}
.select-kor-butt {
padding-right: 20px;
}
.tab-pane-tab-1 {
height: 500px;
}
.tabs-menu-6 {
border-bottom-style: none;
}
.div-block-334 {
width: 94%;
}
.homerz {
inset: auto 20px 30px auto;
}
.tab-link-closer {
right: 30px;
}
.max-tab {
width: 100vw;
min-width: 100vw;
padding-bottom: 20px;
position: fixed;
inset: 0% auto 0% 0%;
}
.net-tab-link.brick-link.w--open {
min-width: 350px;
}
.net-more-info {
min-width: 350px;
max-width: 350px;
}
.net-holder-comp1 {
grid-template-columns: 3fr;
}
.net-holder-comp1.nhc1-ult, .net-holder-comp1.nhc1-ult-copy {
outline-color: var(--dodger-blue);
outline-offset: 0px;
background-image: none;
outline-width: 1px;
outline-style: none;
grid-template-columns: 1.5fr;
width: auto;
height: auto;
margin-top: -50px;
margin-right: 10px;
}
.net-img {
width: 100%;
max-width: 100%;
}
.net-collect-list {
padding-right: 350px;
}
.net-drop-list.w--open {
min-width: 350px;
max-width: 350px;
}
.content-slider-fader {
width: 25px;
padding-right: 5px;
}
.footer-holdz {
z-index: 9995;
padding-right: 100px;
}
.break-out-sect {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65a2d919d78a496b27deaacc_holder-window.png"), linear-gradient(#000000d1, #000000d1), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65a2c06eb9ab300efee87573_BLUE%20GLITCH.gif");
background-size: 125% 200%, auto, cover;
padding-right: 0;
}
.collection-item-9 {
width: 48%;
padding-top: 15px;
padding-bottom: 15px;
}
.txt-at-top {
margin-bottom: 30px;
}
.div-block-414 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.ffw-tx-holder {
padding-left: 10px;
}
.misctag-head {
letter-spacing: -1px;
font-size: 50px;
line-height: 50px;
}
.div-block-424 {
justify-content: center;
}
.tabs-menu-8 {
width: 180px;
min-width: 180px;
}
.tabs-content-10 {
margin-left: 190px;
}
.index-inner.i-i-no-r-pad {
padding-top: 10px;
padding-right: 20px;
}
.index-inner.i-i-padder-2 {
padding-left: 20px;
padding-right: 20px;
}
.index-inner.i-i-padder-3 {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.start-here-block {
padding-top: 100px;
}
.all-top-inner {
border-left-style: none;
}
.all-top-inner.th-2 {
padding-left: 30px;
}
._4-part-skeleton-home-top {
grid-template-columns: 1.5fr 7fr 5fr 1.5fr;
}
.hold-minute-link {
display: none;
}
.media-containers {
justify-items: center;
}
.wix-map-holder {
padding-right: 15vw;
}
.thumb-stack-grid-v8 {
grid-template-columns: 1fr 1fr;
}
.wixer-innex.wix-i-v7 {
grid-template-columns: 100%;
}
.div-block-444 {
width: 68vw;
max-height: none;
margin-top: 0;
margin-right: 0;
padding-top: 30px;
padding-bottom: 30px;
padding-right: 20px;
overflow: visible;
}
.div-block-444:hover {
background-image: none;
transform: none;
}
.div-block-445 {
flex-flow: column;
}
.thumb-stack-grid-v6 {
grid-template-columns: 60vw;
}
.records-wix {
grid-column-gap: 10px;
grid-row-gap: 10px;
opacity: 1;
flex-direction: column;
}
.records-wix:hover {
transform: none;
}
.div-shows-on-desktop {
display: none;
}
.media-head {
letter-spacing: -1px;
font-size: 50px;
line-height: 50px;
}
.wix-collection-list {
grid-template-columns: 1fr 1fr;
}
.pricing-slider-wrap {
display: none;
}
.pricing-row {
flex-flow: column wrap-reverse;
justify-content: flex-start;
align-items: stretch;
padding-left: 2%;
padding-right: 2%;
}
.pricing-contain {
width: auto;
}
.div-block-454 {
flex-flow: column;
justify-content: center;
align-items: center;
padding-bottom: 20px;
display: flex;
}
.wix-txt-holder {
margin-bottom: 30px;
}
.thumb-stack-grid-v9 {
grid-template-columns: 1fr 1fr;
}
.breakout-big.bb-media-music {
background-position: 0 0, 0 0, 0 0, 0 0, -40%;
background-size: auto, auto, auto, auto, cover;
}
.media-type-inner {
display: block;
}
.media-t-recrd {
grid-column-gap: 10px;
grid-row-gap: 10px;
opacity: 1;
flex-direction: column;
}
.media-t-recrd:hover {
transform: none;
}
.card.big {
padding-top: 40px;
padding-bottom: 40px;
}
.content-wrap {
padding-top: 60px;
padding-bottom: 40px;
}
.cards-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.about-block-holder {
padding-left: 1px;
padding-right: 1px;
}
.max30 {
width: 42vw;
}
.thumb-stack-grid-mediapg {
grid-template-columns: 1fr 1fr;
}
.reading-plan {
width: 200px;
min-width: 200px;
}
.heading-8 {
font-size: 25px;
line-height: 25px;
}
.purp-info-block {
background-position: 40px 50px;
background-size: auto 250px;
justify-content: flex-end;
align-items: flex-start;
padding-top: 350px;
padding-left: 5%;
}
.enter-info-block {
background-position: 10% 40px, 0 0;
background-size: 45%, auto;
justify-content: flex-end;
align-items: flex-start;
padding-top: 250px;
padding-bottom: 5%;
padding-left: 5%;
}
.nav-menu-7 {
background-color: #10100e;
padding-bottom: 40px;
}
.menu-button-5.w--open {
color: #fffee6;
background-color: #0000;
}
.nav-linker {
border: 1px solid #fffee621;
}
.nav-linker.l-in {
display: none;
}
.section_hero {
padding-top: 3rem;
}
.nav-billboardx {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6487268e8dbf4a419dd391d1_Untitled%20design%20jj.jpg");
background-position: 100% 35%;
background-repeat: no-repeat;
background-size: cover;
}
.top-home-hold {
padding-right: 25%;
}
.home-select {
width: 100%;
}
.big-slidez {
aspect-ratio: 1;
}
.media-thumb.mt-v3 {
width: 230px;
}
.media-thumb.mt-3_min_100 {
width: calc(50vw - 80px);
}
.content-slider-fader-copy {
width: 25px;
padding-right: 5px;
}
.holdall-div {
padding-left: 10px;
}
.thread-holdall {
padding-right: 0%;
}
.div-block-501 {
aspect-ratio: auto;
}
.div-block-502 {
padding-right: 20px;
}
.rich-text-block-3 {
padding-right: 0;
}
.div-block-510 {
margin-top: 100px;
margin-left: 0;
}
.thread-pop-up {
flex-flow: column;
}
.div-block-513 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.notif {
margin-top: 110px;
transition: all .325s;
}
.tabby-pane-inner {
padding-top: 0;
}
.ult-popup-tab-menu {
margin-left: -10px;
margin-right: -10px;
padding-bottom: 20px;
overflow: auto;
}
.popup-wrapper {
left: 20px;
right: 20px;
}
.popup-img {
height: 300px;
}
.popup-button {
grid-template-columns: 3fr;
}
.popup-button.nhc1-ult {
outline-color: var(--dodger-blue);
outline-offset: 0px;
background-image: none;
outline-width: 1px;
outline-style: none;
grid-template-columns: 1.5fr;
width: auto;
height: auto;
margin-top: -50px;
margin-right: 10px;
}
.popup-button.pb-bar {
grid-template-columns: 3fr 1fr;
}
.popup-comp1 {
grid-template-columns: 3fr;
}
.popup-comp1.nhc1-ult, .popup-comp1.nhc1-ult-copy {
outline-color: var(--dodger-blue);
outline-offset: 0px;
background-image: none;
outline-width: 1px;
outline-style: none;
grid-template-columns: 1.5fr;
width: auto;
height: auto;
margin-top: -50px;
margin-right: 10px;
}
.hide-on-tab, .popup-desc {
display: none;
}
.thumb-txt.ih-2.ih-2-mid, .thumb-txt.ih-33.ih3-white.ih3-white-glow, .thumb-txt.ih-33.ih3-m, .thumb-txt.ih-33.ih3-subb, .thumb-txt.ih-33.ih3-sub {
text-align: center;
}
.thumb-txt.ih-hide-on-mob {
display: none;
}
.thumb-txt.ih-3.ih3-white.ih3-white-glow, .thumb-txt.ih-3.ih3-m, .thumb-txt.ih-3.ih3-sub, .thumb-txt.ih-3.ih3-reading, .thumb-txt.ih-2.ih-2-mid, .thumb-txt.ih-b.ih-2-mid, .thumb-txt.ih-2.ih-2-mid, .thumb-txt.ih-3.ih3-white.ih3-white-glow, .thumb-txt.ih-3.ih3-m, .thumb-txt.ih-3.ih3-subb, .thumb-txt.ih-3.ih3-sub, .thumb-txt.ih-2.ih-2-mid, .thumb-txt.ih-11.ih3-white.ih3-white-glow, .thumb-txt.ih-11.ih3-m, .thumb-txt.ih-11.ih3-subb, .thumb-txt.ih-11.ih3-sub, .thumb-txt.ih-2.ih-2-mid, .thumb-txt.ih2.ih-2-mid, .thumb-txt.ih-22.ih-2-mid, .thumb-txt.ih-3.ih3-white.ih3-white-glow, .thumb-txt.ih-3.ih3-m, .thumb-txt.ih-3.ih3-subb, .thumb-txt.ih-3.ih3-sub {
text-align: center;
}
.all-page-top {
padding-bottom: 40px;
}
.ex-tabby {
padding-right: 40px;
}
.media-sub-holder {
margin-left: 20px;
margin-right: 20px;
padding-top: 40px;
padding-bottom: 20px;
padding-left: 20px;
}
.div-block-554 {
padding-left: 44px;
}
.media---rich-text-block-copy {
margin-left: 40px;
margin-right: 40px;
}
.media---rich-text-block-copy.mix-media {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.meet-korainians-sect {
padding-top: 20px;
}
.mk-inner {
flex-flow: column;
grid-template-columns: 1fr;
margin-left: 10px;
}
.mk-korainia-img {
background-color: var(--white-trans);
background-position: 50%;
background-size: cover;
border-radius: 20px;
justify-content: flex-end;
align-items: flex-end;
width: auto;
height: 400px;
margin: 20px 20px 0;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.wik-stack-grid-v3 {
grid-template-columns: 1fr 1fr;
}
.div-block-561 {
background-image: linear-gradient(0deg, var(--desat-blue) 52%, var(--clearz));
flex-flow: column;
padding-top: 250px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.div-block-562 {
background-position: 50% 0;
background-size: contain;
}
.div-block-563 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-564 {
border-style: none;
padding-left: 0;
padding-right: 0;
}
.other-locale-head-sub {
padding-right: 25%;
}
.thumb-stack-grid-v10 {
grid-template-columns: 100%;
}
.narrative-sq {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 35px;
line-height: 35px;
}
h3 {
font-size: 20px;
line-height: 26px;
}
h4 {
font-size: 18px;
line-height: 24px;
}
.link-hover._2 {
height: auto;
}
.div-block-3 {
flex-direction: column;
display: flex;
}
.menu-holder {
flex-direction: column;
height: auto;
margin-bottom: -20px;
}
.menu-holder.mh-v2 {
margin-bottom: 10px;
}
.menu-grid {
margin-top: 20px;
}
.homepage-slider {
background-size: auto, auto, auto, cover;
justify-content: flex-start;
padding: 10%;
}
.homepage-slider.sd {
background-position: 0 0, 0 0, 0 0, 100%;
}
.slider-4 {
min-height: 100vh;
}
.classic-sect {
padding: 60px 20px 20px;
}
.grid-9 {
grid-template-columns: 1fr;
height: auto;
}
.navbar-2-copy-copy-copy {
justify-content: space-around;
}
.nav-menu-copy-copy {
padding: 70px 10px 20px;
}
.woku-button.right-block {
font-size: 12px;
line-height: 16px;
display: none;
}
.woku-button.right-block.no-hide {
justify-content: center;
display: flex;
position: absolute;
inset: auto 20px 20px;
}
.woku-button.left-block-pin {
margin-bottom: 60px;
font-size: 12px;
line-height: 16px;
}
.woku-button.wb-massive.wbm-pinner {
inset: 70px auto auto 10px;
}
.woku-button.wb-massive.hide-on-mobl {
display: none;
}
.woku-button.wb-big2sml, .woku-button.wb-big2sml-v2 {
letter-spacing: 1px;
font-size: 14px;
line-height: 14px;
}
.woku-button.play-massive.wbm-pinner, .woku-button.wb-media-top.wbm-pinner {
inset: 70px auto auto 10px;
}
.woku-button.wb-media-top.hide-on-mobl {
display: none;
}
.brand-2-copy {
left: 10px;
}
.nav-dropdown {
width: 100%;
margin-bottom: 20px;
}
.nav-dropdown.nd-v3 {
margin-bottom: 0;
}
.dropdown-list-3.w--open {
border-width: 2px;
}
.nav-billboard {
display: none;
}
.dropdown-list-4.w--open {
min-width: 85vw;
}
.tag {
border-width: 1px;
}
.tag.hide-on-mobl {
display: none;
}
.tag-holder.net {
align-items: flex-start;
}
.tag-holder.th-ex {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.media-section-b {
padding-left: 0;
}
.media-extras {
position: relative;
top: 0;
}
.media-extras.me-v2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.more-content-thumb.no-img.wik-v, .more-content-thumb.wik-v3 {
width: auto;
}
.collection-item {
grid-template-columns: 1fr;
justify-items: center;
}
.narrative-section.ns-v4, .narrative-section.ns-v6 {
padding-left: 20px;
}
.narrative-block {
background-position: 50%;
background-size: cover;
}
.form-input.input-dark {
border-width: 2px;
}
.form {
border-width: 2px;
grid-template-columns: 1fr;
}
.div-block-67 {
width: 80%;
}
.h2-ujian {
font-size: 20px;
line-height: 30px;
}
.image-17 {
width: 75%;
max-width: 75%;
}
.div-block-73 {
padding-left: 5%;
padding-right: 5%;
}
.div-block-73-copy {
padding-right: 30%;
position: absolute;
inset: auto 0% 5% 10%;
}
.helpful-block {
grid-column-gap: 5px;
grid-row-gap: 5px;
border-width: 2px;
}
.holder-text-selector.left-lean-hide-m {
display: none;
}
.grid-10 {
margin-top: 20px;
}
.lrg-body-txt {
font-size: 15px;
line-height: 20px;
}
.div-block-81 {
flex-direction: column;
margin-top: 20px;
margin-bottom: 20px;
display: flex;
}
.video-sect {
display: none;
}
.video-sect.hider {
flex-direction: column;
align-items: center;
min-height: auto;
display: flex;
}
.div-block-84 {
width: 100%;
}
.div-block-85 {
width: 100%;
margin-left: 0%;
display: none;
}
.video-holder {
position: static;
}
.uf-game-bg {
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
.game-page-section {
overflow: hidden;
}
.title-game-pin {
inset: auto 0% 0% auto;
}
.games-nav-header {
padding-right: 108px;
}
.game-holder-border {
align-items: center;
padding-left: 10px;
padding-right: 10px;
overflow: scroll;
}
.game-holder-border.mid-pin {
align-items: center;
}
.uf-game-logo {
display: none;
}
.orange {
font-size: 12px;
}
.identifier {
left: 10%;
right: 15%;
}
.about-block-topper {
padding-left: 20px;
padding-right: 20px;
}
.scales-shown {
opacity: 1;
height: 500px;
}
.uf-choice-holder {
grid-template-columns: 1fr;
height: auto;
}
.uf-choice-holder.uf-c-h-2 {
height: auto;
}
.uf-popup {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
padding-left: 3%;
}
.calc-gif-overlay, .calc-game-logo {
display: none;
}
.calc-game-intro-logo {
max-width: 85%;
max-height: none;
}
.games-intro-sect {
min-height: 50vh;
}
.game-selector-item {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
}
.mid-header {
font-size: 20px;
line-height: 24px;
}
.new-nav-header {
background-image: linear-gradient(#0c0a10b0, #0000);
border-top-style: solid;
}
.tabs-menu {
height: 60px;
margin-top: -60px;
}
.all-nav-tab {
height: 40px;
min-height: 40px;
margin-top: 2px;
}
.all-nav-tab.w--current {
height: 40px;
min-height: 40px;
}
.all-nav-tab.ant3 {
margin-top: 0;
}
.all-nav-tab.ant4 {
margin-top: 2px;
}
.search-icon-links {
border-width: 2px;
width: 40px;
height: 40px;
display: block;
}
.nav-search {
display: none;
}
.view-tab {
padding-bottom: 75px;
}
.nav-bollboard-mob {
border-width: 2px;
}
.mob--nav-billboard {
background-position: 50%;
width: 40px;
}
.mob-nav-txt {
display: none;
}
.home-brand-link {
left: 10px;
}
.home-brand-link.w--current {
display: block;
}
.main-tab-thumb {
width: 15vh;
height: 20vh;
}
.top-scroller-inner {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/647600d509c16b882d2e577f_IN%20THE%20WATER.svg"), linear-gradient(to bottom, #2c086e1c 42%, #0f0a18eb 88%, var(--v-dark-purp)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6475f393ea79ca855f02d7a5_uji%20v2-min.webp");
background-position: 50% 80%, 0 0, 50%;
background-repeat: no-repeat, repeat, repeat;
background-size: 70%, auto, cover;
width: 85vw;
}
.top-scroller-inner.tsi-3 {
background-image: linear-gradient(to bottom, #2c086e1c 42%, #0f0a18eb 88%, var(--v-dark-purp)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6470d7caa55b9bf8078704b3_the%20bowl.webp"), linear-gradient(to bottom, transparent, transparent);
background-size: auto, cover, auto;
}
.top-scroller-inner.tsi-4 {
background-image: linear-gradient(to bottom, #2c086e1c 42%, #0f0a18eb 88%, var(--v-dark-purp)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6540312097fb95f407f8fd20_CHAPTER-1-NYKIA-LEAPS-min.webp"), linear-gradient(to bottom, transparent, transparent);
background-size: auto, cover, auto;
}
.info-blip {
width: 20px;
height: 20px;
}
.top-scroller-item {
min-width: 40vw;
max-width: 40vw;
height: 400px;
}
.top-scroller-item:hover {
min-width: 85vw;
max-width: 85vw;
}
.top-scroller-logo {
width: 90%;
}
.top-smll-tx.hide-on-mobl, .scroller-tag-holder {
display: none;
}
.tooltip-kitsch {
font-size: 10px;
line-height: 10px;
left: 50px;
}
.net-slider {
width: 40vw;
height: 400px;
}
.net-slider:hover {
width: 85vw;
}
.net-slider.mid:hover {
margin-left: -30vw;
}
.net-slider.end:hover {
margin-left: 10px;
}
.top-cover {
height: 150px;
}
.top-selector {
min-height: 15vh;
}
.top-selector-item {
opacity: 1;
padding-bottom: 25px;
}
.top-selector-item:hover {
outline-color: var(--chroma-4);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
padding-bottom: 25px;
}
.top-selector-img {
max-height: 30px;
}
.top-selector-txt {
opacity: 1;
font-size: 12px;
inset: auto 0% 0%;
}
.intro-head.ih-2b {
font-size: 16px;
line-height: 20px;
}
.intro-head.ih-33 {
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.intro-head.ih-33.ih3-bluez.ih-mob-mid {
text-align: center;
}
.intro-head.ih-4, .intro-head.ih-5, .intro-head.ih-6 {
font-size: 16px;
line-height: 20px;
}
.intro-head.ih-min {
font-size: 12px;
line-height: 12px;
}
.intro-head.click-to-resu {
font-size: 16px;
line-height: 20px;
}
.intro-head.ih-10 {
font-size: 27px;
line-height: 27px;
}
.intro-head.ih-time-denote {
font-size: 10px;
line-height: 12px;
}
.intro-head.ih-2, .intro-head.ih-9, .intro-head.ih-2, .intro-head.ih-b, .intro-head.ih-2 {
font-size: 16px;
line-height: 20px;
}
.intro-head.ih-11 {
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.intro-head.ih-11.ih3-bluez.ih-mob-mid {
text-align: center;
}
.intro-head.ih-home-top {
font-size: 12px;
line-height: 12px;
}
.intro-head.ih-2, .intro-head.ih2, .intro-head.ih-22 {
font-size: 16px;
line-height: 20px;
}
.intro-head.ih-3 {
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.intro-head.ih-3.ih3-bluez.ih-mob-mid {
text-align: center;
}
.intro-head.ih-sub {
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.intro-head.ih-sub.ih3-bluez.ih-mob-mid {
text-align: center;
}
.intro-head.ih-title, .intro-head.ih-discover {
font-size: 16px;
line-height: 20px;
}
.selector-link {
border-width: 2px;
padding: 15px;
}
.image-28 {
width: 15px;
}
.card-head {
font-size: 15px;
line-height: 17px;
}
.card-holder {
flex-wrap: wrap;
grid-template-columns: 1fr 1fr;
}
.card-stack {
flex-direction: column;
width: 100%;
min-width: 100%;
display: flex;
}
.card-block {
opacity: 1;
border-width: 2px;
}
.card-block-inner {
margin: 10px;
}
.inner-contain-v2 {
border-width: 2px;
}
.tab-tab {
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
}
.tab-tabber {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.btn-hld {
padding-left: 20px;
padding-right: 20px;
}
.pin-tooltip {
display: none;
}
.disc-arrow {
width: 35px;
height: 50px;
margin-bottom: 450px;
margin-left: 10px;
margin-right: 10px;
font-size: 25px;
}
.disc-holder {
justify-content: flex-start;
padding-top: 100px;
}
.disc-head {
-webkit-text-stroke-width: 0px;
font-size: 37px;
line-height: 37px;
}
.disc-txt {
font-size: 27px;
line-height: 40px;
}
.r-tab {
width: 120px;
height: 90px;
}
.disc-tab-heading {
display: none;
}
.disc-txt-holder {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.disc-tag-holder {
display: none;
}
.tab-selectors {
height: auto;
padding-top: 60px;
}
.tmx {
grid-column-gap: 10px;
grid-row-gap: 10px;
outline-width: 2px;
flex-wrap: wrap;
place-content: center;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 15px 0;
}
.txt-holds {
margin-top: 40px;
margin-left: 10px;
margin-right: 10px;
}
.txt-holds.th-v3 {
margin-left: 0;
}
.tlx {
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
line-height: 14px;
}
.tpx {
min-height: auto;
}
.tpx-inner {
min-height: auto;
padding-top: 0;
}
.tpx-slider {
height: 450px;
margin-left: 0;
}
.pop-up-txt {
margin-bottom: 10px;
padding-left: 0;
}
.ex-tabs-menu {
z-index: 995;
padding-top: 100px;
}
.ex-tabs-menu.etm-v4 {
padding-left: 11px;
}
.ex-tab {
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
line-height: 22px;
}
.ex-tab-inner {
padding-top: 30px;
}
.ex-tab-inner.eti-v4 {
padding-right: 0;
}
.ex-container {
margin-bottom: 0;
margin-right: 0;
padding-left: 0;
}
.head-sub-holder {
margin-bottom: 10px;
margin-left: 10px;
margin-right: 0;
padding-right: 10%;
}
.head-sub-holder.hsh-pad {
padding-left: 0;
}
.head-sub-holder.hsh-no_pad-v2 {
padding-left: 20px;
}
.head-sub-holder.hsh-no_pad-v2.hide-on-mobl {
display: none;
}
.head-sub-holder.hsh-home-hide {
padding-left: 20px;
display: none;
}
.narrative-block-holder {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr;
}
.narrative-block-holder.nbh-v2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.narrative-blockz {
border-width: 2px;
}
.thumb-stack-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1fr;
margin-bottom: 0;
margin-left: 0;
margin-right: 2px;
padding-bottom: 0;
}
.thumb-stack-grid.tsg-v1 {
grid-template-columns: 1fr;
width: 100%;
}
.thumb-stack-grid.tsg-v3 {
grid-template-columns: 1fr;
width: 70%;
}
.thumb-img {
margin-bottom: -10%;
}
.thumb-img-block, .thumb-img-block:hover {
filter: none;
}
.tag-vertical-holder {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-left: 0;
margin-right: 0;
}
.ex-slider {
padding-left: 0%;
padding-right: 0%;
}
.slide-cover {
grid-column-gap: 5px;
grid-row-gap: 5px;
background-image: linear-gradient(333deg, var(--chroma-4) 29%, var(--transparent-purp) 73%), linear-gradient(0deg, #0d0a13f7, #110a1ed9 11%, var(--transparent-purp) 61%);
justify-content: flex-end;
align-items: center;
padding-top: 20px;
padding-right: 20px;
}
.slide-bg-vid {
justify-content: center;
align-items: flex-start;
display: none;
}
.ex-block {
padding-left: 10px;
padding-right: 10px;
}
.ex-block.eb-w_gap, .ex-block.eb-no-l-pad {
grid-column-gap: 25px;
grid-row-gap: 25px;
padding-left: 0;
padding-right: 0;
}
.ex-block.eb-big-pad {
grid-column-gap: 25px;
grid-row-gap: 25px;
padding-top: 60px;
padding-bottom: 40px;
}
.ex-block.eb-4 {
padding-left: 0;
padding-right: 10px;
}
.ex-block.eb-4.hide-on-mobl {
display: none;
}
.ex-block.eb-5 {
grid-column-gap: 25px;
grid-row-gap: 25px;
padding-top: 40px;
padding-bottom: 40px;
}
.experience-sector {
padding-top: 0;
padding-bottom: 0;
}
.slide-bg-img-mobile-only {
object-fit: cover;
max-width: none;
height: 100%;
margin-left: -25%;
display: block;
}
.intro-head-button {
margin-top: -8px;
font-size: 16px;
line-height: 20px;
}
.b2t {
width: 8vw;
height: 8vw;
}
.news---rich-text {
font-size: 20px;
line-height: 35px;
}
.feat-main-sect {
background-size: auto, 20px;
flex-direction: column;
padding-top: 80px;
padding-left: 0;
padding-right: 0;
}
.ffw-topper-holder {
padding-left: 0;
padding-right: 0;
}
.ffw-wi-head.time-header {
color: var(--chroma-4);
font-family: "Gillsans 01", sans-serif;
font-size: 15px;
}
.ffw-wi-head.fwh-time-minihead {
margin-bottom: 5px;
font-size: 15px;
line-height: 15px;
}
.ffw-head {
-webkit-text-stroke-width: 1px;
}
.ffw-head.head-timez {
font-size: 25px;
line-height: 25px;
}
.ffw-collection-list {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.highlightd-column {
order: 1;
width: 93%;
min-width: auto;
height: auto;
min-height: 200px;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
position: relative;
top: 0;
left: 0;
}
.infos-block {
grid-column-gap: 5px;
}
.feature-cover {
grid-column-gap: 5px;
grid-row-gap: 5px;
padding-right: 33%;
}
.more-feature-news {
padding-top: 100px;
}
.feat-related-holder {
justify-content: center;
}
.feature-link-block.wik-ver {
align-items: stretch;
}
.feature-link-block.flb-v3:hover {
outline-color: var(--dodger-blue-bright);
outline-offset: 0px;
outline-width: .2px;
outline-style: none;
}
.thumbnail-txt-block.wix {
max-width: none;
}
.thumbnail-txt-block.ttb-v3, .thumbnail-txt-block.ttb-v6 {
max-width: 100%;
}
.ffw-container {
border-left-style: none;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.ffw-container.ffwc-4 {
margin-left: 20px;
margin-right: 20px;
padding-left: 0;
padding-right: 0;
}
.new-nav-icon-link {
border-width: 2px;
width: 40px;
height: 40px;
display: block;
}
.nav-search-main {
display: none;
}
.thumbnail-sect {
padding-bottom: 60px;
padding-right: 20px;
}
.feat-cat-holder.fc-c-h-2 {
max-width: 99vw;
}
.feat-cat-holder.fc-c-h-3 {
max-width: 100vw;
padding-left: 10px;
padding-right: 10px;
}
.feat-cat-holder.fc-c-h-4 {
justify-content: center;
max-width: 100vw;
}
.large-block-holder {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-bottom: 20px;
}
.premium-info-panel {
padding-top: 10px;
}
.premium-logo.pl-3, .premium-logo.pl-ex {
padding-left: 0;
padding-right: 0;
}
.premium-pullout {
padding: 20px;
}
.premo-header.ph-v2 {
width: 100%;
}
.arrow-inner {
display: none;
}
.premo-content-block {
width: 100%;
}
.premium-pin-img, .premo-tag-holder {
display: none;
}
.dive-in-sect {
padding: 60px 20px 30px;
}
.div-block-175 {
flex-direction: column;
margin-right: 30px;
position: relative;
}
.div-block-176 {
border-bottom: 1px solid var(--white-light);
border-right-style: none;
width: 100%;
padding-bottom: 10px;
padding-right: 0;
}
.image-53 {
position: absolute;
inset: 41% -30px auto auto;
}
.get-help-link-block {
padding: 20px 40px 20px 20px;
}
.get-help-link-block.ghlb-3, .get-help-link-block.ghlb-5, .get-help-link-block.ghlb-6 {
padding-bottom: 10px;
padding-right: 20px;
}
.get-help-link-block.ghlb-10 {
min-height: 350px;
margin-left: 10px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
}
.get-help-link-block.ghlb-10.ghlb-10-v2 {
margin-left: 20px;
}
.get-help-link-block.ghlb-11 {
min-height: 350px;
margin-right: 20px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
}
.get-help-link-block.ghlb-11.ghlb-11--2 {
margin-left: 20px;
margin-right: 20px;
}
.div-hides-on-mobile-only.div-hide-mobland, .div-hides-on-mobile-only.div-hide-mobland.hider-c {
display: none;
}
.quick-stack, .quick-stack-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.explore-block {
padding: 40px 10px;
}
.q-stack-block:hover {
transform: none;
}
.circ-thumb-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.dive-in-blockz {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.footer-icon-link {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6538af5fa52fc349229b0562_line%20search.webp");
border-width: 2px;
width: 40px;
height: 40px;
display: block;
}
.div-block-186 {
flex-flow: wrap;
margin-top: 20px;
}
.txt-plain.tp-allowbreak.hide-on-mobl {
display: none;
}
.star-stack.ss-v3 {
padding-left: 0;
padding-right: 0;
}
.explore-img.doub {
min-height: 500px;
}
.itemz {
min-width: 100%;
}
.itemz.iz-2 {
width: 45%;
}
.save-me-grid.smg-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.media-top-holder {
margin: 20px;
}
.media-coll-list {
justify-content: flex-start;
align-items: flex-start;
}
.media-coll-list.mcl-v2, .media-coll-list.mcl-v2b {
justify-content: center;
align-items: flex-start;
}
.media-drop-inner {
overflow: hidden;
}
.media-bg-img.mgbi-desktop {
background-position: 50%;
display: none;
}
.media-bg-img.mgbi-mobile {
background-position: 50%;
display: block;
}
.div-block-205 {
margin-right: 10px;
}
.ffw-subber-holder {
height: auto;
margin-right: 0;
padding-top: 150px;
padding-bottom: 10px;
padding-left: 12px;
}
.ffw-highlight-holder {
width: 100%;
height: auto;
padding-bottom: 0;
overflow: visible;
}
.pop-holder.ph-2, .pop-holder.ph-time {
display: none;
}
.nn-link {
height: 40px;
}
.ffw-title-holder {
margin-bottom: 0;
}
.ffw-kor-selector.ffw-k-s-2 {
height: 100%;
}
.ffw-highlight-kor-img.f-h-k-i-2, .ffw-highlight-kor-img.f-h-k-i-narr {
min-height: 100px;
}
.ffw-highlight-col_item {
flex-wrap: wrap;
align-items: flex-start;
}
.div-shows-on-mobile-landscsape {
display: block;
}
.media-wi-col_item {
flex-wrap: wrap;
align-items: flex-start;
}
.intro2-txt-holder {
padding-right: 33%;
}
.new-nav-icon-link-v2 {
border-width: 2px;
display: block;
}
.pop-dropdown-v2 {
margin-left: 0;
}
.indicator-pinner {
width: 92%;
left: 4%;
}
.indicator-right {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.indicator-txt {
justify-content: center;
}
.arr-hold-v2 {
width: 30px;
}
.wi-r-scroller {
padding-right: 20px;
overflow: visible;
}
.overlay-pinner {
min-height: auto;
}
.overlay-pinner.op-v2 {
min-height: 100vh;
}
.overlay-holder {
height: 600px;
}
.overlay-holder.oh-v2 {
height: 100vh;
}
.wi-backg {
height: auto;
max-height: none;
}
.char-blockz {
border-width: 2px;
}
._2-wi-index-total {
padding: 0 0;
}
.wi-r-holder {
height: auto;
margin-top: 1px;
overflow: visible;
}
.wi-index-holderz {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
}
.wi-head-pin-copy {
display: none;
}
.wi-l-inner {
flex-direction: row;
width: 100%;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
overflow: visible;
}
.wik {
justify-content: center;
}
.wik.wik-hideonmobland, .wik-title {
display: none;
}
.overlay-txts, .overlay-txts.ot-kor {
width: 90%;
}
.wi-main-sect {
margin-top: -400px;
padding-top: 20px;
}
.wi-related-korainians {
padding-bottom: 40px;
}
.wi-related-kor-scroll {
justify-content: space-between;
}
.div-block-263 {
background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--transparent-purp) 46%, black 98%), linear-gradient(to bottom, var(--blue-low-transparent), var(--blue-low-transparent));
background-position: 0 0, 0 0;
background-repeat: repeat, repeat;
background-size: auto, auto;
}
.wi-loader {
width: 160px;
margin-left: 70px;
margin-right: 70px;
}
.wik-stack-grid {
grid-template-columns: 1fr;
margin-left: 0;
margin-right: 2px;
}
.wik-img-holder {
height: 250px;
min-height: 250px;
}
.wik-rich-tect-block.wik-alt {
column-count: 1;
}
.circle-overlay {
height: 600px;
}
.wik-sect-inner {
padding-bottom: 20px;
padding-left: 20px;
}
.wik-stack-grid-v2 {
grid-template-columns: 1fr;
margin-left: 0;
margin-right: 2px;
}
.wik-lightbox-link.nr-page {
width: 45vw;
height: auto;
}
.thumb-stack-grid-v33 {
grid-template-columns: 1fr;
margin-left: 0;
margin-right: 2px;
}
.search-topper {
border-width: 2px;
}
.thumb-img-holdin, .thumb-img-holdin:hover {
filter: none;
}
.timeline-sect {
height: 600px;
min-height: auto;
max-height: 600px;
}
.time-holder {
height: 620px;
min-height: 620px;
}
.time-mediapoint {
width: 30px;
max-width: 30px;
height: 30px;
max-height: 30px;
}
.time-spacerz.tcb-bookender {
width: 250px;
}
.time-list {
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.time-item {
height: 35px;
}
.time-popup-inner {
width: 355px;
}
.time-media-info {
justify-content: flex-start;
}
.time-expander-itw {
height: 600px;
max-height: 600px;
padding-top: 250px;
}
.time-expander-itw.w--open {
min-width: 90vw;
}
.time-focus {
opacity: 0;
align-items: flex-start;
padding-bottom: 25px;
}
.time-thumb-img {
margin-bottom: -10%;
}
.time-era-block {
height: 600px;
max-height: 600px;
}
.x-timeline-topper {
height: 250px;
}
.time-era-logo {
max-width: 230px;
margin-top: -5px;
}
.time-bookender {
height: 600px;
max-height: 600px;
padding-top: 250px;
}
.time-title {
height: 150px;
}
.time-block-spacer {
height: 600px;
max-height: 600px;
padding-top: 250px;
}
.tf-hider {
display: none;
}
.tf-shower {
display: block;
}
.time-instruct {
padding-top: 40px;
padding-bottom: 20px;
padding-left: 20px;
}
.time-lister {
opacity: .26;
}
.x-time-sticky {
width: 75vw;
padding-bottom: 20px;
}
.time-bar {
top: 150px;
}
.pop-dropdow-v_time {
margin-left: 0;
}
.time-chap-button {
background-position: 50% 40%;
background-size: auto 60%;
}
.new-nav-icon-link-time {
border-width: 2px;
display: block;
}
.time-nav {
top: 160px;
}
.time-overlay-layer4, .time-overlay-layer5 {
background-size: auto 720px;
}
.div-block-291 {
padding-top: 80px;
}
.shader-holder {
margin-left: 0;
}
.shader-grid {
background-image: linear-gradient(to bottom, var(--transparent-purp) 79%, var(--v-dark-purp)), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6578886aae8b84e5e2c2fb76_DOT.svg"), linear-gradient(to bottom, transparent, transparent);
background-position: 0 0, 50% 0, 0 0;
background-size: auto, 20px, auto;
}
.shader-grid.s-g-v3 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6578886aae8b84e5e2c2fb76_DOT.svg"), linear-gradient(#0000, #0000);
background-size: 20px, auto;
}
.cyber-top-sect {
height: 600px;
min-height: 600px;
}
.unitz-holder-w-cont {
height: 600px;
position: absolute;
inset: 0%;
}
._4-part-skeleton {
grid-template-columns: 6fr;
}
.skeleton-spacer-100 {
display: none;
}
.skeleton-content {
height: 100%;
padding-right: 100px;
}
.skeleton-content:hover {
transform: none;
}
.bg-img-creator.media-bg {
background-size: contain;
}
.bg-timelinewhoosh {
display: none;
}
.cyber-head {
font-size: 45px;
line-height: 40px;
}
.single-item {
grid-template-columns: 1fr;
margin-left: 0;
margin-right: 2px;
}
.homepage-container.narrative-cont {
text-align: center;
align-items: center;
padding-left: 40px;
padding-right: 40px;
}
.cyber-nav-tx.cntx-v3 {
display: block;
}
.cyber-logo-link {
min-width: 100px;
margin-left: 0;
margin-right: 0;
padding-top: 5px;
padding-left: 0;
padding-right: 0;
}
.dive-in-blox {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.dive-in-blox:hover {
transform: none;
}
.chroma-button.cb-nav, .chroma-button.cb-drop {
min-width: 55px;
max-width: 55px;
}
.chroma-txt.ct-nav.ct-blank-2 {
margin-left: 140px;
margin-right: 140px;
}
.cyber-icon-holder-c {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-end;
width: 100%;
}
.cyber-icon-holder-d {
justify-content: flex-end;
}
.cyber-nav-spacer.cns-mid {
display: none;
}
.cyber-rect-hold {
justify-content: flex-end;
}
.narrative-unit-top {
height: 600px;
padding-left: 0;
}
.narrative-content {
height: 100%;
padding-left: 0;
}
.narrative-content:hover {
transform: none;
}
.narrative-logo {
max-height: 10vh;
}
.narrative-main-holder {
background-position: 80%;
}
.div-block-306-copy {
display: none;
}
.korainian-selected {
flex-flow: wrap;
margin-left: 20px;
}
.div-block-326 {
padding-left: 60px;
}
.narr-overlay-pinner {
width: 100%;
height: 300px;
min-height: auto;
display: none;
}
.narr-block-holder {
width: 100%;
padding-top: 140px;
}
.kor-select-hold-all {
padding: 20px;
}
.new-nav-headerz {
background-image: linear-gradient(#0c0a10b0, #0000);
border-top-style: solid;
}
.cyber-rect-holdz, .cyber-two {
justify-content: flex-end;
}
.cyber-three {
padding-left: 0;
padding-right: 0;
}
.cyber-logo-linkerz {
min-width: 80px;
padding-top: 5px;
padding-left: 0;
padding-right: 0;
}
.all-accent {
padding-left: 0;
padding-right: 0;
}
.cyber-rect-holdzing {
justify-content: flex-end;
}
.cyber-two-copy {
justify-content: center;
padding-left: 10px;
padding-right: 10px;
}
.homerz {
display: none;
}
.micro-tab {
width: 0;
padding-left: 0;
}
.home-icon {
background-image: linear-gradient(to bottom, var(--desat-blue), var(--desat-blue));
outline-color: var(--desat-blue);
}
.home-icon:hover {
background-color: var(--desat-blue);
box-shadow: 0 0 16px 0 var(--chroma-4);
}
.tabs-menu-7 {
padding-top: 10px;
padding-left: 10px;
}
.content-slider {
padding-left: 20px;
}
.content-slider.cs-pad, .content-slider.cs-padz {
padding-top: 40px;
}
.menu-main-button {
min-width: 70px;
min-height: 70px;
}
.home-linx-logo {
height: 50px;
margin-top: 10px;
margin-right: 0;
padding-top: 5px;
padding-left: 0;
padding-right: 0;
position: absolute;
inset: 0% 0% auto auto;
}
.home-linx-logo.w--current {
min-width: 80px;
height: 65px;
max-height: 65px;
margin-top: 5px;
position: absolute;
bottom: auto;
left: auto;
right: 0%;
}
.home-linx-logo.hll-v2 {
right: 15px;
}
.search-nav {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-image: none;
background-repeat: repeat;
background-size: auto;
background-attachment: scroll;
justify-content: flex-start;
align-items: flex-start;
width: 85%;
padding-top: 10px;
padding-left: 0;
left: 70px;
}
.kmap-button {
display: none;
}
.collapse-top {
height: 600px;
margin-left: 0;
}
.collapse-holder {
position: absolute;
inset: 0%;
}
.net-tab-link.brick-link.w--open {
min-width: 250px;
height: 35vh;
min-height: 294px;
}
.net-tab-link.brick-link.w--open:hover, .net-image {
height: 35vh;
min-height: 294px;
}
.net-more-info {
background-image: linear-gradient(#0c1237bf, #0c1237bf);
justify-content: flex-end;
min-width: 250px;
max-width: 250px;
padding-bottom: 50px;
}
.net-holder-comp1.nhc1-ult, .net-holder-comp1.nhc1-ult-copy {
outline-color: var(--dodger-blue);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
margin-top: 0;
display: block;
position: static;
}
.div-block-373, .net-holder-comp2 {
display: none;
}
.net-logo {
margin-left: 10px;
margin-right: 10px;
}
.net-holder-comp3 {
display: none;
}
.net-holder-comp3:hover {
overflow: hidden;
}
.net-collect-list {
padding-left: 0;
padding-right: 220px;
}
.discover-woku {
margin-top: 60px;
padding-top: 180px;
padding-bottom: 0;
padding-left: 0;
}
.net-collect-item:hover {
margin-top: 0;
}
.div-block-386 {
margin-top: 0;
padding-right: 60px;
}
.div-block-387 {
height: 200px;
padding-bottom: 40px;
}
.net-drop-list.w--open {
background-color: var(--transparent-purp);
min-width: 300px;
max-width: 300px;
inset: 0%;
}
.net-dropper.brick-drop:hover, .net-dropper.brick-drop-link:hover {
box-shadow: none;
padding-right: 0;
}
.footer-holdz {
margin-top: 0;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.micro-tab-holder {
display: none;
}
.micro-tab-holder.inside-macro {
grid-column-gap: 10px;
grid-row-gap: 10px;
padding: 10px 20px;
display: flex;
overflow: auto;
}
.main-holder {
margin-left: 0;
padding-left: 0;
}
.main-holder.mh-ffw {
padding-left: 0;
}
.all-holdz.ah-70vh {
overflow: hidden;
}
.div-block-398 {
order: 1;
}
.break-out-sect {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65a2d919d78a496b27deaacc_holder-window.png"), linear-gradient(#000000d1, #000000d1), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65a2c06eb9ab300efee87573_BLUE%20GLITCH.gif");
background-position: 15%, 0 0, 50%;
min-height: auto;
padding-top: 5vh;
}
._4-part-skeleton-copy {
grid-template-columns: 6fr;
}
.breakout-inner {
width: 70%;
margin-left: 2%;
padding-top: 40px;
padding-bottom: 80px;
}
.breakout-main {
grid-template-rows: 1.25fr;
grid-template-columns: 4fr;
place-content: center;
height: auto;
}
.breakout-holdz, .breakout-holdz.bh-v2, .breakout-holdz.bh-v3 {
display: none;
}
.collection-list-11 {
padding-left: 10px;
}
.collection-item-9:hover {
transform: none;
}
.learn-more-dropper {
padding-left: 10px;
}
.home-icon-media {
background-color: var(--desat-blue);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65bc438c3d4df702c90e8969_left_panel_open_FILL0_wght100_GRAD-25_opsz48.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 51%;
top: 10px;
}
.home-icon-media.w--open {
border-color: var(--desat-blue);
box-shadow: none;
height: 50px;
min-height: 50px;
transition: all .35s;
}
.home-icon-media.w--open:hover {
border-color: var(--dodger-blue-bright);
box-shadow: 0 2px 20px 3px var(--bluish-trans-shadow);
}
.ffw-head-float {
width: 96%;
margin-left: 2%;
padding: 10px;
top: 70px;
}
.ffw-img-head {
width: 200px;
}
.ffw-tx-holderz {
max-width: 99vw;
padding-right: 20vw;
}
.ffw-div-holder {
grid-column-gap: 50px;
grid-row-gap: 50px;
background-size: auto, 20px;
margin-left: 0;
padding-top: 40px;
padding-left: 20px;
padding-right: 1px;
}
.ffw-fader {
width: 10%;
}
.ffw-slider-holder {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-left: -20px;
}
.ffw-all-holder {
padding-right: 20px;
}
.misctag-head {
-webkit-text-stroke-width: 1px;
}
.misctag-head.hide-on-mobl {
display: none;
}
.misctag-head.mth-v2b, .misctag-head.mth-v2c {
font-size: 40px;
line-height: 45px;
}
.tagz-block {
padding-left: 10px;
padding-right: 10px;
}
.tagz-block.tb-v2 {
margin-left: 0;
}
.div-block-419 {
margin-left: 0;
padding-left: 40px;
}
.div-block-420 {
margin-top: -20vh;
padding-left: 0;
padding-right: 0;
}
.div-block-421 {
width: 90%;
}
.extend-menu {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: row;
margin-top: 0;
}
.user-top-link {
border-style: none;
border-color: var(--desat-blue);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6538af5f8a43d348d7004f0f_line%20person.webp"), linear-gradient(to bottom, var(--desat-blue), var(--desat-blue));
opacity: 100;
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: auto 20px, auto;
order: -1;
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px;
margin-left: 0;
}
.spacer-maker {
opacity: 0;
display: block;
}
.woku-index {
margin: 5px;
}
.woku-index.wix-holder-botpage {
height: auto;
margin-left: 2vw;
}
.tabs-menu-8 {
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
min-width: 100%;
display: none;
inset: 0% 0% auto;
overflow: auto;
}
.tabs-content-10 {
margin-left: 0;
padding-top: 0;
}
.tab-link-tab-1 {
justify-content: flex-end;
align-items: flex-end;
width: 180px;
min-width: 180px;
height: 130px;
min-height: 130px;
margin-right: -20px;
padding-bottom: 10px;
left: 0;
}
.wix-main-tablink {
opacity: .52;
text-align: center;
width: 60%;
margin-left: 5%;
padding: 0;
font-size: 12px;
}
.wix-main-tablink:hover {
border-left-style: none;
}
.wix-main-tablink.w--current {
opacity: 1;
background-image: none;
border-left-style: none;
}
.div-block-429 {
width: 250px;
height: 250px;
}
.index-inner.i-i-padder-2 {
padding-top: 30px;
}
.index-inner.i-i-padder-3 {
height: auto;
padding-left: 0;
padding-right: 0;
}
.start-here-block {
padding: 100px 20px 20px;
}
.all-top-inner {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.all-top-inner.th-2 {
margin-bottom: -80px;
padding-left: 25px;
}
._4-part-skeleton-home-top {
grid-template-rows: .75fr .25fr;
grid-template-columns: 1fr;
}
._4-part-skeleton-home-top.add100 {
padding-left: 0;
}
.hold-minute-link, .image-83 {
display: none;
}
.media-containers {
place-items: center;
}
.tag-2 {
border-width: 1px;
}
.index-ineer-tab-link {
background-image: linear-gradient(90deg, var(--darkest-purp) 99%, var(--transparent-purp) 99%), linear-gradient(180deg, var(--transparent-purp), var(--bluish-trans-shadow));
height: 50px;
font-size: 12px;
}
.now-view {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: flex-start;
align-items: center;
}
.div-block-443 {
padding: 60px 15px 15px;
}
.tb-blue {
font-size: 13px;
}
.tabs-8 {
margin-top: 20px;
}
.wix-map-holder {
padding-bottom: 12vh;
padding-right: 20px;
}
.thumb-stack-grid-v8 {
grid-template-columns: 1fr;
margin-left: 0;
margin-right: 2px;
}
.div-block-444 {
width: auto;
}
.div-block-445 {
padding-bottom: 20vh;
}
.thumb-stack-grid-v6 {
grid-template-columns: 75vw;
margin-left: 0;
margin-right: 2px;
}
.coll-item-zoom:hover {
transform: none;
}
.div-block-448 {
padding-top: 220px;
padding-left: 10vw;
}
.border-clamp.bc-v2 {
width: 20vw;
}
.media-head {
-webkit-text-stroke-width: 1px;
}
.wix-collection-list {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.wix-highlight-col_ite {
flex-wrap: wrap;
align-items: flex-start;
}
.pricing-contain {
font-size: 12px;
}
.hover-price-number {
height: 42px;
}
.tb-white {
font-size: 13px;
}
.language-block {
width: 90%;
}
.wix-txt-holder.wth-nopad {
display: none;
}
.thumb-stack-grid-v9 {
grid-template-columns: 1fr;
margin-left: 0;
margin-right: 2px;
}
.wix-header-holder.hsh-pad {
padding-left: 0;
}
.wix-header-holder.hsh-no_pad-v2 {
padding-left: 20px;
}
.breakout-big {
margin-left: 0;
padding-left: 20px;
}
.breakout-big.bb-media-music {
width: auto;
padding-right: 20px;
}
.breakout-big.bb-v3 {
background-position: 0 0, 0 0, 0 0, 50%;
}
.breakout-big.bb-v4 {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0%;
}
.breakout-big.hide-on-mobl {
display: none;
}
.media-type-inner {
padding-top: 30px;
padding-left: 20px;
}
.media-breaker {
margin-top: 0;
padding-right: 60px;
}
.content-heading {
margin-bottom: 40px;
}
.p-25 {
font-size: 17px;
}
.card {
min-height: auto;
}
.content-wrap {
padding-top: 40px;
padding-bottom: 20px;
}
.cards-wrap {
grid-template-columns: 1fr;
}
.switch {
margin-bottom: 40px;
}
.text-para.tp-v2 {
margin-top: 0;
margin-bottom: 10px;
font-size: 10px;
line-height: 12px;
}
.about-sect {
padding: 100px 20px 20px;
}
.about-sect.as-normpad {
padding-right: 20px;
}
.about-sect.as-nolrpad, .about-sect.as-nolrpad-stack {
padding-left: 20px;
}
.text-sect {
padding: 60px 20px 20px;
}
.max30 {
width: 80vw;
}
.collection-list-wrapper-media {
background-color: var(--transparent-purp);
padding-left: 10px;
padding-right: 10px;
}
.thumb-stack-grid-mediapg {
grid-template-columns: 1fr;
margin-left: 0;
margin-right: 2px;
}
.reading-plan-stack {
justify-content: center;
align-items: flex-start;
}
.reading-plan-stack.rps-v3 {
justify-content: flex-start;
align-items: flex-start;
max-width: 92vw;
}
.story-tog-button-v3 {
background-position: 50% 40%;
background-size: auto 60%;
}
.div-block-458 {
justify-content: center;
height: 100px;
margin-bottom: 20px;
}
.image-87 {
max-height: 100%;
}
.tagz-block-copy {
padding-left: 10px;
padding-right: 10px;
}
.tagz-block-copy.tb-v2 {
margin-left: 0;
}
.purp-info-block {
width: calc(100% - 20px);
margin-right: 10px;
}
.purp-info-block.jkkjkj, .purp-info-block.shuijdoas {
text-align: left;
}
.info-block-wrapper {
padding: 0;
}
.info-block-wrapper.hide-on-mobl {
display: none;
}
.enter-info-block {
background-position: 15% 40px, 0 0;
background-size: 65%, auto;
}
.div-block-460 {
display: none;
}
.text-page-topper {
padding-left: 20px;
}
.about-sect-copy {
padding: 100px 20px 20px;
}
.about-sect-copy.as-normpad {
padding-right: 20px;
}
.about-sect-copy.as-nolrpad, .about-sect-copy.as-nolrpad-stack {
padding-left: 20px;
}
.h1-white {
font-size: 45px;
}
.faq-sect {
padding: 100px 20px 20px;
}
.faq-sect.as-normpad {
padding-right: 20px;
}
.faq-sect.as-nolrpad, .faq-sect.as-nolrpad-stack {
padding-left: 20px;
}
.shape-frame, .shape-frame-right, .bar-hide, .shape-frame-v2 {
display: none;
}
.collection-list-wrapper-16 {
width: auto;
}
.text-size-large {
font-size: 1.25rem;
}
.nav-billboardx {
display: none;
}
.top-home-hold {
margin-bottom: 10px;
margin-left: 10px;
margin-right: 0;
padding-right: 10%;
}
.top-home-hold.hsh-pad {
padding-left: 0;
}
.top-home-hold.hsh-no_pad-v2 {
padding-left: 20px;
}
.home-link-navz {
inset: 17px 15px auto auto;
}
.tabs-menu-12 {
left: 20px;
right: 20px;
}
.waitlist-link {
padding-left: 15px;
padding-right: 15px;
font-size: 12px;
line-height: 12px;
}
.hide-tx-mob {
display: none;
}
.div-block-475 {
background-position: 80%;
display: block;
}
.wi-pop-up {
margin-top: 10vh;
}
.wi-wraper.hide-until-mob {
display: block;
}
.wi-top-para {
display: none;
}
.learn-more-sect {
margin-right: 0;
}
.homepage-tp-sct {
padding-top: 80px;
padding-left: 0;
padding-right: 0;
}
.new-thumb {
height: 310px;
}
.new-thumb:hover {
outline-color: var(--dodger-blue);
outline-offset: -1px;
outline-width: 1px;
outline-style: none;
}
.new-thumb.nt-thread {
width: auto;
min-width: auto;
}
.new-thumb.nt-thread.ntt-v2 {
width: 100%;
}
.new-thumb.nt-long {
height: 350px;
}
.collection-list-15 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.big-slidez {
aspect-ratio: 1;
}
.main-hold-unit.mhu-v5 {
padding-left: 20px;
}
.x-slide {
padding-left: 10px;
}
.x-slide.cs-pad, .x-slide.cs-padz {
padding-top: 40px;
}
.x-slide.xs-v2, .x-slide.xs-no-scoll {
display: none;
}
.x-slide.xs-alt {
max-width: 100%;
margin-left: 0;
padding-right: 20px;
}
.media-thumb.mt-ex {
width: calc(33.3333vw - 17px);
}
.media-thumb.mt-expand {
width: calc(50vw - 17px);
}
.media-thumb.mt-expand.show-on-mobl {
outline-color: var(--v-dark-purp);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
display: flex;
}
.media-thumb.mt-expand-copy {
width: calc(33.3333vw - 17px);
}
.media-thumb.mt-expand-copy.show-on-mobl {
display: flex;
}
.holdall-div {
padding: 0;
}
.thread-holdall {
padding-bottom: 0;
}
.div-block-502, .div-block-504 {
margin-left: 10px;
}
.feature-card {
flex-flow: column;
}
.div-block-509 {
width: 100%;
}
.thread-pop-up.tpu-v2 {
margin-left: 10px;
}
.div-block-516 {
padding-left: 20px;
padding-right: 20px;
}
.notif {
margin-top: 70px;
margin-right: 0;
display: none;
position: fixed;
inset: 0% auto auto 10px;
}
.ult-popup-sect {
min-height: 530px;
padding-left: 0;
padding-right: 0;
}
.notif-top-link {
border-style: none;
border-color: var(--desat-blue);
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65836e4cfb7d9f3a95fce84b_starry.svg"), linear-gradient(to bottom, var(--desat-blue), var(--desat-blue));
opacity: 1;
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: auto 20px, auto;
order: -1;
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px;
margin-left: 0;
margin-right: 0;
position: static;
top: 10px;
right: 0;
}
.bsth-wrapper {
flex-flow: wrap;
margin-bottom: 0;
}
.txt-explain {
display: none;
}
.ult-tabby.w--current {
order: -1;
}
.ult-popup-tab-menu {
margin-left: 0;
margin-right: 0;
padding-right: 20px;
}
.popup-dropdown {
top: 20px;
}
.popup-dropdown.w--open {
top: 110px;
}
.popup-wrapper {
height: 470px;
}
.popup-button.nhc1-ult {
outline-color: var(--dodger-blue);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
margin-top: 0;
display: block;
position: static;
}
.popup-button.pb-bar {
outline-color: var(--dodger-blue);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
position: static;
}
.popup-comp3:hover {
overflow: hidden;
}
.popup-comp1.nhc1-ult, .popup-comp1.nhc1-ult-copy {
outline-color: var(--dodger-blue);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
margin-top: 0;
display: block;
position: static;
}
.perfect-popup {
max-width: none;
}
.popup-scroller {
border-radius: 13px;
margin-right: -10px;
padding-left: 10px;
overflow: auto;
}
.thumb-txt {
font-size: 12px;
}
.thumb-txt.ih-33 {
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.thumb-txt.ih-33.ih3-bluez.ih-mob-mid {
text-align: center;
}
.thumb-txt.ih-4, .thumb-txt.ih-5, .thumb-txt.ih-6 {
font-size: 16px;
line-height: 20px;
}
.thumb-txt.ih-min {
font-size: 12px;
line-height: 12px;
}
.thumb-txt.click-to-resu {
font-size: 16px;
line-height: 20px;
}
.thumb-txt.ih-10 {
font-size: 27px;
line-height: 27px;
}
.thumb-txt.ih-time-denote {
font-size: 10px;
line-height: 12px;
}
.thumb-txt.ih-2, .thumb-txt.ih-9, .thumb-txt.ih-2, .thumb-txt.ih-b, .thumb-txt.ih-2 {
font-size: 16px;
line-height: 20px;
}
.thumb-txt.ih-11 {
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.thumb-txt.ih-11.ih3-bluez.ih-mob-mid {
text-align: center;
}
.thumb-txt.ih-home-top {
font-size: 12px;
line-height: 12px;
}
.thumb-txt.ih-2, .thumb-txt.ih2, .thumb-txt.ih-22 {
font-size: 16px;
line-height: 20px;
}
.thumb-txt.ih-3 {
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.thumb-txt.ih-3.ih3-bluez.ih-mob-mid {
text-align: center;
}
.featured-emblem {
display: none;
}
.discover-woku-all {
padding: 0;
}
.div-block-529 {
z-index: 9991;
width: 100vw;
display: block;
position: fixed;
inset: 0% 0% auto;
}
.div-block-530 {
background-color: var(--darkest-purp);
width: 100%;
height: 60px;
}
.image-103 {
height: 27px;
}
.div-block-531 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66f196f3891d08aa82135f8e_TTTOP.png"), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66f196f3891d08aa82135f8e_TTTOP.png");
background-position: 100% 0, 0 0;
background-size: cover, cover;
width: 100%;
height: 27px;
max-height: 27px;
}
.holdall-tx {
color: var(--white);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: -20px;
padding-left: 20px;
display: flex;
}
.holdall-tx.ht-v2 {
margin-top: 0;
padding-left: 0;
}
.holdall-tx.ht-v3 {
padding-bottom: 10px;
padding-left: 10px;
}
.big-slidez-button-pin {
justify-content: center;
align-items: flex-end;
}
.div-block-534 {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: none;
}
.collection-list-17 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
.body-home {
background-image: none;
}
.all-page-top {
padding-bottom: 60px;
}
.allpage-top-mini {
padding-left: 20px;
inset: auto 0% 0%;
}
.ex-subhead-hold {
margin-right: 100px;
}
.ex-subtitle-hold {
display: none;
}
.ex-media-wrapper {
margin-right: 0;
padding-top: 5px;
}
.ex-tabby {
padding-right: 40px;
}
.ex-tabby.w--current {
order: -1;
}
.ex-tex {
font-size: 11px;
line-height: 18px;
}
.list-grid-tab.lgt-hide {
display: none;
}
.tabs-menu-13 {
justify-content: flex-end;
align-items: flex-start;
margin-top: 0;
padding-right: 10px;
display: flex;
inset: 0% 0% auto auto;
}
.grid-tabs {
max-width: 100vw;
}
.lgt-tx, .highlight-pop-all {
display: none;
}
.media-sub-holder {
grid-template-columns: 1fr;
}
.woku-tab-link {
inset: auto 20px 70px auto;
}
.div-block-553 {
background-image: linear-gradient(#000000de, #000000de), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65a2c06eb9ab300efee87573_BLUE%20GLITCH.gif");
background-position: 0 0, 50%;
background-repeat: repeat, repeat;
background-size: auto, cover;
}
.div-block-554 {
height: 100vh;
margin-right: 0;
padding: 60px 0 140px 22px;
}
.media-txt_explain {
column-count: 2;
}
.meet-korainians-sect {
padding-right: 0;
}
.mk-inner {
margin-left: 0;
}
.wik-stack-grid-v3 {
grid-template-columns: 1fr;
margin-left: 0;
margin-right: 2px;
}
.collection-list-wrapper-20 {
width: auto;
}
.wik-end-sect {
padding-left: 10px;
padding-right: 0;
}
.link-hover-foot._2 {
height: auto;
}
.additional-media {
padding-left: 0;
}
.other-locale-head-sub {
margin-bottom: 10px;
margin-left: 10px;
margin-right: 0;
padding-right: 10%;
}
.other-locale-head-sub.hsh-pad {
padding-left: 0;
}
.other-locale-head-sub.hsh-no_pad-v2 {
padding-left: 20px;
}
.other-locale-head-sub.hsh-no_pad-v2.hide-on-mobl {
display: none;
}
.other-locale-head-sub.hsh-home-hide {
padding-left: 20px;
display: none;
}
.thumb-stack-grid-v10 {
margin-left: 0;
margin-right: 2px;
}
.narrative-sq {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 479px) {
h1 {
letter-spacing: -2px;
font-size: 30px;
line-height: 30px;
}
.nav-img {
height: 50px;
}
.menu-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.homepage-slider {
background-image: linear-gradient(to bottom, #2c086e0f 62%, var(--black)), radial-gradient(circle farthest-corner at 50% 50%, #17053800, #080115), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/647680015d58a4ab0962026d_Screenshot%202023-05-30%20at%2023.58.35.webp"), linear-gradient(to bottom, transparent, transparent);
background-position: 0 0, 0 0, 75%, 0 0;
background-size: auto, auto, cover, auto;
justify-content: space-between;
}
.homepage-slider.sb {
background-position: 0 0, 0 0, 75% 100%;
}
.homepage-slider.sc {
background-position: 0 0, 0 0, 85% 100%;
}
.homepage-slider.sd {
background-image: linear-gradient(to bottom, #2c086e0f 62%, var(--black)), radial-gradient(circle farthest-corner at 50% 50%, #17053800, #080115), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/647687034e355f0af93c66cd_teo.webp"), linear-gradient(to bottom, transparent, transparent);
background-position: 0 0, 0 0, 85% 100%, 0 0;
}
.slider-4 {
height: 100vh;
}
.div-block-40 {
padding: 5%;
}
.classic-sect {
padding-top: 20%;
}
.woku-button {
padding-top: 5px;
padding-bottom: 5px;
}
.woku-button.right-block {
display: none;
}
.woku-button.wb-massive {
flex-wrap: wrap;
justify-content: center;
}
.woku-button.wb-sml.wb-sml-block {
margin-top: 2px;
}
.woku-button.wb-big2sml, .woku-button.wb-big2sml-v2 {
border-style: solid;
border-radius: 5px;
}
.woku-button.play-massive, .woku-button.wb-media-top {
flex-wrap: wrap;
justify-content: center;
}
.nav-dropdown {
margin-bottom: 30px;
}
.search, .tag-holder.gamez {
display: none;
}
.tag-holder.th-home {
margin-left: 0;
}
.media-section-b {
min-height: 120vh;
padding-bottom: 1px;
}
.media-extras {
padding-left: 20px;
padding-right: 20px;
}
.media---rich-text-block {
text-indent: 20px;
margin-bottom: 100px;
margin-left: 30px;
margin-right: 30px;
}
.media-extra-blocks._50 {
width: 100%;
}
.more-block {
padding-top: 60px;
}
.narrative-section {
padding-left: 20px;
padding-right: 20px;
}
.narrative-block {
display: none;
position: static;
}
.page-wrapper {
max-width: 100%;
}
.form {
padding: 30px 15px;
}
.form-footer {
flex-direction: column;
align-items: center;
}
.div-block-67 {
justify-content: flex-start;
padding-top: 15%;
}
.korai-logo {
width: 50%;
}
.h2-ujian {
font-size: 15px;
line-height: 20px;
}
._1 {
font-size: 20px;
line-height: 20px;
}
.block-holder {
grid-template-columns: 1fr;
}
.subtext-copy, .lrg-body-txt, .div-block-85, .title-game-pin {
display: none;
}
.games-nav-header {
padding-right: 111px;
}
.uf-copy {
display: none;
}
.game-txt-holder.gth-l {
margin-top: 70px;
}
.game-txt-holder.final-holder {
margin-bottom: 20px;
}
.game-holder-border.ghb-4 {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.game-holder-border.stacked {
padding: 0;
}
.identifier {
display: none;
}
.about-block-topper {
padding-top: 20%;
}
.uf-popup {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-items: center;
max-width: 85%;
padding-top: 5%;
padding-left: 5%;
top: 20px;
}
.calc-copy {
display: none;
}
.calc-game-bg {
padding: 10px;
}
.games-intro-sect {
background-position: 20%;
background-size: cover;
min-height: 60vh;
}
.game-selector-item {
min-height: 200px;
}
.all-nav-tab {
opacity: .35;
}
.all-nav-tab.ant4 {
display: none;
}
.search-icon-links {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6538af5fa52fc349229b0562_line%20search.webp");
height: 40px;
min-height: 40px;
display: block;
}
.nav-search {
display: none;
}
.view-tab {
padding-bottom: 65px;
}
.mob--nav-billboard {
background-position: 50%;
max-width: 40px;
}
.mob-nav-droplist.w--open {
width: 75vw;
}
.top-scroller-inner {
width: 90vw;
}
.top-scroller-item, .top-scroller-item:hover {
min-width: 90vw;
max-width: 90vw;
}
.top-scroller-logo {
width: 100%;
inset: auto 0% 15%;
}
.net-slider {
width: 90vw;
}
.net-slider:hover {
width: 90vw;
margin-left: 10px;
}
.top-selector {
min-height: 10vh;
}
.top-selector-item, .top-selector-item:hover {
padding-bottom: 0;
}
.top-selector-txt {
display: none;
}
.intro-head {
text-align: left;
}
.intro-head.ih-33.ih3-m-mob {
text-align: center;
}
.intro-head.ih-33.ih3-bluez.iih-kor {
display: none;
}
.intro-head.ih-33.ih3-bluez.ih-loc, .intro-head.ih-33.ih3-bluez.ih-mob-mid {
text-align: center;
}
.intro-head.ih-5.ih-5-blue.ih-5-pad {
padding-left: 10px;
padding-right: 10px;
}
.intro-head.ih-3.ih3-m-mob {
text-align: center;
text-align: center;
}
.intro-head.ih-3.ih3-bluez.ih-loc, .intro-head.ih-3.ih3-bluez.ih-mob-mid {
text-align: center;
}
.intro-head.ih-2.ih2-bluee {
text-align: left;
}
.intro-head.ih-11.ih3-m-mob {
text-align: center;
}
.intro-head.ih-11.ih3-bluez.iih-kor {
display: none;
}
.intro-head.ih-11.ih3-bluez.ih-loc, .intro-head.ih-11.ih3-bluez.ih-mob-mid, .intro-head.ih-3.ih3-m-mob {
text-align: center;
}
.intro-head.ih-3.ih3-bluez.iih-kor {
display: none;
}
.intro-head.ih-3.ih3-bluez.ih-loc, .intro-head.ih-3.ih3-bluez.ih-mob-mid, .intro-head.ih-sub, .intro-head.ih-sub.ih3-m-mob {
text-align: center;
}
.intro-head.ih-sub.ih3-bluez.iih-kor {
display: none;
}
.intro-head.ih-sub.ih3-bluez.ih-loc, .intro-head.ih-sub.ih3-bluez.ih-mob-mid, .intro-head.ih-title, .intro-head.ih-mid-on-mob {
text-align: center;
}
.card-holder {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.view-tab-holder {
padding-bottom: 10px;
padding-left: 5%;
padding-right: 5%;
}
.inner-contain-v2.min-500 {
overflow: hidden;
}
.tab-selectors {
padding-top: 20px;
}
.tmx {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: row;
justify-content: center;
align-items: stretch;
margin-top: -40px;
}
.txt-holds {
margin-top: 50px;
padding: 0;
}
.txt-holds.th-v3 {
margin-left: 20px;
}
.tlx {
padding-left: 5px;
padding-right: 5px;
}
.tlx:hover {
outline-color: var(--white);
outline-offset: 0px;
outline-width: 2px;
outline-style: none;
}
.tlx.w--current {
padding-left: 10px;
padding-right: 10px;
}
.pop-up-txt {
text-align: left;
}
.ex-tabs {
flex-direction: column;
}
.ex-tabs-menu {
z-index: 90;
background-color: var(--v-dark-purp);
border-top-style: none;
border-left-style: none;
border-right-style: none;
border-radius: 0;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
height: auto;
margin-top: 0;
margin-left: 0;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 20px;
position: sticky;
top: 0;
}
.ex-tabs-menu.etm-v4 {
padding-top: 80px;
padding-left: 12px;
overflow: auto;
}
.ex-tab {
width: auto;
}
.ex-tab:hover {
outline-width: 2px;
}
.ex-tab-inner {
padding-top: 60px;
padding-right: 10px;
}
.ex-tab-inner.eti-v4 {
padding-right: 0;
}
.ex-container {
padding-left: 0;
padding-right: 0;
}
.head-sub-holder {
text-align: center;
margin-left: 0;
padding-right: 0%;
}
.head-sub-holder.hsh-nolow_pad, .head-sub-holder.hsh-no_pad, .head-sub-holder.hsh-no_padz {
padding-right: 0%;
}
.head-sub-holder.hsh-pad {
margin-bottom: 0;
}
.head-sub-holder.hsh-no_pad-v2, .head-sub-holder.hsh-hometop, .head-sub-holder.hsh-no_pad-2 {
padding-right: 0%;
}
.head-sub-holder.hsh-mid {
justify-content: flex-start;
align-items: center;
padding-left: 10px;
padding-right: 10px;
}
.head-sub-holder.hsh-home-hide {
padding-right: 0%;
}
.head-sub-holder.hsb-alt {
padding-left: 10px;
}
.narrative-block-holder {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.narrative-block-holder.nbh-v2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-left: 0;
padding-bottom: 10px;
}
.narrative-blockz {
aspect-ratio: 16 / 9;
}
.thumb-stack-grid.tsg-v3 {
width: 40%;
}
.thumb-img.ti-min, .thumb-img.t-img-record {
min-width: 160%;
}
.thumb-img-block {
background-color: var(--blue-low-transparent);
}
.thumb-img-block.tib-reading {
width: 75vw;
max-width: 85vw;
}
.ex-slider {
height: 400px;
}
.ex-block {
padding-left: 0;
padding-right: 0;
}
.ex-block.eb-w_gap, .ex-block.eb-no-l-pad {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.ex-block.eb-big-pad {
grid-column-gap: 30px;
grid-row-gap: 30px;
padding-right: 10px;
}
.ex-block.eb-4 {
padding-left: 10px;
padding-right: 10px;
}
.ex-block.eb-5 {
grid-column-gap: 30px;
grid-row-gap: 30px;
padding-right: 10px;
}
.ex-block.eb-6 {
padding-right: 10px;
}
.ex-tabs-true {
flex-direction: column;
}
.content-label {
width: 70px;
}
.fade-div {
background-image: linear-gradient(270deg, var(--blue-low-transparent), var(--transparent-purp)), linear-gradient(270deg, var(--v-dark-purp), var(--transparent-purp));
}
.fade-div.fd-colour-4 {
display: none;
}
.txt-liner-holds {
justify-content: center;
}
.intro-head-button {
font-style: italic;
}
.b2t {
width: 15vw;
height: 15vw;
margin-bottom: 20px;
bottom: 20px;
}
.feat-main-sect {
min-height: auto;
}
.ffw-subber-block {
grid-row-gap: 0px;
font-size: 11px;
line-height: 15px;
}
.ffw-topper-holder {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: space-between;
padding-top: 0;
}
.ffw-head {
margin-bottom: 0;
font-size: 35px;
line-height: 35px;
}
.ffw-subhead {
letter-spacing: 0;
margin-right: 0%;
font-size: 20px;
line-height: 20px;
}
.ffw-collection-list {
grid-template-columns: 1fr;
}
.highlightd-column {
width: 88%;
}
.infos-block {
text-align: center;
justify-content: center;
}
.feature-small-head {
margin-bottom: 10px;
}
.feature-small-head.fsh-narr {
margin-bottom: 0;
}
.pullout-feature {
background-position: 50%;
}
.feature-cover {
justify-content: space-between;
padding-top: 20px;
}
.pullout-feat-holder {
padding-top: 20px;
}
.more-feature-news {
padding-top: 60px;
}
.feature-link-block.f-l-b-v2:hover {
transform: none;
}
.more-media-head {
margin-bottom: 10px;
}
.ffw-container {
padding-top: 40px;
}
.ffw-container.ffwc-3 {
justify-content: center;
}
.ffw-img {
border-left-style: none;
max-width: none;
height: 35px;
max-height: 100%;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
}
.media-txt-header {
padding-left: 30px;
padding-right: 30px;
}
.new-nav-icon-link {
min-width: 50px;
height: 40px;
min-height: 50px;
display: block;
}
.text-block-15 {
word-break: break-all;
}
.high-feat-inner {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.large-block-holder {
padding-left: 30px;
padding-right: 20px;
}
.large-sq-block {
width: 250px;
min-width: 250px;
}
.game-holderz {
width: 100vw;
margin-left: -20px;
}
.fade-block-r {
display: none;
}
.premium-selects {
margin-right: 0;
}
.premo-header {
background-position: 0 0;
}
.premium-button-holder {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-wrap: wrap;
align-items: flex-start;
}
.dive-in-sect {
padding-top: 100px;
padding-bottom: 60px;
}
.div-block-176 {
border-bottom: 1px solid var(--white-light);
border-right-style: none;
padding-bottom: 10px;
padding-right: 0;
}
.collection-list-wrapper-5 {
padding-left: 0;
}
.get-help-link-block {
background-color: var(--blue-low-transparent);
outline-color: var(--dark-slate-blue);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
min-height: 250px;
padding-right: 20px;
}
.get-help-link-block.ghlb-3, .get-help-link-block.ghlb-5, .get-help-link-block.ghlb-6 {
text-align: left;
justify-content: center;
}
.get-help-link-block.ghlb-10 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/66121f4268ca560c90753b2e_Copy%20of%20glow(2).jpg"), linear-gradient(180deg, var(--transparent-purp) 83%, var(--dark-blue-mid-opac)), linear-gradient(to bottom, transparent, transparent);
background-position: 15%, 0 0, 0 0;
justify-content: center;
padding-left: 20px;
padding-right: 20px;
}
.get-help-link-block.ghlb-10.ghlb-10-v2 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65dfab2aa74497a5e153eaf5_1.jpg"), linear-gradient(180deg, var(--transparent-purp) 83%, var(--dark-blue-mid-opac)), linear-gradient(to bottom, transparent, transparent);
background-position: 15%, 0 0, 0 0;
}
.get-help-link-block.ghlb-11 {
justify-content: center;
padding-left: 20px;
padding-right: 20px;
}
.div-hides-on-mobile-only {
display: none;
}
.quick-stack, .quick-stack-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.header-hider {
background-image: linear-gradient(to bottom, #00000069, var(--transparent-purp));
}
.explore-block {
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.circ-thumb-grid {
grid-template-columns: 1fr 1fr;
}
.dive-in-blockz {
grid-template-columns: 1fr;
}
.footer-icon-link {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6538af5fa52fc349229b0562_line%20search.webp");
height: 40px;
min-height: 40px;
display: block;
}
.star-stack {
text-align: center;
flex-direction: column;
align-items: center;
margin-bottom: 10px;
padding-left: 7.5%;
padding-right: 7.5%;
}
.star-stack.ss-v3 {
justify-content: flex-start;
align-items: center;
}
.star-stack.ss-v4 {
flex-direction: column;
}
.star-stack.ss-v5 {
grid-row-gap: 0px;
height: auto;
margin-right: 0;
}
.star-stack.ss-v6 {
margin-right: 0;
}
.save-me-grid.smg-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.media-topper-cover {
height: 700px;
}
.head-select {
text-align: center;
justify-content: flex-start;
align-items: center;
width: auto;
padding-bottom: 0;
}
.wi-stack-div {
text-align: center;
align-items: center;
}
.media-top-holder {
align-items: center;
margin-bottom: 40px;
margin-left: 10px;
margin-right: 10px;
}
.media-coll-list {
justify-content: center;
align-items: flex-start;
}
.media-bg-img.mgbi-desktop, .media-bg-img.mgbi-mobile {
background-position: 50%;
height: 750px;
}
.ffw-subber-holder {
display: none;
}
.nn-link {
height: 50px;
}
.ffw-title-holder {
grid-column-gap: 10px;
grid-row-gap: 10px;
min-height: auto;
}
.ffw-divs {
grid-column-gap: 10px;
grid-row-gap: 0px;
}
.ffw-divs.ffw-d-2 {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
align-items: flex-start;
}
.ffw-kor-selector.ffw-k-s-narr {
width: 100%;
height: 250px;
}
.ffw-highlight-kor-img.f-h-k-i-narr {
height: 175px;
min-height: 175px;
}
.media-extra-narrative {
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
}
.media-extra-subber {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.shows-on-mobile {
display: block;
}
.shows-on-mobile.s-o-m-100 {
justify-content: center;
align-items: center;
display: flex;
}
.media-extra-logo-hold {
display: none;
}
.user-block {
width: 50px;
height: 50px;
}
.inner-contain-v3 {
padding-bottom: 140px;
}
.div-block-221-copy {
background-image: linear-gradient(to bottom, #17053800 41%, #0e1037d1 76%, var(--dark-blue) 98%), linear-gradient(to bottom, transparent, transparent), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6540312097fb95f407f8fd20_CHAPTER-1-NYKIA-LEAPS-min.webp");
background-position: 0 0, 0 0, 75%;
height: 600px;
}
.intro2-txt-holder {
padding-right: 5%;
}
.mini-tx-holderz {
margin-left: 0;
}
.topper-tx-holder.t-tx-h-3 {
margin-top: 10px;
margin-bottom: 10px;
}
.new-nav-icon-link-v2 {
width: 70px;
min-width: 70px;
display: block;
}
.story-tog-button-v2 {
opacity: .11;
}
.indicator-pinner {
align-content: flex-start;
height: 160px;
bottom: 15px;
box-shadow: 0 2px 14px 1px #0000005e;
}
.indicator-right {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
width: 86vw;
min-width: 86vw;
}
.indicator-left {
border-top: 1px solid var(--blue-low-transparent);
order: 1;
width: 86vw;
min-width: 86vw;
height: 75px;
min-height: 75px;
padding-top: 10px;
}
.indicator-holder {
flex-direction: column;
}
.arr-hold-v2 {
opacity: .35;
width: 50px;
}
.wi-r-scroller {
padding-right: 0;
}
.blue-line-overlay {
opacity: .88;
mix-blend-mode: multiply;
}
.wi-backg {
background-position: 50%;
background-size: cover;
}
.char-blockz {
width: 100%;
}
.overlay-txts {
width: 90%;
}
.wi-tech-head {
font-size: 20px;
}
.name-speak-html-holder {
max-width: 35px;
}
.wik-stack-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.wik-img-holder {
height: 200px;
min-height: 200px;
}
.circle-overlay {
background-position: 0 0, 50%;
background-size: auto, 325%;
}
.wik-timeline {
min-width: 30px;
}
.wik-sect-inner {
padding-left: 10px;
padding-right: 10px;
}
.wik-stack-grid-v2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.wik-extra {
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
}
.wik-lightbox-holder {
padding: 10px;
}
.wik-lightbox-link {
width: 100%;
height: 130px;
}
.wik-lightbox-link.nr-page {
width: 95vw;
}
.thumb-stack-grid-v33 {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.search-topper {
padding-left: 20px;
padding-right: 20px;
}
.time-instruct {
max-width: 90vw;
}
.x-time-sticky {
padding-left: 15vw;
}
.x-time-sticky.x-t-s-alt {
width: 75vw;
padding-left: 15vw;
}
.time-chap-button {
opacity: .35;
}
.new-nav-icon-link-time {
display: block;
}
.shader-content {
max-width: 90%;
}
.skeleton-content {
padding-left: 30px;
padding-right: 30px;
}
.bg-img-creator.slz-2 {
background-position: 35% 100%;
}
.bg-img-creator.media-bg {
background-position: 50% 30%;
}
.top-holder {
grid-column-gap: 5px;
}
.bg-timelinewhoosh-mob {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/6578dbf9bdaa1e8b80a64207__120%20-%20Copy.png");
background-size: cover;
}
.cyber-head {
font-size: 35px;
line-height: 32px;
}
.woku-button-cyber {
padding-top: 5px;
padding-bottom: 5px;
}
.single-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.bg-timelinesparkle {
display: none;
}
.homepage-container {
padding-right: 10%;
}
.homepage-container.narrative-cont {
padding-left: 20px;
padding-right: 20px;
}
.cyber-logo-link {
min-width: 80px;
}
.dive-in-blox {
padding-bottom: 20px;
}
.dive-in-tx-blox {
margin-top: 0;
}
.nav-img-copy {
height: 45px;
}
.chroma-txt.ct-nav {
min-width: 50px;
}
.chroma-txt.ct-nav.ct-blank-2 {
margin-left: 75px;
margin-right: 75px;
}
.cyber-icon-holder-c {
grid-column-gap: 5px;
grid-row-gap: 5px;
padding-right: 5px;
}
.cyber-icon-holder-d {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.cyber-nav-spacer {
width: 50px;
}
.cyber-rect-hold {
grid-column-gap: 11px;
grid-row-gap: 11px;
}
.narr-viewing-window {
padding-top: 600px;
}
.korainian-selected {
height: 550px;
}
.narr-block-holder {
align-content: start;
padding-top: 100px;
}
.kor-select-hold-all {
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-end;
height: 650px;
margin-top: -380px;
overflow: auto;
}
.tab-pane-tab-1 {
height: 600px;
}
.korainian-choice {
height: 250px;
max-height: 250px;
}
.kor-linkerz {
height: 250px;
max-height: 250px;
top: -250px;
}
.kor-tab-select {
height: 250px;
max-height: 250px;
}
.cyber-rect-holdz {
grid-column-gap: 11px;
grid-row-gap: 11px;
}
.cyber-two, .cyber-three {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.all-accent {
display: none;
}
.cyber-rect-holdzing {
grid-column-gap: 11px;
grid-row-gap: 11px;
}
.cyber-two-copy {
grid-column-gap: 10px;
grid-row-gap: 10px;
width: 100%;
}
.nav-img-copy-copy {
height: 45px;
margin-top: 0;
}
.max-tab {
overflow: auto;
}
.home-linx-logo {
margin-left: 10px;
}
.home-linx-logo.w--current {
position: fixed;
inset: 0% 0% auto auto;
}
.home-linx-logo.hll-v2 {
right: 10px;
}
.nav-img-copy-copy-copy {
height: 45px;
margin-top: 0;
}
.search-nav {
justify-content: flex-start;
width: 75%;
padding-left: 0;
}
.div-block-387 {
height: 150px;
padding-bottom: 20px;
}
.break-out-sect {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65a2d919d78a496b27deaacc_holder-window.png"), linear-gradient(#000000e0, #000000e0), url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/65a2c06eb9ab300efee87573_BLUE%20GLITCH.gif");
background-position: 0%, 0 0, 50%;
}
.breakout-inner {
width: 60%;
margin-left: 0%;
}
.collection-item-9 {
width: 100%;
}
.home-icon-media.w--open {
inset: auto 20px 20px auto;
}
.ffw-head-float {
justify-content: center;
top: 70px;
}
.div-block-411 {
display: none;
}
.ffw-img-head.ffw-i-h-v2, .div-block-415 {
width: 80%;
}
.ffw-div-holder {
padding-bottom: 40px;
}
.div-block-416 {
padding-top: 160px;
}
.misctag-head {
margin-bottom: 0;
font-size: 35px;
line-height: 35px;
}
.misctag-head.mth-v2b, .misctag-head.mth-v2c {
font-size: 30px;
line-height: 35px;
}
.tagz-block {
padding-left: 0;
padding-right: 0;
}
.tagz-block.tb-v3 {
margin-left: 0;
padding-left: 10px;
padding-right: 10px;
}
.div-block-419 {
min-height: 50vh;
padding-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.div-block-420 {
margin-top: -15vh;
}
.spacer-maker {
display: none;
}
.woku-index.wix-holder-pin {
margin-bottom: 200px;
margin-left: 10px;
margin-right: 10px;
}
.tabs-menu-8 {
display: none;
}
.tabs-content-10 {
padding-top: 40px;
}
.tabs-content-10.tc10-v2 {
padding-top: 20px;
}
.tab-link-tab-1 {
border-right: 1px solid var(--bluish-trans-shadow);
width: 140px;
min-width: 140px;
margin-right: 0;
padding-bottom: 5px;
}
.wix-main-tablink.w--current {
padding-right: 5px;
}
.div-block-429 {
margin-right: -50px;
}
.index-inner.i-i-kor {
min-height: 100vh;
}
.all-top-inner {
align-items: center;
}
.all-top-inner.th-2 {
justify-content: flex-end;
align-items: flex-start;
}
.now-view, .wix-menu.wm-v2 {
flex-flow: column;
}
.wix-map-holder {
padding-bottom: 15vh;
}
.thumb-stack-grid-v8, .thumb-stack-grid-v6 {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.records-wix {
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
}
.div-block-448 {
padding-top: 140px;
padding-left: 10px;
padding-right: 10px;
}
.media-head {
margin-bottom: 0;
font-size: 35px;
line-height: 35px;
}
.div-record-tuhmb-hold {
display: none;
}
.wix-collection-list {
grid-template-columns: 1fr;
}
.tabs-menu-10.tm10-v2 {
justify-content: center;
align-items: flex-start;
padding-left: 0;
}
.itw-h3 {
text-align: left;
font-size: 20px;
}
.language-block {
width: 90%;
}
.wix-txt-holder.wth-nopad {
display: none;
}
.thumb-stack-grid-v9 {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.wix-linx {
grid-template-columns: 1fr;
}
.wix-header-holder {
text-align: center;
}
.wix-header-holder.hsh-nolow_pad, .wix-header-holder.hsh-no_pad, .wix-header-holder.hsh-no_padz {
padding-right: 0%;
}
.wix-header-holder.hsh-pad {
margin-bottom: 0;
}
.wix-header-holder.hsh-no_pad-v2 {
padding-right: 0%;
}
.wix-header-holder.hsh-hometop {
align-items: center;
padding-right: 0%;
}
.wix-header-holder.hsh-no_pad-2 {
padding-right: 0%;
}
.breakout-big.bb-media-music {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
min-height: auto;
padding-top: 0;
padding-bottom: 0;
}
.breakout-big.bb-v3._56g {
display: none;
}
.div-block-456 {
justify-content: center;
align-items: flex-start;
}
.media-type-inner {
padding-top: 60px;
padding-right: 10px;
}
.media-t-recrd {
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
}
.collection-list-13 {
justify-content: center;
align-items: flex-start;
}
.text-para.tp-v2 {
margin-left: 0;
margin-right: 0;
}
.about-sect {
padding-top: 100px;
}
.about-sect.as-nolrpad-stack {
grid-template-columns: 1fr;
place-items: start stretch;
display: flex;
}
.text-sect {
padding-top: 20%;
}
.max30 {
width: 75vw;
}
.thumb-stack-grid-mediapg {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.c-column, .c-column.cc-2 {
grid-template-columns: 1fr;
}
.reading-plan-stack.rps-v2 {
justify-content: flex-start;
align-items: flex-start;
max-height: none;
overflow: visible;
}
.reading-plan-stack.rps-v3 {
max-width: 88vw;
}
.story-tog-button-v3 {
opacity: .35;
}
.dropdown-list-13.w--open {
inset: auto 0% 0% -35vw;
}
.image-86 {
width: 100px;
}
.div-block-458 {
grid-column-gap: 10px;
grid-row-gap: 10px;
text-align: center;
flex-flow: column;
height: auto;
}
.image-87 {
max-height: 100px;
}
.tagz-block-copy {
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.tagz-block-copy.tb-v3 {
margin-left: 0;
padding-left: 10px;
padding-right: 10px;
}
.heading-8 {
font-size: 18px;
}
.purp-info-block {
background-position: 20px 50px;
background-size: 250px;
width: auto;
margin: 0;
}
.enter-info-block {
background-position: 30% 40px, 0 0;
background-size: 80%, auto;
padding-top: 200px;
}
.enter-but-hold {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
}
.div-block-432-copy {
align-items: center;
}
.about-sect-copy {
padding-top: 100px;
}
.about-sect-copy.as-nolrpad-stack {
grid-template-columns: 1fr;
place-items: start stretch;
display: flex;
}
.faq-sect {
padding-top: 100px;
}
.faq-sect.as-nolrpad-stack {
grid-template-columns: 1fr;
place-items: start stretch;
display: flex;
}
.hero_account-firstblock-title {
align-items: center;
}
.section_hero {
padding-top: 0;
}
.cross_line-icon {
width: 11px;
}
.hero_account-firstblock-wrap {
flex-flow: column;
}
.hero_account-wrap {
margin-left: 10px;
margin-right: 10px;
}
.top-home-hold {
text-align: center;
margin-left: 0;
padding-right: 0%;
}
.top-home-hold.hsh-nolow_pad, .top-home-hold.hsh-no_pad, .top-home-hold.hsh-no_padz {
padding-right: 0%;
}
.top-home-hold.hsh-pad {
margin-bottom: 0;
}
.top-home-hold.hsh-no_pad-v2, .top-home-hold.hsh-hometop, .top-home-hold.hsh-no_pad-2 {
padding-right: 0%;
}
.top-home-hold.hsh-mid {
justify-content: flex-start;
align-items: center;
padding-left: 10px;
padding-right: 10px;
}
.home-select {
text-align: center;
align-items: center;
padding-bottom: 0;
}
.div-block-473 {
background-image: url("https://cdn.prod.website-files.com/634b12b09f22e49dfce90cc5/670597dffe8487ec1017bb34_Screenshot%202024-10-08%20at%2021.36.20-min.png");
background-position: 50%;
}
.top-smll-tx-copyhkhk {
text-align: left;
}
.jljhghggv {
text-align: center;
justify-content: flex-start;
align-items: flex-start;
}
.story-tog-letter-button {
opacity: .11;
}
.wi-pop-up {
margin-bottom: 25vh;
}
.wi-wraper {
padding-left: 0;
}
.wi-holder {
margin-left: -16px;
padding-left: 20px;
}
.wi-header {
text-align: center;
align-items: center;
}
.wi-header.ggg {
background-position: 15px 50px;
justify-content: flex-start;
align-items: flex-start;
padding-left: 110px;
}
.wi-stop {
margin-left: 0;
}
.new-thumb.nt-long {
aspect-ratio: 2 / 3;
}
.collection-list-15 {
grid-template-columns: 1fr;
}
.big-slidez {
aspect-ratio: 2 / 3;
}
.media-thumb.mt-v3 {
width: calc(100vw - 20px);
}
.media-thumb.mt-ex {
width: calc(50vw - 20px);
}
.media-thumb.mt-expand {
width: calc(100vw - 20px);
}
.media-thumb.mt-expand-copy {
width: calc(50vw - 20px);
}
.media-thumb.mt-3_min_100 {
width: calc(100vw - 20px);
}
.div-block-502 {
padding-left: 0;
padding-right: 10px;
}
.div-block-504 {
padding: 10px;
}
.div-block-509 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.div-block-515, .hide-on-mob {
display: none;
}
.div-block-516 {
padding-left: 10px;
padding-right: 0;
}
.ult-popup-sect {
min-height: 540px;
}
.notif-top-link {
position: static;
}
.bsth-wrapper {
justify-content: center;
align-items: flex-end;
}
.bsth-txt {
text-align: center;
justify-content: center;
align-items: center;
}
.bsth-img.bsthi-desat_blue {
border-radius: 12px;
width: 80px;
}
.txt-explain.te-white {
font-size: 11px;
}
.popup-button.pb-bar {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
}
.popup-scroller {
border-radius: 14px;
}
.thumb-txt, .thumb-txt.ih-33.ih3-m-mob {
text-align: center;
}
.thumb-txt.ih-33.ih3-bluez.iih-kor {
display: none;
}
.thumb-txt.ih-33.ih3-bluez.ih-loc, .thumb-txt.ih-33.ih3-bluez.ih-mob-mid {
text-align: center;
}
.thumb-txt.ih-5.ih-5-blue.ih-5-pad {
padding-left: 10px;
padding-right: 10px;
}
.thumb-txt.ih-3.ih3-m-mob {
text-align: center;
text-align: center;
}
.thumb-txt.ih-3.ih3-bluez.ih-loc, .thumb-txt.ih-3.ih3-bluez.ih-mob-mid {
text-align: center;
}
.thumb-txt.ih-2.ih2-bluee {
text-align: left;
}
.thumb-txt.ih-11.ih3-m-mob {
text-align: center;
}
.thumb-txt.ih-11.ih3-bluez.iih-kor {
display: none;
}
.thumb-txt.ih-11.ih3-bluez.ih-loc, .thumb-txt.ih-11.ih3-bluez.ih-mob-mid, .thumb-txt.ih-3.ih3-m-mob {
text-align: center;
}
.thumb-txt.ih-3.ih3-bluez.iih-kor {
display: none;
}
.thumb-txt.ih-3.ih3-bluez.ih-loc, .thumb-txt.ih-3.ih3-bluez.ih-mob-mid {
text-align: center;
}
.holdall-tx {
margin-bottom: 20px;
}
.div-block-535 {
text-align: center;
justify-content: flex-start;
align-items: center;
}
.wi-stacker {
text-align: center;
}
.all-top-tx-hold {
justify-content: flex-start;
align-items: center;
}
.all-page-but-hold {
grid-column-gap: 5px;
justify-content: center;
align-items: flex-start;
}
.allpage-top-mini {
display: none;
}
.ex-subhead-hold {
margin-right: 20px;
padding-left: 20px;
}
.tabs-menu-13 {
display: none;
}
.media-sub-holder {
align-items: center;
}
.media-inner {
justify-content: flex-end;
align-items: center;
padding-left: 20px;
padding-right: 20px;
}
.tabs-12 {
min-height: 600px;
}
.tabs-menu-15 {
justify-content: center;
align-items: flex-start;
top: auto;
left: 0%;
right: 0%;
}
.woku-tab-link {
inset: 70px 20px auto auto;
}
.woku-tab-link.w--current {
inset: 20px 20px auto auto;
}
.div-block-554 {
padding-top: 120px;
padding-left: 16px;
}
.div-block-487-copy {
padding-left: 0;
}
.media---rich-text-block-copy {
text-indent: 20px;
margin-bottom: 100px;
margin-left: 30px;
margin-right: 30px;
}
.media-txt_explain {
column-count: 1;
}
.mk-korainia-img {
justify-content: center;
align-items: flex-end;
}
.wik-stack-grid-v3 {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.wik-end-inner {
margin-bottom: 30px;
margin-right: 10px;
}
.div-block-560, .div-block-561 {
padding-left: 0;
padding-right: 0;
}
.div-block-562 {
background-size: auto 50%;
}
.div-block-563 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.other-locale-head-sub {
text-align: center;
margin-left: 0;
padding-right: 0%;
}
.other-locale-head-sub.hsh-nolow_pad, .other-locale-head-sub.hsh-no_pad, .other-locale-head-sub.hsh-no_padz {
padding-right: 0%;
}
.other-locale-head-sub.hsh-pad {
margin-bottom: 0;
}
.other-locale-head-sub.hsh-no_pad-v2, .other-locale-head-sub.hsh-hometop, .other-locale-head-sub.hsh-no_pad-2 {
padding-right: 0%;
}
.other-locale-head-sub.hsh-mid {
justify-content: flex-start;
align-items: center;
padding-left: 10px;
padding-right: 10px;
}
.other-locale-head-sub.hsh-home-hide {
padding-right: 0%;
}
.other-locale-head-sub.hsb-alt {
padding-left: 10px;
}
.narrative-sq {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.narrative-sq.nbh-v2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-left: 0;
padding-bottom: 10px;
}
}
#w-node-_349482b4-3067-a92b-f59b-f92164d8119e-44afc993, #w-node-_9455895c-fe62-324e-41b8-4d29a720b00d-44afc993, #w-node-_0f7e1af2-bae1-2e63-9b47-845a95a88c18-44afc993, #w-node-d18237cd-c4cb-e8df-69bd-c6e2789323ac-44afc994, #w-node-_3f9d2344-8e25-2c80-2ddd-e7a525afebc0-44afc994, #w-node-_667a8e42-fac7-b41b-76af-1ac6493f7cfc-44afc996, #w-node-_49aa0e57-7f76-cdcc-ed46-88f3cb762ba5-44afc996, #w-node-_60b0a4f8-0087-8429-5d3e-fb81afa5b770-44afc996 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_54424f67-955f-a53a-9183-382e11c0eda2-44afc997, #w-node-_54424f67-955f-a53a-9183-382e11c0eda3-44afc997 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: end;
}
#w-node-_54424f67-955f-a53a-9183-382e11c0edb4-44afc997, #w-node-_54424f67-955f-a53a-9183-382e11c0edc2-44afc997 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cab1b1cc-6771-67e6-0eeb-3731aeaed039-44afc997 {
place-self: start center;
}
#WHITESCALES.w-node-c8cda230-7f2a-786f-9da3-082c6e8ec548-44afc997, #REDSCALES.w-node-_81ee171c-a5fd-caaa-3d90-c4ec9e448ccf-44afc997, #BLACKSCALES.w-node-_9531f73a-4781-fc3a-b342-503636d098b6-44afc997, #w-node-_382ba47e-3d9c-f120-3227-7091f24d3076-44afc997, #w-node-e06c6157-872e-fe1b-ea6c-6e8e03516276-44afc997 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3c08c759-d444-14e2-b6b2-e16c4cef16f1-ffbc7a0c, #w-node-_0714548f-dc61-c524-6260-3e36162d2e81-ffbc7a0c, #w-node-_0815d0ef-1b22-7dd4-b256-355e3c71612e-ffbc7a0c, #w-node-_5801a470-a78d-9bc7-6c43-8500072fcfe5-ffbc7a0c {
grid-area: 1 / 2 / 2 / 2;
}
#w-node-_40ac424b-91df-f24b-227b-d2deffbc7a5f-ffbc7a0c, #w-node-_40ac424b-91df-f24b-227b-d2deffbc7a6c-ffbc7a0c {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: stretch stretch;
}
#w-node-_9e12d40c-33ec-b378-e1f1-e9378f4f45d3-8f4f45c9, #w-node-_1c0ce1ea-ea31-a05a-b6b0-db0db0da45bf-8f4f45c9, #w-node-_9e12d40c-33ec-b378-e1f1-e9378f4f45d9-8f4f45c9, #w-node-_9e12d40c-33ec-b378-e1f1-e9378f4f45df-8f4f45c9, #w-node-_9e12d40c-33ec-b378-e1f1-e9378f4f45e6-8f4f45c9, #w-node-_9e12d40c-33ec-b378-e1f1-e9378f4f45ec-8f4f45c9 {
align-self: center;
}
#w-node-faa26172-a7cb-2103-4e00-c8a649b039a6-44afc99b, #w-node-faa26172-a7cb-2103-4e00-c8a649b039a7-44afc99b {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: end;
}
#w-node-faa26172-a7cb-2103-4e00-c8a649b039b8-44afc99b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-faa26172-a7cb-2103-4e00-c8a649b039ca-44afc99b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f6c701a0-d2d7-95a2-dfc0-35a3405229d6-44afc99b, #w-node-cd1544b6-6bab-25fc-f9c2-2858d1f3b6ed-44afc99b, #w-node-e32d17cf-ff6a-8e61-d808-0b60c40f9ac5-44afc99b, #w-node-a0f094f4-6b40-f3bd-6d32-33d1095042c6-44afc99b {
grid-area: span 2 / span 1 / span 2 / span 1;
align-self: end;
}
#w-node-_0ec5d2e4-11dd-51f8-167b-3f0733e5d0d4-44afc99b, #w-node-_0ec5d2e4-11dd-51f8-167b-3f0733e5d0d7-44afc99b, #w-node-f95dc95f-237a-833d-5bc5-e994d58a29cf-44afc99b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8087473e-d68c-f80a-685e-2122c9072f5a-44afc99d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_891c7206-a461-2e49-e699-dac76cc94b1b-44afc99d {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_8e58685f-e580-8b1c-97d0-834c7460fffc-44afc99d {
place-self: start center;
}
#w-node-a72ae82f-b060-cde5-8103-982a42bf5892-42bf5890, #w-node-a72ae82f-b060-cde5-8103-982a42bf5894-42bf5890 {
grid-area: 1 / 2 / 2 / 2;
}
#w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c07-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c08-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c09-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c0a-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c0b-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c0c-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c0d-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c0e-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c0f-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c10-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c11-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c12-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c13-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c14-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c15-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c16-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c17-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c18-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c19-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c1a-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c1b-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c1c-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c1d-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c1e-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c1f-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c20-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c21-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c22-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c23-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c24-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c25-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c26-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c27-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c28-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c29-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c2a-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c2b-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c2c-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c2d-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c2e-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c2f-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c30-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c31-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c32-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c33-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c34-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c35-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c36-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c37-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c38-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c39-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c3a-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c3b-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c3c-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c3d-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c3e-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c3f-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c40-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c41-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c42-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c43-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c44-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c45-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c46-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c47-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c48-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c49-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c4a-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c4b-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c4c-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c4d-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c4e-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c4f-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c50-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c51-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c52-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c53-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c54-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c55-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c56-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c57-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c58-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c59-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c5a-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c5b-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c5c-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c5d-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c5e-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c5f-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c60-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c61-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c62-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c63-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c64-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c65-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c66-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c67-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c68-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c69-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c6a-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c6b-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c6c-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c6d-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c6e-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c6f-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c70-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c71-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c72-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c73-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c74-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c75-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c76-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c77-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c78-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c79-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c7a-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c7b-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c7c-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c7d-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c7e-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c7f-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c80-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c81-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c82-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c83-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c84-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c85-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c86-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c87-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c88-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c89-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c8a-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c8b-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c8c-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c8d-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c8e-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c8f-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c90-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c91-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c92-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c93-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c94-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c95-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c96-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c97-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c98-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c99-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c9a-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c9b-44afc99e, #w-node-b3ee3284-3160-c98b-3b1a-d1e5970d3c9c-44afc99e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_07b14220-46e6-274d-75ee-c9db0ef57338-44afc99e {
place-self: start center;
}
#w-node-_15690c71-c90b-f84e-d5ea-efa74f13cfec-44afc99f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_15690c71-c90b-f84e-d5ea-efa74f13cff9-44afc99f, #w-node-_15690c71-c90b-f84e-d5ea-efa74f13d00d-44afc99f, #w-node-_15690c71-c90b-f84e-d5ea-efa74f13cffe-44afc99f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_15690c71-c90b-f84e-d5ea-efa74f13cfed-44afc99f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_27649c89-5ade-1440-e4c3-74a499333a10-44afc99f, #w-node-_27649c89-5ade-1440-e4c3-74a499333a12-44afc99f, #w-node-_27649c89-5ade-1440-e4c3-74a499333a14-44afc99f, #w-node-_27649c89-5ade-1440-e4c3-74a499333a16-44afc99f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_15690c71-c90b-f84e-d5ea-efa74f13d147-44afc99f {
place-self: start center;
}
#w-node-_01511e97-c11b-bdae-8a10-25609fca8d39-9fca8d38, #w-node-_01511e97-c11b-bdae-8a10-25609fca8d3b-9fca8d38, #w-node-_01511e97-c11b-bdae-8a10-25609fca8d50-9fca8d38, #w-node-_5c2b9397-ee23-f54f-d60f-445dc608bf29-c608bf29 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_28364950-89cb-b110-9e9b-750910aad211-44afc9a0 {
align-self: center;
}
#w-node-_28364950-89cb-b110-9e9b-750910aad226-44afc9a0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_09bdc2e7-4858-2b99-d5b1-59d5f4301a2c-44afc9a0 {
align-self: center;
}
#w-node-_43b97f6b-fd9c-c1bf-2982-27590e983093-44afc9a0, #w-node-_5e392552-99f9-0cb2-965b-34a40e04d24f-44afc9a2, #w-node-_5e392552-99f9-0cb2-965b-34a40e04d250-44afc9a2 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5e392552-99f9-0cb2-965b-34a40e04d25c-44afc9a2, #w-node-_5e392552-99f9-0cb2-965b-34a40e04d261-44afc9a2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d85fe2e1-ca1a-4cff-6d01-581c460d448b-44afc9a3 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: end;
}
#w-node-_612e16c9-7b15-38f7-623b-4480fa1bd050-44afc9a3 {
align-self: center;
}
#w-node-_612e16c9-7b15-38f7-623b-4480fa1bd065-44afc9a3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_612e16c9-7b15-38f7-623b-4480fa1bd097-44afc9a3 {
align-self: center;
}
#w-node-db0b6c70-51c5-dafc-d5da-30ae22efce4f-44afc9a3, #w-node-db0b6c70-51c5-dafc-d5da-30ae22efce6b-44afc9a3, #w-node-ea45f283-3c91-20b0-a33f-920a0b978ed2-44afc9a3 {
grid-area: span 2 / span 1 / span 2 / span 1;
align-self: end;
}
#w-node-_75b663df-ae27-a026-71e7-08ea4d5af340-44afc9f7 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_9e6b6ace-c0b6-1fef-b8fd-ce5cda37073d-44afc9f7, #w-node-_81ea5080-34e3-56a2-73db-d1d36eebdc78-44afc9f7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ca71ac2e-25d3-60f0-756d-d9be1f27b46d-44afc9f7, #w-node-_958d96c4-4482-3525-b3bd-120dffc36824-44afc9f7 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_65350ca8-f294-ff4e-d36e-f74d15ceaa92-15ceaa84, #w-node-_65350ca8-f294-ff4e-d36e-f74d15ceaa96-15ceaa84, #w-node-_65350ca8-f294-ff4e-d36e-f74d15ceaa9a-15ceaa84, #w-node-_65350ca8-f294-ff4e-d36e-f74d15ceaaae-15ceaa84, #w-node-_65350ca8-f294-ff4e-d36e-f74d15ceaab2-15ceaa84, #w-node-_65350ca8-f294-ff4e-d36e-f74d15ceaab6-15ceaa84 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: stretch center;
}
#w-node-_65350ca8-f294-ff4e-d36e-f74d15ceaae8-15ceaa84, #w-node-_65350ca8-f294-ff4e-d36e-f74d15ceaaf6-15ceaa84 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: stretch stretch;
}
#w-node-_1858ab52-194c-140c-f728-6dc7595774a2-44afc9fe, #w-node-_1858ab52-194c-140c-f728-6dc7595774a6-44afc9fe, #w-node-_1858ab52-194c-140c-f728-6dc7595774aa-44afc9fe, #w-node-_1858ab52-194c-140c-f728-6dc7595774be-44afc9fe, #w-node-_1858ab52-194c-140c-f728-6dc7595774c2-44afc9fe, #w-node-_1858ab52-194c-140c-f728-6dc7595774c6-44afc9fe {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: stretch center;
}
#w-node-_97fa27b0-8f6b-47a0-7b19-72e9e48ec1b1-44afc9fe {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97fa27b0-8f6b-47a0-7b19-72e9e48ec1b7-44afc9fe {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_97fa27b0-8f6b-47a0-7b19-72e9e48ec1bc-44afc9fe, #w-node-_97fa27b0-8f6b-47a0-7b19-72e9e48ec1be-44afc9fe, #w-node-_97fa27b0-8f6b-47a0-7b19-72e9e48ec1c0-44afc9fe {
place-self: stretch end;
}
#w-node-d05d228e-7c72-5784-643d-5d16d25d8232-44afc9fe {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d05d228e-7c72-5784-643d-5d16d25d8238-44afc9fe {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-d05d228e-7c72-5784-643d-5d16d25d823b-44afc9fe, #w-node-d05d228e-7c72-5784-643d-5d16d25d823d-44afc9fe, #w-node-d05d228e-7c72-5784-643d-5d16d25d823f-44afc9fe {
place-self: stretch end;
}
#w-node-aa11b1b6-a990-352e-70a5-70ff49b8797c-44afc9fe, #w-node-aa11b1b6-a990-352e-70a5-70ff49b8798a-44afc9fe, #w-node-aa11b1b6-a990-352e-70a5-70ff49b87998-44afc9fe, #w-node-aa11b1b6-a990-352e-70a5-70ff49b879ad-44afc9fe, #w-node-aa11b1b6-a990-352e-70a5-70ff49b879af-44afc9fe, #w-node-aa11b1b6-a990-352e-70a5-70ff49b879b1-44afc9fe, #w-node-aa11b1b6-a990-352e-70a5-70ff49b879b3-44afc9fe, #w-node-aa11b1b6-a990-352e-70a5-70ff49b879d1-44afc9fe, #w-node-aa11b1b6-a990-352e-70a5-70ff49b879df-44afc9fe, #w-node-aa11b1b6-a990-352e-70a5-70ff49b879ed-44afc9fe, #w-node-aa11b1b6-a990-352e-70a5-70ff49b879fb-44afc9fe, #w-node-aa11b1b6-a990-352e-70a5-70ff49b87a09-44afc9fe, #w-node-aa11b1b6-a990-352e-70a5-70ff49b87a17-44afc9fe {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1d647fb3-3f36-05ba-c51b-cac96dde94ee-44afc9fe {
place-self: start center;
}
#w-node-_67b7560b-3f74-649d-62c0-07a297ebd7de-44afc9fe {
align-self: center;
}
#w-node-_67b7560b-3f74-649d-62c0-07a297ebd7e7-44afc9fe {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_67b7560b-3f74-649d-62c0-07a297ebd7ea-44afc9fe, #w-node-_67b7560b-3f74-649d-62c0-07a297ebd7ec-44afc9fe, #w-node-_67b7560b-3f74-649d-62c0-07a297ebd7ee-44afc9fe {
place-self: stretch end;
}
#w-node-_67b7560b-3f74-649d-62c0-07a297ebd7fe-44afc9fe {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2b537079-3e02-50b1-ebed-449c59e5b8ff-44afc9fe {
place-self: center;
}
#w-node-_2b537079-3e02-50b1-ebed-449c59e5b91c-44afc9fe, #w-node-_2b537079-3e02-50b1-ebed-449c59e5b936-44afc9fe, #w-node-_2b537079-3e02-50b1-ebed-449c59e5b950-44afc9fe, #w-node-_2b537079-3e02-50b1-ebed-449c59e5b96a-44afc9fe {
justify-self: end;
}
#w-node-_90a518aa-6a01-4619-bfd2-67a5f0382daf-44afc9fe {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_4f145b7f-b4a8-ae1a-5def-a8e5823108a5-44afca00 {
align-self: start;
}
#w-node-_26685423-f3db-fbb9-cb66-2fdfc357f59f-44afca00, #w-node-_4e8d6ca1-c157-2f98-4fe3-927bbf009999-44afca00 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_667a8e42-fac7-b41b-76af-1ac6493f7cfc-44afca15, #w-node-_49aa0e57-7f76-cdcc-ed46-88f3cb762ba5-44afca15, #w-node-_60b0a4f8-0087-8429-5d3e-fb81afa5b770-44afca15 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5ddcaf3f-fdfd-f6d4-67db-2d06150bae17-44afca16 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ce347bea-4fbf-1953-5a0f-0496305124e1-44afca16, #w-node-_4be6cc62-0f52-9a71-056e-5fcde224cc62-44afca16 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fa1f10ab-0f86-5a08-8bff-a7c72329c028-2329c027, #w-node-fa1f10ab-0f86-5a08-8bff-a7c72329c02b-2329c027, #w-node-fa1f10ab-0f86-5a08-8bff-a7c72329c02c-2329c027, #w-node-fa1f10ab-0f86-5a08-8bff-a7c72329c02e-2329c027, #w-node-_43d3ba5d-30ce-814a-2aa4-da9a171f0aa5-2329c027, #w-node-d490d358-6d5d-6fdd-94c0-14fb9179a980-9179a97f, #w-node-d490d358-6d5d-6fdd-94c0-14fb9179a982-9179a97f, #w-node-_5ddcaf3f-fdfd-f6d4-67db-2d06150bae17-44afca18 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ce347bea-4fbf-1953-5a0f-0496305124e1-44afca18, #w-node-_4be6cc62-0f52-9a71-056e-5fcde224cc62-44afca18 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5ddcaf3f-fdfd-f6d4-67db-2d06150bae17-44afca1a {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ce347bea-4fbf-1953-5a0f-0496305124e1-44afca1a, #w-node-_4be6cc62-0f52-9a71-056e-5fcde224cc62-44afca1a, #w-node-_667a8e42-fac7-b41b-76af-1ac6493f7cfc-44afca1c, #w-node-_49aa0e57-7f76-cdcc-ed46-88f3cb762ba5-44afca1c, #w-node-_60b0a4f8-0087-8429-5d3e-fb81afa5b770-44afca1c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5ddcaf3f-fdfd-f6d4-67db-2d06150bae17-44afca1d {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ce347bea-4fbf-1953-5a0f-0496305124e1-44afca1d, #w-node-_4be6cc62-0f52-9a71-056e-5fcde224cc62-44afca1d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5ddcaf3f-fdfd-f6d4-67db-2d06150bae17-44afca1f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ce347bea-4fbf-1953-5a0f-0496305124e1-44afca1f, #w-node-_4be6cc62-0f52-9a71-056e-5fcde224cc62-44afca1f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5ddcaf3f-fdfd-f6d4-67db-2d06150bae17-44afca21 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ce347bea-4fbf-1953-5a0f-0496305124e1-44afca21, #w-node-_4be6cc62-0f52-9a71-056e-5fcde224cc62-44afca21, #w-node-_667a8e42-fac7-b41b-76af-1ac6493f7cfc-44afca23, #w-node-_49aa0e57-7f76-cdcc-ed46-88f3cb762ba5-44afca23, #w-node-_60b0a4f8-0087-8429-5d3e-fb81afa5b770-44afca23 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5ddcaf3f-fdfd-f6d4-67db-2d06150bae17-44afca24 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ce347bea-4fbf-1953-5a0f-0496305124e1-44afca24, #w-node-_4be6cc62-0f52-9a71-056e-5fcde224cc62-44afca24 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5ddcaf3f-fdfd-f6d4-67db-2d06150bae17-44afca3a {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ce347bea-4fbf-1953-5a0f-0496305124e1-44afca3a, #w-node-_4be6cc62-0f52-9a71-056e-5fcde224cc62-44afca3a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5ddcaf3f-fdfd-f6d4-67db-2d06150bae17-44afca3c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ce347bea-4fbf-1953-5a0f-0496305124e1-44afca3c, #w-node-_4be6cc62-0f52-9a71-056e-5fcde224cc62-44afca3c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8bd59813-f151-f976-0dee-4ab24cacb0d8-44afca41, #w-node-_5e12ef2f-ec5d-a5fa-bbb0-1d0bbe54a4c0-44afca41 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_0c8496c9-dedc-88fe-36e1-14bf41fc499c-44afca41, #w-node-_5d6eaf49-ec5a-8f6c-43c5-6a85f8aa8aef-44afca41, #w-node-_7716d2fc-25d2-1119-cde6-622b4e4341d9-44afca41, #w-node-_353f1fc8-66f6-100b-fa3e-c816da058f58-44afca41, #w-node-_353f1fc8-66f6-100b-fa3e-c816da058f66-44afca41, #w-node-_2c3b143a-c88d-873f-0687-3509ec3d4f3d-44afca41, #w-node-_2c3b143a-c88d-873f-0687-3509ec3d4f4b-44afca41, #w-node-_2c3b143a-c88d-873f-0687-3509ec3d4f59-44afca41, #w-node-_26bd2c3b-4a86-f001-5e7f-95f78ebbee68-44afca41, #w-node-_26bd2c3b-4a86-f001-5e7f-95f78ebbee76-44afca41, #w-node-_26bd2c3b-4a86-f001-5e7f-95f78ebbee84-44afca41, #w-node-_26bd2c3b-4a86-f001-5e7f-95f78ebbee92-44afca41, #w-node-_26bd2c3b-4a86-f001-5e7f-95f78ebbeea0-44afca41, #w-node-_26bd2c3b-4a86-f001-5e7f-95f78ebbeeae-44afca41 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_425fc9de-6ada-99e5-e776-33c4a9a6da9d-44afca41 {
place-self: start center;
}
#w-node-_5e8e71ef-a619-7b6d-b8bc-e20fcd6ad503-cd6ad4d2, #w-node-_5e8e71ef-a619-7b6d-b8bc-e20fcd6ad510-cd6ad4d2 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: stretch stretch;
}
#w-node-_6b04b312-ea89-6f9c-3774-a787c75944c6-44afca60 {
align-self: center;
}
#w-node-_6b04b312-ea89-6f9c-3774-a787c75944db-44afca60 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_31d75678-924a-c7cc-edae-53aae87bca4a-44afca60, #w-node-_37315c46-1833-e925-c2e0-25329cf10fcc-44afca60 {
align-self: center;
}
#w-node-_37315c46-1833-e925-c2e0-25329cf10fe1-44afca60 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_28061a85-8979-3e7b-5ce3-40ba42a6394c-44afca60, #w-node-fe93f701-cf06-0bdf-79a8-6cfc4a514c5f-44afca60 {
align-self: center;
}
#w-node-fe93f701-cf06-0bdf-79a8-6cfc4a514c74-44afca60 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_435d0480-d4a5-f845-bfdc-168567794a60-44afca60, #w-node-_23746a4b-2935-eb21-6e40-c66416f17fbb-44afca60 {
align-self: center;
}
#w-node-_23746a4b-2935-eb21-6e40-c66416f17fd0-44afca60 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5749287f-1ae4-a822-dbf7-14d6316ce2d9-44afca60 {
align-self: center;
}
#w-node-ffc83b4b-8290-28ba-cd71-86c1022d1029-44afca60 {
place-self: center;
}
#w-node-ffc83b4b-8290-28ba-cd71-86c1022d1046-44afca60, #w-node-ffc83b4b-8290-28ba-cd71-86c1022d1060-44afca60, #w-node-ffc83b4b-8290-28ba-cd71-86c1022d107a-44afca60, #w-node-ffc83b4b-8290-28ba-cd71-86c1022d1094-44afca60 {
justify-self: end;
}
#w-node-beac2009-4623-e88a-fd47-449e8cbff943-44afca60 {
align-self: center;
}
#w-node-beac2009-4623-e88a-fd47-449e8cbff958-44afca60 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-beac2009-4623-e88a-fd47-449e8cbff98a-44afca60 {
align-self: center;
}
#w-node-ed456d88-36a1-8e75-9f03-b0cb8fc89067-44afca60 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ed456d88-36a1-8e75-9f03-b0cb8fc89099-44afca60 {
align-self: center;
}
#w-node-_8b50ad86-bd08-66ac-75ae-8da282fb8e3a-44afca60 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8b50ad86-bd08-66ac-75ae-8da282fb8e6d-44afca60 {
align-self: center;
}
#w-node-_52a01784-3396-948d-c1a0-8257970c3977-52659cea {
place-self: start center;
}
#w-node-_78cc6ae9-294c-753a-d8a0-518187d7f223-52659cea, #w-node-_4398cb9a-330c-f1d8-5c90-a1b86a9cf1ee-52659cea, #w-node-_2352dfeb-6638-0939-3721-39c15367cb20-52659cea, #w-node-_7666708b-c7f2-e7a1-82b6-edfefca29472-52659cea, #w-node-c787c70e-8546-9e6d-4ec9-10b6e95defcd-52659cea, #w-node-c787c70e-8546-9e6d-4ec9-10b6e95defcf-52659cea {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_65c3d074-2207-a849-9342-75b8e33a3cc3-52659cea {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_65c3d074-2207-a849-9342-75b8e33a3cc4-52659cea {
grid-column: span 2 / span 2;
}
#w-node-_65c3d074-2207-a849-9342-75b8e33a3cc6-52659cea, #w-node-_65c3d074-2207-a849-9342-75b8e33a3cd6-52659cea, #w-node-_5b160b79-7f63-9b78-6b11-833ce666a71f-52659cea {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_65c3d074-2207-a849-9342-75b8e33a3ceb-52659cea {
grid-column: span 2 / span 2;
}
#w-node-_65c3d074-2207-a849-9342-75b8e33a3ced-52659cea, #w-node-_65c3d074-2207-a849-9342-75b8e33a3cf4-52659cea, #w-node-_8346e21f-c65a-0c6b-56a6-3ae30bda4899-52659cea, #w-node-_7c204cf4-083b-fd90-4429-29cfc4c1c1d4-52659cea {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d7c35895-a62f-033f-0db3-97ece4bcf943-52659cea {
grid-column: span 2 / span 2;
}
#w-node-c927d40e-df82-aebc-104a-e027b88dc43c-52659cea {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-c927d40e-df82-aebc-104a-e027b88dc43d-52659cea {
grid-column: span 2 / span 2;
}
#w-node-c927d40e-df82-aebc-104a-e027b88dc43f-52659cea, #w-node-c927d40e-df82-aebc-104a-e027b88dc44f-52659cea, #w-node-c927d40e-df82-aebc-104a-e027b88dc45f-52659cea {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c927d40e-df82-aebc-104a-e027b88dc464-52659cea {
grid-column: span 2 / span 2;
}
#w-node-c927d40e-df82-aebc-104a-e027b88dc466-52659cea, #w-node-c927d40e-df82-aebc-104a-e027b88dc46d-52659cea, #w-node-c927d40e-df82-aebc-104a-e027b88dc474-52659cea, #w-node-c927d40e-df82-aebc-104a-e027b88dc47b-52659cea {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c927d40e-df82-aebc-104a-e027b88dc480-52659cea {
grid-column: span 2 / span 2;
}
#w-node-c927d40e-df82-aebc-104a-e027b88dc482-52659cea, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e9111-670e90fc, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e9113-670e90fc {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e9114-670e90fc, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e9119-670e90fc, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e911e-670e90fc, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e9123-670e90fc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e9138-670e90fc, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e913a-670e90fc, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e9147-670e90fc, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e915a-670e90fc, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e9167-670e90fc, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e9174-670e90fc, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e9181-670e90fc, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e9183-670e90fc, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e91ba-670e90fc, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e923a-670e90fc, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e923b-670e90fc, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e923d-670e90fc {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6c4344f1-6ce9-3955-ff50-894c29bacde8-48fdc5c3, #w-node-_6c4344f1-6ce9-3955-ff50-894c29bacdf5-48fdc5c3 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: stretch stretch;
}
#w-node-_22a638e7-82d6-83f9-37c7-49250424598d-e7c3d962 {
align-self: center;
}
#w-node-_22a638e7-82d6-83f9-37c7-4925042459a2-e7c3d962 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_22a638e7-82d6-83f9-37c7-4925042459d4-e7c3d962, #w-node-_22a638e7-82d6-83f9-37c7-4925042459ee-e7c3d962 {
align-self: center;
}
#w-node-_22a638e7-82d6-83f9-37c7-492504245a03-e7c3d962 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_22a638e7-82d6-83f9-37c7-492504245a35-e7c3d962 {
align-self: center;
}
#w-node-_345c86c8-88f4-d785-be39-369e56c984cf-e7c3d962 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_345c86c8-88f4-d785-be39-369e56c984ff-e7c3d962 {
align-self: center;
}
#w-node-_345c86c8-88f4-d785-be39-369e56c9852d-e7c3d962 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_345c86c8-88f4-d785-be39-369e56c9855d-e7c3d962 {
align-self: center;
}
#w-node-c0f40478-a299-b770-3fd5-72f81781cb6c-e7c3d962, #w-node-c59b5e8d-26b9-2363-3d8c-ea10ffb5d951-e7c3d962, #w-node-b9c40f45-3065-8ca8-02df-23f8bed0e272-e7c3d962, #w-node-c6a21fec-99b6-15ff-df8d-7fd55c2d9199-e7c3d962 {
grid-area: span 2 / span 1 / span 2 / span 1;
align-self: end;
}
#w-node-a531d4af-6ee0-9ec8-26fb-79ca044ec1de-e7c3d962 {
align-self: center;
}
#w-node-a531d4af-6ee0-9ec8-26fb-79ca044ec1f3-e7c3d962 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a531d4af-6ee0-9ec8-26fb-79ca044ec222-e7c3d962, #w-node-a531d4af-6ee0-9ec8-26fb-79ca044ec23c-e7c3d962 {
align-self: center;
}
#w-node-a531d4af-6ee0-9ec8-26fb-79ca044ec251-e7c3d962 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a531d4af-6ee0-9ec8-26fb-79ca044ec280-e7c3d962, #w-node-cc2396c3-c602-ad23-b37e-9b58177c82b0-e7c3d962 {
align-self: center;
}
#w-node-cc2396c3-c602-ad23-b37e-9b58177c82c5-e7c3d962 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-cc2396c3-c602-ad23-b37e-9b58177c82f4-e7c3d962 {
align-self: center;
}
#w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef386-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef387-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef388-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef389-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef38a-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef38b-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef38c-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef38d-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef38e-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef38f-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef390-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef391-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef392-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef393-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef394-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef395-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef396-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef397-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef398-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef399-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef39a-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef39b-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef39c-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef39d-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef39e-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef39f-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3a0-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3a1-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3a2-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3a3-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3a4-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3a5-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3a6-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3a7-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3a8-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3a9-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3aa-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3ab-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3ac-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3ad-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3ae-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3af-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3b0-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3b1-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3b2-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3b3-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3b4-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3b5-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3b6-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3b7-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3b8-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3b9-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3ba-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3bb-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3bc-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3bd-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3be-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3bf-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3c0-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3c1-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3c2-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3c3-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3c4-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3c5-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3c6-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3c7-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3c8-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3c9-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3ca-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3cb-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3cc-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3cd-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3ce-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3cf-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3d0-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3d1-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3d2-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3d3-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3d4-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3d5-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3d6-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3d7-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3d8-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3d9-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3da-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3db-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3dc-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3dd-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3de-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3df-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3e0-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3e1-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3e2-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3e3-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3e4-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3e5-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3e6-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3e7-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3e8-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3e9-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3ea-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3eb-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3ec-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3ed-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3ee-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3ef-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3f0-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3f1-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3f2-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3f3-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3f4-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3f5-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3f6-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3f7-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3f8-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3f9-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3fa-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3fb-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3fc-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3fd-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3fe-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef3ff-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef400-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef401-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef402-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef403-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef404-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef405-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef406-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef407-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef408-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef409-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef40a-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef40b-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef40c-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef40d-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef40e-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef40f-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef410-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef411-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef412-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef413-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef414-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef415-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef416-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef417-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef418-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef419-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef41a-2c5dfdc1, #w-node-_2921d8bf-b6e5-a3d9-f17d-b5b4d74ef41b-2c5dfdc1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6aff9737-1e2d-3d83-fd04-de3a5f190a02-2c5dfdc1 {
place-self: start center;
}
#w-node-bcdfb8f2-57df-330a-e0fa-6bb23654137d-cab9f8bb, #w-node-bcdfb8f2-57df-330a-e0fa-6bb23654137e-cab9f8bb {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: end;
}
#w-node-bcdfb8f2-57df-330a-e0fa-6bb23654138f-cab9f8bb, #w-node-bcdfb8f2-57df-330a-e0fa-6bb2365413a2-cab9f8bb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dbd2aedc-6996-ccc5-c706-413de38cc383-cab9f8bb {
align-self: start;
}
#w-node-dbd2aedc-6996-ccc5-c706-413de38cc388-cab9f8bb {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_811a262c-4479-da9c-d9a6-54f9d238c72c-cab9f8bb {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_811a262c-4479-da9c-d9a6-54f9d238c73e-cab9f8bb {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_7785f904-464d-0d27-8038-f20e75bd3cee-0817e843 {
place-self: center;
}
#w-node-d5af0a5d-4e83-ffe7-b51c-cd32d470c59c-0817e843 {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: end;
}
#w-node-_6a568ede-f1b1-c013-972f-6bafe9bb60cc-0817e843 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_6a568ede-f1b1-c013-972f-6bafe9bb60cf-0817e843, #w-node-_62bce6f8-9d41-e616-e9c3-c29a24739f0d-0817e843, #w-node-_6a568ede-f1b1-c013-972f-6bafe9bb60d1-0817e843, #w-node-_6a568ede-f1b1-c013-972f-6bafe9bb60d3-0817e843 {
place-self: stretch end;
}
#w-node-_6a568ede-f1b1-c013-972f-6bafe9bb60d9-0817e843 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4bbf5c7c-aaca-c0fe-07f1-97f80c221f41-2a9227b7 {
place-self: center;
}
#w-node-_4bbf5c7c-aaca-c0fe-07f1-97f80c221f67-2a9227b7 {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: end;
}
#w-node-_4bbf5c7c-aaca-c0fe-07f1-97f80c221f9e-2a9227b7 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_4bbf5c7c-aaca-c0fe-07f1-97f80c221fa1-2a9227b7, #w-node-_4bbf5c7c-aaca-c0fe-07f1-97f80c221fa3-2a9227b7, #w-node-_4bbf5c7c-aaca-c0fe-07f1-97f80c221fa5-2a9227b7, #w-node-_4bbf5c7c-aaca-c0fe-07f1-97f80c221fa7-2a9227b7 {
place-self: stretch end;
}
#w-node-_4bbf5c7c-aaca-c0fe-07f1-97f80c221fad-2a9227b7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7f3d2820-5713-3243-bdca-0313707e8899-574e4856 {
place-self: center;
}
#w-node-_7f3d2820-5713-3243-bdca-0313707e88b6-574e4856, #w-node-_7f3d2820-5713-3243-bdca-0313707e88d0-574e4856, #w-node-_7f3d2820-5713-3243-bdca-0313707e88ea-574e4856, #w-node-_7f3d2820-5713-3243-bdca-0313707e8904-574e4856 {
justify-self: end;
}
#w-node-d9ff090c-1f26-db17-08dd-054cfda0f509-0ea54b9c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a845a90b-527b-1dd0-813a-85d18aa51c7d-8478d384 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-cb7c9904-6646-2828-e1e1-b61bf2defa8c-8f3c47a5, #w-node-cb7c9904-6646-2828-e1e1-b61bf2defa8d-8f3c47a5 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: end;
}
#w-node-cb7c9904-6646-2828-e1e1-b61bf2defa9e-8f3c47a5, #w-node-cb7c9904-6646-2828-e1e1-b61bf2defab0-8f3c47a5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0acfeeb9-4207-1856-e946-b2406a1ec6e4-8f3c47a5 {
place-self: start center;
}
#w-node-aa1988a1-4a3a-87f3-a683-700bee43c300-2dd3529e {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: center;
}
#w-node-aa1988a1-4a3a-87f3-a683-700bee43c302-2dd3529e {
align-self: end;
}
#w-node-aa1988a1-4a3a-87f3-a683-700bee43c304-2dd3529e, #w-node-ffc83b4b-8290-28ba-cd71-86c1022d1029-168eac09 {
place-self: center;
}
#w-node-ffc83b4b-8290-28ba-cd71-86c1022d1046-168eac09, #w-node-ffc83b4b-8290-28ba-cd71-86c1022d1060-168eac09, #w-node-ffc83b4b-8290-28ba-cd71-86c1022d107a-168eac09, #w-node-ffc83b4b-8290-28ba-cd71-86c1022d1094-168eac09 {
justify-self: end;
}
#w-node-_8376e0b7-58e1-34f1-f526-adb6bc3172f5-168eac09, #w-node-c47f76c0-fc9f-736a-38a3-6ab9507a8cec-9f6d92d6, #w-node-_5e3cfa9f-a005-1a0c-8fc2-b5c6b2d858bd-9f6d92d6 {
grid-area: span 2 / span 1 / span 2 / span 1;
align-self: end;
}
#w-node-_33aede8e-f4ae-332c-b6a7-3b9806d0fa77-9f6d92d6 {
align-self: center;
}
#w-node-_33aede8e-f4ae-332c-b6a7-3b9806d0fa82-9f6d92d6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_33aede8e-f4ae-332c-b6a7-3b9806d0fa87-9f6d92d6 {
place-self: stretch end;
}
#w-node-d24649d8-487f-2eeb-8d89-37625b71db04-9f6d92d6 {
align-self: center;
}
#w-node-_5d55a9d4-92fe-b1df-ee80-55e722d65402-9f6d92d6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5d55a9d4-92fe-b1df-ee80-55e722d65407-9f6d92d6 {
place-self: stretch end;
}
@media screen and (min-width: 1440px) {
#w-node-_62bce6f8-9d41-e616-e9c3-c29a24739f0d-0817e843, #w-node-_4bbf5c7c-aaca-c0fe-07f1-97f80c221fa3-2a9227b7 {
place-self: stretch end;
}
}
@media screen and (max-width: 991px) {
#w-node-_15690c71-c90b-f84e-d5ea-efa74f13cfec-44afc99f, #w-node-_15690c71-c90b-f84e-d5ea-efa74f13cfed-44afc99f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_01511e97-c11b-bdae-8a10-25609fca8d3b-9fca8d38, #w-node-_01511e97-c11b-bdae-8a10-25609fca8d50-9fca8d38, #w-node-baf8d4ce-e17a-68b1-3481-ee2f9356f82d-44afc9a0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5e392552-99f9-0cb2-965b-34a40e04d24f-44afc9a2, #w-node-_5e392552-99f9-0cb2-965b-34a40e04d250-44afc9a2, #w-node-ca71ac2e-25d3-60f0-756d-d9be1f27b46d-44afc9f7, #w-node-_958d96c4-4482-3525-b3bd-120dffc36824-44afc9f7, #w-node-_8bd59813-f151-f976-0dee-4ab24cacb0d8-44afca41, #w-node-_5e12ef2f-ec5d-a5fa-bbb0-1d0bbe54a4c0-44afca41, #w-node-_78cc6ae9-294c-753a-d8a0-518187d7f223-52659cea {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4398cb9a-330c-f1d8-5c90-a1b86a9cf1ee-52659cea {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c787c70e-8546-9e6d-4ec9-10b6e95defcf-52659cea {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_65c3d074-2207-a849-9342-75b8e33a3cc3-52659cea {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
#w-node-_65c3d074-2207-a849-9342-75b8e33a3cc4-52659cea, #w-node-_65c3d074-2207-a849-9342-75b8e33a3ceb-52659cea, #w-node-d7c35895-a62f-033f-0db3-97ece4bcf943-52659cea {
grid-column: span 1 / span 1;
}
#w-node-c927d40e-df82-aebc-104a-e027b88dc43c-52659cea {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
#w-node-c927d40e-df82-aebc-104a-e027b88dc43d-52659cea, #w-node-c927d40e-df82-aebc-104a-e027b88dc464-52659cea, #w-node-c927d40e-df82-aebc-104a-e027b88dc480-52659cea {
grid-column: span 1 / span 1;
}
#w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e9113-670e90fc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e91ba-670e90fc, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e923a-670e90fc {
grid-column: span 1 / span 1;
}
#w-node-_6a568ede-f1b1-c013-972f-6bafe9bb60d1-0817e843, #w-node-_4bbf5c7c-aaca-c0fe-07f1-97f80c221fa5-2a9227b7 {
justify-self: stretch;
}
}
@media screen and (max-width: 767px) {
#w-node-_8ddb816b-c3e5-e66d-982b-dcdb548c7f0a-548c7ef4, #w-node-_8ddb816b-c3e5-e66d-982b-dcdb548c7f22-548c7ef4, #w-node-_8ddb816b-c3e5-e66d-982b-dcdb548c7f3a-548c7ef4 {
justify-self: center;
}
#w-node-_01511e97-c11b-bdae-8a10-25609fca8d3b-9fca8d38, #w-node-_01511e97-c11b-bdae-8a10-25609fca8d50-9fca8d38 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d490d358-6d5d-6fdd-94c0-14fb9179a980-9179a97f, #w-node-d490d358-6d5d-6fdd-94c0-14fb9179a984-9179a97f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_78cc6ae9-294c-753a-d8a0-518187d7f223-52659cea, #w-node-_4398cb9a-330c-f1d8-5c90-a1b86a9cf1ee-52659cea, #w-node-c787c70e-8546-9e6d-4ec9-10b6e95defcf-52659cea, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e9113-670e90fc {
grid-area: span 1 / span 2 / span 1 / span 2;
}
}
@media screen and (max-width: 479px) {
#w-node-_01511e97-c11b-bdae-8a10-25609fca8d39-9fca8d38, #w-node-_01511e97-c11b-bdae-8a10-25609fca8d3b-9fca8d38, #w-node-_01511e97-c11b-bdae-8a10-25609fca8d50-9fca8d38 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5c2b9397-ee23-f54f-d60f-445dc608bf29-c608bf29 {
grid-column: span 1 / span 1;
}
#w-node-baf8d4ce-e17a-68b1-3481-ee2f9356f82d-44afc9a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_28364950-89cb-b110-9e9b-750910aad211-44afc9a0, #w-node-_09bdc2e7-4858-2b99-d5b1-59d5f4301a2c-44afc9a0, #w-node-_612e16c9-7b15-38f7-623b-4480fa1bd050-44afc9a3, #w-node-_612e16c9-7b15-38f7-623b-4480fa1bd097-44afc9a3 {
justify-self: center;
}
#w-node-_75b663df-ae27-a026-71e7-08ea4d5af340-44afc9f7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d490d358-6d5d-6fdd-94c0-14fb9179a984-9179a97f, #w-node-d490d358-6d5d-6fdd-94c0-14fb9179a986-9179a97f {
justify-self: start;
}
#w-node-_6b04b312-ea89-6f9c-3774-a787c75944c6-44afca60, #w-node-_31d75678-924a-c7cc-edae-53aae87bca4a-44afca60, #w-node-_37315c46-1833-e925-c2e0-25329cf10fcc-44afca60, #w-node-_28061a85-8979-3e7b-5ce3-40ba42a6394c-44afca60, #w-node-fe93f701-cf06-0bdf-79a8-6cfc4a514c5f-44afca60, #w-node-_435d0480-d4a5-f845-bfdc-168567794a60-44afca60, #w-node-_23746a4b-2935-eb21-6e40-c66416f17fbb-44afca60, #w-node-_5749287f-1ae4-a822-dbf7-14d6316ce2d9-44afca60, #w-node-beac2009-4623-e88a-fd47-449e8cbff943-44afca60, #w-node-beac2009-4623-e88a-fd47-449e8cbff98a-44afca60, #w-node-ed456d88-36a1-8e75-9f03-b0cb8fc89099-44afca60, #w-node-_8b50ad86-bd08-66ac-75ae-8da282fb8e6d-44afca60 {
justify-self: center;
}
#w-node-_78cc6ae9-294c-753a-d8a0-518187d7f223-52659cea, #w-node-_4398cb9a-330c-f1d8-5c90-a1b86a9cf1ee-52659cea, #w-node-c787c70e-8546-9e6d-4ec9-10b6e95defcf-52659cea, #w-node-_2b904c57-83ff-7fa1-c2dc-34dd670e9113-670e90fc {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_22a638e7-82d6-83f9-37c7-49250424598d-e7c3d962, #w-node-_22a638e7-82d6-83f9-37c7-4925042459d4-e7c3d962, #w-node-_22a638e7-82d6-83f9-37c7-4925042459ee-e7c3d962, #w-node-_22a638e7-82d6-83f9-37c7-492504245a35-e7c3d962, #w-node-_345c86c8-88f4-d785-be39-369e56c984ff-e7c3d962, #w-node-_345c86c8-88f4-d785-be39-369e56c9855d-e7c3d962, #w-node-a531d4af-6ee0-9ec8-26fb-79ca044ec1de-e7c3d962, #w-node-a531d4af-6ee0-9ec8-26fb-79ca044ec222-e7c3d962, #w-node-a531d4af-6ee0-9ec8-26fb-79ca044ec23c-e7c3d962, #w-node-a531d4af-6ee0-9ec8-26fb-79ca044ec280-e7c3d962, #w-node-cc2396c3-c602-ad23-b37e-9b58177c82b0-e7c3d962, #w-node-cc2396c3-c602-ad23-b37e-9b58177c82f4-e7c3d962, #w-node-_33aede8e-f4ae-332c-b6a7-3b9806d0fa77-9f6d92d6, #w-node-d24649d8-487f-2eeb-8d89-37625b71db04-9f6d92d6 {
justify-self: center;
}
}