/* Copyright 2014 Mozilla Foundation * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ :root { --button-primary-bg-color: var( --button-background-color-primary, light-dark(#0060df, #0df) ); --button-primary-fg-color: var( --button-text-color-primary, light-dark(#fbfbfe, #15141a) ); --button-primary-border-color: var(--button-primary-bg-color); --button-primary-active-bg-color: var( --button-background-color-primary-active, light-dark(#054096, #aaf2ff) ); --button-primary-active-fg-color: var(--button-primary-fg-color); --button-primary-active-border-color: var(--button-primary-active-bg-color); --button-primary-hover-bg-color: var( --button-background-color-primary-hover, light-dark(#0250bb, #80ebff) ); --button-primary-hover-fg-color: var(--button-primary-fg-color); --button-primary-hover-border-color: var(--button-primary-hover-bg-color); --button-primary-disabled-bg-color: var(--button-primary-bg-color); --button-primary-disabled-border-color: var(--button-primary-border-color); --button-primary-disabled-fg-color: var(--button-primary-fg-color); --button-secondary-bg-color: var( --button-background-color, light-dark(rgb(21 20 26 / 0.07), rgb(251 251 254 / 0.07)) ); --button-secondary-fg-color: var(--text-color, light-dark(#15141a, #fbfbfe)); --button-secondary-border-color: var( --button-border-color, var(--button-secondary-bg-color) ); --button-secondary-active-bg-color: var( --button-background-color-active, light-dark(rgb(21 20 26 / 0.21), rgb(251 251 254 / 0.21)) ); --button-secondary-active-fg-color: var(--button-secondary-fg-color); --button-secondary-active-border-color: var(--button-secondary-bg-color); --button-secondary-hover-bg-color: var( --button-background-color-hover, light-dark(rgb(21 20 26 / 0.14), rgb(251 251 254 / 0.14)) ); --button-secondary-hover-fg-color: var(--button-secondary-fg-color); --button-secondary-hover-border-color: var(--button-secondary-hover-bg-color); --button-secondary-disabled-bg-color: var(--button-secondary-bg-color); --button-secondary-disabled-border-color: var( --button-secondary-border-color ); --button-secondary-disabled-fg-color: var(--button-secondary-fg-color); --button-disabled-opacity: 0.4; --hover-filter: brightness(0.9); @media (prefers-color-scheme: dark) { --button-disabled-opacity: 0.6; --hover-filter: brightness(1.4); } @media screen and (forced-colors: active) { --button-primary-bg-color: var( --button-background-color-primary, ButtonText ); --button-primary-fg-color: var(--button-text-color-primary, ButtonFace); --button-primary-border-color: var( --button-border-color-primary, ButtonText ); --button-primary-active-bg-color: var( --button-background-color-primary-active, SelectedItem ); --button-primary-active-fg-color: var( --button-text-color-primary-active, HighlightText ); --button-primary-active-border-color: var( --button-border-color-primary-active, ButtonText ); --button-primary-hover-bg-color: var( --button-background-color-primary-hover, SelectedItem ); --button-primary-hover-fg-color: var( --button-text-color-primary-hover, HighlightText ); --button-primary-hover-border-color: var( --button-border-color-primary-hover, SelectedItem ); --button-primary-disabled-bg-color: var( --button-background-color-primary-disabled, GrayText ); --button-primary-disabled-fg-color: var( --button-text-color-primary-disabled, ButtonFace ); --button-primary-disabled-border-color: var( --button-border-color-primary-disabled, GrayText ); --button-secondary-bg-color: var(--button-background-color, ButtonFace); --button-secondary-fg-color: var(--button-text-color, ButtonText); --button-secondary-border-color: var(--button-border-color, ButtonText); --button-secondary-active-bg-color: var( --button-background-color-active, HighlightText ); --button-secondary-active-fg-color: var( --button-text-color-active, SelectedItem ); --button-secondary-active-border-color: var( --button-border-color-active, ButtonText ); --button-secondary-hover-bg-color: var( --button-background-color-hover, HighlightText ); --button-secondary-hover-fg-color: var( --button-text-color-hover, SelectedItem ); --button-secondary-hover-border-color: var( --button-border-color-hover, SelectedItem ); --button-secondary-disabled-fg-color: var( --button-text-color-disabled, GrayText ); --button-secondary-disabled-border-color: var( --button-border-color-disabled, GrayText ); --button-disabled-opacity: 1; --hover-filter: none; } } .primaryButton, .secondaryButton { border-radius: var(--button-border-radius, 4px); border: 1px solid; font: menu; font-weight: var(--button-font-weight, 590); font-size: var(--button-font-size, 13px); padding: var(--button-padding, 4px 16px); width: auto; min-height: var(--button-min-height, 32px); &:hover { cursor: pointer; filter: var(--hover-filter); } > span { color: inherit; font: inherit; } &:disabled { pointer-events: none; } } .primaryButton { color: var(--button-primary-fg-color); background-color: var(--button-primary-bg-color); border-color: var(--button-primary-border-color); opacity: 1; &:hover { color: var(--button-primary-hover-fg-color); background-color: var(--button-primary-hover-bg-color); border-color: var(--button-primary-hover-border-color); } &:active { color: var(--button-primary-active-fg-color); background-color: var(--button-primary-active-bg-color); border-color: var(--button-primary-active-border-color); } &:disabled { background-color: var(--button-primary-disabled-bg-color); border-color: var(--button-primary-disabled-border-color); color: var(--button-primary-disabled-fg-color); opacity: var(--button-disabled-opacity); } } .secondaryButton { color: var(--button-secondary-fg-color); background-color: var(--button-secondary-bg-color); border-color: var(--button-secondary-border-color); &:hover { color: var(--button-secondary-hover-fg-color); background-color: var(--button-secondary-hover-bg-color); border-color: var(--button-secondary-hover-border-color); } &:active { color: var(--button-secondary-active-fg-color); background-color: var(--button-secondary-active-bg-color); border-color: var(--button-secondary-active-border-color); } &:disabled { background-color: var(--button-secondary-disabled-bg-color); border-color: var(--button-secondary-disabled-border-color); color: var(--button-secondary-disabled-fg-color); opacity: var(--button-disabled-opacity); } } .messageBar { --closing-button-icon: url(/static/pdfjs/images/messageBar_closingButton.svg); --message-bar-close-button-color: var(--text-primary-color); --message-bar-close-button-color-hover: var(--text-primary-color); --message-bar-close-button-border-radius: var(--border-radius-small, 4px); --message-bar-close-button-border: none; --message-bar-close-button-hover-bg-color: var( --button-background-color-hover, light-dark(rgb(21 20 26 / 0.14), rgb(251 251 254 / 0.14)) ); --message-bar-close-button-active-bg-color: var( --button-background-color-active, light-dark(rgb(21 20 26 / 0.21), rgb(251 251 254 / 0.21)) ); --message-bar-close-button-focus-bg-color: var( --button-background-color, light-dark(rgb(21 20 26 / 0.07), rgb(251 251 254 / 0.07)) ); @media screen and (forced-colors: active) { --message-bar-close-button-color: var(--button-text-color, ButtonText); --message-bar-close-button-border: 1px solid var(--button-border-color, ButtonText); --message-bar-close-button-hover-bg-color: var( --button-background-color-hover, SelectedItemText ); --message-bar-close-button-active-bg-color: var( --button-background-color-hover, SelectedItemText ); --message-bar-close-button-focus-bg-color: var( --button-background-color-hover, SelectedItemText ); --message-bar-close-button-color-hover: var( --button-text-color-hover, SelectedItem ); } display: flex; position: relative; padding: 8px 8px 8px 16px; flex-direction: column; justify-content: center; align-items: center; gap: 8px; -webkit-user-select: none; -moz-user-select: none; user-select: none; border-radius: var(--border-radius-small, 4px); border: 1px solid var(--message-bar-border-color); background: var(--message-bar-bg-color); color: var(--message-bar-fg-color); > div { display: flex; align-items: flex-start; gap: 8px; align-self: stretch; &::before { content: ""; display: inline-block; width: 16px; height: 16px; -webkit-mask-image: var(--message-bar-icon); mask-image: var(--message-bar-icon); -webkit-mask-size: cover; mask-size: cover; background-color: var(--message-bar-icon-color); flex-shrink: 0; } } button { cursor: pointer; &:focus-visible { outline: var(--focus-ring-outline); outline-offset: 2px; } } .closeButton { width: 32px; height: 32px; background: none; border-radius: var(--message-bar-close-button-border-radius); border: var(--message-bar-close-button-border); display: flex; align-items: center; justify-content: center; &::before { content: ""; display: inline-block; width: 16px; height: 16px; -webkit-mask-image: var(--closing-button-icon); mask-image: var(--closing-button-icon); -webkit-mask-size: cover; mask-size: cover; background-color: var(--message-bar-close-button-color); } &:is(:hover, :active, :focus)::before { background-color: var(--message-bar-close-button-color-hover); } &:hover { background-color: var(--message-bar-close-button-hover-bg-color); } &:active { background-color: var(--message-bar-close-button-active-bg-color); } &:focus { background-color: var(--message-bar-close-button-focus-bg-color); } > span { display: inline-block; width: 0; height: 0; overflow: hidden; } } } #editorUndoBar { --message-bar-icon: url(/static/pdfjs/images/messageBar_info.svg); --message-bar-icon-color: light-dark(#0060df, #73a7f3); --message-bar-bg-color: light-dark(#deeafc, #003070); --message-bar-fg-color: var(--text-primary-color); --message-bar-border-color: light-dark( rgb(0 0 0 / 0.08), rgb(255 255 255 / 0.08) ); @media screen and (forced-colors: active) { --message-bar-icon-color: CanvasText; --message-bar-bg-color: Canvas; --message-bar-border-color: CanvasText; } position: fixed; top: 50px; left: 50%; transform: translateX(-50%); z-index: 10; padding-block: 8px; padding-inline: 16px 8px; font: menu; font-size: 15px; cursor: default; button { cursor: pointer; } #editorUndoBarUndoButton { margin-inline-start: 8px; border-color: var(--color-accent-primary, light-dark(#0060df, #0df)); } > div { align-items: center; } } .dialog { --dialog-bg-color: var(--background-color-canvas, light-dark(white, #1c1b22)); --dialog-border-color: var( --background-color-canvas, light-dark(white, #1c1b22) ); --dialog-shadow: 0 2px 14px 0 light-dark(rgb(58 57 68 / 0.2), #15141a); --text-secondary-color: light-dark(#5b5b66, #cfcfd8); --separator-color: light-dark(#f0f0f4, #52525e); --textarea-border-color: var(--border-color-interactive, #8f8f9d); --textarea-bg-color: light-dark(white, #42414d); --textarea-fg-color: var(--text-secondary-color); --input-text-bg-color: light-dark(white, #42414d); --input-text-fg-color: var(--text-primary-color); @media screen and (forced-colors: active) { --dialog-bg-color: var(--background-color-canvas, Canvas); --dialog-border-color: var(--border-color, CanvasText); --dialog-shadow: none; --text-secondary-color: CanvasText; --separator-color: CanvasText; --textarea-border-color: ButtonBorder; --textarea-bg-color: Field; --textarea-fg-color: ButtonText; --input-text-bg-color: Field; --input-text-fg-color: FieldText; } font: message-box; font-size: 13px; font-weight: 400; line-height: 150%; border-radius: var(--border-radius-medium, 4px); padding: 12px 16px; border: 1px solid var(--dialog-border-color); background: var(--dialog-bg-color); color: var(--text-primary-color); box-shadow: var(--dialog-shadow); .mainContainer { *:focus-visible { outline: var(--focus-ring-outline); outline-offset: 2px; } .title { display: flex; width: auto; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 12px; > span { font-size: 13px; font-style: normal; font-weight: 590; line-height: 150%; } } .dialogSeparator { width: 100%; height: 0; margin-block: 4px; border-top: 1px solid var(--separator-color); border-bottom: none; } .dialogButtonsGroup { display: flex; gap: 12px; align-self: flex-end; } input:is([type="checkbox"], [type="radio"]) { accent-color: var(--color-accent-primary, light-dark(#0060df, #0df)); width: var(--checkbox-size, 16px); height: var(--checkbox-size, 16px); } .radio { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; > .radioButton { display: flex; gap: 8px; align-self: stretch; align-items: center; } > .radioLabel { display: flex; padding-inline-start: 24px; align-items: flex-start; gap: 10px; align-self: stretch; > span { flex: 1 0 0; font-size: 11px; color: var(--text-secondary-color); } } } button:not(:is(.toggle-button, .closeButton, .clearInputButton)) { border-radius: var(--button-border-radius, 4px); border-width: 1px; border-style: solid; font: menu; font-weight: var(--button-font-weight, 590); font-size: var(--button-font-size, 13px); padding: var(--button-padding, 4px 16px); width: auto; min-height: var(--button-min-height, 32px); &:hover { cursor: pointer; filter: var(--hover-filter); } > span { color: inherit; font: inherit; } &:disabled { pointer-events: none; } } a { color: var(--link-fg-color); &:hover { color: var(--link-hover-fg-color); } } textarea { font: inherit; padding: 8px; resize: none; margin: 0; box-sizing: border-box; border-radius: var(--border-radius-small, 4px); border: 1px solid var(--textarea-border-color); background: var(--textarea-bg-color); color: var(--textarea-fg-color); &:focus { outline-offset: 0; border-color: transparent; } &:disabled { pointer-events: none; opacity: 0.4; } } input[type="text"] { background-color: var(--input-text-bg-color); color: var(--input-text-fg-color); } .messageBar { --message-bar-bg-color: light-dark(#ffebcd, #5a3100); --message-bar-fg-color: light-dark(#15141a, #fbfbfe); --message-bar-border-color: light-dark( rgb(0 0 0 / 0.08), rgb(255 255 255 / 0.08) ); --message-bar-icon: url(/static/pdfjs/images/messageBar_warning.svg); --message-bar-icon-color: light-dark(#cd411e, #e49c49); @media screen and (forced-colors: active) { --message-bar-bg-color: HighlightText; --message-bar-fg-color: CanvasText; --message-bar-border-color: CanvasText; --message-bar-icon-color: CanvasText; } align-self: stretch; > div { &::before, > div { margin-block: 4px; } > div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; flex: 1 0 0; .title { font-size: 13px; font-weight: 590; } .description { font-size: 13px; } } } } .toggler { display: flex; align-items: center; gap: 8px; align-self: stretch; > .togglerLabel { -webkit-user-select: none; -moz-user-select: none; user-select: none; } } } } .textLayer { color-scheme: only light; position: absolute; text-align: initial; inset: 0; overflow: clip; opacity: 1; line-height: 1; letter-spacing: normal; word-spacing: normal; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; forced-color-adjust: none; transform-origin: 0 0; caret-color: CanvasText; z-index: 0; &.highlighting { touch-action: none; } :is(span, br) { color: transparent; position: absolute; white-space: pre; cursor: text; transform-origin: 0% 0%; -webkit-user-select: text; -moz-user-select: text; user-select: text; } --min-font-size: 1; --text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size)); --min-font-size-inv: calc(1 / var(--min-font-size)); > :not(.markedContent), .markedContent span:not(.markedContent) { z-index: 1; --font-height: 0; font-size: calc(var(--text-scale-factor) * var(--font-height)); --scale-x: 1; --rotate: 0deg; transform: rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv)); } .markedContent { display: contents; } span[role="img"] { -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: default; } .highlight { --highlight-bg-color: rgb(180 0 170 / 0.25); --highlight-selected-bg-color: rgb(0 100 0 / 0.25); --highlight-backdrop-filter: none; --highlight-selected-backdrop-filter: none; @media screen and (forced-colors: active) { --highlight-bg-color: transparent; --highlight-selected-bg-color: transparent; --highlight-backdrop-filter: var(--hcm-highlight-filter); --highlight-selected-backdrop-filter: var( --hcm-highlight-selected-filter ); } margin: -1px; padding: 1px; background-color: var(--highlight-bg-color); backdrop-filter: var(--highlight-backdrop-filter); border-radius: 4px; &.appended { position: initial; } &.begin { border-radius: 4px 0 0 4px; } &.end { border-radius: 0 4px 4px 0; } &.middle { border-radius: 0; } &.selected { background-color: var(--highlight-selected-bg-color); backdrop-filter: var(--highlight-selected-backdrop-filter); scroll-margin-top: 50px; } } ::-moz-selection { background: rgba(0 0 255 / 0.25); background: color-mix(in srgb, AccentColor, transparent 50%); color: transparent; } ::selection { background: rgba(0 0 255 / 0.25); background: color-mix(in srgb, AccentColor, transparent 50%); color: transparent; } &.selectionRendering { ::-moz-selection { background: transparent; color: transparent; } ::selection { background: transparent; color: transparent; } } br::-moz-selection { background: transparent; } br::selection { background: transparent; } .endOfContent { display: block; position: absolute; inset: 100% 0 0; z-index: 0; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; } &.selecting .endOfContent { top: 0; } } .textLayerImages { position: absolute; inset: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; canvas { position: absolute; transform-origin: 0% 0%; } } .annotationLayer { color-scheme: only light; --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,"); --annotation-unfocused-field-filter: url("data:image/svg+xml;charset=UTF-8,#pdfjsFillableField"); --input-focus-border-color: Highlight; --input-focus-outline: 1px solid Canvas; --input-unfocused-border-color: transparent; --input-disabled-border-color: transparent; --input-hover-border-color: black; --link-outline: none; @media screen and (forced-colors: active) { --input-focus-border-color: CanvasText; --input-unfocused-border-color: ActiveText; --input-disabled-border-color: GrayText; --input-hover-border-color: Highlight; --link-outline: 1.5px solid LinkText; .textWidgetAnnotation :is(input, textarea):required, .choiceWidgetAnnotation select:required, .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid selectedItem; } .linkAnnotation { outline: var(--link-outline); &:hover { backdrop-filter: var(--hcm-highlight-filter); } & > a:hover { opacity: 0 !important; background: none !important; box-shadow: none; } } .popupAnnotation .popup { outline: calc(1.5px * var(--total-scale-factor)) solid CanvasText !important; background-color: ButtonFace !important; color: ButtonText !important; } .highlightArea:hover::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: var(--hcm-highlight-filter); content: ""; pointer-events: none; } .popupAnnotation.focused .popup { outline: calc(3px * var(--total-scale-factor)) solid Highlight !important; } } position: absolute; top: 0; left: 0; pointer-events: none; transform-origin: 0 0; &[data-main-rotation="90"] .norotate { transform: rotate(270deg) translateX(-100%); } &[data-main-rotation="180"] .norotate { transform: rotate(180deg) translate(-100%, -100%); } &[data-main-rotation="270"] .norotate { transform: rotate(90deg) translateY(-100%); } &.disabled { section, .popup { pointer-events: none; } } .annotationContent { position: absolute; width: 100%; height: 100%; pointer-events: none; &.freetext { background: transparent; border: none; inset: 0; overflow: visible; white-space: nowrap; font: 10px sans-serif; line-height: 1.35; } } section { position: absolute; text-align: initial; pointer-events: auto; box-sizing: border-box; transform-origin: 0 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; &:has(div.annotationContent) { canvas.annotationContent { display: none; } } .overlaidText { position: absolute; top: 0; left: 0; width: 0; height: 0; display: inline-block; overflow: hidden; } } .hasOwnCanvas:not(.sandboxModified) :is(input, textarea) { display: none; } .hasOwnCanvas.sandboxModified canvas.annotationContent { display: none; } .textLayer.selecting ~ & section { pointer-events: none; } :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a { position: absolute; font-size: 1em; top: 0; left: 0; width: 100%; height: 100%; } :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover { opacity: 0.2; background-color: rgb(255 255 0); } .linkAnnotation.hasBorder:hover { background-color: rgb(255 255 0 / 0.2); } .hasBorder { background-size: 100% 100%; } .textAnnotation img { position: absolute; cursor: pointer; width: 100%; height: 100%; top: 0; left: 0; } .textWidgetAnnotation :is(input, textarea), .choiceWidgetAnnotation select, .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--total-scale-factor)) sans-serif; height: 100%; margin: 0; vertical-align: top; width: 100%; } .textWidgetAnnotation :is(input, textarea):required, .choiceWidgetAnnotation select:required, .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid red; } .choiceWidgetAnnotation select option { padding: 0; } .textWidgetAnnotation textarea { resize: none; } .textWidgetAnnotation :is(input, textarea)[disabled], .choiceWidgetAnnotation select[disabled], .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] { background: none; border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; } .textWidgetAnnotation :is(input, textarea):hover, .choiceWidgetAnnotation select:hover, .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover { border: 2px solid var(--input-hover-border-color); } .textWidgetAnnotation :is(input, textarea):hover, .choiceWidgetAnnotation select:hover, .buttonWidgetAnnotation.checkBox input:hover { border-radius: 2px; } .textWidgetAnnotation :is(input, textarea):focus, .choiceWidgetAnnotation select:focus { background: none; border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); } .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus { background-image: none; background-color: transparent; } .buttonWidgetAnnotation.checkBox :focus { border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); } .buttonWidgetAnnotation.radioButton :focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); } .buttonWidgetAnnotation:is(.checkBox, .radioButton) { [data-canvas-name] { filter: var(--annotation-unfocused-field-filter); } &:focus-within [data-canvas-name] { filter: none; } [data-canvas-name="checked"] { &:has(~ input:checked) { display: block; } &:has(~ input:not(:checked)) { display: none; } } [data-canvas-name="unchecked"] { &:has(~ input:checked) { display: none; } &:has(~ input:not(:checked)) { display: block; } } } .textWidgetAnnotation input.comb { --comb-width: 0px; --comb-letter-spacing: calc(var(--comb-width) - 1ch); font-family: monospace; letter-spacing: var(--comb-letter-spacing); overflow-x: hidden; padding: 0; text-indent: calc( var(--comb-offset, 0) * var(--comb-width) + var(--comb-letter-spacing) / 2 ); } .textWidgetAnnotation input.comb:focus { background-image: repeating-linear-gradient( to right, transparent 0 calc(var(--comb-width) - 1px), var(--input-focus-border-color) calc(var(--comb-width) - 1px) var(--comb-width) ); } .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .buttonWidgetAnnotation:is(.checkBox, .radioButton):has( [data-canvas-name="checked"] ) input:checked, .buttonWidgetAnnotation:is(.checkBox, .radioButton):has( [data-canvas-name="unchecked"] ) input:not(:checked) { background-image: none; } .fileAttachmentAnnotation .popupTriggerArea { height: 100%; width: 100%; } .mediaAnnotation { pointer-events: auto; .mediaContent { width: 100%; } video.mediaContent { height: 100%; -o-object-fit: contain; object-fit: contain; } audio.mediaContent { position: absolute; bottom: 0; } .mediaPlayButton { height: 100%; width: 100%; margin: 0; padding: 0; border: none; cursor: pointer; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27%3E%3Ccircle cx=%2750%27 cy=%2750%27 r=%2740%27 fill=%27rgba%280,0,0,0.55%29%27/%3E%3Cpath d=%27M40 32 L70 50 L40 68 Z%27 fill=%27white%27/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: calc(48px * var(--total-scale-factor)); &:hover { background-color: rgba(255 255 255 / 0.1); } } } .popupAnnotation { position: absolute; font-size: calc(9px * var(--total-scale-factor)); pointer-events: none; width: -moz-max-content; width: max-content; max-width: 45%; height: auto; } .popup { background-color: rgb(255 255 153); color: black; box-shadow: 0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) rgb(136 136 136); border-radius: calc(2px * var(--total-scale-factor)); outline: 1.5px solid rgb(255 255 74); padding: calc(6px * var(--total-scale-factor)); cursor: pointer; font: message-box; white-space: normal; word-wrap: break-word; pointer-events: auto; -webkit-user-select: text; -moz-user-select: text; user-select: text; } .popupAnnotation.focused .popup { outline-width: 3px; } .popup * { font-size: calc(9px * var(--total-scale-factor)); } .popup > .header { display: inline-block; } .popup > .header > .title { display: inline; font-weight: bold; } .popup > .header .popupDate { display: inline-block; margin-left: calc(5px * var(--total-scale-factor)); width: -moz-fit-content; width: fit-content; } .popupContent { border-top: 1px solid rgb(51 51 51); margin-top: calc(2px * var(--total-scale-factor)); padding-top: calc(2px * var(--total-scale-factor)); } .richText > * { white-space: pre-wrap; font-size: calc(9px * var(--total-scale-factor)); } .popupTriggerArea { cursor: pointer; &:hover { backdrop-filter: var(--hcm-highlight-filter); } } section svg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .annotationTextContent { position: absolute; width: 100%; height: 100%; opacity: 0; color: transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; span { width: 100%; display: inline-block; } } svg.quadrilateralsContainer { contain: strict; width: 0; height: 0; position: absolute; top: 0; left: 0; z-index: -1; } } :root { --xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,"); --xfa-focus-outline: auto; } @media screen and (forced-colors: active) { :root { --xfa-focus-outline: 2px solid CanvasText; } .xfaLayer *:required { outline: 1.5px solid selectedItem; } } .xfaLayer { color-scheme: only light; background-color: transparent; } .xfaLayer .highlight { margin: -1px; padding: 1px; background-color: rgb(239 203 237); border-radius: 4px; } .xfaLayer .highlight.appended { position: initial; } .xfaLayer .highlight.begin { border-radius: 4px 0 0 4px; } .xfaLayer .highlight.end { border-radius: 0 4px 4px 0; } .xfaLayer .highlight.middle { border-radius: 0; } .xfaLayer .highlight.selected { background-color: rgb(203 223 203); } .xfaPage { overflow: hidden; position: relative; } .xfaContentarea { position: absolute; } .xfaPrintOnly { display: none; } .xfaLayer { position: absolute; text-align: initial; top: 0; left: 0; transform-origin: 0 0; line-height: 1.2; } .xfaLayer * { color: inherit; font: inherit; font-style: inherit; font-weight: inherit; font-kerning: inherit; letter-spacing: -0.01px; text-align: inherit; text-decoration: inherit; box-sizing: border-box; background-color: transparent; padding: 0; margin: 0; pointer-events: auto; line-height: inherit; } .xfaLayer *:required { outline: 1.5px solid red; } .xfaLayer div, .xfaLayer svg, .xfaLayer svg * { pointer-events: none; } .xfaLayer a { color: blue; } .xfaRich li { margin-left: 3em; } .xfaFont { color: black; font-weight: normal; font-kerning: none; font-size: 10px; font-style: normal; letter-spacing: 0; text-decoration: none; vertical-align: 0; } .xfaCaption { overflow: hidden; flex: 0 0 auto; } .xfaCaptionForCheckButton { overflow: hidden; flex: 1 1 auto; } .xfaLabel { height: 100%; width: 100%; } .xfaLeft { display: flex; flex-direction: row; align-items: center; } .xfaRight { display: flex; flex-direction: row-reverse; align-items: center; } :is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .xfaCaptionForCheckButton) { max-height: 100%; } .xfaTop { display: flex; flex-direction: column; align-items: flex-start; } .xfaBottom { display: flex; flex-direction: column-reverse; align-items: flex-start; } :is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton) { width: 100%; } .xfaBorder { background-color: transparent; position: absolute; pointer-events: none; } .xfaWrapped { width: 100%; height: 100%; } :is(.xfaTextfield, .xfaSelect):focus { background-image: none; background-color: transparent; outline: var(--xfa-focus-outline); outline-offset: -1px; } :is(.xfaCheckbox, .xfaRadio):focus { outline: var(--xfa-focus-outline); } .xfaTextfield, .xfaSelect { height: 100%; width: 100%; flex: 1 1 auto; border: none; resize: none; background-image: var(--xfa-unfocused-field-background); } .xfaSelect { padding-inline: 2px; } :is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect) { flex: 0 1 auto; } .xfaButton { cursor: pointer; width: 100%; height: 100%; border: none; text-align: center; } .xfaLink { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .xfaCheckbox, .xfaRadio { width: 100%; height: 100%; flex: 0 0 auto; border: none; } .xfaRich { white-space: pre-wrap; width: 100%; height: 100%; } .xfaImage { -o-object-position: left top; object-position: left top; -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } .xfaLrTb, .xfaRlTb, .xfaTb { display: flex; flex-direction: column; align-items: stretch; } .xfaLr { display: flex; flex-direction: row; align-items: stretch; } .xfaRl { display: flex; flex-direction: row-reverse; align-items: stretch; } .xfaTb > div { justify-content: left; } .xfaPosition { position: relative; } .xfaArea { position: relative; } .xfaValignMiddle { display: flex; align-items: center; } .xfaTable { display: flex; flex-direction: column; align-items: stretch; } .xfaTable .xfaRow { display: flex; flex-direction: row; align-items: stretch; } .xfaTable .xfaRlRow { display: flex; flex-direction: row-reverse; align-items: stretch; flex: 1; } .xfaTable .xfaRlRow > div { flex: 1; } :is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea) { background: initial; } @media print { .xfaTextfield, .xfaSelect { background: transparent; } .xfaSelect { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 1px; text-overflow: ""; } } .canvasWrapper { svg { transform: none; &.moving { z-index: 100000; } &.highlight, &.highlightOutline { &[data-main-rotation="90"] { mask, use:not(.clip, .mask) { transform: matrix(0, 1, -1, 0, 1, 0); } } &[data-main-rotation="180"] { mask, use:not(.clip, .mask) { transform: matrix(-1, 0, 0, -1, 1, 1); } } &[data-main-rotation="270"] { mask, use:not(.clip, .mask) { transform: matrix(0, -1, 1, 0, 0, 1); } } } &.draw { position: absolute; mix-blend-mode: normal; &[data-draw-rotation="90"] { transform: rotate(90deg); } &[data-draw-rotation="180"] { transform: rotate(180deg); } &[data-draw-rotation="270"] { transform: rotate(270deg); } } &.highlight { --blend-mode: multiply; @media screen and (forced-colors: active) { --blend-mode: difference; } position: absolute; mix-blend-mode: var(--blend-mode); &:not(.free) { fill-rule: evenodd; } } &.highlightOutline { position: absolute; mix-blend-mode: normal; fill-rule: evenodd; fill: none; &:not(.free) { &.hovered:not(.selected) { stroke: var(--hover-outline-color); stroke-width: var(--outline-width); } &.selected { .mainOutline { stroke: var(--outline-around-color); stroke-width: calc( var(--outline-width) + 2 * var(--outline-around-width) ); } .secondaryOutline { stroke: var(--outline-color); stroke-width: var(--outline-width); } } } &.free { &.hovered:not(.selected) { stroke: var(--hover-outline-color); stroke-width: calc(2 * var(--outline-width)); } &.selected { .mainOutline { stroke: var(--outline-around-color); stroke-width: calc( 2 * (var(--outline-width) + var(--outline-around-width)) ); } .secondaryOutline { stroke: var(--outline-color); stroke-width: calc(2 * var(--outline-width)); } } } } } } .toggle-button { --toggle-background-color: var( --button-background-color, color-mix(in srgb, currentColor 7%, transparent) ); --toggle-background-color-hover: var( --button-background-color-hover, color-mix(in srgb, currentColor 14%, transparent) ); --toggle-background-color-active: var( --button-background-color-active, color-mix(in srgb, currentColor 21%, transparent) ); --toggle-background-color-pressed: var( --color-accent-primary, light-dark(#0060df, #0df) ); --toggle-background-color-pressed-hover: var( --color-accent-primary-hover, light-dark(#0250bb, #80ebff) ); --toggle-background-color-pressed-active: var( --color-accent-primary-active, light-dark(#054096, #aaf2ff) ); --toggle-border-color: var( --border-color-interactive, light-dark(#8f8f9d, #f9f9fa) ); --toggle-border-color-hover: var(--toggle-border-color); --toggle-border-color-active: var(--toggle-border-color); --toggle-border-radius: var(--border-radius-circle, 9999px); --toggle-border-width: var(--border-width, 1px); --toggle-height: var(--size-item-small, 16px); --toggle-width: var(--size-item-large, 32px); --toggle-dot-background-color: var(--toggle-border-color); --toggle-dot-background-color-hover: var(--toggle-dot-background-color); --toggle-dot-background-color-active: var(--toggle-dot-background-color); --toggle-dot-background-color-on-pressed: var( --background-color-canvas, light-dark(white, #1c1b22) ); --toggle-dot-margin: 1px; --toggle-dot-height: calc( var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 * var(--toggle-border-width) ); --toggle-dot-width: var(--toggle-dot-height); --toggle-dot-transform-x: calc( var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width) ); --input-width: var(--toggle-width); -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; border: var(--toggle-border-width) solid var(--toggle-border-color); height: var(--toggle-height); width: var(--toggle-width); border-radius: var(--toggle-border-radius); background-color: var(--toggle-background-color); box-sizing: border-box; &:focus-visible { outline: var(--focus-ring-outline); outline-offset: var(--focus-outline-offset, 2px); } &:enabled:hover { background-color: var(--toggle-background-color-hover); border-color: var(--toggle-border-color); } &:enabled:hover:active { background-color: var(--toggle-background-color-active); border-color: var(--toggle-border-color); } &::before { display: block; content: ""; background-color: var(--toggle-dot-background-color); height: var(--toggle-dot-height); width: var(--toggle-dot-width); margin: var(--toggle-dot-margin); border-radius: var(--toggle-border-radius); translate: 0; } } .toggle-button[aria-pressed="true"] { background-color: var(--toggle-background-color-pressed); border-color: transparent; &:enabled:hover { background-color: var(--toggle-background-color-pressed-hover); border-color: transparent; } &:enabled:hover:active { background-color: var(--toggle-background-color-pressed-active); border-color: transparent; } &::before { translate: var(--toggle-dot-transform-x); background-color: var(--toggle-dot-background-color-on-pressed); } &:enabled:hover::before, &:enabled:hover:active::before { background-color: var(--toggle-dot-background-color-on-pressed); } &:-moz-locale-dir(rtl)::before, &:dir(rtl)::before { translate: calc(-1 * var(--toggle-dot-transform-x)); } } @media (prefers-reduced-motion: no-preference) { .toggle-button::before { transition: translate 100ms; } } @media (prefers-contrast) { .toggle-button:enabled:hover { border-color: var(--toggle-border-color-hover); } .toggle-button:enabled:hover:active { border-color: var(--toggle-border-color-active); } .toggle-button[aria-pressed="true"]:enabled { border-color: var(--toggle-border-color); position: relative; &:hover { border-color: var(--toggle-border-color-hover); &:active { background-color: var(--toggle-dot-background-color-active); border-color: var(--toggle-dot-background-color-hover); } } } .toggle-button:enabled:hover::before, .toggle-button:enabled:hover:active::before { background-color: var(--toggle-dot-background-color-hover); } } @media (forced-colors) { .toggle-button { --toggle-background-color: var(--button-background-color, ButtonFace); --toggle-background-color-pressed: var(--color-accent-primary, ButtonText); --toggle-background-color-pressed-hover: var( --color-accent-primary-hover, SelectedItem ); --toggle-background-color-pressed-active: var( --color-accent-primary-active, SelectedItem ); --toggle-border-color: var(--border-color-interactive, ButtonText); --toggle-dot-background-color: var(--color-accent-primary, ButtonText); --toggle-dot-background-color-hover: var( --color-accent-primary-hover, SelectedItem ); --toggle-dot-background-color-active: var( --color-accent-primary-active, SelectedItem ); --toggle-dot-background-color-on-pressed: var( --button-background-color, ButtonFace ); --toggle-border-color-hover: var( --border-color-interactive-hover, SelectedItem ); --toggle-border-color-active: var( --border-color-interactive-active, ButtonText ); } .toggle-button[aria-pressed="true"]:enabled::after { border: 1px solid var(--button-background-color, ButtonFace); content: ""; position: absolute; height: var(--toggle-height); width: var(--toggle-width); display: block; border-radius: var(--toggle-border-radius); inset: -2px; } .toggle-button[aria-pressed="true"]:enabled:hover:active::after { border-color: var(--toggle-border-color-active); } } :root { --clear-signature-button-icon: url(/static/pdfjs/images/editor-toolbar-delete.svg); --signature-bg: var( --background-color-box-info, light-dark(#f9f9fb, #2b2a33) ); --signature-hover-bg: var( --button-background-color-hover, light-dark(#f0f0f4, var(--signature-bg)) ); --button-signature-bg: transparent; --button-signature-color: var(--main-color); --button-signature-active-bg: light-dark(#cfcfd8, #5b5b66); --button-signature-active-border: none; --button-signature-active-color: var(--button-signature-color); --button-signature-border: none; --button-signature-hover-bg: light-dark(#e0e0e6, #52525e); --button-signature-hover-color: var(--button-signature-color); @media screen and (forced-colors: active) { --signature-bg: HighlightText; --signature-hover-bg: var(--signature-bg); --button-signature-bg: HighlightText; --button-signature-color: ButtonText; --button-signature-active-bg: ButtonText; --button-signature-active-color: HighlightText; --button-signature-border: 1px solid ButtonText; --button-signature-hover-bg: Highlight; --button-signature-hover-color: HighlightText; } } .signatureDialog { --primary-color: var(--text-primary-color); --signature-border-color: var(--border-color-interactive, #8f8f9d); --open-link-fg: var(--link-fg-color); --open-link-hover-fg: var(--link-hover-fg-color); @media screen and (forced-colors: active) { --primary-color: ButtonText; --signature-border-color: var(--border-color-interactive, ButtonText); --open-link-fg: ButtonText; --open-link-hover-fg: ButtonText; } width: 570px; max-width: 100%; min-width: 300px; padding: 16px 0; .mainContainer { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; span:not([role="sectionhead"]) { font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; } .title { margin-inline-start: 16px; } } .inputWithClearButton { --button-dimension: 24px; --clear-button-icon: url(/static/pdfjs/images/messageBar_closingButton.svg); width: 100%; position: relative; display: flex; align-items: center; justify-content: center; > input { width: 100%; height: var(--size-item-large, 32px); padding-inline: 8px calc(4px + var(--button-dimension)); box-sizing: border-box; border-radius: var(--border-radius-small, 4px); border: 1px solid var(--signature-border-color); } .clearInputButton { position: absolute; inset-block-start: 4px; inset-inline-end: 4px; display: inline-block; width: var(--button-dimension); height: var(--button-dimension); background-color: var(--input-text-fg-color); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-image: var(--clear-button-icon); mask-image: var(--clear-button-icon); padding: 0; border: 0; } } } #addSignatureDialog { --secondary-color: var(--text-secondary-color); --bg-hover: var( --button-background-color-hover, light-dark(#e0e0e6, #52525e) ); --tab-top-line-active-color: var( --color-accent-primary, light-dark(#0060df, #0df) ); --tab-top-line-active-hover-color: var(--tab-text-hover-color); --tab-top-line-hover-color: var(--border-color-interactive, #8f8f9d); --tab-top-line-inactive-color: light-dark(#cfcfd8, #8f8f9d); --tab-bottom-line-active-color: var(--tab-top-line-inactive-color); --tab-bottom-line-hover-color: var(--tab-top-line-inactive-color); --tab-bottom-line-inactive-color: var(--tab-top-line-inactive-color); --tab-bg: var(--dialog-bg-color); --tab-bg-active-color: var(--tab-bg); --tab-bg-active-hover-color: var(--bg-hover); --tab-bg-hover: var(--bg-hover); --tab-panel-border: none; --tab-panel-border-radius: var(--border-radius-small, 4px); --tab-text-color: var(--primary-color); --tab-text-active-color: var(--tab-top-line-active-color); --tab-text-active-hover-color: var(--tab-text-hover-color); --tab-text-hover-color: var(--tab-text-color); --signature-placeholder-color: var(--secondary-color); --signature-draw-placeholder-color: var(--primary-color); --signature-color: var(--primary-color); --save-warning-color: var(--secondary-color); --thickness-bg: var(--dialog-bg-color); --thickness-label-color: var(--primary-color); --thickness-slider-color: var(--primary-color); --thickness-border: none; --draw-cursor: url(/static/pdfjs/images/cursor-editorInk.svg) 0 16, pointer; @media screen and (forced-colors: active) { --secondary-color: ButtonText; --bg: HighlightText; --bg-hover: var(--bg); --tab-top-line-active-color: var(--color-accent-primary, ButtonText); --tab-top-line-active-hover-color: HighlightText; --tab-top-line-hover-color: var(--border-color-interactive, SelectedItem); --tab-top-line-inactive-color: ButtonText; --tab-bottom-line-active-color: var(--tab-top-line-active-color); --tab-bottom-line-hover-color: var(--tab-top-line-hover-color); --tab-bg: var(--bg); --tab-bg-active-color: SelectedItem; --tab-bg-active-hover-color: SelectedItem; --tab-panel-border: 1px solid ButtonText; --tab-panel-border-radius: 8px; --tab-text-color: ButtonText; --tab-text-active-color: HighlightText; --tab-text-active-hover-color: HighlightText; --tab-text-hover-color: SelectedItem; --signature-color: ButtonText; --thickness-bg: Canvas; --thickness-label-color: CanvasText; --thickness-slider-color: ButtonText; --thickness-border: 1px solid var(--signature-border-color); } #addSignatureDialogLabel { overflow: hidden; position: absolute; inset: 0; width: 0; height: 0; } &.waiting::after { content: ""; cursor: wait; position: absolute; inset: 0; width: 100%; height: 100%; } .mainContainer { [role="tablist"] { width: 100%; display: flex; align-items: flex-start; gap: 0; > [role="tab"] { flex: 1 0 0; align-self: stretch; background-color: var(--tab-bg); padding-inline: 0; cursor: default; border-inline: 0; border-block-width: 1px; border-block-style: solid; border-block-start-color: var(--tab-top-line-inactive-color); border-block-end-color: var(--tab-bottom-line-inactive-color); border-radius: 0; font: menu; font-size: 13px; font-style: normal; line-height: normal; font-weight: 400; color: var(--tab-text-color); &:hover { border-block-start-width: 2px; border-block-start-color: var(--tab-top-line-hover-color); border-block-end-color: var(--tab-bottom-line-hover-color); background-color: var(--tab-bg-hover); color: var(--tab-text-hover-color); } &:focus-visible { outline: 2px solid var(--tab-top-line-active-color); outline-offset: -2px; } &[aria-selected="true"] { border-block-start-width: 2px; border-block-start-color: var(--tab-top-line-active-color); border-block-end-color: var(--tab-bottom-line-active-color); background-color: var(--tab-bg-active-color); font-weight: 590; color: var(--tab-text-active-color); &:hover { border-block-start-color: var(--tab-top-line-active-hover-color); background-color: var(--tab-bg-active-hover-color); color: var(--tab-text-active-hover-color); } } } } #addSignatureActionContainer { width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-end; align-self: stretch; gap: 12px; padding-inline: 16px; box-sizing: border-box; > [role="tabpanel"] { position: relative; width: 100%; height: 220px; background-color: var(--signature-bg); border: var(--tab-panel-border); border-radius: var(--tab-panel-border-radius); > svg { position: absolute; inset: 0; width: 100%; height: 100%; background-color: transparent; } &#addSignatureTypeContainer { display: none; #addSignatureTypeInput { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; padding: 0; text-align: center; color: var(--signature-color); background-color: transparent; border-radius: var(--tab-panel-border-radius); font-family: "Brush script", "Apple Chancery", "Segoe script", "Freestyle Script", "Palace Script MT", "Brush Script MT", TK, cursive, serif; font-size: 44px; font-style: italic; font-weight: 400; &::-moz-placeholder { color: var(--signature-placeholder-color); text-align: center; font: menu; font-style: normal; font-weight: 274; font-size: 44px; line-height: normal; } &::placeholder { color: var(--signature-placeholder-color); text-align: center; font: menu; font-style: normal; font-weight: 274; font-size: 44px; line-height: normal; } } } &#addSignatureDrawContainer { display: none; > span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: grid; align-items: center; justify-content: center; background-color: transparent; color: var(--signature-placeholder-color); -webkit-user-select: none; -moz-user-select: none; user-select: none; } > svg { stroke: var(--signature-color); fill: none; stroke-opacity: 1; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; &:hover { cursor: var(--draw-cursor); } } #thickness { position: absolute; width: 100%; inset-block-end: 0; display: grid; align-items: center; justify-content: center; pointer-events: none; > span { color: var(--signature-draw-placeholder-color); } > div { width: auto; height: auto; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 6px 8px 7px; margin: 0; background-color: var(--thickness-bg); border-radius: 4px 4px 0 0; border-inline: var(--thickness-border); border-top: var(--thickness-border); pointer-events: auto; position: relative; top: 1px; > label { color: var(--thickness-label-color); } > input { width: 100px; height: 14px; background-color: transparent; &::-webkit-slider-runnable-track, &::-moz-range-track, &::-moz-range-progress { background-color: var(--thickness-slider-color); } &::-webkit-slider-thumb, &::-moz-range-thumb { background-color: var(--thickness-bg); } border-radius: 4.5px; border: 0; color: var(--signature-color); } } } } &#addSignatureImageContainer { display: none; > svg { stroke: none; stroke-width: 0; fill: var(--signature-color); fill-opacity: 1; } #addSignatureImagePlaceholder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; display: flex; flex-direction: column; align-items: center; justify-content: center; span { color: var(--signature-placeholder-color); } a { color: var(--open-link-fg); text-decoration: underline; cursor: pointer; &:hover { color: var(--open-link-hover-fg); } } } #addSignatureFilePicker { visibility: hidden; position: relative; width: 0; height: 0; } } } &[data-selected="type"] > #addSignatureTypeContainer, &[data-selected="draw"] > #addSignatureDrawContainer, &[data-selected="image"] > #addSignatureImageContainer { display: block; } #addSignatureControls { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 12px; align-self: stretch; #horizontalContainer { display: flex; align-items: flex-end; gap: 16px; align-self: stretch; #addSignatureDescriptionContainer { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; flex: 1 0 0; &:has(input:disabled) > label { opacity: 0.4; } > label { width: auto; } } #clearSignatureButton { display: flex; align-items: center; > span { display: flex; height: 24px; align-items: center; gap: 4px; flex-shrink: 0; &::after { content: ""; display: inline-block; width: 16px; height: 16px; -webkit-mask-image: var(--clear-signature-button-icon); mask-image: var(--clear-signature-button-icon); -webkit-mask-size: cover; mask-size: cover; background-color: currentColor; flex-shrink: 0; } } } } #addSignatureSaveContainer { display: grid; grid-template-columns: max-content auto; gap: 4px; width: 100%; > input { margin: 0; &:disabled + label { opacity: 0.4; } } > label { -webkit-user-select: none; -moz-user-select: none; user-select: none; } &:not(.fullStorage) #addSignatureSaveWarning { display: none; } &.fullStorage #addSignatureSaveWarning { display: block; opacity: 1; color: var(--save-warning-color); font-size: 11px; } } } } } } #editSignatureDescriptionDialog { .mainContainer { padding-inline: 16px; box-sizing: border-box; .title { margin-inline-start: 0; } #editSignatureDescriptionAndView { width: auto; display: flex; justify-content: flex-end; align-items: flex-start; gap: 12px; align-self: stretch; #editSignatureDescriptionContainer { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; flex: 1 1 auto; } > svg { width: 210px; height: 180px; padding: 8px; background-color: var(--signature-bg); > path { stroke: var(--button-signature-color); stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; vector-effect: non-scaling-stroke; fill: none; &.contours { fill: var(--button-signature-color); stroke-width: 0.5px; } } } } } } #editorSignatureParamsToolbar { padding: 8px; #addSignatureDoorHanger { gap: 8px; padding: 2px; .toolbarAddSignatureButtonContainer { height: 32px; display: flex; justify-content: space-between; align-items: center; align-self: stretch; gap: 8px; button { border: var(--button-signature-border); border-radius: 4px; background-color: var(--button-signature-bg); color: var(--button-signature-color); &:hover { background-color: var(--button-signature-hover-bg); } &:active { border: var(--button-signature-active-border); background-color: var(--button-signature-active-bg); color: var(--button-signature-active-color); &::before { background-color: var(--button-signature-active-color); } } &:focus-visible { outline: var(--focus-ring-outline); &::before { background-color: var(--button-signature-color); } } } .deleteButton { &::before { -webkit-mask-image: var(--clear-signature-button-icon); mask-image: var(--clear-signature-button-icon); } } .toolbarAddSignatureButton { width: calc(0.8 * var(--editor-toolbar-min-width)); height: 100%; min-height: var(--menuitem-height); aspect-ratio: unset; display: flex; align-items: center; justify-content: flex-start; outline: none; border-radius: 4px; box-sizing: border-box; font: message-box; position: relative; flex: 1 1 auto; padding: 0; gap: 8px; text-align: start; white-space: normal; cursor: default; overflow: hidden; > svg { display: inline-block; height: 100%; aspect-ratio: 1; background-color: var(--signature-bg); flex: none; padding: 4px; box-sizing: border-box; border: none; border-radius: 4px; > path { stroke: var(--button-signature-color); stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; vector-effect: non-scaling-stroke; fill: none; &.contours { fill: var(--button-signature-color); stroke-width: 0.5px; } } } &:is(:hover, :active) > svg { border-radius: 4px 0 0 4px; background-color: var(--signature-hover-bg); } &:hover { > span { color: var(--button-signature-hover-color); } } &:active { background-color: var(--button-signature-active-bg); } &:is([disabled="disabled"], [disabled]) { opacity: 0.5; pointer-events: none; } > span { height: auto; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 auto; font: menu; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; overflow: hidden; } } } } } .editDescription.altText { --alt-text-add-image: url(/static/pdfjs/images/editor-toolbar-edit.svg) !important; &::before { width: 16px !important; height: 16px !important; } } .commentPopup, #commentManagerDialog { width: 360px; max-width: 100%; min-width: 200px; position: absolute; padding: 8px 16px 16px; margin-left: 0; margin-top: 0; box-sizing: border-box; border-radius: 8px; } #commentManagerDialog { --comment-close-button-icon: url(/static/pdfjs/images/comment-closeButton.svg); .mainContainer { width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; #commentManagerToolbar { width: 100%; height: 32px; display: flex; justify-content: flex-start; align-items: flex-start; gap: 8px; align-self: stretch; cursor: move; } #commentManagerTextInput { width: 100%; min-height: 132px; margin-bottom: 12px; } } } .annotationLayer.disabled :is(.annotationCommentButton) { display: none; } :is(.annotationLayer, .annotationEditorLayer) { .annotationCommentButton { color-scheme: light dark; --comment-button-bg: var( --background-color-canvas, light-dark(white, #1c1b22) ); --comment-button-fg: light-dark(#5b5b66, #fbfbfe); --comment-button-active-bg: light-dark(#0041a4, #a6ecf4); --comment-button-active-fg: var( --button-text-color-primary, light-dark(white, #15141a) ); --comment-button-hover-bg: var( --color-accent-primary-hover, light-dark(#0053cb, #61dce9) ); --comment-button-hover-fg: var( --button-text-color-primary, light-dark(white, #15141a) ); --comment-button-selected-bg: var( --color-accent-primary, light-dark(#0062fa, #00cadb) ); --comment-button-border-color: var( --border-color-interactive, light-dark(#8f8f9d, #bfbfc9) ); --comment-button-active-border-color: var(--comment-button-active-bg); --comment-button-focus-border-color: light-dark(#cfcfd8, #3a3944); --comment-button-hover-border-color: var(--comment-button-hover-bg); --comment-button-selected-border-color: var(--comment-button-selected-bg); --comment-button-selected-fg: var( --button-text-color-primary, light-dark(white, #15141a) ); --comment-button-dim: 24px; --comment-button-box-shadow: 0 0.25px 0.75px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 2px 6px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); --comment-button-focus-outline-color: var( --focus-outline-color, light-dark(#0062fa, #00cadb) ); @media screen and (forced-colors: active) { --comment-button-bg: var(--button-background-color, ButtonFace); --comment-button-fg: var(--button-text-color, ButtonText); --comment-button-hover-bg: var( --button-background-color-hover, SelectedItemText ); --comment-button-hover-fg: var(--button-text-color-hover, SelectedItem); --comment-button-active-bg: var( --button-background-color-active, SelectedItemText ); --comment-button-active-fg: var(--button-text-color-active, SelectedItem); --comment-button-border-color: var(--button-border-color, ButtonBorder); --comment-button-active-border-color: var( --button-border-color-active, ButtonBorder ); --comment-button-hover-border-color: var( --button-border-color-hover, SelectedItem ); --comment-button-box-shadow: none; --comment-button-focus-outline-color: var( --focus-outline-color, CanvasText ); --comment-button-selected-bg: var( --button-background-color-primary, ButtonBorder ); --comment-button-selected-fg: var( --button-text-color-primary, ButtonFace ); } position: absolute; width: var(--comment-button-dim); height: var(--comment-button-dim); background-color: var(--comment-button-bg); border-radius: 6px 6px 6px 0; border: 1px solid var(--comment-button-border-color); box-shadow: var(--comment-button-box-shadow); cursor: auto; z-index: 1; padding: 4px; margin: 0; box-sizing: border-box; pointer-events: auto; &:dir(rtl) { border-radius: 6px 6px 0; } &::before { content: ""; display: inline-block; width: 100%; height: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; -webkit-mask-image: var(--comment-edit-button-icon); mask-image: var(--comment-edit-button-icon); background-color: var(--comment-button-fg); margin: 0; padding: 0; transform: scaleX(var(--dir-factor)); } &:focus-visible { outline: 2px solid var(--comment-button-focus-outline-color); outline-offset: 1px; border-color: var(--comment-button-focus-border-color); } &:hover { background-color: var(--comment-button-hover-bg) !important; border-color: var(--comment-button-hover-border-color); &::before { background-color: var(--comment-button-hover-fg); } } &:active { background-color: var(--comment-button-active-bg) !important; border-color: var(--comment-button-active-border-color); &::before { background-color: var(--comment-button-active-fg); } } &.selected { background-color: var(--comment-button-selected-bg) !important; border-color: var(--comment-button-selected-border-color); &::before { background-color: var(--comment-button-selected-fg); } } } } #editorCommentsSidebar, .commentPopup { --comment-close-button-icon: url(/static/pdfjs/images/comment-closeButton.svg); --comment-popup-edit-button-icon: url(/static/pdfjs/images/comment-popup-editButton.svg); --comment-popup-delete-button-icon: url(/static/pdfjs/images/editor-toolbar-delete.svg); --comment-date-fg-color: light-dark( rgb(21 20 26 / 0.69), rgb(251 251 254 / 0.69) ); --comment-bg-color: light-dark(#f9f9fb, #1c1b22); --comment-hover-bg-color: light-dark(#e0e0e6, #2c2b33); --comment-active-bg-color: light-dark(#d1d1d9, #3a3944); --comment-hover-brightness: 0.89; --comment-hover-filter: brightness(var(--comment-hover-brightness)); --comment-active-brightness: 0.825; --comment-active-filter: brightness(var(--comment-active-brightness)); --comment-border-color: light-dark(#f0f0f4, #52525e); --comment-focus-outline-color: var( --focus-outline-color, light-dark(#0062fa, #00cadb) ); --comment-fg-color: var(--text-color, light-dark(#15141a, #fbfbfe)); --comment-count-bg-color: light-dark(#e2f7ff, #00317e); --comment-indicator-active-fg-color: light-dark(#0041a4, #a6ecf4); --comment-indicator-active-filter: brightness( calc(1 / var(--comment-active-brightness)) ); --comment-indicator-focus-fg-color: light-dark(#5b5b66, #fbfbfe); --comment-indicator-hover-fg-color: var( --color-accent-primary-hover, light-dark(#0053cb, #61dce9) ); --comment-indicator-hover-filter: brightness( calc(1 / var(--comment-hover-brightness)) ); --comment-indicator-selected-fg-color: var( --color-accent-primary, light-dark(#0062fa, #00cadb) ); --button-comment-bg: transparent; --button-comment-color: var(--main-color); --button-comment-active-bg: light-dark(#cfcfd8, #5b5b66); --button-comment-active-border: none; --button-comment-active-color: var(--button-comment-color); --button-comment-border: none; --button-comment-hover-bg: light-dark(#e0e0e6, #52525e); --button-comment-hover-color: var(--button-comment-color); @media screen and (forced-colors: active) { --comment-date-fg-color: CanvasText; --comment-bg-color: Canvas; --comment-hover-bg-color: Canvas; --comment-hover-filter: none; --comment-active-bg-color: Canvas; --comment-active-filter: none; --comment-border-color: CanvasText; --comment-fg-color: var(--text-color, CanvasText); --comment-count-bg-color: Canvas; --comment-indicator-active-fg-color: SelectedItem; --comment-indicator-focus-fg-color: var(--text-color, CanvasText); --comment-indicator-hover-fg-color: var(--text-color, CanvasText); --comment-indicator-selected-fg-color: SelectedItem; --button-comment-bg: ButtonFace; --button-comment-color: ButtonText; --button-comment-active-bg: Highlight; --button-comment-active-color: HighlightText; --button-comment-border: 1px solid ButtonText; --button-comment-hover-bg: Highlight; --button-comment-hover-color: HighlightText; } } #editorCommentsSidebar { display: flex; height: auto; padding-bottom: 16px; flex-direction: column; align-items: flex-start; overflow-y: visible; #editorCommentsSidebarHeader { width: 100%; box-sizing: border-box; padding: 16px; display: flex; align-items: center; justify-content: space-between; .commentCount { display: flex; align-items: baseline; gap: 6px; -webkit-user-select: none; -moz-user-select: none; user-select: none; #editorCommentsSidebarTitle { font: menu; font-style: normal; font-weight: 590; line-height: normal; font-size: 17px; color: var(--comment-fg-color); } #editorCommentsSidebarCount { padding: 0 4px; border-radius: 4px; background-color: var(--comment-count-bg-color); color: var(--comment-fg-color); text-align: center; font: menu; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; } } #editorCommentsSidebarCloseButton { width: 32px; height: 32px; padding: 8px; border-radius: 4px; border: var(--button-comment-border); background-color: var(--button-comment-bg); cursor: pointer; &::before { content: ""; display: inline-block; width: 100%; height: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: var(--comment-close-button-icon); mask-image: var(--comment-close-button-icon); background-color: var(--button-comment-color); } &:hover { background-color: var(--button-comment-hover-bg); &::before { background-color: var(--button-comment-hover-color); } } &:active { border: var(--button-comment-active-border); background-color: var(--button-comment-active-bg); &::before { background-color: var(--button-comment-active-color); } } &:focus-visible { outline: var(--focus-ring-outline); } > span { display: inline-block; width: 0; height: 0; overflow: hidden; } } } #editorCommentsSidebarListContainer { overflow: auto; width: 100%; #editorCommentsSidebarList { display: flex; width: auto; padding: 4px 16px; gap: 10px; align-items: flex-start; flex-direction: column; list-style-type: none; .sidebarComment { display: flex; width: auto; padding: 8px 16px 16px; flex-direction: column; align-items: flex-start; align-self: stretch; gap: 4px; border-radius: 8px; border: 0.5px solid var(--comment-border-color); background-color: var(--comment-bg-color); &:not(.noComments) { &:hover { @media screen and (forced-colors: active) { background-color: var(--comment-hover-bg-color); } filter: var(--comment-hover-filter); time::after { display: inline-block; background-color: var(--comment-indicator-hover-fg-color); filter: var(--comment-indicator-hover-filter); } } &:active { @media screen and (forced-colors: active) { background-color: var(--comment-active-bg-color); } filter: var(--comment-active-filter); time::after { display: inline-block; background-color: var(--comment-indicator-active-fg-color); filter: var(--comment-indicator-active-filter); } } &:is(:focus, :focus-visible) time::after { display: inline-block; background-color: var(--comment-indicator-focus-fg-color); } &:focus-visible { outline: 2px solid var(--comment-focus-outline-color); outline-offset: 2px; } &.selected { .sidebarCommentText { max-height: -moz-fit-content; max-height: fit-content; -webkit-line-clamp: unset; } time::after { display: inline-block; background-color: var(--comment-indicator-selected-fg-color); } } } .sidebarCommentText { font: menu; font-style: normal; font-weight: 400; line-height: normal; font-size: 15px; width: 100%; height: -moz-fit-content; height: fit-content; max-height: 80px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: break-word; .richText { --total-scale-factor: 1.5; } } &.noComments { .sidebarCommentText { max-height: -moz-fit-content; max-height: fit-content; -webkit-line-clamp: unset; -webkit-user-select: none; -moz-user-select: none; user-select: none; } a { font: menu; font-style: normal; font-weight: 400; line-height: normal; font-size: 15px; width: 100%; height: auto; overflow-wrap: break-word; margin-block-start: 15px; color: var(--link-fg-color); &:focus-visible { outline: var(--focus-ring-outline); } &:hover { color: var(--link-hover-fg-color); } } } time { width: 100%; display: inline-flex; align-items: center; justify-content: space-between; font: menu; font-style: normal; font-weight: 400; line-height: normal; font-size: 13px; &::after { content: ""; display: none; width: 16px; height: 16px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: var(--comment-edit-button-icon); mask-image: var(--comment-edit-button-icon); transform: scaleX(var(--dir-factor)); } } } } } } .commentPopup { color-scheme: light dark; --divider-color: light-dark(#cfcfd8, #3a3944); --comment-shadow: 0 0.5px 2px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 4px 16px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); @media screen and (forced-colors: active) { --divider-color: CanvasText; --comment-shadow: none; } display: flex; flex-direction: column; align-items: flex-start; gap: 12px; z-index: 100001; pointer-events: auto; margin-top: 2px; border: 0.5px solid var(--comment-border-color); background: var(--comment-bg-color); box-shadow: var(--comment-shadow); &:focus-visible { outline: none; } &.dragging { cursor: move !important; * { cursor: move !important; } button { pointer-events: none !important; } } &:not(.selected) .commentPopupButtons { visibility: hidden !important; } hr { width: 100%; height: 1px; border: none; border-top: 1px solid var(--divider-color); margin: 0; padding: 0; } .commentPopupTop { display: flex; width: 100%; height: auto; padding-bottom: 4px; justify-content: space-between; align-items: center; align-self: stretch; cursor: move; -webkit-user-select: none; -moz-user-select: none; user-select: none; .commentPopupTime { font: menu; font-style: normal; font-weight: 400; line-height: normal; font-size: 13px; color: var(--comment-date-fg-color); } .commentPopupButtons { display: flex; align-items: center; gap: 2px; cursor: default; > button { width: 32px; height: 32px; padding: 8px; border: var(--button-comment-border); border-radius: 4px; background-color: var(--button-comment-bg); color: var(--button-comment-color); &:hover { background-color: var(--button-comment-hover-bg); &::before { background-color: var(--button-comment-hover-color); } } &:active { border: var(--button-comment-active-border); background-color: var(--button-comment-active-bg); color: var(--button-comment-active-color); &::before { background-color: var(--button-comment-active-color); } } &:focus-visible { background-color: var(--button-comment-hover-bg); outline: 2px solid var(--comment-focus-outline-color); outline-offset: 0; } &::before { content: ""; display: inline-block; width: 100%; height: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } &.commentPopupEdit::before { -webkit-mask-image: var(--comment-popup-edit-button-icon); mask-image: var(--comment-popup-edit-button-icon); } &.commentPopupDelete::before { -webkit-mask-image: var(--comment-popup-delete-button-icon); mask-image: var(--comment-popup-delete-button-icon); } } } } .commentPopupText { width: 100%; height: auto; font: menu; font-style: normal; font-weight: 400; line-height: normal; font-size: 15px; color: var(--comment-fg-color); } } .commentPopupText, .sidebarCommentText .richText { margin-block: 0; p:first-of-type { margin-block: 0; } > * { white-space: pre-wrap; font-size: max(15px, calc(10px * var(--total-scale-factor))); overflow-wrap: break-word; } span { color: var(--comment-fg-color) !important; } } :root { --editor-toolbar-vert-offset: 6px; --outline-width: 2px; --outline-color: var(--color-blue-60, #0060df); --outline-around-width: 1px; --outline-around-color: var(--color-gray-20, #f0f0f4); --hover-outline-around-color: var(--outline-around-color); --editor-selection-outline: solid var(--outline-width) var(--outline-color); --unfocus-outline: solid var(--outline-width) transparent; --focus-outline-around: solid var(--outline-around-width) var(--outline-around-color); --hover-outline-color: var(--color-gray-60, #8f8f9d); --hover-outline: solid var(--outline-width) var(--hover-outline-color); --hover-outline-around: solid var(--outline-around-width) var(--hover-outline-around-color); --freetext-line-height: 1.35; --freetext-padding: 2px; --resizer-bg-color: var(--outline-color); --resizer-size: 6px; --resizer-shift: calc( 0px - (var(--outline-width) + var(--resizer-size)) / 2 - var(--outline-around-width) ); --editorFreeText-editing-cursor: text; --editorInk-editing-cursor: url(/static/pdfjs/images/cursor-editorInk.svg) 0 16, pointer; --editorHighlight-editing-cursor: url(/static/pdfjs/images/cursor-editorTextHighlight.svg) 24 24, text; --editorFreeHighlight-editing-cursor: url(/static/pdfjs/images/cursor-editorFreeHighlight.svg) 1 18, pointer; --new-alt-text-warning-image: url(/static/pdfjs/images/altText_warning.svg); } .textLayer { &.highlighting { cursor: var(--editorFreeHighlight-editing-cursor); &:not(.free) span { cursor: var(--editorHighlight-editing-cursor); &[role="img"] { cursor: var(--editorFreeHighlight-editing-cursor); } } &.free span { cursor: var(--editorFreeHighlight-editing-cursor); } } } .page:has(.annotationEditorLayer.nonEditing) .annotationLayer .editorAnnotation { position: absolute; pointer-events: none; } #viewerContainer.pdfPresentationMode:fullscreen, .annotationEditorLayer.disabled { .noAltTextBadge { display: none !important; } } @media (min-resolution: 1.1dppx) { :root { --editorFreeText-editing-cursor: url(/static/pdfjs/images/cursor-editorFreeText.svg) 0 16, text; } } @media screen and (forced-colors: active) { :root { --outline-color: CanvasText; --outline-around-color: ButtonFace; --resizer-bg-color: ButtonText; --hover-outline-color: var(--color-accent-primary-hover, Highlight); --hover-outline-around-color: SelectedItemText; } } [data-editor-rotation="90"] { transform: rotate(90deg); } [data-editor-rotation="180"] { transform: rotate(180deg); } [data-editor-rotation="270"] { transform: rotate(270deg); } .annotationEditorLayer { background: transparent; position: absolute; inset: 0; font-size: calc(100px * var(--total-scale-factor)); transform-origin: 0 0; cursor: auto; .selectedEditor { z-index: 100000 !important; } &.drawing * { pointer-events: none !important; } &.getElements { pointer-events: auto !important; > div { pointer-events: auto !important; } } } .annotationEditorLayer.waiting { content: ""; cursor: wait; position: absolute; inset: 0; width: 100%; height: 100%; } .annotationEditorLayer.disabled { pointer-events: none; &.highlightEditing :is( .freeTextEditor, .inkEditor, .stampEditor, .signatureEditor, .commentPopup ) { pointer-events: auto; } } .annotationEditorLayer.freetextEditing { cursor: var(--editorFreeText-editing-cursor); } .annotationEditorLayer.inkEditing { cursor: var(--editorInk-editing-cursor); } .annotationEditorLayer .draw { box-sizing: border-box; } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor) { position: absolute; background: transparent; z-index: 1; transform-origin: 0 0; cursor: auto; max-width: 100%; max-height: 100%; border: var(--unfocus-outline); &.draggable.selectedEditor { cursor: move; } &.selectedEditor { border: var(--editor-selection-outline); outline: var(--focus-outline-around); &::before { content: ""; position: absolute; inset: 0; border: var(--focus-outline-around); pointer-events: none; } } &:hover:not(.selectedEditor) { border: var(--hover-outline); outline: var(--hover-outline-around); &::before { content: ""; position: absolute; inset: 0; border: var(--focus-outline-around); } } } .annotationEditorLayer :is( .freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor ), .textLayer { .editToolbar { --editor-toolbar-delete-image: url(/static/pdfjs/images/editor-toolbar-delete.svg); --editor-toolbar-bg-color: light-dark(#f0f0f4, #2b2a33); --editor-toolbar-highlight-image: url(/static/pdfjs/images/toolbarButton-editorHighlight.svg); --editor-toolbar-fg-color: light-dark(#2e2e56, #fbfbfe); --editor-toolbar-border-color: var(--border-color-interactive, #8f8f9d); --editor-toolbar-hover-border-color: var(--editor-toolbar-border-color); --editor-toolbar-hover-bg-color: light-dark(#e0e0e6, #52525e); --editor-toolbar-hover-fg-color: var(--editor-toolbar-fg-color); --editor-toolbar-hover-outline: none; --editor-toolbar-focus-outline-color: var( --focus-outline-color, light-dark(#0060df, #0df) ); --editor-toolbar-shadow: 0 2px 6px 0 rgb(58 57 68 / 0.2); --editor-toolbar-height: 28px; --editor-toolbar-padding: 2px; --alt-text-done-color: var( --color-accent-attention, light-dark(#2ac3a2, #54ffbd) ); --alt-text-warning-color: light-dark(#0090ed, #80ebff); --alt-text-hover-done-color: var(--alt-text-done-color); --alt-text-hover-warning-color: var(--alt-text-warning-color); @media screen and (forced-colors: active) { --editor-toolbar-bg-color: var(--button-background-color, ButtonFace); --editor-toolbar-fg-color: var(--button-text-color, ButtonText); --editor-toolbar-border-color: var(--button-border-color, ButtonText); --editor-toolbar-hover-border-color: var( --button-border-color-hover, AccentColor ); --editor-toolbar-hover-bg-color: var( --button-background-color-hover, ButtonFace ); --editor-toolbar-hover-fg-color: var( --button-text-color-hover, AccentColor ); --editor-toolbar-hover-outline: 2px solid var(--editor-toolbar-hover-border-color); --editor-toolbar-focus-outline-color: var( --button-border-color, ButtonBorder ); --editor-toolbar-shadow: none; --alt-text-done-color: var(--editor-toolbar-fg-color); --alt-text-warning-color: var(--editor-toolbar-fg-color); --alt-text-hover-done-color: var(--editor-toolbar-hover-fg-color); --alt-text-hover-warning-color: var(--editor-toolbar-hover-fg-color); } display: flex; width: -moz-fit-content; width: fit-content; height: var(--editor-toolbar-height); flex-direction: column; justify-content: center; align-items: center; cursor: default; pointer-events: auto; box-sizing: content-box; padding: var(--editor-toolbar-padding); -webkit-user-select: none; -moz-user-select: none; user-select: none; position: absolute; inset-inline-end: 0; inset-block-start: calc(100% + var(--editor-toolbar-vert-offset)); border-radius: 6px; background-color: var(--editor-toolbar-bg-color); border: 1px solid var(--editor-toolbar-border-color); box-shadow: var(--editor-toolbar-shadow); &.hidden { display: none; } &:has(:focus-visible) { border-color: transparent; } &:dir(ltr) { transform-origin: 100% 0; } &:dir(rtl) { transform-origin: 0 0; } .buttons { display: flex; justify-content: center; align-items: center; gap: 0; height: 100%; button { padding: 0; } .divider { width: 0; height: calc( 2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height) ); border-left: 1px solid var(--editor-toolbar-border-color); border-right: none; display: inline-block; margin-inline: 2px; } .basic { width: var(--editor-toolbar-height); &::before { content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; background-color: var(--editor-toolbar-fg-color); width: 100%; height: 100%; } &:hover::before { background-color: var(--editor-toolbar-hover-fg-color); } &.highlightButton::before { -webkit-mask-image: var(--editor-toolbar-highlight-image); mask-image: var(--editor-toolbar-highlight-image); } &.commentButton::before { -webkit-mask-image: var(--comment-edit-button-icon); mask-image: var(--comment-edit-button-icon); } &.deleteButton::before { -webkit-mask-image: var(--editor-toolbar-delete-image); mask-image: var(--editor-toolbar-delete-image); } } > * { height: var(--editor-toolbar-height); } > :not(.divider) { border: none; background-color: transparent; cursor: pointer; &:hover { border-radius: 2px; background-color: var(--editor-toolbar-hover-bg-color); color: var(--editor-toolbar-hover-fg-color); outline: var(--editor-toolbar-hover-outline); outline-offset: 1px; &:active { outline: none; } } &:focus-visible { border-radius: 2px; outline: 2px solid var(--editor-toolbar-focus-outline-color); } } .altText { --alt-text-add-image: url(/static/pdfjs/images/altText_add.svg); --alt-text-done-image: url(/static/pdfjs/images/altText_done.svg); display: flex; align-items: center; justify-content: center; width: -moz-max-content; width: max-content; padding-inline: 8px; pointer-events: all; font: menu; font-weight: 590; font-size: 12px; color: var(--editor-toolbar-fg-color); &:disabled { pointer-events: none; } &::before { content: ""; -webkit-mask-image: var(--alt-text-add-image); mask-image: var(--alt-text-add-image); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: 12px; height: 13px; background-color: var(--editor-toolbar-fg-color); margin-inline-end: 4px; } &:hover::before { background-color: var(--editor-toolbar-hover-fg-color); } &.done::before { -webkit-mask-image: var(--alt-text-done-image); mask-image: var(--alt-text-done-image); } &.new { &::before { width: 16px; height: 16px; -webkit-mask-image: var(--new-alt-text-warning-image); mask-image: var(--new-alt-text-warning-image); background-color: var(--alt-text-warning-color); -webkit-mask-size: cover; mask-size: cover; } &:hover::before { background-color: var(--alt-text-hover-warning-color); } &.done { &::before { -webkit-mask-image: var(--alt-text-done-image); mask-image: var(--alt-text-done-image); background-color: var(--alt-text-done-color); } &:hover::before { background-color: var(--alt-text-hover-done-color); } } } .tooltip { display: none; word-wrap: anywhere; &.show { --alt-text-tooltip-bg: light-dark(#f0f0f4, #1c1b22); --alt-text-tooltip-fg: var( --text-color, light-dark(#15141a, #fbfbfe) ); --alt-text-tooltip-border: var(--border-color-interactive, #8f8f9d); --alt-text-tooltip-shadow: 0 2px 6px 0 light-dark(rgb(58 57 68 / 0.2), #15141a); @media screen and (forced-colors: active) { --alt-text-tooltip-bg: Canvas; --alt-text-tooltip-fg: var(--text-color, CanvasText); --alt-text-tooltip-border: var(--border-color, CanvasText); --alt-text-tooltip-shadow: none; } display: inline-flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: calc(100% + 2px); inset-inline-start: 0; padding-block: 2px 3px; padding-inline: 3px; max-width: 300px; width: -moz-max-content; width: max-content; height: auto; font-size: 12px; border: 0.5px solid var(--alt-text-tooltip-border); background: var(--alt-text-tooltip-bg); box-shadow: var(--alt-text-tooltip-shadow); color: var(--alt-text-tooltip-fg); pointer-events: none; } } } .comment { width: var(--editor-toolbar-height); &::before { content: ""; -webkit-mask-image: var(--comment-edit-button-icon); mask-image: var(--comment-edit-button-icon); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; background-color: var(--editor-toolbar-fg-color); width: 100%; height: 100%; } } } } } .annotationEditorLayer .freeTextEditor { padding: calc(var(--freetext-padding) * var(--total-scale-factor)); width: auto; height: auto; touch-action: none; } .annotationEditorLayer .freeTextEditor .internal { background: transparent; border: none; inset: 0; overflow: visible; white-space: nowrap; font: 10px sans-serif; line-height: var(--freetext-line-height); text-align: start; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .annotationEditorLayer .freeTextEditor .overlay { position: absolute; display: none; background: transparent; inset: 0; width: 100%; height: 100%; } .annotationEditorLayer freeTextEditor .overlay.enabled { display: block; } .annotationEditorLayer .freeTextEditor .internal:empty::before { content: attr(default-content); color: gray; } .annotationEditorLayer .freeTextEditor .internal:focus { outline: none; -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; } .annotationEditorLayer .inkEditor { width: 100%; height: 100%; } .annotationEditorLayer .inkEditor.editing { cursor: inherit; } .annotationEditorLayer .inkEditor .inkEditorCanvas { position: absolute; inset: 0; width: 100%; height: 100%; touch-action: none; } .annotationEditorLayer .stampEditor { width: auto; height: auto; canvas { position: absolute; width: 100%; height: 100%; margin: 0; top: 0; left: 0; } .noAltTextBadge { --no-alt-text-badge-border-color: light-dark(#f0f0f4, #52525e); --no-alt-text-badge-bg-color: light-dark(#cfcfd8, #fbfbfe); --no-alt-text-badge-fg-color: light-dark(#5b5b66, #15141a); @media screen and (forced-colors: active) { --no-alt-text-badge-border-color: ButtonText; --no-alt-text-badge-bg-color: ButtonFace; --no-alt-text-badge-fg-color: ButtonText; } position: absolute; inset-inline-end: 5px; inset-block-end: 5px; display: inline-flex; width: 32px; height: 32px; padding: 3px; justify-content: center; align-items: center; pointer-events: none; z-index: 1; border-radius: 2px; border: 1px solid var(--no-alt-text-badge-border-color); background: var(--no-alt-text-badge-bg-color); &::before { content: ""; display: inline-block; width: 16px; height: 16px; -webkit-mask-image: var(--new-alt-text-warning-image); mask-image: var(--new-alt-text-warning-image); -webkit-mask-size: cover; mask-size: cover; background-color: var(--no-alt-text-badge-fg-color); } } } .annotationEditorLayer { :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor) { & > .resizers { position: absolute; inset: 0; z-index: 1; &.hidden { display: none; } & > .resizer { width: var(--resizer-size); height: var(--resizer-size); background: content-box var(--resizer-bg-color); border: var(--focus-outline-around); border-radius: 2px; position: absolute; &.topLeft { top: var(--resizer-shift); left: var(--resizer-shift); } &.topMiddle { top: var(--resizer-shift); left: calc(50% + var(--resizer-shift)); } &.topRight { top: var(--resizer-shift); right: var(--resizer-shift); } &.middleRight { top: calc(50% + var(--resizer-shift)); right: var(--resizer-shift); } &.bottomRight { bottom: var(--resizer-shift); right: var(--resizer-shift); } &.bottomMiddle { bottom: var(--resizer-shift); left: calc(50% + var(--resizer-shift)); } &.bottomLeft { bottom: var(--resizer-shift); left: var(--resizer-shift); } &.middleLeft { top: calc(50% + var(--resizer-shift)); left: var(--resizer-shift); } } } } &[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), &[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), &[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), &[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]) { & > .resizers > .resizer { &.topLeft, &.bottomRight { cursor: nwse-resize; } &.topMiddle, &.bottomMiddle { cursor: ns-resize; } &.topRight, &.bottomLeft { cursor: nesw-resize; } &.middleRight, &.middleLeft { cursor: ew-resize; } } } &[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), &[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), &[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), &[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]) { & > .resizers > .resizer { &.topLeft, &.bottomRight { cursor: nesw-resize; } &.topMiddle, &.bottomMiddle { cursor: ew-resize; } &.topRight, &.bottomLeft { cursor: nwse-resize; } &.middleRight, &.middleLeft { cursor: ns-resize; } } } & :is( [data-main-rotation="0"] [data-editor-rotation="90"], [data-main-rotation="90"] [data-editor-rotation="0"], [data-main-rotation="180"] [data-editor-rotation="270"], [data-main-rotation="270"] [data-editor-rotation="180"] ) { .editToolbar { rotate: 270deg; &:dir(ltr) { inset-inline-end: calc(0px - var(--editor-toolbar-vert-offset)); inset-block-start: 0; } &:dir(rtl) { inset-inline-end: calc(100% + var(--editor-toolbar-vert-offset)); inset-block-start: 0; } } } & :is( [data-main-rotation="0"] [data-editor-rotation="180"], [data-main-rotation="90"] [data-editor-rotation="90"], [data-main-rotation="180"] [data-editor-rotation="0"], [data-main-rotation="270"] [data-editor-rotation="270"] ) { .editToolbar { rotate: 180deg; inset-inline-end: 100%; inset-block-start: calc(0px - var(--editor-toolbar-vert-offset)); } } & :is( [data-main-rotation="0"] [data-editor-rotation="270"], [data-main-rotation="90"] [data-editor-rotation="180"], [data-main-rotation="180"] [data-editor-rotation="90"], [data-main-rotation="270"] [data-editor-rotation="0"] ) { .editToolbar { rotate: 90deg; &:dir(ltr) { inset-inline-end: calc(100% + var(--editor-toolbar-vert-offset)); inset-block-start: 100%; } &:dir(rtl) { inset-inline-start: calc(0px - var(--editor-toolbar-vert-offset)); inset-block-start: 0; } } } } .dialog.altText { &::backdrop { -webkit-mask: url(#alttext-manager-mask); mask: url(#alttext-manager-mask); } &.positioned { margin: 0; } & #altTextContainer { width: 300px; height: -moz-fit-content; height: fit-content; display: inline-flex; flex-direction: column; align-items: flex-start; gap: 16px; & #overallDescription { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; align-self: stretch; & span { align-self: stretch; } & .title { font-size: 13px; font-style: normal; font-weight: 590; } } & #addDescription { display: flex; flex-direction: column; align-items: stretch; gap: 8px; & .descriptionArea { flex: 1; padding-inline: 24px 10px; textarea { width: 100%; min-height: 75px; } } } & #buttons { display: flex; justify-content: flex-end; align-items: flex-start; gap: 8px; align-self: stretch; } } } .dialog.newAltText { --new-alt-text-ai-disclaimer-icon: url(/static/pdfjs/images/altText_disclaimer.svg); --new-alt-text-spinner-icon: url(/static/pdfjs/images/altText_spinner.svg); --preview-image-bg-color: light-dark(#f0f0f4, #2b2a33); --preview-image-border: none; @media screen and (forced-colors: active) { --preview-image-bg-color: ButtonFace; --preview-image-border: 1px solid ButtonText; } width: 80%; max-width: 570px; min-width: 300px; padding: 0; &.noAi { #newAltTextDisclaimer, #newAltTextCreateAutomatically { display: none !important; } } &.aiInstalling { #newAltTextCreateAutomatically { display: none !important; } #newAltTextDownloadModel { display: flex !important; } } &.error { #newAltTextNotNow { display: none !important; } #newAltTextCancel { display: inline-block !important; } } &:not(.error) #newAltTextError { display: none !important; } #newAltTextContainer { display: flex; width: auto; padding: 16px; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 12px; flex: 0 1 auto; line-height: normal; #mainContent { display: flex; justify-content: flex-end; align-items: flex-start; gap: 12px; align-self: stretch; flex: 1 1 auto; #descriptionAndSettings { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; flex: 1 0 0; align-self: stretch; } #descriptionInstruction { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; flex: 1 1 auto; #newAltTextDescriptionContainer { width: 100%; height: 70px; position: relative; textarea { width: 100%; height: 100%; padding: 8px; &::-moz-placeholder { color: var(--text-secondary-color); } &::placeholder { color: var(--text-secondary-color); } } .altTextSpinner { display: none; position: absolute; width: 16px; height: 16px; inset-inline-start: 8px; inset-block-start: 8px; -webkit-mask-size: cover; mask-size: cover; background-color: var(--text-secondary-color); pointer-events: none; } &.loading { textarea::-moz-placeholder { color: transparent; } textarea::placeholder { color: transparent; } .altTextSpinner { display: inline-block; -webkit-mask-image: var(--new-alt-text-spinner-icon); mask-image: var(--new-alt-text-spinner-icon); } } } #newAltTextDescription { font-size: 11px; } #newAltTextDisclaimer { display: flex; flex-direction: row; align-items: flex-start; gap: 4px; font-size: 11px; &::before { content: ""; display: inline-block; width: 17px; height: 16px; -webkit-mask-image: var(--new-alt-text-ai-disclaimer-icon); mask-image: var(--new-alt-text-ai-disclaimer-icon); -webkit-mask-size: cover; mask-size: cover; background-color: var(--text-secondary-color); flex: 1 0 auto; } } } #newAltTextDownloadModel { display: flex; align-items: center; gap: 4px; align-self: stretch; &::before { content: ""; display: inline-block; width: 16px; height: 16px; -webkit-mask-image: var(--new-alt-text-spinner-icon); mask-image: var(--new-alt-text-spinner-icon); -webkit-mask-size: cover; mask-size: cover; background-color: var(--text-secondary-color); } } #newAltTextImagePreview { width: 180px; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; flex: 0 0 auto; background-color: var(--preview-image-bg-color); border: var(--preview-image-border); > canvas { max-width: 100%; max-height: 100%; } } } } } .colorPicker { --hover-outline-color: var( --color-accent-primary-hover, light-dark(#0250bb, #80ebff) ); --selected-outline-color: light-dark(#0060df, #aaf2ff); --swatch-border-color: light-dark(#cfcfd8, #52525e); @media screen and (forced-colors: active) { --hover-outline-color: Highlight; --selected-outline-color: var(--hover-outline-color); --swatch-border-color: ButtonText; } .swatch { width: 16px; height: 16px; border: 1px solid var(--swatch-border-color); border-radius: 100%; outline-offset: 2px; box-sizing: border-box; forced-color-adjust: none; } button:is(:hover, .selected) > .swatch { border: none; } } .basicColorPicker { width: 28px; &::-moz-color-swatch { border-radius: 100%; margin: 0; } &::-webkit-color-swatch { border-radius: 100%; margin: 0; } } .annotationEditorLayer { &[data-main-rotation="0"] { .highlightEditor:not(.free) > .editToolbar { rotate: 0deg; } } &[data-main-rotation="90"] { .highlightEditor:not(.free) > .editToolbar { rotate: 270deg; } } &[data-main-rotation="180"] { .highlightEditor:not(.free) > .editToolbar { rotate: 180deg; } } &[data-main-rotation="270"] { .highlightEditor:not(.free) > .editToolbar { rotate: 90deg; } } .highlightEditor { position: absolute; background: transparent; z-index: 1; cursor: auto; max-width: 100%; max-height: 100%; border: none; outline: none; pointer-events: none; transform-origin: 0 0; &:not(.free) { transform: none; } .internal { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: auto; } &.disabled .internal { pointer-events: none; } &.selectedEditor { .internal { cursor: pointer; } } .editToolbar { --editor-toolbar-colorpicker-arrow-image: url(/static/pdfjs/images/toolbarButton-menuArrow.svg); transform-origin: center !important; .buttons { .colorPicker { position: relative; width: auto; display: flex; justify-content: center; align-items: center; gap: 4px; padding: 4px; &::after { content: ""; -webkit-mask-image: var(--editor-toolbar-colorpicker-arrow-image); mask-image: var(--editor-toolbar-colorpicker-arrow-image); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; background-color: var(--editor-toolbar-fg-color); width: 12px; height: 12px; } &:hover::after { background-color: var(--editor-toolbar-hover-fg-color); } &:has(.dropdown:not(.hidden)) { background-color: var(--editor-toolbar-hover-bg-color); &::after { scale: -1; } } .dropdown { position: absolute; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 11px; padding-block: 8px; border-radius: 6px; background-color: var(--editor-toolbar-bg-color); border: 1px solid var(--editor-toolbar-border-color); box-shadow: var(--editor-toolbar-shadow); inset-block-start: calc(100% + 4px); width: calc(100% + 2 * var(--editor-toolbar-padding)); button { width: 100%; height: auto; border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; background: none; &:is(:active, :focus-visible) { outline: none; } > .swatch { outline-offset: 2px; } &[aria-selected="true"] > .swatch { outline: 2px solid var(--selected-outline-color); } &:is(:hover, :active, :focus-visible) > .swatch { outline: 2px solid var(--hover-outline-color); } } } } } } } } .editorParamsToolbar:has(#highlightParamsToolbarContainer) { padding: unset; } #highlightParamsToolbarContainer { gap: 16px; padding-inline: 10px; padding-block-end: 12px; .colorPicker { display: flex; flex-direction: column; gap: 8px; .dropdown { display: flex; justify-content: space-between; align-items: center; flex-direction: row; height: auto; button { width: auto; height: auto; border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; background: none; flex: 0 0 auto; padding: 0; .swatch { width: 24px; height: 24px; } &:is(:active, :focus-visible) { outline: none; } &[aria-selected="true"] > .swatch { outline: 2px solid var(--selected-outline-color); } &:is(:hover, :active, :focus-visible) > .swatch { outline: 2px solid var(--hover-outline-color); } } } } #editorHighlightThickness { display: flex; flex-direction: column; align-items: center; gap: 4px; align-self: stretch; .editorParamsLabel { height: auto; align-self: stretch; } .thicknessPicker { display: flex; justify-content: space-between; align-items: center; align-self: stretch; --example-color: light-dark(#bfbfc9, #80808e); @media screen and (forced-colors: active) { --example-color: CanvasText; } :is(& > .editorParamsSlider[disabled]) { opacity: 0.4; } &::before, &::after { content: ""; width: 8px; aspect-ratio: 1; display: block; border-radius: 100%; background-color: var(--example-color); } &::after { width: 24px; } .editorParamsSlider { width: unset; height: 14px; } } } #editorHighlightVisibility { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; .divider { --divider-color: light-dark(#d7d7db, #8f8f9d); @media screen and (forced-colors: active) { --divider-color: CanvasText; } margin-block: 4px; width: 100%; height: 1px; background-color: var(--divider-color); } .toggler { display: flex; justify-content: space-between; align-items: center; align-self: stretch; } } } #altTextSettingsDialog { padding: 16px; #altTextSettingsContainer { display: flex; width: 573px; flex-direction: column; gap: 16px; .mainContainer { gap: 16px; } .description { color: var(--text-secondary-color); } #aiModelSettings { display: flex; flex-direction: column; gap: 12px; } #automaticAltText, #altTextEditor { display: flex; flex-direction: column; gap: 8px; } #createModelDescription, #aiModelSettings, #showAltTextDialogDescription { padding-inline-start: 40px; } #automaticSettings { display: flex; flex-direction: column; gap: 16px; } } } button.hasPopupMenu { &[aria-expanded="true"] + menu { visibility: visible; } &[aria-expanded="false"] + menu { visibility: hidden; } } .popupMenu { --menuitem-checkmark-icon: url(/static/pdfjs/images/checkmark.svg); --menu-mark-icon-size: 0; --menu-icon-size: 16px; --menuitem-gap: 5px; --menuitem-border-color: transparent; --menuitem-active-bg: color-mix( in srgb, var(--menu-text-color), transparent 79% ); --menuitem-text-active-fg: var(--menu-text-color); --menuitem-active-border-color: var(--menuitem-border-color); --menuitem-focus-bg: color-mix( in srgb, var(--menu-text-color), transparent 93% ); --menuitem-focus-outline-color: var( --focus-outline-color, light-dark(#0062fa, #00cadb) ); --menuitem-focus-border-color: light-dark(white, black); --menu-bg: var(--background-color-box, light-dark(white, #23222b)); --menu-background-blend-mode: normal; --menu-box-shadow: 0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); --menu-border-color: light-dark(rgb(21 20 26 / 0.1), rgb(251 251 254 / 0.1)); --menuitem-border-radius: 8px; --menu-backdrop-filter: none; --menu-text-color: var(--text-color, light-dark(#15141a, #fbfbfe)); --menu-text-disabled-color: var(--menu-text-color); --menuitem-text-hover-fg: var(--menu-text-color); --menuitem-hover-bg: color-mix( in srgb, var(--menu-text-color), transparent 86% ); --menuitem-hover-background-blend-mode: normal; --disabled-opacity: 0.62; @media screen and (forced-colors: active) { --menu-bg: var(--background-color-box, Canvas); --menu-background-blend-mode: normal; --menu-box-shadow: none; --menu-backdrop-filter: none; --menu-text-color: var(--text-color, ButtonText); --menu-text-disabled-color: GrayText; --menu-border-color: CanvasText; --menuitem-border-color: none; --menuitem-hover-bg: SelectedItemText; --menuitem-text-hover-fg: SelectedItem; --menuitem-active-bg: SelectedItemText; --menuitem-active-border-color: ButtonText; --menuitem-text-active-fg: SelectedItem; --menuitem-focus-bg: ButtonFace; --menuitem-focus-outline-color: var(--focus-outline-color, CanvasText); --menuitem-focus-border-color: none; --disabled-opacity: 1; } display: flex; flex-direction: column; width: -moz-max-content; width: max-content; height: auto; position: relative; left: 0; top: 1px; margin: 0; padding: 5px; box-sizing: border-box; background: var(--menu-bg); background-blend-mode: var(--menu-background-blend-mode); box-shadow: var(--menu-box-shadow); border-radius: 6px; border: 1px solid var(--menu-border-color); backdrop-filter: var(--menu-backdrop-filter); &.withMark { --menu-mark-icon-size: 16px; } > button { display: flex; align-items: center; position: relative; width: 100%; height: 26px; padding-inline: calc(var(--menu-mark-icon-size) + var(--menuitem-gap)) var(--menuitem-gap); gap: var(--menuitem-gap); box-sizing: border-box; border-radius: var(--menuitem-border-radius); border: 1px solid var(--menuitem-border-color); background: transparent; &.selected::after { content: ""; display: inline-block; width: 11px; height: 11px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: var(--menuitem-checkmark-icon); mask-image: var(--menuitem-checkmark-icon); background-color: var(--menu-text-color); position: absolute; inset-inline-start: var(--menuitem-gap); top: 50%; transform: translateY(-50%) scaleX(var(--dir-factor)); } &:disabled { opacity: var(--disabled-opacity); &.selected::after { background-color: var(--menu-text-disabled-color); } &:not(.noIcon)::before { background-color: var(--menu-text-disabled-color); } > span { color: var(--menu-text-disabled-color); } } &:not(:disabled) { &:hover { background: var(--menuitem-hover-bg); background-blend-mode: var(--menuitem-hover-background-blend-mode); &:not(.noIcon)::before { background-color: var(--menuitem-text-hover-fg); } > span { color: var(--menuitem-text-hover-fg); } &.selected::after { background-color: var(--menuitem-text-hover-fg); } } &:active { background-color: var(--menuitem-active-bg); border-color: var(--menuitem-active-border-color); > span { color: var(--menuitem-text-active-fg); } } &:focus-visible { border-color: var(--menuitem-focus-border-color); background-color: var(--menuitem-focus-bg); outline: 2px solid var(--menuitem-focus-outline-color); outline-offset: 2px; } } &:not(.noIcon)::before { display: inline-block; width: var(--menu-icon-size); height: var(--menu-icon-size); content: ""; -webkit-mask-size: cover; mask-size: cover; -webkit-mask-position: center; mask-position: center; background-color: var(--menu-text-color); } > span { display: flex; align-items: center; align-self: stretch; width: 100%; min-width: -moz-max-content; min-width: max-content; text-align: start; color: var(--menu-text-color); -webkit-user-select: none; -moz-user-select: none; user-select: none; padding-inline-start: 6px; font: menu; font-size: 13px; font-style: normal; font-weight: 510; line-height: normal; } } } .treeView { --treeitem-color: light-dark(rgb(0 0 0 / 0.8), rgb(255 255 255 / 0.8)); --treeitem-bg-color: light-dark(rgb(0 0 0 / 0.15), rgb(255 255 255 / 0.15)); --treeitem-hover-color: light-dark(rgb(0 0 0 / 0.9), rgb(255 255 255 / 0.9)); --treeitem-selected-color: light-dark( rgb(0 0 0 / 0.9), rgb(255 255 255 / 0.9) ); --treeitem-selected-bg-color: light-dark( rgb(0 0 0 / 0.25), rgb(255 255 255 / 0.25) ); --treeitem-expanded-icon: url(/static/pdfjs/images/treeitem-expanded.svg); --treeitem-collapsed-icon: url(/static/pdfjs/images/treeitem-collapsed.svg); &.withNesting { .treeItemToggler { &::before { position: absolute; display: inline-block; width: 16px; height: 16px; inset-inline-end: 4px; content: ""; background-color: var(--toolbar-icon-bg-color); -webkit-mask-image: var(--treeitem-expanded-icon); mask-image: var(--treeitem-expanded-icon); -webkit-mask-size: cover; mask-size: cover; } position: relative; float: inline-start; height: 0; width: 0; color: rgb(255 255 255 / 0.5); &.treeItemsHidden { &::before { -webkit-mask-image: var(--treeitem-collapsed-icon); mask-image: var(--treeitem-collapsed-icon); transform: scaleX(var(--dir-factor)); } ~ .treeItems { display: none; } } &:hover + a, &:hover ~ .treeItems { background-color: var(--treeitem-bg-color); background-clip: padding-box; border-radius: 2px; color: var(--treeitem-hover-color); } } > .treeItem, .treeItem > .treeItems { margin-inline-start: 20px; } } &#layersView .treeItem > a { * { cursor: pointer; } > label { display: flex; align-items: center; padding-inline-start: 4px; > input { margin-top: 1px; } } } .treeItem { > a { text-decoration: none; display: inline-block; min-width: calc(100% - 4px); height: auto; margin-bottom: 1px; padding: 2px 0 5px; padding-inline-start: 4px; border-radius: 2px; color: var(--treeitem-color); font-size: 13px; line-height: 15px; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: normal; cursor: default; &:hover { background-color: var(--treeitem-bg-color); background-clip: padding-box; border-radius: 2px; color: var(--treeitem-hover-color); } } &.selected > a { background-color: var(--treeitem-selected-bg-color); color: var(--treeitem-selected-color); } } } #outerContainer { &.viewsManagerMoving { #viewsManager { visibility: visible; } } &.viewsManagerOpen { #viewsManager { visibility: visible; inset-inline-start: 8px; } #viewerContainer:not(.pdfPresentationMode) { inset-inline-start: var(--viewsManager-width, 0); transition-property: inset-inline-start; } } &.viewsManagerResizing :is(#sidebarContainer, #viewerContainer, #loadingBar) { transition-duration: 0s; } } #viewsManager { --views-manager-button-icon: url(/static/pdfjs/images/pages_viewButton.svg); --views-manager-button-arrow-icon: url(/static/pdfjs/images/pages_viewArrow.svg); --views-manager-add-file-button-icon: url(/static/pdfjs/images/toolbarButton-zoomIn.svg); --current-outline-button-icon: url(/static/pdfjs/images/toolbarButton-currentOutlineItem.svg); --menuitem-thumbnailsView-icon: url(/static/pdfjs/images/pages_viewButton.svg); --menuitem-outlinesView-icon: url(/static/pdfjs/images/toolbarButton-viewOutline.svg); --menuitem-attachmentsView-icon: url(/static/pdfjs/images/toolbarButton-viewAttachments.svg); --menuitem-layersView-icon: url(/static/pdfjs/images/toolbarButton-viewLayers.svg); --manage-button-icon: url(/static/pdfjs/images/toolbarButton-pageDown.svg); --close-button-icon: url(/static/pdfjs/images/pages_closeButton.svg); --undo-label-icon: url(/static/pdfjs/images/altText_done.svg); --pages-selected-icon: url(/static/pdfjs/images/pages_selected.svg); --spinner-icon: url(/static/pdfjs/images/altText_spinner.svg); --sidebar-bg-color: light-dark(rgb(255 255 255 / 0.92), rgb(66 65 77 / 0.92)); --sidebar-backdrop-filter: blur(7px); --sidebar-width: 230px; --sidebar-min-width: min-content; --sidebar-max-width: 50vw; --sidebar-block-padding: 8px; --views-text-color: var(--text-color, light-dark(#15141a, #fbfbfe)); --button-fg: var(--views-text-color); --button-no-bg: var(--button-background-color-toolbar, transparent); --button-bg: var( --button-background-color, light-dark(rgb(21 20 26 / 0.07), rgb(251 251 254 / 0.07)) ); --views-button-border-color: var(--button-border-color, transparent); --button-hover-bg: var( --button-background-color-hover, light-dark(rgb(21 20 26 / 0.14), rgb(251 251 254 / 0.14)) ); --button-hover-fg: var(--views-text-color); --button-hover-border-color: var(--views-button-border-color); --button-active-bg: var( --button-background-color-active, light-dark(rgb(21 20 26 / 0.21), rgb(251 251 254 / 0.21)) ); --button-active-fg: var(--views-text-color); --button-active-border-color: var(--views-button-border-color); --button-focus-no-bg: color-mix( in srgb, var(--views-text-color), transparent 93% ); --button-focus-outline-color: var( --focus-outline-color, light-dark(#0062fa, #00cadb) ); --button-focus-border-color: light-dark(white, black); --status-border-color: transparent; --status-actions-bg: light-dark( rgb(21 20 26 / 0.03), rgb(251 251 254 / 0.03) ); --status-undo-bg: light-dark(rgb(0 98 250 / 0.08), rgb(0 202 219 / 0.08)); --status-waiting-bg: var(--status-undo-bg); --indicator-color: var(--color-accent-primary, light-dark(#0062fa, #00cadb)); --status-warning-bg: light-dark(#ffe8ea, #6e001f); --indicator-warning-color: light-dark(#b20037, #ffa0aa); --header-shadow: 0 0.25px 0.75px -0.75px light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 2px 6px -6px light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); --header-bg: light-dark(rgb(255 255 255 / 0.92), #42414e); --image-outline: none; --image-border-width: 6px; --image-border-color: light-dark(#cfcfd8, #3a3944); --image-hover-border-color: #bfbfc9; --image-current-border-color: var(--button-focus-outline-color); --image-current-focused-outline-color: var(--image-hover-border-color); --image-page-number-bg: light-dark(#f0f0f4, #42414d); --image-page-number-fg: var(--views-text-color); --image-page-number-border-color: transparent; --image-hover-page-number-bg: var(--image-page-number-bg); --image-hover-page-number-fg: var(--image-page-number-fg); --image-current-page-number-bg: var(--image-current-border-color); --image-current-page-number-fg: light-dark(#fff, #15141a); --image-current-hover-page-number-bg: var(--image-current-page-number-bg); --image-current-hover-page-number-fg: var(--image-current-page-number-fg); --image-shadow: 0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 0 0 1px var(--image-border-color), 0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); --image-hover-shadow: 0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 0 0 1px light-dark(rgb(21 20 26 / 0.1), rgb(251 251 254 / 0.1)), 0 0 0 var(--image-border-width) var(--image-hover-border-color), 0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); --image-current-shadow: 0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 0 0 var(--image-border-width) var(--image-current-border-color), 0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); --image-dragging-placeholder-bg: light-dark( rgb(0 98 250 / 0.08), rgb(0 202 219 / 0.08) ); --image-dragging-placeholder-border: var(--image-outline); --multiple-dragging-bg: white; --image-multiple-dragging-shadow: 0 0 0 var(--image-border-width) var(--image-current-border-color), var(--image-border-width) var(--image-border-width) 0 calc(var(--image-border-width) / 2) var(--multiple-dragging-bg), var(--image-border-width) var(--image-border-width) 0 calc(3 * var(--image-border-width) / 2) var(--image-current-border-color); --image-dragging-shadow: 0 0 0 var(--image-border-width) var(--image-current-border-color); --multiple-dragging-indicator-bg: var(--indicator-color); --multiple-dragging-text-color: light-dark(#fbfbfe, #15141a); @media screen and (forced-colors: active) { --views-text-color: var(--text-color, CanvasText); --button-fg: var(--button-text-color, ButtonText); --button-bg: var(--button-background-color, ButtonFace); --button-no-bg: var(--button-background-color, ButtonFace); --views-button-border-color: var(--button-border-color, ButtonText); --button-hover-bg: var(--button-background-color-hover, SelectedItemText); --button-hover-fg: var(--button-text-color-hover, SelectedItem); --button-hover-border-color: var(--button-border-color-hover, SelectedItem); --button-active-bg: var(--button-background-color-active, SelectedItemText); --button-active-fg: var(--button-text-color-active, SelectedItem); --button-active-border-color: var(--button-border-color-active, ButtonText); --button-focus-no-bg: var(--button-background-color, ButtonFace); --button-focus-outline-color: var(--focus-outline-color, CanvasText); --button-focus-border-color: none; --status-border-color: CanvasText; --status-undo-bg: none; --indicator-color: var(--text-color, CanvasText); --status-warning-bg: none; --indicator-warning-color: CanvasText; --header-shadow: none; --image-shadow: none; --image-outline: 1px solid ButtonText; --image-focus-outline-color: CanvasText; --image-hover-border-color: SelectedItem; --image-hover-page-number-bg: SelectedItemText; --image-hover-page-number-fg: SelectedItem; --image-current-page-number-bg: ButtonText; --image-current-page-number-fg: ButtonFace; --image-current-border-color: var(--border-color, ButtonText); --image-current-focused-outline-color: var(--image-hover-border-color); --image-current-hover-page-number-bg: SelectedItem; --image-current-hover-page-number-fg: SelectedItemText; --image-page-number-bg: ButtonFace; --image-page-number-fg: ButtonText; --image-page-number-border-color: var(--image-page-number-fg); --multiple-dragging-bg: Canvas; --multiple-dragging-indicator-bg: var(--text-color, ButtonBorder); --multiple-dragging-text-color: Canvas; --image-dragging-placeholder-bg: Canvas; --image-dragging-placeholder-border: 1px GrayText solid; } display: flex; padding-block: 0 16px; flex-direction: column; align-items: flex-start; inset-block-start: calc(100% + var(--sidebar-block-padding)); height: calc( var(--viewer-container-height) - 2 * var(--sidebar-block-padding) ); position: absolute; inset-inline-start: calc( -1 * var(--viewsManager-width, --sidebar-width) - 1px ); transition-property: inset-inline-start; transition-duration: var(--sidebar-transition-duration); transition-timing-function: var(--sidebar-transition-timing-function); .sidebarResizer { inset-inline-start: calc(100% + 4px); } .viewsManagerButton { width: auto; color: var(--button-fg); border-radius: var(--button-border-radius, 8px); border: 1px solid var(--views-button-border-color); background: var(--button-bg); &:hover { background-color: var(--button-hover-bg) !important; color: var(--button-hover-fg) !important; border-color: var(--button-hover-border-color) !important; &::before { background-color: var(--button-hover-fg) !important; } } &:active { background: var(--button-active-bg) !important; color: var(--button-active-fg) !important; border-color: var(--button-active-border-color) !important; &::before { background-color: var(--button-active-fg) !important; } } &:focus-visible { outline: 2px solid var(--button-focus-outline-color); outline-offset: 2px; border-color: var(--button-focus-border-color); } &.viewsCloseButton { width: var(--size-item-large, 26px); height: var(--size-item-large, 26px); border-radius: var(--button-border-radius, 8px); background: none; display: flex; align-items: center; justify-content: center; &::before { width: 16px; height: 16px; -webkit-mask-image: var(--close-button-icon); mask-image: var(--close-button-icon); } } } #viewsManagerHeader { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; width: 100%; box-shadow: var(--header-shadow); flex: 0 0 auto; background-color: var(--header-bg); border-start-start-radius: calc(var(--sidebar-border-radius) - 1px); border-start-end-radius: calc(var(--sidebar-border-radius) - 1px); .viewsManagerLabel { flex: 1 1 auto; color: var(--views-text-color); text-align: center; height: -moz-fit-content; height: fit-content; width: -moz-fit-content; width: fit-content; -webkit-user-select: none; -moz-user-select: none; user-select: none; font: menu; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; } #viewsManagerTitle { display: flex; flex-direction: row; align-items: center; align-self: stretch; justify-content: space-between; width: auto; padding-block: 12px; padding-inline: 8px 16px; &:not(:has(#viewsManagerHeaderLabel ~ button:not([hidden])))::after { content: ""; flex: 0 0 auto; width: 32px; height: 32px; pointer-events: none; } #viewsManagerSelector { width: 48px; height: 32px; display: block; > button { background: var(--button-no-bg); width: 100%; height: 100%; &:focus-visible { background-color: var(--button-focus-no-bg); } &::before { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: var(--views-manager-button-icon); mask-image: var(--views-manager-button-icon); background-color: var(--button-fg); } &::after { content: ""; display: inline-block; width: 12px; height: 12px; margin-inline-start: 8px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: var(--views-manager-button-arrow-icon); mask-image: var(--views-manager-button-arrow-icon); background-color: var(--button-fg); } &:hover { &::before, &::after { background-color: var(--button-hover-fg) !important; } } &:active { &::before, &::after { background-color: var(--button-active-fg) !important; } } } > .popupMenu { min-width: 182px; z-index: 1; > button { &#thumbnailsViewMenu::before { -webkit-mask-image: var(--menuitem-thumbnailsView-icon); mask-image: var(--menuitem-thumbnailsView-icon); } &#outlinesViewMenu::before { -webkit-mask-image: var(--menuitem-outlinesView-icon); mask-image: var(--menuitem-outlinesView-icon); } &#attachmentsViewMenu::before { -webkit-mask-image: var(--menuitem-attachmentsView-icon); mask-image: var(--menuitem-attachmentsView-icon); } &#layersViewMenu::before { -webkit-mask-image: var(--menuitem-layersView-icon); mask-image: var(--menuitem-layersView-icon); } } } } #viewsManagerAddFileButton { background: var(--button-no-bg); width: 32px; height: 32px; &:focus-visible { background-color: var(--button-focus-no-bg); } &::before { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: var(--views-manager-add-file-button-icon); mask-image: var(--views-manager-add-file-button-icon); background-color: var(--button-fg); } > input { display: none; } } #viewsManagerCurrentOutlineButton { background: var(--button-no-bg); width: 32px; height: 32px; &:focus-visible { background-color: var(--button-focus-no-bg); } &::before { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: var(--current-outline-button-icon); mask-image: var(--current-outline-button-icon); background-color: var(--button-fg); } } } #viewsManagerStatus { display: grid; width: 100%; border: 1px solid var(--status-border-color); > div { min-height: 64px; width: 100%; padding-inline: 16px; grid-area: 1 / 1; box-sizing: border-box; &.hidden { visibility: hidden; display: unset !important; } } .viewsManagerStatusLabel { display: flex; align-items: center; gap: 8px; font: menu; font-size: 13px; } #viewsManagerStatusAction { display: flex; justify-content: space-between; align-items: center; align-self: stretch; background-color: var(--status-actions-bg); #viewsManagerStatusActionLabelContainer > button { position: relative; width: var(--icon-size); height: var(--icon-size); border: none; padding: 0; flex: 0 0 auto; &::before { content: ""; position: absolute; inset: 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; background-color: var(--indicator-color); -webkit-mask-image: var(--pages-selected-icon); mask-image: var(--pages-selected-icon); } @media screen and (forced-colors: active) { border-radius: 2px; background-color: var(--button-bg); &::before { background-color: var(--button-fg); } &:hover { background-color: var(--button-hover-bg); &::before { background-color: var(--button-hover-fg); } } &:active { background-color: var(--button-active-bg); &::before { background-color: var(--button-active-fg); } } } &#viewsManagerStatusActionDeselectButton:focus-visible { outline: 2px solid var(--button-focus-outline-color); border: 1px solid var(--button-focus-border-color); border-radius: 2px; outline-offset: 1px; } } #actionSelector { height: 32px; min-width: 115px; width: auto; display: block; #viewsManagerStatusActionButton { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; height: 100%; padding: 4px 16px; &::after { content: ""; display: inline-block; width: var(--icon-size); height: var(--icon-size); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: var(--manage-button-icon); mask-image: var(--manage-button-icon); background-color: var(--button-fg); } &:hover::after { background-color: var(--button-hover-fg) !important; } &:active::after { background-color: var(--button-active-fg) !important; } } > .popupMenu { width: 100%; min-width: -moz-fit-content; min-width: fit-content; z-index: 1; } } } #viewsManagerStatusUndo { display: flex; justify-content: space-between; align-items: center; align-self: stretch; background-color: var(--status-undo-bg); > span::before { content: ""; display: inline-block; width: var(--icon-size); height: var(--icon-size); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: var(--undo-label-icon); mask-image: var(--undo-label-icon); background-color: var(--indicator-color); } > div { display: flex; align-items: center; gap: 8px; width: auto; #viewsManagerStatusUndoButton { width: auto; min-height: 24px; padding: 4px 8px; } } } #viewsManagerStatusWarning { display: flex; align-items: center; justify-content: space-between; background-color: var(--status-warning-bg); > span { align-items: flex-start; &::before { content: ""; display: inline-block; width: var(--icon-size); height: var(--icon-size); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; background-color: var(--indicator-warning-color); -webkit-mask-image: var(--undo-label-icon); mask-image: var(--undo-label-icon); flex: 0 0 auto; } } } #viewsManagerStatusWaiting { display: flex; align-items: center; justify-content: space-between; background-color: var(--status-waiting-bg); > span::before { content: ""; display: inline-block; width: var(--icon-size); height: var(--icon-size); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; background-color: var(--indicator-color); -webkit-mask-image: var(--spinner-icon); mask-image: var(--spinner-icon); flex: 0 0 auto; } } } } #viewsManagerContent { width: 100%; flex: 1 1 0%; overflow: auto; &:has(#thumbnailsView.isDragging) { overflow-x: hidden; } #thumbnailsView { --thumbnail-width: 126px; --gap-between-input-and-thumbnail: 16px; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-evenly; padding: 20px 32px; gap: 44px; width: 100%; box-sizing: border-box; position: relative; &.isDragging { cursor: grabbing; > .thumbnail { > .thumbnailImageContainer:hover { cursor: grabbing; &:not([aria-current="page"]) { box-shadow: var(--image-shadow); } } > input { pointer-events: none; } } } &.isDragging > .dragMarker, &.isDraggingFile > .dragMarker { position: absolute; top: 0; left: 0; border: 2px solid var(--indicator-color); contain: strict; } &.pasteMode { gap: var(--gap-between-input-and-thumbnail); > .thumbnail { flex-direction: column; > input { display: none; } > .thumbnailPasteButton { display: flex; justify-content: center; align-items: center; border-radius: 16px; min-height: 24px; padding: 4px 16px; font: menu; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; } } } &:not(.pasteMode) > .thumbnail > .thumbnailPasteButton { display: none; } > .thumbnail { --input-dim: 16px; &:not(&:has(input)) { --input-dim: 0px; --gap-between-input-and-thumbnail: 0px; } display: inline-flex; justify-content: flex-end; align-items: center; flex-direction: row-reverse; gap: var(--gap-between-input-and-thumbnail); width: calc( var(--thumbnail-width) + 2 * (var(--input-dim) + var(--gap-between-input-and-thumbnail)) ); height: auto; position: relative; scroll-margin-top: 20px; .thumbnailPasteButton { padding: 8px 0; text-align: center; } &:not(.isDragging) > .thumbnailImageContainer::after { content: attr(page-number); border-radius: 8px; border: 1px solid var(--image-page-number-border-color); background-color: var(--image-page-number-bg); color: var(--image-page-number-fg); position: absolute; bottom: 5px; inset-inline-end: 50%; min-width: 32px; height: 16px; text-align: center; box-sizing: content-box; translate: calc(var(--dir-factor) * 50%); font: menu; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } &:has([aria-current="page"]):not(.isDragging) > .thumbnailImageContainer::after { background-color: var(--image-current-page-number-bg); color: var(--image-current-page-number-fg); outline: 1px solid var(--image-current-border-color); } &.isDragging > input { visibility: hidden; } > input { margin: 0; width: var(--input-dim); height: var(--input-dim); accent-color: var(--indicator-color); } > .thumbnailImageContainer { --thumbnail-dragging-scale: 1.4; width: var(--thumbnail-width); border: none; border-radius: 8px; box-shadow: var(--image-shadow); box-sizing: content-box; outline: var(--image-outline); -webkit-user-select: none; -moz-user-select: none; user-select: none; position: relative; img { width: 100%; height: 100%; border: none; border-radius: 8px; outline: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; } &.missingThumbnailImage { content-visibility: hidden; } &:hover { cursor: pointer; box-shadow: var(--image-hover-shadow); &::after { background-color: var(--image-hover-page-number-bg); color: var(--image-hover-page-number-fg); } @media screen and (forced-colors: active) { box-shadow: none; outline: var(--image-border-width) var(--image-hover-border-color) solid; } } &:focus-visible { &:not([aria-current="page"]) { box-shadow: var(--image-hover-shadow); outline: none; @media screen and (forced-colors: active) { box-shadow: none; outline: var(--image-border-width) var(--image-focus-outline-color) solid; } } &[aria-current="page"] { outline: var(--image-border-width) solid var(--image-current-focused-outline-color); outline-offset: var(--image-border-width); @media screen and (forced-colors: active) { box-shadow: none; outline: var(--image-border-width) var(--image-current-border-color) solid; outline-offset: 0; > img { outline: var(--image-border-width) var(--image-focus-outline-color) solid; outline-offset: var(--image-border-width); } } } @media screen and (forced-colors: active) { box-shadow: none; outline: var(--image-border-width) var(--image-current-border-color) solid; &:hover > img { outline: var(--image-border-width) var(--image-hover-border-color) solid; outline-offset: var(--image-border-width); } } } &[aria-current="page"] { box-shadow: var(--image-current-shadow); &:hover::after { background-color: var(--image-current-hover-page-number-bg); color: var(--image-current-hover-page-number-fg); } @media screen and (forced-colors: active) { box-shadow: none; outline: var(--image-border-width) var(--image-current-border-color) solid; &:hover > img { outline: var(--image-border-width) var(--image-hover-border-color) solid; outline-offset: var(--image-border-width); } } } &.placeholder { background-color: var(--image-dragging-placeholder-bg); box-shadow: none !important; outline: var(--image-dragging-placeholder-border); } &.draggingThumbnail { position: absolute; left: 0; top: 0; z-index: 1; transform-origin: 0 0 0; scale: calc(1 / var(--thumbnail-dragging-scale)); pointer-events: none; box-shadow: var(--image-dragging-shadow); &.multiple { box-shadow: var(--image-multiple-dragging-shadow); @media screen and (forced-colors: active) { forced-color-adjust: none; box-shadow: var(--image-multiple-dragging-shadow); } > .thumbnailImageContainer { position: absolute; top: 0; left: 0; width: var(--thumbnail-width); border: none; border-radius: 8px; box-sizing: content-box; outline: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } &::after { content: attr(data-multiple-count); border-radius: calc(8px * var(--thumbnail-dragging-scale)); background-color: var(--multiple-dragging-indicator-bg); color: var(--multiple-dragging-text-color); position: absolute; inset-block-end: calc(4px * var(--thumbnail-dragging-scale)); inset-inline-start: calc(4px * var(--thumbnail-dragging-scale)); min-width: calc(32px * var(--thumbnail-dragging-scale)); height: calc(16px * var(--thumbnail-dragging-scale)); text-align: center; font: menu; font-size: calc(13px * var(--thumbnail-dragging-scale)); font-style: normal; font-weight: 400; line-height: normal; contain: strict; } } } } } } #attachmentsView { --attachment-color: light-dark(rgb(0 0 0 / 0.8), rgb(255 255 255 / 0.8)); --attachment-bg-color: light-dark( rgb(0 0 0 / 0.15), rgb(255 255 255 / 0.15) ); --attachment-hover-color: light-dark( rgb(0 0 0 / 0.9), rgb(255 255 255 / 0.9) ); > ul { list-style-type: none; padding: 0; > li > a { text-decoration: none; display: inline-block; min-width: calc(100% - 4px); height: auto; margin-bottom: 1px; padding: 2px 0 5px; padding-inline-start: 4px; border-radius: 2px; color: var(--attachment-color); font-size: 13px; line-height: 15px; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: normal; cursor: pointer; &:hover { background-color: var(--attachment-bg-color); background-clip: padding-box; border-radius: 2px; color: var(--attachment-hover-color); } } } } } } .sidebar { --sidebar-bg-color: var(--background-color-box, light-dark(#fff, #23222b)); --sidebar-border-color: light-dark( rgb(21 20 26 / 0.1), rgb(251 251 254 / 0.1) ); --sidebar-box-shadow: 0 0.25px 0.75px light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 2px 6px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); --sidebar-backdrop-filter: none; --sidebar-border-radius: 8px; --sidebar-padding: 5px; --sidebar-min-width: 180px; --sidebar-max-width: 632px; --sidebar-width: 239px; --resizer-width: 4px; --resizer-shift: calc(0px - var(--resizer-width) - 2px); --resizer-hover-bg-color: var( --color-accent-primary, light-dark(#0062fa, #00cadb) ); @media screen and (forced-colors: active) { --sidebar-bg-color: var(--background-color-box, Canvas); --sidebar-border-color: CanvasText; --sidebar-box-shadow: none; --resizer-hover-bg-color: var(--text-color, CanvasText); } border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); border: 1px solid var(--sidebar-border-color); background-color: var(--sidebar-bg-color); inset-block-start: calc(100% + var(--doorhanger-height) - 2px); padding-block: var(--sidebar-padding); width: var(--sidebar-width); min-width: var(--sidebar-min-width); max-width: var(--sidebar-max-width); backdrop-filter: var(--sidebar-backdrop-filter); box-sizing: border-box; position: relative; .sidebarResizer { width: var(--resizer-width); background-color: transparent; forced-color-adjust: none; cursor: ew-resize; position: absolute; inset-block: 0; inset-inline-start: var(--resizer-shift); transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out; box-sizing: border-box; border: 1px solid transparent; border-block-width: 0; background-clip: content-box; &:hover { background-color: var(--resizer-hover-bg-color); border-color: white; } &:focus-visible { background-color: var(--resizer-hover-bg-color); outline: none; } } &.resizing { cursor: ew-resize; -webkit-user-select: none; -moz-user-select: none; user-select: none; :not(.sidebarResizer) { pointer-events: none; } .sidebarResizer { background-color: var(--resizer-hover-bg-color); } } } :root { color-scheme: light dark; --viewer-container-height: 0; --pdfViewer-padding-bottom: 0; --page-margin: 1px auto -8px; --page-border: 9px solid transparent; --spreadHorizontalWrapped-margin-LR: -3.5px; --loading-icon-delay: 400ms; --focus-ring-color: var(--focus-outline-color, light-dark(#0060df, #0df)); --focus-ring-outline: var(--focus-outline-width, 2px) solid var(--focus-ring-color); --text-primary-color: var(--text-color, light-dark(#15141a, #fbfbfe)); --link-fg-color: var(--link-color, light-dark(#0060df, #0df)); --link-hover-fg-color: var(--link-color-hover, light-dark(#0250bb, #80ebff)); --new-badge-bg: light-dark(#070, #37b847); --new-badge-color: light-dark(#fff, #15141a); --new-badge-border-color: light-dark(#fbfbfe / 40%, #15141a / 40%); @media screen and (forced-colors: active) { --pdfViewer-padding-bottom: 9px; --page-margin: 8px auto -1px; --page-border: 1px solid CanvasText; --spreadHorizontalWrapped-margin-LR: 3.5px; --focus-ring-color: var(--focus-outline-color, CanvasText); --text-primary-color: var(--text-color, CanvasText); --link-fg-color: var(--link-color, LinkText); --link-hover-fg-color: var(--link-color-hover, LinkText); --new-badge-bg: AccentColor; --new-badge-color: ButtonFace; --new-badge-border-color: CanvasText; } } .newBadge { background-color: var(--new-badge-bg); color: var(--new-badge-color); border-radius: 4px; border: 1px solid var(--new-badge-border-color); padding-inline: 4px; margin-inline: 4px; font: menu; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; flex: 0 0 fit-content; -webkit-user-select: none; -moz-user-select: none; user-select: none; } [data-main-rotation="90"] { transform: rotate(90deg) translateY(-100%); } [data-main-rotation="180"] { transform: rotate(180deg) translate(-100%, -100%); } [data-main-rotation="270"] { transform: rotate(270deg) translateX(-100%); } .pdfViewer { --scale-factor: 1; --page-bg-color: unset; padding-bottom: var(--pdfViewer-padding-bottom); --hcm-highlight-filter: none; --hcm-highlight-selected-filter: none; @media screen and (forced-colors: active) { --hcm-highlight-filter: invert(100%); } &.copyAll { cursor: wait; } .canvasWrapper { overflow: hidden; width: 100%; height: 100%; canvas { position: absolute; top: 0; left: 0; margin: 0; display: block; width: 100%; height: 100%; contain: content; .structTree { contain: strict; } &.detailView { image-rendering: pixelated; } } .selection { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background: rgb(0 90 255 / 0.22); } } } .pdfViewer .page { --user-unit: 1; --total-scale-factor: calc(var(--scale-factor) * var(--user-unit)); --scale-round-x: 1px; --scale-round-y: 1px; direction: ltr; width: 816px; height: 1056px; margin: var(--page-margin); position: relative; overflow: visible; border: var(--page-border); background-clip: content-box; background-color: var(--page-bg-color, rgb(255 255 255)); } .pdfViewer .dummyPage { position: relative; width: 0; height: var(--viewer-container-height); } .pdfViewer.noUserSelect { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pdfViewer.removePageBorders .page { margin: 0 auto 10px; border: none; } .pdfViewer.singlePageView { display: inline-block; } .pdfViewer.singlePageView .page { margin: 0; border: none; } .pdfViewer:is(.scrollHorizontal, .scrollWrapped), .spread { margin-inline: 3.5px; text-align: center; } .pdfViewer.scrollHorizontal, .spread { white-space: nowrap; } .pdfViewer.removePageBorders, .pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spread { margin-inline: 0; } .spread :is(.page, .dummyPage), .pdfViewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread) { display: inline-block; vertical-align: middle; } .spread .page, .pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page { margin-inline: var(--spreadHorizontalWrapped-margin-LR); } .pdfViewer.removePageBorders .spread .page, .pdfViewer.removePageBorders:is(.scrollHorizontal, .scrollWrapped) .page { margin-inline: 5px; } .pdfViewer .page.loadingIcon::after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: url(/static/pdfjs/images/loading-icon.gif) center no-repeat; display: none; transition-property: display; transition-delay: var(--loading-icon-delay); z-index: 5; contain: strict; } .pdfViewer .page.loading::after { display: block; } .pdfViewer .page:not(.loading)::after { transition-property: none; display: none; } .pdfPresentationMode .pdfViewer { padding-bottom: 0; } .pdfPresentationMode .spread { margin: 0; } .pdfPresentationMode .pdfViewer .page { margin: 0 auto; border: 2px solid transparent; } :root{color-scheme:normal} #pdf-preview .page:first-child{margin-top:0;border-top:0}@media (forced-colors:active){#pdf-preview .page:first-child{margin-top:8px;border-top:1px solid CanvasText}}#pdf-preview .page{display:block;overflow-x:visible;padding:0}#pdf-preview{position:absolute;inset:0;overflow:auto;background-color:var(--secondary-background-color);border-top:20px solid transparent;border-bottom:10px solid transparent}#pdf-preview .highlight{--highlight-bg-color:rgba(255,204,94,0.55);--highlight-selected-bg-color:rgba(0,112,224,0.6)}#pdf-preview .highlight.selected{scroll-margin-top:calc(var(--pdf-search-panel-top) + var(--pdf-search-panel-padding-block) * 2 + var(--pdf-search-panel-content-height) + 50px);animation:pdf-search-bump 350ms ease-out}#pdf-preview-loading{position:absolute;top:48px;left:50%;transform:translateX(-50%);z-index:1;margin:0}@-moz-keyframes pdf-search-bump{0%{transform:scale(1)}40%{transform:scale(1.2)}100%{transform:scale(1)}}@-webkit-keyframes pdf-search-bump{0%{transform:scale(1)}40%{transform:scale(1.2)}100%{transform:scale(1)}}@-o-keyframes pdf-search-bump{0%{transform:scale(1)}40%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes pdf-search-bump{0%{transform:scale(1)}40%{transform:scale(1.2)}100%{transform:scale(1)}} html,body,cocoatouch{background-color:var(--view-background-color);font-family:"Pretendard",Helvetica,Arial,sans-serif;font-weight:400;position:relative;margin:0;padding:0;display:initial;height:100vh}h1,h2,h3,h4,h5,p{margin:0}input,textarea{font-family:"Pretendard",Helvetica,Arial,sans-serif}.page-content-container{box-sizing:border-box;margin:0 auto;width:100%;position:relative;max-width:87.5vw}@media (min-width:1920px){.page-content-container{max-width:1680px}}page,.page{display:flex;flex-direction:column;overflow-x:hidden;padding-top:20px;padding-bottom:20px;padding-left:6.25vw;padding-right:6.25vw;width:100%;width:-moz-available;width:-webkit-fill-available}@media (min-width:1920px){page,.page{padding-left:calc((100vw - 1680px) / 2);padding-right:calc((100vw - 1680px) / 2)}}.heading{align-items:center;justify-content:space-between}space{display:flex;margin-bottom:16px;margin-left:16px}@media (max-width:1068px){space.hide-tablet{display:none}}@media (max-width:480px){space.hide-small{display:none}}line{display:block;width:100%;height:1px;background-color:var(--line-color)}.flex-row{display:flex;flex-direction:row;align-items:center}@media (max-width:734px){.flex-row{flex-direction:column;align-items:stretch;width:100%}}.flex-column{display:flex;flex-direction:column}.flex-column-50{display:flex;flex-direction:column;width:50%}@media (max-width:734px){.flex-column-50{width:100%}}.flex-wrap{display:flex;flex-wrap:wrap}.flex-align-center{margin:auto}.justify-content-center{justify-content:center}.justify-content-start{justify-content:start}.justify-content-end{justify-content:end}.justify-content-space-between{justify-content:space-between}.justify-content-space-evenly{justify-content:space-evenly}.align-items-start{align-items:start}.align-items-center{align-items:center}.align-items-end{align-items:end}.flex-align-horizontally{margin-right:auto;margin-left:auto}.flex-container{gap:16px;flex-wrap:wrap;justify-content:space-between;align-items:stretch}.flex-container-4-item{border:1px solid var(--line-color);width:calc(25% - 16px)}@media (max-width:734px){.flex-container-4-item{width:50%}}.flex-container-3-item{border:1px solid var(--line-color);width:calc(33% - 16px)}@media (max-width:734px){.flex-container-3-item{width:100%}}.flex-container-2-item{border:1px solid var(--line-color);width:calc(50% - 16px)}@media (max-width:734px){.flex-container-2-item{width:100%}}.flex-container-1-item{border:1px solid var(--line-color);width:100%}.flex-image-top{float:left;width:100%;height:350px;object-fit:cover;border-radius:16px 16px 0 0;border-bottom:1px solid var(--line-color)}@media (max-width:1440px){.flex-image-top{height:270px}}@media (max-width:1100px){.flex-image-top{height:400px}}@media (max-width:670px){.flex-image-top{height:300px}}.gap-2xs{gap:var(--space-2xs)}.gap-xs{gap:var(--space-xs)}.gap-s{gap:var(--space-s)}.gap-m{gap:var(--space-m)}.gap-l{gap:var(--space-l)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.gap-3xl{gap:var(--space-3xl)}.gap-4xl{gap:var(--space-4xl)}.gap-5xl{gap:var(--space-5xl)}.gap-6xl{gap:var(--space-6xl)}.gap-7xl{gap:var(--space-7xl)}.gap-8xl{gap:var(--space-8xl)}.gap-9xl{gap:var(--space-9xl)}.gap-10xl{gap:var(--space-10xl)}.gap-11xl{gap:var(--space-11xl)}.gap-12xl{gap:var(--space-12xl)}.gap-13xl{gap:var(--space-13xl)}.gap-14xl{gap:var(--space-14xl)}.gap-15xl{gap:var(--space-15xl)}.gap-16xl{gap:var(--space-16xl)}.gap-17xl{gap:var(--space-17xl)}.gap-18xl{gap:var(--space-18xl)}.padding-xl{padding:var(--space-xl);box-sizing:border-box}.padding-2xl{padding:var(--space-2xl);box-sizing:border-box}.padding-3xl{padding:var(--space-3xl);box-sizing:border-box}.padding-4xl{padding:var(--space-4xl);box-sizing:border-box}.padding-6xl{padding:var(--space-6xl);box-sizing:border-box}.padding-8xl{padding:var(--space-8xl);box-sizing:border-box}.padding-10xl{padding:var(--space-10xl);box-sizing:border-box}.padding-15xl{padding:var(--space-15xl);box-sizing:border-box}.padding-top-l{padding-top:var(--space-l);box-sizing:border-box}.padding-top-4xl{padding-top:var(--space-4xl);box-sizing:border-box}.padding-top-6xl{padding-top:var(--space-6xl);box-sizing:border-box}.padding-top-8xl{padding-top:var(--space-8xl);box-sizing:border-box}.padding-top-10xl{padding-top:var(--space-10xl);box-sizing:border-box}.padding-top-12xl{padding-top:var(--space-12xl);box-sizing:border-box}.padding-top-14xl{padding-top:var(--space-14xl);box-sizing:border-box}.padding-top-15xl{padding-top:var(--space-15xl);box-sizing:border-box}.padding-top-17xl{padding-top:var(--space-17xl);box-sizing:border-box}.padding-bottom-xl{padding-bottom:var(--space-xl);box-sizing:border-box}.padding-bottom-3xl{padding-bottom:var(--space-3xl);box-sizing:border-box}.padding-bottom-4xl{padding-bottom:var(--space-4xl);box-sizing:border-box}.padding-bottom-5xl{padding-bottom:var(--space-5xl);box-sizing:border-box}.padding-bottom-6xl{padding-bottom:var(--space-6xl);box-sizing:border-box}.padding-bottom-8xl{padding-bottom:var(--space-8xl);box-sizing:border-box}.padding-bottom-10xl{padding-bottom:var(--space-10xl);box-sizing:border-box}.padding-bottom-12xl{padding-bottom:var(--space-12xl);box-sizing:border-box}.padding-bottom-14xl{padding-bottom:var(--space-14xl);box-sizing:border-box}.padding-bottom-15xl{padding-bottom:var(--space-15xl);box-sizing:border-box}.padding-bottom-17xl{padding-bottom:var(--space-17xl);box-sizing:border-box}.padding-vertical-2xl{padding-bottom:var(--space-2xl);padding-top:var(--space-2xl)}.padding-vertical-4xl{padding-bottom:var(--space-4xl);padding-top:var(--space-4xl)}.padding-vertical-6xl{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}.padding-vertical-8xl{padding-bottom:var(--space-8xl);padding-top:var(--space-8xl)}.padding-vertical-10xl{padding-bottom:var(--space-10xl);padding-top:var(--space-10xl)}.padding-vertical-12xl{padding-bottom:var(--space-12xl);padding-top:var(--space-12xl)}.padding-vertical-15xl{padding-bottom:var(--space-15xl);padding-top:var(--space-15xl)}.padding-horizontal-xl{padding-left:var(--space-xl);padding-right:var(--space-xl)}.padding-horizontal-2xl{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}.padding-horizontal-4xl{padding-left:var(--space-4xl);padding-right:var(--space-4xl)}.padding-horizontal-6xl{padding-left:var(--space-6xl);padding-right:var(--space-6xl)}.padding-horizontal-8xl{padding-left:var(--space-8xl);padding-right:var(--space-8xl)}.padding-horizontal-10xl{padding-left:var(--space-10xl);padding-right:var(--space-10xl)}.padding-horizontal-12xl{padding-left:var(--space-12xl);padding-right:var(--space-12xl)}.padding-horizontal-15xl{padding-left:var(--space-15xl);padding-right:var(--space-15xl)}.primary-background{background-color:var(--primary-background-color)}.secondary-background{background-color:var(--secondary-background-color)}.tertiary-background{background-color:var(--tertiary-background-color)}.auxiliary-background{background-color:var(--auxiliary-background-color)}.black-background{background-color:#000}.white-background{background-color:#fff}.black-transparent-background{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,0.5)}.round-border{border-radius:16px}.round-border-xl{border-radius:var(--radius-xl)}.round-border-2xl{border-radius:var(--radius-2xl)}.no-border{border:none !important}@media (max-width:734px){.no-colapse{width:100%}}.padding-medium{padding:32px !important}@media (max-width:734px){.padding-medium{padding:32px 8px}}.padding-medium-horizontally{padding:0 32px !important}@media (max-width:734px){.padding-medium-horizontally{padding:0 8px}}.icon{width:32px;height:32px}.btn{background-color:var(--action-or-selection-color);border:1px solid var(--action-or-selection-color);border-radius:99px;box-sizing:border-box;color:var(--view-background-color);cursor:pointer;display:inline-block;font-size:17px;font-weight:400;height:auto;padding:12px 20px;text-align:center;text-decoration:inherit;white-space:nowrap;width:fit-content}@media (max-width:734px){.btn{padding:12px 16px;width:100%}}.btn-xs{font-size:14px;padding:4px 12px}.btn-sm{padding:8px 16px}@media (max-width:734px){.btn-sm{width:fit-content}}.btn-lg{font-size:17px;padding:16px 24px}@media (max-width:734px){.btn-lg{padding:12px 20px}}@media (max-width:480px){.btn-lg{padding:12px 16px}}.btn-white{background-color:var(--menu-background-color);border-color:var(--menu-background-color);color:var(--title-color)}.btn-outline{background-color:transparent;border-color:var(--action-or-selection-color);color:var(--action-or-selection-color)}.btn-outline-white{background-color:transparent;border-color:var(--view-background-color);color:var(--view-background-color)}.btn-ghost{color:var(--action-or-selection-color);background-color:transparent;border:none;padding-left:0;padding-right:0}@media (max-width:734px){.btn-ghost{width:fit-content}}.button{color:var(--view-background-color);background-color:var(--action-or-selection-color);border:1px solid var(--action-or-selection-color);border-radius:99px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:17px;font-weight:400;height:48px;line-height:48px;padding:0 24px;text-align:center;text-decoration:inherit;white-space:nowrap;width:fit-content}.button-white{color:var(--title-color);background-color:var(--menu-background-color);border-color:var(--menu-background-color)}.button-medium{font-size:18px;height:auto;padding:2px 24px}.button-large{font-size:20px;height:60px;line-height:57px;padding:0 24px}@media (max-width:800px){.button-large{font-size:16px;height:48px;line-height:48px;padding:0 20px}}@media (max-width:480px){.button-large{height:36px;line-height:36px;padding:0 16px}}.button-disabled,.btn[disabled],.button[disabled]{background:#dcdbde !important;border:none !important;color:var(--text-color) !important;pointer-events:none !important}.button-border{height:44px;font-size:16px;cursor:pointer;border-radius:22px;color:var(--action-or-selection-color);border:1px solid var(--action-or-selection-color);text-align:center;font-weight:600;line-height:44px;padding:0 16px;text-decoration:inherit}.button-borderless{width:fit-content;height:44px;font-size:16px;cursor:pointer;border-radius:22px;color:var(--action-or-selection-color);text-align:center;font-weight:600;line-height:44px;padding:0 16px;text-decoration:inherit}.button-fit{white-space:nowrap;width:fit-content;padding:0 32px}@media (max-width:734px){.button-fit{padding:0 16px}}.button-left{text-align:left;padding-left:0}.button-large{border-radius:999px;display:block;font-size:20px;height:auto;line-height:28px;padding:14px 40px}.button-small{height:32px;padding:0 20px;line-height:36px;width:min-content;display:inline-block}.input{color:var(--input-color);background-color:var(--view-background-color);border:1px solid var(--border-color);font-size:16px;font-weight:500;width:100%;margin:2px 0 5px;min-height:44px;line-height:normal;box-sizing:border-box;border-radius:4px;padding-left:10px;margin-top:5px;-webkit-appearance:none;-webkit-box-sizing:border-box}.input:focus{outline:none;border:2px solid var(--action-or-selection-color)}.link{color:var(--action-or-selection-color)}.hidden{display:none}h1,h2,h3,h4,.text-title-color{color:var(--title-color)}p,li,span,.text-default-color{color:var(--text-color)}.text-white-color{color:#fff !important}.text-white-to-title-color{color:#fff}@media (max-width:734px){.text-white-to-title-color{color:var(--title-color)}}.text-white-to-default-color{color:#fff}@media (max-width:734px){.text-white-to-default-color{color:var(--text-color)}}.text-title-basic-color{color:var(--title-basic-color)}.text-basic-color{color:var(--text-basic-color)}.text-inverse-color{color:var(--text-inverse-color)}.text-title-2xl-size{font-size:72px;font-weight:600;line-height:80px}@media (max-width:1024px){.text-title-2xl-size{font-size:64px;line-height:72px}}@media (max-width:734px){.text-title-2xl-size{font-size:58px;line-height:68px}}@media (max-width:480px){.text-title-2xl-size{font-size:40px;line-height:48px}}h1,.text-title-xl-size{font-size:80px;line-height:1.05;font-weight:600;letter-spacing:-.035em}@media (max-width:1068px){h1,.text-title-xl-size{font-size:64px;line-height:1.0625}}@media (max-width:734px){h1,.text-title-xl-size{font-size:48px;line-height:1.0834933333}}@media (max-width:480px){h1,.text-title-xl-size{font-size:40px;line-height:1.1;letter-spacing:-.02em}}h2,.text-title-l-size{font-size:56px;font-weight:600;line-height:1.0714285714;letter-spacing:-.033em}@media (max-width:1068px){h2,.text-title-l-size{font-size:48px;line-height:1.0834933333;letter-spacing:-.032em}}@media (max-width:734px){h2,.text-title-l-size{font-size:32px;line-height:1.0834933333;letter-spacing:-.025em}}@media (max-width:480px){h2,.text-title-l-size{font-size:28px;line-height:1.1428571429;letter-spacing:-.022em}}h3,.text-title-m-size{font-size:32px;font-weight:600;line-height:1.125;letter-spacing:-.025em}@media (max-width:1068px){h3,.text-title-m-size{font-size:24px;line-height:1.1666666667;letter-spacing:-.014em}}@media (max-width:734px){h3,.text-title-m-size{font-size:21px;line-height:1.1904761905;letter-spacing:-.016em}}h4,.text-title-s-size{font-size:28px;font-weight:600;line-height:1.1428571429;letter-spacing:-.02em}@media (max-width:1068px){h4,.text-title-s-size{font-size:24px;line-height:1.1666666667;letter-spacing:-.017em}}@media (max-width:734px){h4,.text-title-s-size{font-size:21px;letter-spacing:-.0021em;line-height:28px}}.text-xl-size{font-size:21px;line-height:1.2353641176;letter-spacing:-.0043em}p,li,span,.text-l-size{font-size:17px;font-weight:400;line-height:1.2353641176;letter-spacing:-.0043em}@media (max-width:1068px){p,li,span,.text-l-size{letter-spacing:-.0018em}}@media (max-width:734px){p,li,span,.text-l-size{font-size:14px;line-height:1.2857742857;letter-spacing:.002em}}.text-m-size{font-size:14px;font-weight:400;line-height:1.4285914286;letter-spacing:.001em}.text-s-size{font-size:12px;font-weight:400;line-height:1.3333733333;letter-spacing:.007em}.text-title-extra-large-size{font-size:64px;font-weight:600;line-height:72px}@media (max-width:700px){.text-title-extra-large-size{font-size:48px;line-height:56px}}.text-title-large-size{font-size:56px;font-weight:600;line-height:62px}@media (max-width:734px){.text-title-large-size{font-size:40px;line-height:48px}}.text-title-medium-large-size{font-size:48px;font-weight:600;line-height:56px}@media (max-width:734px){.text-title-medium-large-size{font-size:40px;line-height:48px}}@media (max-width:480px){.text-title-medium-large-size{font-size:32px;line-height:36px}}.text-title-medium-size{font-size:28px;font-weight:600;line-height:40px}@media (max-width:734px){.text-title-medium-size{font-size:28px;line-height:36px}}.text-title-small-size{font-size:24px;font-weight:500;line-height:32px}.text-title-extra-small-size{font-size:22px;font-weight:400;line-height:30px}.text-extra-large-size{font-size:20px;font-weight:500;line-height:28px}.text-large-size{font-size:18px;font-weight:400;line-height:26px}.text-medium-size{font-size:16px;font-weight:500;line-height:24px}.text-small-size{font-size:14px;font-weight:200;line-height:22px}.text-x-small-size{font-size:12px;font-weight:200;line-height:20px}.text-align-center{text-align:center}.text-align-right{text-align:right}.text-align-left{text-align:left}.text-regular{font-weight:400 !important}.text-bold,strong,b{font-weight:600 !important}.text-uppercase{text-transform:uppercase}.disable-text-select{-ms-user-select:none;-webkit-user-select:none;user-select:none}.text-no-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section{margin-top:60px}.section{box-sizing:border-box;margin:0;position:relative}.hero-banner{align-items:center;display:flex;justify-content:center;min-height:100vh;position:relative}.hero-banner:after{background:rgba(0,0,0,0.188);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.hero-bg-video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.border-box-spacing{padding:32px;width:calc(100% - 64px);margin:auto}.border-box-image{border-top-right-radius:0;border-bottom-right-radius:0;flex-shrink:0;min-width:100%;min-height:100%}@media (max-width:734px){.border-box-image{border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}}::placeholder{color:var(--border-color)}::-webkit-input-placeholder{color:var(--border-color)}::-moz-placeholder{color:var(--border-color)}::-ms-input-placeholder{color:var(--border-color)}button,a{cursor:pointer;text-decoration:inherit;background:none;border:none;padding:0;outline:inherit;font:inherit;color:inherit}.heading-container{align-items:center;display:flex;flex-direction:row;gap:var(--space-8xl);justify-content:space-between;padding:var(--space-8xl) 0}@media (max-width:1068px){.heading-container{gap:var(--space-6xl);padding:var(--space-7xl) 0}}@media (max-width:734px){.heading-container{align-items:flex-start;flex-direction:column;gap:var(--space-s);justify-content:flex-start;padding:var(--space-6xl) 0}}@media (max-width:480px){.heading-container{padding:var(--space-5xl) 0}}.heading-subtitle-container{display:flex;flex-direction:column;align-items:flex-start}.tag{background:var(--view-background-color);border:1px solid var(--line-color);border-radius:8px;display:flex;font-size:20px;font-weight:600;gap:8px;line-height:1.4em;padding:10px 12px 6px;width:fit-content}.tag.tag-blue{background-color:#eaf7fe;border-color:#d3e6f0;color:#005885}.text-field-error{border:1px solid #b81307;background:#ffeceb}.text-error{color:#b81307}table.docs-table{width:80%;border-collapse:collapse;margin:16px 0;font-size:15px}table.docs-table th,table.docs-table td{border:1px solid #ddd;padding:8px}table.docs-table th{background:#f8f8f8;font-weight:600;text-align:left}table.docs-table tr:nth-child(even){background:#fafbfc}#rd_tmgr{display:none}.content-xs-regular{font-size:12px;font-weight:400;line-height:18px;letter-spacing:.18px}.content-default-regular{font-size:14px;font-weight:400;line-height:20px;letter-spacing:.14px}.body-sm-regular{font-size:14px;font-weight:400;line-height:22px;letter-spacing:.14px}.body-lg-regular{font-size:20px;font-weight:400;line-height:28px}.title-group{font-size:14px;font-weight:600;line-height:20px}.title-screen{font-size:48px;font-weight:600;line-height:54px;letter-spacing:-.96px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width:734px){.title-screen{font-size:34px;line-height:38px;letter-spacing:-.51px}}.title-content{font-size:20px;font-weight:600;line-height:26px;letter-spacing:-.1px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width:734px){.title-content{font-size:21px;letter-spacing:0}}.content-xlg-regular{font-family:"Pretendard",Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;line-height:26px;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width:734px){.content-xlg-regular{font-size:17px;line-height:22px;letter-spacing:.085px}}.align-items-stretch{align-items:stretch}.item-stretch{width:100%;box-sizing:border-box}.divider-horizontal{width:100%;height:1px;box-sizing:border-box;background-color:var(--line-color)} @font-face{font-family:"Pretendard";src:url("/font/pretendard-medium.woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Pretendard";src:url("/font/pretendard-semibold.woff2");font-weight:600;font-style:normal;font-display:swap} :root{--action-or-selection-color:#0070e0;--title-color:#1b2733;--text-color:#646566;--text-accent-color:#121314;--line-color:#e6e8eb;--border-color:#bdc4c9;--view-background-color:#fff;--menu-background-color:#f5f7fa;--error-border-color:#d46d6d;--delete-or-cancel-color:#ed3d5d;--success-text-color:#157f3c;--success-background-color:#e8f7ed;--success-border-color:#30b661;--fail-text-color:#d46d6d;--fail-background-color:#fef1f1;--fail-border-color:#e2a8a8;--primary-background-color:#fff;--secondary-background-color:#f5f7fa;--tertiary-background-color:#020108;--auxiliary-background-color:#f0f2f5;--title-basic-color:#050505;--text-basic-color:#282829;--text-inverse-color:#fafcff;--dark-green:#17dd8c;--light-green:#6effba;--light-blue:#63b1ff;--dark-pink:#ff7592;--light-pink:#ff92b1;--dark-yellow:#ffb828;--light-yellow:#ffcc5e} :root{--header-height:88px;--space-2xs:2px;--space-xs:4px;--space-s:8px;--space-m:12px;--space-l:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:40px;--space-4xl:48px;--space-5xl:56px;--space-6xl:64px;--space-7xl:72px;--space-8xl:80px;--space-9xl:88px;--space-10xl:96px;--space-11xl:104px;--space-12xl:108px;--space-13xl:112px;--space-14xl:116px;--space-15xl:124px;--space-16xl:132px;--space-17xl:140px;--space-18xl:148px;--space-19xl:156px;--space-20xl:164px;--space-21xl:172px;--space-22xl:180px;--space-23xl:188px;--space-24xl:196px;--space-25xl:204px;--space-26xl:212px} :root{--radius-full:999px;--radius-l:16px;--radius-xl:24px;--radius-2xl:32px} .stepper-view{border:1px solid var(--line-color);border-radius:12px;background-color:var(--view-background-color);min-height:40px;width:100%;overflow:hidden}@media (max-width:734px){.stepper-view{flex-direction:row}}.stepper-view-button{background:none;border:none;cursor:pointer;font-size:20px;color:var(--action-or-selection-color);padding:0 10px;min-height:40px;display:flex;align-items:center;justify-content:center;user-select:none;flex-shrink:0}.stepper-view-button:hover{opacity:.7}.stepper-view-number{flex:1;text-align:center;font-size:16px;font-weight:500;color:var(--input-color);background:none;border:none;outline:none;padding:0;-webkit-appearance:none;width:100%} .pagination-container{display:flex;justify-content:center;gap:15px}.pagination-bullet{cursor:pointer;width:8px;height:8px;border-radius:10px;border:2px solid #fff;transition:all ease-in-out .3s}.pagination-bullet:hover{background-color:#fff}.pagination-bullet.selected{background-color:#fff;width:30px;transition:all ease-in-out .3s}.pagination-container{display:none}.pagination-content-active{display:block} .alert-container{width:100%;height:0;left:0;top:0;text-align:center;position:fixed;z-index:1001}.alert{border:1px solid transparent;border-radius:3px;margin:9px;padding:8px 18px;font-size:14px;display:inline-block} .cases-grid-view{box-sizing:border-box}.cases-grid{box-sizing:border-box;display:grid;gap:var(--space-xl);grid-template-columns:repeat(4,1fr)}@media (max-width:1068px){.cases-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:734px){.cases-grid{grid-template-columns:1fr}}.cases-grid-card{background-color:#f0f3f5;border-radius:var(--radius-xl);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;position:relative}.cases-grid-card-highlight{grid-column:span 2}@media (max-width:734px){.cases-grid-card-highlight{grid-column:span 1}}.cases-grid-card-photo{aspect-ratio:280/318;overflow:hidden;position:relative;width:100%}.cases-grid-card-highlight .cases-grid-card-photo{aspect-ratio:584/318}@media (max-width:734px){.cases-grid-card-highlight .cases-grid-card-photo{aspect-ratio:280/318}}.cases-grid-card-picture,.cases-grid-card-img{display:block;height:100%;object-fit:cover;width:100%}.cases-grid-card-img{transition:transform .6s ease-out}.cases-grid-card:hover .cases-grid-card-img{transform:scale(1.04)}.cases-grid-card-overlay{background-color:rgba(0,0,0,0.28);inset:0;pointer-events:none;position:absolute}.cases-grid-card-badge{align-items:center;border-radius:var(--radius-full);display:flex;height:50px;justify-content:center;left:var(--space-l);overflow:hidden;position:absolute;top:var(--space-l);width:50px}.cases-grid-card-badge-logo{display:block;object-fit:contain}.cases-grid-card-tag{-webkit-backdrop-filter:blur(12px);align-items:center;backdrop-filter:blur(12px);background-color:var(--view-background-color);border:1px solid var(--line-color);border-radius:var(--radius-full);box-sizing:border-box;color:var(--text-accent-color);display:flex;font-size:16px;font-weight:600;height:34px;justify-content:center;line-height:22px;padding:2px var(--space-s);position:absolute;right:var(--space-l);top:var(--space-l)}.cases-grid-card-footer{box-sizing:border-box;display:flex;flex:1;flex-direction:column;gap:var(--space-s);padding:20px}.cases-grid-card-title{color:var(--text-accent-color);font-size:26px;font-weight:600;letter-spacing:-.01em;line-height:32px}@media (max-width:1068px){.cases-grid-card-title{font-size:22px;line-height:28px}}.cases-grid-card-segment{color:#9aa0a6;font-size:14px;font-weight:400;line-height:20px} .checkbox{height:30px;position:relative;z-index:10}.checkbox spam{position:absolute;width:25px;height:25px;border:1px solid var(--border-color);cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:background 200ms linear;-o-transition:background 200ms linear;transition:background 200ms linear}@media (max-width:480px){.checkbox spam{width:20px;height:20px}}.checkbox svg{position:absolute;margin:2px}@media (max-width:480px){.checkbox svg{height:20px;margin:0;width:20px}}.checkbox input{display:none}.checkbox spam:hover{border:2px solid var(--action-or-selection-color)}.checkbox input:checked ~ spam{border:2px solid var(--action-or-selection-color);background-color:var(--action-or-selection-color)}.checkbox input:checked ~ svg{display:block;cursor:pointer}.checkbox-label{line-height:1.2;margin-left:38px;padding-top:0}@media (max-width:480px){.checkbox-label{font-size:14px;margin-left:32px}} .code-container{width:100%;background:var(--menu-background-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px}#code-title{padding:10px;font-weight:500;color:var(--title-color);font-size:14px;border-top-left-radius:8px;border-top-right-radius:8px;background-color:var(--view-background-color)}#code-languages{background-color:var(--view-background-color);margin:0;padding-top:10px;padding-bottom:10px;border-top-left-radius:8px;border-top-right-radius:8px}.code-content .tab ul li i{height:24px;width:24px;object-fit:cover;margin:auto;margin-bottom:8px}.code-content .tab ul li span{font-size:14px}div.tab-content{padding:10px 10px 10px 10px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}#code-separator{height:1px;width:100%;border-bottom:1px solid var(--line-color)}pre{float:unset;margin:0}pre.prettyprint{border:unset !important;overflow:auto !important;width:100%}pre > span{font-size:14px !important}@media (max-width:734px){pre > span{font-size:12.5px !important}}.tab .tab-content .code-block-row{display:flex;align-items:center}.code-block-row pre{flex:1}.tab .tab-content .code-actions{display:flex;align-items:center;gap:8px;padding:10px 10px 10px 0}.code-action-icon{cursor:pointer;color:#929daf;font-size:16px;transition:color .2s ease-in-out;display:inline-flex}.code-action-icon:hover{color:var(--action-or-selection-color)}code{display:inline;font-family:"Menlo","Consolas",monospace;font-size:.9em;padding:2px 6px;border:1px solid var(--border-color);border-radius:4px;background:var(--menu-background-color);color:var(--title-color);white-space:nowrap}pre code{display:block;font-size:14px;padding:10px;margin-top:10px;border-radius:8px;white-space:pre-wrap}.fac{display:inline-block;width:1em;height:1em;vertical-align:-.125em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.fa-ruby{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%3E%3Cpath%20d=%27M20.156.083c3.033.525%203.893%202.598%203.829%204.77L24%204.822%2022.635%2022.71%204.89%2023.926h.016C3.433%2023.864.15%2023.729%200%2019.139l1.645-3%202.819%206.586.503%201.172%202.805-9.144-.03.007.016-.03%209.255%202.956-1.396-5.431-.99-3.9%208.82-.569-.615-.51L16.5%202.114%2020.159.073l-.003.01zM0%2019.089v.026-.029.003zM5.13%205.073c3.561-3.533%208.157-5.621%209.922-3.84%201.762%201.777-.105%206.105-3.673%209.636-3.563%203.532-8.103%205.734-9.864%203.957-1.766-1.777.045-6.217%203.612-9.75l.003-.003z%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%3E%3Cpath%20d=%27M20.156.083c3.033.525%203.893%202.598%203.829%204.77L24%204.822%2022.635%2022.71%204.89%2023.926h.016C3.433%2023.864.15%2023.729%200%2019.139l1.645-3%202.819%206.586.503%201.172%202.805-9.144-.03.007.016-.03%209.255%202.956-1.396-5.431-.99-3.9%208.82-.569-.615-.51L16.5%202.114%2020.159.073l-.003.01zM0%2019.089v.026-.029.003zM5.13%205.073c3.561-3.533%208.157-5.621%209.922-3.84%201.762%201.777-.105%206.105-3.673%209.636-3.563%203.532-8.103%205.734-9.864%203.957-1.766-1.777.045-6.217%203.612-9.75l.003-.003z%27/%3E%3C/svg%3E")}.fa-elixir{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%3E%3Cpath%20d=%27M19.789,16.578c0,3.75-2.926,7.422-7.739,7.422c-5.246,0-7.839-3.708-7.839-8.285%20c0-5.207,3.89-12.946,7.995-15.639c0.277-0.182,0.643,0.041,0.611,0.371c-0.03,0.313-0.046,0.631-0.046,0.951%20c0,2.067,0.641,3.985,1.738,5.563c0.522,0.795,1.092,1.477,1.763,2.351c0.94,1.226,1.636,1.905,2.642,3.84%20c0.005,0.01,0.01,0.018,0.015,0.028C19.48,14.197,19.789,15.352,19.789,16.578z%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%3E%3Cpath%20d=%27M19.789,16.578c0,3.75-2.926,7.422-7.739,7.422c-5.246,0-7.839-3.708-7.839-8.285%20c0-5.207,3.89-12.946,7.995-15.639c0.277-0.182,0.643,0.041,0.611,0.371c-0.03,0.313-0.046,0.631-0.046,0.951%20c0,2.067,0.641,3.985,1.738,5.563c0.522,0.795,1.092,1.477,1.763,2.351c0.94,1.226,1.636,1.905,2.642,3.84%20c0.005,0.01,0.01,0.018,0.015,0.028C19.48,14.197,19.789,15.352,19.789,16.578z%27/%3E%3C/svg%3E")}.fa-csharp{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2048%2048%27%3E%3Cpath%20d=%27M%2025%202%20C%2024.285156%202%2023.570313%202.179688%2022.933594%202.539063%20L%206.089844%2012.003906%20C%204.800781%2012.726563%204%2014.082031%204%2015.535156%20L%204%2034.464844%20C%204%2035.917969%204.800781%2037.273438%206.089844%2037.996094%20L%2022.933594%2047.460938%20C%2023.570313%2047.820313%2024.285156%2048%2025%2048%20C%2025.714844%2048%2026.429688%2047.820313%2027.066406%2047.460938%20L%2043.910156%2038%20C%2045.199219%2037.273438%2046%2035.917969%2046%2034.464844%20L%2046%2015.535156%20C%2046%2014.082031%2045.199219%2012.726563%2043.910156%2012.003906%20L%2027.066406%202.539063%20C%2026.429688%202.179688%2025.714844%202%2025%202%20Z%20M%2025%2013%20C%2028.78125%2013%2032.277344%2014.753906%2034.542969%2017.738281%20L%2030.160156%2020.277344%20C%2028.84375%2018.835938%2026.972656%2018%2025%2018%20C%2021.140625%2018%2018%2021.140625%2018%2025%20C%2018%2028.859375%2021.140625%2032%2025%2032%20C%2026.972656%2032%2028.84375%2031.164063%2030.160156%2029.722656%20L%2034.542969%2032.261719%20C%2032.277344%2035.246094%2028.78125%2037%2025%2037%20C%2018.382813%2037%2013%2031.617188%2013%2025%20C%2013%2018.382813%2018.382813%2013%2025%2013%20Z%20M%2035%2020%20L%2037%2020%20L%2037%2022%20L%2039%2022%20L%2039%2020%20L%2041%2020%20L%2041%2022%20L%2043%2022%20L%2043%2024%20L%2041%2024%20L%2041%2026%20L%2043%2026%20L%2043%2028%20L%2041%2028%20L%2041%2030%20L%2039%2030%20L%2039%2028%20L%2037%2028%20L%2037%2030%20L%2035%2030%20L%2035%2028%20L%2033%2028%20L%2033%2026%20L%2035%2026%20L%2035%2024%20L%2033%2024%20L%2033%2022%20L%2035%2022%20Z%20M%2037%2024%20L%2037%2026%20L%2039%2026%20L%2039%2024%20Z%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2048%2048%27%3E%3Cpath%20d=%27M%2025%202%20C%2024.285156%202%2023.570313%202.179688%2022.933594%202.539063%20L%206.089844%2012.003906%20C%204.800781%2012.726563%204%2014.082031%204%2015.535156%20L%204%2034.464844%20C%204%2035.917969%204.800781%2037.273438%206.089844%2037.996094%20L%2022.933594%2047.460938%20C%2023.570313%2047.820313%2024.285156%2048%2025%2048%20C%2025.714844%2048%2026.429688%2047.820313%2027.066406%2047.460938%20L%2043.910156%2038%20C%2045.199219%2037.273438%2046%2035.917969%2046%2034.464844%20L%2046%2015.535156%20C%2046%2014.082031%2045.199219%2012.726563%2043.910156%2012.003906%20L%2027.066406%202.539063%20C%2026.429688%202.179688%2025.714844%202%2025%202%20Z%20M%2025%2013%20C%2028.78125%2013%2032.277344%2014.753906%2034.542969%2017.738281%20L%2030.160156%2020.277344%20C%2028.84375%2018.835938%2026.972656%2018%2025%2018%20C%2021.140625%2018%2018%2021.140625%2018%2025%20C%2018%2028.859375%2021.140625%2032%2025%2032%20C%2026.972656%2032%2028.84375%2031.164063%2030.160156%2029.722656%20L%2034.542969%2032.261719%20C%2032.277344%2035.246094%2028.78125%2037%2025%2037%20C%2018.382813%2037%2013%2031.617188%2013%2025%20C%2013%2018.382813%2018.382813%2013%2025%2013%20Z%20M%2035%2020%20L%2037%2020%20L%2037%2022%20L%2039%2022%20L%2039%2020%20L%2041%2020%20L%2041%2022%20L%2043%2022%20L%2043%2024%20L%2041%2024%20L%2041%2026%20L%2043%2026%20L%2043%2028%20L%2041%2028%20L%2041%2030%20L%2039%2030%20L%2039%2028%20L%2037%2028%20L%2037%2030%20L%2035%2030%20L%2035%2028%20L%2033%2028%20L%2033%2026%20L%2035%2026%20L%2035%2024%20L%2033%2024%20L%2033%2022%20L%2035%2022%20Z%20M%2037%2024%20L%2037%2026%20L%2039%2026%20L%2039%2024%20Z%27/%3E%3C/svg%3E")}.fa-golang{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%3E%3Cpath%20d=%27M1.811%2010.715c-.047%200-.058-.023-.035-.059l.246-.315c.023-.035.081-.058.128-.058h4.172c.046%200%20.058.035.035.07l-.199.303c-.023.036-.082.07-.117.07l-4.23-.011zM.047%2011.79c-.047%200-.059-.023-.035-.058l.245-.316c.023-.035.082-.058.129-.058h5.328c.047%200%20.07.035.058.07l-.093.28c-.012.047-.058.07-.105.07l-5.527.012zm2.828%201.075c-.047%200-.059-.035-.035-.07l.163-.292c.023-.035.07-.07.117-.07h2.337c.047%200%20.07.035.07.082l-.023.28c0%20.047-.047.082-.082.082l-2.547-.012zM15.004%2010.505c-.736.187-1.239.327-1.963.514-.176.046-.187.058-.34-.117-.174-.199-.303-.327-.548-.444-.737-.362-1.45-.257-2.115.175-.795.514-1.204%201.274-1.192%202.22.011.935.654%201.706%201.577%201.835.795.105%201.46-.175%201.987-.771.105-.129.198-.269.315-.433H10.47c-.245%200-.304-.152-.222-.35.152-.362.432-.97.596-1.274a.315.315%200%200%201%20.292-.187h4.253c-.023.316-.023.631-.07.947a4.983%204.983%200%200%201-.958%202.29c-.841%201.11-1.94%201.8-3.33%201.986-1.145.152-2.209-.07-3.143-.77-.865-.655-1.356-1.52-1.484-2.595-.152-1.274.222-2.419.993-3.424.83-1.086%201.928-1.776%203.272-2.021%201.098-.199%202.15-.07%203.096.572.62.41%201.063.97%201.356%201.648.07.105.023.164-.117.199%20M18.872%2016.967c-1.064-.024-2.034-.328-2.852-1.029a3.665%203.665%200%200%201-1.262-2.255c-.21-1.32.152-2.489.947-3.529.853-1.122%201.881-1.706%203.272-1.951%201.192-.21%202.314-.094%203.33.596.923.63%201.496%201.484%201.648%202.605.198%201.578-.257%202.863-1.344%203.962-.771.783-1.718%201.273-2.805%201.495-.315.059-.63.07-.934.106zm2.78-4.721c-.011-.152-.011-.269-.034-.386-.21-1.157-1.274-1.811-2.384-1.554-1.087.245-1.788.935-2.045%202.033-.21.912.234%201.835%201.075%202.209.643.28%201.285.245%201.905-.07.923-.48%201.425-1.227%201.484-2.232z%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%3E%3Cpath%20d=%27M1.811%2010.715c-.047%200-.058-.023-.035-.059l.246-.315c.023-.035.081-.058.128-.058h4.172c.046%200%20.058.035.035.07l-.199.303c-.023.036-.082.07-.117.07l-4.23-.011zM.047%2011.79c-.047%200-.059-.023-.035-.058l.245-.316c.023-.035.082-.058.129-.058h5.328c.047%200%20.07.035.058.07l-.093.28c-.012.047-.058.07-.105.07l-5.527.012zm2.828%201.075c-.047%200-.059-.035-.035-.07l.163-.292c.023-.035.07-.07.117-.07h2.337c.047%200%20.07.035.07.082l-.023.28c0%20.047-.047.082-.082.082l-2.547-.012zM15.004%2010.505c-.736.187-1.239.327-1.963.514-.176.046-.187.058-.34-.117-.174-.199-.303-.327-.548-.444-.737-.362-1.45-.257-2.115.175-.795.514-1.204%201.274-1.192%202.22.011.935.654%201.706%201.577%201.835.795.105%201.46-.175%201.987-.771.105-.129.198-.269.315-.433H10.47c-.245%200-.304-.152-.222-.35.152-.362.432-.97.596-1.274a.315.315%200%200%201%20.292-.187h4.253c-.023.316-.023.631-.07.947a4.983%204.983%200%200%201-.958%202.29c-.841%201.11-1.94%201.8-3.33%201.986-1.145.152-2.209-.07-3.143-.77-.865-.655-1.356-1.52-1.484-2.595-.152-1.274.222-2.419.993-3.424.83-1.086%201.928-1.776%203.272-2.021%201.098-.199%202.15-.07%203.096.572.62.41%201.063.97%201.356%201.648.07.105.023.164-.117.199%20M18.872%2016.967c-1.064-.024-2.034-.328-2.852-1.029a3.665%203.665%200%200%201-1.262-2.255c-.21-1.32.152-2.489.947-3.529.853-1.122%201.881-1.706%203.272-1.951%201.192-.21%202.314-.094%203.33.596.923.63%201.496%201.484%201.648%202.605.198%201.578-.257%202.863-1.344%203.962-.771.783-1.718%201.273-2.805%201.495-.315.059-.63.07-.934.106zm2.78-4.721c-.011-.152-.011-.269-.034-.386-.21-1.157-1.274-1.811-2.384-1.554-1.087.245-1.788.935-2.045%202.033-.21.912.234%201.835%201.075%202.209.643.28%201.285.245%201.905-.07.923-.48%201.425-1.227%201.484-2.232z%27/%3E%3C/svg%3E")}.fa-clojure{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2032%2032%27%3E%3Cpath%20d=%27M16%205.047c-6.197%200-11.238%205.042-11.238%2011.239S9.804%2027.525%2016%2027.525c6.197%200%2011.239-5.042%2011.239-11.239S22.197%205.047%2016%205.047zm0%201.082c5.609%200%2010.156%204.548%2010.156%2010.157%200%20.439-.031.871-.085%201.295-.276%201.099-.774%201.832-1.368%202.333-.912.767-2.127%201.015-3.252%201.014a7.978%207.978%200%200%201-.918-.051%206.452%206.452%200%200%200-7.13-10.497%204.411%204.411%200%200%200-.31-.197c-.445-.25-1.373-.616-2.554-.62a5.151%205.151%200%200%200-2.793.81A10.142%2010.142%200%200%201%2016%206.131zm-1.774%2013.835c.165-.72.617-1.845%201.024-2.769.115-.262.227-.508.328-.726.637%202.268%201.04%203.617%201.762%204.537.108.137.228.259.353.374a5.382%205.382%200%200%201-1.693.276%205.401%205.401%200%200%201-1.85-.329%205.47%205.47%200%200%201-.019-.435%204.151%204.151%200%200%201%20.095-.927zm-1.374.667a5.37%205.37%200%200%201-2.222-4.346%205.367%205.367%200%200%201%202.284-4.389c.302.174.576.379.801.615.442.453.937%201.453%201.281%202.314.094.232.178.454.251.656-1.239%202.52-2.065%203.777-2.395%205.15zm4.024-3.224c-.277-.714-.438-1.252-.439-1.253l-.001-.002c-.507-1.943-1.032-3.719-2.122-4.962A5.371%205.371%200%200%201%2016%2010.916a5.377%205.377%200%200%201%205.37%205.37%205.368%205.368%200%200%201-2.199%204.329%202.844%202.844%200%200%201-.403-.138c-.21-.091-.519-.401-.799-.831-.427-.643-.819-1.525-1.094-2.238zM16%2026.442c-5.609%200-10.156-4.547-10.156-10.157%200-.369.021-.733.059-1.092.832-2.83%202.831-3.877%204.724-3.895.384-.001.76.05%201.12.137a6.452%206.452%200%200%200%207.118%2010.631c.513.181%201.1.289%201.811.378.267.033.555.049.861.049a11.835%2011.835%200%200%200%202.768-.369%2010.14%2010.14%200%200%201-8.307%204.317z%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2032%2032%27%3E%3Cpath%20d=%27M16%205.047c-6.197%200-11.238%205.042-11.238%2011.239S9.804%2027.525%2016%2027.525c6.197%200%2011.239-5.042%2011.239-11.239S22.197%205.047%2016%205.047zm0%201.082c5.609%200%2010.156%204.548%2010.156%2010.157%200%20.439-.031.871-.085%201.295-.276%201.099-.774%201.832-1.368%202.333-.912.767-2.127%201.015-3.252%201.014a7.978%207.978%200%200%201-.918-.051%206.452%206.452%200%200%200-7.13-10.497%204.411%204.411%200%200%200-.31-.197c-.445-.25-1.373-.616-2.554-.62a5.151%205.151%200%200%200-2.793.81A10.142%2010.142%200%200%201%2016%206.131zm-1.774%2013.835c.165-.72.617-1.845%201.024-2.769.115-.262.227-.508.328-.726.637%202.268%201.04%203.617%201.762%204.537.108.137.228.259.353.374a5.382%205.382%200%200%201-1.693.276%205.401%205.401%200%200%201-1.85-.329%205.47%205.47%200%200%201-.019-.435%204.151%204.151%200%200%201%20.095-.927zm-1.374.667a5.37%205.37%200%200%201-2.222-4.346%205.367%205.367%200%200%201%202.284-4.389c.302.174.576.379.801.615.442.453.937%201.453%201.281%202.314.094.232.178.454.251.656-1.239%202.52-2.065%203.777-2.395%205.15zm4.024-3.224c-.277-.714-.438-1.252-.439-1.253l-.001-.002c-.507-1.943-1.032-3.719-2.122-4.962A5.371%205.371%200%200%201%2016%2010.916a5.377%205.377%200%200%201%205.37%205.37%205.368%205.368%200%200%201-2.199%204.329%202.844%202.844%200%200%201-.403-.138c-.21-.091-.519-.401-.799-.831-.427-.643-.819-1.525-1.094-2.238zM16%2026.442c-5.609%200-10.156-4.547-10.156-10.157%200-.369.021-.733.059-1.092.832-2.83%202.831-3.877%204.724-3.895.384-.001.76.05%201.12.137a6.452%206.452%200%200%200%207.118%2010.631c.513.181%201.1.289%201.811.378.267.033.555.049.861.049a11.835%2011.835%200%200%200%202.768-.369%2010.14%2010.14%200%200%201-8.307%204.317z%27/%3E%3C/svg%3E")} .tab input[type="radio"]{display:none}.tab .tab-content section h2,.tab ul li label{font-weight:bold;font-size:18px;color:var(--action-or-selection-color)}.tab ul{list-style-type:none;padding-left:0;display:flex;flex-wrap:wrap}.tab ul li{width:fit-content;padding:0 6px}.tab ul li label{transition:all .3s ease-in-out;color:#929daf;padding:5px auto;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap;-webkit-touch-callout:none;display:flex;flex-direction:column;align-items:center}.tab ul li label span{color:inherit}.tab ul li label i{color:#929daf;height:1.2em;vertical-align:bottom;margin-right:.2em;transition:all .2s ease-in-out}.tab ul li label:hover,.tab ul li label:focus,.tab ul li label:active{outline:0;color:#bec5cf}.tab ul li label:hover i,.tab ul li label:focus i,.tab ul li label:active i{color:#bec5cf}.tab .tab-content div{display:none;animation-name:content;animation-direction:normal;animation-duration:.3s;animation-timing-function:ease-in-out;animation-iteration-count:1;line-height:1.4}.tab .tab-content div h2{color:var(--action-or-selection-color);display:none}.tab .tab-content div h2::after{content:"";position:relative;display:block;width:30px;height:3px;background:var(--action-or-selection-color);margin-top:5px;left:1px}.tab input:nth-of-type(1):checked~ul>li:nth-child(1)>label{cursor:default;color:var(--action-or-selection-color)}.tab input:nth-of-type(1):checked~ul>li:nth-child(1)>label i{color:var(--action-or-selection-color)}@media (max-width:600px){.tab input:nth-of-type(1):checked~ul>li:nth-child(1)>label{background:rgba(0,0,0,0.08)}}.tab input:nth-of-type(1):checked~.tab-content>div:nth-child(1){display:block}.tab input:nth-of-type(2):checked~ul>li:nth-child(2)>label{cursor:default;color:var(--action-or-selection-color)}.tab input:nth-of-type(2):checked~ul>li:nth-child(2)>label i{color:var(--action-or-selection-color)}@media (max-width:600px){.tab input:nth-of-type(2):checked~ul>li:nth-child(2)>label{background:rgba(0,0,0,0.08)}}.tab input:nth-of-type(2):checked~.tab-content>div:nth-child(2){display:block}.tab input:nth-of-type(3):checked~ul>li:nth-child(3)>label{cursor:default;color:var(--action-or-selection-color)}.tab input:nth-of-type(3):checked~ul>li:nth-child(3)>label i{color:var(--action-or-selection-color)}@media (max-width:600px){.tab input:nth-of-type(3):checked~ul>li:nth-child(3)>label{background:rgba(0,0,0,0.08)}}.tab input:nth-of-type(3):checked~.tab-content>div:nth-child(3){display:block}.tab input:nth-of-type(4):checked~ul>li:nth-child(4)>label{cursor:default;color:var(--action-or-selection-color)}.tab input:nth-of-type(4):checked~ul>li:nth-child(4)>label i{color:var(--action-or-selection-color)}@media (max-width:600px){.tab input:nth-of-type(4):checked~ul>li:nth-child(4)>label{background:rgba(0,0,0,0.08)}}.tab input:nth-of-type(4):checked~.tab-content>div:nth-child(4){display:block}.tab input:nth-of-type(5):checked~ul>li:nth-child(5)>label{cursor:default;color:var(--action-or-selection-color)}.tab input:nth-of-type(5):checked~ul>li:nth-child(5)>label i{color:var(--action-or-selection-color)}@media (max-width:600px){.tab input:nth-of-type(5):checked~ul>li:nth-child(5)>label{background:rgba(0,0,0,0.08)}}.tab input:nth-of-type(5):checked~.tab-content>div:nth-child(5){display:block}.tab input:nth-of-type(6):checked~ul>li:nth-child(6)>label{cursor:default;color:var(--action-or-selection-color)}.tab input:nth-of-type(6):checked~ul>li:nth-child(6)>label i{color:var(--action-or-selection-color)}@media (max-width:600px){.tab input:nth-of-type(6):checked~ul>li:nth-child(6)>label{background:rgba(0,0,0,0.08)}}.tab input:nth-of-type(6):checked~.tab-content>div:nth-child(6){display:block}.tab input:nth-of-type(7):checked~ul>li:nth-child(7)>label{cursor:default;color:var(--action-or-selection-color)}.tab input:nth-of-type(7):checked~ul>li:nth-child(7)>label i{color:var(--action-or-selection-color)}@media (max-width:600px){.tab input:nth-of-type(7):checked~ul>li:nth-child(7)>label{background:rgba(0,0,0,0.08)}}.tab input:nth-of-type(7):checked~.tab-content>div:nth-child(7){display:block}.tab input:nth-of-type(8):checked~ul>li:nth-child(8)>label{cursor:default;color:var(--action-or-selection-color)}.tab input:nth-of-type(8):checked~ul>li:nth-child(8)>label i{color:var(--action-or-selection-color)}@media (max-width:600px){.tab input:nth-of-type(8):checked~ul>li:nth-child(8)>label{background:rgba(0,0,0,0.08);width:fit-content}}.tab input:nth-of-type(8):checked~.tab-content>div:nth-child(8){display:block}.tab input:nth-of-type(9):checked~ul>li:nth-child(9)>label{cursor:default;color:var(--action-or-selection-color)}.tab input:nth-of-type(9):checked~ul>li:nth-child(9)>label i{color:var(--action-or-selection-color)}@media (max-width:600px){.tab input:nth-of-type(9):checked~ul>li:nth-child(9)>label{background:rgba(0,0,0,0.08);width:fit-content}}.tab input:nth-of-type(9):checked~.tab-content>div:nth-child(9){display:block}@media (max-width:1000px){.tab ul li label{white-space:initial}.tab ul li label br{display:initial}.tab ul li label i{height:1.5em}}@media (max-width:600px){.tab ul li label{padding:5px;border-radius:5px;width:fit-content}.tab ul li label span{display:none}.tab .tab-content div h2{display:none}}.tab input:nth-of-type(10):checked~ul>li:nth-child(10)>label{cursor:default;color:var(--action-or-selection-color)}.tab input:nth-of-type(10):checked~ul>li:nth-child(10)>label i{color:var(--action-or-selection-color)}@media (max-width:600px){.tab input:nth-of-type(10):checked~ul>li:nth-child(10)>label{background:rgba(0,0,0,0.08);width:fit-content}}.tab input:nth-of-type(10):checked~.tab-content>div:nth-child(10){display:block}@media (max-width:1000px){.tab ul li label{white-space:initial}.tab ul li label br{display:initial}.tab ul li label i{height:1.5em}}@media (max-width:600px){.tab ul li label{padding:5px;border-radius:5px;width:fit-content}.tab ul li label span{display:none}.tab .tab-content div h2{display:none}} .contained-banner-view{width:100%;border-radius:var(--space-m);height:570px;position:relative;overflow:hidden}.contained-banner-picture{position:absolute;inset:0;z-index:0}.contained-banner-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.contained-banner-scrim::after{background:linear-gradient(var(--contained-banner-scrim-direction,to right),rgba(0,0,0,0.65) 35%,transparent 60%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}@media (max-width:734px){.contained-banner-scrim::after{display:none}}.contained-banner-title{font-size:var(--contained-banner-title-size,56px)}.contained-banner-subtitle{font-size:var(--contained-banner-subtitle-size,17px)}.contained-banner-title.text-color-white,.contained-banner-subtitle.text-color-white{color:#fff}@media (max-width:734px){.contained-banner-title.text-color-white,.contained-banner-subtitle.text-color-white{color:var(--title-color)}}.contained-banner-title.text-color-accent,.contained-banner-subtitle.text-color-accent{color:var(--text-accent-color)}.contained-banner-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-2xl);width:50%;padding:var(--space-8xl) 0;padding-left:var(--contained-banner-content-padding-left,var(--space-15xl));box-sizing:border-box;height:100%}@media (max-width:1068px){.contained-banner-content{padding:var(--space-8xl) 0 var(--space-8xl) var(--space-4xl);box-sizing:border-box;width:70%}}@media (max-width:734px){.contained-banner-view{height:auto;width:100vw;margin-left:-6.25vw;margin-right:-6.25vw;border-radius:0}.contained-banner-picture{position:relative;width:100%;height:60vw}.contained-banner-picture img{object-position:100% 0}.contained-banner-content{padding:var(--space-xl);width:100%;align-items:center;text-align:center;height:auto}.contained-banner-cta{width:100%}}.contained-banner-secondary-cta{color:#a6aaad;background-color:transparent;border-color:#a6aaad}@media (max-width:734px){.contained-banner-actions{flex-direction:column;width:100%}.contained-banner-secondary-cta{border-color:var(--border-color);color:var(--text-color);width:100%}} #developer-subtitle{margin-left:auto;margin-right:auto;text-align:center;max-width:720px}#developer-code-sample{margin:auto;margin-top:50px;max-width:600px !important}@media (max-width:900px){#developer-code-sample{width:100%}}#developer-api-button{margin-left:auto;margin-right:auto} .dropdown-container .dropdown-list{display:none;flex-direction:column;position:absolute;width:auto;height:fit-content;overflow:auto;z-index:1;padding:16px;gap:16px;color:var(--title-color);background-color:var(--menu-background-color);border:1px solid var(--border-color);border-radius:4px}#footer-language-selector .dropdown-list{display:flex}@media (max-width:1068px){.dropdown-container{height:50px;width:fit-content}}.dropdown-container:hover .dropdown-list{display:flex}.dropdown-list a{cursor:pointer;text-decoration:inherit;color:inherit}.dropdown-list a:hover *{color:var(--action-or-selection-color) !important} .faq-view{--faq-view-icon-size:20px;--faq-view-content-motion:300ms ease-in-out;--faq-view-icon-motion:320ms ease-out;box-sizing:border-box;gap:var(--space-3xl)}.faq-view-item{border-bottom:1px solid var(--line-color)}.faq-view-question{cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}@media (max-width:734px){.faq-view-question{flex-direction:row}}.faq-view-question::-webkit-details-marker{display:none}.faq-view-question::before,.faq-view-question::after{background:no-repeat center/contain;content:"";flex-shrink:0;height:var(--faq-view-icon-size);order:1;transition:opacity var(--faq-view-icon-motion),transform var(--faq-view-icon-motion);width:var(--faq-view-icon-size)}.faq-view-question::before{background-image:url("/static/icons/plus-circle.svg")}.faq-view-question::after{background-image:url("/static/icons/close-circle.svg");margin-left:calc(-1 * (var(--faq-view-icon-size) + var(--space-2xl)));opacity:0;transform:rotate(-45deg)}.faq-view-item-expanded .faq-view-question::before{opacity:0;transform:rotate(45deg)}.faq-view-item-expanded .faq-view-question::after{opacity:1;transform:rotate(0)}.faq-view-question-text{color:#313233;flex:1;font-size:20px;font-weight:600;letter-spacing:0;line-height:26px}.faq-view-answer-container{overflow:hidden;transition:height var(--faq-view-content-motion)}.faq-view-answer{color:#626466;font-size:17px;font-weight:400;letter-spacing:.01em;line-height:24px;padding-right:calc(var(--faq-view-icon-size) + var(--space-2xl))} .feature-cards-grid{display:grid;gap:var(--feature-cards-gap,var(--space-2xl));grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1068px){.feature-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:734px){.feature-cards-grid{gap:var(--space-l);grid-template-columns:minmax(0,1fr)}}.feature-cards-card{background-color:var(--text-inverse-color);border:1px solid var(--line-color);box-sizing:border-box;padding:var(--space-2xl)}.feature-cards-card-icon{display:block;height:40px;width:40px}.feature-cards-card-title{color:var(--text-accent-color);font-size:28px;letter-spacing:-.02em;line-height:32px}@media (max-width:734px){.feature-cards-card-title{font-size:21px;letter-spacing:-.005em;line-height:26px}}.feature-cards-card-subtitle{color:var(--payments-secondary-text-color);font-size:17px;font-weight:500;letter-spacing:.01em;line-height:24px}@media (max-width:734px){.feature-cards-card-subtitle{font-weight:400;letter-spacing:.005em;line-height:22px}} .features-grid-view{box-sizing:border-box}.features-grid-heading{width:100%}.features-grid-title,.features-grid-subtitle{width:100%;max-width:100%;margin:0}@media (max-width:734px){.features-grid-title,.features-grid-subtitle{padding:0 var(--space-m);box-sizing:border-box}.features-grid-cta{width:100%}}@media (max-width:1333px){.features-grid-cards{justify-content:center}}@media (max-width:734px){.features-grid-cards{align-items:center}}.features-grid-card{background-color:var(--menu-background-color);border:1px solid var(--line-color);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);gap:var(--space-s);align-items:flex-start;box-sizing:border-box;min-height:260px;min-width:260px}@media (min-width:735px) and (max-width:1260px){.features-grid-card{width:calc(50% - 8px);min-width:0}}@media (max-width:734px){.features-grid-card{min-height:auto}}@media (max-width:480px){.features-grid-card{width:100%;min-width:0}}.features-grid-card-icon{width:32px;height:32px;margin-bottom:var(--space-s)}.features-grid-card-title,.features-grid-card-subtitle{margin:0}.features-grid-view.features-grid-no-heading .features-grid-heading{display:none} @media (max-width:734px){#footer-rocket{padding-bottom:var(--space-2xl);padding-top:var(--space-2xl)}}#footer-rocket-container{border-radius:32px;box-sizing:border-box;min-height:570px;overflow:hidden;padding-left:50%;position:relative;width:100%}@media (max-width:1280px){#footer-rocket-container{padding-left:45%}}@media (max-width:734px){#footer-rocket-container{border:1px solid var(--line-color);color:var(--title-color);padding:calc(250px + var(--space-3xl)) var(--space-2xl) var(--space-3xl) var(--space-2xl)}}@media (max-width:734px){#footer-rocket-container::before{background:linear-gradient(to bottom,rgba(255,255,255,0) 20%,#fff 265px);content:'';height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}}#footer-rocket-video{z-index:0}@media (max-width:734px){#footer-rocket-video{left:0;object-fit:cover;top:-200px;width:150%}}@media (max-width:480px){#footer-rocket-video{height:auto;left:-130px;top:0;width:230%}}#footer-rocket-title,#footer-rocket-subtitle,#footer-rocket-button{position:relative;z-index:1}#footer-rocket-subtitle{margin-bottom:var(--space-l)}@media (max-width:734px){#footer-rocket-subtitle{text-align:left;margin-bottom:var(--space-s)}}#footer-rocket-button{box-sizing:border-box}@media (max-width:734px){#footer-rocket-button{width:100%}}#footer-links-container{height:fit-content;padding-bottom:var(--space-2xl)}#footer-options{justify-content:space-between;align-items:start;gap:20px}#footer-icon{height:36px;width:auto}#footer-links-container button:hover,#footer-links-container a:hover{color:var(--action-or-selection-color)}#footer-ending{align-items:stretch;min-height:520px;overflow:hidden}#footer-ending-image{background-position:center;background-repeat:no-repeat;background-size:cover;min-width:45%}@media (max-width:768px){#footer-ending-image{aspect-ratio:1/.75;width:100%}}@media (max-width:1280px){#news-subscription{padding-bottom:var(--space-6xl)}}@media (max-width:734px){#news-subscription{padding-top:var(--space-2xl)}}#news-subscription-container{border:1px solid var(--line-color);box-sizing:border-box}@media (min-width:1024px){#news-subscription-container{max-width:768px}}@media (max-width:900px){#news-subscription-container{padding:var(--space-5xl) var(--space-2xl)}}@media (max-width:734px){#news-subscription-container{padding:var(--space-2xl)}}#news-subscription-subtitle{margin-bottom:var(--space-xl)}#news-subscription-form{width:100%}@media (max-width:734px){#news-subscription-form{gap:var(--space-xl)}}#news-subscription-form label{padding:0;width:40%}@media (max-width:1440px){#news-subscription-form label{width:auto}}@media (max-width:768px){#news-subscription-form label{width:100%}}#news-subscription-form input{border-color:var(--line-color);border-radius:12px}#news-subscription-form input:focus{border:2px solid var(--action-or-selection-color)}#news-subscription-submit-area{align-items:flex-end;margin-bottom:5px}#news-subscription-button{box-sizing:border-box;width:fit-content}@media (max-width:734px){#news-subscription-button{width:100%}}#footer-baseboard{justify-content:space-between;align-items:flex-end;width:100%}@media (max-width:734px){#footer-baseboard{flex-direction:column-reverse;align-items:flex-start;gap:var(--space-s)}}#footer-language-selector{position:relative;cursor:pointer}@media (max-width:1068px){#footer-language-selector{height:auto}}#footer-language-selector .dropdown-list{bottom:100%;right:0;width:max-content;min-width:100%}@media (max-width:734px){#footer-language-selector .dropdown-list{left:0;right:auto}}#footer-language-selector .dropdown-list .footer-language{white-space:nowrap}#footer-language-label{align-items:center;gap:8px}@media (max-width:734px){#footer-language-label{flex-direction:row;align-items:center;width:auto}} #header{position:relative;z-index:9}#header-section{background-color:var(--view-background-color)}#header-icon{width:auto;height:32px}#header-container-floating{flex-direction:column;padding:20px 124px;position:fixed;top:0;left:0;right:0}#header-container-up{display:flex;height:fit-content;align-items:center}@media (max-width:1068px){#header-container-up{flex-wrap:wrap}}#header-menu{width:35px;height:35px;margin-top:8px}@media (min-width:1068px){#header-menu{display:none}}#header-options{align-items:baseline;box-sizing:border-box;display:flex;justify-content:space-evenly;margin-right:0;padding:0 100px;width:100%}@media (max-width:1440px){#header-options{gap:var(--space-l);padding:0}}@media (max-width:1068px){#header-options{align-items:start;background-color:var(--menu-background-color);border:1px solid var(--border-color);border-radius:4px;flex-direction:column;margin-left:0;margin-right:0;margin-top:16px;order:3;position:absolute;right:10px;top:64px;transform:scaleY(0);transform-origin:top center;-webkit-transform:scaleY(0);transition:all 0s ease-in-out;width:95%;z-index:10}}#header-options > div{font-weight:500;white-space:nowrap}@media (max-width:1068px){#header-options div:first-child{margin-top:32px}}#header-options .dropdown-container{margin-left:20px}@media (max-width:1440px){#header-options .dropdown-container{margin:0 20px}}@media (max-width:1199px){#header-options .dropdown-container{margin:0 10px}}#header-options button:hover,#header-options a:hover{color:var(--action-or-selection-color)}#header-action-container{display:flex;margin-left:auto;gap:16px}@media (max-width:1068px){#header-action-container{order:2}}@media (max-width:1068px){#header-signup,#header-signin{display:none}}@media (min-width:1068px){#header-sign-in,#header-sign-up{display:none}}.barUp,.barDown{width:35px;height:2px;background-color:var(--title-color);margin:6px 0;transition:.4s}.barNone{width:35px;height:2px;margin:6px 0}.selected .barUp{-webkit-transform:rotate(-45deg) translate(-5px,6px);transform:rotate(-45deg) translate(-5px,6px)}.selected .barDown{-webkit-transform:rotate(45deg) translate(-5px,-6px);transform:rotate(45deg) translate(-5px,-6px)}.transparent-header #header-section{background:linear-gradient(0deg,rgba(40,40,40,0) 15%,rgba(40,40,40,0.4) 75%);position:absolute;overflow:visible}@media (max-width:734px){.transparent-header #header-section{background:var(--view-background-color);position:relative}}.transparent-header .dropdown-container{color:var(--view-background-color)}@media (max-width:1068px){.transparent-header .dropdown-container{color:var(--text-color)}}.transparent-header .barUp,.transparent-header .barDown{background-color:#fff !important}@media (max-width:734px){.transparent-header .barUp,.transparent-header .barDown{background-color:#000 !important}}.transparent-header #header-icon-container{background:url("/static/logo-white.svg") center center no-repeat;background-position:left center;background-size:auto 100%;height:32px;min-width:140px;width:auto}@media (max-width:734px){.transparent-header #header-icon-container{background-image:url("/static/logo.svg")}}.transparent-header #header-icon-container img{display:none}.transparent-header .button-border{background:#fff;border-color:#fff;color:var(--title-color)}.dark-transparent-header #header-section{background-color:transparent;position:absolute;overflow:visible}@media (max-width:734px){.dark-transparent-header #header-section{background:var(--view-background-color);position:relative}}.dark-transparent-header .button-border{background:var(--view-background-color);border:none;color:var(--title-color)} .hero-banner-view{box-sizing:border-box;width:100%;height:650px;padding:0;position:relative;display:flex;align-items:center;overflow:hidden}.hero-banner-picture{position:absolute;inset:0;z-index:0}.hero-banner-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:right}.hero-banner-view.hero-banner-align-right .hero-banner-content{margin-left:auto}.hero-banner-title.text-color-white,.hero-banner-subtitle.text-color-white{color:#fff}.hero-banner-title.text-color-accent,.hero-banner-subtitle.text-color-accent{color:var(--text-accent-color)}.hero-banner-content{position:relative;z-index:1;width:50%;padding-left:6.25vw;box-sizing:border-box}@media (max-width:1068px){.hero-banner-view{height:auto;flex-direction:column;background-color:var(--menu-background-color)}.hero-banner-picture{position:relative;width:100%;height:60vw}.hero-banner-picture img{object-position:100% 0}.hero-banner-content{width:100%;align-items:center;text-align:center;padding:var(--space-xl);box-sizing:border-box}}@media (max-width:734px){.hero-banner-cta{width:100%}} .highlight-cards-view{box-sizing:border-box}.highlight-cards-grid{box-sizing:border-box;display:grid;gap:var(--space-l);grid-template-columns:repeat(var(--highlight-cards-columns,3),1fr)}@media (max-width:1023px){.highlight-cards-grid{grid-template-columns:1fr;margin:0 auto;max-width:480px}}@media (max-width:734px){.highlight-cards-grid{margin:0;max-width:none}}@media (max-width:480px){.highlight-cards-grid{gap:var(--space-xl)}}.highlight-cards-card{aspect-ratio:3/5;border-radius:var(--radius-xl);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;position:relative}@media (max-width:1068px){.highlight-cards-card{aspect-ratio:3/6}}.highlight-cards-card-media{inset:0;position:absolute;z-index:0}.highlight-cards-card-picture,.highlight-cards-card-img{display:block;height:100%;object-fit:cover;width:100%}.highlight-cards-card-content{display:flex;flex-direction:column;gap:var(--space-s);padding:var(--space-3xl);padding-right:var(--space-4xl);position:relative;z-index:2}@media (max-width:1024px){.highlight-cards-card-content{padding-right:var(--space-3xl)}}@media (max-width:480px){.highlight-cards-card-content{padding-right:var(--space-6xl)}}.highlight-cards-card-title{font-size:28px;line-height:32px}.highlight-cards-card-subtitle{color:var(--title-color);font-size:20px;line-height:28px}@media (max-width:1068px){.highlight-cards-card-subtitle{font-size:17px;line-height:24px}}.highlight-cards-card-title,.highlight-cards-card-subtitle{margin:0}.highlight-cards-card-light{background:linear-gradient(180deg,#e9edf2 0%,#f7f9fb 55%)}.highlight-cards-card-featured{background-color:#19232c}.highlight-cards-card-featured .highlight-cards-card-scrim{background:linear-gradient(to bottom,rgba(0,0,0,0.55),transparent 55%);inset:0;pointer-events:none;position:absolute;z-index:1}.highlight-cards-card-featured .highlight-cards-card-title,.highlight-cards-card-featured .highlight-cards-card-subtitle{color:#fff} .loading-ring{display:none;width:44px;height:44px}.loading-ring div{box-sizing:border-box;display:block;position:absolute;width:30px;height:30px;margin:6px;border:3px solid var(--action-or-selection-color);border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--action-or-selection-color) transparent transparent transparent}.loading-ring div:nth-child(1){animation-delay:-.45s}.loading-ring div:nth-child(2){animation-delay:-.3s}.loading-ring div:nth-child(3){animation-delay:-.15s}@-moz-keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-o-keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} .shimmer{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);background-repeat:no-repeat;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:placeholderShimmer;-webkit-animation-timing-function:linear}.shimmer.checkbox{padding:5px 28px 6px 0;border-radius:4px}@-webkit-keyframes placeholderShimmer{0%{background-position:-468px 0}100%{background-position:468px 0}} :root{--pdf-search-panel-top:24px;--pdf-search-panel-padding-block:12px;--pdf-search-panel-content-height:32px}@media (max-width:480px){:root{--pdf-search-panel-padding-block:8px}}#pdf-search-backdrop{position:fixed;inset:0;z-index:1000;background-color:rgba(0,0,0,0.4)}.pdf-search-panel{position:fixed;top:var(--pdf-search-panel-top);left:50%;z-index:1001;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:var(--pdf-search-panel-padding-block) 16px;border-radius:8px;background-color:var(--view-background-color);box-shadow:0 8px 24px rgba(0,0,0,0.2);transform:translateX(-50%)}@media (max-width:480px){.pdf-search-panel{gap:6px;max-width:calc(100vw - 16px);padding:var(--pdf-search-panel-padding-block) 10px}}#pdf-search{display:flex;align-items:center;min-width:240px;border:1px solid var(--border-color);border-radius:6px;padding:6px 12px;background-color:var(--view-background-color)}@media (max-width:480px){#pdf-search{min-width:120px}}#pdf-search .search-input-tag{flex:1;border:none;outline:none;font-size:14px;color:var(--text-color);background:transparent}#pdf-search-count{min-width:64px;font-size:14px}@media (max-width:480px){#pdf-search-count{min-width:44px;font-size:12px}}.pdf-search-step{width:28px;height:28px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--view-background-color);color:var(--text-color);cursor:pointer}@media (max-width:480px){.pdf-search-step{width:24px;height:24px}}.pdf-search-step:hover{background-color:var(--border-color)} select{color:var(--input-color);background-color:var(--view-background-color);border:1px solid var(--border-color);font-size:16px;width:100%;margin:2px 0 5px;line-height:normal;box-sizing:border-box;outline:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;text-indent:10px;border-radius:4px;height:44px;background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50%}select:active,select:hover{outline:solid;outline-color:var(--action-or-selection-color);border:1px solid transparent;outline-width:2px} .section-title-text{letter-spacing:-.03em;line-height:52px}.section-title-subtitle-negative{color:#fafcff}@media (max-width:734px){.section-title-text,.section-title-subtitle{box-sizing:border-box;padding:0 var(--space-m)}} .solution-rows-view{box-sizing:border-box;gap:var(--space-6xl);margin:0 auto;width:100%}.solution-rows-row{box-sizing:border-box;display:flex;height:440px;width:100%}@media (max-width:1024px){.solution-rows-row{flex-direction:column;height:auto}}.solution-rows-row-reverse{flex-direction:row-reverse}@media (max-width:1024px){.solution-rows-row-reverse{flex-direction:column}}.solution-rows-tile{box-sizing:border-box;height:100%;overflow:hidden;position:relative}.solution-rows-tile-media{border:1px solid var(--line-color);border-radius:calc(var(--radius-xl) + 4px);flex:0 0 440px;width:440px}@media (max-width:1024px){.solution-rows-tile-media{aspect-ratio:16/10;flex:1 1 auto;height:auto;width:100%}}@media (max-width:480px){.solution-rows-tile-media{aspect-ratio:1.2/1;border-radius:var(--radius-xl)}}.solution-rows-row-wide .solution-rows-tile-media{flex:1 1 auto;width:auto}@media (max-width:1024px){.solution-rows-row-wide .solution-rows-tile-media{flex:1 1 auto;width:100%}}.solution-rows-tile-media-empty{background:#fafcff}.solution-rows-media-picture,.solution-rows-media-img,.solution-rows-media-video{display:block;height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;width:100%}.solution-rows-tile-text{background:#fafcff;border:1px solid var(--line-color);flex:1 1 auto;padding:var(--space-6xl)}@media (max-width:1024px){.solution-rows-tile-text{padding:var(--space-3xl);width:100%}}@media (max-width:734px){.solution-rows-tile-text{padding:var(--space-xl)}}@media (max-width:480px){.solution-rows-tile-text{padding:var(--space-6xl);padding-left:var(--space-2xl)}}.solution-rows-row-wide .solution-rows-tile-text{flex:0 0 434px;width:434px}@media (max-width:1024px){.solution-rows-row-wide .solution-rows-tile-text{flex:1 1 auto;width:100%}}.solution-rows-text-title{letter-spacing:-.704px;line-height:40px}@media (max-width:480px){.solution-rows-text-title{font-size:32px;letter-spacing:-.704px;line-height:40px}} .square-cards-view{box-sizing:border-box;gap:var(--space-6xl)}.square-cards-grid{box-sizing:border-box;display:grid;gap:var(--space-3xl);grid-template-columns:repeat(2,1fr)}@media (max-width:734px){.square-cards-grid{grid-template-columns:1fr}}.square-cards-card{aspect-ratio:12/11;border-radius:var(--radius-xl);box-sizing:border-box;display:flex;overflow:hidden;position:relative}@media (max-width:480px){.square-cards-card{aspect-ratio:.65}}.square-cards-card-picture,.square-cards-card-img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.square-cards-card-scrim{background:linear-gradient(to top,rgba(0,0,0,0.55),transparent);bottom:0;height:60%;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.square-cards-card-content{display:flex;flex-direction:column;gap:var(--space-s);margin-top:auto;padding:0 45% var(--space-8xl) var(--space-3xl);position:relative;z-index:2}.square-cards-card-title,.square-cards-card-subtitle{margin:0}@media (max-width:480px){.square-cards-card-title{font-size:32px;letter-spacing:-.48px;line-height:38px}}.square-cards-card-subtitle{font-size:20px;line-height:28px}.square-cards-card-white .square-cards-card-title,.square-cards-card-white .square-cards-card-subtitle{color:#fff}.square-cards-card-dark .square-cards-card-title{color:var(--title-color)}.square-cards-card-dark .square-cards-card-subtitle{color:var(--text-color)} .steps-section-view{box-sizing:border-box;background-color:var(--menu-background-color);border-radius:var(--radius-xl);padding-top:calc(var(--space-15xl) + 20px);padding-bottom:calc(var(--space-15xl) + 20px)}@media (max-width:1068px){.steps-section-view{padding-top:var(--space-6xl);padding-bottom:var(--space-6xl)}}@media (max-width:734px){.steps-section-view{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}}@media (max-width:1333px){.steps-section-cards{justify-content:center}}@media (max-width:734px){.steps-section-cards{align-items:center}}.steps-section-card{background-color:var(--view-background-color);border:1px solid var(--line-color);border-radius:var(--radius-xl);padding:var(--space-4xl) var(--space-2xl);gap:var(--space-l);align-items:center;text-align:center;box-sizing:border-box;min-height:260px;min-width:280px}@media (min-width:735px) and (max-width:1333px){.steps-section-card{width:calc(50% - 8px);min-width:0}}@media (max-width:480px){.steps-section-card{width:100%;min-width:0}}.steps-section-card-icon{width:44px;height:44px}.steps-section-card-title,.steps-section-card-description{margin:0}@media (max-width:734px){.steps-section-cta{width:100%}} .testimonial-cards-view{box-sizing:border-box;gap:var(--space-6xl)}.testimonial-cards-grid{display:grid;gap:var(--space-l);grid-template-columns:repeat(4,207px);justify-content:center}@media (max-width:1068px){.testimonial-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:734px){.testimonial-cards-grid{grid-template-columns:1fr}}.testimonial-cards-card{align-items:flex-start;background-color:#f5f7fa;border:1px solid var(--line-color);border-radius:var(--radius-xl);box-sizing:border-box;gap:var(--space-l);justify-content:center;min-height:275px;padding:var(--space-2xl) var(--space-xl);width:207px}@media (max-width:1068px){.testimonial-cards-card{width:100%}}.testimonial-cards-card-logo{display:block;height:32px;max-width:130px;object-fit:contain;object-position:left center;width:auto}.testimonial-cards-card-quote{font-size:14px;letter-spacing:.14px;line-height:22px;margin:0} .video-banner-view{align-items:center;box-sizing:border-box;display:flex;height:calc(100vh - var(--header-height));overflow:hidden;padding:0;position:relative;width:100%}@media (max-width:734px){.video-banner-view{background-color:var(--menu-background-color);flex-direction:column;gap:var(--space-xl);height:auto}}.video-banner-media{inset:0;overflow:hidden;position:absolute;z-index:0}@media (max-width:734px){.video-banner-media{height:60vw;inset:auto;order:2;position:relative;width:100%}}.video-banner-video,.video-banner-poster{height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;width:100%;z-index:0}.video-banner-gradient{bottom:0;height:50%;left:0;pointer-events:none;position:absolute;right:0;z-index:1}@media (max-width:734px){.video-banner-gradient{height:auto;top:0}}.video-banner-view > .page-content-container{z-index:2}.video-banner-content{box-sizing:border-box;gap:var(--space-l);max-width:90%;position:relative;width:50%}@media (max-width:734px){.video-banner-content{align-items:center;max-width:none;padding:var(--space-xl);padding-bottom:var(--space-8xl);text-align:center;width:100%}}.video-banner-title,.video-banner-subtitle{color:#fff}@media (max-width:734px){.video-banner-title,.video-banner-subtitle{align-self:stretch;margin-left:6.25vw;margin-right:6.25vw}}@media (max-width:734px){.video-banner-view > .page-content-container,.video-banner-view > .page-content-container > .video-banner-content{display:contents}.video-banner-title{order:1}.video-banner-subtitle{order:3}.video-banner-cta{order:4}}.video-banner-view.video-banner-align-center .video-banner-content{align-items:center;margin:0 auto;text-align:center;width:100%}.video-banner-view.video-banner-align-right .video-banner-content{margin-left:auto}#header.transparent-header ~ .video-banner-view,#header.dark-transparent-header ~ .video-banner-view{height:100vh}@media (max-width:734px){#header.transparent-header ~ .video-banner-view,#header.dark-transparent-header ~ .video-banner-view{height:auto}}.video-banner-view.video-banner-valign-top{align-items:flex-start;padding-top:var(--space-6xl)}@media (max-width:734px){.video-banner-view.video-banner-valign-top{align-items:center;padding-top:0}}.video-banner-view.video-banner-valign-center{align-items:center}.video-banner-view.video-banner-valign-bottom{align-items:flex-end;padding-bottom:var(--space-3xl)}@media (max-width:734px){.video-banner-view.video-banner-valign-bottom{align-items:center;padding-bottom:0}}@media (max-width:734px){.video-banner-cta{align-self:stretch;margin-left:6.25vw;margin-right:6.25vw;width:auto}}.video-banner-title.text-color-white,.video-banner-subtitle.text-color-white{color:#fff}.video-banner-title.text-color-accent,.video-banner-subtitle.text-color-accent{color:var(--text-accent-color)}@media (min-width:735px){.video-banner-view.video-banner-stacked{align-items:stretch}.video-banner-view.video-banner-stacked > .page-content-container{display:flex;align-items:stretch}.video-banner-view.video-banner-stacked .video-banner-content{align-items:center;justify-content:flex-end;padding:var(--space-13xl) 0 var(--space-9xl);text-align:center;width:100%}.video-banner-view.video-banner-stacked .video-banner-title{margin-bottom:auto;max-width:1150px}.video-banner-view.video-banner-stacked .video-banner-subtitle{max-width:780px}} @media (max-width:734px){section.about-ceo-section{padding-left:var(--space-xl);padding-right:var(--space-xl)}}@media (min-width:1440px){.about-ceo-section > .page-content-container{margin:0 auto;max-width:1192px}}@media (max-width:734px){.about-ceo-section > .page-content-container{max-width:100%}}@media (max-width:734px){section.about-ceo-bio{padding-bottom:var(--space-6xl);padding-top:var(--space-5xl)}}@media (max-width:734px){.about-ceo-bio .page-content-container{align-items:stretch;gap:var(--space-2xl)}}.about-ceo-portrait{border-radius:var(--radius-l);display:block;flex:520 1 0;overflow:hidden}@media (max-width:734px){.about-ceo-portrait{flex:0 0 auto}}.about-ceo-portrait-image{aspect-ratio:520/415;display:block;object-fit:cover;width:100%}.about-ceo-bio-content{flex:608 1 0}@media (max-width:734px){.about-ceo-bio-content{flex:0 0 auto;gap:20px}}@media (max-width:734px){section.about-ceo-origin{padding-bottom:var(--space-6xl);padding-top:var(--space-5xl)}}@media (max-width:734px){.about-ceo-origin .page-content-container{gap:var(--space-3xl)}}@media (max-width:734px){.about-ceo-eyebrow{font-family:"Pretendard",Helvetica,Arial,sans-serif;font-weight:400}}section.about-ceo-innovation{overflow:hidden}@media (max-width:734px){section.about-ceo-innovation{padding-bottom:var(--space-7xl);padding-top:var(--space-6xl)}}@media (max-width:734px){.about-ceo-innovation .page-content-container{align-items:stretch;gap:var(--space-2xl)}}.about-ceo-innovation-picture{display:block;inset:0;position:absolute}.about-ceo-innovation-picture::after{background:linear-gradient(113.8deg,rgba(32,32,32,0.89) 13.316%,rgba(0,0,0,0.89) 59.872%);content:"";inset:0;position:absolute}@media (max-width:734px){.about-ceo-innovation-picture::after{background:linear-gradient(96.96deg,rgba(32,32,32,0.89) 13.316%,rgba(0,0,0,0.89) 59.872%)}}.about-ceo-innovation-image{display:block;height:100%;object-fit:cover;width:100%}.about-ceo-innovation-title{flex:440 1 0}@media (max-width:734px){.about-ceo-innovation-title{flex:0 0 auto}}.about-ceo-innovation-text{flex:688 1 0}@media (max-width:734px){.about-ceo-innovation-text{flex:0 0 auto}} .about-us-investors-list a:hover{color:var(--action-or-selection-color)}.about-us-principles-container{margin:0 20%}@media (max-width:768px){.about-us-principles-container{margin:0}}#about-us-banner{box-sizing:border-box;height:calc(100vh - 270px);position:relative}@media (max-width:800px){#about-us-banner{padding-bottom:var(--space-8xl)}}@media (max-width:480px){#about-us-banner{padding-bottom:var(--space-5xl)}}@media (orientation:landscape) and (max-height:768px){#about-us-banner{height:auto;padding-top:var(--space-10xl)}}#about-us-banner-text-container{height:100%}@media (max-width:480px){#about-us-banner-text-container{gap:var(--space-xs)}}#about-us-banner-subtitle{margin-bottom:var(--space-l)}@media (max-width:800px){#about-us-banner-subtitle{margin-bottom:var(--space-m)}}#about-us-banner-text{margin-bottom:var(--space-2xl)}@media (max-width:480px){#about-us-banner-text{margin-bottom:var(--space-m)}}@media (max-width:1280px){#about-us-history{padding-bottom:var(--space-10xl);padding-top:var(--space-10xl)}}@media (max-width:800px){#about-us-history{gap:var(--space-2xl);padding-bottom:var(--space-8xl);padding-top:var(--space-8xl)}}@media (max-width:480px){#about-us-history{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}#about-us-history-title-container{max-width:945px}@media (max-width:1070px){#about-us-history-title-container{max-width:87.5vw}}@media (max-width:1068px) and (min-width:735px){#about-us-history-title{font-size:36px}}#about-us-history-text-container{max-width:945px}@media (max-width:1070px){#about-us-history-text-container{max-width:87.5vw}}@media (max-width:800px){#about-us-history-text-container{gap:20px}}#about-us-manifesto{background-image:url("/static/about-us/about-us-manifesto-bg.jpg");background-position:center 200px;background-repeat:no-repeat;background-size:cover}@media (max-width:1280px){#about-us-manifesto{padding-bottom:var(--space-10xl)}}@media (max-width:480px){#about-us-manifesto{background-position:center 50px;padding-bottom:var(--space-6xl)}}@media (max-width:734px){#about-us-manifesto-actions{align-items:flex-start;gap:var(--space-l)}}#about-us-manifesto-actions .btn{font-size:20px;letter-spacing:.3px;line-height:26px;padding-bottom:var(--space-l);padding-top:var(--space-l)}#about-us-manifesto-container{border-radius:24px;box-sizing:border-box;width:100%}@media (max-width:1280px){#about-us-manifesto-container{padding:var(--space-8xl) var(--space-10xl)}}@media (max-width:1070px){#about-us-manifesto-container{padding:var(--space-4xl);gap:var(--space-xs)}}@media (max-width:480px){#about-us-manifesto-container{border-radius:16px;gap:0;padding:var(--space-2xl)}}#about-us-manifesto-title{margin-bottom:var(--space-s)}@media (max-width:800px){#about-us-manifesto-title{margin-bottom:var(--space-xs)}}@media (max-width:480px){#about-us-manifesto-title{margin-bottom:var(--space-s)}}#about-us-manifesto-video-container{aspect-ratio:16/9;border-radius:24px;margin:var(--space-3xl) 0;overflow:hidden;position:relative}@media (max-width:1070px){#about-us-manifesto-video-container{margin:var(--space-2xl) 0}}@media (max-width:800px){#about-us-manifesto-video-container{border-radius:8px;margin:var(--space-xl) 0}}#about-us-manifesto-video{aspect-ratio:16/9;left:-3px;position:relative;top:-5px;width:101%;z-index:0}#about-us-manifesto-video-click-container{aspect-ratio:16/9;cursor:pointer;left:0;position:absolute;top:0;width:100%;z-index:1}#about-us-manifesto-video-click-container::after{background-color:rgba(50,50,50,0.1);background-image:url("/static/play-button.svg");background-position:center;background-repeat:no-repeat;background-size:120px;content:'';height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:1280px){#about-us-manifesto-video-click-container::after{background-size:80px}}@media (max-width:800px){#about-us-manifesto-video-click-container::after{background-size:64px}}@media (max-width:480px){#about-us-manifesto-video-click-container::after{background-size:32px}}#about-us-manifesto-video-poster{height:100%;width:100%}#about-us-manifesto-accordion-headline{margin-bottom:var(--space-xl)}@media (max-width:480px){#about-us-manifesto-accordion-headline{margin-bottom:var(--space-s)}}#manifesto-push-forward-signature{margin-bottom:26px}#about-us-investors{align-items:flex-start;background:#1d1e1f}@media (max-width:800px){#about-us-investors{padding-bottom:var(--space-8xl);padding-top:var(--space-8xl)}}@media (max-width:480px){#about-us-investors{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}@media (max-width:800px){#about-us-investors-container{flex-direction:column;gap:var(--space-2xl)}}@media (max-width:800px){#about-us-investors-list-container{flex-direction:row;width:100%}}@media (max-width:480px){#about-us-investors-list-container{flex-direction:column;gap:var(--space-2xl)}}#about-us-investors-list-container a{display:inline-block;width:100%}#about-us-investors-title-container{width:50%}@media (max-width:800px){#about-us-principles{gap:var(--space-3xl);padding-bottom:var(--space-10xl);padding-top:var(--space-10xl)}}@media (max-width:480px){#about-us-principles{gap:var(--space-2xl);padding-bottom:var(--space-5xl);padding-top:var(--space-5xl)}}#about-us-principles > div{gap:var(--space-6xl)}@media (max-width:1024px){#about-us-principles > div{gap:var(--space-4xl)}}@media (max-width:480px){#about-us-principles > div{gap:var(--space-2xl)}}@media (max-width:800px){#about-us-principles-title{margin-left:0}}#about-us-principles-list{gap:0;margin:0;padding:0}.about-us-principle-item{border-top:1px solid var(--line-color)}@media (max-width:800px){.about-us-principle-item{flex-wrap:wrap;gap:var(--space-l)}}@media (max-width:480px){.about-us-principle-item{gap:var(--space-s);padding:var(--space-xl) 0}}.about-us-principle-item:first-child{border-top:none;padding-top:0}.about-us-principle-item:last-child{padding-bottom:0}#about-us-careers{background:linear-gradient(180deg,rgba(5,5,5,0) 46.56%,rgba(5,5,5,0.3) 78.62%),url("/static/about-us/about-us-careers-bg.jpg");background-position:center;background-size:cover;box-sizing:border-box;min-height:610px}@media (max-width:800px){#about-us-careers{min-height:400px;padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}#about-us-careers-container{box-sizing:border-box}@media (max-width:800px){#about-us-careers-title{font-size:32px;line-height:38px}}#about-us-careers-subtitle{margin-bottom:28px}@media (max-width:800px){#about-us-careers-subtitle{font-size:14px;line-height:20px;margin-bottom:12px}} #acquiring-main-banner-container{width:100%;height:650px;background:url("/static/acquiring/acquiring-banner.png");background-repeat:no-repeat;background-size:cover;background-position:right;align-items:center}@media (max-width:734px){#acquiring-main-banner-container{justify-content:flex-end;background-size:120%;background-position:100% 0;box-sizing:border-box;height:auto}}#acquiring-main-banner-content{width:50%}@media (max-width:734px){#acquiring-main-banner-content{width:100%;margin-top:60%;align-items:center;text-align:center}}#acquiring-conciliation-content{gap:var(--space-l);max-width:670px}#acquiring-solutions-container{align-items:center;gap:var(--space-2xl);height:650px;background:url("/static/acquiring/acquiring-solution-banner.png");background-repeat:no-repeat;background-position:bottom;background-size:cover;background-color:var(--menu-background-color)}@media (max-width:734px){#acquiring-solutions-container{justify-content:flex-end;background-size:120%;background-position:100% 0;box-sizing:border-box;height:auto}}#acquiring-solution-content{align-items:center;gap:var(--space-l);text-align:center}@media (max-width:734px){#acquiring-solution-content{margin-top:90%}}@media (min-width:734px){#acquiring-complete-solution-label,#acquiring-tracking-solution-label{color:#fff}}#acquiring-prospect-container{gap:var(--space-3xl)}.acquiring-prospect-card-container{display:flex;justify-content:center;gap:var(--space-3xl)}@media (max-width:1068px){.acquiring-prospect-card-container{flex-direction:column}}.acquiring-prospect-card{padding:var(--space-3xl);border-radius:var(--space-m);aspect-ratio:9/16;height:585px;box-sizing:border-box}@media (max-width:1068px){.acquiring-prospect-card{aspect-ratio:16/9;background-position:center bottom;box-sizing:border-box;justify-content:center;padding-right:50%;width:100%;display:flex;flex-direction:column;justify-content:center;height:auto}}@media (max-width:734px){.acquiring-prospect-card{aspect-ratio:9/16;background-position:bottom right;justify-content:start;padding:var(--space-3xl)}}.acquiring-prospect-card-content{display:flex;flex-direction:column;gap:var(--space-l)}@media (max-width:1068px){.acquiring-prospect-card-content{width:90%}}@media (max-width:734px){.acquiring-prospect-card-content{width:100%}}#acquiring-antecipation-container{width:100%;height:570px;background:url("/static/acquiring/acquiring-antecipation-banner.png");background-position:left bottom;background-repeat:no-repeat;background-size:cover;box-sizing:border-box}@media (max-width:1068px){#acquiring-antecipation-container{justify-content:flex-end;background-size:100%;background-position:100% 0;box-sizing:border-box;height:auto}}#acquiring-antecipation-content{justify-content:center}@media (max-width:1068px){#acquiring-antecipation-content{align-items:center;width:100%;margin-top:45%}}#acquiring-fixed-income-banner{width:100%;border-radius:var(--space-m);background:url("/static/acquiring/acquiring-fix-investments-banner.png");background-position:center;background-repeat:no-repeat;background-size:cover;height:570px}@media (max-width:734px){#acquiring-fixed-income-banner{height:auto;background:none;border-radius:0}}.acquiring-fixed-income-banner-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-2xl);width:50%;padding:var(--space-8xl) 0 var(--space-8xl) var(--space-15xl);box-sizing:border-box;height:100%}@media (max-width:1068px){.acquiring-fixed-income-banner-content{padding:var(--space-8xl) 0 var(--space-8xl) var(--space-4xl);box-sizing:border-box;width:70%}}@media (max-width:734px){.acquiring-fixed-income-banner-content{padding:0;width:100%;justify-content:flex-end;align-items:center;padding:0 var(--space-xl);box-sizing:border-box;height:auto}}.acquiring-card{border-radius:var(--space-l);border:1px solid var(--border-color);background:var(--menu-background-color);padding:var(--space-6xl);width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}@media (max-width:850px){.acquiring-card{border:none;background:transparent;padding-top:var(--space-xl);padding-bottom:var(--space-4xl);padding-left:0;padding-right:0}}.acquiring-conciliation-card-container{display:flex;flex-direction:column;gap:var(--space-xl)}.acquiring-conciliation-column-container{display:grid;grid-template-columns:1.4fr .6fr;gap:var(--space-xl) var(--space-xl)}@media (max-width:1068px){.acquiring-conciliation-column-container{grid-template-columns:1fr 1fr}}@media (max-width:850px){.acquiring-conciliation-column-container{grid-template-columns:1fr}}.acquiring-conciliation-card-1{order:1}@media (max-width:850px){.acquiring-conciliation-card-1{order:2}}.acquiring-conciliation-card-2{order:2}@media (max-width:1068px){.acquiring-conciliation-card-2{order:3}}@media (max-width:850px){.acquiring-conciliation-card-2{order:2}}.acquiring-conciliation-card-3{order:3}@media (max-width:1068px){.acquiring-conciliation-card-3{order:1}}.acquiring-conciliation-card-4{order:4}.acquiring-conciliation-top-container{display:flex;gap:var(--space-xl)}@media (max-width:850px){.acquiring-conciliation-top-container{flex-direction:column}}.acquiring-card-animated{border-radius:var(--space-l)}.acquiring-sales-video{height:392px;width:392px;background-color:#d1e1ef}@media (max-width:1068px){.acquiring-sales-video{width:49%;height:auto}}@media (max-width:850px){.acquiring-sales-video{width:100%}}.acquiring-control-video{width:100%;height:100%;background-color:#002850}.acquiring-receive-video{width:100%;background-color:#d1e1ef;height:100%}#acquiring-prospect-tax-view{background:url("/static/acquiring/acquiring-stark-cloud.png")}@media (max-width:1068px){#acquiring-prospect-tax-view{background:url("/static/acquiring/acquiring-stark-cloud-horizontal.png")}}@media (max-width:734px){#acquiring-prospect-tax-view{background:url("/static/acquiring/acquiring-stark-cloud.png")}}#acquiring-prospect-chargeback-view{background:url("/static/acquiring/acquiring-security-check.png")}@media (max-width:1068px){#acquiring-prospect-chargeback-view{background:url("/static/acquiring/acquiring-security-check-horizontal.png")}}@media (max-width:734px){#acquiring-prospect-chargeback-view{background:url("/static/acquiring/acquiring-security-check.png")}}#acquiring-prospect-token-cards-view{background:url("/static/acquiring/acquiring-plain-card.png")}@media (max-width:1068px){#acquiring-prospect-token-cards-view{background:url("/static/acquiring/acquiring-plain-card-horizontal.png")}}@media (max-width:734px){#acquiring-prospect-token-cards-view{background:url("/static/acquiring/acquiring-plain-card.png")}}#acquiring-prospect-tax-view,#acquiring-prospect-chargeback-view,#acquiring-prospect-token-cards-view{background-repeat:no-repeat;background-position:bottom;background-size:cover;height:585px}@media (max-width:1068px){#acquiring-prospect-tax-view,#acquiring-prospect-chargeback-view,#acquiring-prospect-token-cards-view{background-repeat:no-repeat;background-position:right;background-size:cover;width:100%}}@media (max-width:734px){#acquiring-prospect-tax-view,#acquiring-prospect-chargeback-view,#acquiring-prospect-token-cards-view{background-repeat:no-repeat;background-position:bottom;background-size:cover}}@media (max-width:1068px){#acquiring-tax-label,#acquiring-reduce-chargeback-label,#acquiring-tokenization-label{margin-top:25%}}@media (max-width:734px){#acquiring-tax-label,#acquiring-reduce-chargeback-label,#acquiring-tokenization-label{margin-top:10%}}@media (max-width:1068px){#acquiring-infrastructure-label,#acquiring-increase-security-label,#acquiring-tokenization-subtitle-label{width:50%}}@media (max-width:734px){#acquiring-infrastructure-label,#acquiring-increase-security-label,#acquiring-tokenization-subtitle-label{width:100%}} #faq-promotion-accordion-container{min-height:auto}#faq-promotion-accordion-container .promo-accordion{border-bottom-width:1px}#faq-promotion-accordion-container .promo-accordion-header::after{background-image:url("/static/automatic-floating/icons/plus.svg")}#faq-promotion-accordion-container .promo-accordion:has(> .promo-accordion-header.selected){padding-bottom:20px;padding-top:24px}#faq-promotion-accordion-container .promo-accordion-header.selected::after{opacity:.6;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#faq-promotion-accordion-container .promo-accordion-description{font-size:16px;line-height:24px}#faq-promotion-accordion-container .promo-accordion-header{padding-bottom:16px}@media (max-width:1024px){#faq-promotion-accordion-container .promo-accordion-title{max-width:85%}}#faq-promotion-accordion-container .promo-accordion-content{padding:0 48px 24px 20px} #bank-account-benefits .features-grid-cta{align-self:center}#bank-account-how-to .steps-section-heading{max-width:670px;margin:0 auto}#bank-account-how-to .steps-section-cta{align-self:center} #business-account-hero{background-color:#19232c}@media (max-width:734px){#business-account-hero{padding-bottom:var(--space-8xl);padding-top:var(--space-8xl)}}@media (max-width:734px){#business-account-hero .video-banner-content .video-banner-title{font-size:56px;letter-spacing:-1.68px;line-height:60px}}#business-account-hero .video-banner-content .video-banner-subtitle{color:#fafcff;font-size:21px;letter-spacing:-.21px;line-height:28px;margin-bottom:var(--space-l)}@media (max-width:734px){#business-account-hero .video-banner-content .video-banner-subtitle{margin-bottom:0}}#business-account-hero .video-banner-gradient{background:linear-gradient(to top,#19232c 150px,transparent)}@media (max-width:734px){#business-account-hero .video-banner-gradient{background:linear-gradient(to bottom,#19232c 0%,transparent 25%,transparent 75%,#19232c 100%);height:auto}}@media (max-width:734px){#business-account-hero .video-banner-media{height:75vw}}#business-account-hero .video-banner-video{top:-140px}@media (max-width:734px){#business-account-hero .video-banner-video{top:0;transform:scale(1.3)}}#business-account-products-container{background-color:#19232c}@media (max-width:480px){#business-account-products-container{padding-top:var(--space-m)}}@media (max-width:480px){#business-account-products-container .page-content-container{gap:var(--space-3xl)}}@media (max-width:734px){#business-account-products-cta,#business-account-cases-cta,#business-account-solutions-cta{width:100%}}@media (max-width:480px){#business-account-products-title .section-title-text{line-height:40px}}@media (max-width:480px){#business-account-products-title .section-title-subtitle,#business-account-cases-title .section-title-subtitle{font-size:17px;letter-spacing:.17px;line-height:24px}}#business-account-cases-container{background-color:#f5f7fa}@media (max-width:480px){#business-account-cases-container{background-color:var(--background-color);padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}@media (max-width:480px){#business-account-cases-title .section-title-text{letter-spacing:-.704px;line-height:40px}}@media (max-width:480px){#business-account-cases-container .page-content-container{gap:var(--space-xl)}}@media (max-width:480px){#business-account-control-container{background-color:#fafcff;padding-bottom:var(--space-3xl);padding-top:var(--space-2xl)}}@media (max-width:480px){#business-account-control-container .page-content-container{gap:var(--space-3xl)}}@media (max-width:480px){#business-account-control-title .section-title-text,#business-account-solutions-title .section-title-text{letter-spacing:-.64px;line-height:36px}}@media (max-width:480px){#business-account-solutions-title{margin-bottom:var(--space-3xl)}}@media (max-width:480px){#business-account-solutions-title .section-title-text{padding:0}}@media (max-width:480px){#business-account-solutions-title .section-title-subtitle{display:none !important}}#business-account-solutions-container{background-color:#fafcff}@media (max-width:480px){#business-account-solutions-container{padding-bottom:var(--space-3xl);padding-top:var(--space-3xl)}}@media (max-width:480px){#business-account-solutions-container .page-content-container{gap:var(--space-l)}}#business-account-products .square-cards-card-img{filter:blur(.6px)}@media (max-width:480px){#business-account-products .square-cards-card:nth-child(1) .square-cards-card-img{object-position:70% center}}@media (max-width:480px){#business-account-products .square-cards-card:nth-child(2) .square-cards-card-img{object-position:30% center}}#business-account-products .square-cards-card:nth-child(odd) .square-cards-card-content{padding-left:var(--space-3xl);padding-right:45%;text-align:left}@media (max-width:1024px){#business-account-products .square-cards-card:nth-child(odd) .square-cards-card-content{padding:var(--space-2xl);padding-right:20%}}@media (max-width:734px){#business-account-products .square-cards-card:nth-child(odd) .square-cards-card-content{padding-left:var(--space-xl);padding-right:var(--space-xl)}}@media (max-width:480px){#business-account-products .square-cards-card:nth-child(odd) .square-cards-card-content{padding-bottom:var(--space-8xl);padding-left:var(--space-3xl);padding-right:var(--space-3xl)}}#business-account-products .square-cards-card:nth-child(even) .square-cards-card-content{padding-left:45%;padding-right:var(--space-3xl);text-align:right}@media (max-width:1024px){#business-account-products .square-cards-card:nth-child(even) .square-cards-card-content{padding:var(--space-2xl);padding-left:20%}}@media (max-width:734px){#business-account-products .square-cards-card:nth-child(even) .square-cards-card-content{padding-left:var(--space-xl);padding-right:var(--space-xl)}}@media (max-width:480px){#business-account-products .square-cards-card:nth-child(even) .square-cards-card-content{padding-bottom:var(--space-8xl);padding-left:var(--space-4xl);padding-right:var(--space-4xl)}}@media (max-width:768px){#business-account-integration-container{padding-bottom:var(--space-8xl)}}@media (max-width:768px){#business-account-integration{border-radius:0;height:auto;margin-left:-6.25vw;margin-right:-6.25vw;width:100vw}}@media (max-width:768px){#business-account-integration .contained-banner-picture{height:60vw;position:relative;width:100%}}@media (max-width:768px){#business-account-integration .contained-banner-picture img{left:-85%;object-position:100% 0;position:relative;width:190%}}@media (max-width:768px){#business-account-integration .contained-banner-content{align-items:center;gap:var(--space-l);height:auto;padding-bottom:0;padding-left:var(--space-xl);padding-right:var(--space-xl);padding-top:var(--space-3xl);text-align:center;width:100%}}@media (max-width:768px){#business-account-integration .contained-banner-title{color:var(--title-color) !important;font-size:32px;letter-spacing:-.64px;line-height:36px}}@media (max-width:768px){#business-account-integration .contained-banner-subtitle{color:var(--title-color) !important;letter-spacing:-.21px;line-height:28px;margin-bottom:var(--space-4xl)}}@media (max-width:768px){#business-account-integration .contained-banner-cta{width:100%}} #video-banner{max-height:calc(100vh - var(--header-height));overflow:hidden;position:relative}#video-banner-element{box-sizing:border-box;width:100%;z-index:-1}#video-banner-content{background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,#000 100%);box-sizing:border-box;height:100%;position:absolute;width:100%}@media (max-width:1024px){#video-banner-content{padding-bottom:var(--space-10xl)}}@media (max-width:768px){#video-banner-content{padding-bottom:var(--space-6xl)}}#video-banner-title{line-height:1.14em;margin-top:var(--space-10xl)}@media (max-width:1200px){#video-banner-title{font-size:42px;margin-top:var(--space-8xl)}}@media (max-width:1024px){#video-banner-title{font-size:34px;margin-top:var(--space-5xl)}}@media (max-width:768px){#video-banner-title{font-size:28px;margin-top:var(--space-3xl)}}@media (max-width:480px){#video-banner-title{font-size:28px;margin-top:var(--space-l)}}@media (max-width:400px){#video-banner-title{font-size:20px;margin-top:0}}#arrow-down{animation:floatingArrow 1.5s ease-in-out infinite;cursor:pointer;height:auto;margin-top:var(--space-5xl);pointer-events:auto;width:30px}@media (max-width:1200px){#arrow-down{margin-top:var(--space-3xl)}}@media (max-width:1024px){#arrow-down{margin-top:var(--space-l)}}@media (max-width:768px){#arrow-down{display:none}}#cases-numbers-title{max-width:960px;width:100%}#cases-number-container > div{border:1px solid var(--line-color);padding-left:var(--space-s);padding-right:var(--space-s);width:100%}@media (max-width:768px){#cases-number-container > div{box-sizing:border-box}}@media (max-width:900px){#cases-number-container > div h1{font-size:50px;line-height:58px}}@-moz-keyframes floatingArrow{0%{transform:translateY(0)}50%{transform:translateY(10px)}100%{transform:translateY(0)}}@-webkit-keyframes floatingArrow{0%{transform:translateY(0)}50%{transform:translateY(10px)}100%{transform:translateY(0)}}@-o-keyframes floatingArrow{0%{transform:translateY(0)}50%{transform:translateY(10px)}100%{transform:translateY(0)}}@keyframes floatingArrow{0%{transform:translateY(0)}50%{transform:translateY(10px)}100%{transform:translateY(0)}} .logo-grid-container{display:grid;grid-template-columns:repeat(5,1fr);justify-content:center;max-width:900px;width:100%}@media (max-width:900px){.logo-grid-container{gap:var(--space-m) var(--space-2xl);grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.logo-grid-container{grid-template-columns:repeat(2,1fr)}}.logo-grid-container img{height:auto;object-fit:contain;opacity:.25}@media (max-width:900px){.logo-grid-container > :nth-last-child(1){display:none}} @media (max-width:768px){#case-content-section{padding-bottom:var(--space-8xl)}}@media (max-width:768px){#case-title-container{align-items:center;flex-direction:column-reverse;gap:var(--space-6xl);padding-bottom:var(--space-6xl);padding-top:var(--space-6xl);text-align:center}}#case-title{font-size:32px;line-height:38px}#case-text-container,#case-quote-container{width:85%}#case-quote-container{margin-bottom:var(--space-15xl)}@media (max-width:768px){#case-quote-container{flex-direction:column-reverse;gap:var(--space-2xl)}}@media (max-width:768px){#case-quote-container p{text-align:center}}#case-video-play-image{left:calc(50% - 50px);position:absolute;top:calc(50% - 50px);z-index:2}@media (max-width:768px){#case-video-play-image{height:auto;left:calc(50% - 35px);top:calc(50% - 35px);width:70px}}#case-video-container{margin-bottom:var(--space-8xl);position:relative;width:100%}@media (max-width:768px){#case-video-container{margin-bottom:var(--space-6xl)}}#case-video-container .case-poster{aspect-ratio:16/9;width:100%}#case-video-container .case-video{aspect-ratio:16/9;opacity:0;transition:opacity .2s ease-in;width:100%}#case-video-click-container{height:100%;left:0;position:absolute;top:0;width:100%}.case-quote-image{border:5px solid var(--line-color);border-radius:var(--radius-full);height:150px;width:150px}@media (max-width:480px){.case-quote-image{height:120px;width:120px}}#case-outcomes-container{width:100%}@media (max-width:768px){#case-outcomes-container{gap:var(--space-xl);padding-bottom:var(--space-3xl);padding-top:var(--space-3xl)}}#case-outcomes-container > div{gap:var(--space-xs)}@media (max-width:768px){#case-outcomes-container > div{box-sizing:border-box}}.outcome-icon{margin-bottom:var(--space-l)}.case-logo{max-height:70px;max-width:200px;object-fit:contain;width:100%} #contact-sales-container{background:url("/static/bg-contact-sales.jpg") center center no-repeat;background-size:cover;display:flex;flex-direction:row;gap:64px;padding-top:100px;padding-bottom:64px;justify-content:space-around}@media (max-width:768px){#contact-sales-container{background:#fff;flex-direction:column;gap:0;padding:0}}#contact-sales-content{gap:16px;padding-top:56px;width:35%}@media (max-width:768px){#contact-sales-content{align-items:center;background:url("/static/bg-contact-sales.jpg") left center no-repeat;background-size:cover;padding:100px 30px 64px;position:relative;text-align:center;width:calc(100% - 60px)}}@media (max-width:768px){#contact-sales-title{font-size:48px;line-height:56px;position:relative;z-index:1}}#contact-sales-subtitle{max-width:550px}@media (max-width:768px){#contact-sales-subtitle{max-width:100%;position:relative;z-index:1}}#contact-sales-form{border-radius:16px;box-sizing:border-box;flex-wrap:wrap;gap:24px;max-width:700px;padding:40px}@media (max-width:768px){#contact-sales-form{max-width:none}}@media (max-width:768px){#contact-sales-content::after{background:linear-gradient(0deg,rgba(0,0,0,0) 15%,rgba(0,0,0,0.4) 50%);content:"";display:block;filter:blur(4px);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}}.contact-sales-item.full-width{width:100%}.contact-sales-item .input,.contact-sales-item select{background:var(--view-background-color);border-radius:12px;box-sizing:border-box}@-moz-document url-prefix(){text-indent:3px}.contact-sales-item #phone-view select{background-position:64px center;background-repeat:no-repeat;padding-left:10px;text-indent:0}.contact-sales-item{box-sizing:border-box;width:calc(50% - 12px)}@media (max-width:900px){.contact-sales-item{width:100%}}.contact-sales-input > div{align-items:center;gap:8px;grid-template-columns:90px 1fr}.contact-sales-label{width:160px}@media (max-width:900px){.contact-sales-label{width:80%}}.contact-sales-area{height:100px;max-height:100px;max-width:100%;min-height:100px;min-width:100%;padding:12px;width:100%}#contact-sales-submit-area{font-size:18px;gap:20px;justify-content:flex-end;width:100%}@media (max-width:734px){#contact-sales-submit-area{font-size:18px}}#character-counter{font-size:12px;font-weight:500;line-height:16px;color:#646566} #corporate-card-hero{box-sizing:border-box;height:957px;overflow:hidden;position:relative;z-index:0;background-color:#090a0a}@media (max-width:1260px){#corporate-card-hero{height:auto}}#corporate-card-hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,#090a0a 0%,rgba(9,10,10,0) 50%),linear-gradient(180deg,rgba(9,10,10,0) 55%,#090a0a 100%)}#corporate-card-banner-video-wrapper{position:absolute;inset:25% 10% -5% 10%;z-index:0}@media (max-width:1260px){#corporate-card-banner-video-wrapper{inset:0;overflow:hidden;z-index:0}}#corporate-card-banner-video-wrapper::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(to bottom,#090a0a 0%,#090a0a 4%,transparent 24%),linear-gradient(to top,#090a0a 0%,#090a0a 4%,transparent 29%),linear-gradient(to right,#090a0a 0%,#090a0a 4%,transparent 22%),linear-gradient(to left,#090a0a 0%,#090a0a 4%,transparent 22%)}@media (max-width:1260px){#corporate-card-banner-video-wrapper::after{background:linear-gradient(to bottom,#090a0a 0%,#090a0a 4%,transparent 24%),linear-gradient(to top,#090a0a 0%,#090a0a 4%,transparent 29%)}}#corporate-card-banner-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(.93);display:block}@media (max-width:1260px){#corporate-card-banner-video{inset:0;width:100%;height:100%;transform:none;object-position:center 40%}}#corporate-card-banner-text{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;box-sizing:border-box;padding-top:130px;gap:24px}#corporate-card-banner-headline{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:1023px}#corporate-card-label{font-size:21px;font-weight:500;line-height:28px;letter-spacing:-.21px}#corporate-card-title{font-size:64px;font-weight:600;line-height:68px;letter-spacing:-2.24px}#corporate-card-banner-subtitle{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);z-index:3;width:90%;max-width:650px;margin:0;font-size:21px;font-weight:500;line-height:28px;letter-spacing:-.21px}#corporate-card-cta{font-size:20px}@media (max-width:1260px){.corporate-card-page .transparent-header #header-section{background:#090a0a}.corporate-card-page .transparent-header .barUp,.corporate-card-page .transparent-header .barDown{background-color:#fff !important}.corporate-card-page .transparent-header #header-icon-container{background-image:url("/static/logo-white.svg")}#corporate-card-hero{--video-height:551px;--text-top:clamp(80px,18vw,120px);--video-top:400px;--subtitle-height:140px;height:calc(var(--video-top) + var(--video-height) + 31px + var(--subtitle-height) + 48px + var(--space-4xl))}#corporate-card-banner-video-wrapper{position:absolute;top:var(--video-top);left:0;right:0;inset:var(--video-top) 0 auto 0;width:100%;height:var(--video-height)}#corporate-card-banner-text{position:absolute;top:var(--text-top);left:0;right:0;height:auto;padding:0 var(--space-l);gap:24px}#corporate-card-banner-headline{max-width:none;gap:10px}#corporate-card-title{font-size:clamp(28px,13vw,56px);line-height:1.07;letter-spacing:-.03em;max-width:390px}#corporate-card-label{letter-spacing:-.21px}#corporate-card-cta{position:absolute !important;top:calc(var(--video-top) + var(--video-height) + 31px + var(--subtitle-height) - var(--text-top));left:50%;transform:translateX(-50%);margin:0;z-index:3}#corporate-card-banner-subtitle{top:calc(var(--video-top) + var(--video-height) + 31px);left:0;right:0;bottom:auto;transform:none;max-width:none;padding:0 var(--space-l);z-index:3}}#corporate-card-feature-mobile{display:none}#corporate-card-benefits{background-color:#090a0a;padding:90px clamp(24px,8.6vw,124px) 160px;margin-top:0}#corporate-card-benefits > .page-content-container{gap:60px;max-width:1192px;margin:0 auto}#corporate-card-benefits-title{margin:0;font-size:48px;font-weight:600;line-height:54px;letter-spacing:-.96px}#corporate-card-benefits-stack{gap:35px;width:100%}#corporate-card-cards-wrapper{position:relative;width:100%;max-width:1192px;height:529px;margin:0 auto;border-radius:var(--radius-xl);overflow:hidden}#corporate-card-benefits-cards{width:100%;height:100%;display:block;object-fit:cover;object-position:center 70%;transform:scale(1.4);transform-origin:center 70%}#corporate-card-cards-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;box-sizing:border-box;padding:40px 40px 155px;max-width:547px;z-index:2;background:linear-gradient(88deg,rgba(0,0,0,0.2) 26.58%,rgba(102,102,102,0) 60.9%)}#corporate-card-cards-overlay-title{color:#fafcff;text-shadow:0 0 90px rgba(0,0,0,0.5);font-size:48px;font-weight:600;line-height:54px;letter-spacing:-.96px;margin:0}#corporate-card-cards-overlay-text{color:#fafcff;text-shadow:0 0 90px rgba(0,0,0,0.5);font-size:20px;font-weight:500;line-height:28px;margin:8px 0 0;max-width:367px}#corporate-card-benefits-features{width:100%;max-width:1192px;margin:0 auto;gap:26px}.corporate-card-benefits-feature-card{position:relative;width:380px;max-width:calc((100% - 52px) / 3);flex:1 1 0;height:600px;border-radius:var(--radius-xl);overflow:hidden;border:1px solid #e6e8eb;box-sizing:border-box;container-type:inline-size}.corporate-card-benefits-feature-card-dark{background-color:#1f2126;border-color:transparent}.corporate-card-benefits-feature-card-light{background-color:#f9f9fb}.corporate-card-benefits-feature-card-gray{background-color:#e5e7eb}.corporate-card-page.lang-en-md .corporate-card-benefits-feature-card-light{background-color:#fff}.corporate-card-benefits-feature-card-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.corporate-card-benefits-feature-card-dark .corporate-card-benefits-feature-card-media{object-position:0% center}.corporate-card-benefits-feature-card-gray .corporate-card-benefits-feature-card-media{inset:auto 0 0 0;height:55%;object-fit:contain;object-position:center bottom}video.corporate-card-benefits-feature-card-media{inset:auto 0 0 0;height:55%;object-fit:contain;transform:scale(1.1);transform-origin:bottom center}.corporate-card-benefits-feature-card-overlay{position:absolute;top:0;left:0;right:0;gap:8px;box-sizing:border-box;padding:40px;padding-bottom:80px}.corporate-card-benefits-feature-card-overlay h3{font-size:32px;font-weight:600;line-height:40px;letter-spacing:0;margin:0;max-width:260px}.corporate-card-benefits-feature-card-overlay p{font-size:20px;font-weight:500;line-height:28px;letter-spacing:0;margin:0}#corporate-card-bottom-cta{align-self:center;font-size:20px;min-height:60px;padding:16px 24px}#corporate-card-operation{background-color:var(--view-background-color);padding-top:110px;padding-bottom:124px;padding-left:clamp(24px,8.6vw,124px);padding-right:clamp(24px,8.6vw,124px)}#corporate-card-operation > .page-content-container{gap:0;max-width:1192px;margin:0 auto}#corporate-card-operation-title{font-size:48px;font-weight:600;line-height:56px;letter-spacing:0;margin:0}#corporate-card-operation-subtitle{font-size:20px;font-weight:500;line-height:28px;margin:var(--space-l) 0 0;max-width:800px;align-self:center}#corporate-card-operation-cards{width:100%;max-width:1192px;margin:var(--space-3xl) auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3xl) var(--space-xl)}#corporate-card-operation-cta{align-self:center;margin-top:var(--space-3xl);font-size:20px;min-height:60px;padding:16px 24px}.corporate-card-operation-card{flex:1;box-sizing:border-box;aspect-ratio:381.33/258;border-radius:var(--radius-xl);border:1px solid var(--border-on-light-base,#e6e9eb);padding:var(--space-2xl);overflow:hidden;position:relative;container-type:inline-size}@media (min-width:1261px){.corporate-card-operation-card-title{font-size:20px;line-height:26px;letter-spacing:-.1px}.corporate-card-operation-card-text{font-size:16px;line-height:24px;letter-spacing:.08px}.corporate-card-operation-card:not(.corporate-card-operation-card-text-content){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;box-sizing:border-box;height:258px;aspect-ratio:auto;background:#fff}.corporate-card-operation-card-text-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;height:auto;aspect-ratio:auto;border-radius:var(--radius-l);padding:var(--space-2xl);background:#fff}}.corporate-card-operation-card-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}#corporate-card-operation-spreadsheet-video{object-fit:cover}#corporate-card-operation-yield-video{transform:scale(1.2)}#corporate-card-operation-dashboard-video{transform:scale(1.3);transform-origin:right center}#corporate-card-operation-yield-image{display:none;object-fit:cover}.corporate-card-page.lang-en-md #corporate-card-operation-yield-video{display:none}.corporate-card-page.lang-en-md #corporate-card-operation-yield-image{display:block}.op-card-yield{padding:0}.corporate-card-operation-card-text-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:20px;width:100%}.corporate-card-operation-card-title{color:var(--foreground-base-acent,#121314);font-size:clamp(22px,6.5vw,28px);font-weight:600;line-height:1.14;letter-spacing:-.02em;margin:0;text-align:left;width:100%}.corporate-card-operation-card-text{color:var(--foreground-base-default,#313233);font-size:clamp(14px,4vw,17px);font-weight:500;line-height:1.41;letter-spacing:.01em;margin:0;text-align:left;width:100%}#corporate-card-operation-cards .corporate-card-operation-card-text-content .corporate-card-operation-card-title,#corporate-card-operation-cards .corporate-card-operation-card-text-content .corporate-card-operation-card-text{text-align:left}@media (max-width:426px){.corporate-card-operation-card-text-content{aspect-ratio:auto;height:auto;overflow:visible}}@media (max-width:1260px){#corporate-card-operation-cards{grid-template-columns:1fr;gap:var(--space-xl)}.op-card-spreadsheet{order:1}.op-card-spreadsheet-text{order:2}.op-card-yield{order:3}.op-card-yield-text{order:4}.op-card-dashboard{order:5}.op-card-dashboard-text{order:6}.corporate-card-operation-card{border-radius:var(--radius-l)}.corporate-card-operation-card-text-content{align-items:flex-start;text-align:left;padding:var(--space-2xl);gap:20px}}#corporate-card-security{background-color:var(--view-background-color);padding:clamp(56px,8vw,115px) clamp(24px,8vw,124px)}#corporate-card-security > .page-content-container{gap:0;max-width:1192px;margin:0 auto}#corporate-card-security-title{font-size:48px;font-weight:600;line-height:54px;letter-spacing:-.02em;margin:0;position:relative;z-index:2}#corporate-card-security-subtitle{font-size:20px;font-weight:500;line-height:28px;margin:var(--space-l) auto 0;max-width:800px;align-self:center;position:relative;z-index:2}#corporate-card-security-video-wrapper{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:calc(var(--space-3xl) - 100px);margin-bottom:-100px;position:relative;z-index:1}.corporate-card-security-video{width:auto;max-width:100%;height:auto;display:block;border-radius:var(--radius-xl)}@media (max-width:1260px){.corporate-card-security-video{width:100%;aspect-ratio:1/1;object-fit:cover;height:auto}#corporate-card-security-video-wrapper{margin-top:0;margin-bottom:0}}#corporate-card-occasions{background-color:var(--view-background-color);padding:0 clamp(24px,8vw,124px) clamp(56px,8vw,115px)}#corporate-card-occasions > .page-content-container{gap:0;max-width:1192px;margin:0 auto}#corporate-card-occasions-title{font-size:48px;font-weight:600;line-height:56px;letter-spacing:0;margin:0}#corporate-card-occasions-subtitle{font-size:20px;font-weight:500;line-height:28px;margin:var(--space-l) auto 0;max-width:800px;align-self:center}#corporate-card-occasions-cards{width:100%;max-width:1192px;margin:var(--space-6xl) auto 0}.corporate-card-occasions-card{flex:1 0 0;align-self:stretch;gap:var(--space-l);padding:var(--space-2xl) var(--space-xl);border-radius:var(--radius-xl);border:1px solid var(--border-basic-default,#e6e8eb);background:var(--background-basic-neutral,#f5f7fa);min-height:230px;box-sizing:border-box}.corporate-card-occasions-card-icon{width:32px;height:32px;display:block;flex-shrink:0}.corporate-card-occasions-card-title{color:var(--fill-basic-title,#050505);font-size:20px;font-weight:600;line-height:26px;letter-spacing:-.1px;margin:0;text-align:left;width:100%}.corporate-card-occasions-card-text{color:var(--fill-basic-default,#282829);font-size:14px;font-weight:400;line-height:22px;letter-spacing:.14px;margin:0;text-align:left;width:100%}#corporate-card-occasions-cta{align-self:center;margin-top:var(--space-6xl);font-size:20px;min-height:60px;padding:16px 24px}@media (max-width:1260px){#corporate-card-occasions-cards{flex-wrap:wrap}.corporate-card-occasions-card{flex:1 1 calc(50% - 16px)}}@media (max-width:1260px){#corporate-card-occasions{padding:0 clamp(16px,6vw,32px) clamp(40px,10vw,56px)}#corporate-card-occasions-cards{flex-direction:column;gap:var(--space-2xl);margin-top:var(--space-6xl)}.corporate-card-occasions-card{flex:none;width:100%;height:230px;min-height:auto}.corporate-card-occasions-card-title{font-size:28px;line-height:32px;letter-spacing:-.56px}.corporate-card-occasions-card-text{font-size:17px;font-weight:500;line-height:24px;letter-spacing:.17px}#corporate-card-occasions-subtitle{font-size:20px;font-weight:400;line-height:28px;letter-spacing:0;margin-top:var(--space-l)}#corporate-card-occasions-cta{width:calc(100% - 48px);max-width:392px;min-height:48px;margin-top:var(--space-2xl)}}#corporate-card-experiences{background-color:var(--view-background-color);padding:8.264vw 0 8.333vw;position:relative;overflow:hidden;aspect-ratio:1440/814;width:100%;box-sizing:border-box}.corporate-card-experiences-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:0}#corporate-card-experiences > .page-content-container{gap:50px;max-width:1192px;margin:0 auto;position:relative;z-index:1;width:100%;padding:0 clamp(24px,8vw,124px);box-sizing:border-box}#corporate-card-experiences-text-block{align-self:center;width:100%;max-width:930px;gap:44px}#corporate-card-experiences-title{height:56px;align-self:stretch;overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:48px;font-weight:600;line-height:52px;letter-spacing:-1.44px;margin:0}#corporate-card-experiences-subtitle{font-size:20px;font-weight:500;line-height:26px;color:#fff !important;margin:0;max-width:800px;align-self:center}#corporate-card-experiences-cta{align-self:center;font-size:20px;min-height:60px;padding:16px 24px}@media (max-width:1260px){#corporate-card-experiences{aspect-ratio:auto;min-height:640px;padding:clamp(48px,12vw,64px) clamp(16px,6vw,32px) clamp(40px,10vw,56px)}#corporate-card-experiences-title{height:auto;white-space:normal;overflow:visible}#corporate-card-experiences-subtitle{font-size:17px;font-weight:500;line-height:24px;letter-spacing:.17px}#corporate-card-experiences-text-block{gap:var(--space-l)}#corporate-card-experiences > .page-content-container{gap:286px;padding:0}#corporate-card-experiences-cta{width:calc(100% - 48px);max-width:392px;min-height:48px}}@media (max-width:1260px){#corporate-card-benefits-features{flex-direction:column;align-items:center}.corporate-card-benefits-feature-card{width:100%;max-width:480px;flex:none}}@media (max-width:1260px){#corporate-card-cards-wrapper{display:none}#corporate-card-benefits{padding:0 0 var(--space-8xl)}#corporate-card-benefits > .page-content-container{gap:0;max-width:none}#corporate-card-benefits-intro{display:block;width:100vw;margin-left:calc((100vw - 100%) / -2);padding:48px 24px;box-sizing:border-box;background-color:#090a0a}#corporate-card-benefits-title{font-size:32px;font-weight:600;line-height:36px;letter-spacing:-.64px}#corporate-card-feature-mobile{display:flex;flex-direction:column;align-items:center;gap:28px;width:100vw;margin-left:calc((100vw - 100%) / -2);background-color:#090a0a}#corporate-card-feature-photo{position:relative;width:100%;height:529px;overflow:hidden}#corporate-card-feature-photo::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(89.26deg,rgba(0,0,0,0.2) 26.58%,rgba(102,102,102,0) 60.9%)}#corporate-card-feature-photo-img{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;object-position:58% center;display:block}#corporate-card-feature-copy{gap:16px;padding:28px 24px 40px;max-width:392px;width:100%;box-sizing:border-box}#corporate-card-feature-title{margin:0;font-size:32px;font-weight:600;line-height:36px;letter-spacing:-.64px}#corporate-card-feature-text{margin:0;font-size:17px;font-weight:500;line-height:24px;letter-spacing:.17px}#corporate-card-benefits-stack{gap:var(--space-2xl);width:100%;max-width:392px;margin:0 auto;padding:24px 24px 0;box-sizing:border-box}#corporate-card-benefits-features{max-width:none;width:100%;gap:var(--space-2xl)}.corporate-card-benefits-feature-card{max-width:392px;width:100%;height:auto;aspect-ratio:392/600;flex:none}.corporate-card-benefits-feature-card-overlay{padding:clamp(20px,7%,40px) clamp(20px,10%,40px) clamp(40px,13%,80px);gap:var(--space-s);max-height:60%;overflow:hidden}.corporate-card-benefits-feature-card-overlay h3{font-size:28px;line-height:32px;letter-spacing:-.56px}.corporate-card-benefits-feature-card-dark .corporate-card-benefits-feature-card-overlay h3{color:#f0f2f5 !important}.corporate-card-benefits-feature-card-overlay p{font-size:17px;line-height:24px;color:#505152 !important}.corporate-card-benefits-feature-card-dark .corporate-card-benefits-feature-card-overlay p{color:#dcdee0 !important}.corporate-card-benefits-feature-card-light .corporate-card-benefits-feature-card-overlay p{color:#525050 !important}#corporate-card-bottom-cta{margin-top:24px;width:calc(100% - 48px);max-width:392px;min-height:60px}#corporate-card-operation{padding:64px 24px}#corporate-card-operation-title,#corporate-card-security-title,#corporate-card-occasions-title,#corporate-card-experiences-title{font-size:32px;font-weight:600;line-height:40px;letter-spacing:-.7px}#corporate-card-operation-subtitle,#corporate-card-security-subtitle{font-size:17px;font-weight:500;line-height:24px;letter-spacing:.17px;margin-top:var(--space-l)}#corporate-card-operation-cards{margin-top:var(--space-xl);gap:var(--space-xl)}#corporate-card-operation-cta{width:calc(100% - 48px);max-width:392px;min-height:48px;margin-top:var(--space-xl)}#corporate-card-security-video-wrapper{margin-top:var(--space-xl);margin-bottom:0}#corporate-card-security{padding:clamp(40px,10vw,56px) clamp(16px,6vw,32px)}}@media (max-width:440px){#corporate-card-benefits-title{font-size:clamp(20px,11vw,32px);line-height:1.19;letter-spacing:-.015em}.corporate-card-benefits-feature-card-overlay h3{font-size:clamp(14px,7cqw,28px);line-height:1.2}.corporate-card-benefits-feature-card-overlay p{font-size:clamp(11px,4.5cqw,17px);line-height:1.41}} #credit-limit-title{max-width:50%}@media (max-width:768px){#credit-limit-title{max-width:90%}} .crypto-subtitle{font-size:21px;letter-spacing:-.21px;line-height:28px}@media (max-width:734px){.crypto-subtitle{font-size:17px;letter-spacing:-.0043em;line-height:1.2353641176}}.crypto-image-mobile{display:none;width:100%}@media (max-width:734px){.crypto-image-mobile{aspect-ratio:1.4/1;background-size:cover;display:block;margin-bottom:var(--space-3xl)}}@media (max-width:480px){.crypto-image-mobile{aspect-ratio:1/1}}@media (max-width:734px){.crypto-button{width:100%}}#crypto-banner{background-color:#000;box-sizing:border-box;height:100vh;max-width:100%;overflow:hidden;position:relative}@media (max-width:734px){#crypto-banner{height:85vh;padding-bottom:var(--space-8xl)}}@media (max-width:480px){#crypto-banner{height:auto;padding-bottom:var(--space-4xl)}}#crypto-banner-video{top:-70px;z-index:0}@media (max-width:1024px){#crypto-banner-video{left:-30%;object-fit:contain;object-position:top;width:160%;z-index:0}}@media (max-width:480px){#crypto-banner-video{position:relative;top:0}}#crypto-banner-text{height:100%}@media (max-width:734px){#crypto-banner-title{font-size:40px;line-height:1.2353641176;letter-spacing:-.025em}}#crypto-banner-subtitle{margin-bottom:var(--space-l)}@media (max-width:734px){#crypto-banner-subtitle{font-size:17px;font-weight:400;letter-spacing:-.0043em;line-height:1.2353641176}}@media (max-width:480px){#crypto-banner-subtitle{margin-bottom:var(--space-s)}}@media (max-width:1280px){#crypto-steps{padding-bottom:var(--space-10xl);padding-top:var(--space-10xl)}}@media (max-width:734px){#crypto-steps{gap:var(--space-3xl);padding-bottom:var(--space-8xl);padding-top:var(--space-8xl)}}@media (max-width:734px){#crypto-steps-subtitle{font-size:17px;font-weight:400;letter-spacing:-.0043em;line-height:1.2353641176}}#crypto-steps-boxes{align-items:stretch}#crypto-steps-boxes > div{border:1px solid var(--line-color);border-radius:16px;box-sizing:border-box;gap:20px;padding:32px;width:calc(100% / 3)}@media (max-width:734px){#crypto-steps-boxes > div{width:100%}}#crypto-steps-boxes > div img{height:40px;width:40px}#crypto-steps-video{max-height:80vh}@media (max-width:734px){#crypto-steps-final-text{font-size:21px;letter-spacing:-.21px;line-height:28px;text-align:left}}@media (max-width:734px){#crypto-benefits{padding-bottom:var(--space-10xl);padding-top:var(--space-10xl)}}@media (max-width:480px){#crypto-benefits{padding-bottom:var(--space-8xl);padding-top:var(--space-8xl)}}@media (max-width:734px){#crypto-benefits > div{gap:var(--space-3xl)}}@media (max-width:734px){#crypto-benefits-title{margin:0;width:100%}}#crypto-benefits-subtitle{margin-bottom:var(--space-3xl)}@media (max-width:734px){#crypto-benefits-subtitle{margin-bottom:0;text-align:left}}@media (max-width:734px){#crypto-masonry{gap:var(--space-5xl)}}.crypto-masonry-item{align-items:stretch}@media (max-width:734px){.crypto-masonry-item{flex-direction:column;gap:var(--space-4xl)}}@media (max-width:734px){#crypto-masonry-coins-item{flex-direction:column-reverse}}.crypto-masonry-image{aspect-ratio:1;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:cover;border:none;border-radius:28px;box-sizing:border-box;width:40%}@media (max-width:734px){.crypto-masonry-image{border-radius:24px;width:100%}}.crypto-masonry-text{background-color:var(--view-background-color);border:1px solid var(--line-color);border-radius:28px;box-sizing:border-box;flex-grow:1;padding:var(--space-6xl);width:60%}@media (max-width:734px){.crypto-masonry-text{background-color:transparent;border:none;border-radius:0;padding:0;width:100%}}@media (max-width:734px){.crypto-masonry-text h4{font-size:28px;line-height:1.1428571429;letter-spacing:-.02em}}@media (max-width:734px){.crypto-masonry-text p{font-size:21px;letter-spacing:-.21px;line-height:28px}}#crypto-masonry-tax-text{width:40%}@media (max-width:734px){#crypto-masonry-tax-text{width:100%}}#crypto-masonry-facility-image{background-position:right center}#crypto-masonry-coins-image{aspect-ratio:1.34375}@media (max-width:734px){#crypto-masonry-coins-image{width:100%}}#crypto-masonry-tax-image{aspect-ratio:1.6818;background-position:right center;width:60%}@media (max-width:734px){#crypto-masonry-tax-image{width:100%}}#crypto-cta{background-position:center;background-size:cover;position:relative}@media (max-width:900px){#crypto-cta{background-position:-270px center}}@media (max-width:734px){#crypto-cta{background-image:none !important;padding-bottom:var(--space-8xl);padding-top:0}}#crypto-cta::after{background:linear-gradient(87deg,rgba(255,255,255,0) 40%,rgba(255,255,255,0.2) 100%);content:'';height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}@media (max-width:900px){#crypto-cta::after{background:linear-gradient(87deg,rgba(255,255,255,0) 40%,rgba(255,255,255,0.6) 80%)}}@media (max-width:734px){#crypto-cta::after{background:none}}#crypto-cta .page-content-container{align-items:flex-end;position:relative;z-index:1}#crypto-cta-text{max-width:50%}@media (max-width:734px){#crypto-cta-text{max-width:100%}}#crypto-cta ul{padding-left:20px}@media (max-width:480px){#crypto-cta ul{margin-bottom:0;margin-top:0;padding-left:0}}@media (max-width:480px){#crypto-cta ul li{border-bottom:1px solid var(--line-color);font-size:21px;font-weight:600;letter-spacing:-.21px;line-height:28px;list-style:none;padding:var(--space-3xl) 0}}#crypto-cta ul li:last-child{border-bottom:none}@media (max-width:734px){#crypto-compliance{padding-bottom:var(--space-4xl);padding-top:0}}#crypto-compliance-container{align-items:flex-end;background-position:5% 0;background-repeat:no-repeat;background-size:cover;border-radius:32px;box-sizing:border-box;justify-content:center;min-height:630px;overflow:hidden;padding:var(--space-8xl) var(--space-10xl)}@media (max-width:1280px){#crypto-compliance-container{padding:var(--space-4xl)}}@media (max-width:734px){#crypto-compliance-container{background-image:none !important;border-radius:0;min-height:auto;padding:0}}#crypto-compliance-text{max-width:60%}@media (max-width:734px){#crypto-compliance-text{max-width:100%;text-align:center}}@media (max-width:734px){#crypto-compliance-title{font-size:32px;line-height:38px}}#crypto-compliance-subtitle{font-size:21px;letter-spacing:-.21px;line-height:28px}#crypto-compliance-logos{justify-content:space-between;margin-top:var(--space-3xl);width:100%}@media (max-width:734px){#crypto-compliance-logos{flex-direction:row;flex-wrap:wrap;gap:var(--space-l);margin-top:var(--space-2xl)}}@media (max-width:734px){.crypto-compliance-logo-container{background-color:#1d1e1f;border-radius:16px;box-sizing:border-box;padding:var(--space-xl);text-align:center;width:calc((100% - var(--space-l)) / 2)}}@media (max-width:480px){.crypto-compliance-logo-container{padding:var(--space-l)}}.crypto-compliance-logo-container img{width:70%}@media (max-width:734px){#crypto-compliance-image-mobile{background-position:left top;margin-bottom:var(--space-4xl)}}@media (max-width:1280px){#crypto-faq-container{padding-bottom:var(--space-10xl);padding-top:var(--space-10xl)}}@media (max-width:734px){#crypto-faq-container{padding-bottom:var(--space-8xl);padding-top:var(--space-8xl)}} #event-container{display:flex;flex-direction:column;border:1px solid var(--line-color);max-width:700px;margin:auto}@media (max-width:768px){#event-container{max-width:100%}}@media (max-width:768px){#event-form{width:90%}} #event-registered-body{width:100%;height:100%;display:flex;background-color:#f7f9fa}#event-registered-container{width:500px;height:fit-content;background:#fff;display:flex;flex-direction:column;margin:auto;border:1px solid #e6e8eb}#event-registered-loading{margin-top:50px}#event-registered-title{margin-top:0;text-align:center;opacity:0}#event-registered-subtitle{margin-top:20px;margin-bottom:40px;padding-left:20px;padding-right:20px;text-align:center;opacity:0}.circle-loader{margin-top:16px;margin-bottom:2em;border:4px solid rgba(0,0,0,0.2);border-left-color:var(--success-border-color);animation:circle-loader-spin 1.2s infinite linear;position:relative;display:inline-block;vertical-align:top;border-radius:50%;width:7em;height:7em}.circle-loader-completed{-webkit-animation:none;animation:none;border-color:var(--success-border-color);transition:border 500ms ease-out}.checkmark{display:none}.checkmark.draw:after{animation-duration:800ms;animation-timing-function:ease;animation-name:checkmark;transform:scaleX(-1) rotate(135deg)}.checkmark:after{opacity:1;height:3.5em;width:1.75em;transform-origin:left top;border-right:4px solid var(--success-text-color);border-top:4px solid var(--success-text-color);content:'';left:1.75em;top:3.5em;position:absolute}@-moz-keyframes circle-loader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes circle-loader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-o-keyframes circle-loader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes circle-loader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-moz-keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:1.75em;opacity:1}40%{height:3.5em;width:1.75em;opacity:1}100%{height:3.5em;width:1.75em;opacity:1}}@-webkit-keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:1.75em;opacity:1}40%{height:3.5em;width:1.75em;opacity:1}100%{height:3.5em;width:1.75em;opacity:1}}@-o-keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:1.75em;opacity:1}40%{height:3.5em;width:1.75em;opacity:1}100%{height:3.5em;width:1.75em;opacity:1}}@keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:1.75em;opacity:1}40%{height:3.5em;width:1.75em;opacity:1}100%{height:3.5em;width:1.75em;opacity:1}} #the-news-hero-banner{background-color:#090a0a;box-sizing:border-box;height:100vh;margin-top:0;overflow:hidden}#the-news-hero-banner-logo{max-height:50px;max-width:100%;width:auto}@media (max-width:734px){#the-news-hero-banner-logo{max-width:140%}}@media (max-width:500px){#the-news-hero-banner-logo{max-width:190%}}#the-news-hero-banner-title{margin:0 auto;max-width:1024px}#the-news-hero-banner-image{position:relative;width:100%}@media (max-width:1600px){#the-news-hero-banner-image{width:130%}}@media (max-width:1068px){#the-news-hero-banner-image{width:150%}}@media (max-width:734px){#the-news-hero-banner-image{width:200%}}@media (max-width:500px){#the-news-hero-banner-image{width:300%}}#the-news-hero-banner-description-container{position:relative}#the-news-hero-banner-description-container::before{background:linear-gradient(180deg,rgba(0,0,0,0) 10%,#090a0a 40%);content:"";display:block;height:60px;left:0;position:absolute;top:-30px;width:100%;z-index:1}#the-news-hero-banner-description-text{margin:-30px auto 0;max-width:1080px;position:relative;z-index:2}@media (max-width:734px){#the-news-hero-banner-description-text{font-size:17px;font-weight:400;line-height:1.2353641176;letter-spacing:-.0043em}}@media (max-width:734px){#the-news-events{padding-bottom:var(--space-10xl);padding-top:var(--space-10xl)}}@media (max-width:480px){#the-news-events{padding-bottom:var(--space-8xl);padding-top:var(--space-8xl)}}@media (max-width:734px){#the-news-events > div{gap:var(--space-3xl)}}@media (max-width:734px){#the-news-events-title{margin:0;width:100%}}@media (max-width:734px){#the-news-events-boxes{gap:var(--space-5xl)}}.the-news-event-item{align-items:stretch}@media (max-width:734px){.the-news-event-item{flex-direction:column;gap:var(--space-4xl)}}.the-news-event-image{aspect-ratio:1;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:cover;border:none;border-radius:28px;box-sizing:border-box;width:30%}@media (max-width:734px){.the-news-event-image{border-radius:var(--radius-xl);width:100%}}.the-news-event-text{background-color:var(--view-background-color);border:1px solid var(--line-color);border-radius:28px;box-sizing:border-box;flex-grow:1;padding:var(--space-6xl);width:60%}@media (max-width:734px){.the-news-event-text{background-color:transparent;border:none;border-radius:0;padding:0;width:100%}}@media (max-width:734px){.the-news-event-text h4{font-size:28px;line-height:1.1428571429;letter-spacing:-.02em}}.the-news-event-text p{margin-bottom:var(--space-l)}@media (max-width:734px){.the-news-event-text p{font-size:21px;letter-spacing:-.21px;line-height:28px}}#the-news-event-virgin-image{background-position:right center}@media (max-width:734px){#the-news-event-monaco-item,#the-news-event-monaco-2027-item{flex-direction:column-reverse}}#the-news-event-monaco-image,#the-news-event-monaco-2027-image{aspect-ratio:1.34375}@media (max-width:734px){#the-news-event-monaco-image,#the-news-event-monaco-2027-image{width:100%}}#the-news-event-wimbledon-image{aspect-ratio:1.6818;background-position:right center;width:60%}@media (max-width:1068px){#the-news-event-wimbledon-image{width:40%}}@media (max-width:734px){#the-news-event-wimbledon-image{width:100%}}#the-news-event-wimbledon-text{width:40%}@media (max-width:1068px){#the-news-event-wimbledon-text{width:60%}}@media (max-width:734px){#the-news-event-wimbledon-text{width:100%}}#the-news-benefits{background-position:top center;background-size:cover;margin-top:0;position:relative}@media (max-width:1068px){#the-news-benefits{gap:var(--space-3xl);padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}@media (max-width:734px){#the-news-benefits{gap:var(--space-xl)}}.the-news-benefit{background-color:#fafcff;box-sizing:border-box}@media (max-width:1068px){.the-news-benefit h3{font-size:28px}}@media (max-width:734px){.the-news-benefit h3{font-size:21px}}#the-news-benefits-boxes{align-items:stretch;box-sizing:border-box;margin-bottom:32px;row-gap:24px}@media (max-width:1068px){#the-news-benefits-boxes{column-gap:24px;justify-content:center;margin-bottom:0}}@media (max-width:734px){#the-news-benefits-boxes{flex-direction:column;flex-wrap:nowrap;margin-bottom:0;margin-top:16px}}#the-news-benefits-boxes > div{box-sizing:border-box;width:calc(33% - 20px)}@media (max-width:1068px){#the-news-benefits-boxes > div{width:calc(50% - 12px)}}@media (max-width:734px){#the-news-benefits-boxes > div{width:100%}}#the-news-benefits-boxes img{height:48px;width:48px}@media (max-width:734px){#the-news-benefits-title{font-size:32px}}@media (max-width:1068px){#the-news-benefits-subtitle{font-size:21px}}#the-news-benefits-title-container{margin:0 auto;max-width:880px}#the-news-enrollment{margin-top:0}#the-news-enrollment input{border:1px solid var(--line-color);border-radius:12px;box-sizing:border-box;margin:0;padding:var(--space-s)}#the-news-enrollment-submit-area{width:100%}#the-news-enrollment-loading{margin-right:var(--space-xl)} .experiences-page #the-news-hero-banner-logo{visibility:hidden}.experiences-page #the-news-hero-banner{height:auto;min-height:100vh;justify-content:flex-start;padding-top:96px;padding-bottom:96px} #fixed-income-title{max-width:600px}@media (max-width:768px){#fixed-income-title{max-width:90%}}#fixed-income-subtitle{max-width:600px}@media (max-width:768px){#fixed-income-subtitle{max-width:90%}}.fixed-income-banner{width:70%;height:auto} #home-main-title{margin:0 auto;max-width:1280px}#home-main-subtitle{margin-bottom:var(--space-l)}@media (max-width:734px){#home-hero-buttons{flex-direction:row}}@media (max-width:480px){#home-hero-buttons{align-items:center;flex-direction:column}}.home-all-in-one-icon{height:32px;margin-bottom:8px;width:32px}@media (max-width:1068px){#home-manifesto{padding-bottom:var(--space-8xl)}}@media (max-width:734px){#home-manifesto{padding-top:var(--space-2xl)}}@media (max-width:480px){#home-manifesto{padding-bottom:var(--space-2xl)}}#home-manifesto-container{background-position:top center;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative}@media (max-width:1280px){#home-manifesto-container{padding-bottom:var(--space-10xl);padding-top:var(--space-10xl)}}@media (max-width:1068px){#home-manifesto-container{gap:var(--space-xl);padding:var(--space-6xl)}}@media (max-width:734px){#home-manifesto-container{background-position:top right;background-size:auto 500px;border:1px solid var(--line-color);padding:400px 32px 40px}}@media (max-width:734px){#home-manifesto-container *{z-index:1}}@media (max-width:734px){#home-manifesto-container::before{background:linear-gradient(to bottom,rgba(255,255,255,0) 20%,#fff 375px);content:'';height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}}#home-manifesto-text-container{max-width:350px;width:100%}@media (max-width:1068px){#home-manifesto-text-container{gap:var(--space-xl);max-width:300px}}@media (max-width:734px){#home-manifesto-text-container{color:var(--title-color);gap:var(--space-l);max-width:100%}}@media (max-width:1068px){#home-manifesto-text{gap:20px}}@media (max-width:1068px){#logo-grid{gap:var(--space-2xl);padding:var(--space-3xl) var(--space-8xl) var(--space-6xl)}}@media (max-width:480px){#logo-grid{gap:var(--space-l);padding:var(--space-2xl) 0}}#logo-grid-title{max-width:1068px;width:100%}.logo-grid-item{height:auto;width:100%}@media (max-width:1068px){#home-cases{gap:var(--space-3xl)}}@media (max-width:480px){#home-cases{padding-bottom:var(--space-4xl)}}@media (max-width:480px){#home-regulation{padding-top:var(--space-4xl)}}@media (max-width:734px){#home-regulation-title-container{gap:var(--space-xl)}}@media (max-width:480px){#home-regulation-title-container{gap:var(--space-l)}}.home-regulation-list{box-sizing:border-box;max-width:768px}@media (max-width:1068px){.home-regulation-list{max-width:87.5vw}}@media (max-width:734px){.home-regulation-list{align-items:center}}@media (max-width:480px){.home-regulation-list{gap:var(--space-s)}}@media (max-width:480px){.home-regulation-list-item{width:90%}}#home-fitch-container{background-image:url("/static/home/home-fitch-bg.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:var(--radius-xl);box-sizing:border-box;min-height:570px;overflow:hidden;padding-left:50%;position:relative}@media (max-width:1068px){#home-fitch-container{padding-left:45%}}@media (max-width:734px){#home-fitch-container{gap:var(--space-xl);justify-content:center;padding:var(--space-6xl) var(--space-3xl) var(--space-6xl) 50%;background-position:top left;background-size:140% auto;border:1px solid var(--line-color);padding:270px 32px 40px}}@media (max-width:734px){#home-fitch-container *{z-index:1}}@media (max-width:734px){#home-fitch-container::before{background:linear-gradient(to bottom,rgba(255,255,255,0) 20%,#fff 230px);content:'';height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}}@media (max-width:734px){#home-fitch-container h4{color:var(--title-color)}}#home-fitch-text-container{gap:var(--space-l)}@media (max-width:734px){#home-fitch-text-container{gap:var(--space-s)}}@media (max-width:734px){#home-numbers{padding-top:var(--space-8xl)}}@media (max-width:480px){#home-numbers{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}@media (max-width:480px){#home-numbers > div{gap:var(--space-4xl)}}#home-numbers-title{max-width:680px}#home-numbers-list{flex-direction:row;width:100%}@media (max-width:1068px){#home-numbers-list{flex-direction:column;gap:var(--space-2xl)}}@media (max-width:480px){#home-numbers-list{gap:var(--space-6xl)}} #investor-relations-hero-banner{background-position:center;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;height:100vh;margin-top:0;position:relative}@media (max-width:734px){#investor-relations-hero-banner{background-image:none !important;height:auto;overflow-x:hidden;padding-bottom:0;padding-top:0}}#investor-relations-hero-banner::before{background:linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(0,0,0,0.8) 100%),linear-gradient(0deg,rgba(0,0,0,0) 45%,#000 80%);content:'';height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}@media (max-width:734px){#investor-relations-hero-banner::before{background:linear-gradient(0deg,rgba(0,0,0,0) 60%,rgba(0,0,0,0.8) 100%)}}@media (max-width:734px){#investor-relations-hero-banner > div{padding-bottom:var(--space-4xl);padding-top:var(--space-6xl)}}#investor-relations-hero-banner-image-mobile{display:none}@media (max-width:734px){#investor-relations-hero-banner-image-mobile{display:block;width:120%}}@media (max-width:734px){#investor-relations-hero-banner-title,#investor-relations-hero-banner-subtitle{color:var(--title-color) !important}}@media (max-width:734px){#investor-relations-hero-banner-title{font-size:40px;line-height:1.2}}@media (max-width:734px){#investor-relations-hero-banner-subtitle{font-size:17px;line-height:1.2}}#investor-relations-main{margin-top:0}@media (max-width:1024px){#investor-relations-main{padding:var(--space-8xl) 0}}@media (max-width:734px){#investor-relations-main{padding-top:0}}#investor-relations-main h4{margin-bottom:var(--space-l)}.investor-relations-download-link{cursor:pointer}.investor-relations-download-icon{height:24px;width:24px}@media (max-width:734px){.investor-relations-doc-title{align-items:flex-start;gap:var(--space-xs)}}@media (max-width:734px){.investor-relations-doc-content{gap:var(--space-m)}}.investor-relations-doc-tag{background-color:#d6f4ff;border:none;border-radius:var(--radius-l);color:#004b66;font-size:12px;line-height:1;padding:5px 10px}@media (max-width:734px){.investor-relations-card{flex-direction:row;justify-content:flex-start}}@media (max-width:1100px){#investor-relations-cards-container > div{width:50%}}@media (max-width:734px){#investor-relations-cards-container > div{width:100%}} .tab-container{position:relative}.tab-container .options-button{display:none;margin:20px 0;color:var(--action-or-selection-color);cursor:pointer;width:fit-content}@media (max-width:595px){.tab-container .options-button{display:flex;gap:8px}}.tab-bar{width:100%;overflow:hidden;margin:29px 0;border-bottom:1px solid var(--line-color)}@media (max-width:595px){.tab-bar{display:none;border:1px solid var(--border-color);border-radius:4px;width:fit-content;background-color:var(--view-background-color);position:absolute;z-index:1;top:18px}}.tab-bar-item{float:left;cursor:pointer;color:var(--title-color);line-height:1.5;padding:13px 10px;font-size:16px;border-bottom:1px solid transparent}@media (max-width:560px){.tab-bar-item{border-bottom:0}}.tab-bar-item .badge{line-height:1;min-width:10px;padding:3px 7px;margin-left:8px;color:var(--text-color);white-space:nowrap;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;background-color:var(--menu-background-color);display:none}.tab-bar-item.active{font-weight:bold;color:var(--action-or-selection-color);border-color:var(--action-or-selection-color)}.tab-bar-item.active .badge{color:var(--view-background-color);background-color:var(--action-or-selection-color)}@media (max-width:595px){.tab-bar-item{float:none;display:block}}.legal-pdf-preview-wrapper{position:relative;aspect-ratio:596/842} .not-found-image{width:300px;height:300px;margin:auto}@media (max-width:700px){.not-found-image{width:60%;height:auto}}.not-found-icon{width:auto;height:32px;margin:auto} section.payments-section{--payments-secondary-text-color:#313233;--payments-metric-label-color:#505152}@media (max-width:734px){section.payments-section{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}.payments-section-title .section-title-text{color:var(--title-basic-color)}@media (max-width:734px){.payments-section-title .section-title-text{font-size:34px;letter-spacing:-.015em;line-height:38px}}.payments-section-title .section-title-subtitle{color:var(--text-basic-color)}@media (max-width:734px){.payments-section-title .section-title-subtitle{color:var(--text-accent-color);font-size:21px;font-weight:500;letter-spacing:-.01em;line-height:28px}}@media (max-width:734px){.payments-cta{width:100%}}.payments-hero{height:802px;overflow:hidden;padding-bottom:458px;padding-top:75px}@media (max-width:734px){.payments-hero{height:auto;justify-content:flex-start;padding-bottom:0;padding-top:0}}.payments-hero-media{display:block;inset:0;overflow:hidden;position:absolute}@media (max-width:734px){.payments-hero-media{aspect-ratio:440/481;inset:auto;position:relative;width:100%}}.payments-hero-video{display:block;height:100%;object-fit:cover;object-position:center;width:100%}@media (max-width:734px){.payments-hero-video{height:auto;left:-87.488009%;position:absolute;top:-53.014553%;width:268.462216%}}.payments-hero-content{position:relative;z-index:1}@media (max-width:734px){.payments-hero-content{gap:var(--space-6xl);max-width:100%;padding:var(--space-6xl) var(--space-xl)}}.payments-hero-content .payments-cta{align-items:center;border:0;color:var(--text-inverse-color);display:flex;font-weight:600;height:60px;justify-content:center;padding:0 var(--space-xl)}.payments-hero-title{color:var(--text-accent-color);font-size:56px;letter-spacing:-.03em;line-height:60px}@media (max-width:734px){.payments-hero-title{color:#000;font-size:48px;letter-spacing:-.02em;line-height:54px}}.payments-cost-centers-picture{border:1px solid var(--line-color);box-sizing:border-box;display:block;margin-top:var(--space-2xl);overflow:hidden}@media (max-width:734px){.payments-cost-centers-picture{border:0;border-radius:0;margin-left:-6.25vw;margin-top:0;order:-1;width:100vw}}.payments-cost-centers-image{aspect-ratio:1192/584;display:block;object-fit:cover;object-position:center;width:100%}@media (max-width:734px){.payments-cost-centers-image{aspect-ratio:440/294}}.payments-cost-centers-cta{margin-top:var(--space-2xl)}@media (max-width:734px){.payments-cost-centers-cta{margin-top:0}}@media (max-width:734px){section#payments-cost-centers{padding-top:0}.payments-cost-centers-heading{margin-top:var(--space-2xl)}}@media (max-width:734px){div.payments-metrics-list{align-items:stretch;gap:var(--space-6xl)}}.payments-metric{flex:1 1 0;min-width:0}.payments-metric-value{color:var(--text-basic-color);font-size:48px;font-weight:600;letter-spacing:-.02em;line-height:54px}.payments-metric-label{color:var(--payments-metric-label-color);font-size:16px;letter-spacing:.005em;line-height:22px}.payments-entries-grid{display:grid;gap:var(--space-2xl);grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1068px){.payments-entries-grid{gap:var(--space-l);grid-template-columns:minmax(0,1fr)}}@media (max-width:1068px){.payments-entries-column{gap:var(--space-l)}}.payments-entry-card{background-color:var(--text-inverse-color);border:1px solid var(--line-color);box-sizing:border-box;overflow:hidden;padding:var(--space-3xl) var(--space-3xl) var(--space-8xl);position:relative}@media (max-width:734px){.payments-entry-card{padding:var(--space-2xl)}}.payments-entry-card-short{min-height:246px}@media (max-width:1068px){.payments-entry-card-short{min-height:0}}.payments-entry-card-tall{min-height:488px}@media (max-width:1068px){.payments-entry-card-tall{min-height:0}}.payments-entry-card-title{color:var(--text-accent-color);font-size:32px;letter-spacing:0;line-height:40px}@media (max-width:734px){.payments-entry-card-title{font-size:28px;letter-spacing:-.02em;line-height:32px}}.payments-entry-card-subtitle{color:var(--text-accent-color);font-size:16px;letter-spacing:.005em;line-height:22px}@media (max-width:734px){.payments-entry-card-subtitle{color:var(--payments-secondary-text-color);font-size:17px;font-weight:500;letter-spacing:.01em;line-height:24px}}.payments-entry-card-text{position:relative;z-index:1}.payments-entry-card-media{display:block;position:absolute}@media (max-width:1068px){.payments-entry-card-media{margin-top:var(--space-l);position:relative}}.payments-entry-card-media img{position:absolute}.payments-entry-card-media-drag{aspect-ratio:299.2/240;left:23.05%;top:36.07%;width:52.13%}@media (max-width:1068px){.payments-entry-card-media-drag{left:auto;margin-left:auto;margin-right:auto;top:auto;width:91.22%}}.payments-entry-card-media-drag img{height:136.39%;left:-14.6%;top:-14.45%;width:117.87%}.payments-entry-card-media-mailbox{aspect-ratio:433.17/235;left:15.16%;top:37.7%;width:75.46%}@media (max-width:1068px){.payments-entry-card-media-mailbox{left:auto;top:auto;width:100%}}.payments-entry-card-media-mailbox img{height:127.23%;left:-4.85%;top:-7.23%;width:111.73%}@media (max-width:1068px){.payments-entry-card-drag{order:-1}}#payments-approval{min-height:978px}@media (max-width:734px){#payments-approval{min-height:0}}#payments-approval .page-content-container{gap:458px;position:static}@media (max-width:734px){#payments-approval .page-content-container{gap:var(--space-2xl);position:relative}}#payments-approval-title,#payments-approval-cards{position:relative;z-index:1}.payments-approval-picture{aspect-ratio:1440/978;display:block;left:0;margin:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}@media (max-width:734px){.payments-approval-picture{aspect-ratio:392/266.2333374023;left:auto;position:relative;top:auto}}.payments-approval-image{aspect-ratio:5/3;display:block;height:auto;left:20.60575264%;position:absolute;top:20.78689826%;width:58.78849118%}@media (max-width:734px){.payments-approval-image{left:-14.1878125%;top:-7.78380921%;width:123.46939158%}}.payments-methods-cards{--feature-cards-gap:var(--space-l)}#payments-developers{height:628px}@media (max-width:734px){#payments-developers{border-radius:0;height:auto}}#payments-developers .contained-banner-content{gap:var(--space-l)}@media (max-width:734px){#payments-developers .contained-banner-content{padding:var(--space-3xl) var(--space-xl) 0}}#payments-developers .contained-banner-actions{margin-top:var(--space-l)}#payments-developers .contained-banner-title{font-size:48px;letter-spacing:-.03em;line-height:52px}@media (max-width:734px){#payments-developers .contained-banner-title{font-size:32px;letter-spacing:-.02em;line-height:36px}}#payments-developers .contained-banner-subtitle{font-size:21px;font-weight:500;letter-spacing:-.01em;line-height:28px}@media (max-width:734px){section#payments-developers-container{padding-bottom:var(--space-8xl);padding-top:0}#payments-developers .contained-banner-picture{height:106vw}}#payments-approval-cards .feature-cards-card-title{font-size:20px;letter-spacing:-.005em;line-height:26px}@media (max-width:734px){#payments-approval-cards .feature-cards-card-title{font-size:21px}}@media (min-width:1069px){.payments-methods-cards .feature-cards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:734px){#payments-entries-title .section-title-text,#payments-approval-title .section-title-text,#payments-methods-title .section-title-text{font-size:32px}} .pix-subscription-container{padding-left:var(--space-15xl);padding-right:var(--space-15xl)}@media (max-width:1068px){.pix-subscription-container{padding-left:var(--space-4xl);padding-right:var(--space-4xl)}}@media (max-width:734px){.pix-subscription-container{padding-left:var(--space-xl);padding-right:var(--space-xl)}}.pix-subscription-section{padding-bottom:var(--space-14xl);padding-top:var(--space-14xl)}@media (max-width:1068px){.pix-subscription-section{padding-bottom:var(--space-8xl);padding-top:var(--space-8xl)}}.pix-subscription-button{font-size:20px;width:fit-content}@media (max-width:734px){.pix-subscription-button{box-sizing:border-box;font-size:18px;width:100%}}.pix-subscription-wrapper{margin:0 auto;max-width:75%;width:100%}@media (max-width:1068px){.pix-subscription-wrapper{max-width:90%}}@media (max-width:768px){.pix-subscription-wrapper{max-width:none}}.pix-subscription-banner{position:relative}#pix-subscription-banner-video{display:block;position:relative;width:100%}@media (max-width:1068px){#pix-subscription-banner-video{display:none}}#pix-subscription-banner-video-mobile{display:none;position:relative;width:100%}@media (max-width:1068px){#pix-subscription-banner-video-mobile{display:block}}@media (max-width:734px){#pix-subscription-banner-video-mobile{margin-top:0}}.pix-subscription-banner-content{bottom:13%;position:absolute}@media (max-width:1068px){.pix-subscription-banner-content{bottom:0;display:flex;flex-direction:column;gap:var(--space-xl);padding-bottom:var(--space-4xl);padding-top:var(--space-4xl);position:relative}}.pix-subscription-banner-content-mobile{display:none}@media (max-width:1068px){.pix-subscription-banner-content-mobile{display:block}}@media (max-width:500px){.pix-subscription-banner-content h1{font-size:48px;line-height:56px}}.pix-subscription-banner-content p{margin:0 auto 24px;max-width:400px}@media (max-width:1340px){.pix-subscription-banner-content p{font-size:18px;line-height:26px;margin-bottom:18px;max-width:380px}}@media (max-width:1068px){.pix-subscription-banner-content p{color:var(--title-color);font-size:16px;font-weight:200;margin-bottom:0;max-width:none}}.pix-subscription-banner-content a{margin:0 auto}.pix-subscription-ebook{align-items:center;background-color:var(--menu-background-color);display:flex;flex-direction:row;gap:var(--space-6xl)}@media (max-width:1068px){.pix-subscription-ebook{gap:var(--space-2xl)}}@media (max-width:768px){.pix-subscription-ebook{flex-direction:column}}.pix-subscription-ebook-text-column{border:none;display:flex;flex-direction:column;gap:24px;width:calc(50% - 16px)}@media (max-width:768px){.pix-subscription-ebook-text-column{width:100%}}#pix-subscription-ebook-headline{font-weight:600;margin-bottom:4px}@media (max-width:1068px){#pix-subscription-ebook-headline{font-size:20px;line-height:28px}}@media (max-width:1068px){#pix-subscription-ebook-title{font-size:40px;line-height:48px}}.pix-subscription-ebook-form-column{border:1px solid var(--line-color);border-radius:16px;padding:40px;width:calc(50% - 16px)}@media (max-width:768px){.pix-subscription-ebook-form-column{box-sizing:border-box;width:100%}}#pix-subscription-ebook-form{border-radius:16px;box-sizing:border-box;flex-wrap:wrap;gap:24px}.pix-subscription-ebook-item .input,.pix-subscription-ebook-item select{background:var(--view-background-color);border-radius:12px;box-sizing:border-box}@-moz-document url-prefix(){text-indent:3px}.pix-subscription-ebook-item #phone-view > div{align-items:center;gap:8px;grid-template-columns:90px 1fr}.pix-subscription-ebook-item #phone-view select{background-position:64px center;background-repeat:no-repeat}.pix-subscription-ebook-item{box-sizing:border-box;width:100%}.pix-subscription-ebook-item a{font-weight:500;text-decoration:underline}#pix-subscription-ebook-agreement-container{gap:var(--space-xs)}@media (max-width:768px){#pix-subscription-ebook-agreement-container{flex-direction:row}}#pix-subscription-ebook-submit-area{gap:20px;justify-content:flex-end;width:100%}#pix-subscription-ebook-success{align-items:flex-start;gap:var(--space-l);padding:var(--space-3xl) 0;text-align:left}#pix-subscription-ebook-success-title{margin-bottom:var(--space-l)}#pix-subscription-ebook-success-subtitle{margin-bottom:var(--space-xl)}#pix-subscription-content{gap:var(--space-6xl);padding-bottom:var(--space-6xl);padding-top:var(--space-15xl)}@media (max-width:1068px){#pix-subscription-content{padding-top:var(--space-8xl)}}#pix-subscription-content-video{display:block}@media (max-width:734px){#pix-subscription-content-video{display:none}}#pix-subscription-content-video-mobile{display:none}@media (max-width:734px){#pix-subscription-content-video-mobile{display:block}}#pix-subscription-content-boxes{align-items:stretch;gap:32px}@media (max-width:1068px){#pix-subscription-content-boxes{flex-wrap:wrap}}#pix-subscription-content-boxes > div{border:none;display:flex;flex-direction:column;gap:4px}@media (max-width:1068px){#pix-subscription-content-boxes > div{box-sizing:border-box;width:calc(50% - 16px)}}@media (max-width:768px){#pix-subscription-content-boxes > div{width:100%}}#pix-subscription-content-title{font-size:40px;line-height:48px}@media (max-width:1068px){#pix-subscription-content-title{font-size:48px;line-height:56px}}@media (max-width:734px){#pix-subscription-content-title{font-size:40px;line-height:48px}}#pix-subscription-cta{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}@media (max-width:1068px){#pix-subscription-cta{padding:0}}.pix-subscription-cta-container{background:linear-gradient(96deg,rgba(0,0,0,0) 40.5%,rgba(0,0,0,0.22) 55.3%),url("/static/pix-subscription/pix-subscription-cta.jpg");background-position:center;background-size:cover;gap:16px;height:630px;justify-content:center;padding-left:50%;padding-right:var(--space-15xl)}@media (max-width:1068px){.pix-subscription-cta-container{background:none;height:auto;padding:var(--space-4xl)}}@media (max-width:734px){.pix-subscription-cta-container{padding-left:var(--space-xl);padding-right:var(--space-xl)}}#pix-subscription-cta-mobile-image{display:none}@media (max-width:1068px){#pix-subscription-cta-mobile-image{display:block}}@media (max-width:1068px){#pix-subscription-cta-title{color:var(--title-color) !important;font-size:32px;line-height:40px;text-align:center}}#pix-subscription-cta-subtitle{margin-bottom:16px}@media (max-width:1068px){#pix-subscription-cta-subtitle{color:var(--title-color) !important;text-align:center}}@media (max-width:1068px){#pix-subscription-cta-button{margin-left:auto;margin-right:auto}}@media (max-width:734px){#pix-subscription-cta-button{font-size:20px}}#pix-subscription-segments{gap:var(--space-6xl)}@media (max-width:1068px){#pix-subscription-segments-title{font-size:40px;line-height:48px;margin-bottom:16px}}@media (max-width:734px){#pix-subscription-segments-title{font-size:32px;line-height:40px}}@media (max-width:734px){#pix-subscription-segments-subtitle{font-size:16px;line-height:24px}}#pix-subscription-segments-boxes{gap:var(--space-2xl)}@media (max-width:1068px){#pix-subscription-segments-boxes{gap:20px}}.pix-subscription-segments-boxes-row{align-items:stretch;gap:var(--space-2xl)}@media (max-width:1068px){.pix-subscription-segments-boxes-row{gap:20px}}@media (max-width:734px){.pix-subscription-segments-boxes-row{gap:var(--space-3xl)}}@media (max-width:768px){.pix-subscription-segments-boxes-row > div:nth-child(2),.pix-subscription-segments-boxes-row > div:nth-child(4),.pix-subscription-segments-boxes-row > div:nth-child(5){flex-direction:column-reverse}}.pix-subscription-segment-image{aspect-ratio:1/1;background-position:center;background-size:cover;width:100%}.pix-subscription-segment-image-wide{aspect-ratio:5/4;background-position:center;background-size:cover;width:100%}@media (max-width:1068px){.pix-subscription-segment-image-wide{aspect-ratio:1/1}}.pix-subscription-segments-item{border:none;display:flex;gap:var(--space-l)}@media (max-width:734px){.pix-subscription-segments-item{gap:20px}}.pix-subscription-segments-item .flex-container-1-item{box-sizing:border-box;flex-grow:1}@media (max-width:1068px){.pix-subscription-segments-item .flex-container-1-item{height:var(--space-9xl);padding:0 16px !important}}@media (max-width:500px){#pix-subscription-segments-cta{display:none}}#pix-subscription-benefits{background-position:top center;background-size:cover;gap:var(--space-10xl);position:relative}#pix-subscription-benefits::after{background:linear-gradient(180deg,rgba(5,5,5,0.3) 25%,rgba(0,0,0,0) 50%);content:'';height:100%;left:0;position:absolute;top:0;width:100%}#pix-subscription-benefits > div{gap:var(--space-l);z-index:1}@media (max-width:1068px){#pix-subscription-benefits-title{font-size:48px;line-height:56px;margin-bottom:16px}}@media (max-width:500px){#pix-subscription-benefits-title{font-size:32px;line-height:40px}}#pix-subscription-benefits-boxes{justify-content:center}#pix-subscription-benefits-boxes > div{box-sizing:border-box;gap:var(--space-xs);padding:var(--space-5xl) var(--space-8xl);width:calc(50% - 8px)}@media (max-width:1068px){#pix-subscription-benefits-boxes > div{box-sizing:border-box;padding:var(--space-3xl);width:100%}}#pix-subscription-benefits-boxes h3{font-size:32px;line-height:40px}@media (max-width:1068px){#pix-subscription-benefits-boxes h3{font-size:28px;line-height:36px}}#pix-subscription-benefits-boxes img{margin-bottom:var(--space-xl)}@media (max-width:1068px){#pix-subscription-sales-cta{background-size:cover;padding-bottom:var(--space-7xl);padding-left:50%;padding-right:var(--space-4xl);padding-top:var(--space-7xl)}}@media (max-width:734px){#pix-subscription-sales-cta{background-image:none !important;padding:var(--space-3xl) var(--space-xl)}}#pix-subscription-sales-cta-image-mobile{display:none}@media (max-width:734px){#pix-subscription-sales-cta-image-mobile{background-position:0;background-size:auto 100%;display:block;height:auto;max-width:100%;min-height:450px}}@media (max-width:1068px){#pix-subscription-sales-cta-title{font-size:48px;line-height:56px}}@media (max-width:734px){#pix-subscription-sales-cta-title{font-size:32px;line-height:40px}}#pix-subscription-sales-cta-title,#pix-subscription-sales-cta-subtitle{text-align:left}@media (max-width:1068px){#pix-subscription-sales-cta-title,#pix-subscription-sales-cta-subtitle{text-align:right}}@media (max-width:734px){#pix-subscription-sales-cta-title,#pix-subscription-sales-cta-subtitle{text-align:center}}@media (max-width:1068px){#pix-subscription-sales-cta-button{margin-left:auto;margin-right:0}}@media (max-width:1068px){#pix-subscription-how-it-works-title{font-size:48px;line-height:56px;margin-bottom:16px}}@media (max-width:734px){#pix-subscription-how-it-works-title{font-size:40px;line-height:48px}}#pix-subscription-qr-code-cards{gap:var(--space-2xl);padding-top:var(--space-5xl)}#pix-subscription-qr-code-cards > div{align-items:stretch;gap:var(--space-l)}.pix-subscription-qr-code-image{aspect-ratio:294/169;background-color:#f0f2f5;background-repeat:no-repeat;background-size:100% auto;background-position:center}@media (max-width:1068px){.pix-subscription-qr-code-image{min-width:50%}}.pix-subscription-qr-code-text{gap:8px;justify-content:center;padding:64px}@media (max-width:1068px){.pix-subscription-qr-code-text{flex-shrink:1;padding:var(--space-3xl)}}@media (max-width:734px){.pix-subscription-qr-code-text{box-sizing:border-box}}@media (max-width:500px){.pix-subscription-qr-code-text{width:100%}}.pix-subscription-qr-code-text h3{font-size:32px;line-height:40px}@media (max-width:1068px){.pix-subscription-qr-code-text h3{font-size:28px;line-height:36px}}@media (max-width:734px){.pix-subscription-qr-code-text h3{font-size:20px;line-height:28px}}.pix-subscription-qr-code-text p{font-size:20px;line-height:28px}@media (max-width:734px){.pix-subscription-qr-code-text p{font-size:16px;line-height:24px}}#pix-subscription-retention{gap:var(--space-3xl);padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}.pix-subscription-retention-card-container{display:flex;justify-content:center;gap:var(--space-3xl)}@media (max-width:1068px){.pix-subscription-retention-card-container{flex-direction:column;gap:var(--space-xl)}}@media (max-width:734px){.pix-subscription-retention-card-container{gap:var(--space-l)}}.pix-subscription-retention-card{aspect-ratio:9/16;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:585px;padding:40px;position:relative}@media (max-width:1068px){.pix-subscription-retention-card{aspect-ratio:16/9;background-position:center bottom;justify-content:center;height:auto;padding-right:35%;width:100%}}@media (max-width:768px){.pix-subscription-retention-card{aspect-ratio:3/4;background-position:bottom right;justify-content:start;max-height:80vh;padding:40px}}#pix-subscription-retention-automation{background-image:url("/static/pix-subscription/pix-subscription-retention-automation.jpg")}@media (max-width:1068px){#pix-subscription-retention-automation{background-image:url("/static/pix-subscription/pix-subscription-retention-automation-mobile.jpg")}}@media (max-width:768px){#pix-subscription-retention-automation{background-image:url("/static/pix-subscription/pix-subscription-retention-automation.jpg")}}#pix-subscription-retention-efficiency{background-image:url("/static/pix-subscription/pix-subscription-retention-efficiency.jpg")}@media (max-width:1068px){#pix-subscription-retention-efficiency{background-image:url("/static/pix-subscription/pix-subscription-retention-efficiency-mobile.jpg")}}@media (max-width:768px){#pix-subscription-retention-efficiency{background-image:url("/static/pix-subscription/pix-subscription-retention-efficiency.jpg")}}#pix-subscription-retention-retry{background-image:url("/static/pix-subscription/pix-subscription-retention-retry.jpg")}@media (max-width:1068px){#pix-subscription-retention-retry{background-image:url("/static/pix-subscription/pix-subscription-retention-retry-mobile.jpg")}}@media (max-width:768px){#pix-subscription-retention-retry{background-image:url("/static/pix-subscription/pix-subscription-retention-retry.jpg")}}.pix-subscription-retention-card *{position:relative;z-index:1}@media (max-width:1068px){#pix-subscription-retention-efficiency::after{background:linear-gradient(270deg,rgba(0,0,0,0) 38.21%,rgba(0,0,0,0.42) 64.91%);border-radius:16px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}}@media (max-width:768px){#pix-subscription-retention-efficiency::after{content:none}}#pix-subscription-retention-title{font-size:48px;line-height:56px}@media (max-width:1068px){#pix-subscription-retention-title{font-size:40px;line-height:48px}}@media (max-width:734px){#pix-subscription-retention-title{font-size:32px;line-height:40px}}@media (max-width:1068px){.pix-subscription-retention-card p{font-size:20px;line-height:28px}}.pix-subscription-retention-card h4{font-size:32px;line-height:40px}@media (max-width:1068px){.pix-subscription-retention-card h4{font-size:28px;line-height:36px}} .pricing-container{border:1px solid var(--line-color)}.pricing-table{display:flex;flex-direction:column;margin:auto;width:100%}.pricing-table-row{display:flex;width:100%;padding:8px 0}.pricing-table-paint{background-color:var(--menu-background-color)}.pricing-table-row-key{width:50%;margin:0;color:var(--text-color);font-size:20px}.pricing-table-row-value{width:50%;margin:0;color:var(--title-color);font-size:22px} .header-promotion-pix-container{display:flex;flex-direction:column;gap:40px;padding:20px 124px;position:fixed;top:0;left:0;right:0;width:-webkit-fill-available;width:-moz-available;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,0.5)}@media (max-width:1270px){.header-promotion-pix-container{height:auto;padding:30px 62px}}@media (max-width:750px){.header-promotion-pix-container{padding:30px 31px}}@media (max-width:580px){.header-promotion-pix-container{padding:30px 8px}}@media (max-width:400px){.header-promotion-pix-container{padding:30px 24px}}#header-promotion-pix-open-menu-button{cursor:pointer}.header-promotion-pix-top-section{display:flex;justify-content:space-between;align-items:center;gap:40px}.header-promotion-pix-logo-container{display:flex;cursor:pointer}.header-promotion-pix-logo{width:220px}@media (max-width:480px){.header-promotion-pix-logo{width:180px}}.header-promotion-pix-button-container{display:flex;gap:1rem}@media (max-width:1300px){.header-promotion-pix-button-container{display:none}}.header-promotion-pix-options{display:flex;justify-content:space-evenly;padding:0 16px;width:100%}@media (max-width:1350px){.header-promotion-pix-options{padding:0}}@media (max-width:1300px){.header-promotion-pix-options{display:none}}.header-promotion-pix-link{cursor:pointer;height:20px;font-size:14px;border-bottom:2px solid transparent;color:#fff;font-family:"Pretendard";font-size:14px;font-style:normal;font-weight:400;line-height:150%}.header-promotion-pix-link:hover{border-bottom:2px solid #fff}.header-promotion-pix-register-button{width:130px}.header-promotion-pix-menu-icon{display:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:1300px){.header-promotion-pix-menu-icon{display:block}}.header-promotion-pix-mobile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,0.9);color:#fff;height:0;width:100%;position:fixed;z-index:2;top:0;right:0;overflow-x:hidden;transition:.7s;text-align:end}.header-promotion-pix-mobile-link-container{display:flex;flex-direction:column;align-items:flex-end;gap:1rem;padding:30px 124px;padding-top:100px}@media (max-width:1270px){.header-promotion-pix-mobile-link-container{padding:70px 62px}}@media (max-width:750px){.header-promotion-pix-mobile-link-container{padding:90px 31px}}@media (max-width:580px){.header-promotion-pix-mobile-link-container{padding:80px 8px}}@media (max-width:400px){.header-promotion-pix-mobile-link-container{padding:60px 24px}}.header-promotion-pix-mobile-link{padding:10px 0;font-size:20px;color:#fff;display:block;transition:.3s;white-space:nowrap;cursor:pointer;border-bottom:2px solid transparent}.header-promotion-pix-mobile-link:hover{border-bottom:2px solid #fff}.header-promotion-pix-mobile-button-container{padding:25px 100px;display:flex;justify-content:end;-webkit-justify-content:flex-end;gap:1rem}@media (max-width:1270px){.header-promotion-pix-mobile-button-container{height:auto;padding:25px 62px}}@media (max-width:750px){.header-promotion-pix-mobile-button-container{padding:25px 31px}}@media (max-width:580px){.header-promotion-pix-mobile-button-container{padding:25px 8px}}@media (max-width:400px){.header-promotion-pix-mobile-button-container{padding:25px 24px}}.header-promotion-pix-signin-mobile-button,.header-promotion-pix-register-mobile-button{width:50%;border-radius:100px}.header-promotion-pix-mobile-close-button{position:absolute;top:25px;right:10px;font-size:36px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:400px){.header-promotion-pix-mobile-close-button{top:25px;right:25px}}@media (max-width:1270px){.header-promotion-pix-mobile-close-button{top:25px;right:65px}}@media (max-width:750px){.header-promotion-pix-mobile-close-button{top:25px;right:31px}}@media (max-width:580px){.header-promotion-pix-mobile-close-button{top:25px;right:8px}}@media (max-width:400px){.header-promotion-pix-mobile-close-button{top:25px;right:24px}}.sticky{position:fixed;top:0;left:0;right:0;width:100%;box-sizing:border-box;padding:30px 8%;background-color:rgba(27,39,51,0.871);z-index:1}.promotion-menu-active{border-bottom:2px solid #fff}.regulation-description-details-topic-container{list-style-type:none;padding:0} #promote-comparative-yield{border:none}@media (min-width:768px){#promote-comparative-yield{width:calc(2 * 100% / 3 - 16px)}}#corporate-card-promotion-subtitle{width:40%}@media (max-width:768px){#corporate-card-promotion-subtitle{width:90%}}#promote-comparative-statement{background-color:#e8f5e9}@media (min-width:768px){#promote-comparative-statement{width:calc(1 * 100% / 3 - 16px)}}.promotion-corporate-card-bottom-banner{width:100%;height:730px;background-image:url("/static/promotion/corporate-card-peace-in-mind-ak8u25.png");background-repeat:no-repeat;background-size:cover;background-position:left center}.corporate-card-promotion-title{text-align:center} .marker{padding:10px;border:1px solid #f00}.promotion-flex{display:flex;flex-direction:column}.promotion-header{display:flex;justify-content:space-between;align-items:center;gap:56px;padding:16px 124px}.promotion-header-options{display:flex;justify-content:space-between;width:100%}.promo-text-uppercase{text-transform:uppercase}.promo-text-default{color:#1d1d1f}.promo-text-inverse{color:#fff}.promo-text-center{text-align:center}.promo-text-regular{font-weight:200;line-height:1.4em}.promo-text-regular{font-weight:400}.promo-text-bold{font-weight:600}.promo-text-xsmall{font-size:14px}.promo-text-small{font-size:16px}.promo-text-medium{font-size:20px}@media (max-width:480px){.promo-text-medium{font-size:14px}}.promo-text-large{font-size:24px;line-height:1.4em}@media (max-width:480px){.promo-text-large{font-size:18px}}@media (max-width:1200px){.promo-text-large{font-size:20px}}.promo-text-xlarge{font-size:40px;line-height:1.2em}@media (max-width:480px){.promo-text-xlarge{font-size:28px}}.promo-text-xxlarge{font-size:75px}@media (max-width:480px){.promo-text-xxlarge{font-size:43px}}.promo-disable-text-select{-ms-user-select:none;-webkit-user-select:none;user-select:none}.promo-card-container{width:calc(100% / 4);padding:32px 40px;border-radius:24px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:24px;position:relative}@media (max-width:1225px){.promo-card-container{width:100%;box-sizing:border-box}}.promo-card-icon{width:100%;display:flex;justify-content:flex-start}.promo-card-container-setup-clip{height:480px;justify-content:space-between !important}@media (max-width:870px){.promo-card-container-setup-clip{height:550px}}@media (max-width:765px){.promo-card-container-setup-clip{height:460px}}@media (max-width:400px){.promo-card-container-setup-clip{height:390px}}.promo-card-inverse{border:1px solid #fff}.promo-card-default{border:1px solid var(--line-color)}.promo-card-bottom-image > img{width:100%}.promo-card-bottom-image-noclip > img{width:100%}@media (max-width:1225px){.promo-card-bottom-image-noclip > img{width:50%}}@media (max-width:700px){.promo-card-bottom-image-noclip > img{width:80%}}.promo-card-bottom-image-noclip{width:100%;display:flex;justify-content:center}.promo-card-bottom-image{position:absolute;right:0;bottom:32px;width:100%;box-sizing:border-box}.promo-image-clip-left{right:0;width:80%}@media (max-width:1225px){.promo-image-clip-left{width:40%;bottom:5%}}@media (max-width:870px){.promo-image-clip-left{width:70%;bottom:5%}}@media (max-width:765px){.promo-image-clip-left{width:80%}}.promo-image-clip-bottom{bottom:0;display:flex;justify-content:center;width:100%}.promo-image-clip-bottom > img{width:60%}@media (max-width:1225px){.promo-image-clip-bottom > img{width:30%}}@media (max-width:700px){.promo-image-clip-bottom > img{width:50%}}.promo-cards-container{display:flex;justify-content:space-between;gap:14px}@media (max-width:1225px){.promo-cards-container{flex-direction:column}} .promo-header-container{display:flex;flex-direction:column;gap:40px;background:#1b2733;position:fixed;width:100%;box-sizing:border-box;z-index:10;padding:var(--space-xl) var(--space-15xl)}@media (max-width:1255px){.promo-header-container{padding:var(--space-xl) var(--space-8xl)}}@media (max-width:870px){.promo-header-container{height:auto;padding:var(--space-xl) var(--space-3xl)}}@media (max-width:430px){.promo-header-container{padding:var(--space-xl) var(--space-xl)}}#promo-header-open-menu-button{cursor:pointer}.promo-header-top-section{display:flex;justify-content:space-between;align-items:center;gap:40px}.promo-header-logo-container{display:flex;cursor:pointer}.promo-header-logo{width:220px}@media (max-width:480px){.promo-header-logo{width:180px}}.promo-header-button-container{display:flex;gap:1rem}@media (max-width:1300px){.promo-header-button-container{display:none}}.promo-header-options{display:flex;justify-content:space-between;padding:0 16px;width:100%}@media (max-width:1350px){.promo-header-options{padding:0}}@media (max-width:1300px){.promo-header-options{display:none}}.promo-header-link{cursor:pointer;height:20px;color:#fff;font-size:14px;border-bottom:2px solid transparent}.promo-header-link:hover{border-bottom:2px solid #fff}.promo-header-signin-button,.promo-header-register-button{border-radius:100px;white-space:nowrap}.promo-header-signin-button,.promo-header-signin-mobile-button{background-color:var(--line-color);color:var(--action-or-selection-color)}.promo-header-menu-icon{display:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:1300px){.promo-header-menu-icon{display:block}}.promo-header-mobile-menu{background-color:#1b2733;color:#fff;height:0;width:100%;position:fixed;z-index:2;top:0;right:0;overflow-x:hidden;transition:.7s;text-align:end}.promo-header-mobile-link-container{display:flex;flex-direction:column;align-items:flex-end;gap:1rem;padding:30px 25px;padding-top:100px}.promo-header-mobile-link{padding:10px 0;font-size:20px;color:#fff;display:block;transition:.3s;white-space:nowrap;cursor:pointer;border-bottom:2px solid transparent}.promo-header-mobile-link:hover{border-bottom:2px solid #fff}.promo-header-mobile-button-container{padding:25px;display:flex;justify-content:end;gap:1rem}.promo-header-signin-mobile-button,.promo-header-register-mobile-button{width:fit-content;border-radius:100px;white-space:nowrap}@media (max-width:765px){.promo-header-signin-mobile-button,.promo-header-register-mobile-button{width:50%}}.promo-header-mobile-close-button{position:absolute;top:25px;right:25px;font-size:36px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sticky{position:fixed;top:0;left:0;right:0;width:100%;box-sizing:border-box;padding:30px 8%;background-color:rgba(27,39,51,0.871);z-index:1}.promo-promotion-menu-active{border-bottom:2px solid #fff}.promo-regulation-description-details-topic-container{list-style-type:none;padding:0} .contact-form-promotion-card{border:2px solid var(--line-color);background-color:var(--view-background-color);width:60%;border-radius:10px;padding:90px 30px;padding-bottom:45px}@media (max-width:1150px){.contact-form-promotion-card{width:auto}}@media (max-width:480px){.contact-form-promotion-card{width:100%;border:none;padding:40px 24px}}@media (max-width:480px){.contact-form-promotion-card{border-radius:0}}.contact-card-container{width:100%;display:flex;justify-content:start}@media (max-width:1150px){.contact-card-container{justify-content:center}}.promo-accordion-container{width:100%;gap:1rem;min-height:402px;display:flex;justify-content:center}#promo-pagination-view{margin-top:45px}.promo-accordion{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-bottom:2px solid var(--line-color)}.promo-accordion-header{display:flex;width:100%;text-align:left;justify-content:space-between;padding:20px;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}@media (max-width:430px){.promo-accordion-header{padding:20px 0}}.promo-accordion-header::after{background:url("/static/chevron-down-2kas12.svg") no-repeat;background-size:cover;content:'';width:20px;height:20px;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}.promo-accordion-content{padding:20px}@media (max-width:430px){.promo-accordion-content{padding:20px 0}}.promo-accordion-title{color:var(--title-color);font-size:20px;line-height:24px;font-weight:100;max-width:95%}.promo-accordion-description{color:var(--text-color);font-size:15px;line-height:18px}.promo-accordion-description-link{color:var(--action-or-selection-color);white-space:nowrap;font-size:15px} .header-hackathon-promotion-container{display:flex;flex-direction:column;gap:40px;background:#03245f;padding:40px 80px}@media (max-width:480px){.header-hackathon-promotion-container{height:auto;padding:30px 20px}}#header-hackathon-promotion-open-menu-button{cursor:pointer}.header-hackathon-promotion-top-section{display:flex;justify-content:space-between;align-items:center;gap:40px}.header-hackathon-promotion-logo-container{display:flex;cursor:pointer}.header-hackathon-promotion-logo{width:220px}@media (max-width:480px){.header-hackathon-promotion-logo{width:180px}}.header-hackathon-promotion-button-container{display:flex;gap:1rem}@media (max-width:1300px){.header-hackathon-promotion-button-container{display:none}}.header-hackathon-options{display:flex;justify-content:space-between;padding:0 16px;width:100%}@media (max-width:1350px){.header-hackathon-options{padding:0}}@media (max-width:1300px){.header-hackathon-options{display:none}}.header-hackathon-promotion-link{cursor:pointer;height:20px;color:#fff;font-size:14px;border-bottom:2px solid transparent}.header-hackathon-promotion-link:hover{border-bottom:2px solid #fff}.header-hackathon-signin-button,.header-hackathon-register-button{width:100px;border-radius:100px}.header-hackathon-signin-button,.header-hackathon-signin-mobile-button{background-color:var(--line-color);color:var(--action-or-selection-color)}.header-hackathon-promotion-menu-icon{display:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:1300px){.header-hackathon-promotion-menu-icon{display:block}}.header-hackathon-promotion-mobile-menu{background-color:#03245f;color:#fff;height:0;width:100%;position:fixed;z-index:2;top:0;right:0;overflow-x:hidden;transition:.7s;text-align:end}.header-hackathon-promotion-mobile-link-container{display:flex;flex-direction:column;align-items:flex-end;gap:1rem;padding:30px 25px;padding-top:100px}.header-hackathon-promotion-mobile-link{padding:10px 0;font-size:20px;color:#fff;display:block;transition:.3s;white-space:nowrap;cursor:pointer;border-bottom:2px solid transparent}.header-hackathon-promotion-mobile-link:hover{border-bottom:2px solid #fff}.header-hackathon-promotion-mobile-button-container{padding:25px;display:flex;justify-content:end;gap:1rem}.header-hackathon-signin-mobile-button,.header-hackathon-register-mobile-button{width:50%;border-radius:100px}.header-hackathon-promotion-mobile-close-button{position:absolute;top:25px;right:25px;font-size:36px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sticky{position:fixed;top:0;left:0;right:0;width:100%;box-sizing:border-box;padding:30px 8%;background-color:rgba(27,39,51,0.871);z-index:1}.promotion-menu-active{border-bottom:2px solid #fff}.regulation-description-details-topic-container{list-style-type:none;padding:0} .footer-hackathon-promotion-section-container{display:flex;flex-direction:column;align-items:start;gap:2rem;background:#1d1d1f;padding:100px}@media (max-width:750px){.footer-hackathon-promotion-section-container{padding:20px;height:fit-content}}.footer-hackathon-promotion-title{color:var(--view-background-color)}.footer-hackathon-promotion-link-container{display:flex;width:100%;justify-content:flex-end;gap:5rem}@media (max-width:750px){.footer-hackathon-promotion-link-container{flex-direction:column;align-items:flex-end;gap:3rem}}.footer-hackathon-promotion-link{color:var(--view-background-color);font-weight:100}.footer-hackathon-promotion-copyright{color:var(--view-background-color);width:100%;display:flex;justify-content:start}.footer-hackathon-promotion-information-container{display:flex;flex-direction:column;gap:1rem}.footer-hackathon-promotion-information-info{color:var(--view-background-color);width:100%} .promotion-button{border-radius:100px}#anchor-top{background:url("/static/promotion/hackathon-background.png");background-repeat:no-repeat;background-size:cover;background-position:bottom;height:1050px;margin-bottom:124px}@media (max-width:1440px){#anchor-top{height:790px}}@media (max-width:1300px){#anchor-top{height:700px}}@media (max-width:850px){#anchor-top{height:680px;background:url("/static/promotion/hackathon-background-responsive.png");background-repeat:no-repeat;background-size:cover;background-position:bottom}}@media (max-width:850px){#anchor-top{margin-bottom:0}}@media (max-width:650px){#anchor-top{height:480px}}@media (max-width:480px){#anchor-top{height:430px}}@media (max-width:430px){#anchor-top{height:380px}}@media (max-width:375px){#anchor-top{height:320px}}#anchor-partners{padding:124px}@media (max-width:850px){#anchor-partners{padding:62px 30px}}#anchor-participate{padding:124px}@media (max-width:850px){#anchor-participate{padding:62px 30px}}#anchor-qa{padding:124px 240px}@media (max-width:1100px){#anchor-qa{padding:124px}}@media (max-width:850px){#anchor-qa{padding:62px 30px}}.promotion-content{background:#000;color:#fff}.promotion-large-title{color:#fff;text-align:center;font-size:72px;font-family:"Pretendard";font-weight:900;line-height:100%;text-transform:uppercase;font-style:normal}@media (max-width:870px){.promotion-large-title{font-size:40px;line-height:100%}}.promotion-medium-title{color:#f9f9fc;text-align:center;font-family:"Pretendard";font-size:64px;font-style:normal;font-weight:900;line-height:64px;text-transform:uppercase}@media (max-width:870px){.promotion-medium-title{font-size:32px;line-height:100%}}.promotion-small-title{color:#f9f9fc;text-align:center;font-family:"Pretendard";font-size:40px;font-style:normal;font-weight:900;line-height:normal;letter-spacing:0;text-transform:uppercase}@media (max-width:870px){.promotion-small-title{font-size:32px;line-height:100%}}.promotion-xsmall-title{color:#fff;font-family:"Pretendard";font-size:32px;font-style:normal;font-weight:600;line-height:40px}@media (max-width:870px){.promotion-xsmall-title{font-size:20px;line-height:32px}}.promotion-xxsmall-title{color:#fff;font-family:"Pretendard";font-size:24px;font-style:normal;font-weight:600;line-height:32px}.promotion-default-text{color:#fff;font-family:"Pretendard";font-size:20px;font-style:normal;font-weight:200;line-height:28px}@media (max-width:870px){.promotion-default-text{font-size:16px;line-height:170%}}.promotion-small-text{color:#fff;text-align:center;font-family:"Pretendard";font-size:16px;font-style:normal;font-weight:200;line-height:28px}.promotion-text-highlight{font-weight:700}.promotion-large-subtitle{color:#bdc4c9;text-align:center;font-family:"Pretendard";font-size:32px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:0;text-transform:uppercase}@media (max-width:870px){.promotion-large-subtitle{font-size:20px;line-height:150%}}.promotion-title-highlight{color:#63b1ff;text-align:center;font-family:"Pretendard";font-size:24px;font-style:normal;font-weight:600;line-height:28px;text-transform:uppercase}@media (max-width:870px){.promotion-title-highlight{font-size:20px;line-height:150%}}.promotion-dark-text{color:#1d1d1f;font-family:"Pretendard";font-size:40px;font-style:normal;font-weight:300;line-height:56px}.promotion-title-large{font-size:40px;font-weight:300;line-height:normal}@media (max-width:870px){.promotion-title-large{font-size:20px;line-height:normal}}.promotion-text-large{font-size:100px;font-weight:900;line-height:normal}@media (max-width:870px){.promotion-text-large{font-size:64px;line-height:normal}}.promotion-text-small{font-size:32px;font-weight:900;line-height:normal}@media (max-width:870px){.promotion-text-small{font-size:24px;line-height:normal}}.promotion-dark-text-small{color:var(--text-text-primary,#1d1d1f);text-align:center;font-size:32px;font-style:normal;font-weight:900;line-height:normal;letter-spacing:-10px}.promotion-presenter-card-filter{background:linear-gradient(0deg,rgba(27,39,51,0.8) 18.82%,rgba(27,39,51,0) 100%);opacity:.5;height:100%;width:100%;position:absolute;top:0;border-radius:32px}.promotion-text-align-center{text-align:center}.partner-logo-item{display:flex;width:240px;justify-content:center}.partner-logo-item > .partner-logo-item-image{width:inherit}.vertical-flex{display:flex;flex-direction:column}.horizontal-flex{display:flex}.vertical-center{align-items:center}.horizontal-center{justify-content:center}.promotion-dark-card{border-radius:32px;background:#1d1d1f}.seventh-section-card-container{width:70%}@media (max-width:1690px){.seventh-section-card-container{width:80%}}@media (max-width:1515px){.seventh-section-card-container{width:90%}}@media (max-width:1380px){.seventh-section-card-container{width:100%}}@media (max-width:1130px){.seventh-section-card-container{flex-direction:column}}.promotion-light-card{width:calc(100% / 3);border-radius:32px;background:#f9f9fc;padding:80px 60px;gap:20px}@media (max-width:1130px){.promotion-light-card{width:-webkit-fill-available;width:-moz-available;padding:40px 30px}}.accordion-container{padding:40px 30px;width:100%}.accordion-content{gap:1rem;min-height:402px}.accordion{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-bottom:1px solid rgba(249,249,252,0.2)}.accordion-header::after{background:url("/static/promotion/plus.svg") no-repeat;background-size:cover;content:'';width:20px;height:20px;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}.accordion-header{display:flex;width:100%;text-align:left;justify-content:space-between;padding:20px;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}@media (max-width:430px){.accordion-header{padding:20px 0}}.accordion-title{color:#fff;font-family:"Pretendard";font-size:20px;font-style:normal;font-weight:600;line-height:28px;width:85%}@media (max-width:700px){.accordion-title{font-size:16px}}.accordion-description-container{padding:20px}@media (max-width:430px){.accordion-description-container{padding:20px 0}}.accordion-description{color:#fff;font-size:15px;line-height:18px}.accordion-header.selected::after{transform:rotate(45deg)}.second-section-container{gap:124px;max-width:760px}.second-section-info-container{padding:124px 0;gap:24px}@media (max-width:850px){.second-section-info-container{padding:62px 0}}.third-section-container{padding:124px;gap:80px}@media (max-width:850px){.third-section-container{padding:62px 30px}}@media (max-width:480px){.third-section-container{padding:62px 0}}.flex-small-spacing{gap:16px}.flex-xsmall-spacing{gap:10px}.grid-card-container{display:flex;flex-wrap:wrap;flex-direction:row;gap:40px;width:100%}@media (max-width:1050px){.grid-card-container{align-items:center;flex-direction:column}}.grid-card-item-container{flex-basis:calc(50% - 200px);padding:32px 24px}@media (max-width:1350px){.grid-card-item-container{flex-basis:calc(50% - 70px)}}@media (max-width:1050px){.grid-card-item-container{text-align:center}}.fourth-section-container{padding:124px 80px;gap:64px}@media (max-width:850px){.fourth-section-container{padding:62px 30px}}@media (max-width:480px){.fourth-section-container{padding:62px 0}}@media (max-width:1150px){.fourth-section-card-container{flex-direction:column}}@media (max-width:800px){.fourth-section-card-container{text-align:center}}.fourth-section-card{padding:40px 32px;width:calc(100% / 3)}@media (max-width:1150px){.fourth-section-card{width:-webkit-fill-available;width:-moz-available}}.fifth-section-container{padding:124px;gap:56px}@media (max-width:1000px){.fifth-section-container{padding:124px 60px}}@media (max-width:850px){.fifth-section-container{padding:124px 0}}@media (max-width:480px){.fifth-section-container{padding:62px 0}}.fifth-section-promotion-presenter-card-container{width:-webkit-fill-available;width:-moz-available}@media (max-width:1350px){.fifth-section-promotion-presenter-card-container{flex-wrap:wrap;justify-content:center}}.promotion-presenter-card{width:calc(100% / 5);position:relative}@media (max-width:1000px){.promotion-presenter-card{flex-basis:calc(50% - 40px)}}.promotion-presenter-card-img > img{width:100%}.promotion-presenter-card-titles{position:absolute;bottom:20px;left:30px}@media (max-width:1200px){.promotion-presenter-card-titles{left:20px}}@media (max-width:560px){.promotion-presenter-card-titles{left:5px}}.promotion-presenter-card-text-large{color:#f9f9fc;font-family:"Pretendard";font-size:32px;font-style:normal;font-weight:900;line-height:100%;text-transform:uppercase}@media (max-width:1200px){.promotion-presenter-card-text-large{font-size:16px;line-height:16px}}.promotion-presenter-card-text-small{color:#f9f9fc;font-family:"Pretendard";font-size:15px;font-style:normal;font-weight:400;line-height:28px}@media (max-width:1200px){.promotion-presenter-card-text-small{font-size:12px;font-weight:800;line-height:12px}}.sixth-section-container{gap:64px;padding:40px 32px}.partners-logo-container{gap:60px}@media (max-width:1420px){.partners-logo-container{flex-direction:column;gap:30px}}.seventh-section-container{padding:124px;gap:64px}@media (max-width:1260px){.seventh-section-container{padding:124px 60px}}@media (max-width:1130px){.seventh-section-container{padding:124px}}@media (max-width:850px){.seventh-section-container{padding:62px 30px}}@media (max-width:480px){.seventh-section-container{padding:62px 0}}.eighth-section-container{padding:64px 40px;gap:24px}@media (max-width:850px){.eighth-section-container{padding:62px 30px}}@media (max-width:480px){.eighth-section-container{padding:62px 0}} .regulation-hackathon-content{padding:30px 8%}.hackathon-pdf-preview-wrapper{position:relative;aspect-ratio:596/842} .monaco-headline-container{display:flex;justify-content:center;background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%),url("/static/promotion/monaco/images/monaco-headline-background.jpg");background-repeat:no-repeat;background-position:center right;background-size:cover;padding:600px var(--space-15xl) var(--space-18xl)}@media (max-width:1255px){.monaco-headline-container{background-position:left;padding:600px var(--space-8xl) var(--space-18xl)}}@media (max-width:870px){.monaco-headline-container{background-position:center;background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%),url("/static/promotion/monaco/images/monaco-headline-background-mobile.jpg");padding:400px var(--space-3xl) var(--space-18xl)}}@media (max-width:430px){.monaco-headline-container{padding:400px var(--space-xl) var(--space-18xl)}}@media (max-width:375px){.monaco-headline-container{padding:280px var(--space-xl) var(--space-18xl)}}.monaco-how-participate-content-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:70px}.monaco-how-participate-container{display:flex;justify-content:space-between}.monaco-prize-banner-container{display:flex;justify-content:flex-end;padding:120px 100px;background-image:linear-gradient(90deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%),url("/static/promotion/monaco/images/prize-banner-background.jpg");background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:32px}@media (max-width:765px){.monaco-prize-banner-container{padding:120px 25px;justify-content:center;background-image:linear-gradient(180deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%),url("/static/promotion/monaco/images/prize-banner-background.jpg")}}.monaco-prize-banner-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px}@media (min-width:1100px){.monaco-prize-banner-content{width:50%}}.monaco-get-started-container{display:flex;flex-direction:column;align-items:center}.monaco-calendar-container{display:flex;justify-content:center;width:100%}@media (max-width:1060px){.monaco-calendar-container{flex-direction:column;align-items:center;gap:var(--space-3xl)}}.monaco-calendar-item{width:calc(100% / 4);display:flex;flex-direction:column;align-items:center;gap:20px}@media (max-width:1060px){.monaco-calendar-item{width:auto}}.monaco-headline-content{display:flex;flex-direction:column;align-items:center;gap:15px}.monaco-message-container{display:grid;place-items:center;isolation:isolate}.monaco-message-container *{grid-column:1/-1;grid-row:1/-1}.monaco-background-video{z-index:-1;width:100%;box-sizing:border-box}.monaco-message-content-container{height:100%;width:100%;background-color:rgba(0,0,0,0.361);display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;padding:0 var(--space-15xl)}@media (max-width:1255px){.monaco-message-content-container{padding:0 var(--space-8xl)}}@media (max-width:870px){.monaco-message-content-container{padding:0 var(--space-3xl)}}@media (max-width:430px){.monaco-message-content-container{padding:0 var(--space-xl)}}.monaco-how-participate-section{background-color:#000;display:flex;flex-direction:column;gap:70px;padding:var(--space-6xl) var(--space-15xl)}@media (max-width:1255px){.monaco-how-participate-section{padding:var(--space-6xl) var(--space-8xl)}}@media (max-width:870px){.monaco-how-participate-section{padding:var(--space-6xl) var(--space-3xl)}}@media (max-width:430px){.monaco-how-participate-section{padding:var(--space-6xl) var(--space-xl)}}.monaco-card-content{display:flex;flex-direction:column;gap:8px;width:100%;justify-content:flex-start}.monaco-prize-section{padding:var(--space-10xl) var(--space-15xl)}@media (max-width:1255px){.monaco-prize-section{padding:var(--space-10xl) var(--space-8xl)}}@media (max-width:870px){.monaco-prize-section{padding:var(--space-10xl) var(--space-3xl)}}@media (max-width:430px){.monaco-prize-section{padding:var(--space-10xl) var(--space-xl)}}.monaco-products-section{display:flex;flex-direction:column;gap:80px;padding:var(--space-10xl) var(--space-15xl)}@media (max-width:1255px){.monaco-products-section{padding:var(--space-10xl) var(--space-8xl)}}@media (max-width:870px){.monaco-products-section{padding:var(--space-10xl) var(--space-3xl)}}@media (max-width:430px){.monaco-products-section{padding:var(--space-10xl) var(--space-xl)}}.monaco-get-started-section{display:flex;flex-direction:column;align-items:center;gap:32px;background-color:#f5f7fa;padding:var(--space-15xl) var(--space-15xl)}@media (max-width:1255px){.monaco-get-started-section{padding:var(--space-15xl) var(--space-8xl)}}@media (max-width:870px){.monaco-get-started-section{padding:var(--space-15xl) var(--space-3xl)}}@media (max-width:430px){.monaco-get-started-section{padding:var(--space-15xl) var(--space-xl)}}.monaco-get-started-container{display:flex;flex-direction:column;gap:20px}.monaco-image-grid-section{display:flex;flex-direction:column;gap:30px}.monaco-image-grid-title{padding:var(--space-15xl) var(--space-15xl) 0}@media (max-width:1255px){.monaco-image-grid-title{padding:var(--space-15xl) var(--space-8xl) 0}}@media (max-width:870px){.monaco-image-grid-title{padding:var(--space-15xl) var(--space-3xl) 0}}@media (max-width:430px){.monaco-image-grid-title{padding:var(--space-15xl) var(--space-xl) 0}}.monaco-image-grid-desktop{width:100%;box-sizing:border-box}@media (max-width:1225px){.monaco-image-grid-desktop{display:none}}.monaco-image-grid-desktop > img{width:100%}.monaco-image-grid-mobile{display:none;width:100%}@media (max-width:1225px){.monaco-image-grid-mobile{display:block}}.monaco-image-grid-mobile > img{width:100%}.monaco-calendar-section{display:flex;flex-direction:column;gap:80px;padding:var(--space-15xl) var(--space-15xl)}@media (max-width:1255px){.monaco-calendar-section{padding:var(--space-15xl) var(--space-8xl)}}@media (max-width:1060px){.monaco-calendar-section{align-items:center}}@media (max-width:870px){.monaco-calendar-section{padding:var(--space-15xl) var(--space-3xl)}}@media (max-width:430px){.monaco-calendar-section{padding:var(--space-15xl) var(--space-xl)}}.monaco-faq-section{padding:var(--space-15xl) var(--space-15xl)}@media (max-width:1255px){.monaco-faq-section{padding:var(--space-15xl) var(--space-8xl)}}@media (max-width:870px){.monaco-faq-section{padding:var(--space-15xl) var(--space-3xl)}}@media (max-width:765px){.monaco-faq-section{padding:var(--space-15xl) 0 0}}@media (max-width:480px){.monaco-faq-section{padding:0}}.monaco-faq-banner{background-image:url("/static/promotion/monaco/images/monaco-faq-background.png");background-position:center;background-repeat:no-repeat;background-size:cover;padding:48px 48px;border-radius:32px;display:flex;flex-direction:column;gap:32px}@media (max-width:765px){.monaco-faq-banner{border-radius:0;padding:var(--space-xl) var(--space-xl)}}@media (max-width:480px){.monaco-faq-banner{background:#fff;border-radius:0;padding:var(--space-xl) 0}}@media (max-width:480px){.monaco-faq-title{margin-left:24px}}@media (max-width:480px){.monaco-faq-title{color:#000}} #winners-disclaimer{width:70%} .monaco-regulation-pdf-preview-wrapper{position:relative;aspect-ratio:596/842} #monaco-26-tour-button,#monaco-26-enrollment-sales-button,#monaco-26-products-button,#monaco-26-calendar-button,#monaco-26-cta-button{font-size:20px;line-height:28px}@media (max-width:1023px){#monaco-26-tour-button,#monaco-26-enrollment-sales-button,#monaco-26-products-button,#monaco-26-calendar-button,#monaco-26-cta-button{font-size:16px;letter-spacing:.24px;padding:12px 20px}}.monaco-26-section{padding-bottom:var(--space-15xl);padding-top:var(--space-15xl)}@media (max-width:1279px){.monaco-26-section{padding-bottom:var(--space-8xl);padding-top:var(--space-8xl)}}@media (max-width:1023px){.monaco-26-section{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}.monaco-26-banner{background-color:#010101;background-position:center bottom;background-size:cover;box-sizing:border-box;margin-top:0;max-height:100vh;min-height:100vh;overflow:hidden;padding-top:var(--space-16xl);position:relative;z-index:0}@media (max-width:1023px){.monaco-26-banner{background-color:transparent;background-image:none !important;height:auto;max-height:none;min-height:50vh;padding-top:0}}@media (max-width:799px){.monaco-26-banner{padding-top:0}}#monaco-26-banner-mobile-image{display:none}@media (max-width:1023px){#monaco-26-banner-mobile-image{display:block;width:100%}}.monaco-26-banner-content{margin:0 auto;position:relative;text-transform:uppercase;z-index:1}@media (max-width:1023px){.monaco-26-banner-content{background-color:var(--view-background-color);gap:var(--space-xl);padding-bottom:var(--space-4xl);padding-top:var(--space-4xl)}}@media (max-width:767px){.monaco-26-banner-content{padding-bottom:var(--space-6xl)}}@media (max-width:1023px){.monaco-26-banner-content > div{gap:var(--space-xl)}}#monaco-26-banner-title{font-size:21px;font-weight:400;letter-spacing:-.21px;line-height:28px}@media (max-width:1023px){#monaco-26-banner-title{color:var(--title-color);font-size:17px;letter-spacing:.17px}}#monaco-26-banner-headline{font-size:64px;letter-spacing:-2.24px;line-height:68px;margin-bottom:var(--space-l)}@media (max-width:1023px){#monaco-26-banner-headline{color:var(--title-color);font-size:48px;letter-spacing:-1.44px;line-height:52px;margin-bottom:0}}.monaco-26-banner-content p{margin:0 auto 24px;max-width:400px}@media (max-width:1340px){.monaco-26-banner-content p{font-size:18px;line-height:26px;margin-bottom:18px;max-width:380px}}@media (max-width:1279px){.monaco-26-banner-content p{color:var(--title-color);font-size:16px;font-weight:200;margin-bottom:0;max-width:none}}.monaco-26-banner-content a{margin:0 auto}#monaco-26-banner-image{height:auto;object-fit:cover;position:absolute;top:0;left:0;width:100%}#monaco-26-banner-button{font-size:16px;line-height:20px}#monaco-26-tour{margin-top:0}@media (max-width:1023px){#monaco-26-tour{padding-bottom:var(--space-6xl);padding-top:0}}#monaco-26-logo{max-width:210px;margin:0 auto}@media (max-width:1023px){#monaco-26-logo{max-width:160px}}@media (max-width:767px){#monaco-26-logo{max-width:125px}}#monaco-26-tour-title{margin:0 auto;max-width:768px}@media (max-width:1023px){#monaco-26-tour-title{font-size:48px;letter-spacing:-1.44px;line-height:56px}}@media (max-width:767px){#monaco-26-tour-title{font-size:32px;letter-spacing:-.64px;line-height:36px}}#monaco-26-tour-subtitle{font-size:21px;font-weight:400;letter-spacing:-.21px;line-height:28px}#monaco-26-tour-video,#monaco-26-tour-image{border-radius:var(--radius-l);display:block;margin:0 auto var(--space-10xl);max-width:100%;width:87.5vw}@media (max-width:1023px){#monaco-26-tour-video,#monaco-26-tour-image{border-radius:0;margin-bottom:0;width:100%}}#monaco-26-tour-video-mobile{display:none}@media (max-width:1023px){#monaco-26-tour-video-mobile{display:block;max-width:100%}}#monaco-26-tour-features{margin-top:0}@media (max-width:1023px){#monaco-26-tour-features{gap:var(--space-xl);padding-bottom:var(--space-6xl);padding-top:var(--space-15xl)}}@media (max-width:767px){#monaco-26-tour-features{padding-top:var(--space-6xl)}}@media (max-width:767px){#monaco-26-tour-features-title{font-size:32px;letter-spacing:-.96px;line-height:36px}}@media (max-width:1023px){#monaco-26-tour-features > div{gap:var(--space-2xl)}}@media (max-width:767px){#monaco-26-tour-features > div{gap:var(--space-xl)}}#monaco-26-tour-features span{margin-top:-24px}@media (max-width:767px){#monaco-26-tour-features span{margin-top:0}}#monaco-26-tour-features-container{align-items:stretch}@media (max-width:1023px){#monaco-26-tour-features-container{flex-direction:column;gap:var(--space-2xl);padding-top:0}}#monaco-26-tour-features-container > div{box-sizing:border-box;gap:20px;width:calc(100% / 3)}@media (max-width:1023px){#monaco-26-tour-features-container > div{gap:var(--space-2xl);width:100%}}.monaco-26-tour-feature-image{aspect-ratio:1.5/1;background-position:center;background-repeat:no-repeat;background-size:cover;display:block;width:100%}@media (max-width:1023px){.monaco-26-tour-feature-image{aspect-ratio:2.5/1;background-position:center -50px}}@media (max-width:767px){.monaco-26-tour-feature-image{aspect-ratio:1.15/1;background-position:center}}.monaco-26-tour-feature-content{border:1px solid var(--line-color);border-radius:var(--radius-l);box-sizing:border-box;display:flex;flex-direction:column;height:100%;gap:var(--space-m);padding:var(--space-2xl)}@media (max-width:1023px){.monaco-26-tour-feature-content{gap:var(--space-s);padding:var(--space-2xl)}}@media (max-width:1023px){.monaco-26-tour-feature-content h3{font-size:28px;line-height:36px}}#monaco-26-enrollment{background-position:center top;background-size:cover;background-repeat:no-repeat;box-sizing:border-box;margin-top:0;padding-bottom:calc(var(--space-8xl) + var(--space-15xl));position:relative}@media (max-width:1279px){#monaco-26-enrollment{background-size:auto 130%}}@media (max-width:1023px){#monaco-26-enrollment{margin-top:-1px}}@media (max-width:767px){#monaco-26-enrollment{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}@media (max-width:1023px){#monaco-26-enrollment .page-content-container{gap:var(--space-10xl)}}@media (max-width:767px){#monaco-26-enrollment .page-content-container{gap:var(--space-2xl)}}#monaco-26-enrollment-title{margin:0 auto;max-width:820px}@media (max-width:1023px){#monaco-26-enrollment-title{font-size:48px;letter-spacing:-1.44px;line-height:56px;margin:0 auto;max-width:670px}}@media (max-width:767px){#monaco-26-enrollment-title{font-size:32px;letter-spacing:-.64px;line-height:36px}}#monaco-26-enrollment-boxes{align-items:stretch}@media (max-width:1279px){#monaco-26-enrollment-boxes{flex-direction:column;row-gap:24px}}@media (max-width:1279px){#monaco-26-enrollment-boxes > div{box-sizing:border-box;padding:var(--space-3xl);width:100%}}@media (max-width:1068px){#monaco-26-enrollment-boxes > div strong{font-size:28px}}#monaco-26-enrollment-boxes span{font-size:21px;letter-spacing:-.21px;line-height:28px}@media (max-width:1023px){#monaco-26-enrollment-boxes span{font-size:19px}}#monaco-26-enrollment-boxes img{height:48px;width:48px}@media (max-width:767px){#monaco-26-enrollment-boxes p{font-size:17px;letter-spacing:-.005em;line-height:1.2353641176}}#monaco-26-enrollment-sales-button{margin-bottom:var(--space-15xl)}@media (max-width:1279px){#monaco-26-enrollment-sales-button{margin-bottom:0}}#monaco-26-calendar{background-position:top center;background-size:cover;margin-top:0;position:relative}@media (max-width:1023px){#monaco-26-calendar{gap:var(--space-3xl);padding-bottom:var(--space-15xl);padding-top:var(--space-15xl)}}@media (max-width:767px){#monaco-26-calendar{gap:var(--space-xl)}}.monaco-26-calendar-date h3{font-size:20px;line-height:26px}#monaco-26-calendar-boxes{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;row-gap:24px}@media (max-width:1023px){#monaco-26-calendar-boxes{column-gap:24px;justify-content:center;margin-bottom:0}}@media (max-width:767px){#monaco-26-calendar-boxes{flex-direction:column;flex-wrap:nowrap;margin-bottom:0;margin-top:16px}}.monaco-26-calendar-date{background-color:#fafcff;box-sizing:border-box;width:calc(25% - 30px)}@media (max-width:1023px){.monaco-26-calendar-date{width:calc(50% - 12px)}}@media (max-width:767px){.monaco-26-calendar-date{width:100%}}.monaco-26-calendar-date img{height:40px;width:40px}@media (max-width:1023px){#monaco-26-calendar-title{font-size:56px;letter-spacing:-1.68px;line-height:60px}}@media (max-width:767px){#monaco-26-calendar-title{font-size:32px}}#monaco-26-calendar-subtitle{font-size:21px;font-weight:400;letter-spacing:-.21px;line-height:28px}#monaco-26-calendar-title-container{margin:0 auto;max-width:880px}@media (max-width:900px){#monaco-26-calendar-title-container{max-width:87.5vw}}@media (max-width:1023px){.monaco-26-home-all-in-one{gap:var(--space-2xl) !important;padding-bottom:var(--space-6xl) !important}}@media (max-width:767px){.monaco-26-home-all-in-one{gap:var(--space-3xl) !important;padding-top:var(--space-6xl) !important}}@media (max-width:1023px){.monaco-26-home-all-in-one #home-all-in-one-title-container{gap:var(--space-l);padding-bottom:0}}@media (max-width:767px){.monaco-26-home-all-in-one #home-all-in-one-title{font-size:32px;letter-spacing:-.32px;line-height:36px}}.monaco-26-home-all-in-one #home-all-in-one-subtitle{font-size:21px;letter-spacing:-.21px;line-height:28px}#monaco-26-products-container .home-all-in-one-item{background:#fafcff;border-radius:var(--radius-xl);padding:var(--space-2xl)}@media (max-width:767px){#monaco-26-products-container .home-all-in-one-item{padding:var(--space-xl)}}#monaco-26-products-container{gap:var(--space-2xl)}@media (max-width:1023px){#monaco-26-products-container{column-gap:var(--space-xl);padding-bottom:var(--space-2xl)}}@media (max-width:767px){#monaco-26-products-container{padding-bottom:0 !important}}#monaco-26-products-container > div{width:calc(33% - 20px)}@media (max-width:734px){#monaco-26-products-container > div{width:100%}}#monaco-26-products-container .home-all-in-one-item-text p{color:#313233}#monaco-26-products-container .home-all-in-one-icon{height:40px;width:40px}#monaco-26-cta{background-position:center;background-size:cover;margin-top:0;padding-top:0 !important;padding-bottom:var(--space-15xl) !important}@media (max-width:767px){#monaco-26-cta{background:var(--menu-background-color) !important;color:var(--title-color) !important;padding-bottom:var(--space-6xl) !important}}@media (max-width:767px){#monaco-26-cta-mobile-image{aspect-ratio:1.5/1;background-position:center;background-size:cover;display:block;width:100%}}@media (max-width:500px){#monaco-26-cta-mobile-image{aspect-ratio:1/1}}#monaco-26-cta-container{border-radius:var(--radius-xl);height:630px;padding:var(--space-15xl) 50% var(--space-15xl) var(--space-15xl)}@media (max-width:1279px){#monaco-26-cta-container{background-size:cover;background-position:30% 0;padding-right:45%}}@media (max-width:1023px){#monaco-26-cta-container{background-size:125% auto;height:430px;padding-right:50%}}@media (max-width:868px){#monaco-26-cta-container{background-size:cover;background-position:center 0;min-height:430px;padding-left:64px;padding-right:40%}}@media (max-width:767px){#monaco-26-cta-container{background-image:none !important;gap:var(--space-l);height:auto;min-height:0;padding:var(--space-3xl) 0 0;text-align:center}}@media (max-width:1023px){#monaco-26-cta-title{font-size:40px;line-height:48px}}@media (max-width:767px){#monaco-26-cta-title{color:var(--title-color);font-size:32px;letter-spacing:-.96px;line-height:36px}}#monaco-26-cta-subtitle{font-size:21px;letter-spacing:-.21px;line-height:28px}@media (max-width:1023px){#monaco-26-cta-subtitle{font-size:15px;line-height:24px}}@media (max-width:767px){#monaco-26-cta-subtitle{color:var(--title-color);margin-bottom:var(--space-xl)}}@media (max-width:767px){#monaco-26-cta-button{margin:0 auto}}#monaco-26-faq{margin-top:0}@media (max-width:1023px){#monaco-26-faq{padding-bottom:var(--space-15xl);padding-top:var(--space-15xl)}}@media (max-width:767px){#monaco-26-faq{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}@media (max-width:767px){#monaco-26-faq-title{font-size:32px;letter-spacing:-.96px;line-height:36px}}#monaco-26-faq .promo-accordion-title{font-weight:500}#monaco-26-faq .promo-accordion-header{padding:var(--space-xl) 0}#monaco-26-faq .promo-accordion:has(> .promo-accordion-header.selected){padding:0}#monaco-26-faq .promo-accordion-header.selected{padding-bottom:var(--space-l)}#monaco-26-faq .promo-accordion-title{font-size:20px;line-height:26px;letter-spacing:-.21px}#monaco-26-faq .promo-accordion-content{padding:0 0 var(--space-l)}#monaco-26-faq #faq-promotion-accordion-container .promo-accordion:first-child .promo-accordion-header{padding-top:0}#monaco-26-faq #faq-promotion-accordion-container .promo-accordion-description{font-size:17px;font-weight:300}.monaco-26-faq-ul{list-style-type:disc;padding-left:16px;margin-bottom:16px;margin-top:16px}.monaco-26-faq-ul li{margin-bottom:8px;margin-top:8px}.monaco-26-faq-ul ul{list-style-type:circle}.monaco-26-faq-link{text-decoration:underline}.monaco-26-faq-link:hover{color:var(--action-or-selection-color)} #monaco-26-header{position:relative}#monaco-26-header #header-section{z-index:10}#monaco-26-header #header-options .promo-header-link{border-bottom:2px solid transparent;color:var(--text-color);font-size:16px}#monaco-26-header #header-options .promo-header-link:hover{color:var(--action-or-selection-color)}#monaco-26-header.transparent-header #header-section .promo-header-link{color:#fff}#monaco-26-header.transparent-header #header-section .promo-header-link:hover{border-bottom:2px solid #fff;box-sizing:border-box}#monaco-26-header.transparent-header #header-signin{background-color:var(--menu-background-color);border-color:var(--menu-background-color);color:var(--title-color)} #monaco-26-modal-regulation-link{color:var(--action-or-selection-color)}#monaco-26-modal-regulation-link:hover{text-decoration:underline;color:var(--text-color)} .monaco-26-regulation-pdf-preview{position:relative;aspect-ratio:596/842} .winners-main-title{color:#fff;text-align:center;font-size:58px;line-height:72px;font-weight:100}.winners-main-description{color:#fff;text-align:center;font-size:16px;font-weight:100;line-height:20px}.winners-container{display:flex;flex-direction:column;gap:2rem;background-color:#1b2733;padding:var(--space-20xl) 0 var(--space-10xl)}.winners-calendar-link{color:var(--action-or-selection-color)}.winners-calendar-link:hover{border-bottom:1px solid var(--action-or-selection-color)}.winners-item-container{display:flex;justify-content:center;gap:80px}@media (max-width:670px){.winners-item-container{flex-direction:column;gap:20px}}.winners-item{padding:32px;border-radius:16px;border:1px solid #e6e8eb;text-align:center}.winner-item-name{color:#fff;font-size:26px;font-style:normal;font-weight:600;line-height:32px}.winner-item-taxid{color:#bdc4c9;font-size:16px;font-style:normal;font-weight:200;line-height:20px} .promotion-top-section-container{padding-top:3rem;padding-left:8%;padding-right:8%}.promotion-section-title{font-size:58px;line-height:72px;font-weight:100}.promotion-top-section-container{background-image:linear-gradient(to right,#051524,rgba(255,255,255,0)),linear-gradient(180deg,rgba(27,39,51,0) 86%,#061625 99%),url("/static/promotion/monaco.png");background-size:cover;background-repeat:no-repeat;background-position:left}@media (max-width:1200px){.promotion-top-section-container{background-position:center}}@media (max-width:850px){.promotion-top-section-container{background-size:contain;background-position:top;background-image:linear-gradient(to right,#051524,rgba(255,255,255,0)),linear-gradient(180deg,rgba(27,39,51,0) 39%,#061625 41%),url("/static/promotion/monaco.png")}}@media (max-width:750px){.promotion-top-section-container{background-image:linear-gradient(to right,#051524,rgba(255,255,255,0)),linear-gradient(180deg,rgba(27,39,51,0) 31%,#061625 34%),url("/static/promotion/monaco.png")}}@media (max-width:700px){.promotion-top-section-container{background-image:linear-gradient(to right,#051524,rgba(255,255,255,0)),linear-gradient(180deg,rgba(27,39,51,0) 31%,#061625 36%),url("/static/promotion/monaco.png")}}@media (max-width:640px){.promotion-top-section-container{background-image:linear-gradient(to right,#051524,rgba(255,255,255,0)),linear-gradient(180deg,rgba(27,39,51,0) 23%,#061625 33%),url("/static/promotion/monaco.png")}}@media (max-width:600px){.promotion-top-section-container{background-image:linear-gradient(to right,#051524,rgba(255,255,255,0)),linear-gradient(180deg,rgba(27,39,51,0) 23%,#061625 27%),url("/static/promotion/monaco.png")}}@media (max-width:480px){.promotion-top-section-container{padding:0;background:linear-gradient(to right,#051524,rgba(255,255,255,0)),linear-gradient(180deg,rgba(27,39,51,0) 29%,#061625 31%),url("/static/promotion/monaco.png");background-size:contain;background-repeat:no-repeat;background-position:top}}@media (max-width:460px){.promotion-top-section-container{padding:0;background-image:linear-gradient(to right,#051524,rgba(255,255,255,0)),linear-gradient(180deg,rgba(27,39,51,0) 20%,#061625 25%),url("/static/promotion/monaco.png");background-size:contain;background-repeat:no-repeat;background-position:top}}@media (max-width:390px){.promotion-top-section-container{background:linear-gradient(to right,#051524,rgba(255,255,255,0)),linear-gradient(180deg,rgba(27,39,51,0) 21%,#061625 22%),url("/static/promotion/monaco.png");background-size:contain;background-repeat:no-repeat;background-position:top}}.hero-promotion-tiny-description{color:#bdc4c9;font-size:10px;line-height:12px;margin-top:10px}@media (max-width:430px){.hero-promotion-tiny-description{padding-right:20px}}.summary-promotion-section{background:linear-gradient(180deg,rgba(27,39,51,0) 85%,#061625 90%),url("/static/promotion/premio.png");background-repeat:no-repeat;background-size:cover}@media (max-width:1300px){.summary-promotion-section{background:linear-gradient(180deg,rgba(27,39,51,0) 89%,#061625 92%),linear-gradient(90deg,rgba(27,39,51,0) 32%,#061625 60%),url("/static/promotion/premio.png");background-repeat:no-repeat;background-size:contain}}@media (max-width:850px){.summary-promotion-section{padding:0;background:linear-gradient(90deg,rgba(27,39,51,0) 32%,#061625 60%),url("/static/promotion/premio.png");background-size:contain}}@media (max-width:750px){.summary-promotion-section{padding:0;background:linear-gradient(180deg,rgba(27,39,51,0) 40%,#061625 55%),linear-gradient(0deg,rgba(27,39,51,0) 96%,#061625 99%),linear-gradient(90deg,rgba(27,39,51,0) 74%,#061625 75%),linear-gradient(270deg,rgba(27,39,51,0) 74%,#061625 75%)}}@media (max-width:600px){.summary-promotion-section{background:linear-gradient(180deg,rgba(27,39,51,0) 40%,#061625 50%),linear-gradient(0deg,rgba(27,39,51,0) 96%,#061625 99%),linear-gradient(90deg,rgba(27,39,51,0) 76%,#061625 100%),linear-gradient(270deg,rgba(27,39,51,0) 77%,#061625 100%)}}@media (max-width:480px){.summary-promotion-section{background:linear-gradient(180deg,rgba(27,39,51,0) 40%,#061625 50%),linear-gradient(0deg,rgba(27,39,51,0) 90%,#061625 99%)}}@media (max-width:390px){.summary-promotion-section{background:linear-gradient(180deg,rgba(27,39,51,0) 38%,#061625 43%),linear-gradient(0deg,rgba(27,39,51,0) 90%,#061625 96%)}}.summary-promotion-mobile-image{background-image:url("/static/promotion/premio-mobile.png");display:none}@media (max-width:750px){.summary-promotion-mobile-image{position:relative;z-index:-1;background-repeat:no-repeat;background-size:contain;background-position:center;height:450px;width:100%;display:block}}@media (max-width:600px){.summary-promotion-mobile-image{background-size:cover}}.contact-form-promotion-section{background-image:url("/static/promotion/piloto.png");background-repeat:no-repeat;background-size:cover;background-position:right}@media (max-width:1360px){.contact-form-promotion-section{background-size:contain;background-position:bottom}}.instructions-promotion-section{background:linear-gradient(0deg,rgba(27,39,51,0) 40%,#061625 40%),var(--menu-background-color)}@media (max-width:1200px){.instructions-promotion-section{background:linear-gradient(0deg,rgba(27,39,51,0) 17%,#061625 17%),var(--menu-background-color)}}.hero-promotion-section-container{align-items:flex-start;gap:2rem;padding-top:140px;padding-bottom:200px}@media (max-width:480px){.hero-promotion-section-container{padding-top:240px;padding-bottom:50px}}@media (max-width:430px){.hero-promotion-section-container{padding-top:150px}}.summary-promotion-tiny-description{color:#bdc4c9;font-size:10px;line-height:12px}.headline-content-container{display:flex;gap:1rem;max-width:35%}@media (max-width:1250px){.headline-content-container{max-width:50%}}@media (max-width:1000px){.headline-content-container{max-width:60%}}@media (max-width:850px){.headline-content-container{max-width:75%}}@media (max-width:650px){.headline-content-container{max-width:80%}}@media (max-width:600px){.headline-content-container{max-width:100%}}@media (max-width:480px){.headline-content-container{padding:0 20px}}@media (max-width:430px){.headline-content-container{gap:10px}}.headline-fast-forward-icon-container{padding-top:65px}@media (max-width:430px){.headline-fast-forward-icon-container{padding-top:97px}}@media (max-width:430px){.headline-fast-forward-icon{width:30px}}.hero-promotion-headline{font-size:96px;line-height:91px;font-weight:100;color:var(--view-background-color)}@media (max-width:430px){.hero-promotion-headline{font-size:40px;line-height:48px;padding-right:20px;width:60%}}.hero-promotion-upper-label{font-size:28px;line-height:33px;color:#fff}@media (max-width:430px){.hero-promotion-upper-label{padding-right:20px}}.hero-promotion-bottom{color:#fff;font-size:16px;font-weight:100}@media (max-width:430px){.hero-promotion-bottom{padding-right:20px}}.hero-promotion-subheadline{color:var(--view-background-color);font-size:16px;line-height:20px}@media (max-width:430px){.hero-promotion-subheadline{padding-right:20px}}#hero-promotion-description-label{white-space:nowrap}.hero-promotion-button-container{display:flex;gap:1rem}@media (max-width:430px){.hero-promotion-button-container{padding-right:20px;width:100%}}.hero-primary-button,.hero-secondary-button{width:100px}@media (max-width:430px){.hero-primary-button,.hero-secondary-button{width:35%}}* .here-promotion-content{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}@media (max-width:480px){.here-promotion-content{padding:0 20px}}.hero-secondary-button{background-color:#fff;color:var(--action-or-selection-color)}.summary-promotion-section-container{display:flex;justify-content:flex-end;padding:90px}@media (max-width:750px){.summary-promotion-section-container{padding:0 20px;padding-bottom:65px;justify-content:center}}.summary-promotion-content{gap:2rem;align-items:flex-start;padding:120px 0;padding-right:330px;padding-top:600px;width:20%}@media (max-width:1600px){.summary-promotion-content{width:35%;padding-right:190px}}@media (max-width:1440px){.summary-promotion-content{padding-right:100px}}@media (max-width:1300px){.summary-promotion-content{padding-right:200px;padding-bottom:0;padding-top:290px}}@media (max-width:1140px){.summary-promotion-content{padding-right:65px;padding-bottom:0;padding-top:210px}}@media (max-width:1000px){.summary-promotion-content{padding-right:0;padding-bottom:0;padding-top:170px;width:50%}}@media (max-width:960px){.summary-promotion-content{padding-right:0;padding-top:70px;padding-bottom:0;width:50%}}@media (max-width:750px){.summary-promotion-content{width:auto}}.summary-promotion-headline{color:var(--view-background-color)}.summary-promotion-subheadline{color:var(--view-background-color);font-size:26px;line-height:48px;font-weight:100}.summary-promotion-description{color:#bdc4c9;font-size:20px;line-height:24px}.instructions-promotion-section-container{align-items:center;gap:5rem;padding:50px 100px}@media (max-width:1200px){.instructions-promotion-section-container{align-items:flex-start;padding:100px 0}}.instructions-promotion-title{color:var(--view-background-color);white-space:nowrap}@media (max-width:430px){.instructions-promotion-title{font-size:45px}}.instructions-promotion-cards-container{display:flex;flex-direction:column;width:55%;justify-content:center;gap:2rem}@media (max-width:1700px){.instructions-promotion-cards-container{width:80%}}@media (max-width:1250px){.instructions-promotion-cards-container{width:100%}}@media (max-width:1440px){.instructions-promotion-cards-container{gap:4rem}}@media (max-width:430px){.instructions-promotion-cards-container{gap:2rem}}.instructions-promotion-content{display:flex;flex-direction:column;gap:15px}.instruction-button{position:absolute;right:35px;top:32px}@media (max-width:850px){.instruction-button{display:none}}.instructions-link{font-size:18px;line-height:21px;color:var(--action-or-selection-color);font-weight:600}.instructions-promotion-card-tiny-description{font-size:10px;line-height:12px}.instructions-promotion-card-question{font-size:20px;line-height:20px;font-weight:600}.instructions-promotion-card{border:1px solid var(--line-color);padding:35px;background-color:var(--view-background-color);border-radius:10px;text-align:left;gap:1rem;display:flex;flex-direction:row}.instructions-promotion-card-title{color:var(--title-color);font-size:35px;font-weight:100}.instructions-promotion-card-subtitle{color:var(--title-color);font-size:25px;font-weight:100}.instructions-promotion-card-description{color:var(--text-color);font-size:15px}.additional-content-promotion-section-container{align-items:center;gap:6rem;padding:40px 180px}@media (max-width:1170px){.additional-content-promotion-section-container{padding:60px 0}}.additional-content-promotion-title{color:var(--title-color);font-size:40px;line-height:48px;font-weight:100}.addtional-content-promotion-info-element-link{color:var(--action-or-selection-color);font-size:16px;line-height:20px;font-weight:100}.addtional-content-promotion-mobile-tiny-description{display:none;text-align:center;color:var(--title-color);font-size:12px;line-height:16px}@media (max-width:1170px){.addtional-content-promotion-mobile-tiny-description{display:block}}.addtional-content-promotion-tiny-description{color:var(--title-color);font-size:10px}.instructions-promotion-tiny-description{color:#fff;font-size:10px;text-align:center;margin-top:10px}@media (max-width:1200px){.instructions-promotion-tiny-description{text-align:start}}.request-card-primary-button{width:fit-content}.addtional-content-promotion-button{padding:5px 100px}.addtional-content-promotion-bottom-container{align-items:center;gap:2rem}.request-card-promotion-section-container{gap:3rem;align-items:center;background-color:var(--menu-background-color);padding:180px 2% 0 2%}@media (max-width:430px){.request-card-promotion-section-container{gap:4rem;padding-top:100px;padding-bottom:70px}}.request-card-promotion-title{color:var(--title-color);text-align:center;width:65%}@media (max-width:1200px){.request-card-promotion-title{width:95%}}@media (max-width:430px){.request-card-promotion-title{font-size:40px;line-height:normal;padding-right:16px;padding-left:16px}}.addtional-content-promotion-info-container{display:flex;gap:2rem}@media (max-width:1100px){.addtional-content-promotion-info-container{align-items:center;flex-direction:column}}.addtional-content-promotion-info-image{padding:40px;width:50%}@media (max-width:1400px){.addtional-content-promotion-info-image{width:90%}}.addtional-content-promotion-info-elements-container{display:flex;flex-direction:column;gap:3rem;width:50%}@media (max-width:1400px){.addtional-content-promotion-info-elements-container{width:90%}}.addtional-content-promotion-description-container{padding:35px;display:flex;flex-direction:column;gap:1rem}.addtional-content-promotion-info-element{display:flex;flex-direction:column;gap:2rem;border:1px solid var(--line-color);background-color:var(--view-background-color);border-radius:10px;min-height:600px;width:33.33%}@media (max-width:1100px){.addtional-content-promotion-info-element{width:80%}}@media (max-width:600px){.addtional-content-promotion-info-element{width:90%}}.addtional-content-promotion-info-element-title{color:var(--title-color);font-size:35px;font-weight:500}.addtional-content-promotion-info-element-description{color:var(--text-color);font-size:18px;line-height:20px;font-weight:100}.request-card-promotion-bottom-container{align-items:center;padding-bottom:250px;gap:6rem}@media (max-width:480px){.request-card-promotion-bottom-container{padding-bottom:200px}}.request-card-promotion-link{color:var(--action-or-selection-color);font-size:18px;line-height:24px;font-weight:100}.request-card-promotion-image{width:100%}.calendar-promotion-section-container{gap:5rem;align-items:center;padding:150px 80px}@media (max-width:1080px){.calendar-promotion-section-container{padding:100px 0;align-items:flex-start;gap:3rem}}.calendar-promotion-title{color:var(--title-color);text-align:center}.calendar-promotion{display:flex;justify-content:center;width:80%}@media (max-width:1080px){.calendar-promotion{width:100%;flex-direction:column}}.calendar-promotion-item{border-right:2px solid var(--line-color)}@media (max-width:1080px){.calendar-promotion-item{border-right:none;border-bottom:2px solid var(--line-color)}}.calendar-promotion-item:last-child{border-right:none}.calendar-promotion-item-title{color:var(--title-color);font-size:16px;line-height:20px;text-align:center;white-space:nowrap;padding:20px 50px;border-bottom:2px solid var(--line-color)}@media (max-width:1080px){.calendar-promotion-item-title{text-align:start;border:none;font-size:18px;padding-left:10px}}#first-calendar-additional-date-tiny-label{font-size:10px;line-height:12px;white-space:nowrap}.calendar-promotion-item-date{color:var(--title-color);font-size:14px;line-height:18px;font-weight:100;text-align:center;padding:20px 50px;height:120px;display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width:1080px){.calendar-promotion-item-date{justify-content:flex-start;text-align:start;font-size:18px;padding-left:10px;height:auto}}.calendar-promotion-item-date-double{width:165px;flex-direction:column}@media (max-width:1080px){.calendar-promotion-item-date-double{width:auto;align-items:start}}.faq-promotion-section-container{gap:4rem;align-items:center;padding:100px}@media (max-width:1080px){.faq-promotion-section-container{padding:100px 0}}.faq-promotion-section-title{color:var(--title-color);text-align:center}@media (max-width:1080px){.faq-promotion-section-title{text-align:start}}.contact-form-promotion-section-container{gap:5rem;align-items:center;padding-top:275px;padding-bottom:275px}@media (max-width:1150px){.contact-form-promotion-section-container{padding:200px 20px;padding-bottom:650px}}@media (max-width:800px){.contact-form-promotion-section-container{padding:200px 20px;padding-bottom:450px}}@media (max-width:600px){.contact-form-promotion-section-container{padding:100px 0 350px 0}}.contact-form-promotion-title{color:var(--title-color);text-align:center}.contact-form-promotion-description{color:var(--title-color);font-size:20px;line-height:24px;text-align:left}.contact-form-promotion-group-container{gap:10px}.contact-form-promotion-double-group{display:flex;gap:2rem}.contact-form-promotion-double-group > .contact-form-promotion-group-container{width:50%}.contact-form-promotion-label{color:var(--title-color);font-size:16px;line-height:20px;font-weight:100}.contact-submit-button{width:100px}.promo-accordion-header.selected::after{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} .modal-promotion{position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,0.5);animation:fadein .7s}.modal-promotion-container{background-color:#fff;margin:10% auto;border:1px solid #e6e8eb;width:528px;border-radius:16px}@media (max-width:550px){.modal-promotion-container{width:90%}}@media (max-height:600px){.modal-promotion-container{margin:10px auto;max-height:90vh;overflow:scroll}}.modal-promotion-header{align-items:center;border-bottom:1px solid #e6e8eb;display:flex;justify-content:space-between;padding:16px 24px}.modal-promotion-body{padding:24px;display:flex;flex-direction:column;gap:2rem}.modal-promotion-small-text-body{color:#1b2733;font-size:16px;font-weight:300;line-height:20px;text-align:left}@media (max-width:480px){.modal-promotion-small-text-body{font-size:14px;line-height:18px}}.modal-promotion-disclaimer{font-size:14px;font-weight:300;line-height:20px;text-align:left}.modal-promotion-form{display:flex;flex-direction:column;gap:12px}.modal-promotion-form-single{width:60%}@media (max-width:480px){.modal-promotion-form-single{width:90%}}.modal-promotion-form-group{width:100%}.modal-promotion-group-split{width:50%}.modal-promotion-side-input{display:flex;gap:1rem;width:100%}.modal-promotion-footer{border-top:1px solid #e6e8eb;padding:24px;display:flex;flex-direction:column;align-items:center;gap:1rem}.modal-promotion-logo{width:150px}.modal-promotion-close-btn{font-size:26px;cursor:pointer;color:var(--action-or-selection-color)}.modal-participate-button-container{display:flex;align-items:center}@media (max-width:480px){.modal-participate-button-container{width:100%}}.modal-regulation-link{color:var(--action-or-selection-color)}.modal-participate-button{margin-left:auto;margin-right:0}.modal-promotion-description{text-align:center}.request-now-link{font-weight:100;color:var(--action-or-selection-color)}.modal-promotion-input-label{font-size:14px;font-weight:100}.modal-promotion-footer-description{text-align:center}.modal-promotion-checkbox-group{display:flex;gap:1rem}.modal-promotion-body-title{text-align:left;font-size:26px;font-weight:600;line-height:32px;color:#1b2733}@media (max-width:480px){.modal-promotion-body-title{font-size:22px;line-height:26px}}.resent-token-text{font-size:16px;line-height:20px;text-align:center;color:#1b2733}.resent-token-counter{font-size:14px;color:var(--text-color)}.resend-token-container{text-align:center;display:flex;flex-direction:column;gap:1rem;margin-top:0}@media (max-width:480px){.resend-token-container{margin-top:15px}}.resend-token-button{font-weight:600;font-size:16px;color:var(--action-or-selection-color)}.modal-information-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:32px}@media (max-width:480px){.modal-information-container{margin-bottom:24px}}.modal-information-container-last{display:flex;flex-direction:column;gap:1rem;text-align:center;margin:40px 0}.modal-information-container-last .modal-promotion-body-title,.modal-information-container-last .modal-promotion-small-text-body{text-align:center !important}.promotion-modal-checkbox-container{width:100%;margin-top:15px;margin-bottom:15px;display:flex;flex-direction:column;gap:1rem}@media (max-width:480px){.promotion-modal-checkbox-container{margin-top:10px;margin-bottom:10px}}@media (max-width:768px){.promotion-modal-checkbox-container .flex-row{align-items:center;flex-direction:row}}.promotion-checkbox-container{display:flex}.modal-promotion-small-link{cursor:pointer;color:var(--action-or-selection-color)}.modal-promotion-form-single{width:100%}.modal-promotion input{border-radius:12px;font-weight:300}@media (max-width:480px){.modal-promotion input{font-size:15px;min-height:auto;padding:10px}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}} .header-promotion-container{display:flex;flex-direction:column;height:130px;gap:40px}@media (max-width:480px){.header-promotion-container{height:auto;padding:30px 20px}}#header-promotion-open-menu-button{cursor:pointer}.header-promotion-top-section{display:flex;justify-content:space-between;align-items:center}.header-promotion-logo-container{display:flex;cursor:pointer}.header-promotion-logo{width:220px}@media (max-width:480px){.header-promotion-logo{width:180px}}.header-promotion-button-container{display:flex;gap:1rem}@media (max-width:1200px){.header-promotion-button-container{display:none}}.header-promotion-bottom-section{display:flex;justify-content:space-between;height:20px;padding:20px 0}@media (max-width:1200px){.header-promotion-bottom-section{display:none}}.header-promotion-link{cursor:pointer;height:20px;color:#fff}.header-promotion-link:hover{border-bottom:2px solid #fff}.header-signin-button,.header-register-button{width:100px}.header-signin-button,.header-signin-mobile-button{background-color:var(--line-color);color:var(--action-or-selection-color)}.header-promotion-menu-icon{display:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:1200px){.header-promotion-menu-icon{display:block}}.header-promotion-mobile-menu{background-color:#1b2733;color:#fff;height:0;width:100%;position:fixed;z-index:2;top:0;right:0;overflow-x:hidden;transition:.7s;text-align:end}.header-promotion-mobile-link-container{display:flex;flex-direction:column;align-items:flex-end;gap:1rem;padding:30px 25px;padding-top:100px}.header-promotion-mobile-link{padding:10px 0;font-size:20px;color:#fff;display:block;transition:.3s;white-space:nowrap;cursor:pointer;border-bottom:2px solid transparent}.header-promotion-mobile-link:hover{border-bottom:2px solid #fff}.header-promotion-mobile-button-container{padding:25px;display:flex;justify-content:end;gap:1rem}.header-signin-mobile-button,.header-register-mobile-button{width:50%}.header-promotion-mobile-close-button{position:absolute;top:25px;right:25px;font-size:36px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sticky{position:fixed;top:0;left:0;right:0;width:100%;box-sizing:border-box;padding:30px 8%;background-color:rgba(27,39,51,0.871);z-index:1}.promotion-menu-active{border-bottom:2px solid #fff} .footer-promotion-section-container{display:flex;flex-direction:column;align-items:start;gap:2rem;background-color:#1b2733;padding:100px}@media (max-width:750px){.footer-promotion-section-container{padding:20px;height:fit-content}}.footer-promotion-title{color:var(--view-background-color)}.footer-promotion-link-container{display:flex;width:100%;justify-content:flex-end;gap:5rem}@media (max-width:750px){.footer-promotion-link-container{flex-direction:column;align-items:flex-end;gap:3rem}}.footer-promotion-link{color:var(--view-background-color);font-weight:100}.footer-promotion-copyright{color:var(--view-background-color);width:100%;display:flex;justify-content:start}.footer-promotion-information-container{display:flex;flex-direction:column;gap:1rem}.footer-promotion-information-info{color:var(--view-background-color);width:100%} .winners-container{padding:120px 8%;display:flex;flex-direction:column;gap:80px}.winners-main-title{color:#fff;text-align:center;font-size:58px;line-height:72px;font-weight:100}.winners-main-description{color:#fff;text-align:center;font-size:16px;font-weight:100;line-height:20px}.winners-container{display:flex;flex-direction:column;gap:2rem;background-color:#1b2733;padding:var(--space-20xl) 0 var(--space-10xl)}.winners-calendar-link{color:var(--action-or-selection-color)}.winners-calendar-link:hover{border-bottom:1px solid var(--action-or-selection-color)}.winners-item-container{display:flex;justify-content:center;gap:80px}@media (max-width:670px){.winners-item-container{flex-direction:column;gap:20px}}.winners-item{padding:32px;border-radius:16px;border:1px solid #e6e8eb;text-align:center}.winner-item-name{color:#fff;font-size:26px;font-style:normal;font-weight:600;line-height:32px}.winner-item-taxid{color:#bdc4c9;font-size:16px;font-style:normal;font-weight:200;line-height:20px} .regulation-header{padding-top:3rem;padding-left:8%;padding-right:8%;background-color:#1b2733}.regulation-content{padding:100px 8%}.monaco-legacy-pdf-preview-wrapper{position:relative;aspect-ratio:596/842} .header-promotion-pix-container{display:flex;flex-direction:column;gap:40px;padding:20px 124px;position:fixed;top:0;left:0;right:0;width:-webkit-fill-available;width:-moz-available;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,0.5)}@media (max-width:1270px){.header-promotion-pix-container{height:auto;padding:30px 62px}}@media (max-width:750px){.header-promotion-pix-container{padding:30px 31px}}@media (max-width:580px){.header-promotion-pix-container{padding:30px 8px}}@media (max-width:400px){.header-promotion-pix-container{padding:30px 24px}}#header-promotion-pix-open-menu-button{cursor:pointer}.header-promotion-pix-top-section{display:flex;justify-content:space-between;align-items:center;gap:40px}.header-promotion-pix-logo-container{display:flex;cursor:pointer}.header-promotion-pix-logo{width:220px}@media (max-width:480px){.header-promotion-pix-logo{width:180px}}.header-promotion-pix-button-container{display:flex;gap:1rem}@media (max-width:1300px){.header-promotion-pix-button-container{display:none}}.header-promotion-pix-options{display:flex;justify-content:space-evenly;padding:0 16px;width:100%}@media (max-width:1350px){.header-promotion-pix-options{padding:0}}@media (max-width:1300px){.header-promotion-pix-options{display:none}}.header-promotion-pix-link{cursor:pointer;height:20px;font-size:14px;border-bottom:2px solid transparent;color:#fff;font-family:"Pretendard";font-size:14px;font-style:normal;font-weight:400;line-height:150%}.header-promotion-pix-link:hover{border-bottom:2px solid #fff}.header-promotion-pix-register-button{width:130px}.header-promotion-pix-menu-icon{display:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:1300px){.header-promotion-pix-menu-icon{display:block}}.header-promotion-pix-mobile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,0.9);color:#fff;height:0;width:100%;position:fixed;z-index:2;top:0;right:0;overflow-x:hidden;transition:.7s;text-align:end}.header-promotion-pix-mobile-link-container{display:flex;flex-direction:column;align-items:flex-end;gap:1rem;padding:30px 124px;padding-top:100px}@media (max-width:1270px){.header-promotion-pix-mobile-link-container{padding:70px 62px}}@media (max-width:750px){.header-promotion-pix-mobile-link-container{padding:90px 31px}}@media (max-width:580px){.header-promotion-pix-mobile-link-container{padding:80px 8px}}@media (max-width:400px){.header-promotion-pix-mobile-link-container{padding:60px 24px}}.header-promotion-pix-mobile-link{padding:10px 0;font-size:20px;color:#fff;display:block;transition:.3s;white-space:nowrap;cursor:pointer;border-bottom:2px solid transparent}.header-promotion-pix-mobile-link:hover{border-bottom:2px solid #fff}.header-promotion-pix-mobile-button-container{padding:25px 100px;display:flex;justify-content:end;-webkit-justify-content:flex-end;gap:1rem}@media (max-width:1270px){.header-promotion-pix-mobile-button-container{height:auto;padding:25px 62px}}@media (max-width:750px){.header-promotion-pix-mobile-button-container{padding:25px 31px}}@media (max-width:580px){.header-promotion-pix-mobile-button-container{padding:25px 8px}}@media (max-width:400px){.header-promotion-pix-mobile-button-container{padding:25px 24px}}.header-promotion-pix-signin-mobile-button,.header-promotion-pix-register-mobile-button{width:50%;border-radius:100px}.header-promotion-pix-mobile-close-button{position:absolute;top:25px;right:10px;font-size:36px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:400px){.header-promotion-pix-mobile-close-button{top:25px;right:25px}}@media (max-width:1270px){.header-promotion-pix-mobile-close-button{top:25px;right:65px}}@media (max-width:750px){.header-promotion-pix-mobile-close-button{top:25px;right:31px}}@media (max-width:580px){.header-promotion-pix-mobile-close-button{top:25px;right:8px}}@media (max-width:400px){.header-promotion-pix-mobile-close-button{top:25px;right:24px}}.sticky{position:fixed;top:0;left:0;right:0;width:100%;box-sizing:border-box;padding:30px 8%;background-color:rgba(27,39,51,0.871);z-index:1}.promotion-menu-active{border-bottom:2px solid #fff}.regulation-description-details-topic-container{list-style-type:none;padding:0} .pix-page-container{padding:80px 124px;background-color:#f9f9fc}@media (max-width:1270px){.pix-page-container{padding:80px 62px}}@media (max-width:750px){.pix-page-container{padding:80px 31px}}@media (max-width:580px){.pix-page-container{padding:80px 8px}}@media (max-width:400px){.pix-page-container{padding:80px 24px}}.pix-top-section{background:url("/static/pix/main-banner.png");background-size:cover;background-repeat:no-repeat;background-position:bottom;height:1090px}@media (max-width:700px){.pix-top-section{height:850px}}@media (max-width:480px){.pix-top-section{height:680px;align-items:flex-end;-webkit-align-items:flex-end}}.pix-top-section-information{padding:0 40px;gap:24px;max-width:660px;color:#fff}.performance-status-phone-image{height:100%}.performance-status-section{padding-top:124px;padding-bottom:40px}.performance-status-section-container{gap:56px}.performance-status-section-header-container{width:100%}.performance-status-section-card-container{gap:24px;width:100%}@media (max-width:1410px){.performance-status-section-card-container{flex-direction:column}}.performance-status-section-left-card{background-color:#fff;border-radius:32px;height:512px;display:flex;justify-content:center;padding:30px 150px}.pix-page-container-section{background-color:#fff}.performance-status-section-right-card-container{gap:16px}.performance-status-section-right-card:first-child{height:100%;justify-content:center}.performance-status-section-right-card{background:#2692ff;color:#fff;border-radius:32px;padding:40px 56px;gap:8px}@media (max-width:480px){.performance-status-section-right-card{padding:40px}}.pix-promotion-card-container{gap:10px;min-width:200px}@media (max-width:1000px){.pix-promotion-card-container{flex-wrap:wrap}}.pix-promotion-card{width:calc(100% / 4);background-repeat:no-repeat;background-size:cover;background-position:bottom;height:600px;padding:32px;border-radius:32px;color:#fff}@media (max-width:1650px){.pix-promotion-card{height:470px}}@media (max-width:1430px){.pix-promotion-card{height:450px}}@media (max-width:1000px){.pix-promotion-card{width:calc(100% / 3)}}@media (max-width:600px){.pix-promotion-card{width:100%}}@media (max-width:600px){.pix-promotion-card{height:630px}}#pix-promotion-card-first{background-image:linear-gradient(360deg,rgba(27,39,51,0) 0%,#1b2733 100%),url("/static/pix/user.png")}#pix-promotion-card-second{background-image:linear-gradient(360deg,rgba(27,39,51,0) 0%,#1b2733 100%),url("/static/pix/collegues.png")}#pix-promotion-card-third{background-image:linear-gradient(360deg,rgba(27,39,51,0) 0%,#1b2733 100%),url("/static/pix/internet-banking.png")}#pix-promotion-card-fourth{background-image:linear-gradient(360deg,rgba(27,39,51,0) 0%,#1b2733 100%),url("/static/pix/qrcode-phone.png")}.pix-features-section-title{width:100%}.pix-features-section-card-container{gap:16px}@media (max-width:1220px){.pix-features-section-card-container{flex-direction:column}}.pix-content-spacing{gap:48px}.pix-features-section-card{width:calc(100% / 3);padding:32px 40px;background:#fff;border-radius:24px;gap:24px}@media (max-width:1220px){.pix-features-section-card{width:auto}}.fact-section-banner{padding:100px 0;color:#fff;width:100%;justify-content:end;border-radius:32px;background:url("/static/pix/background.png");background-position:center;background-size:cover}@media (max-width:1180px){.fact-section-banner{justify-content:center;background-position:left}}@media (max-width:480px){.fact-section-banner{padding:150px 0 25px}}.fact-section-banner-content{width:50%}@media (max-width:1180px){.fact-section-banner-content{width:auto}}.fact-section-banner-safe-area{max-width:470px;gap:24px}@media (max-width:1180px){.fact-section-banner-safe-area{align-items:center}}@media (max-width:480px){.fact-section-banner-safe-area{margin:0 25px}}.starkbank-pix-card{border-radius:24px;background:#f9f9fc;padding:40px;gap:80px}@media (max-width:1220px){.starkbank-pix-card{flex-direction:column;align-items:center}}.pix-default-title{color:#1b2733;font-family:"Pretendard";font-size:40px;font-style:normal;font-weight:600;line-height:48px;width:60%}@media (max-width:750px){.pix-default-title{font-size:32px;line-height:32px;width:100%}}.pix-main-title{color:#fff;text-align:center;font-family:"Pretendard";font-size:56px;font-style:normal;font-weight:400;line-height:64px}@media (max-width:750px){.pix-main-title{font-size:40px;line-height:40px}}.pix-main-subtitle{color:#fff;text-align:center;font-family:"Pretendard";font-size:24px;font-style:normal;font-weight:400;line-height:40px}@media (max-width:750px){.pix-main-subtitle{font-size:20px;line-height:38px}}.pix-banner-title{color:#fff;font-family:"Pretendard";font-size:40px;font-style:normal;font-weight:600;line-height:48px}@media (max-width:750px){.pix-banner-title{font-size:32px}}.pix-banner-subtitle{color:#f9f9fc;font-family:"Pretendard";font-size:20px;font-style:normal;font-weight:400;line-height:28px}.pix-banner-add-info{color:#f9f9fc;font-family:"Pretendard";font-size:14px;font-style:normal;font-weight:200;line-height:20px}.starkbank-pix-card-title-container{gap:16px}@media (max-width:1220px){.starkbank-pix-card-title-container{align-items:center}}.starkbank-pix-card-title{max-width:600px;color:#1b2733;font-family:"Pretendard";font-size:40px;font-style:normal;font-weight:600;line-height:48px}@media (max-width:750px){.starkbank-pix-card-title{font-size:36px;line-height:40px}}.pix-features-section-card-icon{width:32px;height:32px}.pix-features-section-card-title{color:#1b2733;font-family:"Pretendard";font-size:24px;font-style:normal;font-weight:600;line-height:32px}.pix-features-section-card-subtitle{color:#707072;font-family:"Pretendard";font-size:16px;font-style:normal;font-weight:400;line-height:24px}.pix-promotion-card-title{color:#fff;font-family:"Pretendard";font-size:18px;font-style:normal;font-weight:200;line-height:28px}@media (max-width:850px){.pix-promotion-card-title{font-size:16px;line-height:25px}}.pix-promotion-card-subtitle{color:#fff;font-family:"Pretendard";font-size:24px;font-style:normal;font-weight:600;line-height:32px}@media (max-width:1440px){.pix-promotion-card-subtitle{font-size:22px;line-height:30px}}@media (max-width:850px){.pix-promotion-card-subtitle{font-size:20px;line-height:30px}}.performance-status-section-right-card-title{color:#fff;font-family:"Pretendard";font-size:40px;font-style:normal;font-weight:600;line-height:48px}@media (max-width:750px){.performance-status-section-right-card-title{font-size:24px;line-height:24px}}.performance-status-section-right-card-subtitle{color:#fff;font-family:"Pretendard";font-size:20px;font-style:normal;font-weight:200;line-height:28px}.performance-status-section-right-card-text{color:#fff;font-family:"Pretendard";font-size:23px;font-style:normal;font-weight:700;line-height:32px}.performance-status-section-right-card-text > span{font-weight:400}.pix-performance-status-source-title{color:#707072;font-family:"Pretendard";font-size:20px;font-style:normal;font-weight:200;line-height:28px}.button-to-fit{width:fit-content}.starkbank-pix-car-image-container > img{width:340px}.starkbank-pix-card-subtitle{color:#1b2733;font-family:"Pretendard";font-size:20px;font-style:normal;font-weight:400;line-height:28px} #savings-calculator-banner{height:610px;position:relative}@media (max-width:1024px){#savings-calculator-banner{height:auto;display:flex;flex-direction:column}}@media (max-width:1024px){#savings-calculator-banner-image-wrapper{overflow:hidden;height:440px;flex-shrink:0;position:relative}}#savings-calculator-banner-image{width:100%;height:100%;object-fit:cover;object-position:bottom;position:absolute;top:0;left:0;z-index:-1}@media (max-width:1024px){#savings-calculator-banner-image{object-position:82%;transform:scale(1.2);transform-origin:bottom}}.savings-calculator-banner-content{position:absolute;top:30%;left:6.25vw;right:0;max-width:50%}@media (max-width:1024px){.savings-calculator-banner-content{position:static;max-width:unset;text-align:center;width:100%;box-sizing:border-box;padding:var(--space-5xl) 6.25vw;background-color:var(--secondary-background-color)}}@media (max-width:1024px){#savings-calculator-banner-title{color:var(--title-color)}#savings-calculator-banner-subtitle{color:var(--text-color)}}#savings-calculator-card-container{filter:drop-shadow(0 40px 100px rgba(0,0,0,0.09));width:87.5vw;margin:0 auto;margin-top:-150px;background-color:var(--secondary-background-color);border-radius:28px;align-items:stretch}@media (max-width:1024px){#savings-calculator-card-container{filter:none;margin:0;width:100%;border-radius:0}}#savings-calculator-card{width:60%;border-radius:28px 0 0 28px}@media (max-width:1024px){#savings-calculator-card{width:100%;border-radius:0;padding:var(--space-6xl) 6.25vw}}@media (max-width:1024px){#savings-calculator-card-title{text-align:center;font-size:32px}}.savings-calculator-card-result{border-radius:0 28px 28px 0;align-self:stretch;width:40%}@media (max-width:1024px){.savings-calculator-card-result{width:100%;max-width:50%;border-radius:0;padding:var(--space-6xl) 6.25vw}}@media (max-width:734px){.savings-calculator-card-result{max-width:unset}}@media (max-width:1024px){.savings-calculator-form-input-container{flex-direction:column;align-items:center;text-align:center}}.savings-calculator-form-input-container .title-group{color:var(--text-color)}#savings-calculator-solutions-title{white-space:pre-line}.savings-calculator-form-input{max-width:220px}@media (max-width:1024px){.savings-calculator-form-input{max-width:unset;width:100%}}.savings-calculator-card-result-efficiency-bar-container{width:100%;height:16px;border-radius:4px;background-color:var(--line-color);overflow:hidden}.savings-calculator-card-result-efficiency-bar-fill{height:100%;width:50%;background-color:var(--action-or-selection-color);transition:width .5s ease-in-out}@media (max-width:1024px){#savings-calculator-email-card-title{font-size:28px}}@media (max-width:1024px){#savings-calculator-card-result-title{font-size:28px;text-align:center}}#savings-calculator-card-result-annual-value,#savings-calculator-card-result-monthly-value{white-space:nowrap;overflow:hidden}#savings-calculator-card-email-input.input{border-color:var(--line-color);border-radius:12px}#savings-calculator-card-email-input.input:focus{border-color:var(--action-or-selection-color)}@media (max-width:1024px){.savings-calculator-disclaimer-container{padding-top:var(--space-6xl)}}@media (max-width:1024px){.savings-calculator-solutions-container{padding-top:var(--space-6xl);padding-bottom:var(--space-6xl)}}@media (max-width:1024px){.savings-calculator-solutions-box{box-sizing:border-box;width:100%}}@media (max-width:1024px){#savings-calculator-solutions-boxes{flex-direction:column}} #header.transparent-header ~ #smb-account-hero,.smb-account-hero{height:716px;min-height:716px}@media (max-width:734px){#header.transparent-header ~ #smb-account-hero,.smb-account-hero{background-color:transparent;gap:0;height:940px;justify-content:flex-start;min-height:940px;padding:68px 0 var(--space-6xl);text-align:center}}@media (max-width:734px){.smb-account-hero .video-banner-media{height:100%;inset:0;order:0;position:absolute;width:100%}}@media (max-width:734px){.smb-account-hero .video-banner-video{height:130%}}@media (max-width:734px){.smb-account-hero .video-banner-gradient{background:linear-gradient(180deg,rgba(25,35,44,0) 62.458%,rgba(25,35,44,0.91) 77.325%)}}.smb-account-hero .video-banner-content{padding-bottom:0;padding-top:103px}.smb-account-hero .video-banner-title{font-size:56px;font-weight:600;letter-spacing:-1.68px;line-height:60px;max-width:450px}@media (max-width:1200px){.smb-account-hero .video-banner-title{font-size:44px;letter-spacing:-1.32px;line-height:50px}}@media (max-width:734px){.smb-account-hero .video-banner-title{align-self:center;font-size:48px;letter-spacing:-1.44px;line-height:54px;max-width:380px;position:relative;z-index:2}}.smb-account-hero .video-banner-subtitle{font-size:21px;font-weight:500;letter-spacing:-.21px;line-height:28px;max-width:374px}@media (max-width:734px){.smb-account-hero .video-banner-subtitle{align-self:center;margin-top:auto;max-width:392px;position:relative;z-index:2}}.smb-account-hero .video-banner-cta{font-size:20px;font-weight:600;height:60px;line-height:60px;padding:0 var(--space-xl)}@media (max-width:734px){.smb-account-hero .video-banner-cta{font-size:16px;height:48px;letter-spacing:.24px;line-height:48px;margin-top:var(--space-xl);position:relative;z-index:2}}.smb-account-signup-button{font-size:20px;font-weight:600;line-height:28px;padding:var(--space-l) var(--space-xl)}@media (max-width:734px){.smb-account-signup-button{align-items:center;display:flex;font-size:16px;justify-content:center;letter-spacing:.24px;line-height:20px;min-height:48px;padding:var(--space-m) var(--space-xl);width:100%}}.smb-account-heading-title{color:#121314;margin:0;text-wrap:balance}@media (max-width:734px){.smb-account-heading-title{font-size:32px;line-height:40px}}.smb-account-heading-subtitle{color:#313233;font-size:21px;font-weight:500;letter-spacing:-.21px;line-height:28px;margin:0}@media (max-width:1068px){.smb-account-heading-subtitle{margin:0 auto;max-width:60ch}}@media (max-width:734px){.smb-account-heading-subtitle{color:#282829;font-size:17px;letter-spacing:.17px;line-height:24px}}@media (max-width:1068px){.smb-account-heading-subtitle br{content:""}}@media (max-width:1068px){.smb-account-heading-subtitle br::after{content:" "}}.smb-account-operation{background-color:#f5f7fa;padding-bottom:var(--space-18xl);padding-top:var(--space-18xl)}@media (max-width:1068px){.smb-account-operation{padding-bottom:var(--space-13xl);padding-top:var(--space-13xl)}}@media (max-width:734px){.smb-account-operation{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}@media (max-width:734px){.smb-account-operation .page-content-container{gap:var(--space-3xl)}}#smb-account-operation-subtitle{margin-bottom:var(--space-xl)}.smb-account-spotlight{align-items:center;background:linear-gradient(90deg,#d3dee6 0%,#e4ecf3 55%,#eef4fb 100%);border-radius:var(--radius-xl);box-sizing:border-box;display:flex;justify-content:flex-end;min-height:503px;overflow:hidden;position:relative;padding:var(--space-2xl) var(--space-6xl) var(--space-2xl) var(--space-2xl)}@media (max-width:1200px){.smb-account-spotlight{padding-right:var(--space-2xl)}}@media (max-width:1068px){.smb-account-spotlight{align-items:flex-end;background:linear-gradient(180deg,#d3dee6 0%,#e4ecf3 55%,#eef4fb 100%);min-height:640px;padding:var(--space-2xl)}}@media (max-width:734px){.smb-account-spotlight{min-height:642px;padding:var(--space-xl) var(--space-xl) var(--space-2xl)}}.smb-account-spotlight-video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}@media (max-width:1068px){.smb-account-spotlight-video{-webkit-mask-image:linear-gradient(180deg,#000 90%,transparent 100%);height:70%;mask-image:linear-gradient(180deg,#000 90%,transparent 100%);object-position:30% center;width:175%}}@media (max-width:440px){.smb-account-spotlight-video{object-position:25% center;width:160%}}.smb-account-spotlight-content{position:relative;z-index:1}@media (max-width:1068px){.smb-account-spotlight-content{width:100%}}.smb-account-spotlight-title{color:#050505;line-height:38px;margin:0;max-width:312px;text-wrap:balance}@media (max-width:1068px){.smb-account-spotlight-title{max-width:100%}}@media (max-width:734px){.smb-account-spotlight-title{font-size:32px;line-height:38px}}.smb-account-spotlight-text{color:#313233;font-size:20px;font-weight:500;line-height:28px;max-width:391px}@media (max-width:1068px){.smb-account-spotlight-text{max-width:100%}}.smb-account-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:var(--space-xl)}@media (max-width:1068px){.smb-account-features{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}}@media (max-width:734px){.smb-account-features{gap:var(--space-2xl)}}.smb-account-feature{display:flex;flex-direction:column}@media (max-width:1068px){.smb-account-feature{align-items:stretch;flex-direction:row;gap:var(--space-xl)}}@media (max-width:734px){.smb-account-feature{flex-direction:column;gap:var(--space-l)}}.smb-account-feature-media{border:1px solid #e6e9eb;border-radius:var(--radius-l);box-sizing:border-box;display:block;flex-shrink:0;height:253px;overflow:hidden}@media (max-width:1068px){.smb-account-feature-media{height:auto;min-height:230px;width:42%}}@media (max-width:734px){.smb-account-feature-media{border-radius:var(--radius-xl);height:264px;min-height:0;width:100%}}.smb-account-feature-media img{height:100%;object-fit:cover;width:100%}.smb-account-feature-card{background-color:#fff;border:1px solid #e6e9eb;border-radius:var(--radius-xl);box-sizing:border-box;flex-grow:1;padding:var(--space-3xl) 28px}@media (max-width:1068px){.smb-account-feature-card{align-content:center;display:grid}}@media (max-width:734px){.smb-account-feature-card{border:0;display:block;padding:var(--space-2xl) var(--space-xl)}}.smb-account-feature-title{color:#050505;line-height:38px;margin:0;max-width:288px;text-wrap:balance}@media (max-width:1068px){.smb-account-feature-title{max-width:100%}}@media (max-width:734px){.smb-account-feature-title{font-size:32px;line-height:38px}}.smb-account-feature-text{color:#313233;font-size:20px;font-weight:500;line-height:28px;max-width:279px}@media (max-width:1068px){.smb-account-feature-text{max-width:100%}}@media (max-width:734px){.smb-account-feature-text{margin-top:var(--space-m)}}.smb-account-audience{min-height:867px;overflow:hidden;padding-bottom:var(--space-17xl);padding-top:var(--space-17xl);position:relative}@media (max-width:1068px){.smb-account-audience{background-color:#f5f7fa;min-height:0;padding:0}}@media (max-width:734px){#smb-account-audience-title{line-height:36px}}@media (max-width:734px){#smb-account-audience-subtitle{color:#121314;font-size:21px;letter-spacing:-.21px;line-height:28px}}.smb-account-audience-media{height:125%;left:0;position:absolute;top:-18%;width:100%}@media (max-width:1068px){.smb-account-audience-media{height:60vw;overflow:hidden;position:static}}@media (max-width:734px){.smb-account-audience-media{height:460px}}.smb-account-audience-media img{height:100%;object-fit:cover;object-position:center;width:100%}@media (max-width:1068px){.smb-account-audience-media img{margin-left:-63.69%;width:167.62%}}.smb-account-audience-content{align-items:flex-start;gap:60px;max-width:749px;position:relative}@media (max-width:1068px){.smb-account-audience-content{gap:var(--space-4xl);max-width:100%;padding-bottom:var(--space-9xl);padding-top:var(--space-8xl)}}@media (max-width:734px){.smb-account-audience-content{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}.smb-account-audience-cards{width:100%}@media (max-width:1068px){.smb-account-audience-cards{gap:var(--space-6xl)}}.smb-account-audience-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(255,255,255,0.31);border-radius:28px;box-sizing:border-box;display:flex;gap:var(--space-xl);padding:var(--space-2xl);position:relative;width:100%}@media (max-width:1068px){.smb-account-audience-card{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent;flex-direction:column;gap:var(--space-m);padding:0}}.smb-account-audience-card::before{-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;background:linear-gradient(135deg,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.45) 22%,rgba(255,255,255,0.06) 48%,rgba(255,255,255,0.3) 100%);border-radius:inherit;content:"";inset:0;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}@media (max-width:1068px){.smb-account-audience-card::before{content:none}}.smb-account-audience-title{color:#121314;flex-shrink:0;font-size:20px;font-weight:600;letter-spacing:-.1px;line-height:26px;margin:0;width:240px}@media (max-width:1068px){.smb-account-audience-title{width:100%}}.smb-account-audience-text{color:#121314;font-size:17px;font-weight:500;letter-spacing:.17px;line-height:24px;margin:0;padding-left:var(--space-l);position:relative}@media (max-width:1068px){.smb-account-audience-text{max-width:62ch}}.smb-account-audience-text::before{content:"•";left:0;position:absolute}.smb-account-scale{background-color:#fafcff;padding-bottom:var(--space-10xl);padding-top:var(--space-10xl)}@media (max-width:1068px){.smb-account-scale{padding:0}}#smb-account-scale-banner{border-radius:var(--radius-2xl);height:572px}@media (max-width:1068px){#smb-account-scale-banner{border-radius:0;height:auto;margin-left:-6.25vw;margin-right:-6.25vw;width:100vw}}#smb-account-scale-banner .contained-banner-picture{display:block;height:129%;right:-8%;top:-16%}@media (max-width:1068px){#smb-account-scale-banner .contained-banner-picture{height:60vw;position:relative;right:auto;top:auto;width:100%}}@media (max-width:734px){#smb-account-scale-banner .contained-banner-picture{height:460px}}#smb-account-scale-banner .contained-banner-picture img{object-position:95% center !important;transform:scaleX(-1)}@media (max-width:1068px){#smb-account-scale-banner .contained-banner-picture img{height:170%;position:relative;top:-45%}}@media (max-width:734px){#smb-account-scale-banner .contained-banner-picture img{object-position:85% center !important}}@media (max-width:440px){#smb-account-scale-banner .contained-banner-picture img{object-position:75% center !important}}#smb-account-scale-banner .contained-banner-content{margin-left:auto;padding-left:0;padding-right:70px;width:45%}@media (max-width:1068px){#smb-account-scale-banner .contained-banner-content{align-items:center;background-color:#f5f7fa;margin-left:0;padding:var(--space-6xl) 6.25vw;text-align:left;width:100%}}@media (max-width:734px){#smb-account-scale-banner .contained-banner-content{align-items:flex-start;padding:var(--space-6xl) 6.25vw}}@media (max-width:1068px){#smb-account-scale-banner .contained-banner-title.text-color-white,#smb-account-scale-banner .contained-banner-subtitle.text-color-white{color:var(--title-color)}}#smb-account-scale-banner .contained-banner-title{letter-spacing:-.96px;line-height:54px;text-wrap:balance}@media (max-width:1068px){#smb-account-scale-banner .contained-banner-title{font-size:40px;letter-spacing:-.8px;line-height:46px;text-align:center}}@media (max-width:734px){#smb-account-scale-banner .contained-banner-title{font-size:32px;letter-spacing:-.96px;line-height:36px;text-align:left}}#smb-account-scale-banner .contained-banner-subtitle{line-height:26px;text-align:left}@media (max-width:1068px){#smb-account-scale-banner .contained-banner-subtitle{text-align:center}}@media (max-width:734px){#smb-account-scale-banner .contained-banner-subtitle{font-size:21px;letter-spacing:-.21px;line-height:28px;text-align:left}} .virgin-galactic-section{padding-bottom:var(--space-15xl);padding-top:var(--space-15xl)}@media (max-width:1068px){.virgin-galactic-section{padding-bottom:var(--space-8xl);padding-top:var(--space-8xl)}}@media (max-width:734px){.virgin-galactic-section{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}.virgin-galactic-banner{background-color:#010101;box-sizing:border-box;margin-top:0;max-height:100vh;min-height:100vh;overflow:hidden;padding-top:var(--space-16xl);position:relative}@media (max-width:1068px){.virgin-galactic-banner{background-color:transparent;height:auto;max-height:none;min-height:50vh;padding-top:0}}@media (max-width:734px){.virgin-galactic-banner{padding-top:var(--space-8xl)}}#virgin-galactic-banner-video{display:block;height:100%;object-fit:cover;position:absolute;top:120px;width:100%;z-index:0}@media (max-width:1068px){#virgin-galactic-banner-video{height:auto;margin-top:-80px;position:relative;top:0;width:100%}}.virgin-galactic-banner-content{margin:0 auto;position:relative;z-index:1}@media (max-width:1068px){.virgin-galactic-banner-content{background-color:var(--view-background-color);gap:var(--space-xl);margin-top:-20px;padding-bottom:var(--space-4xl);padding-top:var(--space-4xl)}}@media (max-width:1068px){.virgin-galactic-banner-content > div{gap:var(--space-xl)}}@media (max-width:1068px){#virgin-galactic-banner-title{color:var(--title-color);font-size:17px;font-weight:300;letter-spacing:.17px}}#virgin-galactic-banner-headline{font-size:64px;letter-spacing:-2.24px;line-height:68px;margin-bottom:var(--space-l)}@media (max-width:1068px){#virgin-galactic-banner-headline{color:var(--title-color);font-size:48px;letter-spacing:-1.44px;line-height:52px}}@media (max-width:734px){#virgin-galactic-banner-headline{font-size:40px;letter-spacing:-1.2px;line-height:48px}}.virgin-galactic-banner-content p{margin:0 auto 24px;max-width:400px}@media (max-width:1340px){.virgin-galactic-banner-content p{font-size:18px;line-height:26px;margin-bottom:18px;max-width:380px}}@media (max-width:1068px){.virgin-galactic-banner-content p{color:var(--title-color);font-size:16px;font-weight:200;margin-bottom:0;max-width:none}}.virgin-galactic-banner-content a{margin:0 auto}#virgin-galactic-banner-image{height:auto;object-fit:cover;position:absolute;top:0;left:0;width:100%}#virgin-galactic-tour{margin-top:0}@media (max-width:1068px){#virgin-galactic-tour{padding-bottom:var(--space-6xl);padding-top:0}}#virgin-galactic-logo{max-width:210px;margin:0 auto}@media (max-width:1068px){#virgin-galactic-logo{max-width:160px}}@media (max-width:734px){#virgin-galactic-logo{max-width:125px}}@media (max-width:1068px){#virgin-galactic-tour-title{font-size:48px;letter-spacing:-1.44px;line-height:56px;margin:0 auto;max-width:670px}}@media (max-width:734px){#virgin-galactic-tour-title{font-size:32px;letter-spacing:-.64px;line-height:36px}}#virgin-galactic-tour-subtitle{margin:0 auto;max-width:820px}@media (max-width:734px){#virgin-galactic-tour-subtitle{font-size:21px;line-height:28px}}#virgin-galactic-tour-video{margin-bottom:52px}@media (max-width:1068px){#virgin-galactic-tour-video{display:none}}#virgin-galactic-tour-video-mobile{display:none}@media (max-width:1068px){#virgin-galactic-tour-video-mobile{display:block;max-width:100%}}#virgin-galactic-tour-features{margin-top:0}@media (max-width:1068px){#virgin-galactic-tour-features{gap:var(--space-xl);padding-bottom:var(--space-8xl);padding-top:var(--space-8xl)}}@media (max-width:734px){#virgin-galactic-tour-features{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}@media (max-width:734px){#virgin-galactic-tour-features > div{gap:var(--space-xl)}}#virgin-galactic-tour-features span{margin-top:-24px}@media (max-width:734px){#virgin-galactic-tour-features span{margin-top:0}}#virgin-galactic-tour-features-container{align-items:stretch}@media (max-width:1068px){#virgin-galactic-tour-features-container{flex-direction:column;padding-top:0}}#virgin-galactic-tour-features-container > div{box-sizing:border-box;width:calc(100% / 3)}@media (max-width:1068px){#virgin-galactic-tour-features-container > div{width:100%}}.virgin-galactic-tour-feature-image{aspect-ratio:1.5/1;background-position:center;background-repeat:no-repeat;background-size:cover;display:block;width:100%}@media (max-width:1068px){.virgin-galactic-tour-feature-image{aspect-ratio:2.5/1}}@media (max-width:734px){.virgin-galactic-tour-feature-image{aspect-ratio:1.15/1}}.virgin-galactic-tour-feature-content{border:1px solid var(--line-color);border-radius:var(--radius-l);box-sizing:border-box;display:flex;flex-direction:column;height:100%;gap:var(--space-m);padding:var(--space-2xl)}@media (max-width:1068px){.virgin-galactic-tour-feature-content{gap:var(--space-s);padding:var(--space-6xl) var(--space-3xl)}}@media (max-width:734px){.virgin-galactic-tour-feature-content{padding:var(--space-2xl)}}@media (max-width:1068px){.virgin-galactic-tour-feature-content h3{font-size:28px;line-height:36px}}@media (max-width:734px){.virgin-galactic-tour-feature-content h3{font-size:21px;line-height:28px}}@media (max-width:734px){.virgin-galactic-tour-feature-content p{font-size:14px;line-height:20px}}#virgin-galactic-enrollment{background-position:center bottom;background-size:cover;background-repeat:no-repeat;box-sizing:border-box;margin-top:0}@media (max-width:734px){#virgin-galactic-enrollment{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}@media (max-width:1068px){#virgin-galactic-enrollment .page-content-container{gap:var(--space-10xl)}}@media (max-width:734px){#virgin-galactic-enrollment .page-content-container{gap:var(--space-2xl)}}#virgin-galactic-enrollment-title{margin:0 auto;max-width:820px}@media (max-width:1068px){#virgin-galactic-enrollment-title{font-size:48px;letter-spacing:-1.44px;line-height:56px;margin:0 auto;max-width:670px}}@media (max-width:734px){#virgin-galactic-enrollment-title{font-size:32px;letter-spacing:-.64px;line-height:36px}}#virgin-galactic-enrollment-boxes{align-items:stretch}@media (max-width:1068px){#virgin-galactic-enrollment-boxes{flex-direction:column;row-gap:24px}}@media (max-width:1068px){#virgin-galactic-enrollment-boxes > div{box-sizing:border-box;padding:var(--space-3xl);width:100%}}@media (max-width:1068px){#virgin-galactic-enrollment-boxes > div strong{font-size:28px}}@media (max-width:734px){#virgin-galactic-enrollment-boxes > div strong{font-size:21px}}#virgin-galactic-enrollment-boxes img{height:48px;width:48px}@media (max-width:734px){#virgin-galactic-enrollment-boxes p{font-size:17px;letter-spacing:-.005em;line-height:1.2353641176}}#virgin-galactic-enrollment-sales-button{margin-bottom:var(--space-15xl)}@media (max-width:1068px){#virgin-galactic-enrollment-sales-button{margin-bottom:0}}#virgin-galactic-benefits{background-position:top center;background-size:cover;margin-top:0;position:relative}@media (max-width:1068px){#virgin-galactic-benefits{gap:var(--space-3xl);padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}@media (max-width:734px){#virgin-galactic-benefits{gap:var(--space-xl)}}.virgin-galactic-benefit{background-color:#fafcff;box-sizing:border-box}@media (max-width:1068px){.virgin-galactic-benefit h3{font-size:28px}}@media (max-width:734px){.virgin-galactic-benefit h3{font-size:21px}}#virgin-galactic-benefits-boxes{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-bottom:32px;row-gap:24px}@media (max-width:1068px){#virgin-galactic-benefits-boxes{column-gap:24px;justify-content:center;margin-bottom:0}}@media (max-width:734px){#virgin-galactic-benefits-boxes{flex-direction:column;flex-wrap:nowrap;margin-bottom:0;margin-top:16px}}#virgin-galactic-benefits-boxes > div{box-sizing:border-box;width:calc(33% - 20px)}@media (max-width:1068px){#virgin-galactic-benefits-boxes > div{width:calc(50% - 12px)}}@media (max-width:734px){#virgin-galactic-benefits-boxes > div{width:100%}}#virgin-galactic-benefits-boxes img{height:48px;width:48px}@media (max-width:734px){#virgin-galactic-benefits-title{font-size:32px}}@media (max-width:1068px){#virgin-galactic-benefits-subtitle{font-size:21px}}#virgin-galactic-benefits-title-container{margin:0 auto;max-width:880px}#virgin-galactic-cta{background-position:center;background-size:cover;margin-top:0}@media (max-width:734px){#virgin-galactic-cta{background:var(--menu-background-color) !important;color:var(--title-color) !important}}@media (max-width:734px){#virgin-galactic-cta-mobile-image{aspect-ratio:1/1;background-position:center left;background-size:cover;display:block;width:100%}}.virgin-galactic-cta-container{height:630px;padding-left:50%}@media (max-width:1068px){.virgin-galactic-cta-container{padding-left:45%}}@media (max-width:1068px){.virgin-galactic-cta-container{height:430px;padding-left:40%;text-align:right}}@media (max-width:734px){.virgin-galactic-cta-container{height:auto;padding-bottom:var(--space-3xl);padding-left:0;padding-top:var(--space-3xl);text-align:center}}@media (max-width:1068px){#virgin-galactic-cta-title{font-size:40px;line-height:48px}}@media (max-width:734px){#virgin-galactic-cta-title{color:var(--title-color);font-size:32px;letter-spacing:-.96px;line-height:36px}}#virgin-galactic-cta-subtitle{margin-bottom:16px}@media (max-width:1068px){#virgin-galactic-cta-subtitle{font-size:15px;line-height:24px}}@media (max-width:734px){#virgin-galactic-cta-subtitle{color:var(--title-color)}}#virgin-galactic-faq{margin-top:0}@media (max-width:1068px){#virgin-galactic-faq{padding-bottom:var(--space-15xl);padding-top:var(--space-15xl)}}@media (max-width:734px){#virgin-galactic-faq{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}@media (max-width:734px){#virgin-galactic-faq-title{font-size:32px;letter-spacing:-.96px;line-height:36px}}#virgin-galactic-faq .promo-accordion-title{font-weight:500}#virgin-galactic-faq .promo-accordion-header{padding:var(--space-xl) 0}#virgin-galactic-faq .promo-accordion:has(> .promo-accordion-header.selected){padding:0}#virgin-galactic-faq .promo-accordion-header.selected{padding-bottom:var(--space-l)}#virgin-galactic-faq .promo-accordion-title{font-size:21px;line-height:28px;letter-spacing:-.21px}#virgin-galactic-faq .promo-accordion-content{padding:0 0 var(--space-l)}#virgin-galactic-faq #faq-promotion-accordion-container .promo-accordion-description{font-size:17px;font-weight:300} .wimbledon-26-enrollment-button,#wimbledon-26-faq-button{font-size:20px;line-height:28px}@media (max-width:1023px){.wimbledon-26-enrollment-button,#wimbledon-26-faq-button{font-size:16px;letter-spacing:.24px;padding:12px 20px}}.wimbledon-26-section{padding-bottom:var(--space-15xl);padding-top:var(--space-15xl)}@media (max-width:1279px){.wimbledon-26-section{padding-bottom:var(--space-8xl);padding-top:var(--space-8xl)}}@media (max-width:1023px){.wimbledon-26-section{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}.wimbledon-26-banner{background-color:#010101;background-position:center bottom;background-size:cover;box-sizing:border-box;margin-top:0;max-height:100vh;min-height:100vh;overflow:hidden;padding-top:var(--space-16xl);position:relative;z-index:0}@media (max-width:1023px){.wimbledon-26-banner{background-color:transparent;background-image:none !important;height:auto;max-height:none;min-height:auto;padding-top:0}}@media (max-width:799px){.wimbledon-26-banner{padding-top:0}}#wimbledon-26-banner::before{background:linear-gradient(0deg,rgba(0,0,0,0) 20%,rgba(0,0,0,0.4) 90%);content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}@media screen and (max-width:1023px){#wimbledon-26-banner::before{display:none}}#wimbledon-26-banner-video{height:auto;left:0;position:absolute;top:-10%;width:100%;z-index:-1}@media (max-width:1440px){#wimbledon-26-banner-video{top:0}}@media (max-width:1279px){#wimbledon-26-banner-video{left:-20%;width:140%}}@media (max-width:1023px){#wimbledon-26-banner-video{left:0;position:relative;top:0;width:100%}}#wimbledon-26-banner-image{height:100vh;object-fit:cover;position:absolute;top:0;left:0;width:auto}@media (max-width:1023px){#wimbledon-26-banner-image{height:auto;position:relative;width:100%}}.wimbledon-26-banner-content{margin:0 auto;position:relative;text-transform:uppercase;z-index:1}@media (max-width:1023px){.wimbledon-26-banner-content{background-color:var(--menu-background-color);gap:var(--space-xl);padding-bottom:var(--space-4xl);padding-top:var(--space-4xl)}}@media (max-width:767px){.wimbledon-26-banner-content{padding-bottom:var(--space-6xl)}}@media (max-width:1023px){.wimbledon-26-banner-content > div{gap:var(--space-xl)}}#wimbledon-26-banner-title{font-size:21px;font-weight:400;letter-spacing:-.21px;line-height:28px}@media (max-width:1023px){#wimbledon-26-banner-title{color:var(--title-color);font-size:17px;letter-spacing:.17px}}#wimbledon-26-banner-headline{font-size:64px;letter-spacing:-2.24px;line-height:68px;margin-bottom:var(--space-l)}@media (max-width:1023px){#wimbledon-26-banner-headline{color:var(--title-color);font-size:48px;letter-spacing:-1.44px;line-height:52px;margin-bottom:0}}.wimbledon-26-banner-content p{margin:0 auto 24px;max-width:400px}@media (max-width:1340px){.wimbledon-26-banner-content p{font-size:18px;line-height:26px;margin-bottom:18px;max-width:380px}}@media (max-width:1279px){.wimbledon-26-banner-content p{color:var(--title-color);font-size:16px;font-weight:200;margin-bottom:0;max-width:none}}.wimbledon-26-banner-content a{margin:0 auto}#wimbledon-26-tour{margin-top:0}@media (max-width:1023px){#wimbledon-26-tour{padding-bottom:var(--space-6xl);padding-top:0}}#wimbledon-26-logo{max-width:210px;margin:0 auto}@media (max-width:1023px){#wimbledon-26-logo{max-width:160px}}@media (max-width:767px){#wimbledon-26-logo{max-width:125px}}#wimbledon-26-tour-title{margin:0 auto;max-width:768px}@media (max-width:1023px){#wimbledon-26-tour-title{font-size:48px;letter-spacing:-1.44px;line-height:56px}}@media (max-width:767px){#wimbledon-26-tour-title{font-size:32px;letter-spacing:-.64px;line-height:36px}}#wimbledon-26-tour-subtitle{font-size:21px;font-weight:400;letter-spacing:-.21px;line-height:28px}#wimbledon-26-tour-video,#wimbledon-26-tour-image{border-radius:var(--radius-l);display:block;margin:0 auto var(--space-10xl);max-width:100%;width:87.5vw}@media (max-width:1023px){#wimbledon-26-tour-video,#wimbledon-26-tour-image{border-radius:0;margin-bottom:0;width:100%}}#wimbledon-26-tour-video-mobile{display:none}@media (max-width:1023px){#wimbledon-26-tour-video-mobile{display:block;max-width:100%}}#wimbledon-26-tour-features{margin-top:0}@media (max-width:1023px){#wimbledon-26-tour-features{gap:var(--space-xl);padding-bottom:var(--space-6xl);padding-top:var(--space-15xl)}}@media (max-width:767px){#wimbledon-26-tour-features{padding-top:var(--space-6xl)}}@media (max-width:767px){#wimbledon-26-tour-features-title{font-size:32px;letter-spacing:-.96px;line-height:36px}}@media (max-width:1023px){#wimbledon-26-tour-features > div{gap:var(--space-2xl)}}@media (max-width:767px){#wimbledon-26-tour-features > div{gap:var(--space-xl)}}#wimbledon-26-tour-features span{margin-top:-24px}@media (max-width:767px){#wimbledon-26-tour-features span{margin-top:0}}#wimbledon-26-tour-features-container{align-items:stretch}@media (max-width:1023px){#wimbledon-26-tour-features-container{flex-direction:column;gap:var(--space-2xl);padding-top:0}}#wimbledon-26-tour-features-container > div{box-sizing:border-box;gap:20px;width:calc(100% / 3)}@media (max-width:1023px){#wimbledon-26-tour-features-container > div{gap:var(--space-2xl);width:100%}}.wimbledon-26-tour-feature-image{aspect-ratio:1.5/1;background-position:center top;background-repeat:no-repeat;background-size:cover;display:block;width:100%}@media (max-width:1023px){.wimbledon-26-tour-feature-image{aspect-ratio:2.5/1;background-position:center -50px}}@media (max-width:767px){.wimbledon-26-tour-feature-image{aspect-ratio:1.15/1;background-position:center}}.wimbledon-26-tour-feature-content{border:1px solid var(--line-color);border-radius:var(--radius-l);box-sizing:border-box;display:flex;flex-direction:column;height:100%;gap:var(--space-m);padding:var(--space-2xl)}@media (max-width:1023px){.wimbledon-26-tour-feature-content{gap:var(--space-s);padding:var(--space-2xl)}}@media (max-width:1023px){.wimbledon-26-tour-feature-content h3{font-size:28px;line-height:36px}}#wimbledon-26-enrollment{background-position:center top;background-size:cover;background-repeat:no-repeat;box-sizing:border-box;margin-top:0;padding-bottom:calc(var(--space-8xl) + var(--space-15xl));position:relative}@media (max-width:1279px){#wimbledon-26-enrollment{background-size:auto 130%}}@media (max-width:1023px){#wimbledon-26-enrollment{margin-top:-1px}}@media (max-width:767px){#wimbledon-26-enrollment{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}#wimbledon-26-enrollment::after{background:linear-gradient(0deg,rgba(0,0,0,0) -80%,rgba(0,0,0,0.44) 50%);content:'';height:100%;left:0;position:absolute;top:0;width:100%}#wimbledon-26-enrollment .page-content-container{position:relative;z-index:2}@media (max-width:1023px){#wimbledon-26-enrollment .page-content-container{gap:var(--space-10xl)}}@media (max-width:767px){#wimbledon-26-enrollment .page-content-container{gap:var(--space-2xl)}}#wimbledon-26-enrollment-title{margin:0 auto;max-width:820px}@media (max-width:1023px){#wimbledon-26-enrollment-title{font-size:48px;letter-spacing:-1.44px;line-height:56px;margin:0 auto;max-width:670px}}@media (max-width:767px){#wimbledon-26-enrollment-title{font-size:32px;letter-spacing:-.64px;line-height:36px}}#wimbledon-26-enrollment-boxes{align-items:stretch}@media (max-width:1279px){#wimbledon-26-enrollment-boxes{flex-direction:column;row-gap:24px}}@media (max-width:1279px){#wimbledon-26-enrollment-boxes > div{box-sizing:border-box;padding:var(--space-3xl);width:100%}}@media (max-width:1068px){#wimbledon-26-enrollment-boxes > div strong{font-size:28px}}#wimbledon-26-enrollment-boxes span{font-size:21px;letter-spacing:-.21px;line-height:28px}@media (max-width:1023px){#wimbledon-26-enrollment-boxes span{font-size:19px}}#wimbledon-26-enrollment-boxes img{height:48px;width:48px}@media (max-width:767px){#wimbledon-26-enrollment-boxes p{font-size:17px;letter-spacing:-.005em;line-height:1.2353641176}}#wimbledon-26-enrollment-sales-button{margin-bottom:var(--space-15xl)}@media (max-width:1279px){#wimbledon-26-enrollment-sales-button{margin-bottom:0}}#wimbledon-26-calendar{background-position:top center;background-size:cover;margin-top:0;position:relative}@media (max-width:1023px){#wimbledon-26-calendar{gap:var(--space-3xl);padding-bottom:var(--space-15xl);padding-top:var(--space-15xl)}}@media (max-width:767px){#wimbledon-26-calendar{gap:var(--space-xl);padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}.wimbledon-26-calendar-date h3{font-size:20px;line-height:26px}#wimbledon-26-calendar-boxes{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;row-gap:24px}@media (max-width:1023px){#wimbledon-26-calendar-boxes{column-gap:24px;justify-content:center;margin-bottom:0}}@media (max-width:767px){#wimbledon-26-calendar-boxes{flex-direction:column;flex-wrap:nowrap;margin-bottom:0;margin-top:16px}}.wimbledon-26-calendar-date{background-color:#fafcff;box-sizing:border-box;width:calc(25% - 30px)}@media (max-width:1023px){.wimbledon-26-calendar-date{width:calc(50% - 12px)}}@media (max-width:767px){.wimbledon-26-calendar-date{width:100%}}.wimbledon-26-calendar-date img{height:40px;width:40px}@media (max-width:1023px){#wimbledon-26-calendar-title{font-size:56px;letter-spacing:-1.68px;line-height:60px}}@media (max-width:767px){#wimbledon-26-calendar-title{font-size:32px}}#wimbledon-26-calendar-title-container{margin:0 auto;max-width:880px}@media (max-width:900px){#wimbledon-26-calendar-title-container{max-width:87.5vw}}@media (max-width:1023px){.wimbledon-26-home-all-in-one{gap:var(--space-2xl) !important;padding-bottom:var(--space-6xl) !important}}@media (max-width:767px){.wimbledon-26-home-all-in-one{gap:var(--space-3xl) !important;padding-top:var(--space-6xl) !important}}@media (max-width:1023px){.wimbledon-26-home-all-in-one #home-all-in-one-title-container{gap:var(--space-l);padding-bottom:0}}@media (max-width:767px){.wimbledon-26-home-all-in-one #home-all-in-one-title{font-size:32px;letter-spacing:-.32px;line-height:36px}}.wimbledon-26-home-all-in-one #home-all-in-one-subtitle{font-size:21px;letter-spacing:-.21px;line-height:28px}#wimbledon-26-products-container .home-all-in-one-item{background:#fafcff;border-radius:var(--radius-xl);padding:var(--space-2xl)}@media (max-width:767px){#wimbledon-26-products-container .home-all-in-one-item{padding:var(--space-xl)}}#wimbledon-26-products-container{gap:var(--space-2xl)}@media (max-width:1023px){#wimbledon-26-products-container{column-gap:var(--space-xl);padding-bottom:var(--space-2xl)}}@media (max-width:767px){#wimbledon-26-products-container{padding-bottom:0 !important}}#wimbledon-26-products-container > div{width:calc(33% - 20px)}@media (max-width:734px){#wimbledon-26-products-container > div{width:100%}}#wimbledon-26-products-container .home-all-in-one-item-text p{color:#313233}#wimbledon-26-products-container .home-all-in-one-icon{height:40px;width:40px}#wimbledon-26-cta{background-position:center;background-size:cover;margin-top:0;padding-top:0 !important;padding-bottom:var(--space-15xl) !important}@media (max-width:767px){#wimbledon-26-cta{background:var(--menu-background-color) !important;color:var(--title-color) !important;padding-bottom:var(--space-6xl) !important}}@media (max-width:767px){#wimbledon-26-cta-mobile-image{aspect-ratio:1.5/1;background-position:center;background-size:cover;display:block;width:100%}}@media (max-width:500px){#wimbledon-26-cta-mobile-image{aspect-ratio:1/1}}#wimbledon-26-cta-container{border-radius:var(--radius-xl);height:630px;overflow:hidden;padding:var(--space-15xl) 50% var(--space-15xl) var(--space-15xl);position:relative}@media (max-width:1023px){#wimbledon-26-cta-container{height:auto;padding:var(--space-10xl) 50% var(--space-10xl) var(--space-10xl)}}@media (max-width:868px){#wimbledon-26-cta-container{min-height:430px;padding-left:64px;padding-right:40%}}@media (max-width:767px){#wimbledon-26-cta-container{border:1px solid var(--line-color);gap:var(--space-l);height:auto;min-height:0;padding:0;text-align:center}}#wimbledon-26-cta-container::before{background:linear-gradient(90deg,rgba(0,0,0,0.4) 30%,rgba(0,0,0,0) 80%);content:'';display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}@media screen and (max-width:767px){#wimbledon-26-cta-container::before{aspect-ratio:11/4.75;background:linear-gradient(0deg,#f7f9fa 10%,rgba(247,249,250,0.1) 30%);height:auto}}#wimbledon-26-cta-content{z-index:2}@media screen and (max-width:767px){#wimbledon-26-cta-content{padding:0 var(--space-4xl) var(--space-4xl)}}@media (max-width:767px){#wimbledon-26-cta-video{height:auto;position:relative;width:100%;z-index:0}}#wimbledon-26-cta-image{height:100%;object-fit:cover;position:absolute;bottom:0;right:0;width:auto}@media (max-width:767px){#wimbledon-26-cta-image{aspect-ratio:11/4.75;height:auto;top:0;right:0;width:100%}}@media (max-width:1023px){#wimbledon-26-cta-title{font-size:40px;line-height:48px}}@media (max-width:767px){#wimbledon-26-cta-title{color:var(--title-color);font-size:32px;letter-spacing:-.96px;line-height:36px}}#wimbledon-26-cta-subtitle{font-size:21px;letter-spacing:-.21px;line-height:28px}@media (max-width:1023px){#wimbledon-26-cta-subtitle{font-size:15px;line-height:24px}}@media (max-width:767px){#wimbledon-26-cta-subtitle{color:var(--title-color);margin-bottom:var(--space-xl)}}@media (max-width:767px){#wimbledon-26-cta-button{margin:0 auto}}#wimbledon-26-faq{margin-top:0}@media (max-width:1023px){#wimbledon-26-faq{padding-bottom:var(--space-15xl);padding-top:var(--space-15xl)}}@media (max-width:767px){#wimbledon-26-faq{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}@media (max-width:767px){#wimbledon-26-faq-title{font-size:32px;letter-spacing:-.96px;line-height:36px}}#wimbledon-26-faq .promo-accordion-title{font-weight:500}#wimbledon-26-faq .promo-accordion-header{padding:var(--space-xl) 0}#wimbledon-26-faq .promo-accordion:has(> .promo-accordion-header.selected){padding:0}#wimbledon-26-faq .promo-accordion-header.selected{padding-bottom:var(--space-l)}#wimbledon-26-faq .promo-accordion-title{font-size:20px;line-height:26px;letter-spacing:-.21px}#wimbledon-26-faq .promo-accordion-content{padding:0 0 var(--space-l)}#wimbledon-26-faq #faq-promotion-accordion-container .promo-accordion:first-child .promo-accordion-header{padding-top:0}#wimbledon-26-faq #faq-promotion-accordion-container .promo-accordion-description{font-size:17px;font-weight:300}.wimbledon-26-faq-ul{list-style-type:disc;padding-left:16px;margin-bottom:16px;margin-top:16px}.wimbledon-26-faq-ul li{margin-bottom:8px;margin-top:8px}.wimbledon-26-faq-ul ul{list-style-type:circle}.wimbledon-26-faq-link{text-decoration:underline}.wimbledon-26-faq-link:hover{color:var(--action-or-selection-color)} #wimbledon-26-header{position:relative}#wimbledon-26-header #header-section{z-index:10}#wimbledon-26-header #header-options .promo-header-link{border-bottom:2px solid transparent;color:var(--text-color);font-size:16px}#wimbledon-26-header #header-options .promo-header-link:hover{color:var(--action-or-selection-color)}#wimbledon-26-header.transparent-header #header-section .promo-header-link{color:#fff}#wimbledon-26-header.transparent-header #header-section .promo-header-link:hover{border-bottom:2px solid #fff;box-sizing:border-box}#wimbledon-26-header.transparent-header #header-signin{background-color:var(--menu-background-color);border-color:var(--menu-background-color);color:var(--title-color)} #wimbledon-26-modal-regulation-link{color:var(--action-or-selection-color)}#wimbledon-26-modal-regulation-link:hover{text-decoration:underline;color:var(--text-color)} .wimbledon-26-regulation-pdf-preview{position:relative;aspect-ratio:596/842} #receivables-hero .video-banner-title{max-width:940px}#receivables-hero .video-banner-subtitle{margin-bottom:var(--space-l)}#receivables-pix-title{margin-bottom:var(--space-2xl)}.receivables-pix-banner{position:relative;width:100%;height:529px;border-radius:var(--radius-xl);overflow:hidden}.receivables-pix-banner-picture{position:absolute;inset:0;z-index:0}.receivables-pix-banner-picture img{display:block;width:100%;height:100%;object-fit:cover}.receivables-pix-banner-content{position:relative;z-index:1;height:100%;padding:0 var(--space-8xl);box-sizing:border-box}#receivables-pix-banner-title{margin:0;max-width:330px}#receivables-pix-banner-text{color:var(--text-accent-color);margin:0;max-width:260px;text-align:right;font-size:20px;line-height:28px}#receivables-pix-features .features-grid-body{gap:var(--space-2xl)}#receivables-pix-features .features-grid-cards{flex-wrap:nowrap;justify-content:space-between}#receivables-pix-features .features-grid-card{min-width:auto}#receivables-pix-features .features-grid-cta{align-self:center}#receivables-clients .testimonial-cards-card{justify-content:start}.receivables-stats{align-items:start;gap:var(--space-2xl);width:100%}.receivables-stat{display:flex;flex:1 1 0;flex-direction:column;align-items:center;gap:var(--space-s);text-align:center}.receivables-stat-value{margin:0}.receivables-stat-label{margin:0;max-width:180px;font-size:16px;line-height:22px}#receivables-developers-container .contained-banner-content{max-width:500px}@media (max-width:1068px){.receivables-pix-banner{height:420px}#receivables-pix-banner-title{font-size:48px;line-height:54px;max-width:280px}#receivables-pix-banner-text{font-size:17px;line-height:24px;max-width:220px}.receivables-pix-banner-content{padding:0 var(--space-3xl)}}@media (max-width:734px){#receivables-pix-container{overflow-x:hidden;padding-top:var(--space-3xl)}.receivables-pix-banner{border-radius:0;height:auto;margin-left:-6.25vw;margin-right:-6.25vw;overflow:visible;width:100vw}.receivables-pix-banner-picture{aspect-ratio:1/1;display:block;position:relative;width:100%}.receivables-pix-banner-content{align-items:center;flex-direction:column;gap:var(--space-l);margin:0 auto;max-width:87.5vw;padding:var(--space-3xl) 0 var(--space-4xl);text-align:center}#receivables-pix-banner-title,#receivables-pix-banner-text{max-width:100%;text-align:center}.receivables-stats{align-items:center;flex-direction:column;gap:var(--space-6xl)}#receivables-stats-1-value,#receivables-stats-2-value,#receivables-stats-3-value{font-size:48px;line-height:54px}#receivables-manage-cta,#receivables-clients-cta{width:100%}#receivables-developers-container .contained-banner-content{max-width:100%}#receivables-hero{background-color:var(--view-background-color);gap:var(--space-l);padding-bottom:var(--space-8xl)}#receivables-hero .video-banner-media{height:100vw;order:1}#receivables-hero .video-banner-title{font-size:48px;letter-spacing:-.032em;line-height:1.125;margin-top:var(--space-xl);order:2}#receivables-hero .video-banner-subtitle{font-size:21px;line-height:1.3333333333;margin-bottom:var(--space-4xl);order:3}#receivables-hero .video-banner-cta{order:4}#receivables-pix-container{padding-bottom:var(--space-6xl)}#receivables-stats-container{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}#receivables-manage-container{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}#receivables-clients-container{background-color:var(--view-background-color);padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}@media (max-width:480px){#receivables-pix-container .page-content-container{gap:var(--space-3xl)}#receivables-pix-container .section-title-text{line-height:38px}#receivables-pix-container #receivables-pix-banner-title{font-size:32px;line-height:38px}#receivables-pix-title{margin-bottom:0}#receivables-pix-banner-text{font-size:21px;line-height:28px}#receivables-stats-container .page-content-container{gap:var(--space-4xl)}#receivables-stats-title .section-title-text{line-height:38px}#receivables-manage-container .page-content-container{gap:var(--space-2xl)}#receivables-manage .highlight-cards-card{aspect-ratio:392/600}#receivables-clients-container .page-content-container{gap:var(--space-2xl)}#receivables-clients-container .section-title-text{line-height:38px;padding:0}#receivables-developers-container{background-color:var(--view-background-color);padding-bottom:var(--space-6xl)}#receivables-developers-container .contained-banner-content{max-width:none;padding:var(--space-3xl) var(--space-xl) 0}#receivables-developers .contained-banner-picture{display:block;height:106vw}#receivables-developers .contained-banner-title{font-size:32px;letter-spacing:-.64px;line-height:36px}#receivables-developers .contained-banner-subtitle{font-size:17px;line-height:24px}} .resources-container{padding-left:var(--space-15xl);padding-right:var(--space-15xl)}@media (max-width:1068px){.resources-container{padding-left:var(--space-4xl);padding-right:var(--space-4xl)}}@media (max-width:734px){.resources-container{padding-left:var(--space-xl);padding-right:var(--space-xl)}}#resource-hero{gap:var(--space-l);padding-top:100px;text-align:center}@media (max-width:734px){#resource-hero{padding-top:var(--space-4xl)}}#resource-main-container{font-size:20px;line-height:28px}@media (max-width:1068px){#resource-hero-title{font-size:64px;line-height:70px}}@media (max-width:768px){#resource-hero-title{font-size:58px;line-height:68px}}@media (max-width:320px){#resource-hero-title{font-size:48px;line-height:54px}}#resource-hero-subtitle{margin-bottom:var(--space-l)}@media (max-width:1068px){#resource-hero-image{margin-top:var(--space-xl);width:100%}}#resource-main{box-sizing:border-box;gap:64px;padding-bottom:var(--space-6xl);padding-top:var(--space-15xl);width:100%}@media (max-width:1068px){#resource-main{flex-direction:column}}@media (max-width:734px){#resource-main{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}}#resource-content{gap:var(--space-5xl);width:65%}@media (max-width:1068px){#resource-content{width:100%}}@media (max-width:1068px){#resource-content-title{font-size:48px;line-height:56px}}@media (max-width:768px){#resource-content-title{font-size:38px;line-height:44px}}#resource-inner-content{gap:var(--space-l)}#resource-cta-title,#resources-form-success-title{font-size:32px;line-height:38px}@media (max-width:320px){#resource-cta-title,#resources-form-success-title{font-size:28px;line-height:34px}}#resource-form{border:1px solid var(--line-color);gap:var(--space-xl);justify-content:space-between;padding:var(--space-5xl) var(--space-3xl);width:35%}@media (max-width:1068px){#resource-form{box-sizing:border-box;width:100%}}#resource-form #resources-form-element{display:flex;flex-direction:column;gap:var(--space-xl);flex-grow:1;justify-content:space-between}#resources-fields{border:none;display:flex;flex-direction:column;gap:var(--space-l);padding:0}#resources-fields label{gap:var(--space-xs)}#resources-fields input{border-radius:var(--space-l)}#resources-form-button{font-size:18px;line-height:24px;width:100%}#resources-read-everywhere{margin-top:0}#resources-read-everywhere-container{align-items:center;gap:var(--space-2xl);max-width:none;padding:var(--space-5xl) 0}@media (max-width:734px){#resources-read-everywhere-container{background:var(--view-background-color);padding:0}}#resources-read-everywhere-title{font-size:40px;line-height:48px}@media (max-width:734px){#resources-read-everywhere-title{font-size:32px;line-height:38px}}#resources-read-everywhere-devices{gap:var(--space-2xl);list-style:none;padding-left:0}@media (max-width:734px){#resources-read-everywhere-devices{display:flex;flex-direction:row;padding:0}}#resources-read-everywhere-devices li{align-items:center;box-sizing:border-box;gap:var(--space-xs);justify-content:center;padding:var(--space-2xl);width:180px}@media (max-width:734px){#resources-read-everywhere-devices li{font-size:14px;line-height:20px;padding:0;width:33%}}#resource-benefits{gap:64px}.resource-benefit-box{gap:var(--space-l)}.resource-benefit-box > div{gap:var(--space-s)}#resource-cta-header,#resources-form-success{gap:var(--space-s)}#resources-cases-cta{padding-bottom:var(--space-6xl);padding-top:var(--space-6xl)}@media (max-width:734px){#resources-cases-cta{padding:0}}#resources-cases-cta-container{align-items:flex-start;background-position:center center;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;gap:16px;justify-content:center;max-width:none;min-height:500px;padding:var(--space-2xl) 40% var(--space-2xl) var(--space-5xl)}@media (max-width:734px){#resources-cases-cta-container{background-image:none !important;color:var(--title-color);height:auto;min-height:auto;padding:var(--space-4xl) 0}}@media (max-width:734px){#resources-cases-cta-container{padding-left:var(--space-xl);padding-right:var(--space-xl)}}#resources-cases-cta-mobile-image{aspect-ratio:1/1;background-position:80% center;background-size:cover;display:none;width:100%}@media (max-width:734px){#resources-cases-cta-mobile-image{display:block;max-width:100%}}#resources-cases-cta-container button{margin-top:var(--space-l)}@media (max-width:734px){#resources-cases-cta-title{font-size:44px;line-height:50px;text-align:center}}@media (max-width:320px){#resources-cases-cta-title{font-size:36px;line-height:42px}}@media (max-width:734px){#resources-cases-cta-subtitle{text-align:center;width:100%}}@media (max-width:734px){#resources-cases-cta-button{width:100%}}#resources-form-submit{background:transparent;border:none;color:var(--view-background-color);cursor:pointer}#resources-form-success-subtitle{margin-bottom:var(--space-l)} .wordpress-image{width:300px;height:auto}