@charset "UTF-8";
@keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; }
}
html { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;
} body { position: relative; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Arial, "Noto Sans", sans-serif; font-size: 16px; font-weight: 360; line-height: 16px; letter-spacing: -0.3px; background-color: #fff; color: #0a0e22; word-wrap: break-word; max-width: 100%; overflow-x: hidden; overflow-y: visible; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-backface-visibility: hidden;
} canvas { letter-spacing: 0; font-family: Arial, sans-serif; font-weight: 400; font-size: 16px; white-space: nowrap;
} .divWithLineBreaks { letter-spacing: 0; font-family: Arial, sans-serif; font-weight: 400; font-size: 16px; position: fixed; top: -10000px; left: 250px; white-space: nowrap; border: 1px black solid;
} .hiddenTextWidthDetect { letter-spacing: 0; font-family: Arial, sans-serif; font-weight: 400; font-size: 16px; position: fixed; top: -1000px; right: -1000px; white-space: nowrap;
} button, hr, input { overflow: visible;
} progress, sub, sup { vertical-align: baseline;
} [type=checkbox], [type=radio], legend { box-sizing: border-box; padding: 0;
} details, main { display: block;
} h1 { font-size: 2em; margin: 0.67em 0;
} hr { box-sizing: content-box; height: 0;
} code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em;
} abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted;
} sub, sup { font-size: 75%; line-height: 0; position: relative;
} sub { bottom: -0.25em;
} sup { top: -0.5em;
} img { border-style: none;
} button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;
} button, select { text-transform: none;
} [type=button], [type=reset], [type=submit], button { -webkit-appearance: button;
} [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0;
} [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: ButtonText dotted 1px;
} fieldset { padding: 0.35em 0.75em 0.625em;
} legend { color: inherit; display: table; max-width: 100%; white-space: normal;
} textarea { overflow: auto;
} [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto;
} [type=search] { -webkit-appearance: textfield; outline-offset: -2px;
} [type=search]::-webkit-search-decoration { -webkit-appearance: none;
} ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit;
} summary { display: list-item;
} [hidden], template { display: none;
} .adminSecure { background-color: #ffe9e9; border: 1px red solid; display: flex; padding: 10px;
} .mb20 { margin-bottom: 20px;
} .mt20 { margin-top: 20px;
} .mb2 { margin-bottom: 2px;
} .ptb48 { padding: 48px 0;
} @media only screen and (max-width: 853px) { .ptb48 { padding: 20px 0; }
}
ol, ul { list-style: none;
} blockquote, q { quotes: none;
} strike { text-decoration: line-through;
} img { vertical-align: middle; max-width: 100%;
} * { box-sizing: border-box; -webkit-tap-highlight-color: transparent;
} input::-ms-clear { display: none;
} ::selection { background-color: #cef3d1; color: #0a0e22;
} ::-moz-selection { background-color: #cef3d1; color: #0a0e22;
} a { background-color: transparent; cursor: pointer; text-decoration: none;
}
a:focus { outline: 0;
} button { outline: 0 !important;
} h1, h2, h3, h4, h5, h6, p, ol, ul, li { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline;
} h1, h2, h3, h4, h5, h6 { font-weight: 440; color: #0a0e22; line-height: 100%;
} h1 { font-size: 250%; letter-spacing: -0.75px; margin: 12px 0;
} h2 { font-size: 200%; letter-spacing: -0.6px; margin: 10px 0;
} h3 { font-size: 150%; letter-spacing: -0.45px; margin: 8px 0;
} h4 { font-size: 120%; letter-spacing: -0.36px; margin: 6px 0;
} h5 { font-size: 110%; letter-spacing: -0.33px; margin: 4px 0;
} h6 { font-size: 105%; letter-spacing: -0.315px; margin: 2px 0;
} .text80n { vertical-align: baseline; font-size: 80%; letter-spacing: -0.24px; line-height: 1; font-weight: 360; color: #0a0e22;
} .text90n { vertical-align: baseline; font-size: 90%; letter-spacing: -0.27px; line-height: 1; font-weight: 360; color: #0a0e22;
} .text100n { vertical-align: baseline; font-size: 100%; letter-spacing: -0.3px; line-height: 1; font-weight: 360; color: #0a0e22;
} .text100n16 { vertical-align: baseline; font-size: 100%; letter-spacing: -0.3px; line-height: 1.6; font-weight: 360; color: #0a0e22;
} .text105n16 { vertical-align: baseline; font-size: 105%; letter-spacing: -0.315px; line-height: 1.6; font-weight: 360; color: #0a0e22;
} .text120n { vertical-align: baseline; font-size: 120%; letter-spacing: -0.36px; line-height: 1.2; font-weight: 360; color: #0a0e22;
} b, strong, .bold { font-weight: 440;
} .boldx { font-weight: 660;
} .gray { color: #737373;
} .link { color: #737373; cursor: pointer;
}
.link.link:hover, .link.link:focus { color: #0a0e22;
} hr { width: 100%; margin: 12px 0; padding: 0; border: 0;
} .developers-screen-size { background-image: none; background-color: rgba(229, 229, 229, 0.5); position: fixed; z-index: 1; right: 12px; bottom: 12px; width: 64px; height: 28px; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: initial; gap: normal; border: 0; border-radius: 6px; font-size: 100%; letter-spacing: -0.3px; line-height: 1.4; font-weight: 500; color: #0a0e22; -webkit-backdrop-filter: saturate(105%) blur(120px); backdrop-filter: saturate(105%) blur(120px);
} .flex.row { display: flex; align-items: start; justify-content: start; flex-direction: row; gap: 0;
}
.flex.column { display: flex; align-items: start; justify-content: start; flex-direction: column; gap: 0;
}
.flex.gap5 { gap: 6.4px;
}
.flex.ac { align-items: center;
}
.flex.jc { justify-content: center;
}
.flex.width { width: 100%;
}
.flex.sb { justify-content: space-between;
} .flexrow { display: flex; align-items: start; justify-content: start; flex-direction: row; gap: 0;
}
.flexrow.flexc, .flexrow.ac { align-items: center;
}
.flexrow.jc { justify-content: center;
} .flexcolumn { display: flex; align-items: start; justify-content: start; flex-direction: column; gap: 0;
}
.flexcolumn.flexc { justify-content: center;
}
.flexcolumn.ac { align-items: center;
}
.flexcolumn.jc { justify-items: center;
} .flexrowleft { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start; align-items: flex-start;
} .flextop { align-items: flex-start;
} .flexrowright { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-end; align-items: flex-end;
} .flxstrt { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start; align-items: flex-start;
} .flexwrap { flex-wrap: wrap;
} .flexvcenter { align-items: center;
} .flexcetncntn { align-content: center;
} .h10 { height: 13.28px;
} .h20 { height: 25.6px;
} .h40 { height: 51.2px;
} .site-content { position: relative; margin: 0 auto; padding: 0 24px; max-width: 1280px;
} .hsa { -o-transition: transform 0.2s linear; transition: transform 0.2s linear; cursor: pointer;
}
.hsa:hover { transform: scale(1.05);
}
.hsa:active { transform: scale(0.95);
} .tooltip { display: none; position: absolute; border-radius: 5px; padding: 5px; color: #fff; z-index: 9999999; white-space: nowrap; background: #1FAAFC; background-image: -webkit-gradient(linear, left top, left bottom, from(#27b2ff), to(#1FAAFC)); background-image: -webkit-linear-gradient(top, #27b2ff, #1FAAFC); background-image: -o-linear-gradient(top, #27b2ff, #1FAAFC); background-image: linear-gradient(to bottom, #27b2ff, #1FAAFC);
} .ajaxL { position: relative;
}
.ajaxL div { position: absolute; width: 18px; height: 18px; border-radius: 50%; border: 3px black solid; background: #fff; animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.ajaxL div:nth-child(1) { left: 8px; animation: ajaxL1 0.6s infinite;
}
.ajaxL div:nth-child(2) { left: 8px; animation: ajaxL2 0.6s infinite;
}
.ajaxL div:nth-child(3) { left: 32px; animation: ajaxL2 0.6s infinite;
}
.ajaxL div:nth-child(4) { left: 56px; animation: ajaxL3 0.6s infinite;
} @keyframes ajaxL1 { 0% { transform: scale(0); } 100% { transform: scale(1); }
}
@keyframes ajaxL3 { 0% { transform: scale(1); } 100% { transform: scale(0); }
}
@keyframes ajaxL2 { 0% { transform: translate(0, 0); } 100% { transform: translate(24px, 0); }
}
.touchArea { display: none;
} @media (hover: none) { .touchArea { position: absolute; display: inherit; left: -8px; top: -8px; right: -8px; bottom: -8px; background-color: transparent; }
}
/*LOADING–––––––––––––*/
#loader { z-index: 99999999;
} @keyframes moveup { 0%, 60%, 100% { transform: rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(0); } 25% { transform: rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(1em); }
}
@keyframes movedown { 0%, 60%, 100% { transform: rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(0); } 25% { transform: rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(-1em); }
}
.loader2 { position: fixed; top: 50%; left: 50%;
}
.loader2 .layer { display: block; position: absolute; height: 2em; width: 2em; border-radius: 7px; box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.1); transform: rotateX(50deg) rotateY(0deg) rotateZ(45deg);
}
.loader2 .layer:nth-of-type(1) { background: #FA782F; margin-top: 1.5em; -webkit-animation: moveup 1.8s ease-in-out infinite; animation: moveup 1.8s ease-in-out infinite; animation-delay: 190ms;
}
.loader2 .layer:nth-of-type(2) { background: rgba(77, 188, 100, 0.6); margin-top: 0.75em;
}
.loader2 .layer:nth-of-type(3) { background: rgba(6, 168, 255, 0.6); -webkit-animation: movedown 1.8s ease infinite; animation: movedown 1.8s ease infinite;
} @keyframes animline { 0% { width: 0.5em; left: -2.25em; transform: translateY(0); } 10%, 64% { width: 6em; left: -2.25em; height: 0.5em; transform: translateY(0); } 76%, 88% { left: 0.5em; width: 1em; height: 1em; transform: translateY(-0.25em); } 100% { width: 0.5em; left: -2.25em; }
}
@keyframes blue { 0%, 14% { transform: translateY(0); opacity: 0; left: -0.75em; } 20%, 30% { transform: translateY(-4em); opacity: 1; width: 1em; height: 1em; left: -0.75em; } 42%, 60% { transform: translateY(-4em); width: 3em; left: -0.75em; } 72% { width: 1em; left: 1.5em; transform: translateY(-4em); opacity: 1; height: 1em; } 88% { left: 0.5em; width: 1em; height: 1em; transform: translateY(-0.25em); } 100% { width: 0.5em; left: -0.5em; transform: translateZ(0); }
}
@keyframes green { 0%, 12% { transform: translateY(0); opacity: 0; left: -0.25em; } 18%, 30% { transform: translateY(-2.75em); opacity: 1; width: 1em; height: 1em; } 42%, 60% { transform: translateY(-2.75em); width: 3em; } 72% { width: 1em; left: -0.25em; transform: translateY(-2.75em); opacity: 1; height: 1em; } 88% { left: 0.5em; width: 1em; height: 1em; transform: translateY(-0.25em); } 100% { width: 0.5em; left: -0.5em; transform: translateZ(0); }
}
@keyframes orange { 0%, 10% { transform: translateY(0); opacity: 0; } 16%, 30% { transform: translateY(-1.5em); opacity: 1; left: -1.25em; width: 1em; height: 1em; } 42%, 60% { transform: translateY(-1.5em); width: 3em; left: -1.25em; } 72% { width: 1em; left: 0.5em; transform: translateY(-1.5em); opacity: 1; height: 1em; } 88% { left: 0.5em; width: 1em; height: 1em; transform: translateY(-0.25em); } 100% { width: 0.5em; left: -0.5em; transform: translateZ(0); }
}
.loader3 { position: fixed; top: 50%; left: 50%; transform: scale(0.6);
}
.loader3 .line { display: block; left: -2.5em; position: absolute; height: 0.5em; width: 0.5em; border-radius: 6px; background: rgba(0, 0, 0, 0.16); margin-top: 4em; -webkit-animation: animline 5s ease-in-out infinite; animation: animline 5s ease-in-out infinite;
}
.loader3 .orange, .loader3 .blue, .loader3 .green { opacity: 0; display: block; left: -1em; position: absolute; height: 0.5em; width: 0.5em; border-radius: 4px; box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.1); background: #fb792f; margin-top: 4em; -webkit-animation: orange 5s ease-in-out infinite; animation: orange 5s ease-in-out infinite;
}
.loader3 .blue { left: -0.5em; background: #05a8ff; -webkit-animation: blue 5s ease-in-out infinite; animation: blue 5s ease-in-out infinite;
}
.loader3 .green { left: 0; background: #4cbc65; -webkit-animation: green 5s ease-in-out infinite; animation: green 5s ease-in-out infinite;
} .loader { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 35px; height: 10px; background: #4DBC64; border-radius: 3px; -webkit-animation: load 1.8s ease-in-out infinite; animation: load 1.8s ease-in-out infinite; z-index: 99999999;
}
.loader:before, .loader:after { position: absolute; display: block; content: ""; height: 10px; border-radius: 3px;
}
.loader:before { top: -13px; left: 10px; width: 35px; background: #06A8FF; -webkit-animation: load 8s ease infinite; animation: load 8s ease infinite;
}
.loader:after { bottom: -13px; width: 35px; background: #FA782F; -webkit-animation: load 2.8s ease infinite; animation: load 2.8s ease infinite;
} @keyframes load { 0% { transform: translateX(30px); } 50% { transform: translateX(-20px); } 100% { transform: translateX(30px); }
}
/*DRAG–––––––––––––*/
.draggable-container { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
} .draggable { -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; cursor: move !important; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.draggable:hover { transform: scale(0.95);
}
.draggable:active { transform: scale(0.8);
}
.draggable.drag-start { opacity: 0.5; filter: alpha(opacity=50); transform: scale(0.8) !important;
}
.draggable.drag-enter { opacity: 0.8; filter: alpha(opacity=80); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);
} /*YouTubeEmbedIframe––––––––––*/
.YouTubeEmbedIframe { position: relative; width: 100%; height: 0; padding-bottom: 56.25%;
}
.YouTubeEmbedIframe .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
} .EasterEgg { position: fixed; width: 2px; height: 2px; background-color: black; cursor: pointer;
} .CommonPopupJs { position: relative;
} .showMedia360, .showMedia720 { display: none;
} iconsmall { position: relative; background-size: 384px; width: 19.2px; min-width: 19.2px; height: 19.2px; min-height: 19.2px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; pointer-events: none; display: block;
}
iconsmall.iconLogoFullGray { background-position: 0px -249.6px; width: 153.6px; min-width: 153.6px; height: 19.2px; min-height: 19.2px;
}
iconsmall.iconAcceptGreen { background-position: -38.4px -19.2px; width: 19.2px; min-width: 19.2px; height: 19.2px; min-height: 19.2px;
} icons { position: relative; background-size: 691.2px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; pointer-events: none; display: block;
}
icons.iconLogoGray { background-position: 0px -483.84px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconLogoGrayText { background-position: -34.56px -483.84px; width: 311.04px; min-width: 311.04px; height: 34.56px; min-height: 34.56px;
}
icons.iconStar { background-position: -207.36px 0px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconVisa { background-position: 0px 0px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconMc { background-position: -34.56px 0px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconAmex { background-position: -69.12px 0px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconStripe { background-position: -103.68px 0px; width: 69.12px; min-width: 69.12px; height: 34.56px; min-height: 34.56px;
}
icons.iconCloseSmallGray { background-position: -172.8px -311.04px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconAcceptGreen { background-position: -69.12px -34.56px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.icon3dots { background-position: -311.04px -69.12px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconColorPalete { background-position: -207.36px -138.24px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconNoAd { background-position: -311.04px -138.24px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconLock { background-position: -276.48px -276.48px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconTimeline { background-position: -34.56px -138.24px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconDownload { background-position: -276.48px -138.24px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconLockGray { background-position: -276.48px -311.04px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconCabinet { background-position: -345.6px -138.24px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconX2 { background-position: -138.24px -345.6px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconDot { background-position: -172.8px -345.6px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconPersonTeacher { background-position: -138.24px -172.8px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconDollar { background-position: -103.68px -172.8px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconDollar2 { background-position: -172.8px -172.8px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconStudyHat { background-position: 0px -172.8px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconMathResult { background-position: -518.4px -69.12px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconMathMult { background-position: -552.96px -69.12px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconMathPlus { background-position: -587.52px -69.12px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconInvoice { background-position: -207.36px -172.8px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconArrowBigRight { background-position: -207.36px -69.12px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconCrownGray { background-position: -34.56px -34.56px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconStar { background-position: -207.36px 0px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconSiluet { background-position: -103.68px -138.24px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.icfJpg { background-position: 0px -587.52px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.icfPdf { background-position: -69.12px -587.52px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.icfDoc { background-position: -103.68px -587.52px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconArrowDownSmall { background-position: 0px -69.12px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
}
icons.iconTgCoin { background-position: -380.16px -34.56px; width: 34.56px; min-width: 34.56px; height: 34.56px; min-height: 34.56px;
} iconsx2 { position: relative; background-size: 1075.2px; width: 53.76px; min-width: 53.76px; height: 53.76px; min-height: 53.76px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; pointer-events: none; display: block;
}
iconsx2.iconVisa { background-position: 0px 0px; width: 53.76px; min-width: 53.76px; height: 53.76px; min-height: 53.76px;
}
iconsx2.iconMc { background-position: -53.76px 0px; width: 53.76px; min-width: 53.76px; height: 53.76px; min-height: 53.76px;
}
iconsx2.iconAmex { background-position: -107.52px 0px; width: 53.76px; min-width: 53.76px; height: 53.76px; min-height: 53.76px;
}
iconsx2.iconStripe { background-position: -161.28px 0px; width: 107.52px; min-width: 107.52px; height: 53.76px; min-height: 53.76px;
}
iconsx2.icon3dots { background-position: -483.84px -107.52px; width: 53.76px; min-width: 53.76px; height: 53.76px; min-height: 53.76px;
}
iconsx2.icon01 { background-position: 0px -537.6px; width: 53.76px; min-width: 53.76px; height: 53.76px; min-height: 53.76px;
}
iconsx2.icon02 { background-position: -53.76px -537.6px; width: 53.76px; min-width: 53.76px; height: 53.76px; min-height: 53.76px;
}
iconsx2.icon03 { background-position: -107.52px -537.6px; width: 53.76px; min-width: 53.76px; height: 53.76px; min-height: 53.76px;
}
iconsx2.iconSocialFb { background-position: 0px -806.4px; width: 53.76px; min-width: 53.76px; height: 53.76px; min-height: 53.76px;
}
iconsx2.iconSocialInsta { background-position: -53.76px -806.4px; width: 53.76px; min-width: 53.76px; height: 53.76px; min-height: 53.76px;
}
iconsx2.iconSocialTwit { background-position: -107.52px -806.4px; width: 53.76px; min-width: 53.76px; height: 53.76px; min-height: 53.76px;
}
iconsx2.iconSocialYtube { background-position: -161.28px -806.4px; width: 53.76px; min-width: 53.76px; height: 53.76px; min-height: 53.76px;
}
iconsx2.iconSocialVk { background-position: -215.04px -806.4px; width: 53.76px; min-width: 53.76px; height: 53.76px; min-height: 53.76px;
}
iconsx2.iconSocialIn { background-position: -268.8px -806.4px; width: 53.76px; min-width: 53.76px; height: 53.76px; min-height: 53.76px;
}
iconsx2.iconSocialReddit { background-position: -322.56px -806.4px; width: 53.76px; min-width: 53.76px; height: 53.76px; min-height: 53.76px;
}
iconsx2.iconTelegram { background-position: -537.6px -806.4px; width: 53.76px; min-width: 53.76px; height: 53.76px; min-height: 53.76px;
}
iconsx2.iconYoutube { background-position: -591.36px -806.4px; width: 53.76px; min-width: 53.76px; height: 53.76px; min-height: 53.76px;
} iconsx3 { position: relative; background-size: 1536px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; pointer-events: none; display: block;
}
iconsx3.icon01 { background-position: 0px -768px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px;
}
iconsx3.icon02 { background-position: -76.8px -768px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px;
}
iconsx3.icon03 { background-position: -153.6px -768px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px;
}
iconsx3.icon04 { background-position: -230.4px -768px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px;
}
iconsx3.iconBuilding { background-position: -76.8px -384px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px;
}
iconsx3.iconStudyTeacher { background-position: -153.6px -384px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px;
}
iconsx3.iconRocket { background-position: -537.6px -76.8px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px;
}
iconsx3.iconStudyHat { background-position: 0px -384px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px;
}
iconsx3.iconPostmail { background-position: -230.4px -76.8px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px;
}
iconsx3.iconTableWork { background-position: -691.2px -76.8px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px;
}
iconsx3.iconFolder { background-position: -460.8px -537.6px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px;
}
iconsx3.iconFolderShare { background-position: -614.4px -537.6px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px;
}
iconsx3.iconPlanet { background-position: -691.2px -614.4px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px;
}
iconsx3.iconDuplicate { background-position: -1382.4px -307.2px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px;
}
iconsx3.iconVimeo { background-position: -921.6px -1152px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px;
}
iconsx3.icApi { background-position: -384px -1228.8px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px;
}
iconsx3.iconCode { background-position: -153.6px -537.6px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px;
}
iconsx3.iconTgCoin { background-position: -844.8px -76.8px; width: 76.8px; min-width: 76.8px; height: 76.8px; min-height: 76.8px;
} iconsx6 { position: relative; background-size: 3072px; width: 153.6px; min-width: 153.6px; height: 153.6px; min-height: 153.6px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; pointer-events: none; display: block;
}
iconsx6.iconFolder { background-position: -921.6px -1075.2px; width: 153.6px; min-width: 153.6px; height: 153.6px; min-height: 153.6px;
}
iconsx6.iconTgCoin { background-position: -1689.6px -153.6px; width: 153.6px; min-width: 153.6px; height: 153.6px; min-height: 153.6px;
} .CommonInputRange { display: flex; flex-direction: column; padding: 12px 0; position: relative; width: 100%;
}
.CommonInputRange .premiumDiv { height: 1.76px; border-radius: 3px; position: relative; background-color: #ff9715; top: 3px; z-index: -1;
}
.CommonInputRange .premiumDiv .buttons { margin-left: 50%; left: -14px; top: -6px; transform: scale(0.5);
}
.CommonInputRange .popupValue { position: relative; display: flex; align-items: center; justify-content: start; flex-direction: column; gap: 0; width: max-content; margin-top: 4px;
}
.CommonInputRange .popupValue .value { background-color: #2ab637; color: #ffffff; border-radius: 4px; margin-top: -1px; padding: 2px 3px; text-align: center; min-width: 15px;
}
.CommonInputRange .popupValue .arrow { position: relative; margin-top: 3px; width: 12px; border: 6px solid transparent; border-bottom-color: #2ab637;
}
.CommonInputRange input { -webkit-appearance: none; width: 100%; height: 5.28px; border-radius: 3px; background: linear-gradient(to right, #28b536 0%, #ced8e0 0%);
}
.CommonInputRange input::-webkit-slider-thumb { cursor: pointer; width: 10.56px; height: 29.28px; transform: translateY(-50%); -webkit-appearance: none; margin-top: 5px; background-color: #fff; border-radius: 4px; box-shadow: 0 0 0 1px rgba(10, 14, 34, 0.1), 0 1px 0 rgba(10, 14, 34, 0.25);
}
.CommonInputRange input::-webkit-slider-runnable-track { height: 10px; cursor: pointer;
}
.CommonInputRange input::-moz-range-thumb { cursor: pointer; width: 8px; height: 22px; border-radius: 4px; box-shadow: 0 0 0 1px rgba(10, 14, 34, 0.1), 0 1px 0 rgba(10, 14, 34, 0.25); background-color: #fff; border: none;
}
.CommonInputRange input::-moz-range-track { background: #ced8e0; cursor: pointer; height: 0;
}
.CommonInputRange input::-ms-thumb { background: #3e6492; cursor: pointer; height: 20px; width: 20px; border-radius: 50%; border: none; box-shadow: none;
}
.CommonInputRange input::-ms-track { background: transparent; border-color: transparent; color: transparent; cursor: pointer; height: 10px;
}
.CommonInputRange input::-ms-fill-lower { background: #ced8e0;
}
.CommonInputRange input::-ms-fill-upper { background: #ced8e0;
}
.CommonInputRange.CommonInputRange-vertical { background: none;
}
.CommonInputRange.CommonInputRange-vertical input { margin-top: 50px; width: 100px; margin-left: calc(12.8px - 42px); -webkit-transform: rotate(270deg); transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg);
} .CommonSwitch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; color: inherit;
}
.CommonSwitch .label { margin-left: 5px;
}
.CommonSwitch .switch { background-color: #f9f9f9; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); border-radius: 20px; width: 45.328px; min-width: 45.328px; height: 26.56px; position: relative; cursor: pointer;
}
.CommonSwitch .inactive { opacity: 0.5;
}
.CommonSwitch .switch:after { background-color: #fff; border: 1px #b2b2b2 solid; content: ""; position: absolute; border-radius: 15px; width: 26.56px; height: 26.56px; left: 0; top: -1px; pointer-events: none; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02);
}
.CommonSwitch .switch-on:after { background-color: #00bf34; left: 18.656px; border: 1px white solid;
} .Switcher { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.Switcher .label { margin: 0 7px 0 0; color: black;
}
.Switcher .container { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: 34.56px; background: #FFFFFF; border-radius: 3px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}
.Switcher .container .item { display: flex; align-items: start; justify-content: center; flex-direction: row; gap: 0; cursor: pointer; border-radius: 3px; display: inline-block; -webkit-transition: 0.15s ease; -o-transition: 0.15s ease; transition: 0.15s ease; height: 34.56px; padding: 0 2px 0 2px; line-height: 34.56px;
}
.Switcher .container .item.selected { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ddf4ff), to(#fffec0)); background-image: -webkit-linear-gradient(top, #ddf4ff, #fffec0); background-image: -o-linear-gradient(top, #ddf4ff, #fffec0); background-image: linear-gradient(to bottom, #ddf4ff, #fffec0); padding: 0 3px 0 0; transform: scale(1.02); box-shadow: 0 0 2px 0 #6d6d6d;
}
.Switcher .container .simpleItem { padding: 0;
}
.Switcher .container .simpleItem.selected { padding-left: 1px; padding-right: 1px;
}
.Switcher .container .on { background: url("/public/images/svg/fullscreen-on.svg") no-repeat center; background-size: 36px; width: 36px; height: 26px;
}
.Switcher .container .off { background: url("/public/images/svg/fullscreen-off.svg") no-repeat center; background-size: 36px; width: 36px; height: 26px;
}
.Switcher .container .edu { padding-right: 33px; background: url("/public/images/svg/mortarboard-w.svg") no-repeat right 8px center; background-size: 18px; height: 26px;
}
.Switcher .container .corp { padding-right: 33px; background: url("/public/images/svg/rocket.svg") no-repeat right 8px center; background-size: 18px; height: 26px;
} .element_cell { position: relative; width: 100%;
}
.element_cell .image { background-image: none; background-color: rgba(10, 14, 34, 0.06); position: absolute; overflow: hidden; top: 0%; left: 0%; width: 100%; height: 100%; border: 0; border-radius: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; user-select: none;
}
.element_cell .image img { width: auto; height: auto; align-self: center; border-radius: 0;
}
.element_cell .image.antN_1 { box-shadow: 0 0 0 1.5px white;
}
.element_cell .image.ant1 { border-radius: 50%;
}
.element_cell .image.ant1 img { border-radius: 50%;
}
.element_cell .image.ant2 { border-radius: 8px;
}
.element_cell .image.ant2 img { border-radius: 8px;
}
.element_cell.enh_ratio-175 { padding-top: 175%;
}
.element_cell.enh_ratio-100 { padding-top: 100%;
}
.element_cell.enh_ratio-66 { padding-top: 66%;
} .buttons { padding: 0 8px 0 10.56px; background-image: none; background-color: transparent; position: relative; display: flex; align-items: center; justify-content: center; height: auto; margin: 0; border: 0 solid transparent; border-radius: 0; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; -moz-user-select: none; -webkit-transform: translate3d(0, 0, 0); white-space: nowrap; font-size: 120%; letter-spacing: -0.36px; line-height: 1.2; font-weight: 360; color: #0a0e22; background-color: rgba(10, 14, 34, 0.06); width: max-content; height: 35.2px; padding: 0 16px; border-radius: 8px;
}
.buttons .ExtraFeatureIcon { position: absolute; top: -13px; right: -12px; transform: scale(0.6); background-color: transparent;
}
.buttons .text { padding: 1.6px 0 0 0;
}
.buttons::before, .buttons::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 0; opacity: 0; transform: scale(0.5); display: flex; content: ""; background-image: none; background-color: rgba(10, 14, 34, 0.06); transition: opacity 0.075s ease-in-out, transform 0.075s ease-in-out, top 0.1s ease-in-out; border-radius: 8px;
}
.buttons:hover::before, .buttons:active::after { transform: scale(1); opacity: 1;
}
.buttons.iconVisa > icon, .buttons.iconMc > icon, .buttons.iconAmex > icon, .buttons.iconStripe > icon, .buttons.iconStar > icon, .buttons.iconTrustpilot45 > icon, .buttons.iconCrown > icon, .buttons.iconCrownGray > icon, .buttons.iconAcceptGreen > icon, .buttons.iconPostmail > icon, .buttons.iconKeyboard > icon, .buttons.iconMouse > icon, .buttons.iconEgg > icon, .buttons.iconRocket > icon, .buttons.iconPalette > icon, .buttons.iconTableWork > icon, .buttons.iconEnter > icon, .buttons.iconTgCoin > icon, .buttons.iconHeart > icon, .buttons.iconRocketColored > icon, .buttons.iconAlert > icon, .buttons.iconArrowDownSmall > icon, .buttons.iconArrowDownSmallWhite > icon, .buttons.iconMenu > icon, .buttons.iconArrowBigDown > icon, .buttons.iconArrowBigUp > icon, .buttons.iconArrowBigLeft > icon, .buttons.iconArrowBigRight > icon, .buttons.iconSearch > icon, .buttons.iconArrowRight > icon, .buttons.icon3dots > icon, .buttons.iconArrowDownV2 > icon, .buttons.iconMapPlus > icon, .buttons.iconMapMinus > icon, .buttons.iconMapExpand > icon, .buttons.iconMapCollapse > icon, .buttons.iconMathResult > icon, .buttons.iconMathMult > icon, .buttons.iconMathPlus > icon, .buttons.iconMathMinus > icon, .buttons.iconMathNe > icon, .buttons.iconFlag-en > icon, .buttons.iconFlag-es > icon, .buttons.iconFlag-de > icon, .buttons.iconFlag-fr > icon, .buttons.iconFlag-it > icon, .buttons.iconFlag-ru > icon, .buttons.iconFlag-pt > icon, .buttons.iconFlag-re > icon, .buttons.iconUser > icon, .buttons.iconTimeline > icon, .buttons.iconCreateApp > icon, .buttons.iconSiluet > icon, .buttons.iconSettings > icon, .buttons.iconDoor > icon, .buttons.iconColorPalete > icon, .buttons.iconMedia > icon, .buttons.iconDownload > icon, .buttons.iconNoAd > icon, .buttons.iconCabinet > icon, .buttons.iconUpload > icon, .buttons.iconUploadFile > icon, .buttons.iconCamera > icon, .buttons.iconTable > icon, .buttons.iconPlayMedia > icon, .buttons.iconPin > icon, .buttons.iconUrlLink > icon, .buttons.iconDuplicate > icon, .buttons.iconBin > icon, .buttons.iconStudyHat > icon, .buttons.iconBuilding > icon, .buttons.iconStudyTeacher > icon, .buttons.iconDollar > icon, .buttons.iconPersonTeacher > icon, .buttons.iconDollar2 > icon, .buttons.iconInvoice > icon, .buttons.iconCase > icon, .buttons.iconLike > icon, .buttons.iconDislike > icon, .buttons.iconEye > icon, .buttons.iconEyeHide > icon, .buttons.iconMoveRight > icon, .buttons.iconMoveLeft > icon, .buttons.iconComment > icon, .buttons.iconFitTimeline > icon, .buttons.iconPlus > icon, .buttons.iconPlusSmall > icon, .buttons.iconCode > icon, .buttons.iconDownloadDocument > icon, .buttons.iconTag > icon, .buttons.iconReset > icon, .buttons.iconFolder > icon, .buttons.iconFolderCreate > icon, .buttons.iconFolderShare > icon, .buttons.iconSaveDisk > icon, .buttons.iconSpeakerOffBlack > icon, .buttons.iconSpeakerOnBlack > icon, .buttons.iconLampOffBlack > icon, .buttons.iconLampOnBlack > icon, .buttons.iconCloseBig > icon, .buttons.iconCloseSmall > icon, .buttons.iconPen > icon, .buttons.iconCreateTimeline > icon, .buttons.iconLock > icon, .buttons.iconPlanet > icon, .buttons.iconUnlock > icon, .buttons.iconEditText > icon, .buttons.iconSpeakerOffWhite > icon, .buttons.iconSpeakerOnWhite > icon, .buttons.iconLampOffWhite > icon, .buttons.iconLampOnWhite > icon, .buttons.iconCloseBigGray > icon, .buttons.iconCloseSmallGray > icon, .buttons.iconPenWhite > icon, .buttons.iconCreateTimelineWhite > icon, .buttons.iconLockGray > icon, .buttons.iconPlanetWhite > icon, .buttons.icon01 > icon, .buttons.icon02 > icon, .buttons.icon03 > icon, .buttons.icon04 > icon, .buttons.iconX2 > icon, .buttons.iconDot > icon, .buttons.iconAccept > icon, .buttons.iconEventBottom > icon, .buttons.iconEventTop > icon, .buttons.iconEventTextLeft > icon, .buttons.iconEventTextCenter > icon, .buttons.iconEventTextRight > icon, .buttons.iconEventBox > icon, .buttons.iconEventLines > icon, .buttons.iconEventCircleLines > icon, .buttons.iconEventVertBox > icon, .buttons.iconEventVertLine > icon, .buttons.iconEventCircle > icon, .buttons.iconPeriodRect > icon, .buttons.iconPeriodRectTop > icon, .buttons.iconPeriodApprox > icon, .buttons.iconPeriodApproxLeft > icon, .buttons.iconPeriodApproxRight > icon, .buttons.iconPeriodApproxTop > icon, .buttons.iconPeriodBrackets > icon, .buttons.iconPeriodFill > icon, .buttons.iconPeriodThin > icon, .buttons.iconLogoFullGray > icon, .buttons.iconLogoFull > icon, .buttons.iconLogoGray > icon, .buttons.iconLogoGrayText > icon, .buttons.iconSocialFb > icon, .buttons.iconSocialInsta > icon, .buttons.iconSocialTwit > icon, .buttons.iconSocialYtube > icon, .buttons.iconSocialVk > icon, .buttons.iconSocialIn > icon, .buttons.iconSocialReddit > icon, .buttons.iconSocialGoogle > icon, .buttons.iconDropbox > icon, .buttons.iconGoogleDrive > icon, .buttons.iconTelegram > icon, .buttons.iconYoutube > icon, .buttons.iconVimeo > icon, .buttons.iconFacebook > icon, .buttons.iconLinkedin > icon, .buttons.icEvent > icon, .buttons.icPeriod > icon, .buttons.icProgress > icon, .buttons.icStats > icon, .buttons.icEarth > icon, .buttons.icApi > icon, .buttons.icGroup > icon, .buttons.icMultistats > icon, .buttons.icAnalytics > icon, .buttons.icCalendar > icon, .buttons.icExcel > icon, .buttons.icAI > icon, .buttons.icfJpg > icon, .buttons.icfPng > icon, .buttons.icfPdf > icon, .buttons.icfDoc > icon, .buttons.icfPpt > icon, .buttons.icfXsl > icon, .buttons.icfZip > icon { position: relative; background-size: 768px; width: 38.4px; min-width: 38.4px; height: 38.4px; min-height: 38.4px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; pointer-events: none; display: block;
}
.buttons.iconVisa > icon { background-position: 0px 0px;
}
.buttons.iconMc > icon { background-position: -38.4px 0px;
}
.buttons.iconAmex > icon { background-position: -76.8px 0px;
}
.buttons.iconStripe > icon { background-position: -115.2px 0px; width: 76.8px;
}
.buttons.iconStar > icon { background-position: -230.4px 0px;
}
.buttons.iconTrustpilot45 > icon { background-position: -268.8px 0px; width: 153.6px;
}
.buttons.iconCrown > icon { background-position: 0px -38.4px;
}
.buttons.iconCrownGray > icon { background-position: -38.4px -38.4px;
}
.buttons.iconAcceptGreen > icon { background-position: -76.8px -38.4px;
}
.buttons.iconPostmail > icon { background-position: -115.2px -38.4px;
}
.buttons.iconKeyboard > icon { background-position: -153.6px -38.4px;
}
.buttons.iconMouse > icon { background-position: -192px -38.4px;
}
.buttons.iconEgg > icon { background-position: -230.4px -38.4px;
}
.buttons.iconRocket > icon { background-position: -268.8px -38.4px;
}
.buttons.iconPalette > icon { background-position: -307.2px -38.4px;
}
.buttons.iconTableWork > icon { background-position: -345.6px -38.4px;
}
.buttons.iconEnter > icon { background-position: -384px -38.4px;
}
.buttons.iconTgCoin > icon { background-position: -422.4px -38.4px;
}
.buttons.iconHeart > icon { background-position: -460.8px -38.4px;
}
.buttons.iconRocketColored > icon { background-position: -499.2px -38.4px;
}
.buttons.iconAlert > icon { background-position: -537.6px -38.4px;
}
.buttons.iconArrowDownSmall > icon { background-position: 0px -76.8px;
}
.buttons.iconArrowDownSmallWhite > icon { background-position: -38.4px -76.8px;
}
.buttons.iconMenu > icon { background-position: -76.8px -76.8px;
}
.buttons.iconArrowBigDown > icon { background-position: -115.2px -76.8px;
}
.buttons.iconArrowBigUp > icon { background-position: -153.6px -76.8px;
}
.buttons.iconArrowBigLeft > icon { background-position: -192px -76.8px;
}
.buttons.iconArrowBigRight > icon { background-position: -230.4px -76.8px;
}
.buttons.iconSearch > icon { background-position: -268.8px -76.8px;
}
.buttons.iconArrowRight > icon { background-position: -307.2px -76.8px;
}
.buttons.icon3dots > icon { background-position: -345.6px -76.8px;
}
.buttons.iconArrowDownV2 > icon { background-position: -384px -76.8px;
}
.buttons.iconMapPlus > icon { background-position: -422.4px -76.8px;
}
.buttons.iconMapMinus > icon { background-position: -460.8px -76.8px;
}
.buttons.iconMapExpand > icon { background-position: -499.2px -76.8px;
}
.buttons.iconMapCollapse > icon { background-position: -537.6px -76.8px;
}
.buttons.iconMathResult > icon { background-position: -576px -76.8px;
}
.buttons.iconMathMult > icon { background-position: -614.4px -76.8px;
}
.buttons.iconMathPlus > icon { background-position: -652.8px -76.8px;
}
.buttons.iconMathMinus > icon { background-position: -691.2px -76.8px;
}
.buttons.iconMathNe > icon { background-position: -729.6px -76.8px;
}
.buttons.iconFlag-en > icon { background-position: 0px -115.2px;
}
.buttons.iconFlag-es > icon { background-position: -38.4px -115.2px;
}
.buttons.iconFlag-de > icon { background-position: -76.8px -115.2px;
}
.buttons.iconFlag-fr > icon { background-position: -115.2px -115.2px;
}
.buttons.iconFlag-it > icon { background-position: -153.6px -115.2px;
}
.buttons.iconFlag-ru > icon { background-position: -268.8px -115.2px;
}
.buttons.iconFlag-pt > icon { background-position: -230.4px -115.2px;
}
.buttons.iconFlag-re > icon { background-position: -268.8px -115.2px;
}
.buttons.iconUser > icon { background-position: 0px -153.6px;
}
.buttons.iconTimeline > icon { background-position: -38.4px -153.6px;
}
.buttons.iconCreateApp > icon { background-position: -76.8px -153.6px;
}
.buttons.iconSiluet > icon { background-position: -115.2px -153.6px;
}
.buttons.iconSettings > icon { background-position: -153.6px -153.6px;
}
.buttons.iconDoor > icon { background-position: -192px -153.6px;
}
.buttons.iconColorPalete > icon { background-position: -230.4px -153.6px;
}
.buttons.iconMedia > icon { background-position: -268.8px -153.6px;
}
.buttons.iconDownload > icon { background-position: -307.2px -153.6px;
}
.buttons.iconNoAd > icon { background-position: -345.6px -153.6px;
}
.buttons.iconCabinet > icon { background-position: -384px -153.6px;
}
.buttons.iconUpload > icon { background-position: -422.4px -153.6px;
}
.buttons.iconUploadFile > icon { background-position: -460.8px -153.6px;
}
.buttons.iconCamera > icon { background-position: -499.2px -153.6px;
}
.buttons.iconTable > icon { background-position: -537.6px -153.6px;
}
.buttons.iconPlayMedia > icon { background-position: -576px -153.6px;
}
.buttons.iconPin > icon { background-position: -614.4px -153.6px;
}
.buttons.iconUrlLink > icon { background-position: -652.8px -153.6px;
}
.buttons.iconDuplicate > icon { background-position: -691.2px -153.6px;
}
.buttons.iconBin > icon { background-position: -729.6px -153.6px;
}
.buttons.iconStudyHat > icon { background-position: 0px -192px;
}
.buttons.iconBuilding > icon { background-position: -38.4px -192px;
}
.buttons.iconStudyTeacher > icon { background-position: -76.8px -192px;
}
.buttons.iconDollar > icon { background-position: -115.2px -192px;
}
.buttons.iconPersonTeacher > icon { background-position: -153.6px -192px;
}
.buttons.iconDollar2 > icon { background-position: -192px -192px;
}
.buttons.iconInvoice > icon { background-position: -230.4px -192px;
}
.buttons.iconCase > icon { background-position: -268.8px -192px;
}
.buttons.iconLike > icon { background-position: 0px -230.4px;
}
.buttons.iconDislike > icon { background-position: -38.4px -230.4px;
}
.buttons.iconEye > icon { background-position: -76.8px -230.4px;
}
.buttons.iconEyeHide > icon { background-position: -115.2px -230.4px;
}
.buttons.iconMoveRight > icon { background-position: -153.6px -230.4px;
}
.buttons.iconMoveLeft > icon { background-position: -192px -230.4px;
}
.buttons.iconComment > icon { background-position: -230.4px -230.4px;
}
.buttons.iconFitTimeline > icon { background-position: -268.8px -230.4px;
}
.buttons.iconPlus > icon { background-position: 0px -268.8px;
}
.buttons.iconPlusSmall > icon { background-position: -38.4px -268.8px;
}
.buttons.iconCode > icon { background-position: -76.8px -268.8px;
}
.buttons.iconDownloadDocument > icon { background-position: -115.2px -268.8px;
}
.buttons.iconTag > icon { background-position: -153.6px -268.8px;
}
.buttons.iconReset > icon { background-position: -192px -268.8px;
}
.buttons.iconFolder > icon { background-position: -230.4px -268.8px;
}
.buttons.iconFolderCreate > icon { background-position: -268.8px -268.8px;
}
.buttons.iconFolderShare > icon { background-position: -307.2px -268.8px;
}
.buttons.iconSaveDisk > icon { background-position: -345.6px -268.8px;
}
.buttons.iconSpeakerOffBlack > icon { background-position: 0px -307.2px;
}
.buttons.iconSpeakerOnBlack > icon { background-position: -38.4px -307.2px;
}
.buttons.iconLampOffBlack > icon { background-position: -76.8px -307.2px;
}
.buttons.iconLampOnBlack > icon { background-position: -115.2px -307.2px;
}
.buttons.iconCloseBig > icon { background-position: -153.6px -307.2px;
}
.buttons.iconCloseSmall > icon { background-position: -192px -307.2px;
}
.buttons.iconPen > icon { background-position: -230.4px -307.2px;
}
.buttons.iconCreateTimeline > icon { background-position: -268.8px -307.2px;
}
.buttons.iconLock > icon { background-position: -307.2px -307.2px;
}
.buttons.iconPlanet > icon { background-position: -345.6px -307.2px;
}
.buttons.iconUnlock > icon { background-position: -384px -307.2px;
}
.buttons.iconEditText > icon { background-position: -422.4px -307.2px;
}
.buttons.iconSpeakerOffWhite > icon { background-position: 0px -345.6px;
}
.buttons.iconSpeakerOnWhite > icon { background-position: -38.4px -345.6px;
}
.buttons.iconLampOffWhite > icon { background-position: -76.8px -345.6px;
}
.buttons.iconLampOnWhite > icon { background-position: -115.2px -345.6px;
}
.buttons.iconCloseBigGray > icon { background-position: -153.6px -345.6px;
}
.buttons.iconCloseSmallGray > icon { background-position: -192px -345.6px;
}
.buttons.iconPenWhite > icon { background-position: -230.4px -345.6px;
}
.buttons.iconCreateTimelineWhite > icon { background-position: -268.8px -345.6px;
}
.buttons.iconLockGray > icon { background-position: -307.2px -345.6px;
}
.buttons.iconPlanetWhite > icon { background-position: -345.6px -345.6px;
}
.buttons.icon01 > icon { background-position: 0px -384px;
}
.buttons.icon02 > icon { background-position: -38.4px -384px;
}
.buttons.icon03 > icon { background-position: -76.8px -384px;
}
.buttons.icon04 > icon { background-position: -115.2px -384px;
}
.buttons.iconX2 > icon { background-position: -153.6px -384px;
}
.buttons.iconDot > icon { background-position: -192px -384px;
}
.buttons.iconAccept > icon { background-position: -230.4px -384px;
}
.buttons.iconEventBottom > icon { background-position: 0px -422.4px;
}
.buttons.iconEventTop > icon { background-position: -38.4px -422.4px;
}
.buttons.iconEventTextLeft > icon { background-position: -76.8px -422.4px;
}
.buttons.iconEventTextCenter > icon { background-position: -115.2px -422.4px;
}
.buttons.iconEventTextRight > icon { background-position: -153.6px -422.4px;
}
.buttons.iconEventBox > icon { background-position: -192px -422.4px;
}
.buttons.iconEventLines > icon { background-position: -230.4px -422.4px;
}
.buttons.iconEventCircleLines > icon { background-position: -268.8px -422.4px;
}
.buttons.iconEventVertBox > icon { background-position: -307.2px -422.4px;
}
.buttons.iconEventVertLine > icon { background-position: -345.6px -422.4px;
}
.buttons.iconEventCircle > icon { background-position: -384px -422.4px;
}
.buttons.iconPeriodRect > icon { background-position: 0px -460.8px;
}
.buttons.iconPeriodRectTop > icon { background-position: -38.4px -460.8px;
}
.buttons.iconPeriodApprox > icon { background-position: -76.8px -460.8px;
}
.buttons.iconPeriodApproxLeft > icon { background-position: -115.2px -460.8px;
}
.buttons.iconPeriodApproxRight > icon { background-position: -153.6px -460.8px;
}
.buttons.iconPeriodApproxTop > icon { background-position: -192px -460.8px;
}
.buttons.iconPeriodBrackets > icon { background-position: -230.4px -460.8px;
}
.buttons.iconPeriodFill > icon { background-position: -268.8px -460.8px;
}
.buttons.iconPeriodThin > icon { background-position: -307.2px -460.8px;
}
.buttons.iconLogoFullGray > icon { background-position: 0px -499.2px; width: 307.2px;
}
.buttons.iconLogoFull > icon { background-position: -307.2px -499.2px; width: 307.2px;
}
.buttons.iconLogoGray > icon { background-position: 0px -537.6px;
}
.buttons.iconLogoGrayText > icon { background-position: -38.4px -537.6px; width: 345.6px;
}
.buttons.iconSocialFb > icon { background-position: 0px -576px;
}
.buttons.iconSocialInsta > icon { background-position: -38.4px -576px;
}
.buttons.iconSocialTwit > icon { background-position: -76.8px -576px;
}
.buttons.iconSocialYtube > icon { background-position: -115.2px -576px;
}
.buttons.iconSocialVk > icon { background-position: -153.6px -576px;
}
.buttons.iconSocialIn > icon { background-position: -192px -576px;
}
.buttons.iconSocialReddit > icon { background-position: -230.4px -576px;
}
.buttons.iconSocialGoogle > icon { background-position: -268.8px -576px;
}
.buttons.iconDropbox > icon { background-position: -307.2px -576px;
}
.buttons.iconGoogleDrive > icon { background-position: -345.6px -576px;
}
.buttons.iconTelegram > icon { background-position: -384px -576px;
}
.buttons.iconYoutube > icon { background-position: -422.4px -576px;
}
.buttons.iconVimeo > icon { background-position: -460.8px -576px;
}
.buttons.iconFacebook > icon { background-position: -499.2px -576px;
}
.buttons.iconLinkedin > icon { background-position: -537.6px -576px;
}
.buttons.icEvent > icon { background-position: 0px -614.4px;
}
.buttons.icPeriod > icon { background-position: -38.4px -614.4px;
}
.buttons.icProgress > icon { background-position: -76.8px -614.4px;
}
.buttons.icStats > icon { background-position: -115.2px -614.4px;
}
.buttons.icEarth > icon { background-position: -153.6px -614.4px;
}
.buttons.icApi > icon { background-position: -192px -614.4px;
}
.buttons.icGroup > icon { background-position: -230.4px -614.4px;
}
.buttons.icMultistats > icon { background-position: -268.8px -614.4px;
}
.buttons.icAnalytics > icon { background-position: -307.2px -614.4px;
}
.buttons.icCalendar > icon { background-position: -345.6px -614.4px;
}
.buttons.icExcel > icon { background-position: -384px -614.4px;
}
.buttons.icAI > icon { background-position: -422.4px -614.4px;
}
.buttons.icfJpg > icon { background-position: 0px -652.8px;
}
.buttons.icfPng > icon { background-position: -38.4px -652.8px;
}
.buttons.icfPdf > icon { background-position: -76.8px -652.8px;
}
.buttons.icfDoc > icon { background-position: -115.2px -652.8px;
}
.buttons.icfPpt > icon { background-position: -153.6px -652.8px;
}
.buttons.icfXsl > icon { background-position: -192px -652.8px;
}
.buttons.icfZip > icon { background-position: -230.4px -652.8px;
}
.buttons.small { font-size: 105%; letter-spacing: -0.315px; line-height: 1.2; font-weight: 440; color: #0a0e22; height: 27.44px; padding: 0 11.2px; border-radius: 8px; padding-top: 0;
}
.buttons.small.iconVisa > icon, .buttons.small.iconMc > icon, .buttons.small.iconAmex > icon, .buttons.small.iconStripe > icon, .buttons.small.iconStar > icon, .buttons.small.iconTrustpilot45 > icon, .buttons.small.iconCrown > icon, .buttons.small.iconCrownGray > icon, .buttons.small.iconAcceptGreen > icon, .buttons.small.iconPostmail > icon, .buttons.small.iconKeyboard > icon, .buttons.small.iconMouse > icon, .buttons.small.iconEgg > icon, .buttons.small.iconRocket > icon, .buttons.small.iconPalette > icon, .buttons.small.iconTableWork > icon, .buttons.small.iconEnter > icon, .buttons.small.iconTgCoin > icon, .buttons.small.iconHeart > icon, .buttons.small.iconRocketColored > icon, .buttons.small.iconAlert > icon, .buttons.small.iconArrowDownSmall > icon, .buttons.small.iconArrowDownSmallWhite > icon, .buttons.small.iconMenu > icon, .buttons.small.iconArrowBigDown > icon, .buttons.small.iconArrowBigUp > icon, .buttons.small.iconArrowBigLeft > icon, .buttons.small.iconArrowBigRight > icon, .buttons.small.iconSearch > icon, .buttons.small.iconArrowRight > icon, .buttons.small.icon3dots > icon, .buttons.small.iconArrowDownV2 > icon, .buttons.small.iconMapPlus > icon, .buttons.small.iconMapMinus > icon, .buttons.small.iconMapExpand > icon, .buttons.small.iconMapCollapse > icon, .buttons.small.iconMathResult > icon, .buttons.small.iconMathMult > icon, .buttons.small.iconMathPlus > icon, .buttons.small.iconMathMinus > icon, .buttons.small.iconMathNe > icon, .buttons.small.iconFlag-en > icon, .buttons.small.iconFlag-es > icon, .buttons.small.iconFlag-de > icon, .buttons.small.iconFlag-fr > icon, .buttons.small.iconFlag-it > icon, .buttons.small.iconFlag-ru > icon, .buttons.small.iconFlag-pt > icon, .buttons.small.iconFlag-re > icon, .buttons.small.iconUser > icon, .buttons.small.iconTimeline > icon, .buttons.small.iconCreateApp > icon, .buttons.small.iconSiluet > icon, .buttons.small.iconSettings > icon, .buttons.small.iconDoor > icon, .buttons.small.iconColorPalete > icon, .buttons.small.iconMedia > icon, .buttons.small.iconDownload > icon, .buttons.small.iconNoAd > icon, .buttons.small.iconCabinet > icon, .buttons.small.iconUpload > icon, .buttons.small.iconUploadFile > icon, .buttons.small.iconCamera > icon, .buttons.small.iconTable > icon, .buttons.small.iconPlayMedia > icon, .buttons.small.iconPin > icon, .buttons.small.iconUrlLink > icon, .buttons.small.iconDuplicate > icon, .buttons.small.iconBin > icon, .buttons.small.iconStudyHat > icon, .buttons.small.iconBuilding > icon, .buttons.small.iconStudyTeacher > icon, .buttons.small.iconDollar > icon, .buttons.small.iconPersonTeacher > icon, .buttons.small.iconDollar2 > icon, .buttons.small.iconInvoice > icon, .buttons.small.iconCase > icon, .buttons.small.iconLike > icon, .buttons.small.iconDislike > icon, .buttons.small.iconEye > icon, .buttons.small.iconEyeHide > icon, .buttons.small.iconMoveRight > icon, .buttons.small.iconMoveLeft > icon, .buttons.small.iconComment > icon, .buttons.small.iconFitTimeline > icon, .buttons.small.iconPlus > icon, .buttons.small.iconPlusSmall > icon, .buttons.small.iconCode > icon, .buttons.small.iconDownloadDocument > icon, .buttons.small.iconTag > icon, .buttons.small.iconReset > icon, .buttons.small.iconFolder > icon, .buttons.small.iconFolderCreate > icon, .buttons.small.iconFolderShare > icon, .buttons.small.iconSaveDisk > icon, .buttons.small.iconSpeakerOffBlack > icon, .buttons.small.iconSpeakerOnBlack > icon, .buttons.small.iconLampOffBlack > icon, .buttons.small.iconLampOnBlack > icon, .buttons.small.iconCloseBig > icon, .buttons.small.iconCloseSmall > icon, .buttons.small.iconPen > icon, .buttons.small.iconCreateTimeline > icon, .buttons.small.iconLock > icon, .buttons.small.iconPlanet > icon, .buttons.small.iconUnlock > icon, .buttons.small.iconEditText > icon, .buttons.small.iconSpeakerOffWhite > icon, .buttons.small.iconSpeakerOnWhite > icon, .buttons.small.iconLampOffWhite > icon, .buttons.small.iconLampOnWhite > icon, .buttons.small.iconCloseBigGray > icon, .buttons.small.iconCloseSmallGray > icon, .buttons.small.iconPenWhite > icon, .buttons.small.iconCreateTimelineWhite > icon, .buttons.small.iconLockGray > icon, .buttons.small.iconPlanetWhite > icon, .buttons.small.icon01 > icon, .buttons.small.icon02 > icon, .buttons.small.icon03 > icon, .buttons.small.icon04 > icon, .buttons.small.iconX2 > icon, .buttons.small.iconDot > icon, .buttons.small.iconAccept > icon, .buttons.small.iconEventBottom > icon, .buttons.small.iconEventTop > icon, .buttons.small.iconEventTextLeft > icon, .buttons.small.iconEventTextCenter > icon, .buttons.small.iconEventTextRight > icon, .buttons.small.iconEventBox > icon, .buttons.small.iconEventLines > icon, .buttons.small.iconEventCircleLines > icon, .buttons.small.iconEventVertBox > icon, .buttons.small.iconEventVertLine > icon, .buttons.small.iconEventCircle > icon, .buttons.small.iconPeriodRect > icon, .buttons.small.iconPeriodRectTop > icon, .buttons.small.iconPeriodApprox > icon, .buttons.small.iconPeriodApproxLeft > icon, .buttons.small.iconPeriodApproxRight > icon, .buttons.small.iconPeriodApproxTop > icon, .buttons.small.iconPeriodBrackets > icon, .buttons.small.iconPeriodFill > icon, .buttons.small.iconPeriodThin > icon, .buttons.small.iconLogoFullGray > icon, .buttons.small.iconLogoFull > icon, .buttons.small.iconLogoGray > icon, .buttons.small.iconLogoGrayText > icon, .buttons.small.iconSocialFb > icon, .buttons.small.iconSocialInsta > icon, .buttons.small.iconSocialTwit > icon, .buttons.small.iconSocialYtube > icon, .buttons.small.iconSocialVk > icon, .buttons.small.iconSocialIn > icon, .buttons.small.iconSocialReddit > icon, .buttons.small.iconSocialGoogle > icon, .buttons.small.iconDropbox > icon, .buttons.small.iconGoogleDrive > icon, .buttons.small.iconTelegram > icon, .buttons.small.iconYoutube > icon, .buttons.small.iconVimeo > icon, .buttons.small.iconFacebook > icon, .buttons.small.iconLinkedin > icon, .buttons.small.icEvent > icon, .buttons.small.icPeriod > icon, .buttons.small.icProgress > icon, .buttons.small.icStats > icon, .buttons.small.icEarth > icon, .buttons.small.icApi > icon, .buttons.small.icGroup > icon, .buttons.small.icMultistats > icon, .buttons.small.icAnalytics > icon, .buttons.small.icCalendar > icon, .buttons.small.icExcel > icon, .buttons.small.icAI > icon, .buttons.small.icfJpg > icon, .buttons.small.icfPng > icon, .buttons.small.icfPdf > icon, .buttons.small.icfDoc > icon, .buttons.small.icfPpt > icon, .buttons.small.icfXsl > icon, .buttons.small.icfZip > icon { position: relative; background-size: 652.8px; width: 32.64px; min-width: 32.64px; height: 32.64px; min-height: 32.64px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; pointer-events: none; display: block;
}
.buttons.small.iconVisa > icon { background-position: 0px 0px;
}
.buttons.small.iconMc > icon { background-position: -32.64px 0px;
}
.buttons.small.iconAmex > icon { background-position: -65.28px 0px;
}
.buttons.small.iconStripe > icon { background-position: -97.92px 0px; width: 65.28px;
}
.buttons.small.iconStar > icon { background-position: -195.84px 0px;
}
.buttons.small.iconTrustpilot45 > icon { background-position: -228.48px 0px; width: 130.56px;
}
.buttons.small.iconCrown > icon { background-position: 0px -32.64px;
}
.buttons.small.iconCrownGray > icon { background-position: -32.64px -32.64px;
}
.buttons.small.iconAcceptGreen > icon { background-position: -65.28px -32.64px;
}
.buttons.small.iconPostmail > icon { background-position: -97.92px -32.64px;
}
.buttons.small.iconKeyboard > icon { background-position: -130.56px -32.64px;
}
.buttons.small.iconMouse > icon { background-position: -163.2px -32.64px;
}
.buttons.small.iconEgg > icon { background-position: -195.84px -32.64px;
}
.buttons.small.iconRocket > icon { background-position: -228.48px -32.64px;
}
.buttons.small.iconPalette > icon { background-position: -261.12px -32.64px;
}
.buttons.small.iconTableWork > icon { background-position: -293.76px -32.64px;
}
.buttons.small.iconEnter > icon { background-position: -326.4px -32.64px;
}
.buttons.small.iconTgCoin > icon { background-position: -359.04px -32.64px;
}
.buttons.small.iconHeart > icon { background-position: -391.68px -32.64px;
}
.buttons.small.iconRocketColored > icon { background-position: -424.32px -32.64px;
}
.buttons.small.iconAlert > icon { background-position: -456.96px -32.64px;
}
.buttons.small.iconArrowDownSmall > icon { background-position: 0px -65.28px;
}
.buttons.small.iconArrowDownSmallWhite > icon { background-position: -32.64px -65.28px;
}
.buttons.small.iconMenu > icon { background-position: -65.28px -65.28px;
}
.buttons.small.iconArrowBigDown > icon { background-position: -97.92px -65.28px;
}
.buttons.small.iconArrowBigUp > icon { background-position: -130.56px -65.28px;
}
.buttons.small.iconArrowBigLeft > icon { background-position: -163.2px -65.28px;
}
.buttons.small.iconArrowBigRight > icon { background-position: -195.84px -65.28px;
}
.buttons.small.iconSearch > icon { background-position: -228.48px -65.28px;
}
.buttons.small.iconArrowRight > icon { background-position: -261.12px -65.28px;
}
.buttons.small.icon3dots > icon { background-position: -293.76px -65.28px;
}
.buttons.small.iconArrowDownV2 > icon { background-position: -326.4px -65.28px;
}
.buttons.small.iconMapPlus > icon { background-position: -359.04px -65.28px;
}
.buttons.small.iconMapMinus > icon { background-position: -391.68px -65.28px;
}
.buttons.small.iconMapExpand > icon { background-position: -424.32px -65.28px;
}
.buttons.small.iconMapCollapse > icon { background-position: -456.96px -65.28px;
}
.buttons.small.iconMathResult > icon { background-position: -489.6px -65.28px;
}
.buttons.small.iconMathMult > icon { background-position: -522.24px -65.28px;
}
.buttons.small.iconMathPlus > icon { background-position: -554.88px -65.28px;
}
.buttons.small.iconMathMinus > icon { background-position: -587.52px -65.28px;
}
.buttons.small.iconMathNe > icon { background-position: -620.16px -65.28px;
}
.buttons.small.iconFlag-en > icon { background-position: 0px -97.92px;
}
.buttons.small.iconFlag-es > icon { background-position: -32.64px -97.92px;
}
.buttons.small.iconFlag-de > icon { background-position: -65.28px -97.92px;
}
.buttons.small.iconFlag-fr > icon { background-position: -97.92px -97.92px;
}
.buttons.small.iconFlag-it > icon { background-position: -130.56px -97.92px;
}
.buttons.small.iconFlag-ru > icon { background-position: -228.48px -97.92px;
}
.buttons.small.iconFlag-pt > icon { background-position: -195.84px -97.92px;
}
.buttons.small.iconFlag-re > icon { background-position: -228.48px -97.92px;
}
.buttons.small.iconUser > icon { background-position: 0px -130.56px;
}
.buttons.small.iconTimeline > icon { background-position: -32.64px -130.56px;
}
.buttons.small.iconCreateApp > icon { background-position: -65.28px -130.56px;
}
.buttons.small.iconSiluet > icon { background-position: -97.92px -130.56px;
}
.buttons.small.iconSettings > icon { background-position: -130.56px -130.56px;
}
.buttons.small.iconDoor > icon { background-position: -163.2px -130.56px;
}
.buttons.small.iconColorPalete > icon { background-position: -195.84px -130.56px;
}
.buttons.small.iconMedia > icon { background-position: -228.48px -130.56px;
}
.buttons.small.iconDownload > icon { background-position: -261.12px -130.56px;
}
.buttons.small.iconNoAd > icon { background-position: -293.76px -130.56px;
}
.buttons.small.iconCabinet > icon { background-position: -326.4px -130.56px;
}
.buttons.small.iconUpload > icon { background-position: -359.04px -130.56px;
}
.buttons.small.iconUploadFile > icon { background-position: -391.68px -130.56px;
}
.buttons.small.iconCamera > icon { background-position: -424.32px -130.56px;
}
.buttons.small.iconTable > icon { background-position: -456.96px -130.56px;
}
.buttons.small.iconPlayMedia > icon { background-position: -489.6px -130.56px;
}
.buttons.small.iconPin > icon { background-position: -522.24px -130.56px;
}
.buttons.small.iconUrlLink > icon { background-position: -554.88px -130.56px;
}
.buttons.small.iconDuplicate > icon { background-position: -587.52px -130.56px;
}
.buttons.small.iconBin > icon { background-position: -620.16px -130.56px;
}
.buttons.small.iconStudyHat > icon { background-position: 0px -163.2px;
}
.buttons.small.iconBuilding > icon { background-position: -32.64px -163.2px;
}
.buttons.small.iconStudyTeacher > icon { background-position: -65.28px -163.2px;
}
.buttons.small.iconDollar > icon { background-position: -97.92px -163.2px;
}
.buttons.small.iconPersonTeacher > icon { background-position: -130.56px -163.2px;
}
.buttons.small.iconDollar2 > icon { background-position: -163.2px -163.2px;
}
.buttons.small.iconInvoice > icon { background-position: -195.84px -163.2px;
}
.buttons.small.iconCase > icon { background-position: -228.48px -163.2px;
}
.buttons.small.iconLike > icon { background-position: 0px -195.84px;
}
.buttons.small.iconDislike > icon { background-position: -32.64px -195.84px;
}
.buttons.small.iconEye > icon { background-position: -65.28px -195.84px;
}
.buttons.small.iconEyeHide > icon { background-position: -97.92px -195.84px;
}
.buttons.small.iconMoveRight > icon { background-position: -130.56px -195.84px;
}
.buttons.small.iconMoveLeft > icon { background-position: -163.2px -195.84px;
}
.buttons.small.iconComment > icon { background-position: -195.84px -195.84px;
}
.buttons.small.iconFitTimeline > icon { background-position: -228.48px -195.84px;
}
.buttons.small.iconPlus > icon { background-position: 0px -228.48px;
}
.buttons.small.iconPlusSmall > icon { background-position: -32.64px -228.48px;
}
.buttons.small.iconCode > icon { background-position: -65.28px -228.48px;
}
.buttons.small.iconDownloadDocument > icon { background-position: -97.92px -228.48px;
}
.buttons.small.iconTag > icon { background-position: -130.56px -228.48px;
}
.buttons.small.iconReset > icon { background-position: -163.2px -228.48px;
}
.buttons.small.iconFolder > icon { background-position: -195.84px -228.48px;
}
.buttons.small.iconFolderCreate > icon { background-position: -228.48px -228.48px;
}
.buttons.small.iconFolderShare > icon { background-position: -261.12px -228.48px;
}
.buttons.small.iconSaveDisk > icon { background-position: -293.76px -228.48px;
}
.buttons.small.iconSpeakerOffBlack > icon { background-position: 0px -261.12px;
}
.buttons.small.iconSpeakerOnBlack > icon { background-position: -32.64px -261.12px;
}
.buttons.small.iconLampOffBlack > icon { background-position: -65.28px -261.12px;
}
.buttons.small.iconLampOnBlack > icon { background-position: -97.92px -261.12px;
}
.buttons.small.iconCloseBig > icon { background-position: -130.56px -261.12px;
}
.buttons.small.iconCloseSmall > icon { background-position: -163.2px -261.12px;
}
.buttons.small.iconPen > icon { background-position: -195.84px -261.12px;
}
.buttons.small.iconCreateTimeline > icon { background-position: -228.48px -261.12px;
}
.buttons.small.iconLock > icon { background-position: -261.12px -261.12px;
}
.buttons.small.iconPlanet > icon { background-position: -293.76px -261.12px;
}
.buttons.small.iconUnlock > icon { background-position: -326.4px -261.12px;
}
.buttons.small.iconEditText > icon { background-position: -359.04px -261.12px;
}
.buttons.small.iconSpeakerOffWhite > icon { background-position: 0px -293.76px;
}
.buttons.small.iconSpeakerOnWhite > icon { background-position: -32.64px -293.76px;
}
.buttons.small.iconLampOffWhite > icon { background-position: -65.28px -293.76px;
}
.buttons.small.iconLampOnWhite > icon { background-position: -97.92px -293.76px;
}
.buttons.small.iconCloseBigGray > icon { background-position: -130.56px -293.76px;
}
.buttons.small.iconCloseSmallGray > icon { background-position: -163.2px -293.76px;
}
.buttons.small.iconPenWhite > icon { background-position: -195.84px -293.76px;
}
.buttons.small.iconCreateTimelineWhite > icon { background-position: -228.48px -293.76px;
}
.buttons.small.iconLockGray > icon { background-position: -261.12px -293.76px;
}
.buttons.small.iconPlanetWhite > icon { background-position: -293.76px -293.76px;
}
.buttons.small.icon01 > icon { background-position: 0px -326.4px;
}
.buttons.small.icon02 > icon { background-position: -32.64px -326.4px;
}
.buttons.small.icon03 > icon { background-position: -65.28px -326.4px;
}
.buttons.small.icon04 > icon { background-position: -97.92px -326.4px;
}
.buttons.small.iconX2 > icon { background-position: -130.56px -326.4px;
}
.buttons.small.iconDot > icon { background-position: -163.2px -326.4px;
}
.buttons.small.iconAccept > icon { background-position: -195.84px -326.4px;
}
.buttons.small.iconEventBottom > icon { background-position: 0px -359.04px;
}
.buttons.small.iconEventTop > icon { background-position: -32.64px -359.04px;
}
.buttons.small.iconEventTextLeft > icon { background-position: -65.28px -359.04px;
}
.buttons.small.iconEventTextCenter > icon { background-position: -97.92px -359.04px;
}
.buttons.small.iconEventTextRight > icon { background-position: -130.56px -359.04px;
}
.buttons.small.iconEventBox > icon { background-position: -163.2px -359.04px;
}
.buttons.small.iconEventLines > icon { background-position: -195.84px -359.04px;
}
.buttons.small.iconEventCircleLines > icon { background-position: -228.48px -359.04px;
}
.buttons.small.iconEventVertBox > icon { background-position: -261.12px -359.04px;
}
.buttons.small.iconEventVertLine > icon { background-position: -293.76px -359.04px;
}
.buttons.small.iconEventCircle > icon { background-position: -326.4px -359.04px;
}
.buttons.small.iconPeriodRect > icon { background-position: 0px -391.68px;
}
.buttons.small.iconPeriodRectTop > icon { background-position: -32.64px -391.68px;
}
.buttons.small.iconPeriodApprox > icon { background-position: -65.28px -391.68px;
}
.buttons.small.iconPeriodApproxLeft > icon { background-position: -97.92px -391.68px;
}
.buttons.small.iconPeriodApproxRight > icon { background-position: -130.56px -391.68px;
}
.buttons.small.iconPeriodApproxTop > icon { background-position: -163.2px -391.68px;
}
.buttons.small.iconPeriodBrackets > icon { background-position: -195.84px -391.68px;
}
.buttons.small.iconPeriodFill > icon { background-position: -228.48px -391.68px;
}
.buttons.small.iconPeriodThin > icon { background-position: -261.12px -391.68px;
}
.buttons.small.iconLogoFullGray > icon { background-position: 0px -424.32px; width: 261.12px;
}
.buttons.small.iconLogoFull > icon { background-position: -261.12px -424.32px; width: 261.12px;
}
.buttons.small.iconLogoGray > icon { background-position: 0px -456.96px;
}
.buttons.small.iconLogoGrayText > icon { background-position: -32.64px -456.96px; width: 293.76px;
}
.buttons.small.iconSocialFb > icon { background-position: 0px -489.6px;
}
.buttons.small.iconSocialInsta > icon { background-position: -32.64px -489.6px;
}
.buttons.small.iconSocialTwit > icon { background-position: -65.28px -489.6px;
}
.buttons.small.iconSocialYtube > icon { background-position: -97.92px -489.6px;
}
.buttons.small.iconSocialVk > icon { background-position: -130.56px -489.6px;
}
.buttons.small.iconSocialIn > icon { background-position: -163.2px -489.6px;
}
.buttons.small.iconSocialReddit > icon { background-position: -195.84px -489.6px;
}
.buttons.small.iconSocialGoogle > icon { background-position: -228.48px -489.6px;
}
.buttons.small.iconDropbox > icon { background-position: -261.12px -489.6px;
}
.buttons.small.iconGoogleDrive > icon { background-position: -293.76px -489.6px;
}
.buttons.small.iconTelegram > icon { background-position: -326.4px -489.6px;
}
.buttons.small.iconYoutube > icon { background-position: -359.04px -489.6px;
}
.buttons.small.iconVimeo > icon { background-position: -391.68px -489.6px;
}
.buttons.small.iconFacebook > icon { background-position: -424.32px -489.6px;
}
.buttons.small.iconLinkedin > icon { background-position: -456.96px -489.6px;
}
.buttons.small.icEvent > icon { background-position: 0px -522.24px;
}
.buttons.small.icPeriod > icon { background-position: -32.64px -522.24px;
}
.buttons.small.icProgress > icon { background-position: -65.28px -522.24px;
}
.buttons.small.icStats > icon { background-position: -97.92px -522.24px;
}
.buttons.small.icEarth > icon { background-position: -130.56px -522.24px;
}
.buttons.small.icApi > icon { background-position: -163.2px -522.24px;
}
.buttons.small.icGroup > icon { background-position: -195.84px -522.24px;
}
.buttons.small.icMultistats > icon { background-position: -228.48px -522.24px;
}
.buttons.small.icAnalytics > icon { background-position: -261.12px -522.24px;
}
.buttons.small.icCalendar > icon { background-position: -293.76px -522.24px;
}
.buttons.small.icExcel > icon { background-position: -326.4px -522.24px;
}
.buttons.small.icAI > icon { background-position: -359.04px -522.24px;
}
.buttons.small.icfJpg > icon { background-position: 0px -554.88px;
}
.buttons.small.icfPng > icon { background-position: -32.64px -554.88px;
}
.buttons.small.icfPdf > icon { background-position: -65.28px -554.88px;
}
.buttons.small.icfDoc > icon { background-position: -97.92px -554.88px;
}
.buttons.small.icfPpt > icon { background-position: -130.56px -554.88px;
}
.buttons.small.icfXsl > icon { background-position: -163.2px -554.88px;
}
.buttons.small.icfZip > icon { background-position: -195.84px -554.88px;
}
.buttons.iconright { padding-right: 0;
}
.buttons.iconleft { padding-left: 0;
}
.buttons.whiteblueborder { background-color: #fff;
}
.buttons.whiteblueborder::before { background-color: transparent; opacity: 1; transform: scale(1); box-shadow: 0 0 0 1px rgba(10, 14, 34, 0.1), 0 1px 0 rgba(10, 14, 34, 0.14); transition: box-shadow 0.125s ease-in-out;
}
.buttons.whiteblueborder::after { background-color: transparent; transform: scale(0.95);
}
.buttons.whiteblueborder:hover::before, .buttons.whiteblueborder:focus::before { box-shadow: 0 0 0 2px rgba(24, 110, 240, 0.6), 0 0 0 1px rgba(24, 110, 240, 0.3);
}
.buttons.whiteblueborder:active::after { transform: scale(1); opacity: 1; box-shadow: 0 0 0 2px rgba(24, 110, 240, 0.6), 0 0 0 1px rgba(24, 110, 240, 0.3);
}
.buttons.blue, .buttons.green, .buttons.orangeDark, .buttons.darkBlue { background-color: #caeaff;
}
.buttons.blue::before, .buttons.blue::after, .buttons.green::before, .buttons.green::after, .buttons.orangeDark::before, .buttons.orangeDark::after, .buttons.darkBlue::before, .buttons.darkBlue::after { background-color: rgba(255, 255, 255, 0.1); background-image: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 0; opacity: 0; display: flex; content: ""; transition: opacity 0.075s ease-in-out, transform 0.075s ease-in-out, top 0.1s ease-in-out;
}
.buttons.blue:hover::before, .buttons.blue:active::after, .buttons.green:hover::before, .buttons.green:active::after, .buttons.orangeDark:hover::before, .buttons.orangeDark:active::after, .buttons.darkBlue:hover::before, .buttons.darkBlue:active::after { transform: scale(1); opacity: 1;
}
.buttons.orangeDark { background-color: #bf4219; color: #fff;
}
.buttons.green { background-color: #d1f3cf;
}
.buttons.lightgreen { background-color: #cff3d1;
}
.buttons.lightyellow { background-color: #ffeeae;
}
.buttons.lightred { background-color: #ffd7d7;
}
.buttons.darkBlue { background-color: #0259b2; color: #fff;
}
.buttons.orangeGradient { background-color: #ffe192;
}
.buttons.orangeGradient::before { background-color: transparent;
}
.buttons.orangeGradient::after { background-color: transparent;
}
.buttons.orangeGradient:hover { background-color: #ffdb7d;
}
.buttons.round, .buttons.round:before, .buttons.round:after, .buttons.round.whiteblueborder:before, .buttons.round.whiteblueborder:active::after { border-radius: 16px;
}
.buttons.dashed { padding: 0; background-color: transparent;
}
.buttons.dashed:before, .buttons.dashed:after { height: 0; width: 0;
}
.buttons.dashed .text { position: relative; margin: 0; line-height: 1.75; padding: 0;
}
.buttons.dashed .text::before { background-image: repeating-linear-gradient(270deg, #dadada, #dadada 4px, transparent 0, transparent 8px); background-color: transparent; position: absolute; left: 0; right: 0; bottom: 1.6px; width: auto; height: 1.92px; display: flex; content: "";
}
.buttons.dashed .text:hover::before { height: 0;
}
.buttons.onlyicons > icon { margin: 0;
}
.buttons.onlyicons { padding: 0;
}
.buttons.onlyicons .onlyicons { margin-left: -8px; pointer-events: none;
}
.buttons.hideback { background-color: transparent; border: 0; box-shadow: none;
}
.buttons.hideback.blue { color: black;
}
.buttons.hideback.blue:hover::before { background-color: rgba(23, 110, 240, 0.1);
}
.buttons.hideback.blue:hover:active::before { background-color: rgba(23, 110, 240, 0.3);
}
.buttons.hideback.whiteblueborder::before { box-shadow: none;
}
.buttons.hideback.whiteblueborder:hover::before { box-shadow: 0 0 0 2px rgba(24, 110, 240, 0.6), 0 0 0 1px rgba(24, 110, 240, 0.3);
}
.buttons.noanimation:before, .buttons.noanimation:after { height: 0; width: 0;
}
.buttons.freezed { cursor: default; user-select: none; pointer-events: none;
}
.buttons.freezed::after, .buttons.freezed::before, .buttons.freezed:hover::after, .buttons.freezed:hover::before { opacity: 0; user-select: none;
}
.buttons .highlight { background-image: none; background-color: #28b536; position: relative; height: 14px; margin: 0 0 0 6px; padding: 1px 5px 0; border: 0; border-radius: 8px; display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: normal; font-size: 66%; letter-spacing: -0.198px; line-height: 1.2; font-weight: 440; color: #fff;
}
.buttons.disable { opacity: 0.3; pointer-events: none; touch-action: none;
} .TextBoxWrapper .redbox, .TextAreaWrapper .redbox { background-color: #ec5b2b; color: #ffffff; border-radius: 4px; padding: 3px 6px;
} .TextBox, .TextArea { border: 1px #e8e8e8 solid; background-color: #fff; width: 237px; border-radius: 5px; margin: 0;
}
.TextBox.error, .TextArea.error { box-shadow: 0 0 1px 1px rgba(236, 91, 43, 0.7);
} .TextBox { height: 40px; padding-right: 4px; border-radius: 5px; padding-left: 7px;
} .TextArea { height: 64px; overflow-y: auto; padding: 8px;
} .TextArea { background-image: none; width: 100%; height: 37.28px; display: flex; outline: 0; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 8px; resize: none; line-height: 1.5; overflow-x: hidden; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; min-height: 56px;
}
.TextArea::-webkit-input-placeholder { color: #8d8d8d;
}
.TextArea::-ms-input-placeholder { color: #8d8d8d;
}
.TextArea::-moz-placeholder { opacity: 1; color: #8d8d8d;
}
.TextArea:focus { box-shadow: 0 0 0 2px rgba(24, 110, 240, 0.6), 0 0 0 1px rgba(24, 110, 240, 0.3);
}
.TextArea::-webkit-scrollbar { background: transparent; width: 0; height: 0;
} a { color: #737373;
} a:hover, a:focus { color: #0a0e22;
} .WidgetSvgImage { display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 0; cursor: pointer;
}
.WidgetSvgImage img { width: 19px;
} .element_symbol { vertical-align: baseline;
}
.element_symbol.enh1 { position: relative; top: -1.5px; width: 14px; height: 14px; margin: 0; padding: 0; display: inline-flex; align-items: center; justify-content: center;
} .premiumPlans { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 10px 0;
}
.premiumPlans a { text-decoration: none;
}
.premiumPlans a:hover { color: inherit;
}
.premiumPlans .item { border: 1px #e8e8e8 solid; min-height: 52px; min-width: 100%; display: flex; margin-bottom: 10px; padding: 5px 6px; background-color: #fbfbfb; border-radius: 12px; cursor: pointer; justify-content: flex-end;
}
.premiumPlans .price { min-width: 66px; padding: 0 10px; margin: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.premiumPlans .arrow { background: url(/public/images/svg/bold/right.svg) no-repeat center; background-size: 19px; width: 29px;
}
.premiumPlans .value { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 266.56px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 15px;
}
.premiumPlans .sign { font-size: 110%; -ms-flex-item-align: start; align-self: flex-start;
}
.premiumPlans .line { height: 8px; border-radius: 5px; width: 100%;
}
.premiumPlans .premiumLine { background-color: #63b72a; margin-bottom: 1px;
}
.premiumPlans .d1 { width: 1%;
}
.premiumPlans .d3 { width: 2%;
}
.premiumPlans .d5 { width: 5%;
}
.premiumPlans .w1 { width: 7%;
}
.premiumPlans .w2 { width: 20%;
}
.premiumPlans .m1 { width: 14%;
}
.premiumPlans .m6 { width: 50%;
}
.premiumPlans .y1 { width: 100%;
}
.premiumPlans .currencies { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center;
}
.premiumPlans .sign { font-size: 100%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;
}
.premiumPlans .premiumLock { position: relative;
}
.premiumPlans .premiumLock:after { position: absolute; width: 19px; height: 19px; background: url(/public/images/svg/locked-padlock.svg) no-repeat; background-size: 15px; content: ""; bottom: -3px; right: -6px; background-color: #364657; border-radius: 13px; overflow: hidden; border: 2px #364657 solid;
}
.premiumPlans .premiumBenefits { white-space: nowrap; display: flex; flex-direction: column; justify-content: center; color: #000000; margin: 7px 0;
}
.premiumPlans .premiumBenefits > div { display: flex; height: 17px; justify-content: flex-start; align-items: center; background: url("/public/images/svg/checked.svg") no-repeat center left; background-size: 16px; padding-left: 21px;
} .canvasControls { position: absolute; right: 0; top: 0; bottom: auto; display: flex; flex-direction: column; height: 100%; padding: 17px 0 30px 0; flex-wrap: wrap; gap: 6px;
}
.canvasControls .control { -webkit-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer; width: 45.28px; height: 45.28px; border-radius: 9px; overflow: hidden; border: 1px #c3c3c3 solid; background-color: #fff;
}
.canvasControls .control:hover { transform: scale(1.05); background-color: #f1f1f1;
}
.canvasControls .control:active { transform: scale(0.8);
}
.searchEventsPanel { position: absolute; right: 65px; top: 18px; background-color: white; border: 1px #bdbdbd solid; padding: 13px; border-radius: 4px;
} .StatisticHoverInfo { position: absolute; pointer-events: none; z-index: 1; left: 0; top: 0;
}
.StatisticHoverInfo .point { position: absolute; padding: 3px 4px; border-radius: 4px; white-space: nowrap; color: white; background-color: rgba(0, 0, 0, 0.6);
}
.StatisticHoverInfo .max { position: absolute; padding: 3px 4px; border-radius: 4px; white-space: nowrap; color: white; background-color: rgba(0, 0, 0, 0.6);
}
.StatisticHoverInfo .min { position: absolute; padding: 3px 4px; border-radius: 4px; white-space: nowrap; color: white; background-color: rgba(0, 0, 0, 0.6);
} .CanvasCommon { position: relative; height: 100%;
} .CanvasCommon-tooltipsContainer { position: absolute; left: 0; top: 0;
} .CanvasCommon-fullscreen { position: fixed; z-index: 1; top: 0; left: 0;
} .canvasCoverBackgroundImage { position: absolute; left: 0; z-index: -1; top: 0; width: 100%; height: 100%; display: none;
} .editorCanvas-rightScroll, .editorCanvas-leftScroll { background: url(/public/images/svg/bold/right.svg) no-repeat center; background-size: 34px; width: 48px; background-color: white; opacity: 0.96; box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); position: absolute; height: 66px; cursor: pointer; border-radius: 5px;
}
.editorCanvas-rightScroll:hover, .editorCanvas-leftScroll:hover { transform: scale(1.05);
} .editorCanvas-leftScroll { transform: rotate(180deg); left: 33px;
}
.editorCanvas-leftScroll:hover { transform: rotate(180deg) scale(1.05);
} .CanvasBackgroundTransparentImage { position: absolute; left: 0; z-index: -1; top: 0; width: 100%; height: 100%; background-color: #fff; background-image: -moz-linear-gradient(45deg, #d6d6d6 25%, transparent 25%), -moz-linear-gradient(-45deg, #d6d6d6 25%, transparent 25%), -moz-linear-gradient(45deg, transparent 75%, #d6d6d6 75%), -moz-linear-gradient(-45deg, transparent 75%, #d6d6d6 75%); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #d6d6d6), color-stop(0.25, transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #d6d6d6), color-stop(0.25, transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.75, transparent), color-stop(0.75, #d6d6d6)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.75, transparent), color-stop(0.75, #d6d6d6)); -moz-background-size: 50px 50px; background-size: 50px 50px; -webkit-background-size: 50px 50px; background-position: 0 0, 25px 0, 25px -75px, 0px 25px;
} .DrawableTooltipPopup { background-color: #000000; color: #ffffff; display: inline-block; position: absolute; border-radius: 3px; white-space: nowrap; padding: 4px 10px; font-size: 13px; opacity: 0.6; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none;
}
.DrawableTooltipPopup:after { content: ""; height: 10px; bottom: -10px; left: 50%; width: 12px; opacity: 1; margin-left: -6px; position: absolute; border-top: 6px #000 solid; border-left: 6px rgba(0, 0, 0, 0) solid; border-right: 6px rgba(0, 0, 0, 0) solid;
} .CircleOfObjects { position: fixed; top: 0; left: 0; overflow: visible; height: 0; width: 0; z-index: 3;
}
.CircleOfObjects > div { display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 0; width: 53.28px; height: 53.28px; margin: -26.4px; border-radius: 50%; background-color: #FFFFFF; border: 1px #d7d7d7 solid; position: fixed; cursor: pointer; transform: scale(0); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.09, 1.38); -o-transition: all 0.5s cubic-bezier(0, 0, 0.09, 1.38); transition: all 0.5s cubic-bezier(0, 0, 0.09, 1.38); box-shadow: 2px 2px 4px -2px #e6e6e6; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.CircleOfObjects > div.open { transform: scale(1);
}
.CircleOfObjects img { width: 20px;
}
.CircleOfObjects > div:hover { background-color: #ebebeb; transform: scale(1.2);
}
.CircleOfObjects > div:active { background-color: #6488ad; transform: scale(0.9);
}
.CircleOfObjects.DownloadTimelineCarousel { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.68); transition: all 0.2s linear;
}
.CircleOfObjects.DownloadTimelineCarousel > div { border-radius: 30px; width: 54px; height: 54px; background-color: #e9e9e1; overflow: hidden;
}
.CircleOfObjects.DownloadTimelineCarousel > div:hover { background-color: #e9e9e1;
}
.CircleOfObjects.DownloadTimelineCarousel img { width: 49px; margin-top: -18px; height: auto; transform: scale(1.4);
}
.CircleOfObjects.DownloadTimelineCarousel .smallimg { background-color: #f3f3f3;
}
.CircleOfObjects.DownloadTimelineCarousel .smallimg img { width: 40px; margin: 7px;
}
.CircleOfObjects.DownloadTimelineCarousel > div:hover { background-color: #ffffff;
}
.CircleOfObjects > div.locked:before { position: absolute; width: 26px; height: 26px; background: url(/public/images/svg/locked-padlock.svg) no-repeat; background-size: 22px; content: ""; top: 4px; left: -5px; background-color: #03141d; border-radius: 13px; overflow: hidden; border: 2px black solid;
}
.CircleOfObjects > div.underdev:before { position: absolute; width: 26px; height: 26px; background: url(/public/images/svg/theme-light.svg) no-repeat; background-size: 22px; content: ""; top: 4px; left: -5px; background-color: #03141d; border-radius: 13px; overflow: hidden; border: 2px black solid;
}
.CircleOfObjects div.premium:before { position: absolute; width: 26px; height: 26px; background: url(/public/images/svg/design/royal-v2.svg) no-repeat; background-size: 22px; content: ""; top: 4px; left: -5px; background-color: #03141d; border-radius: 13px; overflow: hidden; border: 2px black solid;
} .EventLimitPanel { width: 100%; display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: 5px; padding: 10px;
}
.EventLimitPanel > div { width: 100%; display: flex; flex-direction: column;
}
.EventLimitPanel .line { height: 15px; position: relative; margin-top: 3px;
}
.EventLimitPanel .line > div { height: 15px; position: absolute; border-radius: 9px;
} .QualityGraphic .qualityContainer { cursor: ew-resize; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; overflow: hidden; position: relative; border-radius: 6px; margin-bottom: 4px;
}
.QualityGraphic .qualityContainer .qualityGraphLayer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.09); border-radius: 6px; -webkit-transform: rotate(-6.77195deg); -ms-transform: rotate(-6.77195deg); transform: rotate(-6.77195deg); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right;
}
.QualityGraphic .qualityContainer .qualityGraph { width: 10%; height: 4px; overflow: hidden; border-radius: 6px;
}
.QualityGraphic .qualityContainer .qualityGraphInner { height: 100%; width: 100%; border-radius: 6px; -webkit-transform: rotate(-6.77195deg); -ms-transform: rotate(-6.77195deg); transform: rotate(-6.77195deg); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; background: #45B649; background: -webkit-linear-gradient(to right, #DCE35B, #45B649); background: -webkit-gradient(linear, left top, right top, from(#DCE35B), to(#45B649)); background: -webkit-linear-gradient(left, #DCE35B, #45B649); background: -o-linear-gradient(left, #DCE35B, #45B649); background: linear-gradient(to right, #DCE35B, #45B649);
}
.QualityGraphic.QualityGraphic-editor .CommonInputRange input[type=range] { background: #ced8e0;
} .commonMap { width: 100%; height: 100%; position: relative;
}
.commonMap .map { width: 100%; height: 100%;
}
.commonMap .canvasControls { position: absolute; right: 14px; top: 24px; bottom: auto; width: 43px; height: auto; background: none;
}
.commonMap .control { cursor: pointer;
}
.commonMap .map-layers { position: absolute; right: 15px; top: 15px; bottom: auto;
}
.commonMap .commonMap-control { background-color: #fff; color: #343434; cursor: pointer; float: left; margin-right: 2px; padding: 3px 14px; line-height: 17px; font-size: 12px; -webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.25); box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.25);
}
.commonMap .left { border-bottom-left-radius: 4px; border-top-left-radius: 4px;
}
.commonMap .right { border-bottom-right-radius: 4px; border-top-right-radius: 4px;
}
.commonMap .commonMap-control-selected { font-size: 13px; font-weight: bold; line-height: 17px;
} .commonMapTooltip { background-color: rgba(0, 0, 0, 0.8); border-radius: 2px; color: #FFFFFF; cursor: default; font-size: 16px; padding: 0 4px 1px; position: absolute; white-space: nowrap;
} .CommonListBox { border: 1px #efefef solid; display: flex; align-items: center; border-radius: 4px; color: #000000; position: relative; background-color: #ffffff; width: 100%; cursor: pointer;
}
.CommonListBox .TextBox { padding-right: 30px; border-width: 0;
}
.CommonListBox .TextBoxWrapper { width: 100%;
}
.CommonListBox:after { display: flex; content: ""; background-position: -92.16px -61.44px; position: relative; background-size: 614.4px; min-width: 30.72px; height: 30.72px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; display: block; position: absolute; right: 6px; top: 3px; pointer-events: none;
} .CommonListBox-Popup { box-shadow: 0px 0px 8px -3px #423e3e; overflow-y: auto; overflow-x: hidden; background-color: white; cursor: pointer; overflow-y: auto; z-index: 8;
}
.CommonListBox-Popup .content { overflow: auto;
}
.CommonListBox-Popup .label { background-color: #ffffff; font-size: 14px; padding: 7px 10px; display: flex;
}
.CommonListBox-Popup .label b { display: contents;
}
.CommonListBox-Popup .label:hover { background-color: #f0f0f0;
}
.CommonListBox-Popup .label-selected { color: #ffffff; background-color: #F86433;
}
.CommonListBox-Popup .label-selected:hover { color: #ffffff; background-color: #F86433;
} .steps { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 750px; min-width: 320px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; margin: 0 auto;
}
.steps .line { position: absolute; border-bottom: 1px #cbcbcb solid; top: 19px; height: 1px; z-index: -1; margin-left: 16.65%; width: 66.6%;
}
.steps .item { width: 33.3%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center;
}
.steps .step { border-radius: 40px; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 150%; border: 1px #bbbbbb solid; background-color: #fff;
}
.steps .name { color: #808080; width: 140px; margin-top: 5px;
} .clock { position: relative; width: 60px; height: 60px; border-radius: 30px; border: solid 5px black; left: 50%; margin-left: -30px; top: 50%;
}
.clock .hours { position: absolute; width: 50px; height: 5px; top: 22.5px; -webkit-animation: clock-frames 18s linear 0s infinite;
}
.clock .hours:before { content: ""; height: 5px; width: 16px; position: absolute; right: 11px; background: black; border-radius: 5px;
}
.clock .minutes { position: absolute; width: 50px; height: 5px; top: 22.5px; -webkit-animation: clock-frames 3s linear 0s infinite;
}
.clock .minutes:before { content: ""; height: 5px; width: 22px; position: absolute; right: 5px; background: black; border-radius: 5px;
} .TimeWidget { background-color: whitesmoke; border-radius: 6px; padding: 7px; width: 100%;
}
.TimeWidget .periodContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.TimeWidget .periodContainerFromNow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 70%; color: #585858;
}
.TimeWidget .line { background-color: #d8d8d8; height: 8px; border-radius: 35px; margin: 5px 7px;
}
.TimeWidget .passed { text-align: center;
}
.TimeWidget .now { color: #ffffff; border-radius: 3px; padding: 4px 4px; background-color: #41ad41;
} @-webkit-keyframes clock-frames { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }
}
.CommonWindow { -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 80px 20px; overflow: auto; position: fixed; visibility: visible; background-color: rgba(205, 205, 205, 0.55); z-index: 3;
}
.CommonWindow .content { display: flex; align-items: start; justify-content: start; flex-direction: column; gap: 6.56px; box-shadow: 0 18px 7px rgba(10, 14, 34, 0.01), 0 10px 6px rgba(10, 14, 34, 0.02), 0 4px 4px rgba(10, 14, 34, 0.02), 0 1px 2px rgba(10, 14, 34, 0.02), 0 0 0 1px rgba(10, 14, 34, 0.05); width: 533.28px; max-width: 800px; overflow: auto; padding: 16px; position: relative; margin: 0 auto; background-color: #fff; opacity: 0; border-radius: 9px; transition-delay: 0.1s; transform: scale(0.8); transition: all 0.5s cubic-bezier(0, 0, 0.09, 1.68);
}
.CommonWindow .content .closeButton { position: absolute; right: 14px; top: 14px; width: auto;
}
.CommonWindow .headerTitle { font-size: 120%; letter-spacing: -0.36px; line-height: 1.2; font-weight: 440; color: #0a0e22;
}
.CommonWindow .buttonsDiv { display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 6.56px; width: 100%;
}
.CommonWindow .buttons { display: flex; justify-content: center; align-self: center;
}
.CommonWindow .buttons > div { margin: 0 4px;
}
.CommonWindow .button { align-self: center;
}
.CommonWindow .TextBoxWrapper, .CommonWindow .TextAreaWrapper { width: 100%;
}
.CommonWindow .TextBox, .CommonWindow .TextArea { border: 1px solid #dbdcdc; border-radius: 4px; width: 100%; outline: none;
}
.CommonWindow .svg img { width: 20px;
}
.CommonWindow.transparent { background: rgba(0, 0, 0, 0);
} @media only screen and (max-width: 586px) { .CommonWindow .content { width: 100%; }
}
.LoginWindow .content { width: 320px; gap: 9.92px;
}
.LoginWindow .google, .LoginWindow .vk, .LoginWindow .fb, .LoginWindow .tw, .LoginWindow .in { color: white; padding: 10px 0; text-align: center; width: 50%; cursor: pointer;
}
.LoginWindow .socials { display: flex; align-items: start; justify-content: start; flex-direction: column; gap: 5px; border-radius: 6px; overflow: hidden; width: 100%;
}
.LoginWindow .socials .SpriteIcon { display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 0; width: 100%; height: 48px; cursor: pointer;
}
.LoginWindow .socials .SpriteIcon.googleAuth { background-color: #ffffff; border-radius: 5px 5px 0 0; border: 1px #d0d0d0 solid;
}
.LoginWindow .socials .SpriteIcon.googleAuth icon { background-position: -268.8px -576px; position: relative; background-size: 768px; min-width: 38.4px; height: 38.4px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; display: block; pointer-events: auto;
}
.LoginWindow .socials .SpriteIcon.googleAuth:hover { background-color: #f8f8f8;
}
.LoginWindow .socials .SpriteIcon.fbAuth { background-color: #3b5997; border-radius: 0 0 0 0;
}
.LoginWindow .socials .SpriteIcon.fbAuth icon { background-position: -499.2px -576px; position: relative; background-size: 768px; min-width: 38.4px; height: 38.4px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; display: block; pointer-events: auto;
}
.LoginWindow .socials .SpriteIcon.fbAuth:hover { background-color: #2e4070;
}
.LoginWindow .socials .SpriteIcon.lnAuth { background-color: #1178B2; border-radius: 0 0 5px 5px;
}
.LoginWindow .socials .SpriteIcon.lnAuth icon { background-position: -645.12px -691.2px; position: relative; background-size: 921.6px; min-width: 46.08px; height: 46.08px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; display: block; pointer-events: auto;
}
.LoginWindow .socials .SpriteIcon.lnAuth:hover { background-color: #10608e;
}
.LoginWindow .via { text-align: center; margin: 8px 0 6px; color: #628698;
}
.LoginWindow .google { background: #c53e34;
}
.LoginWindow .vk { background: #4c75a3;
}
.LoginWindow .tw { background: #1da1f2;
}
.LoginWindow .google:hover { background: #a6352c;
}
.LoginWindow .vk:hover { background: #3d597d;
}
.LoginWindow .tw:hover { background: #1c86d0;
}
.LoginWindow .fa-google-plus:before,
.LoginWindow .fa-vk:before,
.LoginWindow .fa-twitter:before { font-size: 30px; line-height: 40px;
}
.LoginWindow .tw-disabled, .LoginWindow .tw-disabled:hover { background-color: #dcdcdc !important;
}
.LoginWindow .TextBox { width: 100%;
}
.LoginWindow .redbox { width: 100%;
}
.LoginWindow .singInWithGoogle { background: rgb(255, 255, 255) url(/public/images/svg/btn_google_light_normal_ios.svg) no-repeat -1px -1px; background-size: 42px; height: 42px; padding-left: 51px; padding-right: 13px; color: #7B858C; display: flex; align-items: center; cursor: pointer; border-radius: 5px; border: thin solid #e0e0e0; box-shadow: 1px 1px 1px #e0e0e0; align-self: center; white-space: nowrap; margin-bottom: 9px; width: 100%;
}
.LoginWindow .singInWithGoogle:hover { background-color: #4688F1; color: white; box-shadow: 1px 1px 1px #4688F1; border: thin solid #4688F1;
} .LoginWindow-or { font-size: 14px; margin: 16px 0 5px; background: #e9e9e9; height: 1px; position: relative; width: 100%;
} .LoginWindow-or span { background-color: #F7F8F8; color: #909696; height: 20px; left: 50%; line-height: 20px; margin: -11px 0 0 -26px; position: absolute; top: 50%; width: 52px;
} .LoginWindow-loginform { position: relative;
} .LoginWindow-loginform-loginbutton { align-self: center;
} .LoginWindow-register30secDiv { border-top: 1px solid #DEDEDE; padding: 5px 11px; margin-top: 9px !important; font-size: 13px; text-align: center;
} .LoginWindow-register30secDiv-link { color: #628698; cursor: pointer; text-decoration: underline;
} .commonRegistrationWindow-submit { margin-bottom: 17px;
} .commonRegistrationWindow-join { color: #5A5F65; font-size: 20px; margin-top: 12px;
} .commonRegistrationWindow-reg30sec { font-size: 20px; margin-bottom: 15px;
} .commonRegistrationWindow-reg30sec span { color: #F86333;
} .commonRegistrationWindow-agreement { padding: 10px 0;
} .FreePremiumDescriptionWindow .content { gap: 8px;
}
.FreePremiumDescriptionWindow .commonCanvas { border: 1px #dbdcdc solid; border-radius: 4px;
}
.FreePremiumDescriptionWindow span { color: #3d8f00; font-weight: 500; margin: 0 0 0 4px;
} .ImageUploaderWindow .or, .FileUploaderWindow .or { border-bottom: 1px #d8d5d5 solid; height: 0px; overflow: visible; text-align: center; margin: 20px 0; justify-content: center; display: flex; width: 100%; align-items: center;
}
.ImageUploaderWindow .or span, .FileUploaderWindow .or span { background-color: #fff; height: 2px; display: flex; padding: 0 14px; justify-content: center; align-items: center;
}
.ImageUploaderWindow .bottomContainer, .FileUploaderWindow .bottomContainer { display: flex; align-items: center; justify-content: start; flex-direction: row; gap: 6.56px; width: 100%;
}
.ImageUploaderWindow .dropOrSelectDiv, .FileUploaderWindow .dropOrSelectDiv { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0; cursor: pointer; width: 100%;
}
.ImageUploaderWindow .dropOrSelectDiv .icon, .FileUploaderWindow .dropOrSelectDiv .icon { background-position: -921.6px -307.2px; position: relative; background-size: 1536px; min-width: 76.8px; height: 76.8px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; display: block; pointer-events: auto;
} .DropAreaWindow-over::after { content: "Drop Here"; position: absolute; top: 10%; text-align: center; left: 10%; display: flex; font-size: 200%; width: 80%; border: 2px white dashed; justify-content: center; border-radius: 7px; color: white; align-items: center; height: 80%; background-color: rgba(183, 183, 183, 0.8392156863);
} .ImageCropperWindow { padding: 80px 20px;
}
.ImageCropperWindow .content { width: fit-content;
}
.ImageCropperWindow .container { display: flex;
}
.ImageCropperWindow .Preview { position: relative;
}
.ImageCropperWindow .Loading { position: absolute; top: 50%;
}
.ImageCropperWindow .Settings { width: 240px; padding: 10px;
}
.ImageCropperWindow .Settings .CommonInputRange { margin-top: 14px; margin-bottom: 10px;
}
.ImageCropperWindow .cache img { background-color: #fff; background-image: -moz-linear-gradient(45deg, #d6d6d6 25%, transparent 25%), -moz-linear-gradient(-45deg, #d6d6d6 25%, transparent 25%), -moz-linear-gradient(45deg, transparent 75%, #d6d6d6 75%), -moz-linear-gradient(-45deg, transparent 75%, #d6d6d6 75%); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #d6d6d6), color-stop(0.25, transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #d6d6d6), color-stop(0.25, transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.75, transparent), color-stop(0.75, #d6d6d6)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.75, transparent), color-stop(0.75, #d6d6d6)); -moz-background-size: 100px 100px; background-size: 100px 100px; -webkit-background-size: 100px 101px; background-position: 0 0, 50px 0, 50px -50px, 0px 50px;
} .PremiumAlertWindow { box-shadow: none;
}
.PremiumAlertWindow .steps .item { transition: all 0.5s cubic-bezier(0, 0, 0.09, 1.68) 0s; transform: scale(0);
}
.PremiumAlertWindow .steps .name { color: #71d92e;
}
.PremiumAlertWindow .steps .line { width: 0; -webkit-transition: all 0.6s linear; transition: all 0.6s linear;
}
.PremiumAlertWindow .content { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0; width: fit-content;
}
.PremiumAlertWindow .crown { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0; cursor: pointer; border-radius: 4px;
}
.PremiumAlertWindow .crown .icon { background: url("/public/images/svg/design/royal-v2.svg") no-repeat center center; background-size: 42px; width: 42px; height: 42px;
}
.PremiumAlertWindow .crown .text { color: white; font-size: 80%;
}
.PremiumAlertWindow .CommonListBox { width: 78px; margin-top: 17px; border-width: 0;
}
.PremiumAlertWindow .validDate { margin-bottom: 5px; cursor: default;
}
.PremiumAlertWindow .TextBox { background-color: #ffffff; color: #374556;
} .StripePaymentWindow .content { width: 400px; gap: 15px;
}
.StripePaymentWindow .content > button { align-self: center;
} .StripeProcessingWaiting .img { margin: auto; width: 100px; height: 151px; background: url(/public/images/svg/clock.svg) no-repeat 50%/100%;
} .InformationWindow h4 { max-width: calc(100% - 36px); min-height: 12px;
}
.InformationWindow { z-index: 5;
}
.InformationWindow .content { width: 520px;
}
.InformationWindow .content > img { width: 100%; height: auto; aspect-ratio: 1/1; min-height: 488px; object-fit: cover; background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%); background-size: 200% 100%; animation: shimmer 1.5s infinite; border-radius: 10px; border: 1px #e6e6e6 solid;
}
.InformationWindow iframe { display: -webkit-box; display: -ms-flexbox; display: flex;
}
.InformationWindow .media, .InformationWindow .commonMap { border-radius: 6px; overflow: hidden;
}
.InformationWindow .media img { width: 100%; height: auto; aspect-ratio: 1/1; min-height: 520px; object-fit: cover; background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%); background-size: 200% 100%; animation: shimmer 1.5s infinite; display: block;
}
.InformationWindow .tags { display: flex; flex-wrap: wrap; align-items: center; gap: 5px;
}
.InformationWindow .tag { display: flex; align-items: center; justify-content: center; color: #ffffff; padding: 0 7px; height: 20px; border-radius: 8px; min-width: 28px; white-space: nowrap;
}
.InformationWindow .map { height: 400px;
}
.InformationWindow .gwt-Anchor { -ms-flex-item-align: start; align-self: flex-start;
}
.InformationWindow .CanvasCommon { border-radius: 6px; overflow: hidden; margin-top: 12px; margin-bottom: 17px;
}
.InformationWindow .YouTubeEmbedIframe { border-radius: 10px; overflow: hidden;
}
.InformationWindow .MediaYouTubeWindow .content,
.InformationWindow .MediaPhotoWindow .content,
.InformationWindow .MediaVimeoWindow .content,
.InformationWindow .MediaPinOnMapWindow .content { background-color: rgba(0, 0, 0, 0.84);
}
.InformationWindow .MediaPhotoWindow .image img { max-width: 90vw; max-height: 90vh; min-height: 400px; width: auto; height: auto; object-fit: contain; background-color: transparent;
}
.InformationWindow.Event .desc, .InformationWindow.Period .desc { word-wrap: break-word;
} .MoveToFolderWindow .fld { background: url("/public/images/svg/design/folder.svg") no-repeat left center; padding-left: 30pxf; cursor: pointer;
}
.MoveToFolderWindow .fld:hover { color: #F86433;
}
.MoveToFolderWindow .fld-active { border-bottom: 1px #F86433 solid;
} .ShareFolderWindow .user { display: flex; background-color: #ececec; padding: 4px; border-radius: 4px;
}
.ShareFolderWindow .user .label { flex-grow: 1;
}
.ShareFolderWindow .user .del { visibility: hidden; width: 18px;
}
.ShareFolderWindow .user:hover .del { visibility: visible;
} .AlertContainer { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 6.56px; z-index: 999999999; position: fixed; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none;
}
.AlertContainer > div { border-radius: 6px; padding: 9px 10px; color: #ffffff; max-width: 320px; font-size: 120%;
}
.AlertContainer .error { background-color: #f86434;
}
.AlertContainer .info { background-color: #0481fd;
} .SettingsTimelineWindow .save { align-self: center;
}
.SettingsTimelineWindow .picturesContainer { display: flex; align-items: start; justify-content: space-between; flex-direction: row; gap: 6.56px; width: 100%;
}
.SettingsTimelineWindow .delete { align-self: flex-end;
}
.SettingsTimelineWindow .privacySection { display: flex; align-items: start; justify-content: start; flex-direction: column; gap: 6.56px;
}
.SettingsTimelineWindow .privacySection > div { display: flex; align-items: center; justify-content: start; flex-direction: row; gap: 6.56px; width: 100%; cursor: pointer; padding: 10px 10px; border-radius: 8px; opacity: 0.7;
}
.SettingsTimelineWindow .privacySection > div.active { opacity: 1;
}
.SettingsTimelineWindow .privacySection .public.active { background-color: #cff3d1;
}
.SettingsTimelineWindow .privacySection .urllink.active { background-color: #ffeeae;
}
.SettingsTimelineWindow .privacySection .private.active { background-color: #ffd7d7;
}
.SettingsTimelineWindow .privacySection > div:hover > div:nth-of-type(1) { transform: scale(1.1);
}
.SettingsTimelineWindow .TimelinePicture { border-radius: 6px; cursor: pointer; width: 248px; height: 120px; align-items: center; overflow: hidden; align-self: center; position: relative; background-color: #f5f5f5;
}
.SettingsTimelineWindow .TimelinePicture .noImageIcon { margin: 0 auto; top: 36%;
}
.SettingsTimelineWindow .TimelinePicture img { width: 248px;
}
.SettingsTimelineWindow .TimelinePicture .title { color: #ffffff; background-color: #bbbbbb; bottom: 0; position: absolute; left: 0; right: 0; font-size: 80%; text-align: center;
}
.SettingsTimelineWindow .TimelinePicture .TimelinePicture-error { border: 1px #ec2b2b solid;
}
.SettingsTimelineWindow .TimelinePicture .TimelinePicture-error .title { color: #ec2b2b;
} .PinOnMapWindow .container { display: flex; align-items: center; justify-content: start; flex-direction: row; gap: 10px; width: 100%;
}
.PinOnMapWindow .TextBoxWrapper { flex-grow: 1;
}
.PinOnMapWindow .mapContainer { height: 250px; width: 100%;
} .TagPickerWindowDesktopContent { width: 280px; z-index: 1; padding: 4px;
}
.TagPickerWindowDesktopContent .content { display: flex; flex-direction: column;
}
.TagPickerWindowDesktopContent .create { display: flex; align-items: center; justify-content: start; flex-direction: row; gap: 4px; margin-bottom: 10px;
}
.TagPickerWindowDesktopContent .create .TextBoxWrapper { flex-grow: 1;
}
.TagPickerWindowDesktopContent .tags { display: flex; flex-direction: column; position: relative;
}
.TagPickerWindowDesktopContent .tag { display: flex; align-items: center; padding: 6px 8px; cursor: pointer; position: relative; opacity: 0.4;
}
.TagPickerWindowDesktopContent .tag.tag-selected { opacity: 1;
}
.TagPickerWindowDesktopContent .tag:hover { background-color: white;
}
.TagPickerWindowDesktopContent .tag .color { min-width: 20px; height: 20px; border-radius: 8px; border: 1px #fff solid; margin-left: 3px; margin-right: 9px;
}
.TagPickerWindowDesktopContent .tag .name { flex-grow: 1; display: flex; flex-direction: column;
}
.TagPickerWindowDesktopContent .tag .name .use { font-size: 11px;
}
.TagPickerWindowDesktopContent .tag .name .unused { font-size: 11px;
}
.TagPickerWindowDesktopContent .tag .edit img { opacity: 0.3;
}
.TagPickerWindowDesktopContent .tag .edit img:hover { opacity: 1;
}
.TagPickerWindowDesktopContent .tag .TextBoxWrapper { flex-grow: 1;
}
.TagPickerWindowDesktopContent .tagedit { display: flex; gap: 2px; opacity: 1;
}
.TagPickerWindowDesktopContent .tagedit .WidgetSvgImage { margin-left: 8px;
}
.TagPickerWindowDesktopContent .colorBox { width: 30px; border-radius: 50%; height: 30px; border: 1px #CBCBCB solid;
}
.TagPickerWindowDesktopContent .CommonLabel { margin: 5px 5px 0 12px;
}
.TagPickerWindowDesktopContent .commonButtonOrange { align-self: center;
}
.TagPickerWindowDesktopContent .TextBox { width: 100%;
} .color-picker { background-color: rgba(0, 0, 0, 0.9); border: 4px solid rgba(0, 4, 0, 0.7); border-radius: 4px;
}
.color-picker .color-picker-box { display: block; float: left; cursor: pointer; width: 20px; margin: 6px 2px 0; border-radius: 8px; height: 20px; border: 1px rgba(255, 255, 255, 0.3882352941) solid;
}
.color-picker .color-picker-textbox { background-color: #202A35; border-width: 0; border-radius: 5px; color: white; outline: none; width: 175px; padding-left: 6px; margin-top: 8px; height: 26px; font-size: 14px;
} @media only screen and (max-width: 1040px) { .ImageCropperWindow .container { flex-wrap: wrap; width: 480px; } .ImageCropperWindow .Settings { width: 480px; }
}
@media only screen and (max-width: 853px) { .InformationWindow .content { width: 100%; } .InformationWindow .media, .InformationWindow .map { width: 100%; }
}
@media only screen and (max-width: 720px) { .ImageCropperWindow .container { flex-wrap: wrap; width: 240px; } .ImageCropperWindow .Settings { width: 240px; }
}
.CommonPopupDesktop, .CommonPopupDesktopJs { z-index: 5; background-image: none; background-color: #fff; position: absolute; top: 0; left: auto; right: auto; width: auto; height: auto; overflow: hidden; margin: 0; border: 0; padding: 4px; border-radius: 9px; box-shadow: 0 18px 7px rgba(10, 14, 34, 0.01), 0 10px 6px rgba(10, 14, 34, 0.02), 0 4px 4px rgba(10, 14, 34, 0.02), 0 1px 2px rgba(10, 14, 34, 0.02), 0 0 0 1px rgba(10, 14, 34, 0.05); opacity: 0; transform: scale(0.96) translateY(12px); transition: opacity 0.075s ease-in-out, transform 0.075s ease-in-out, top 0.1s ease-in-out; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
.CommonPopupDesktop .NestedPopupWindowContent, .CommonPopupDesktopJs .NestedPopupWindowContent { padding: 0; position: relative;
}
.CommonPopupDesktop[visible=true], .CommonPopupDesktopJs[visible=true] { opacity: 1; transform: scale(1) translateY(0); pointer-events: auto;
}
.CommonPopupDesktop.profile, .CommonPopupDesktopJs.profile { max-width: 164px; min-width: 164px; top: 36px; left: -104px;
}
.CommonPopupDesktop.dots, .CommonPopupDesktopJs.dots { max-width: 190px; min-width: 190px; top: 30px; left: -12px;
}
.CommonPopupDesktop .header, .CommonPopupDesktopJs .header { margin: 0 -6px 6px -6px; padding: 5px 12px 6px 12px; border: 0; border-bottom: 1.6px dashed rgba(10, 14, 34, 0.1);
}
.CommonPopupDesktop .header .avatar, .CommonPopupDesktopJs .header .avatar { display: flex; align-items: center; justify-content: center; flex-direction: initial; gap: normal; margin-bottom: 6px; cursor: pointer;
}
.CommonPopupDesktop .header .username, .CommonPopupDesktopJs .header .username { height: 19.2px; font-weight: 660; text-decoration: underline; display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: normal;
} .CommonPopupMobileJsBackTransparent, .CommonPopupMobileBackTransparent { z-index: 5; background-image: none; background-color: rgba(10, 14, 34, 0.65); position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; opacity: 0; transition: opacity 0.125s ease-in-out; pointer-events: none;
}
.CommonPopupMobileJsBackTransparent[visible=true], .CommonPopupMobileBackTransparent[visible=true] { opacity: 1; pointer-events: auto;
} .CommonPopupMobile, .CommonPopupMobileJs { z-index: 5; background-image: none; background-color: #fff; position: fixed; left: 8px; right: 8px; bottom: auto; width: auto; height: auto; overflow: hidden; margin: 0; padding: 0; border: 0; border-radius: 9px; box-shadow: 0 0 0 1px rgba(10, 14, 34, 0.006); -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; pointer-events: none; transition: opacity 0.275s ease-in-out, transform 0.275s ease-in-out, top 0.27s ease-in-out; top: 100%;
}
.CommonPopupMobile[visible=true], .CommonPopupMobileJs[visible=true] { opacity: 1; pointer-events: auto;
}
.CommonPopupMobile.noEffects, .CommonPopupMobileJs.noEffects { transition: none; transform: none;
}
.CommonPopupMobile .dragbutton, .CommonPopupMobileJs .dragbutton { width: 100%; height: 48px; background-image: none; background-color: transparent; margin: 0; padding: 0; border: 0; display: flex; align-items: center; justify-content: center; flex-direction: initial; gap: normal;
}
.CommonPopupMobile .dragbutton::before, .CommonPopupMobileJs .dragbutton::before { background-image: none; background-color: rgba(10, 14, 34, 0.1); position: absolute; width: 76px; height: 16px; border: 0; border-radius: 5px; display: flex; content: "";
}
.CommonPopupMobile .content, .CommonPopupMobileJs .content { overflow-y: scroll; max-height: calc(100% - 60px); display: flex; align-items: start; justify-content: center; flex-direction: column; gap: 0; padding: 10px;
}
.CommonPopupMobile .content .¦_float-header, .CommonPopupMobileJs .content .¦_float-header { margin: 0 -4px 8px -4px; padding: 0 12px 8px 12px; border: 0; border-bottom: 1px dashed rgba(10, 14, 34, 0.1);
}
.CommonPopupMobile .content .¦_float-header .¦_float-name, .CommonPopupMobileJs .content .¦_float-header .¦_float-name { height: 18px; display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: normal;
}
.CommonPopupMobile .content .¦_float-header .¦_float-email, .CommonPopupMobileJs .content .¦_float-header .¦_float-email { height: 14px; display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: normal;
}
.CommonPopupMobile .content .item, .CommonPopupMobileJs .content .item { position: relative; display: flex; align-items: normal; justify-content: normal; flex-direction: initial; gap: normal;
}
.CommonPopupMobile .content .item .link, .CommonPopupMobileJs .content .item .link { width: 100%; height: 28px; margin: 0; padding: 0 1px; display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: 6.56px; border: 0; border-radius: 5px;
}
.CommonPopupMobile .content .item .link:hover, .CommonPopupMobile .content .item .link:focus, .CommonPopupMobileJs .content .item .link:hover, .CommonPopupMobileJs .content .item .link:focus { background-color: rgba(10, 14, 34, 0.06);
}
.CommonPopupMobile .content .item .link .icon, .CommonPopupMobileJs .content .item .link .icon { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; flex-direction: initial; gap: normal;
}
.CommonPopupMobile .content .item .link .text, .CommonPopupMobileJs .content .item .link .text { padding: 2px 0 0 0; font-size: 100%; letter-spacing: -0.3px; line-height: 1.4; font-weight: 440; color: #0a0e22;
}
.CommonPopupMobile .content .item .link .text.enh_space, .CommonPopupMobileJs .content .item .link .text.enh_space { padding: 2px 0 0 5px;
} .headerEducational { position: relative;
} .CommonAlertWindow .content { padding: 12px;
}
.CommonAlertWindow .content h3, .CommonAlertWindow .content .text { color: white;
}
.CommonAlertWindow .content .buttonsWrapper { display: flex; align-items: normal; justify-content: center; flex-direction: row; gap: 6.56px;
}
.CommonAlertWindow.warn { background-color: #f86434;
}
.CommonAlertWindow.info { background-color: #0481fd;
}
.CommonAlertWindow.CommonAlertWindow.warn { color: white;
}
.CommonAlertWindow.CommonAlertWindow.warn h3 { color: white;
}
.CommonAlertWindow.CommonAlertWindow.warn .dragbutton::before { background-color: rgba(255, 255, 255, 0.4);
}
.CommonAlertWindow.CommonAlertWindow.info { color: white;
}
.CommonAlertWindow.CommonAlertWindow.info h3 { color: white;
}
.CommonAlertWindow.CommonAlertWindow.info .dragbutton::before { background-color: rgba(255, 255, 255, 0.4);
} .NavigationTooltipWindow .keyboard { background-position: -614.4px -153.6px; position: relative; background-size: 3072px; min-width: 153.6px; height: 153.6px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; display: block; align-self: center;
}
.NavigationTooltipWindow .mouse { background-position: -768px -153.6px; position: relative; background-size: 3072px; min-width: 153.6px; height: 153.6px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; display: block; align-self: center;
} .GoogleSpreadsheetImportWindow .title { margin-bottom: 10px;
}
.GoogleSpreadsheetImportWindow .content { width: 420px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
}
.GoogleSpreadsheetImportWindow .url { width: 100%;
} .GoogleIntegrationsChooseItem .color { width: 40px; height: 40px; border-radius: 20px; position: absolute; left: 10px; top: 10px;
}
.GoogleIntegrationsChooseItem .item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 60px; cursor: pointer; padding: 5px 5px 5px 60px; border: 1px transparent solid;
}
.GoogleIntegrationsChooseItem .name { font-weight: 440;
}
.GoogleIntegrationsChooseItem .desc { font-size: 80%;
}
.GoogleIntegrationsChooseItem .item:hover { border-radius: 10px; background-color: #eaeaea;
} .GoogleAnalyticsChooseViewWindow .account { padding: 12px 9px; border-radius: 3px; cursor: pointer;
}
.GoogleAnalyticsChooseViewWindow .getProfileName { font-weight: 440;
}
.GoogleAnalyticsChooseViewWindow .type { margin-left: 8px;
}
.GoogleAnalyticsChooseViewWindow .type span { font-weight: 440;
}
.GoogleAnalyticsChooseViewWindow .account:hover { border-radius: 10px; background-color: #eaeaea;
} .DuplicateTimelineWindow .notice { margin: 0px 0 8px; padding: 11px; color: white; background-color: #d74d21; border-radius: 8px;
} .TimelinePrivacyRestrictionsWindow .advanced { background-color: #f57373; color: #fff7f7; border: 1px #ffd2d1 solid; border-radius: 3px; padding: 0 6px;
}
.TimelinePrivacyRestrictionsWindow .warn { color: #f86333;
} .ShareWindow .socials, .EmbedTimelineCodeWindow .socials { display: flex; align-items: start; justify-content: start; flex-direction: row; gap: 8px;
}
.ShareWindow .socials .item, .EmbedTimelineCodeWindow .socials .item { text-align: center;
}
.ShareWindow .socials .item > div, .EmbedTimelineCodeWindow .socials .item > div { margin-bottom: 3px;
}
.ShareWindow .urlFlex, .EmbedTimelineCodeWindow .urlFlex { display: flex; align-items: center; justify-content: start; flex-direction: row; gap: 6.56px; width: 100%;
}
.ShareWindow .urlFlex .TextBoxWrapper, .EmbedTimelineCodeWindow .urlFlex .TextBoxWrapper { width: 100%;
}
.ShareWindow .copied, .EmbedTimelineCodeWindow .copied { background-image: none; background-color: rgba(10, 14, 34, 0.06); border: 0; border-radius: 6px; padding: 8px 10px 6px; display: none;
} .StripePaymentWindow .processingInfo { align-self: center; display: flex; justify-content: center; align-items: center; position: relative;
}
.StripePaymentWindow .processingInfo .ssl { display: flex; align-items: center; justify-content: start; flex-direction: row; gap: 6.56px;
}
.StripePaymentWindow .processingInfo .text120n { margin-top: 3px;
}
.StripePaymentWindow form { align-self: center;
} .GoogleDriveExportWindow .done { background-position: -307.2px -153.6px; position: relative; background-size: 3072px; min-width: 153.6px; height: 153.6px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; display: block; align-self: center;
}
.GoogleDriveExportWindow .WidgetSvgImage { border-radius: 30px; display: inline-flex; width: 54px; height: 54px; background-color: #e9e9e1; overflow: hidden; margin: 10px; position: relative;
}
.GoogleDriveExportWindow .exportItems { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;
}
.GoogleDriveExportWindow img { width: 58px; margin: -2px;
}
.GoogleDriveExportWindow .selectedToExport:before { background: url(/public/images/svg/checked.svg) no-repeat; background-size: 25px; background-position: center; content: ""; top: 13px; left: 13px; width: 29px; height: 29px; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; border-radius: 14px; opacity: 1; background-color: rgb(0, 0, 0);
}
.GoogleDriveExportWindow .folderCreated { border-radius: 7px; background-color: #f5f5f5; cursor: pointer;
}
.GoogleDriveExportWindow .folderCreated:hover { background-color: #f3f3f3;
} .EasterEggWindow .egg { background-position: -921.6px -153.6px; position: relative; background-size: 3072px; min-width: 153.6px; height: 153.6px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; display: block; align-self: center;
} .CreateItemWindow .content { width: 600px;
}
.CreateItemWindow .Switcher .type { color: black; padding-right: 8px;
}
.CreateItemWindow .ssl { font-size: 80%; font-weight: bold; margin: 0 20px 0 5px;
} .UserSocialActionUnlockDoneWindow .done { background-position: -307.2px -153.6px; position: relative; background-size: 3072px; min-width: 153.6px; height: 153.6px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; display: block; align-self: center;
} .ExportImageSettingWindow { opacity: 0.94; width: 300px; user-select: none; padding: 0; z-index: 2;
}
.ExportImageSettingWindow .premiumLock { position: relative;
}
.ExportImageSettingWindow .premiumLock:after { position: absolute; width: 19px; height: 19px; background: url(/public/images/svg/locked-padlock.svg) no-repeat; background-size: 15px; content: ""; right: -6px; background-color: #364657; border-radius: 13px; overflow: hidden; border: 2px #364657 solid;
}
.ExportImageSettingWindow .premiumLock:after { width: 17px; height: 17px; background-color: transparent;
}
.ExportImageSettingWindow .header { display: flex; margin: -13px -13px 9px; padding: 9px; align-items: center; justify-content: flex-start;
}
.ExportImageSettingWindow .header .title { flex-grow: 1; white-space: nowrap; margin: 0 11px;
}
.ExportImageSettingWindow .header .exportType { border-radius: 50%; overflow: hidden;
}
.ExportImageSettingWindow .header .exportType .jpg { background-image: url(/public/images/svg/filetype/jpg.svg);
}
.ExportImageSettingWindow .header .exportType .png { background-image: url(/public/images/svg/filetype/png.svg);
}
.ExportImageSettingWindow .header .exportType .pdf { background-image: url(/public/images/svg/filetype/pdf.svg);
}
.ExportImageSettingWindow .header .exportType .docx { background-image: url(/public/images/svg/filetype/docx.svg);
}
.ExportImageSettingWindow .header .exportType .pptx { background-image: url(/public/images/svg/filetype/pptx.svg);
}
.ExportImageSettingWindow .header .exportType .img { background-color: #e9e9e1; background-position: center bottom; background-repeat: no-repeat; background-size: 50px; width: 40px; height: 40px;
}
.ExportImageSettingWindow .header .WidgetSvgImage img { width: 30px;
}
.ExportImageSettingWindow .content { display: flex; flex-direction: column; gap: 8px; padding: 13px;
}
.ExportImageSettingWindow .content > div.text { margin-bottom: -17px;
}
.ExportImageSettingWindow .commonButtonOrange { align-self: center; margin-top: 14px;
}
.ExportImageSettingWindow .paperformat { margin-top: 10px;
}
.ExportImageSettingWindow .paperformat > div { margin: 0 8px; cursor: pointer; user-select: none;
}
.ExportImageSettingWindow .portrait { width: 70px; height: 99px; border: 1px #bdbdbd solid; border-radius: 2px; background-color: #f3f3f3; color: #000000; display: flex; justify-content: center; align-items: center; position: relative; text-align: center;
}
.ExportImageSettingWindow .landscape { border: 1px #bdbdbd solid; border-radius: 5px; background-color: #f3f3f3; width: 99px; height: 70px; color: #000000; display: flex; justify-content: center; align-items: center; position: relative; text-align: center;
}
.ExportImageSettingWindow .paperformat .CommonHTML-selected::before { background: url(/public/images/svg/checked.svg) no-repeat; background-size: 25px; background-position: center; content: ""; top: 0; left: 0; width: 100%; height: 100%; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; border-radius: 4px; opacity: 1; background-color: rgba(255, 255, 255, 0.76);
}
.ExportImageSettingWindow .dateRangeContainer { display: flex; align-items: start; justify-content: start; flex-direction: column; gap: 4px;
}
.ExportImageSettingWindow .dateRangeContainer .TextBoxWrapper { width: 100%;
}
.ExportImageSettingWindow .dateRangeContainer .TextBox { width: 100%; margin: 0;
}
.ExportImageSettingWindow .buttons { align-self: center;
} .DonateWindow .CommonInputRange { width: 100%;
} .EditOrganizationWindow .iconBin { align-self: end; margin-top: 9px;
} .CreateOrganizationWindow .Switcher { margin-bottom: 10px;
}
.CreateOrganizationWindow .content { width: 480px;
}
.CreateOrganizationWindow .content > button { margin-top: 16px;
} .PremiumCalculations .PlanCorporatePanel, .PremiumCalculations .PlanEducationPanel { width: 100%;
} .ReportingDataProviderCreatorWindow .content { text-align: start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
}
.ReportingDataProviderCreatorWindow .content .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 18px; margin-top: 18px;
}
.ReportingDataProviderCreatorWindow .content .name { width: 100%;
}
.ReportingDataProviderCreatorWindow .content .url { width: 100%; margin-top: 10px;
}
.ReportingDataProviderCreatorWindow .content .create { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-top: 10px;
} .GenerateTimelineWithAIWindow .TextArea { height: 100px;
}
.GenerateTimelineWithAIWindow .separate { height: 8px;
} .BillingInfoWindow .content { width: 100%; max-width: fit-content; min-width: 320px;
}
.BillingInfoWindow .userPremiumPeriodsDiv { width: 100%; margin-top: 20px;
}
.BillingInfoWindow .paymentHistoryTable { width: 100%; border: 1px solid #e0e0e0; border-radius: 6px; overflow: hidden; background-color: #fff; display: table; table-layout: auto;
}
.BillingInfoWindow .paymentHistoryTable .tableRow { display: table-row; border-bottom: 1px solid #e0e0e0;
}
.BillingInfoWindow .paymentHistoryTable .tableRow:last-child { border-bottom: none;
}
.BillingInfoWindow .paymentHistoryTable .tableRow.header { background-color: #f5f5f5; font-weight: 440;
}
.BillingInfoWindow .paymentHistoryTable .tableRow.header .tableCell { color: #0a0e22;
}
.BillingInfoWindow .paymentHistoryTable .tableRow .tableCell { display: table-cell; padding: 8px 10px; word-wrap: break-word; border-right: 1px solid #e0e0e0;
}
.BillingInfoWindow .paymentHistoryTable .tableRow .tableCell:last-child { border-right: none;
}
.BillingInfoWindow .noPaymentsMessage { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 6.56px; padding: 20px 20px;
} @media only screen and (max-width: 720px) { .BillingInfoWindow .paymentHistoryTable { display: block; } .BillingInfoWindow .paymentHistoryTable .tableRow { display: block; border-bottom: 1px solid #e0e0e0; margin-bottom: 10px; padding-bottom: 10px; } .BillingInfoWindow .paymentHistoryTable .tableRow.header { display: none; } .BillingInfoWindow .paymentHistoryTable .tableRow:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .BillingInfoWindow .paymentHistoryTable .tableRow .tableCell { display: flex; border-right: none; border-bottom: none; white-space: normal; padding: 8px 12px; } .BillingInfoWindow .paymentHistoryTable .tableRow .tableCell:before { font-weight: 440; display: inline-block; margin-right: 10px; min-width: 120px; } .BillingInfoWindow .paymentHistoryTable .tableRow .tableCell:nth-child(1):before { content: "Amount: "; } .BillingInfoWindow .paymentHistoryTable .tableRow .tableCell:nth-child(2):before { content: "Premium from: "; } .BillingInfoWindow .paymentHistoryTable .tableRow .tableCell:nth-child(3):before { content: "Premium to: "; } .BillingInfoWindow .paymentHistoryTable .tableRow .tableCell:nth-child(4):before { content: "Payment method: "; } .BillingInfoWindow .paymentHistoryTable .tableRow .tableCell:nth-child(5):before { content: "Charge time: "; } .BillingInfoWindow .userSubscription { margin-top: 12px; padding: 10px; font-size: 90%; } .BillingInfoWindow .userSubscription .nextChargeText { font-size: 90%; } .BillingInfoWindow .noPaymentsMessage { padding: 30px 15px; } .BillingInfoWindow .userPremiumPeriodsDiv .historyTitle { font-size: 110%; margin-bottom: 10px; }
}
.siteFlowMenu { background-image: none; background-color: transparent; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; opacity: 0; pointer-events: none; z-index: 5;
}
.siteFlowMenu .svgimage.iconLogoFullGray { background-position: 0px -499.2px; position: relative; background-size: 768px; min-width: 307.2px; height: 38.4px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; display: block; height: 28px; margin: 0 24px; display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: normal;
}
.siteFlowMenu .leftMenuBackground { z-index: 1; background-image: none; background-color: rgba(10, 14, 34, 0.65); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; opacity: 0; transition: opacity 0.125s ease-in-out;
}
.siteFlowMenu .leftMenuContainer { display: flex; flex-direction: column; z-index: 1; background-image: none; background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; margin: 0; padding: 0; border: 0; box-shadow: 0 0 0 1px rgba(10, 14, 34, 0.006); opacity: 0.75; transform: scale(1) translateY(75vh); transition: opacity 0.275s ease-in-out, transform 0.275s ease-in-out, top 0.27s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
.siteFlowMenu .leftMenuContainer .closeline { display: flex; align-items: center; justify-content: space-between; flex-direction: normal; gap: 0; padding: 18px 18px 0;
}
.siteFlowMenu .leftMenuContainer .links { flex-grow: 1; width: auto; height: auto; margin: 16px 24px 0;
}
.siteFlowMenu .leftMenuContainer .links .linkItem { position: relative; display: flex; align-items: center; justify-content: start; flex-direction: initial; gap: initial; height: 56px;
}
.siteFlowMenu .leftMenuContainer .links .linkItem .buttons { font-size: 120%; letter-spacing: -0.36px; line-height: 1.2; font-weight: 440; color: #0a0e22; padding: 0;
}
.siteFlowMenu .leftMenuContainer .links .linkItem:after { background-image: repeating-linear-gradient(270deg, #dadada, #dadada 3px, transparent 0, transparent 5px); background-color: transparent; position: absolute; left: 0; right: 0; bottom: 0; width: auto; height: 1.5px; opacity: 0.75; display: flex; content: "";
}
.siteFlowMenu .leftMenuContainer .links .linkItem:last-child:after { background-image: none; opacity: 0;
}
.siteFlowMenu[dataStatus=visible] { opacity: 1; pointer-events: all;
}
.siteFlowMenu[dataStatus=visible] .leftMenuBackground { opacity: 1;
}
.siteFlowMenu[dataStatus=visible] .leftMenuContainer { opacity: 1; transform: scale(1) translateY(0);
}
.siteFlowMenu[dataStatus=remove] { opacity: 1;
}
.siteFlowMenu[dataStatus=remove] .leftMenuBackground { transition: opacity 0.125s 0.075s ease-in-out;
}
.siteFlowMenu[dataStatus=remove] .leftMenuContainer { opacity: 1; transform: scale(1) translateY(75vh); transition: opacity 0.0125s 0.075s ease-in-out, transform 0.275s ease-in-out;
} .timelinePin { display: flex; align-items: start; justify-content: normal; flex-direction: column; gap: 6px; width: 400px; margin-bottom: 26.56px;
}
.timelinePin .privacy { position: absolute; left: 5px; top: 5px; overflow: hidden;
}
.timelinePin .info { display: flex; align-items: start; justify-content: normal; flex-direction: column; gap: 3px;
}
.timelinePin .info .author { display: flex; align-items: center; justify-content: start; flex-direction: row; gap: 3px;
}
.timelinePin h4 { font-size: 120%; letter-spacing: -0.36px; line-height: 1.1; font-weight: 440; color: #0a0e22; overflow-wrap: anywhere;
}
.timelinePin .cover { position: relative; display: flex; width: 100%; overflow: hidden; border-radius: 8px;
}
.timelinePin .cover a { background-color: rgba(10, 14, 34, 0.06); padding-top: 44%; width: 100%;
}
.timelinePin .cover a img { margin-top: -46%; width: 100%; aspect-ratio: 1200/639; object-fit: cover; background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%); background-size: 200% 100%; animation: shimmer 1.5s infinite;
}
.timelinePin .cover .noCover { width: 100%; height: 200px; color: black; scale: 1.65;
}
.timelinePin .interact { display: flex; align-items: normal; justify-content: normal; flex-direction: row; gap: unset; margin-left: -5px;
}
.timelinePin .noTimelineCoverSvg { max-width: 100%; max-height: 150px; transform: scale(1.4) translate(13%, 5%); height: auto; margin-top: -100%;
}
.timelinePin .noTimelineCoverSvg.svgColor0 { background-color: #fff4e4;
}
.timelinePin .noTimelineCoverSvg.svgColor0 path, .timelinePin .noTimelineCoverSvg.svgColor0 rect { stroke: #ffa82b;
}
.timelinePin .noTimelineCoverSvg.svgColor1 { background-color: #f5ffe0;
}
.timelinePin .noTimelineCoverSvg.svgColor1 path, .timelinePin .noTimelineCoverSvg.svgColor1 rect { stroke: #a8c769;
}
.timelinePin .noTimelineCoverSvg.svgColor2 { background-color: #ffecec;
}
.timelinePin .noTimelineCoverSvg.svgColor2 path, .timelinePin .noTimelineCoverSvg.svgColor2 rect { stroke: #ef6c6c;
}
.timelinePin .noTimelineCoverSvg.svgColor3 { background-color: #dff3ff;
}
.timelinePin .noTimelineCoverSvg.svgColor3 path, .timelinePin .noTimelineCoverSvg.svgColor3 rect { stroke: #75cbff;
}
.timelinePin .noTimelineCoverSvg.svgColor4 { background-color: #ffffe0;
}
.timelinePin .noTimelineCoverSvg.svgColor4 path, .timelinePin .noTimelineCoverSvg.svgColor4 rect { stroke: #cfcf25;
} .timeline-link-with-image .image { position: relative; display: flex; width: 100%; overflow: hidden;
}
.timeline-link-with-image .data { margin: 8px 0 0 0;
}
.timeline-link-with-image .data .desc { width: auto; height: 18px; display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: 3px; font-size: 90%; letter-spacing: -0.27px; line-height: 1.2; font-weight: 440; color: #0a0e22;
}
.timeline-link-with-image .data .desc a { font-weight: 500;
}
.timeline-link-with-image .data .stats { margin: 2px 0 0 0; padding: 0; display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: 8px;
} .timeline-link-empty { position: relative; display: flex; align-items: normal; justify-content: normal; flex-direction: initial; gap: normal; width: auto; height: auto; overflow: hidden; border: 0; border-radius: 8px;
}
.timeline-link-empty::before { background-image: none; background-color: transparent; width: 100%; height: auto; display: flex; content: ""; padding-top: calc(66% + 68px);
}
.timeline-link-empty.enh_expand::before { padding-top: calc(75% + 74px);
}
.timeline-link-empty .data { position: absolute; max-width: 96%; min-width: auto; margin: 0; padding: 18px 16px;
}
.timeline-link-empty .data .title { margin-bottom: 2px;
}
.timeline-link-empty .data .desc { margin-bottom: 2px; width: auto; height: 18px; display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: 3px; font-size: 90%; letter-spacing: -0.27px; line-height: 1.2; font-weight: 440; color: initial;
}
.timeline-link-empty .data .desc a { font-weight: 440;
}
.timeline-link-empty .data .desc b { font-weight: 440; color: inherit;
}
.timeline-link-empty .data .stats { display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: 8px; pointer-events: none;
}
.timeline-link-empty .image { background-image: none; background-color: transparent; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
}
.timeline-link-empty .image > * { background-image: none; background-color: transparent; position: absolute; top: 0; left: 0; transform: scale(0.45) translate(-80%, -70%);
} .site-header-blank { width: 100%; height: auto;
}
[data-header=fixed] .site-header-blank { height: 48px;
} .UserPanelAutherMenu .buttons { justify-content: start;
} .site-header { background-image: none; background-color: #fff; position: relative; overflow: visible; border-top: 0; box-shadow: 0 0 0 1.5px rgba(10, 14, 34, 0.06);
}
.site-header .site-content { display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: normal;
}
[data-header=fixed] .site-header { z-index: 2; position: fixed; top: 0; left: 0; right: 0; width: auto; height: auto; -webkit-animation: headerFixed 0.125s ease-in-out; animation: fixed 0.125s ease-in-out;
}
@keyframes fixed { 0% { transform: translateY(-24px); } 100% { transform: translateY(0); }
}
.site-header .siteFlowMenuButton { display: none;
}
.site-header .wrapper { width: 100%; height: 48px; display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: 24px;
}
.site-header .wrapper .left .logoGray { background-position: -30.72px -430.08px; position: relative; background-size: 614.4px; min-width: 276.48px; height: 30.72px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; display: block;
}
.site-header .wrapper .left .logoColored { background-position: -245.76px -399.36px; position: relative; background-size: 614.4px; min-width: 245.76px; height: 30.72px; background-image: url(/public/v2/images/sprite/sprite.svg?v=432); background-repeat: no-repeat; display: block;
}
.site-header .wrapper .center { display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: 2px;
}
.site-header .wrapper .center .link_wrapper { position: relative; display: flex; padding: 1px 0 0 0;
}
.site-header .wrapper .center .link_wrapper .link { position: relative; display: flex; width: auto; height: 22px; padding: 1px 6px 0; align-items: center; font-size: 120%; letter-spacing: -0.36px; line-height: 1.2; font-weight: 300; color: #0a0e22;
}
.site-header .wrapper .center .link_wrapper .link::before { background-image: none; background-color: rgba(10, 14, 34, 0.06); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; display: flex; content: ""; border: 0; border-radius: 5px; opacity: 0; transform: scale(0.9); transition: opacity 0.075s ease-in-out, transform 0.075s ease-in-out, top 0.1s ease-in-out;
}
.site-header .wrapper .center .link_wrapper .link:hover::before, .site-header .wrapper .center .link_wrapper .link:focus::before { transform: scale(1); opacity: 1;
}
.site-header .wrapper .center .headerMenuDots { display: none;
}
.site-header .wrapper .center .dropdown_wrapper { position: relative; display: flex; padding: 1px 0 0 6px;
}
.site-header .wrapper .right { margin: 0 0 0 auto; display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: 6px;
}
.site-header .wrapper .right .theme-switcher { display: inline-flex;
}
.site-header .userAccount .CommonPopupDesktop.profile .buttons { margin: 8px 0;
}
.site-header .userAccount .avatar { width: 26.6656px; height: 26.6656px; border-radius: 8px; margin-left: 5.2256px; margin-right: 5.8656px;
} .AccountPopupDesktop .content .header { display: flex; align-items: center; justify-content: start; flex-direction: column; gap: 0; align-self: center; margin-bottom: 6px;
}
.AccountPopupDesktop .content .header .hasAvatar { width: 30px; height: 30px; overflow: hidden; border-radius: 7px;
}
.AccountPopupDesktop .content .header .buttons { margin: 6px 0;
} .AccountPopupMobile .content .header { display: flex; align-items: center; justify-content: start; flex-direction: column; gap: 3px; align-self: center; margin-bottom: 15px;
}
.AccountPopupMobile .content .header .hasAvatar { width: 30px; height: 30px; overflow: hidden; border-radius: 7px;
}
.AccountPopupMobile .content .header .buttons { margin: 6px 0;
} @media only screen and (max-width: 1365px) { .site-header .wrapper .right .userAccount .group { display: none; }
}
@media only screen and (max-width: 853px) { .site-header .wrapper .right .userAccount .group { display: none; }
}
@media only screen and (max-width: 720px) { .headerBelowLine { flex-wrap: wrap; } .site-header .site-content { padding-right: 10px; } .site-header .site-content .wrapper .left a { display: none; } .site-header .siteFlowMenuButton { margin-left: -12px; height: 48px; display: flex; align-items: center; justify-content: center; flex-direction: initial; gap: 0px; } .site-header .wrapper .right .iconPen { font-size: 0; color: transparent; padding-right: 0; }
}
@media only screen and (max-width: 640px) { .site-header .site-content .wrapper .headerMenuDots { display: none; }
}
@media only screen and (max-width: 500px) { .site-header .site-content .wrapper .center { display: none; } .siteFlowMenu .iconLogoFull { display: none; }
}
.siteFooter { background-image: none; background-color: #fff; position: relative; border-top: 1px solid rgba(10, 14, 34, 0.07); border-bottom: 0; background-image: repeating-linear-gradient(123deg, #e0e0e0, #ffffff 1px, transparent 0px, transparent 10px); background-size: 12px 100%; background-repeat: repeat-x;
}
.siteFooter .siteFooterBlocks { display: flex; align-items: normal; justify-content: normal; flex-direction: initial; gap: 21.28px;
}
.siteFooter .siteFooterBlocks .siteFooterBlock { width: 50%;
}
.siteFooter .siteFooterBlocks .siteFooterBlock .title { height: 30px;
}
.siteFooter .siteFooterBlocks .about { width: 50%;
}
.siteFooter .siteFooterBlocks .about icons { margin: 0; max-width: 296px; margin-bottom: 16px;
}
.siteFooter .siteFooterBlocks .about .about-div { display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: 0; width: auto; margin-bottom: 16px; flex-wrap: wrap;
}
.siteFooter .siteFooterBlocks .about .about-div a { position: relative; display: flex; padding: 0; margin-right: 10px;
}
.siteFooter .siteFooterBlocks .about .support { display: flex; align-items: center; justify-content: normal; flex-direction: row; gap: 0; width: auto; margin-bottom: 16px; flex-wrap: wrap;
}
.siteFooter .siteFooterBlocks .about .support a { position: relative; display: flex; padding: 0; margin-right: 10px;
}
.siteFooter .siteFooterBlocks .paycards .desc { margin-bottom: 16px; font-size: 100%; letter-spacing: -0.3px; line-height: 1.2; font-weight: 440; color: #0a0e22;
}
.siteFooter .siteFooterBlocks .stars .score a { display: flex; margin: 4px 0 10px 0; max-width: 116px; min-width: 116px;
}
.siteFooter .siteFooterBlocks .stars .write { margin: 16px 0 0 0; padding: 0; display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: 2px; padding: 1px 0 0 0; line-height: 1.5;
} @media only screen and (max-width: 1000px) { .siteFooter .siteFooterBlocks .about .about-div { width: auto; height: auto; flex-direction: column; align-items: start; }
}
@media only screen and (max-width: 640px) { .siteFooter .siteFooterBlocks { flex-direction: column; } .siteFooter .siteFooterBlocks .siteFooterBlocks { flex-basis: 100%; width: 100%; } .siteFooter .siteFooterBlocks .about { width: 100%; } .siteFooter .siteFooterBlocks .paycards { width: 100%; margin-bottom: 20px; } .siteFooter .siteFooterBlocks .stars { width: 100%; }
}
.timelineCanvasWrapper { z-index: 1; position: relative; background-image: none; background-color: #f7f8fb; min-width: 100%; max-width: 100%; height: 50vh; border-bottom: 1px solid rgba(10, 14, 34, 0.04); overflow: hidden;
}
.timelineCanvasWrapper .controls { position: absolute; bottom: 40px;
}
.timelineCanvasWrapper #lineCanvasContainerWrapper { position: relative; height: 100%;
}
.timelineCanvasWrapper .LineCanvasContainer { position: relative;
} #TagsContainer { position: absolute; top: 10px; border-radius: 4px; left: 10px; background-color: white; overflow-y: auto; user-select: none; z-index: 3; box-shadow: 19px 0px 11px -20px rgba(0, 0, 0, 0.3); opacity: 1;
}
#TagsContainer .TagWidget { display: flex; align-items: start; justify-content: start; flex-direction: column; gap: 6px;
}
#TagsContainer .TagWidget .Header { display: flex; align-items: center; justify-content: start; flex-direction: row; gap: 0; width: 100%; cursor: pointer; padding: 5px; background-color: #ebebeb;
}
#TagsContainer .TagWidget .Header:hover { background-color: #ffffff;
}
#TagsContainer .TagWidget .Header .ColorCircle { pointer-events: none; width: 20px; height: 20px; border-radius: 50%; border: 1px #fff solid;
}
#TagsContainer .TagWidget .Content { display: flex; align-items: start; justify-content: start; flex-direction: column; gap: 6.56px; margin-bottom: 6px;
}
#TagsContainer .TagWidget .Content .Item { display: flex; align-items: center; justify-content: start; flex-direction: row; gap: 0; font-size: 14px; margin-right: 1px; cursor: pointer; padding: 0 9px; width: 100%;
}
#TagsContainer .TagWidget .Content .Item .name { padding: 1px 7px; white-space: nowrap; flex-grow: 1;
}
#TagsContainer .TagWidget .Content .Item:hover { opacity: 0.6;
}
#TagsContainer .TagWidget .Content.select .Item { opacity: 0.3;
}
#TagsContainer .TagWidget .Content.select .Item.select { opacity: 1;
}
#TagsContainer .TagWidget .color { width: 20px; height: 20px; border-radius: 50%; border: 1px #fff solid; cursor: pointer;
} .page-line .site-content { display: flex; align-items: start; justify-content: normal; flex-direction: row; gap: 32px;
}
.page-line .site-content .left { max-width: calc(62% - 16px); min-width: calc(62% - 16px);
}
.page-line .site-content .left .timelineActionsBlock { margin: 0 0 12px -5px; display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: 2px;
}
.page-line .site-content .left { /* --------------------------------------- aboutInfoBlock */
}
.page-line .site-content .left .aboutInfoBlock { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid rgba(10, 14, 34, 0.06); display: flex; align-items: start; justify-content: start; flex-direction: column; gap: 10px; width: 100%;
}
.page-line .site-content .left .aboutInfoBlock .actions { display: flex; align-items: center; justify-content: start; flex-direction: row; gap: 10px;
}
.page-line .site-content .left .aboutInfoBlock .desc { width: calc(100% - 90px);
}
.page-line .site-content .left .aboutInfoBlock .likesAndShare { display: flex; align-items: start; justify-content: space-between; flex-direction: row; gap: 0; width: 100%;
}
.page-line .site-content .left .aboutInfoBlock .likesAndShare .likes { display: flex; align-items: start; justify-content: start; flex-direction: row; gap: 3px;
}
.page-line .site-content .left .aboutInfoBlock .likesAndShare .likes #likePlus.clicked-true { background-color: #ffe0a8;
}
.page-line .site-content .left .aboutInfoBlock .likesAndShare .likes #likeMinus.clicked-true { background-color: #ffd7d7;
}
.page-line .site-content .left { /* --------------------------------------- contributorsBlock */
}
.page-line .site-content .left .contributorsBlock { margin-bottom: 22px; padding-bottom: 12px; border-bottom: 1px solid rgba(10, 14, 34, 0.06);
}
.page-line .site-content .left .contributorsBlock .authors { display: flex; align-items: center; justify-content: space-between; flex-direction: row; gap: normal;
}
.page-line .site-content .left .contributorsBlock .authors .leftOwner { display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: 10px; max-width: 40%;
}
.page-line .site-content .left .contributorsBlock .authors .leftOwner .author { display: flex; align-items: center; justify-content: start; flex-direction: row; gap: 3px;
}
.page-line .site-content .left .contributorsBlock .authors .leftOwner .authorImg { max-width: 28px; min-width: 28px; border-radius: 50%;
}
.page-line .site-content .left .contributorsBlock .authors .others { display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: normal;
}
.page-line .site-content .left .contributorsBlock .authors .others .otherImg { max-width: 24px; min-width: 24px; margin: 0 -3px;
}
.page-line .site-content .left .contributorsBlock .authors .others .otherImg * { border: 0; border-radius: 50%; box-shadow: 0 0 0 1.5px white;
}
.page-line .site-content .left { /* --------------------------------------- attachmentsBlock */
}
.page-line .site-content .left .attachmentsBlock { margin-bottom: 22px; padding-bottom: 18px; border-bottom: 1px solid rgba(10, 14, 34, 0.06);
}
.page-line .site-content .left .attachmentsBlock header { display: flex; align-items: center; justify-content: space-between; flex-direction: row; gap: 0;
}
.page-line .site-content .left .attachmentsBlock header .navButtons { display: flex; align-items: normal; justify-content: normal; flex-direction: row; gap: 6.56px;
}
.page-line .site-content .left .attachmentsBlock .itemsOfMedia { display: flex; align-items: start; justify-content: start; flex-direction: row; gap: 6.56px; flex-wrap: wrap;
}
.page-line .site-content .left .attachmentsBlock .itemsOfMedia .navigationItems { display: flex; align-items: center; justify-content: space-between; flex-direction: row; gap: 0;
}
.page-line .site-content .left .attachmentsBlock .itemsOfMedia .timelineAttachments { flex-wrap: wrap; display: flex; align-items: start; justify-content: start; flex-direction: row; gap: 12px 4px; width: 100%;
}
.page-line .site-content .left .attachmentsBlock .itemsOfMedia .mediaElement { max-width: 150px; width: calc(20% - 5px); display: flex; align-items: start; justify-content: center; flex-direction: column; gap: 6.56px;
}
.page-line .site-content .left .attachmentsBlock .itemsOfMedia .mediaElement .desc { padding: 0 5px 0;
}
.page-line .site-content .left .attachmentsBlock .itemsOfMedia .mediaElement img { vertical-align: middle; max-width: 100%; border-radius: 14px;
}
.page-line .site-content .left { /* --------------------------------------- commentsBlock */
}
.page-line .site-content .left .commentsBlock { margin: 0; padding: 0;
}
.page-line .site-content .left .commentsBlock .TextArea { width: 320px;
}
.page-line .site-content .left .commentsBlock .commentForm { margin-bottom: 20px; display: flex; align-items: start; justify-content: normal; flex-direction: initial; gap: 12px;
}
.page-line .site-content .left .commentsBlock .commentForm .authorImage { max-width: 28px; min-width: 28px; border-radius: 50%;
}
.page-line .site-content .left .commentsBlock .commentForm .flexcolumn { max-width: 360px; width: 100%; gap: 9px;
}
.page-line .site-content .left .commentsBlock .commentsTree { display: flex; align-items: normal; justify-content: normal; flex-direction: column; gap: 0; position: relative;
}
.page-line .site-content .left .commentsBlock .commentsTree .node { display: flex; align-items: start; justify-content: start; flex-direction: row; gap: 12px; position: relative;
}
.page-line .site-content .left .commentsBlock .commentsTree .node .data { width: 100%;
}
.page-line .site-content .left .commentsBlock .commentsTree .node .data .commentText.deleted { opacity: 0.7; color: #8d8d8d;
}
.page-line .site-content .left .commentsBlock .commentsTree .node .avatar { max-width: 28px; min-width: 28px;
}
.page-line .site-content .left .commentsBlock .commentsTree .node .avatar * { border: 0; border-radius: 50%; box-shadow: 0 0 0 1.5px white;
}
.page-line .site-content .left .commentsBlock .commentsTree .node .line { visibility: hidden; position: absolute; width: 24px; top: 28px; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; flex-direction: initial; gap: normal; cursor: pointer;
}
.page-line .site-content .left .commentsBlock .commentsTree .node .line::before { background-image: repeating-linear-gradient(0, #f5f5f5, #f5f5f5 3px, transparent 0, transparent 5px); background-color: transparent; position: relative; width: 1.5px; height: 100%; left: 1px; margin: 0; padding: 0; border: 0; border-radius: 0; display: flex; content: "";
}
.page-line .site-content .left .commentsBlock .commentsTree .node .line:hover::before { background-image: repeating-linear-gradient(0, #28b536, #28b536 3px, transparent 0, transparent 5px); width: 3px;
}
.page-line .site-content .left .commentsBlock .commentsTree .node .commentText { margin-bottom: 3px; max-width: 360px; word-break: break-word;
}
.page-line .site-content .left .commentsBlock .commentsTree .node .date { display: flex; align-items: center; justify-content: start; flex-direction: row; gap: 10px; flex-wrap: wrap; gap: 0 10px; color: #5c5f6c; margin-bottom: 10px; opacity: 0.5; transition: opacity 0.4s ease, transform 0.4s ease;
}
.page-line .site-content .left .commentsBlock .commentsTree .node .date:hover { opacity: 1;
}
.page-line .site-content .left .commentsBlock .commentsTree .node .userLink { color: #0a0e22; font-weight: 440; margin-top: 3px; margin-bottom: 2px; display: block;
}
.page-line .site-content .left .commentsBlock .commentsTree .node .N16 { position: relative; display: flex; align-items: normal; justify-content: normal; flex-direction: row; gap: 12px; pointer-events: none;
}
.page-line .site-content .left .commentsBlock .commentsTree .node .N16 .data { padding: 2px 0 0 0; pointer-events: auto;
}
.page-line .site-content .left .commentsBlock .commentsTree .node .N16 .data .N18 { margin-bottom: 3px;
}
.page-line .site-content .left .commentsBlock .commentsTree .node .N16 .data .N28 { max-width: 360px; min-width: auto; font-size: 100%; letter-spacing: -0.3px; line-height: 1.5; font-weight: 440; color: #0a0e22;
}
.page-line .site-content .left .commentsBlock .commentsTree .node .N16 .data .________³ { margin-top: 8px; display: flex; align-items: normal; justify-content: normal; flex-direction: row; gap: 6px; font-size: 90%; letter-spacing: -0.27px; line-height: 1.2; font-weight: 440; color: initial;
}
.page-line .site-content .left .commentsBlock .commentsTree .node .N16 .data .________⁴ { margin: 8px 0 0 -6px;
}
.page-line .site-content .left .commentsBlock .commentsTree .node.vline .line { visibility: visible;
}
.page-line .site-content .timelinesBlock { max-width: calc(38% - 16px); min-width: calc(38% - 16px); display: flex; align-items: normal; justify-content: normal; flex-direction: row; gap: 16px; flex-wrap: wrap;
}
.page-line .site-content .timelinesBlock .timelinePin { width: calc(50% - 8px);
} .-js_desc-hidden { display: none;
}
.-js_desc-hidden .N16 { opacity: 0; transform: translateX(-24px); transition: opacity 0.2s ease, transform 0.2s ease;
} .-js_desc-hidden[dataStatus=visible] .N16 { opacity: 1 !important; transform: translateX(0) !important;
} .-js_desc-hidden[dataStatus=remove] .N16 { opacity: 0 !important; transform: translateX(-24px) !important;
}
.-js_desc-hidden[dataStatus=remove] .N16.DownloadOfflineCarousel > div { border-radius: 50%; width: 114px; height: 114px; margin: -57px; background-color: #e9e9e1; overflow: hidden;
}
.-js_desc-hidden[dataStatus=remove] .N16.DownloadOfflineCarousel .smallimg img { transform: scale(1); width: 80px; margin: 17px;
} .DrawableGroupExpandCarusel div { -webkit-box-shadow: none; box-shadow: none;
}
.DrawableGroupExpandCarusel img { width: 40px; margin: 0;
} .EmbedPage { overflow: hidden;
}
.EmbedPage #App { position: relative;
}
.EmbedPage #timelineAppBottom { position: absolute; bottom: 13px; right: 10px; display: flex;
}
.EmbedPage #timelineAppBottom > * { margin: 0 1px;
} @media only screen and (max-width: 1365px) { .page-line .site-content { flex-direction: column; } .page-line .site-content .left { max-width: none; min-width: auto; width: 100%; } .page-line .site-content .timelinesBlock { max-width: 100%; width: 100%; } .page-line .site-content .timelinesBlock .timelinePin { width: calc(33% - 19px); max-width: calc(33% - 19px); }
}
@media only screen and (max-width: 693px) { .page-line .site-content .left .CommentsModule .commentForm .flexcolumn { max-width: 100%; } .page-line .site-content .left .CommentsModule .commentForm .flexcolumn .TextAreaWrapper { width: 100%; } .page-line .site-content .left .CommentsModule .commentForm .flexcolumn .TextAreaWrapper .TextArea { width: 100%; }
}
@media only screen and (max-width: 853px) { .page-line .site-content .left .contributorsBlock .authors { flex-direction: column; gap: 8px; } .page-line .site-content .left .contributorsBlock .authors .leftOwner { max-width: 100%; } .page-line .site-content .timelinesBlock .timelinePin { width: calc(50% - 8px); max-width: calc(50% - 8px); }
}
@media only screen and (max-width: 640px) { .page-line .timelineActionsBlock { flex-wrap: wrap; gap: 0 !important; } .page-line .timelineActionsBlock > * { flex-basis: 50%; justify-content: start; }
}
@media only screen and (max-width: 573px) { .page-line .site-content .timelinesBlock .timelinePin { width: 100%; max-width: 100%; }
}
html.dark body { background-color: #2a334b !important; color: #f9fafb !important;
}
html.dark div, html.dark span, html.dark p, html.dark label, html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6, html.dark .text120n, html.dark .text110n, html.dark .text100n16, html.dark .text100n, html.dark .text90n, html.dark .text80n, html.dark b { color: #f9fafb !important;
}
html.dark [style*="sprite.svg"], html.dark .buttons icon, html.dark .icon, html.dark icon, html.dark icons, html.dark iconsx2, html.dark iconsx3, html.dark .logoColored, html.dark iconsmall, html.dark .logoGray, html.dark .CommonListBox:after { background-image: url(/public/v2/images/sprite/sprite-dark.svg) !important;
}
html.dark .site-loading { background-color: #2a334b !important;
}
html.dark .site-loading .loading-spinner { border-color: #4b5563 !important; border-top-color: #f9fafb !important;
}
html.dark a { color: #d1d5db !important;
}
html.dark a:hover, html.dark a:focus { color: #f9fafb !important;
}
html.dark .link { color: #d1d5db !important;
}
html.dark .link:hover, html.dark .link:focus { color: #f9fafb !important;
}
html.dark p, html.dark span, html.dark div { color: inherit !important;
}
html.dark hr { border-top: 1px solid #4b5563 !important;
}
html.dark table { background-color: #374151 !important;
}
html.dark table th { background-color: #1e2937 !important; color: #f9fafb !important;
}
html.dark table td { border-color: #4b5563 !important; color: #d1d5db !important;
}
html.dark .CommonListBox { border: 1px #4b5563 solid !important; color: #f9fafb !important; background-color: #374151 !important;
}
html.dark .CommonListBox .TextBox { background-color: transparent !important; color: #f9fafb !important; border-color: transparent !important;
}
html.dark .CommonListBox-Popup { box-shadow: 0px 0px 8px -3px rgba(255, 255, 255, 0.2) !important; background-color: #374151 !important; border: 1px solid #4b5563 !important;
}
html.dark .CommonListBox-Popup .content { background-color: #374151 !important;
}
html.dark .CommonListBox-Popup .label { background-color: #374151 !important; color: #f9fafb !important; border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
html.dark .CommonListBox-Popup .label:hover { background-color: rgba(255, 255, 255, 0.08) !important;
}
html.dark .CommonListBox-Popup .label-selected { color: #ffffff !important; background-color: #d84a1b !important;
}
html.dark .CommonListBox-Popup .label-selected:hover { color: #ffffff !important; background-color: #c73e14 !important;
}
html.dark .contactsColumnRow img { filter: invert(1) !important;
}
html.dark .page-premium .corporateSection .container .image img { filter: saturate(2);
}
html.dark .page-premium .personalSubscriptionsBlock .compareItem .itemTitle { background-color: rgba(10, 14, 34, 0.19);
}
html.dark .page-premium .personalSubscriptionsBlock .pricesBlock .dottedLine { background-image: repeating-linear-gradient(270deg, rgba(10, 14, 34, 0.1), rgba(189, 191, 201, 0.68) 3px, transparent 0, transparent 5px);
}
html.dark .page-premium .personalSubscriptionsBlock .pricesBlock .planBlock { border-right: 1px solid rgba(189, 191, 201, 0.68);
}
html.dark .searchEventsPanel { background-color: #2a334b !important; border: 1px #4b5563 solid;
} html.dark .TextBoxWrapper .TextBox, html.dark .TextBoxWrapper .TextArea, html.dark .TextAreaWrapper .TextBox, html.dark .TextAreaWrapper .TextArea { background-color: rgba(84, 96, 114, 0.5) !important; border-color: #4b5563 !important; color: #f9fafb !important;
}
html.dark .TextBoxWrapper .TextBox:focus, html.dark .TextBoxWrapper .TextArea:focus, html.dark .TextAreaWrapper .TextBox:focus, html.dark .TextAreaWrapper .TextArea:focus { background-color: rgba(30, 41, 55, 0.8) !important; border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}
html.dark .TextBoxWrapper .textbox input, html.dark .TextBoxWrapper .textbox textarea, html.dark .TextBoxWrapper .textareabox input, html.dark .TextBoxWrapper .textareabox textarea, html.dark .TextAreaWrapper .textbox input, html.dark .TextAreaWrapper .textbox textarea, html.dark .TextAreaWrapper .textareabox input, html.dark .TextAreaWrapper .textareabox textarea { background-color: rgba(55, 65, 81, 0.5) !important; border: 1px solid #4b5563 !important; color: #f9fafb !important; transition: all 0.2s ease !important;
}
html.dark .TextBoxWrapper .textbox input:focus, html.dark .TextBoxWrapper .textbox textarea:focus, html.dark .TextBoxWrapper .textareabox input:focus, html.dark .TextBoxWrapper .textareabox textarea:focus, html.dark .TextAreaWrapper .textbox input:focus, html.dark .TextAreaWrapper .textbox textarea:focus, html.dark .TextAreaWrapper .textareabox input:focus, html.dark .TextAreaWrapper .textareabox textarea:focus { border-color: #3b82f6 !important; background-color: rgba(30, 41, 55, 0.8) !important; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important; outline: none !important;
}
html.dark .TextBoxWrapper .textbox input::placeholder, html.dark .TextBoxWrapper .textbox textarea::placeholder, html.dark .TextBoxWrapper .textareabox input::placeholder, html.dark .TextBoxWrapper .textareabox textarea::placeholder, html.dark .TextAreaWrapper .textbox input::placeholder, html.dark .TextAreaWrapper .textbox textarea::placeholder, html.dark .TextAreaWrapper .textareabox input::placeholder, html.dark .TextAreaWrapper .textareabox textarea::placeholder { color: #9ca3af !important; opacity: 0.7 !important;
}
html.dark .TextBoxWrapper .selectbox select, html.dark .TextAreaWrapper .selectbox select { background-color: rgba(55, 65, 81, 0.5) !important; border: 1px solid #4b5563 !important; color: #f9fafb !important; transition: all 0.2s ease !important;
}
html.dark .TextBoxWrapper .selectbox select:focus, html.dark .TextAreaWrapper .selectbox select:focus { border-color: #3b82f6 !important; background-color: rgba(30, 41, 55, 0.8) !important; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important; outline: none !important;
}
html.dark select { background-color: rgba(55, 65, 81, 0.5) !important; border: 1px solid #4b5563 !important; color: #f9fafb !important; transition: all 0.2s ease !important;
}
html.dark select:focus { border-color: #3b82f6 !important; background-color: rgba(30, 41, 55, 0.8) !important; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important; outline: none !important;
}
html.dark select::placeholder { color: #9ca3af !important; opacity: 0.7 !important;
}
html.dark input[type=text],
html.dark input[type=email],
html.dark input[type=password],
html.dark input[type=number],
html.dark input[type=tel],
html.dark input[type=url],
html.dark input[type=search],
html.dark textarea { background-color: rgba(55, 65, 81, 0.5) !important; border: 1px solid #4b5563 !important; color: #f9fafb !important; transition: all 0.2s ease !important;
}
html.dark input[type=text]:focus,
html.dark input[type=email]:focus,
html.dark input[type=password]:focus,
html.dark input[type=number]:focus,
html.dark input[type=tel]:focus,
html.dark input[type=url]:focus,
html.dark input[type=search]:focus,
html.dark textarea:focus { border-color: #3b82f6 !important; background-color: rgba(30, 41, 55, 0.8) !important; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important; outline: none !important;
}
html.dark input[type=text]::placeholder,
html.dark input[type=email]::placeholder,
html.dark input[type=password]::placeholder,
html.dark input[type=number]::placeholder,
html.dark input[type=tel]::placeholder,
html.dark input[type=url]::placeholder,
html.dark input[type=search]::placeholder,
html.dark textarea::placeholder { color: #9ca3af !important; opacity: 0.7 !important;
} html.dark .site-header { background-color: #1e2937 !important;
}
html.dark .site-header .wrapper .center .link { color: #f9fafb !important;
}
html.dark .site-header .wrapper .center .link::before { background-color: rgba(255, 255, 255, 0.05) !important;
}
html.dark .site-header .wrapper .center .link:hover::before, html.dark .site-header .wrapper .center .link:focus::before { background-color: rgba(255, 255, 255, 0.1) !important;
}
html.dark .headerBelowLine { border-color: #4b5563 !important;
}
html.dark .siteFlowMenu { background-color: #1e2937 !important; border-right: 1px solid #4b5563 !important; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.5) !important;
}
html.dark .siteFlowMenu .leftMenuContainer { background-color: #1e2937 !important; border-right: 1px solid #4b5563 !important; color: #f9fafb !important;
}
html.dark .siteFlowMenu .leftMenuContainer .menuHeader { background-color: #374151 !important; border-bottom: 1px solid #4b5563 !important; color: #f9fafb !important; padding: 15px;
}
html.dark .siteFlowMenu .leftMenuContainer .menuHeader .title { color: #f9fafb !important;
}
html.dark .siteFlowMenu .leftMenuContainer .menuBody { background-color: #1e2937 !important;
}
html.dark .siteFlowMenu .leftMenuContainer .menuFooter { background-color: #374151 !important; border-top: 1px solid #4b5563 !important; padding: 10px;
}
html.dark .siteFlowMenu .menu-header { background-color: #374151 !important; border-bottom: 1px solid #4b5563 !important; color: #f9fafb !important;
}
html.dark .siteFlowMenu .menu-item, html.dark .siteFlowMenu .menuItem, html.dark .siteFlowMenu .leftMenuItem { background-color: transparent !important; color: #d1d5db !important; border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
html.dark .siteFlowMenu .menu-item:hover, html.dark .siteFlowMenu .menuItem:hover, html.dark .siteFlowMenu .leftMenuItem:hover { background-color: rgba(255, 255, 255, 0.05) !important; color: #f9fafb !important;
}
html.dark .siteFlowMenu .menu-item.active, html.dark .siteFlowMenu .menu-item.selected, html.dark .siteFlowMenu .menuItem.active, html.dark .siteFlowMenu .menuItem.selected, html.dark .siteFlowMenu .leftMenuItem.active, html.dark .siteFlowMenu .leftMenuItem.selected { background-color: rgba(59, 130, 246, 0.2) !important; color: #93c5fd !important; border-left: 3px solid #3b82f6 !important;
}
html.dark .siteFlowMenu .menu-item icon, html.dark .siteFlowMenu .menu-item .icon, html.dark .siteFlowMenu .menuItem icon, html.dark .siteFlowMenu .menuItem .icon, html.dark .siteFlowMenu .leftMenuItem icon, html.dark .siteFlowMenu .leftMenuItem .icon { filter: brightness(1.5);
}
html.dark .siteFlowMenu .menu-item a, html.dark .siteFlowMenu .menuItem a, html.dark .siteFlowMenu .leftMenuItem a { color: inherit !important;
}
html.dark .siteFlowMenu .menu-item a:hover, html.dark .siteFlowMenu .menuItem a:hover, html.dark .siteFlowMenu .leftMenuItem a:hover { color: #f9fafb !important;
}
html.dark .siteFlowMenu .menu-group, html.dark .siteFlowMenu .menuGroup { background-color: #374151 !important; border-bottom: 1px solid #4b5563 !important;
}
html.dark .siteFlowMenu .menu-group .group-title, html.dark .siteFlowMenu .menu-group .groupTitle, html.dark .siteFlowMenu .menuGroup .group-title, html.dark .siteFlowMenu .menuGroup .groupTitle { color: #f9fafb !important; background-color: #1e2937 !important; border-bottom: 1px solid #4b5563 !important; text-transform: uppercase !important; font-size: 12px; opacity: 0.7 !important;
}
html.dark .siteFlowMenu .menu-footer, html.dark .siteFlowMenu .menuFooter { background-color: #374151 !important; border-top: 1px solid #4b5563 !important; color: #d1d5db !important;
}
html.dark .siteFlowMenu .submenu, html.dark .siteFlowMenu .subMenu { background-color: #2a334b !important; border-left: 2px solid #4b5563 !important;
}
html.dark .siteFlowMenu .submenu .submenu-item, html.dark .siteFlowMenu .submenu .subMenuItem, html.dark .siteFlowMenu .subMenu .submenu-item, html.dark .siteFlowMenu .subMenu .subMenuItem { color: #d1d5db !important; padding-left: 30px;
}
html.dark .siteFlowMenu .submenu .submenu-item:hover, html.dark .siteFlowMenu .submenu .subMenuItem:hover, html.dark .siteFlowMenu .subMenu .submenu-item:hover, html.dark .siteFlowMenu .subMenu .subMenuItem:hover { background-color: rgba(255, 255, 255, 0.03) !important; color: #f9fafb !important;
}
html.dark .siteFlowMenu .close-menu, html.dark .siteFlowMenu .closeMenu { background-color: transparent !important; color: #d1d5db !important;
}
html.dark .siteFlowMenu .close-menu:hover, html.dark .siteFlowMenu .closeMenu:hover { background-color: rgba(255, 255, 255, 0.05) !important; color: #f9fafb !important;
} html.dark .siteFooter { background-color: #2a334b !important; border-top: 1px solid #4b5563 !important; background-image: repeating-linear-gradient(123deg, #4b5563, #1e2937 1px, transparent 0px, transparent 10px) !important;
}
html.dark .siteFooter .siteFooterBlocks .siteFooterBlock .title { color: #f9fafb !important;
}
html.dark .siteFooter .siteFooterBlocks .siteFooterBlock .desc { color: #d1d5db !important;
}
html.dark .siteFooter .about .about-div { color: #d1d5db !important;
}
html.dark .siteFooter .paycards .desc { color: #d1d5db !important;
}
html.dark .siteFooter a { color: #d1d5db !important;
}
html.dark .siteFooter a:hover { color: #f9fafb !important;
}
html.dark .siteFooter .copyright { color: #9ca3af !important;
} html.dark .buttons { background-color: #242f41 !important; color: #f9fafb !important;
}
html.dark .buttons.hideback, html.dark .buttons.dashed { background-color: transparent !important; border-color: transparent !important;
}
html.dark .buttons::before, html.dark .buttons::after { background-color: rgba(255, 255, 255, 0.1) !important;
}
html.dark .buttons.whiteblueborder { background-color: #374151 !important; color: #f9fafb !important;
}
html.dark .buttons.whiteblueborder::before { box-shadow: 0 0 0 1px #4b5563, 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
html.dark .buttons.whiteblueborder:hover::before, html.dark .buttons.whiteblueborder:focus::before { box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4), 0 0 0 1px rgba(59, 130, 246, 0.2) !important;
}
html.dark .buttons.blue { background-color: #1e40af !important; color: #dbeafe !important;
}
html.dark .buttons.darkBlue { background-color: #1e3a8a !important; color: #bfdbfe !important;
}
html.dark .buttons.orangeDark { background-color: #c2410c !important; color: #fed7aa !important;
}
html.dark .buttons.orangeGradient { background-color: #c2410c !important; color: #fef2f2 !important;
}
html.dark .buttons.green, html.dark .buttons.lightgreen { background-color: #14532d !important; color: #bbf7d0 !important;
}
html.dark .buttons.lightyellow { background-color: #713f12 !important; color: #fef3c7 !important;
}
html.dark .buttons.lightred { background-color: #7f1d1d !important; color: #fecaca !important;
}
html.dark .buttons.hideback { background-color: transparent !important;
}
html.dark .buttons.hideback::before, html.dark .buttons.hideback::after { background-color: transparent !important;
}
html.dark .buttons.hideback:hover::before { background-color: rgba(255, 255, 255, 0.05) !important;
}
html.dark .buttons.hideback:active::after { background-color: rgba(255, 255, 255, 0.08) !important;
} html.dark .AccountPopupMobile .blockBackContent, html.dark .SettingsPopup .blockBackContent, html.dark .UserPopup .blockBackContent, html.dark .NotificationPopup .blockBackContent { background-color: rgba(0, 0, 0, 0.8) !important;
}
html.dark .AccountPopupMobile .content, html.dark .SettingsPopup .content, html.dark .UserPopup .content, html.dark .NotificationPopup .content { border: 1px solid #4b5563 !important; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}
html.dark .AccountPopupMobile .content .header, html.dark .SettingsPopup .content .header, html.dark .UserPopup .content .header, html.dark .NotificationPopup .content .header { background-color: #1e2937 !important; color: #f9fafb !important; border-bottom: 1px solid #4b5563 !important; padding: 15px;
}
html.dark .AccountPopupMobile .content .header .userName, html.dark .SettingsPopup .content .header .userName, html.dark .UserPopup .content .header .userName, html.dark .NotificationPopup .content .header .userName { color: #f9fafb !important;
}
html.dark .AccountPopupMobile .content .header .userEmail, html.dark .SettingsPopup .content .header .userEmail, html.dark .UserPopup .content .header .userEmail, html.dark .NotificationPopup .content .header .userEmail { color: #d1d5db !important;
}
html.dark .AccountPopupMobile .content .header .hasAvatar, html.dark .SettingsPopup .content .header .hasAvatar, html.dark .UserPopup .content .header .hasAvatar, html.dark .NotificationPopup .content .header .hasAvatar { border: 2px solid #4b5563 !important; background-color: #374151 !important;
}
html.dark .AccountPopupMobile .content .body, html.dark .SettingsPopup .content .body, html.dark .UserPopup .content .body, html.dark .NotificationPopup .content .body { padding: 10px;
}
html.dark .AccountPopupMobile .content .body a, html.dark .SettingsPopup .content .body a, html.dark .UserPopup .content .body a, html.dark .NotificationPopup .content .body a { color: #d1d5db !important; padding: 10px 15px; border-radius: 4px; text-decoration: none; display: block;
}
html.dark .AccountPopupMobile .content .body a:hover, html.dark .SettingsPopup .content .body a:hover, html.dark .UserPopup .content .body a:hover, html.dark .NotificationPopup .content .body a:hover { background-color: rgba(255, 255, 255, 0.05) !important; color: #f9fafb !important;
}
html.dark .AccountPopupMobile .content .body a icon, html.dark .SettingsPopup .content .body a icon, html.dark .UserPopup .content .body a icon, html.dark .NotificationPopup .content .body a icon { filter: brightness(1.5);
}
html.dark .AccountPopupMobile .content .footer, html.dark .SettingsPopup .content .footer, html.dark .UserPopup .content .footer, html.dark .NotificationPopup .content .footer { background-color: #1e2937 !important; border-top: 1px solid #4b5563 !important; padding: 10px 15px;
}
html.dark .AccountPopupMobile .content .footer .logout, html.dark .SettingsPopup .content .footer .logout, html.dark .UserPopup .content .footer .logout, html.dark .NotificationPopup .content .footer .logout { color: #ef4444 !important;
}
html.dark .AccountPopupMobile .content .footer .logout:hover, html.dark .SettingsPopup .content .footer .logout:hover, html.dark .UserPopup .content .footer .logout:hover, html.dark .NotificationPopup .content .footer .logout:hover { background-color: rgba(239, 68, 68, 0.1) !important;
}
html.dark .UserSettingsWindow .settingsBlock, html.dark .UserSettingsWindow .setting-item { background-color: #374151 !important; border-color: #4b5563 !important;
}
html.dark .UserSettingsWindow .settingsBlock:hover, html.dark .UserSettingsWindow .setting-item:hover { background-color: rgba(255, 255, 255, 0.02) !important;
}
html.dark .UserSettingsWindow .settingLabel { color: #f9fafb !important;
}
html.dark .UserSettingsWindow .settingValue { color: #d1d5db !important;
}
html.dark .UserSettingsWindow .settingDescription { color: #9ca3af !important;
}
html.dark #ExportWidgetRoot .exportOptions, html.dark #ExportWidgetRoot .export-options { background-color: #374151 !important; border-color: #4b5563 !important;
}
html.dark #ExportWidgetRoot .exportOptions .option, html.dark #ExportWidgetRoot .exportOptions .export-option, html.dark #ExportWidgetRoot .export-options .option, html.dark #ExportWidgetRoot .export-options .export-option { background-color: #1e2937 !important; border-color: #4b5563 !important; color: #f9fafb !important;
}
html.dark #ExportWidgetRoot .exportOptions .option:hover, html.dark #ExportWidgetRoot .exportOptions .export-option:hover, html.dark #ExportWidgetRoot .export-options .option:hover, html.dark #ExportWidgetRoot .export-options .export-option:hover { background-color: rgba(255, 255, 255, 0.05) !important; border-color: #6b7280 !important;
}
html.dark #ExportWidgetRoot .exportOptions .option.selected, html.dark #ExportWidgetRoot .exportOptions .option.active, html.dark #ExportWidgetRoot .exportOptions .export-option.selected, html.dark #ExportWidgetRoot .exportOptions .export-option.active, html.dark #ExportWidgetRoot .export-options .option.selected, html.dark #ExportWidgetRoot .export-options .option.active, html.dark #ExportWidgetRoot .export-options .export-option.selected, html.dark #ExportWidgetRoot .export-options .export-option.active { background-color: #3b82f6 !important; border-color: #3b82f6 !important; color: white !important;
}
html.dark #ExportWidgetRoot .exportPreview, html.dark #ExportWidgetRoot .preview-area { background-color: #1e2937 !important; border-color: #4b5563 !important;
}
html.dark #ExportWidgetRoot .exportSettings { background-color: #374151 !important;
}
html.dark #ExportWidgetRoot .exportSettings .setting-group { border-color: #4b5563 !important;
}
html.dark #ExportWidgetRoot .exportSettings .setting-group label { color: #f9fafb !important;
}
html.dark #ExportWidgetRoot .exportButton, html.dark #ExportWidgetRoot .download-button { background-color: #3b82f6 !important; color: white !important; border-color: #3b82f6 !important;
}
html.dark #ExportWidgetRoot .exportButton:hover, html.dark #ExportWidgetRoot .download-button:hover { background-color: #2563eb !important;
}
html.dark #ExportWidgetRoot .exportButton:disabled, html.dark #ExportWidgetRoot .download-button:disabled { background-color: #374151 !important; color: #9ca3af !important; border-color: #4b5563 !important;
}
html.dark .DrawableEditCommonPanel { background-color: #2a334b !important; box-shadow: 0 0 16px rgba(0, 0, 0, 0.6) !important;
}
html.dark .DrawableEditCommonPanel .text { color: #f9fafb !important;
}
html.dark .DrawableEditCommonPanel .title { color: #f9fafb !important;
}
html.dark .DrawableEditCommonPanel .ColorPanel .colorBox { border: 1px rgba(100, 100, 100, 0.67) solid !important; box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
html.dark .DrawableEditCommonPanel .ColorPanel .colorBox:hover { box-shadow: 0 0 3px 0 rgba(255, 255, 255, 0.5) !important;
}
html.dark .DrawableEditCommonPanel .ColorPanel .colorBoxPredefined { border: 1px rgba(100, 100, 100, 0.67) solid !important; box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3) !important;
}
html.dark .DrawableEditCommonPanel .ColorPanel .colorBoxPredefined:hover { box-shadow: 0px 0px 2px 1px rgba(255, 255, 255, 0.5) !important;
}
html.dark .DrawableEditCommonPanel .actionLabel { background-color: #3a4a5a !important; color: #e8e8e8 !important; border: 1px solid #4b5563 !important;
}
html.dark .DrawableEditCommonPanel .Medias .noImage { background: #3a4a5a url(/public/images/svg/w-camera.svg) no-repeat center !important; filter: invert(0.8) !important; border: 1px solid #4b5563 !important;
}
html.dark .DrawableEditCommonPanel .Medias .MediasPreviewDiv .image, html.dark .DrawableEditCommonPanel .Medias .MediasPreviewDiv .file, html.dark .DrawableEditCommonPanel .Medias .MediasPreviewDiv .youtube { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) !important; border: 1px solid #4b5563 !important;
}
html.dark .DrawableEditCommonPanel .Medias .MediasPreviewDiv .image:hover, html.dark .DrawableEditCommonPanel .Medias .MediasPreviewDiv .file:hover, html.dark .DrawableEditCommonPanel .Medias .MediasPreviewDiv .youtube:hover { box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.2) !important;
}
html.dark .DrawableEditCommonPanel .Medias .MediasPreviewDiv .youtube { background-color: #1a1a1a !important;
}
html.dark .DrawableEditCommonPanel .Medias .MediasPreviewDiv .youtube:after { background-color: rgba(0, 0, 0, 0.8) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important;
} html.dark .CommonSwitch { border-color: #4b5563 !important;
}
html.dark .CommonSwitch .switch { background-color: #2c2525;
}
html.dark .CommonSwitch .switch:after { background-color: #474f58; border: 1px #04161e solid;
}
html.dark .CommonSwitch .switch-on:after { background-color: #00bf34; border: 1px #232323 solid;
}
html.dark .CommonSwitch.active { background-color: #3b82f6 !important;
}
html.dark .CommonSwitch .slider { background-color: #f9fafb !important;
}
html.dark .switchbox .switch-label { color: #f9fafb !important;
}
html.dark .Switcher .container { background-color: #374151 !important; border-color: #4b5563 !important;
}
html.dark .Switcher .switcher-track, html.dark .Switcher .track { background-color: #1e2937 !important; border-color: #4b5563 !important;
}
html.dark .Switcher .switcher-thumb, html.dark .Switcher .thumb { background-color: #f9fafb !important; border-color: #4b5563 !important;
}
html.dark .Switcher.active .switcher-track, html.dark .Switcher.active .track, html.dark .Switcher.checked .switcher-track, html.dark .Switcher.checked .track, html.dark .Switcher[data-checked=true] .switcher-track, html.dark .Switcher[data-checked=true] .track { background-color: #3b82f6 !important; border-color: #3b82f6 !important;
}
html.dark .Switcher.active .switcher-thumb, html.dark .Switcher.active .thumb, html.dark .Switcher.checked .switcher-thumb, html.dark .Switcher.checked .thumb, html.dark .Switcher[data-checked=true] .switcher-thumb, html.dark .Switcher[data-checked=true] .thumb { background-color: white !important;
}
html.dark .Switcher .switcher-label, html.dark .Switcher .label { color: #f9fafb !important;
}
html.dark .Switcher:hover .switcher-track, html.dark .Switcher:hover .track { background-color: rgba(255, 255, 255, 0.05) !important;
}
html.dark .Switcher.disabled, html.dark .Switcher:disabled { opacity: 0.5 !important;
}
html.dark .Switcher.disabled .switcher-track, html.dark .Switcher.disabled .track, html.dark .Switcher:disabled .switcher-track, html.dark .Switcher:disabled .track { background-color: #374151 !important;
}
html.dark .Switcher.disabled .switcher-thumb, html.dark .Switcher.disabled .thumb, html.dark .Switcher:disabled .switcher-thumb, html.dark .Switcher:disabled .thumb { background-color: #9ca3af !important;
}
html.dark .Switcher .label { color: #e0e0e0 !important;
}
html.dark .Switcher .container { background: #2a2a2a !important; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px rgba(255, 255, 255, 0.05) !important;
}
html.dark .Switcher .container .item.selected { background-color: #3a3a3a !important; background-image: linear-gradient(to bottom, #4a5a6a, #3a4a5a) !important; box-shadow: 0 0 2px 0 #8a8a8a !important;
}
html.dark .Switcher .container .edu { filter: invert(0.8) !important;
}
html.dark .Switcher .container .corp { filter: invert(0.8) !important;
}
html.dark .Switcher .container .on, html.dark .Switcher .container .off { filter: invert(0.9) !important;
} html.dark .tooltip { background-color: #374151 !important; color: #f9fafb !important; border: 1px solid #4b5563 !important;
}
html.dark .dropdown { background-color: #374151 !important; border-color: #4b5563 !important;
}
html.dark .dropdown .dropdown-item { color: #d1d5db !important;
}
html.dark .dropdown .dropdown-item:hover { background-color: rgba(255, 255, 255, 0.05) !important; color: #f9fafb !important;
}
html.dark .timelinePin .cover { background-color: #374151 !important;
}
html.dark .timelinePin .info { color: #d1d5db !important;
}
html.dark .timelinePin h4 { color: #f9fafb !important;
}
html.dark .panel, html.dark .card { background-color: #374151 !important; border-color: #4b5563 !important; color: #f9fafb !important;
}
html.dark .menu { background-color: #1e2937 !important; border-color: #4b5563 !important;
}
html.dark .menu a { color: #d1d5db !important;
}
html.dark .menu a:hover { background-color: rgba(255, 255, 255, 0.05) !important; color: #f9fafb !important;
} html.dark .CommonWindow .content { background-color: #2a334b !important; color: #f9fafb !important;
}
html.dark .CommonPopupDesktopJs, html.dark .CommonPopupDesktop, html.dark .CommonPopupDesktopJs, html.dark .CommonPopup { background-color: #374151 !important; color: #f9fafb !important;
}
html.dark .CommonPopupJs .blockBackContent, html.dark .CommonPopupJs .blockBackContentJS, html.dark .CommonPopupDesktopJs .blockBackContent, html.dark .CommonPopupDesktopJs .blockBackContentJS { background-color: rgba(0, 0, 0, 0.8) !important;
}
html.dark .CommonPopupJs .content, html.dark .CommonPopupDesktopJs .content { border-color: #4b5563 !important; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}
html.dark .CommonPopupJs .content .header, html.dark .CommonPopupDesktopJs .content .header { background-color: #1e2937 !important; border-bottom-color: #4b5563 !important; color: #f9fafb !important;
}
html.dark .CommonWindow { background-color: rgba(16, 16, 16, 0.68) !important;
}
html.dark .LoginWindow .socials .SpriteIcon.googleAuth { color: #000 !important;
}
html.dark .ImageUploaderWindow .or span, html.dark .FileUploaderWindow .or span { background-color: #2a334b;
} html.dark .Win, html.dark .UserSettingsWindow, html.dark .BillingInfoWindow, html.dark .TimelineSettingsWindow, html.dark .ExportWindow, html.dark .ImportWindow, html.dark #ExportWidgetRoot { color: #f9fafb !important;
}
html.dark .Win .header, html.dark .Win .winHeader, html.dark .UserSettingsWindow .header, html.dark .UserSettingsWindow .winHeader, html.dark .BillingInfoWindow .header, html.dark .BillingInfoWindow .winHeader, html.dark .TimelineSettingsWindow .header, html.dark .TimelineSettingsWindow .winHeader, html.dark .ExportWindow .header, html.dark .ExportWindow .winHeader, html.dark .ImportWindow .header, html.dark .ImportWindow .winHeader, html.dark #ExportWidgetRoot .header, html.dark #ExportWidgetRoot .winHeader { background-color: #1e2937 !important; border-bottom: 1px solid #4b5563 !important; color: #f9fafb !important;
}
html.dark .Win .header .title, html.dark .Win .winHeader .title, html.dark .UserSettingsWindow .header .title, html.dark .UserSettingsWindow .winHeader .title, html.dark .BillingInfoWindow .header .title, html.dark .BillingInfoWindow .winHeader .title, html.dark .TimelineSettingsWindow .header .title, html.dark .TimelineSettingsWindow .winHeader .title, html.dark .ExportWindow .header .title, html.dark .ExportWindow .winHeader .title, html.dark .ImportWindow .header .title, html.dark .ImportWindow .winHeader .title, html.dark #ExportWidgetRoot .header .title, html.dark #ExportWidgetRoot .winHeader .title { color: #f9fafb !important;
}
html.dark .Win .header .close, html.dark .Win .header .closeButton, html.dark .Win .winHeader .close, html.dark .Win .winHeader .closeButton, html.dark .UserSettingsWindow .header .close, html.dark .UserSettingsWindow .header .closeButton, html.dark .UserSettingsWindow .winHeader .close, html.dark .UserSettingsWindow .winHeader .closeButton, html.dark .BillingInfoWindow .header .close, html.dark .BillingInfoWindow .header .closeButton, html.dark .BillingInfoWindow .winHeader .close, html.dark .BillingInfoWindow .winHeader .closeButton, html.dark .TimelineSettingsWindow .header .close, html.dark .TimelineSettingsWindow .header .closeButton, html.dark .TimelineSettingsWindow .winHeader .close, html.dark .TimelineSettingsWindow .winHeader .closeButton, html.dark .ExportWindow .header .close, html.dark .ExportWindow .header .closeButton, html.dark .ExportWindow .winHeader .close, html.dark .ExportWindow .winHeader .closeButton, html.dark .ImportWindow .header .close, html.dark .ImportWindow .header .closeButton, html.dark .ImportWindow .winHeader .close, html.dark .ImportWindow .winHeader .closeButton, html.dark #ExportWidgetRoot .header .close, html.dark #ExportWidgetRoot .header .closeButton, html.dark #ExportWidgetRoot .winHeader .close, html.dark #ExportWidgetRoot .winHeader .closeButton { color: #d1d5db !important;
}
html.dark .Win .header .close:hover, html.dark .Win .header .closeButton:hover, html.dark .Win .winHeader .close:hover, html.dark .Win .winHeader .closeButton:hover, html.dark .UserSettingsWindow .header .close:hover, html.dark .UserSettingsWindow .header .closeButton:hover, html.dark .UserSettingsWindow .winHeader .close:hover, html.dark .UserSettingsWindow .winHeader .closeButton:hover, html.dark .BillingInfoWindow .header .close:hover, html.dark .BillingInfoWindow .header .closeButton:hover, html.dark .BillingInfoWindow .winHeader .close:hover, html.dark .BillingInfoWindow .winHeader .closeButton:hover, html.dark .TimelineSettingsWindow .header .close:hover, html.dark .TimelineSettingsWindow .header .closeButton:hover, html.dark .TimelineSettingsWindow .winHeader .close:hover, html.dark .TimelineSettingsWindow .winHeader .closeButton:hover, html.dark .ExportWindow .header .close:hover, html.dark .ExportWindow .header .closeButton:hover, html.dark .ExportWindow .winHeader .close:hover, html.dark .ExportWindow .winHeader .closeButton:hover, html.dark .ImportWindow .header .close:hover, html.dark .ImportWindow .header .closeButton:hover, html.dark .ImportWindow .winHeader .close:hover, html.dark .ImportWindow .winHeader .closeButton:hover, html.dark #ExportWidgetRoot .header .close:hover, html.dark #ExportWidgetRoot .header .closeButton:hover, html.dark #ExportWidgetRoot .winHeader .close:hover, html.dark #ExportWidgetRoot .winHeader .closeButton:hover { color: #f9fafb !important; background-color: rgba(255, 255, 255, 0.05) !important;
}
html.dark .Win .content div, html.dark .Win .content span, html.dark .Win .content p, html.dark .Win .content label, html.dark .Win .content h1, html.dark .Win .content h2, html.dark .Win .content h3, html.dark .Win .content h4, html.dark .Win .content h5, html.dark .Win .content h6, html.dark .Win .winContent div, html.dark .Win .winContent span, html.dark .Win .winContent p, html.dark .Win .winContent label, html.dark .Win .winContent h1, html.dark .Win .winContent h2, html.dark .Win .winContent h3, html.dark .Win .winContent h4, html.dark .Win .winContent h5, html.dark .Win .winContent h6, html.dark .Win .body div, html.dark .Win .body span, html.dark .Win .body p, html.dark .Win .body label, html.dark .Win .body h1, html.dark .Win .body h2, html.dark .Win .body h3, html.dark .Win .body h4, html.dark .Win .body h5, html.dark .Win .body h6, html.dark .UserSettingsWindow .content div, html.dark .UserSettingsWindow .content span, html.dark .UserSettingsWindow .content p, html.dark .UserSettingsWindow .content label, html.dark .UserSettingsWindow .content h1, html.dark .UserSettingsWindow .content h2, html.dark .UserSettingsWindow .content h3, html.dark .UserSettingsWindow .content h4, html.dark .UserSettingsWindow .content h5, html.dark .UserSettingsWindow .content h6, html.dark .UserSettingsWindow .winContent div, html.dark .UserSettingsWindow .winContent span, html.dark .UserSettingsWindow .winContent p, html.dark .UserSettingsWindow .winContent label, html.dark .UserSettingsWindow .winContent h1, html.dark .UserSettingsWindow .winContent h2, html.dark .UserSettingsWindow .winContent h3, html.dark .UserSettingsWindow .winContent h4, html.dark .UserSettingsWindow .winContent h5, html.dark .UserSettingsWindow .winContent h6, html.dark .UserSettingsWindow .body div, html.dark .UserSettingsWindow .body span, html.dark .UserSettingsWindow .body p, html.dark .UserSettingsWindow .body label, html.dark .UserSettingsWindow .body h1, html.dark .UserSettingsWindow .body h2, html.dark .UserSettingsWindow .body h3, html.dark .UserSettingsWindow .body h4, html.dark .UserSettingsWindow .body h5, html.dark .UserSettingsWindow .body h6, html.dark .BillingInfoWindow .content div, html.dark .BillingInfoWindow .content span, html.dark .BillingInfoWindow .content p, html.dark .BillingInfoWindow .content label, html.dark .BillingInfoWindow .content h1, html.dark .BillingInfoWindow .content h2, html.dark .BillingInfoWindow .content h3, html.dark .BillingInfoWindow .content h4, html.dark .BillingInfoWindow .content h5, html.dark .BillingInfoWindow .content h6, html.dark .BillingInfoWindow .winContent div, html.dark .BillingInfoWindow .winContent span, html.dark .BillingInfoWindow .winContent p, html.dark .BillingInfoWindow .winContent label, html.dark .BillingInfoWindow .winContent h1, html.dark .BillingInfoWindow .winContent h2, html.dark .BillingInfoWindow .winContent h3, html.dark .BillingInfoWindow .winContent h4, html.dark .BillingInfoWindow .winContent h5, html.dark .BillingInfoWindow .winContent h6, html.dark .BillingInfoWindow .body div, html.dark .BillingInfoWindow .body span, html.dark .BillingInfoWindow .body p, html.dark .BillingInfoWindow .body label, html.dark .BillingInfoWindow .body h1, html.dark .BillingInfoWindow .body h2, html.dark .BillingInfoWindow .body h3, html.dark .BillingInfoWindow .body h4, html.dark .BillingInfoWindow .body h5, html.dark .BillingInfoWindow .body h6, html.dark .TimelineSettingsWindow .content div, html.dark .TimelineSettingsWindow .content span, html.dark .TimelineSettingsWindow .content p, html.dark .TimelineSettingsWindow .content label, html.dark .TimelineSettingsWindow .content h1, html.dark .TimelineSettingsWindow .content h2, html.dark .TimelineSettingsWindow .content h3, html.dark .TimelineSettingsWindow .content h4, html.dark .TimelineSettingsWindow .content h5, html.dark .TimelineSettingsWindow .content h6, html.dark .TimelineSettingsWindow .winContent div, html.dark .TimelineSettingsWindow .winContent span, html.dark .TimelineSettingsWindow .winContent p, html.dark .TimelineSettingsWindow .winContent label, html.dark .TimelineSettingsWindow .winContent h1, html.dark .TimelineSettingsWindow .winContent h2, html.dark .TimelineSettingsWindow .winContent h3, html.dark .TimelineSettingsWindow .winContent h4, html.dark .TimelineSettingsWindow .winContent h5, html.dark .TimelineSettingsWindow .winContent h6, html.dark .TimelineSettingsWindow .body div, html.dark .TimelineSettingsWindow .body span, html.dark .TimelineSettingsWindow .body p, html.dark .TimelineSettingsWindow .body label, html.dark .TimelineSettingsWindow .body h1, html.dark .TimelineSettingsWindow .body h2, html.dark .TimelineSettingsWindow .body h3, html.dark .TimelineSettingsWindow .body h4, html.dark .TimelineSettingsWindow .body h5, html.dark .TimelineSettingsWindow .body h6, html.dark .ExportWindow .content div, html.dark .ExportWindow .content span, html.dark .ExportWindow .content p, html.dark .ExportWindow .content label, html.dark .ExportWindow .content h1, html.dark .ExportWindow .content h2, html.dark .ExportWindow .content h3, html.dark .ExportWindow .content h4, html.dark .ExportWindow .content h5, html.dark .ExportWindow .content h6, html.dark .ExportWindow .winContent div, html.dark .ExportWindow .winContent span, html.dark .ExportWindow .winContent p, html.dark .ExportWindow .winContent label, html.dark .ExportWindow .winContent h1, html.dark .ExportWindow .winContent h2, html.dark .ExportWindow .winContent h3, html.dark .ExportWindow .winContent h4, html.dark .ExportWindow .winContent h5, html.dark .ExportWindow .winContent h6, html.dark .ExportWindow .body div, html.dark .ExportWindow .body span, html.dark .ExportWindow .body p, html.dark .ExportWindow .body label, html.dark .ExportWindow .body h1, html.dark .ExportWindow .body h2, html.dark .ExportWindow .body h3, html.dark .ExportWindow .body h4, html.dark .ExportWindow .body h5, html.dark .ExportWindow .body h6, html.dark .ImportWindow .content div, html.dark .ImportWindow .content span, html.dark .ImportWindow .content p, html.dark .ImportWindow .content label, html.dark .ImportWindow .content h1, html.dark .ImportWindow .content h2, html.dark .ImportWindow .content h3, html.dark .ImportWindow .content h4, html.dark .ImportWindow .content h5, html.dark .ImportWindow .content h6, html.dark .ImportWindow .winContent div, html.dark .ImportWindow .winContent span, html.dark .ImportWindow .winContent p, html.dark .ImportWindow .winContent label, html.dark .ImportWindow .winContent h1, html.dark .ImportWindow .winContent h2, html.dark .ImportWindow .winContent h3, html.dark .ImportWindow .winContent h4, html.dark .ImportWindow .winContent h5, html.dark .ImportWindow .winContent h6, html.dark .ImportWindow .body div, html.dark .ImportWindow .body span, html.dark .ImportWindow .body p, html.dark .ImportWindow .body label, html.dark .ImportWindow .body h1, html.dark .ImportWindow .body h2, html.dark .ImportWindow .body h3, html.dark .ImportWindow .body h4, html.dark .ImportWindow .body h5, html.dark .ImportWindow .body h6, html.dark #ExportWidgetRoot .content div, html.dark #ExportWidgetRoot .content span, html.dark #ExportWidgetRoot .content p, html.dark #ExportWidgetRoot .content label, html.dark #ExportWidgetRoot .content h1, html.dark #ExportWidgetRoot .content h2, html.dark #ExportWidgetRoot .content h3, html.dark #ExportWidgetRoot .content h4, html.dark #ExportWidgetRoot .content h5, html.dark #ExportWidgetRoot .content h6, html.dark #ExportWidgetRoot .winContent div, html.dark #ExportWidgetRoot .winContent span, html.dark #ExportWidgetRoot .winContent p, html.dark #ExportWidgetRoot .winContent label, html.dark #ExportWidgetRoot .winContent h1, html.dark #ExportWidgetRoot .winContent h2, html.dark #ExportWidgetRoot .winContent h3, html.dark #ExportWidgetRoot .winContent h4, html.dark #ExportWidgetRoot .winContent h5, html.dark #ExportWidgetRoot .winContent h6, html.dark #ExportWidgetRoot .body div, html.dark #ExportWidgetRoot .body span, html.dark #ExportWidgetRoot .body p, html.dark #ExportWidgetRoot .body label, html.dark #ExportWidgetRoot .body h1, html.dark #ExportWidgetRoot .body h2, html.dark #ExportWidgetRoot .body h3, html.dark #ExportWidgetRoot .body h4, html.dark #ExportWidgetRoot .body h5, html.dark #ExportWidgetRoot .body h6 { color: inherit !important;
}
html.dark .Win .content .section, html.dark .Win .content .tab-content, html.dark .Win .content .settings-section, html.dark .Win .winContent .section, html.dark .Win .winContent .tab-content, html.dark .Win .winContent .settings-section, html.dark .Win .body .section, html.dark .Win .body .tab-content, html.dark .Win .body .settings-section, html.dark .UserSettingsWindow .content .section, html.dark .UserSettingsWindow .content .tab-content, html.dark .UserSettingsWindow .content .settings-section, html.dark .UserSettingsWindow .winContent .section, html.dark .UserSettingsWindow .winContent .tab-content, html.dark .UserSettingsWindow .winContent .settings-section, html.dark .UserSettingsWindow .body .section, html.dark .UserSettingsWindow .body .tab-content, html.dark .UserSettingsWindow .body .settings-section, html.dark .BillingInfoWindow .content .section, html.dark .BillingInfoWindow .content .tab-content, html.dark .BillingInfoWindow .content .settings-section, html.dark .BillingInfoWindow .winContent .section, html.dark .BillingInfoWindow .winContent .tab-content, html.dark .BillingInfoWindow .winContent .settings-section, html.dark .BillingInfoWindow .body .section, html.dark .BillingInfoWindow .body .tab-content, html.dark .BillingInfoWindow .body .settings-section, html.dark .TimelineSettingsWindow .content .section, html.dark .TimelineSettingsWindow .content .tab-content, html.dark .TimelineSettingsWindow .content .settings-section, html.dark .TimelineSettingsWindow .winContent .section, html.dark .TimelineSettingsWindow .winContent .tab-content, html.dark .TimelineSettingsWindow .winContent .settings-section, html.dark .TimelineSettingsWindow .body .section, html.dark .TimelineSettingsWindow .body .tab-content, html.dark .TimelineSettingsWindow .body .settings-section, html.dark .ExportWindow .content .section, html.dark .ExportWindow .content .tab-content, html.dark .ExportWindow .content .settings-section, html.dark .ExportWindow .winContent .section, html.dark .ExportWindow .winContent .tab-content, html.dark .ExportWindow .winContent .settings-section, html.dark .ExportWindow .body .section, html.dark .ExportWindow .body .tab-content, html.dark .ExportWindow .body .settings-section, html.dark .ImportWindow .content .section, html.dark .ImportWindow .content .tab-content, html.dark .ImportWindow .content .settings-section, html.dark .ImportWindow .winContent .section, html.dark .ImportWindow .winContent .tab-content, html.dark .ImportWindow .winContent .settings-section, html.dark .ImportWindow .body .section, html.dark .ImportWindow .body .tab-content, html.dark .ImportWindow .body .settings-section, html.dark #ExportWidgetRoot .content .section, html.dark #ExportWidgetRoot .content .tab-content, html.dark #ExportWidgetRoot .content .settings-section, html.dark #ExportWidgetRoot .winContent .section, html.dark #ExportWidgetRoot .winContent .tab-content, html.dark #ExportWidgetRoot .winContent .settings-section, html.dark #ExportWidgetRoot .body .section, html.dark #ExportWidgetRoot .body .tab-content, html.dark #ExportWidgetRoot .body .settings-section { background-color: #374151 !important; border-color: #4b5563 !important; color: #f9fafb !important;
}
html.dark .Win .content .tabs, html.dark .Win .content .tab-headers, html.dark .Win .winContent .tabs, html.dark .Win .winContent .tab-headers, html.dark .Win .body .tabs, html.dark .Win .body .tab-headers, html.dark .UserSettingsWindow .content .tabs, html.dark .UserSettingsWindow .content .tab-headers, html.dark .UserSettingsWindow .winContent .tabs, html.dark .UserSettingsWindow .winContent .tab-headers, html.dark .UserSettingsWindow .body .tabs, html.dark .UserSettingsWindow .body .tab-headers, html.dark .BillingInfoWindow .content .tabs, html.dark .BillingInfoWindow .content .tab-headers, html.dark .BillingInfoWindow .winContent .tabs, html.dark .BillingInfoWindow .winContent .tab-headers, html.dark .BillingInfoWindow .body .tabs, html.dark .BillingInfoWindow .body .tab-headers, html.dark .TimelineSettingsWindow .content .tabs, html.dark .TimelineSettingsWindow .content .tab-headers, html.dark .TimelineSettingsWindow .winContent .tabs, html.dark .TimelineSettingsWindow .winContent .tab-headers, html.dark .TimelineSettingsWindow .body .tabs, html.dark .TimelineSettingsWindow .body .tab-headers, html.dark .ExportWindow .content .tabs, html.dark .ExportWindow .content .tab-headers, html.dark .ExportWindow .winContent .tabs, html.dark .ExportWindow .winContent .tab-headers, html.dark .ExportWindow .body .tabs, html.dark .ExportWindow .body .tab-headers, html.dark .ImportWindow .content .tabs, html.dark .ImportWindow .content .tab-headers, html.dark .ImportWindow .winContent .tabs, html.dark .ImportWindow .winContent .tab-headers, html.dark .ImportWindow .body .tabs, html.dark .ImportWindow .body .tab-headers, html.dark #ExportWidgetRoot .content .tabs, html.dark #ExportWidgetRoot .content .tab-headers, html.dark #ExportWidgetRoot .winContent .tabs, html.dark #ExportWidgetRoot .winContent .tab-headers, html.dark #ExportWidgetRoot .body .tabs, html.dark #ExportWidgetRoot .body .tab-headers { background-color: #1e2937 !important; border-bottom-color: #4b5563 !important;
}
html.dark .Win .content .tabs .tab, html.dark .Win .content .tabs .tab-header, html.dark .Win .content .tab-headers .tab, html.dark .Win .content .tab-headers .tab-header, html.dark .Win .winContent .tabs .tab, html.dark .Win .winContent .tabs .tab-header, html.dark .Win .winContent .tab-headers .tab, html.dark .Win .winContent .tab-headers .tab-header, html.dark .Win .body .tabs .tab, html.dark .Win .body .tabs .tab-header, html.dark .Win .body .tab-headers .tab, html.dark .Win .body .tab-headers .tab-header, html.dark .UserSettingsWindow .content .tabs .tab, html.dark .UserSettingsWindow .content .tabs .tab-header, html.dark .UserSettingsWindow .content .tab-headers .tab, html.dark .UserSettingsWindow .content .tab-headers .tab-header, html.dark .UserSettingsWindow .winContent .tabs .tab, html.dark .UserSettingsWindow .winContent .tabs .tab-header, html.dark .UserSettingsWindow .winContent .tab-headers .tab, html.dark .UserSettingsWindow .winContent .tab-headers .tab-header, html.dark .UserSettingsWindow .body .tabs .tab, html.dark .UserSettingsWindow .body .tabs .tab-header, html.dark .UserSettingsWindow .body .tab-headers .tab, html.dark .UserSettingsWindow .body .tab-headers .tab-header, html.dark .BillingInfoWindow .content .tabs .tab, html.dark .BillingInfoWindow .content .tabs .tab-header, html.dark .BillingInfoWindow .content .tab-headers .tab, html.dark .BillingInfoWindow .content .tab-headers .tab-header, html.dark .BillingInfoWindow .winContent .tabs .tab, html.dark .BillingInfoWindow .winContent .tabs .tab-header, html.dark .BillingInfoWindow .winContent .tab-headers .tab, html.dark .BillingInfoWindow .winContent .tab-headers .tab-header, html.dark .BillingInfoWindow .body .tabs .tab, html.dark .BillingInfoWindow .body .tabs .tab-header, html.dark .BillingInfoWindow .body .tab-headers .tab, html.dark .BillingInfoWindow .body .tab-headers .tab-header, html.dark .TimelineSettingsWindow .content .tabs .tab, html.dark .TimelineSettingsWindow .content .tabs .tab-header, html.dark .TimelineSettingsWindow .content .tab-headers .tab, html.dark .TimelineSettingsWindow .content .tab-headers .tab-header, html.dark .TimelineSettingsWindow .winContent .tabs .tab, html.dark .TimelineSettingsWindow .winContent .tabs .tab-header, html.dark .TimelineSettingsWindow .winContent .tab-headers .tab, html.dark .TimelineSettingsWindow .winContent .tab-headers .tab-header, html.dark .TimelineSettingsWindow .body .tabs .tab, html.dark .TimelineSettingsWindow .body .tabs .tab-header, html.dark .TimelineSettingsWindow .body .tab-headers .tab, html.dark .TimelineSettingsWindow .body .tab-headers .tab-header, html.dark .ExportWindow .content .tabs .tab, html.dark .ExportWindow .content .tabs .tab-header, html.dark .ExportWindow .content .tab-headers .tab, html.dark .ExportWindow .content .tab-headers .tab-header, html.dark .ExportWindow .winContent .tabs .tab, html.dark .ExportWindow .winContent .tabs .tab-header, html.dark .ExportWindow .winContent .tab-headers .tab, html.dark .ExportWindow .winContent .tab-headers .tab-header, html.dark .ExportWindow .body .tabs .tab, html.dark .ExportWindow .body .tabs .tab-header, html.dark .ExportWindow .body .tab-headers .tab, html.dark .ExportWindow .body .tab-headers .tab-header, html.dark .ImportWindow .content .tabs .tab, html.dark .ImportWindow .content .tabs .tab-header, html.dark .ImportWindow .content .tab-headers .tab, html.dark .ImportWindow .content .tab-headers .tab-header, html.dark .ImportWindow .winContent .tabs .tab, html.dark .ImportWindow .winContent .tabs .tab-header, html.dark .ImportWindow .winContent .tab-headers .tab, html.dark .ImportWindow .winContent .tab-headers .tab-header, html.dark .ImportWindow .body .tabs .tab, html.dark .ImportWindow .body .tabs .tab-header, html.dark .ImportWindow .body .tab-headers .tab, html.dark .ImportWindow .body .tab-headers .tab-header, html.dark #ExportWidgetRoot .content .tabs .tab, html.dark #ExportWidgetRoot .content .tabs .tab-header, html.dark #ExportWidgetRoot .content .tab-headers .tab, html.dark #ExportWidgetRoot .content .tab-headers .tab-header, html.dark #ExportWidgetRoot .winContent .tabs .tab, html.dark #ExportWidgetRoot .winContent .tabs .tab-header, html.dark #ExportWidgetRoot .winContent .tab-headers .tab, html.dark #ExportWidgetRoot .winContent .tab-headers .tab-header, html.dark #ExportWidgetRoot .body .tabs .tab, html.dark #ExportWidgetRoot .body .tabs .tab-header, html.dark #ExportWidgetRoot .body .tab-headers .tab, html.dark #ExportWidgetRoot .body .tab-headers .tab-header { color: #d1d5db !important; background-color: transparent !important; border-color: transparent !important;
}
html.dark .Win .content .tabs .tab:hover, html.dark .Win .content .tabs .tab-header:hover, html.dark .Win .content .tab-headers .tab:hover, html.dark .Win .content .tab-headers .tab-header:hover, html.dark .Win .winContent .tabs .tab:hover, html.dark .Win .winContent .tabs .tab-header:hover, html.dark .Win .winContent .tab-headers .tab:hover, html.dark .Win .winContent .tab-headers .tab-header:hover, html.dark .Win .body .tabs .tab:hover, html.dark .Win .body .tabs .tab-header:hover, html.dark .Win .body .tab-headers .tab:hover, html.dark .Win .body .tab-headers .tab-header:hover, html.dark .UserSettingsWindow .content .tabs .tab:hover, html.dark .UserSettingsWindow .content .tabs .tab-header:hover, html.dark .UserSettingsWindow .content .tab-headers .tab:hover, html.dark .UserSettingsWindow .content .tab-headers .tab-header:hover, html.dark .UserSettingsWindow .winContent .tabs .tab:hover, html.dark .UserSettingsWindow .winContent .tabs .tab-header:hover, html.dark .UserSettingsWindow .winContent .tab-headers .tab:hover, html.dark .UserSettingsWindow .winContent .tab-headers .tab-header:hover, html.dark .UserSettingsWindow .body .tabs .tab:hover, html.dark .UserSettingsWindow .body .tabs .tab-header:hover, html.dark .UserSettingsWindow .body .tab-headers .tab:hover, html.dark .UserSettingsWindow .body .tab-headers .tab-header:hover, html.dark .BillingInfoWindow .content .tabs .tab:hover, html.dark .BillingInfoWindow .content .tabs .tab-header:hover, html.dark .BillingInfoWindow .content .tab-headers .tab:hover, html.dark .BillingInfoWindow .content .tab-headers .tab-header:hover, html.dark .BillingInfoWindow .winContent .tabs .tab:hover, html.dark .BillingInfoWindow .winContent .tabs .tab-header:hover, html.dark .BillingInfoWindow .winContent .tab-headers .tab:hover, html.dark .BillingInfoWindow .winContent .tab-headers .tab-header:hover, html.dark .BillingInfoWindow .body .tabs .tab:hover, html.dark .BillingInfoWindow .body .tabs .tab-header:hover, html.dark .BillingInfoWindow .body .tab-headers .tab:hover, html.dark .BillingInfoWindow .body .tab-headers .tab-header:hover, html.dark .TimelineSettingsWindow .content .tabs .tab:hover, html.dark .TimelineSettingsWindow .content .tabs .tab-header:hover, html.dark .TimelineSettingsWindow .content .tab-headers .tab:hover, html.dark .TimelineSettingsWindow .content .tab-headers .tab-header:hover, html.dark .TimelineSettingsWindow .winContent .tabs .tab:hover, html.dark .TimelineSettingsWindow .winContent .tabs .tab-header:hover, html.dark .TimelineSettingsWindow .winContent .tab-headers .tab:hover, html.dark .TimelineSettingsWindow .winContent .tab-headers .tab-header:hover, html.dark .TimelineSettingsWindow .body .tabs .tab:hover, html.dark .TimelineSettingsWindow .body .tabs .tab-header:hover, html.dark .TimelineSettingsWindow .body .tab-headers .tab:hover, html.dark .TimelineSettingsWindow .body .tab-headers .tab-header:hover, html.dark .ExportWindow .content .tabs .tab:hover, html.dark .ExportWindow .content .tabs .tab-header:hover, html.dark .ExportWindow .content .tab-headers .tab:hover, html.dark .ExportWindow .content .tab-headers .tab-header:hover, html.dark .ExportWindow .winContent .tabs .tab:hover, html.dark .ExportWindow .winContent .tabs .tab-header:hover, html.dark .ExportWindow .winContent .tab-headers .tab:hover, html.dark .ExportWindow .winContent .tab-headers .tab-header:hover, html.dark .ExportWindow .body .tabs .tab:hover, html.dark .ExportWindow .body .tabs .tab-header:hover, html.dark .ExportWindow .body .tab-headers .tab:hover, html.dark .ExportWindow .body .tab-headers .tab-header:hover, html.dark .ImportWindow .content .tabs .tab:hover, html.dark .ImportWindow .content .tabs .tab-header:hover, html.dark .ImportWindow .content .tab-headers .tab:hover, html.dark .ImportWindow .content .tab-headers .tab-header:hover, html.dark .ImportWindow .winContent .tabs .tab:hover, html.dark .ImportWindow .winContent .tabs .tab-header:hover, html.dark .ImportWindow .winContent .tab-headers .tab:hover, html.dark .ImportWindow .winContent .tab-headers .tab-header:hover, html.dark .ImportWindow .body .tabs .tab:hover, html.dark .ImportWindow .body .tabs .tab-header:hover, html.dark .ImportWindow .body .tab-headers .tab:hover, html.dark .ImportWindow .body .tab-headers .tab-header:hover, html.dark #ExportWidgetRoot .content .tabs .tab:hover, html.dark #ExportWidgetRoot .content .tabs .tab-header:hover, html.dark #ExportWidgetRoot .content .tab-headers .tab:hover, html.dark #ExportWidgetRoot .content .tab-headers .tab-header:hover, html.dark #ExportWidgetRoot .winContent .tabs .tab:hover, html.dark #ExportWidgetRoot .winContent .tabs .tab-header:hover, html.dark #ExportWidgetRoot .winContent .tab-headers .tab:hover, html.dark #ExportWidgetRoot .winContent .tab-headers .tab-header:hover, html.dark #ExportWidgetRoot .body .tabs .tab:hover, html.dark #ExportWidgetRoot .body .tabs .tab-header:hover, html.dark #ExportWidgetRoot .body .tab-headers .tab:hover, html.dark #ExportWidgetRoot .body .tab-headers .tab-header:hover { background-color: rgba(255, 255, 255, 0.05) !important;
}
html.dark .Win .content .tabs .tab.active, html.dark .Win .content .tabs .tab.selected, html.dark .Win .content .tabs .tab-header.active, html.dark .Win .content .tabs .tab-header.selected, html.dark .Win .content .tab-headers .tab.active, html.dark .Win .content .tab-headers .tab.selected, html.dark .Win .content .tab-headers .tab-header.active, html.dark .Win .content .tab-headers .tab-header.selected, html.dark .Win .winContent .tabs .tab.active, html.dark .Win .winContent .tabs .tab.selected, html.dark .Win .winContent .tabs .tab-header.active, html.dark .Win .winContent .tabs .tab-header.selected, html.dark .Win .winContent .tab-headers .tab.active, html.dark .Win .winContent .tab-headers .tab.selected, html.dark .Win .winContent .tab-headers .tab-header.active, html.dark .Win .winContent .tab-headers .tab-header.selected, html.dark .Win .body .tabs .tab.active, html.dark .Win .body .tabs .tab.selected, html.dark .Win .body .tabs .tab-header.active, html.dark .Win .body .tabs .tab-header.selected, html.dark .Win .body .tab-headers .tab.active, html.dark .Win .body .tab-headers .tab.selected, html.dark .Win .body .tab-headers .tab-header.active, html.dark .Win .body .tab-headers .tab-header.selected, html.dark .UserSettingsWindow .content .tabs .tab.active, html.dark .UserSettingsWindow .content .tabs .tab.selected, html.dark .UserSettingsWindow .content .tabs .tab-header.active, html.dark .UserSettingsWindow .content .tabs .tab-header.selected, html.dark .UserSettingsWindow .content .tab-headers .tab.active, html.dark .UserSettingsWindow .content .tab-headers .tab.selected, html.dark .UserSettingsWindow .content .tab-headers .tab-header.active, html.dark .UserSettingsWindow .content .tab-headers .tab-header.selected, html.dark .UserSettingsWindow .winContent .tabs .tab.active, html.dark .UserSettingsWindow .winContent .tabs .tab.selected, html.dark .UserSettingsWindow .winContent .tabs .tab-header.active, html.dark .UserSettingsWindow .winContent .tabs .tab-header.selected, html.dark .UserSettingsWindow .winContent .tab-headers .tab.active, html.dark .UserSettingsWindow .winContent .tab-headers .tab.selected, html.dark .UserSettingsWindow .winContent .tab-headers .tab-header.active, html.dark .UserSettingsWindow .winContent .tab-headers .tab-header.selected, html.dark .UserSettingsWindow .body .tabs .tab.active, html.dark .UserSettingsWindow .body .tabs .tab.selected, html.dark .UserSettingsWindow .body .tabs .tab-header.active, html.dark .UserSettingsWindow .body .tabs .tab-header.selected, html.dark .UserSettingsWindow .body .tab-headers .tab.active, html.dark .UserSettingsWindow .body .tab-headers .tab.selected, html.dark .UserSettingsWindow .body .tab-headers .tab-header.active, html.dark .UserSettingsWindow .body .tab-headers .tab-header.selected, html.dark .BillingInfoWindow .content .tabs .tab.active, html.dark .BillingInfoWindow .content .tabs .tab.selected, html.dark .BillingInfoWindow .content .tabs .tab-header.active, html.dark .BillingInfoWindow .content .tabs .tab-header.selected, html.dark .BillingInfoWindow .content .tab-headers .tab.active, html.dark .BillingInfoWindow .content .tab-headers .tab.selected, html.dark .BillingInfoWindow .content .tab-headers .tab-header.active, html.dark .BillingInfoWindow .content .tab-headers .tab-header.selected, html.dark .BillingInfoWindow .winContent .tabs .tab.active, html.dark .BillingInfoWindow .winContent .tabs .tab.selected, html.dark .BillingInfoWindow .winContent .tabs .tab-header.active, html.dark .BillingInfoWindow .winContent .tabs .tab-header.selected, html.dark .BillingInfoWindow .winContent .tab-headers .tab.active, html.dark .BillingInfoWindow .winContent .tab-headers .tab.selected, html.dark .BillingInfoWindow .winContent .tab-headers .tab-header.active, html.dark .BillingInfoWindow .winContent .tab-headers .tab-header.selected, html.dark .BillingInfoWindow .body .tabs .tab.active, html.dark .BillingInfoWindow .body .tabs .tab.selected, html.dark .BillingInfoWindow .body .tabs .tab-header.active, html.dark .BillingInfoWindow .body .tabs .tab-header.selected, html.dark .BillingInfoWindow .body .tab-headers .tab.active, html.dark .BillingInfoWindow .body .tab-headers .tab.selected, html.dark .BillingInfoWindow .body .tab-headers .tab-header.active, html.dark .BillingInfoWindow .body .tab-headers .tab-header.selected, html.dark .TimelineSettingsWindow .content .tabs .tab.active, html.dark .TimelineSettingsWindow .content .tabs .tab.selected, html.dark .TimelineSettingsWindow .content .tabs .tab-header.active, html.dark .TimelineSettingsWindow .content .tabs .tab-header.selected, html.dark .TimelineSettingsWindow .content .tab-headers .tab.active, html.dark .TimelineSettingsWindow .content .tab-headers .tab.selected, html.dark .TimelineSettingsWindow .content .tab-headers .tab-header.active, html.dark .TimelineSettingsWindow .content .tab-headers .tab-header.selected, html.dark .TimelineSettingsWindow .winContent .tabs .tab.active, html.dark .TimelineSettingsWindow .winContent .tabs .tab.selected, html.dark .TimelineSettingsWindow .winContent .tabs .tab-header.active, html.dark .TimelineSettingsWindow .winContent .tabs .tab-header.selected, html.dark .TimelineSettingsWindow .winContent .tab-headers .tab.active, html.dark .TimelineSettingsWindow .winContent .tab-headers .tab.selected, html.dark .TimelineSettingsWindow .winContent .tab-headers .tab-header.active, html.dark .TimelineSettingsWindow .winContent .tab-headers .tab-header.selected, html.dark .TimelineSettingsWindow .body .tabs .tab.active, html.dark .TimelineSettingsWindow .body .tabs .tab.selected, html.dark .TimelineSettingsWindow .body .tabs .tab-header.active, html.dark .TimelineSettingsWindow .body .tabs .tab-header.selected, html.dark .TimelineSettingsWindow .body .tab-headers .tab.active, html.dark .TimelineSettingsWindow .body .tab-headers .tab.selected, html.dark .TimelineSettingsWindow .body .tab-headers .tab-header.active, html.dark .TimelineSettingsWindow .body .tab-headers .tab-header.selected, html.dark .ExportWindow .content .tabs .tab.active, html.dark .ExportWindow .content .tabs .tab.selected, html.dark .ExportWindow .content .tabs .tab-header.active, html.dark .ExportWindow .content .tabs .tab-header.selected, html.dark .ExportWindow .content .tab-headers .tab.active, html.dark .ExportWindow .content .tab-headers .tab.selected, html.dark .ExportWindow .content .tab-headers .tab-header.active, html.dark .ExportWindow .content .tab-headers .tab-header.selected, html.dark .ExportWindow .winContent .tabs .tab.active, html.dark .ExportWindow .winContent .tabs .tab.selected, html.dark .ExportWindow .winContent .tabs .tab-header.active, html.dark .ExportWindow .winContent .tabs .tab-header.selected, html.dark .ExportWindow .winContent .tab-headers .tab.active, html.dark .ExportWindow .winContent .tab-headers .tab.selected, html.dark .ExportWindow .winContent .tab-headers .tab-header.active, html.dark .ExportWindow .winContent .tab-headers .tab-header.selected, html.dark .ExportWindow .body .tabs .tab.active, html.dark .ExportWindow .body .tabs .tab.selected, html.dark .ExportWindow .body .tabs .tab-header.active, html.dark .ExportWindow .body .tabs .tab-header.selected, html.dark .ExportWindow .body .tab-headers .tab.active, html.dark .ExportWindow .body .tab-headers .tab.selected, html.dark .ExportWindow .body .tab-headers .tab-header.active, html.dark .ExportWindow .body .tab-headers .tab-header.selected, html.dark .ImportWindow .content .tabs .tab.active, html.dark .ImportWindow .content .tabs .tab.selected, html.dark .ImportWindow .content .tabs .tab-header.active, html.dark .ImportWindow .content .tabs .tab-header.selected, html.dark .ImportWindow .content .tab-headers .tab.active, html.dark .ImportWindow .content .tab-headers .tab.selected, html.dark .ImportWindow .content .tab-headers .tab-header.active, html.dark .ImportWindow .content .tab-headers .tab-header.selected, html.dark .ImportWindow .winContent .tabs .tab.active, html.dark .ImportWindow .winContent .tabs .tab.selected, html.dark .ImportWindow .winContent .tabs .tab-header.active, html.dark .ImportWindow .winContent .tabs .tab-header.selected, html.dark .ImportWindow .winContent .tab-headers .tab.active, html.dark .ImportWindow .winContent .tab-headers .tab.selected, html.dark .ImportWindow .winContent .tab-headers .tab-header.active, html.dark .ImportWindow .winContent .tab-headers .tab-header.selected, html.dark .ImportWindow .body .tabs .tab.active, html.dark .ImportWindow .body .tabs .tab.selected, html.dark .ImportWindow .body .tabs .tab-header.active, html.dark .ImportWindow .body .tabs .tab-header.selected, html.dark .ImportWindow .body .tab-headers .tab.active, html.dark .ImportWindow .body .tab-headers .tab.selected, html.dark .ImportWindow .body .tab-headers .tab-header.active, html.dark .ImportWindow .body .tab-headers .tab-header.selected, html.dark #ExportWidgetRoot .content .tabs .tab.active, html.dark #ExportWidgetRoot .content .tabs .tab.selected, html.dark #ExportWidgetRoot .content .tabs .tab-header.active, html.dark #ExportWidgetRoot .content .tabs .tab-header.selected, html.dark #ExportWidgetRoot .content .tab-headers .tab.active, html.dark #ExportWidgetRoot .content .tab-headers .tab.selected, html.dark #ExportWidgetRoot .content .tab-headers .tab-header.active, html.dark #ExportWidgetRoot .content .tab-headers .tab-header.selected, html.dark #ExportWidgetRoot .winContent .tabs .tab.active, html.dark #ExportWidgetRoot .winContent .tabs .tab.selected, html.dark #ExportWidgetRoot .winContent .tabs .tab-header.active, html.dark #ExportWidgetRoot .winContent .tabs .tab-header.selected, html.dark #ExportWidgetRoot .winContent .tab-headers .tab.active, html.dark #ExportWidgetRoot .winContent .tab-headers .tab.selected, html.dark #ExportWidgetRoot .winContent .tab-headers .tab-header.active, html.dark #ExportWidgetRoot .winContent .tab-headers .tab-header.selected, html.dark #ExportWidgetRoot .body .tabs .tab.active, html.dark #ExportWidgetRoot .body .tabs .tab.selected, html.dark #ExportWidgetRoot .body .tabs .tab-header.active, html.dark #ExportWidgetRoot .body .tabs .tab-header.selected, html.dark #ExportWidgetRoot .body .tab-headers .tab.active, html.dark #ExportWidgetRoot .body .tab-headers .tab.selected, html.dark #ExportWidgetRoot .body .tab-headers .tab-header.active, html.dark #ExportWidgetRoot .body .tab-headers .tab-header.selected { color: #f9fafb !important; background-color: #374151 !important; border-color: #4b5563 !important; border-bottom-color: #374151 !important;
}
html.dark .Win input[type=checkbox], html.dark .Win input[type=radio], html.dark .UserSettingsWindow input[type=checkbox], html.dark .UserSettingsWindow input[type=radio], html.dark .BillingInfoWindow input[type=checkbox], html.dark .BillingInfoWindow input[type=radio], html.dark .TimelineSettingsWindow input[type=checkbox], html.dark .TimelineSettingsWindow input[type=radio], html.dark .ExportWindow input[type=checkbox], html.dark .ExportWindow input[type=radio], html.dark .ImportWindow input[type=checkbox], html.dark .ImportWindow input[type=radio], html.dark #ExportWidgetRoot input[type=checkbox], html.dark #ExportWidgetRoot input[type=radio] { background-color: #1e2937 !important; border-color: #4b5563 !important;
}
html.dark .Win input[type=checkbox]:checked, html.dark .Win input[type=radio]:checked, html.dark .UserSettingsWindow input[type=checkbox]:checked, html.dark .UserSettingsWindow input[type=radio]:checked, html.dark .BillingInfoWindow input[type=checkbox]:checked, html.dark .BillingInfoWindow input[type=radio]:checked, html.dark .TimelineSettingsWindow input[type=checkbox]:checked, html.dark .TimelineSettingsWindow input[type=radio]:checked, html.dark .ExportWindow input[type=checkbox]:checked, html.dark .ExportWindow input[type=radio]:checked, html.dark .ImportWindow input[type=checkbox]:checked, html.dark .ImportWindow input[type=radio]:checked, html.dark #ExportWidgetRoot input[type=checkbox]:checked, html.dark #ExportWidgetRoot input[type=radio]:checked { background-color: #3b82f6 !important; border-color: #3b82f6 !important;
}
html.dark .Win .description, html.dark .Win .hint, html.dark .Win .help-text, html.dark .UserSettingsWindow .description, html.dark .UserSettingsWindow .hint, html.dark .UserSettingsWindow .help-text, html.dark .BillingInfoWindow .description, html.dark .BillingInfoWindow .hint, html.dark .BillingInfoWindow .help-text, html.dark .TimelineSettingsWindow .description, html.dark .TimelineSettingsWindow .hint, html.dark .TimelineSettingsWindow .help-text, html.dark .ExportWindow .description, html.dark .ExportWindow .hint, html.dark .ExportWindow .help-text, html.dark .ImportWindow .description, html.dark .ImportWindow .hint, html.dark .ImportWindow .help-text, html.dark #ExportWidgetRoot .description, html.dark #ExportWidgetRoot .hint, html.dark #ExportWidgetRoot .help-text { color: #d1d5db !important;
}
html.dark .Win hr, html.dark .Win .divider, html.dark .UserSettingsWindow hr, html.dark .UserSettingsWindow .divider, html.dark .BillingInfoWindow hr, html.dark .BillingInfoWindow .divider, html.dark .TimelineSettingsWindow hr, html.dark .TimelineSettingsWindow .divider, html.dark .ExportWindow hr, html.dark .ExportWindow .divider, html.dark .ImportWindow hr, html.dark .ImportWindow .divider, html.dark #ExportWidgetRoot hr, html.dark #ExportWidgetRoot .divider { border-color: #4b5563 !important;
}
html.dark .Win table, html.dark .UserSettingsWindow table, html.dark .BillingInfoWindow table, html.dark .TimelineSettingsWindow table, html.dark .ExportWindow table, html.dark .ImportWindow table, html.dark #ExportWidgetRoot table { background-color: transparent !important;
}
html.dark .Win table th, html.dark .UserSettingsWindow table th, html.dark .BillingInfoWindow table th, html.dark .TimelineSettingsWindow table th, html.dark .ExportWindow table th, html.dark .ImportWindow table th, html.dark #ExportWidgetRoot table th { background-color: #1e2937 !important; color: #f9fafb !important; border-color: #4b5563 !important;
}
html.dark .Win table td, html.dark .UserSettingsWindow table td, html.dark .BillingInfoWindow table td, html.dark .TimelineSettingsWindow table td, html.dark .ExportWindow table td, html.dark .ImportWindow table td, html.dark #ExportWidgetRoot table td { background-color: transparent !important; color: #d1d5db !important; border-color: #4b5563 !important;
}
html.dark .Win table tr:hover td, html.dark .UserSettingsWindow table tr:hover td, html.dark .BillingInfoWindow table tr:hover td, html.dark .TimelineSettingsWindow table tr:hover td, html.dark .ExportWindow table tr:hover td, html.dark .ImportWindow table tr:hover td, html.dark #ExportWidgetRoot table tr:hover td { background-color: rgba(255, 255, 255, 0.02) !important;
}
html.dark .BillingInfoWindow .content { background-color: #2a334b !important; color: #f9fafb !important;
}
html.dark .BillingInfoWindow .paymentHistoryTable { border-color: #4b5563 !important; background-color: #374151 !important;
}
html.dark .BillingInfoWindow .paymentHistoryTable .tableRow { border-bottom-color: #4b5563 !important;
}
html.dark .BillingInfoWindow .paymentHistoryTable .tableRow.header { background-color: #1e2937 !important;
}
html.dark .BillingInfoWindow .paymentHistoryTable .tableRow.header .tableCell { color: #f9fafb !important;
}
html.dark .BillingInfoWindow .paymentHistoryTable .tableRow .tableCell { border-right-color: #4b5563 !important; color: #d1d5db !important;
}
html.dark .BillingInfoWindow .noPaymentsMessage { color: #d1d5db !important;
}
html.dark .BillingInfoWindow .userSubscription { background-color: #374151 !important; border-color: #4b5563 !important; color: #f9fafb !important;
}
html.dark .BillingInfoWindow .userSubscription .nextChargeText { color: #d1d5db !important;
}
html.dark .BillingInfoWindow .userPremiumPeriodsDiv .historyTitle { color: #f9fafb !important;
}
@media only screen and (max-width: 720px) { html.dark .BillingInfoWindow .paymentHistoryTable .tableRow { border-bottom-color: #4b5563 !important; } html.dark .BillingInfoWindow .paymentHistoryTable .tableRow .tableCell:before { color: #9ca3af !important; }
} html.dark .canvasControls .control { border-width: 0;
}
html.dark #ExportWidgetRoot { background-color: #2a334b !important; color: #f9fafb !important;
}
html.dark #ExportWidgetRoot .ExportWidget .Content .buttons icon { background-color: #282d39;
}
html.dark .site-root .sectionEducation .table .column .illustration { background-color: #2a334b;
}
html.dark #TagsContainer { background-color: #374151 !important; box-shadow: 19px 0px 11px -20px rgba(255, 255, 255, 0.2) !important;
}
html.dark #TagsContainer .TagWidget .Header { background-color: #1e2937 !important; color: #f9fafb !important;
}
html.dark #TagsContainer .TagWidget .Header:hover { background-color: rgba(255, 255, 255, 0.08) !important;
}
html.dark #TagsContainer .TagWidget .Header .ColorCircle { border: 1px rgba(255, 255, 255, 0.3) solid !important;
}
html.dark #TagsContainer .TagWidget .Content .Item { color: #f9fafb !important;
}
html.dark #TagsContainer .TagWidget .Content .Item .name { color: #f9fafb !important;
}
html.dark #TagsContainer .TagWidget .Content .Item:hover { background-color: rgba(255, 255, 255, 0.05) !important; opacity: 0.8 !important;
}
html.dark #TagsContainer .TagWidget .Content.select .Item { opacity: 0.5 !important;
}
html.dark #TagsContainer .TagWidget .Content.select .Item.select { opacity: 1 !important; background-color: rgba(59, 130, 246, 0.2) !important;
}
html.dark #TagsContainer .TagWidget .color { border: 1px rgba(255, 255, 255, 0.3) solid !important; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) !important;
}
html.dark .premiumPlans .item { border: 1px #4b5563 solid !important; background-color: #374151 !important; color: #f9fafb !important;
}
html.dark .premiumPlans .item:hover { background-color: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 255, 255, 0.2) !important;
}
html.dark .premiumPlans .price { color: #f9fafb !important;
}
html.dark .premiumPlans .arrow { opacity: 0.8 !important;
}
html.dark .premiumPlans .value { color: #f9fafb !important;
}
html.dark .premiumPlans .premiumLine { background-color: #7dd344 !important;
}
html.dark .premiumPlans .premiumBenefits { color: #f9fafb !important;
}
html.dark .premiumPlans .premiumBenefits > div { color: #f9fafb !important;
}
html.dark .premiumPlans .premiumLock:after { background-color: #4a5a6a !important; border-color: #4a5a6a !important; filter: invert(0.9) !important;
}
html.dark .timelineCanvasWrapper { background-color: #1e2937 !important; position: relative; background-image: linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px); background-size: 40px 40px; background-position: 0 0;
}
html.dark .SettingsTimelineWindow .privacySection .private.active { background-color: #c25151;
}
html.dark .SettingsTimelineWindow .privacySection .urllink.active { background-color: #ad8905;
}
html.dark .SettingsTimelineWindow .privacySection .public.active { background-color: #17a31e;
}
html.dark .TimeWidget { background-color: #1e2937;
}
html.dark .TimeWidget .periodContainerFromNow { color: #9ca3af;
}
html.dark .TimeWidget .line { background-color: #4b5563;
}
html.dark .TimeWidget .now { color: #f9fafb; background-color: rgb(53.8571428571, 143.3428571429, 53.8571428571);
}
html.dark .CircleOfObjects > div { background-color: #223347;
}
html.dark .CircleOfObjects > div:hover { background-color: #242f41;
}
html.dark .CircleOfObjects > div:active { background-color: rgb(133.3544303797, 161.6075949367, 190.6455696203);
}
html.dark .ExportImageSettingWindow .portrait, html.dark .ExportImageSettingWindow .landscape { background-color: #242f41 !important; color: #f9fafb !important; border-width: 0;
}
html.dark #tagsContainer { background-color: #1e2937 !important; border: 1px #4b5563 solid !important;
}
html.dark .TagPickerWindowDesktopContent .tag:hover { background-color: black !important;
}
html.dark .page-cabinet .org { background-color: #1e2937 !important;
} .theme-switcher { position: relative; margin: 0 12px;
} .theme-switcher-btn { position: relative; width: 44px; height: 44px; padding: 0; border: none; background: transparent; cursor: pointer; overflow: hidden; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center;
}
.theme-switcher-btn:hover { transform: scale(1.1);
}
.theme-switcher-btn:active { transform: scale(0.95);
} .theme-icon { position: absolute; width: 24px; height: 24px; transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.theme-icon svg { width: 100%; height: 100%; stroke: #374151; fill: none; stroke-width: 2;
} .theme-switcher[data-theme=light] .theme-icon-light { opacity: 1; transform: rotate(0deg) scale(1);
}
.theme-switcher[data-theme=light] .theme-icon-dark { opacity: 0; transform: rotate(-180deg) scale(0);
} .theme-switcher[data-theme=dark] .theme-icon-light { opacity: 0; transform: rotate(180deg) scale(0);
}
.theme-switcher[data-theme=dark] .theme-icon-dark { opacity: 1; transform: rotate(0deg) scale(1);
} .theme-switcher.animating .theme-icon { transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.theme-switcher.animating .theme-switcher-btn { animation: pulse 0.8s ease-in-out;
} @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); }
}
html.dark .theme-switcher .theme-icon svg { stroke: #f9fafb;
} @media only screen and (max-width: 640px) { .theme-switcher { margin: 0 8px; } .theme-switcher-btn { width: 40px; height: 40px; } .theme-icon { width: 20px; height: 20px; }
}