@charset "UTF-8";
@font-face { font-family: Object; src: url("../object.woff2") format("woff2-variations"); font-weight: 300 660; font-style: normal;
}
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: Object, "Open Sans", "Lucida Sans", "Helvetica Neue", Arial, sans-serif; font-size: 12px; font-weight: 360; line-height: 12px; 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: "Open Sans", Object, "Lucida Sans", "Helvetica Neue", Arial, sans-serif; font-weight: 400; font-size: 12px; white-space: nowrap;
} .divWithLineBreaks { letter-spacing: 0; font-family: "Open Sans", Object, "Lucida Sans", "Helvetica Neue", Arial, sans-serif; font-weight: 400; font-size: 12px; position: fixed; top: -10000px; left: 250px; white-space: nowrap; border: 1px black solid;
} .hiddenTextWidthDetect { letter-spacing: 0; font-family: "Open Sans", Object, "Lucida Sans", "Helvetica Neue", Arial, sans-serif; font-weight: 400; font-size: 12px; 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: 640px) { .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;
} .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: 5px;
}
.flex.ac { align-items: center;
}
.flex.jc { justify-content: center;
}
.flex.width { width: 100%;
} .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: 10px;
} .h20 { height: 20px;
} .h40 { height: 40px;
} .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: -6px; top: -6px; right: -6px; bottom: -6px; 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;
} icons { position: relative; background-size: 518.4px; width: 25.92px; height: 25.92px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); background-repeat: no-repeat; pointer-events: none; display: block;
}
icons.iconLogoGray { background-position: 0px -362.88px; width: 25.92px; height: 25.92px;
}
icons.iconStar { background-position: -155.52px 0px; width: 25.92px; height: 25.92px;
}
icons.iconVisa { background-position: 0px 0px; width: 25.92px; height: 25.92px;
}
icons.iconMc { background-position: -25.92px 0px; width: 25.92px; height: 25.92px;
}
icons.iconAmex { background-position: -51.84px 0px; width: 25.92px; height: 25.92px;
}
icons.iconStripe { background-position: -77.76px 0px; width: 51.84px; height: 25.92px;
}
icons.iconCloseSmallGray { background-position: -129.6px -233.28px; width: 25.92px; height: 25.92px;
}
icons.iconAcceptGreen { background-position: -51.84px -25.92px; width: 25.92px; height: 25.92px;
}
icons.icon3dots { background-position: -233.28px -51.84px; width: 25.92px; height: 25.92px;
}
icons.iconColorPalete { background-position: -155.52px -103.68px; width: 25.92px; height: 25.92px;
}
icons.iconNoAd { background-position: -233.28px -103.68px; width: 25.92px; height: 25.92px;
}
icons.iconLock { background-position: -207.36px -207.36px; width: 25.92px; height: 25.92px;
}
icons.iconTimeline { background-position: -25.92px -103.68px; width: 25.92px; height: 25.92px;
}
icons.iconDownload { background-position: -207.36px -103.68px; width: 25.92px; height: 25.92px;
}
icons.iconLockGray { background-position: -207.36px -233.28px; width: 25.92px; height: 25.92px;
}
icons.iconLogoGray { background-position: 0px -362.88px; width: 25.92px; height: 25.92px;
}
icons.iconCabinet { background-position: -259.2px -103.68px; width: 25.92px; height: 25.92px;
}
icons.iconX2 { background-position: -103.68px -259.2px; width: 25.92px; height: 25.92px;
}
icons.iconDot { background-position: -129.6px -259.2px; width: 25.92px; height: 25.92px;
}
icons.iconPersonTeacher { background-position: -103.68px -129.6px; width: 25.92px; height: 25.92px;
}
icons.iconDollar { background-position: -77.76px -129.6px; width: 25.92px; height: 25.92px;
}
icons.iconDollar2 { background-position: -129.6px -129.6px; width: 25.92px; height: 25.92px;
}
icons.iconStudyHat { background-position: 0px -129.6px; width: 25.92px; height: 25.92px;
}
icons.iconMathResult { background-position: -388.8px -51.84px; width: 25.92px; height: 25.92px;
}
icons.iconMathMult { background-position: -414.72px -51.84px; width: 25.92px; height: 25.92px;
}
icons.iconMathPlus { background-position: -440.64px -51.84px; width: 25.92px; height: 25.92px;
}
icons.iconInvoice { background-position: -155.52px -129.6px; width: 25.92px; height: 25.92px;
}
icons.iconArrowBigRight { background-position: -155.52px -51.84px; width: 25.92px; height: 25.92px;
}
icons.iconCrownGray { background-position: -25.92px -25.92px; width: 25.92px; height: 25.92px;
}
icons.iconStar { background-position: -155.52px 0px; width: 25.92px; height: 25.92px;
}
icons.iconSiluet { background-position: -77.76px -103.68px; width: 25.92px; height: 25.92px;
}
icons.icfJpg { background-position: 0px -440.64px; width: 25.92px; height: 25.92px;
}
icons.icfPdf { background-position: -51.84px -440.64px; width: 25.92px; height: 25.92px;
}
icons.icfDoc { background-position: -77.76px -440.64px; width: 25.92px; height: 25.92px;
}
icons.iconArrowDownSmall { background-position: 0px -51.84px; width: 25.92px; height: 25.92px;
} iconsx2 { position: relative; background-size: 806.4px; width: 40.32px; height: 40.32px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); background-repeat: no-repeat; pointer-events: none; display: block;
}
iconsx2.iconVisa { background-position: 0px 0px; width: 40.32px; height: 40.32px;
}
iconsx2.iconMc { background-position: -40.32px 0px; width: 40.32px; height: 40.32px;
}
iconsx2.iconAmex { background-position: -80.64px 0px; width: 40.32px; height: 40.32px;
}
iconsx2.iconStripe { background-position: -120.96px 0px; width: 80.64px; height: 40.32px;
}
iconsx2.icon3dots { background-position: -362.88px -80.64px; width: 40.32px; height: 40.32px;
}
iconsx2.icon01 { background-position: 0px -403.2px; width: 40.32px; height: 40.32px;
}
iconsx2.icon02 { background-position: -40.32px -403.2px; width: 40.32px; height: 40.32px;
}
iconsx2.icon03 { background-position: -80.64px -403.2px; width: 40.32px; height: 40.32px;
}
iconsx2.iconSocialFb { background-position: 0px -604.8px; width: 40.32px; height: 40.32px;
}
iconsx2.iconSocialInsta { background-position: -40.32px -604.8px; width: 40.32px; height: 40.32px;
}
iconsx2.iconSocialTwit { background-position: -80.64px -604.8px; width: 40.32px; height: 40.32px;
}
iconsx2.iconSocialYtube { background-position: -120.96px -604.8px; width: 40.32px; height: 40.32px;
}
iconsx2.iconSocialVk { background-position: -161.28px -604.8px; width: 40.32px; height: 40.32px;
}
iconsx2.iconSocialIn { background-position: -201.6px -604.8px; width: 40.32px; height: 40.32px;
}
iconsx2.iconSocialReddit { background-position: -241.92px -604.8px; width: 40.32px; height: 40.32px;
}
iconsx2.iconTelegram { background-position: -403.2px -604.8px; width: 40.32px; height: 40.32px;
}
iconsx2.iconYoutube { background-position: -443.52px -604.8px; width: 40.32px; height: 40.32px;
} iconsx3 { position: relative; background-size: 1152px; width: 57.6px; height: 57.6px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); background-repeat: no-repeat; pointer-events: none; display: block;
}
iconsx3.icon01 { background-position: 0px -576px; width: 57.6px; height: 57.6px;
}
iconsx3.icon02 { background-position: -57.6px -576px; width: 57.6px; height: 57.6px;
}
iconsx3.icon03 { background-position: -115.2px -576px; width: 57.6px; height: 57.6px;
}
iconsx3.icon04 { background-position: -172.8px -576px; width: 57.6px; height: 57.6px;
}
iconsx3.iconBuilding { background-position: -57.6px -288px; width: 57.6px; height: 57.6px;
}
iconsx3.iconStudyTeacher { background-position: -115.2px -288px; width: 57.6px; height: 57.6px;
}
iconsx3.iconRocket { background-position: -403.2px -57.6px; width: 57.6px; height: 57.6px;
}
iconsx3.iconStudyHat { background-position: 0px -288px; width: 57.6px; height: 57.6px;
}
iconsx3.iconPostmail { background-position: -172.8px -57.6px; width: 57.6px; height: 57.6px;
}
iconsx3.iconTableWork { background-position: -518.4px -57.6px; width: 57.6px; height: 57.6px;
}
iconsx3.iconFolder { background-position: -345.6px -403.2px; width: 57.6px; height: 57.6px;
}
iconsx3.iconFolderShare { background-position: -460.8px -403.2px; width: 57.6px; height: 57.6px;
}
iconsx3.iconPlanet { background-position: -518.4px -460.8px; width: 57.6px; height: 57.6px;
}
iconsx3.iconDuplicate { background-position: -1036.8px -230.4px; width: 57.6px; height: 57.6px;
}
iconsx3.iconVimeo { background-position: -691.2px -864px; width: 57.6px; height: 57.6px;
}
iconsx3.icApi { background-position: -288px -921.6px; width: 57.6px; height: 57.6px;
}
iconsx3.iconCode { background-position: -115.2px -403.2px; width: 57.6px; height: 57.6px;
} iconsx6 { position: relative; background-size: 2304px; width: 115.2px; height: 115.2px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); background-repeat: no-repeat; pointer-events: none; display: block;
}
iconsx6.iconFolder { background-position: -691.2px -806.4px; width: 115.2px; height: 115.2px;
} .icons { position: relative; display: flex;
}
.icons .static, .icons .active { background-image: url(/public/v2/images/sprite/sprite.svg?v=393); background-repeat: no-repeat; background-position: 0 0; display: block; width: 24px; height: 24px; pointer-events: none;
}
.icons .static .static, .icons .static .active, .icons .active .static, .icons .active .active { width: 100%; height: 100%;
}
.icons.icon-lock .static { background-position: -192px 0;
}
.icons.icon-review .static { background-position: -216px 0;
}
.icons.icon-arrow-solid .static { background-position: 0 -48px;
}
.icons.icon-arrow-white .static { background-position: -24px -48px;
}
.icons.icon-menu .static { background-position: -48px -48px;
}
.icons.icon-arrow-down .static { background-position: -72px -48px;
}
.icons.icon-arrow-up .static { background-position: -96px -48px;
}
.icons.icon-arrow-left .static { background-position: -120px -48px;
}
.icons.icon-arrow-right .static { background-position: -144px -48px;
}
.icons.icon-search .static { background-position: -168px -48px;
}
.icons.icon-arrow-long .static { background-position: -192px -48px;
}
.icons.icon-more .static { background-position: -216px -48px;
}
.icons.flag_en .static { background-position: 0 -72px;
}
.icons.flag_es .static { background-position: -24px -72px;
}
.icons.flag_pt .static { background-position: -24px -72px;
}
.icons.flag_de .static { background-position: -48px -72px;
}
.icons.flag_fr .static { background-position: -72px -72px;
}
.icons.flag_it .static { background-position: -96px -72px;
}
.icons.flag_ru .static { background-position: -120px -72px;
}
.icons.icon-timelines .static { background-position: -24px -96px;
}
.icons.icon-cabinet .static { background-position: -48px -96px;
}
.icons.icon-user .static { background-position: -72px -96px;
}
.icons.icon-settings .static { background-position: -96px -96px;
}
.icons.icon-logout .static { background-position: -120px -96px;
}
.icons.icon-customization .static { background-position: -144px -96px;
}
.icons.icon-media .static { background-position: -168px -96px;
}
.icons.icon-export .static { background-position: -192px -96px;
}
.icons.icon-ad .static { background-position: -216px -96px;
}
.icons.icon-institutions .static { background-position: -24px -120px;
}
.icons.icon-teachers .static { background-position: -48px -120px;
}
.icons.icon-students .static { background-position: -72px -120px;
}
.icons.icon-like .static { background-position: 0 -144px;
}
.icons.icon-dislike .static { background-position: -24px -144px;
}
.icons.icon-eye .static { background-position: -48px -144px;
}
.icons.icon-share .static { background-position: -72px -144px;
}
.icons.icon-comment .static { background-position: -96px -144px;
}
.icons.icon-pen .static { background-position: -120px -144px;
}
.icons.icon-duplicate .static { background-position: 0 -168px;
}
.icons.icon-create .static { background-position: -24px -168px;
}
.icons.icon-embed .static { background-position: -48px -168px;
}
.icons.icon-download .static { background-position: -72px -168px;
}
.icons.icon-teacher .static { background-position: 0 -240px;
}
.icons.icon-usd .static { background-position: -48px -240px;
}
.icons.icon-plus .static { background-position: -96px -240px;
}
.icons.icon-youtube .static { background-position: -144px -240px;
}
.icons.icon-vk .static { background-position: -216px -240px;
}
.icons.icon-linkedin .static { background-position: -264px -240px;
}
.icons.icon-reddit .static { background-position: -312px -240px;
}
.icons.icon-premium-teachers .static { background-position: 0 -288px;
}
.icons.icon-usd .static { background-position: -24px -288px;
}
.icons.icon-plus .static { background-position: -48px -288px;
}
.icons.icon-cross-black .static { background-position: -72px -288px;
}
.icons.icon-cross-gray .static { background-position: -96px -288px;
}
.icons.icon-cross-check .static { background-position: -120px -288px;
}
.icons.icon-cross-large .static { background-position: -144px -288px;
}
.icons.icon-arrow-small .static { background-position: -172px -288px;
}
.icons.icon-premium-students .static { background-position: 0 -312px;
} .CommonInputRange { display: flex; flex-direction: column; padding: 12px 0;
}
.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: 4px; border-radius: 3px; background: linear-gradient(to right, #28b536 0%, #ced8e0 0%);
}
.CommonInputRange input::-webkit-slider-thumb { cursor: pointer; width: 8px; height: 22px; 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.14);
}
.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.14); 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: -31px; -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: 34px; min-width: 34px; height: 20px; 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: 20px; height: 20px; 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: 14px; 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: 26px; 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: 26px; padding: 0 2px 0 2px; line-height: 26px;
}
.Switcher .container .item.selected { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffa500)); background-image: -webkit-linear-gradient(top, #ffffff, #ffa500); background-image: -o-linear-gradient(top, #ffffff, #ffa500); background-image: linear-gradient(to bottom, #ffffff, #ffa500); padding: 0 3px 0 3px; transform: scale(1.1); box-shadow: 0px -1px 5px -3px black;
}
.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 6px 0 7.92px; 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: 26.4px; padding: 0 12px; border-radius: 6px;
}
.buttons .ExtraFeatureIcon { position: absolute; top: -13px; right: -12px; transform: scale(0.6); background-color: transparent;
}
.buttons .text { padding: 1.2px 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: 6px;
}
.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.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.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.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.icfJpg > icon, .buttons.icfPng > icon, .buttons.icfPdf > icon, .buttons.icfDoc > icon, .buttons.icfPpt > icon, .buttons.icfXsl > icon, .buttons.icfZip > icon { position: relative; background-size: 576px; width: 28.8px; height: 28.8px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); background-repeat: no-repeat; pointer-events: none; display: block;
}
.buttons.iconVisa > icon { background-position: 0px 0px;
}
.buttons.iconMc > icon { background-position: -28.8px 0px;
}
.buttons.iconAmex > icon { background-position: -57.6px 0px;
}
.buttons.iconStripe > icon { background-position: -86.4px 0px; width: 57.6px;
}
.buttons.iconStar > icon { background-position: -172.8px 0px;
}
.buttons.iconTrustpilot45 > icon { background-position: -201.6px 0px; width: 115.2px;
}
.buttons.iconCrown > icon { background-position: 0px -28.8px;
}
.buttons.iconCrownGray > icon { background-position: -28.8px -28.8px;
}
.buttons.iconAcceptGreen > icon { background-position: -57.6px -28.8px;
}
.buttons.iconPostmail > icon { background-position: -86.4px -28.8px;
}
.buttons.iconKeyboard > icon { background-position: -115.2px -28.8px;
}
.buttons.iconMouse > icon { background-position: -144px -28.8px;
}
.buttons.iconEgg > icon { background-position: -172.8px -28.8px;
}
.buttons.iconRocket > icon { background-position: -201.6px -28.8px;
}
.buttons.iconPalette > icon { background-position: -230.4px -28.8px;
}
.buttons.iconTableWork > icon { background-position: -259.2px -28.8px;
}
.buttons.iconEnter > icon { background-position: -288px -28.8px;
}
.buttons.iconArrowDownSmall > icon { background-position: 0px -57.6px;
}
.buttons.iconArrowDownSmallWhite > icon { background-position: -28.8px -57.6px;
}
.buttons.iconMenu > icon { background-position: -57.6px -57.6px;
}
.buttons.iconArrowBigDown > icon { background-position: -86.4px -57.6px;
}
.buttons.iconArrowBigUp > icon { background-position: -115.2px -57.6px;
}
.buttons.iconArrowBigLeft > icon { background-position: -144px -57.6px;
}
.buttons.iconArrowBigRight > icon { background-position: -172.8px -57.6px;
}
.buttons.iconSearch > icon { background-position: -201.6px -57.6px;
}
.buttons.iconArrowRight > icon { background-position: -230.4px -57.6px;
}
.buttons.icon3dots > icon { background-position: -259.2px -57.6px;
}
.buttons.iconArrowDownV2 > icon { background-position: -288px -57.6px;
}
.buttons.iconMapPlus > icon { background-position: -316.8px -57.6px;
}
.buttons.iconMapMinus > icon { background-position: -345.6px -57.6px;
}
.buttons.iconMapExpand > icon { background-position: -374.4px -57.6px;
}
.buttons.iconMapCollapse > icon { background-position: -403.2px -57.6px;
}
.buttons.iconMathResult > icon { background-position: -432px -57.6px;
}
.buttons.iconMathMult > icon { background-position: -460.8px -57.6px;
}
.buttons.iconMathPlus > icon { background-position: -489.6px -57.6px;
}
.buttons.iconMathMinus > icon { background-position: -518.4px -57.6px;
}
.buttons.iconMathNe > icon { background-position: -547.2px -57.6px;
}
.buttons.iconFlag-en > icon { background-position: 0px -86.4px;
}
.buttons.iconFlag-es > icon { background-position: -28.8px -86.4px;
}
.buttons.iconFlag-de > icon { background-position: -57.6px -86.4px;
}
.buttons.iconFlag-fr > icon { background-position: -86.4px -86.4px;
}
.buttons.iconFlag-it > icon { background-position: -115.2px -86.4px;
}
.buttons.iconFlag-ru > icon { background-position: -201.6px -86.4px;
}
.buttons.iconFlag-pt > icon { background-position: -172.8px -86.4px;
}
.buttons.iconFlag-re > icon { background-position: -201.6px -86.4px;
}
.buttons.iconUser > icon { background-position: 0px -115.2px;
}
.buttons.iconTimeline > icon { background-position: -28.8px -115.2px;
}
.buttons.iconCreateApp > icon { background-position: -57.6px -115.2px;
}
.buttons.iconSiluet > icon { background-position: -86.4px -115.2px;
}
.buttons.iconSettings > icon { background-position: -115.2px -115.2px;
}
.buttons.iconDoor > icon { background-position: -144px -115.2px;
}
.buttons.iconColorPalete > icon { background-position: -172.8px -115.2px;
}
.buttons.iconMedia > icon { background-position: -201.6px -115.2px;
}
.buttons.iconDownload > icon { background-position: -230.4px -115.2px;
}
.buttons.iconNoAd > icon { background-position: -259.2px -115.2px;
}
.buttons.iconCabinet > icon { background-position: -288px -115.2px;
}
.buttons.iconUpload > icon { background-position: -316.8px -115.2px;
}
.buttons.iconUploadFile > icon { background-position: -345.6px -115.2px;
}
.buttons.iconCamera > icon { background-position: -374.4px -115.2px;
}
.buttons.iconTable > icon { background-position: -403.2px -115.2px;
}
.buttons.iconPlayMedia > icon { background-position: -432px -115.2px;
}
.buttons.iconPin > icon { background-position: -460.8px -115.2px;
}
.buttons.iconUrlLink > icon { background-position: -489.6px -115.2px;
}
.buttons.iconDuplicate > icon { background-position: -518.4px -115.2px;
}
.buttons.iconBin > icon { background-position: -547.2px -115.2px;
}
.buttons.iconStudyHat > icon { background-position: 0px -144px;
}
.buttons.iconBuilding > icon { background-position: -28.8px -144px;
}
.buttons.iconStudyTeacher > icon { background-position: -57.6px -144px;
}
.buttons.iconDollar > icon { background-position: -86.4px -144px;
}
.buttons.iconPersonTeacher > icon { background-position: -115.2px -144px;
}
.buttons.iconDollar2 > icon { background-position: -144px -144px;
}
.buttons.iconInvoice > icon { background-position: -172.8px -144px;
}
.buttons.iconLike > icon { background-position: 0px -172.8px;
}
.buttons.iconDislike > icon { background-position: -28.8px -172.8px;
}
.buttons.iconEye > icon { background-position: -57.6px -172.8px;
}
.buttons.iconEyeHide > icon { background-position: -86.4px -172.8px;
}
.buttons.iconMoveRight > icon { background-position: -115.2px -172.8px;
}
.buttons.iconMoveLeft > icon { background-position: -144px -172.8px;
}
.buttons.iconComment > icon { background-position: -172.8px -172.8px;
}
.buttons.iconFitTimeline > icon { background-position: -201.6px -172.8px;
}
.buttons.iconPlus > icon { background-position: 0px -201.6px;
}
.buttons.iconPlusSmall > icon { background-position: -28.8px -201.6px;
}
.buttons.iconCode > icon { background-position: -57.6px -201.6px;
}
.buttons.iconDownloadDocument > icon { background-position: -86.4px -201.6px;
}
.buttons.iconTag > icon { background-position: -115.2px -201.6px;
}
.buttons.iconReset > icon { background-position: -144px -201.6px;
}
.buttons.iconFolder > icon { background-position: -172.8px -201.6px;
}
.buttons.iconFolderCreate > icon { background-position: -201.6px -201.6px;
}
.buttons.iconFolderShare > icon { background-position: -230.4px -201.6px;
}
.buttons.iconSaveDisk > icon { background-position: -259.2px -201.6px;
}
.buttons.iconSpeakerOffBlack > icon { background-position: 0px -230.4px;
}
.buttons.iconSpeakerOnBlack > icon { background-position: -28.8px -230.4px;
}
.buttons.iconLampOffBlack > icon { background-position: -57.6px -230.4px;
}
.buttons.iconLampOnBlack > icon { background-position: -86.4px -230.4px;
}
.buttons.iconCloseBig > icon { background-position: -115.2px -230.4px;
}
.buttons.iconCloseSmall > icon { background-position: -144px -230.4px;
}
.buttons.iconPen > icon { background-position: -172.8px -230.4px;
}
.buttons.iconCreateTimeline > icon { background-position: -201.6px -230.4px;
}
.buttons.iconLock > icon { background-position: -230.4px -230.4px;
}
.buttons.iconPlanet > icon { background-position: -259.2px -230.4px;
}
.buttons.iconUnlock > icon { background-position: -288px -230.4px;
}
.buttons.iconSpeakerOffWhite > icon { background-position: 0px -259.2px;
}
.buttons.iconSpeakerOnWhite > icon { background-position: -28.8px -259.2px;
}
.buttons.iconLampOffWhite > icon { background-position: -57.6px -259.2px;
}
.buttons.iconLampOnWhite > icon { background-position: -86.4px -259.2px;
}
.buttons.iconCloseBigGray > icon { background-position: -115.2px -259.2px;
}
.buttons.iconCloseSmallGray > icon { background-position: -144px -259.2px;
}
.buttons.iconPenWhite > icon { background-position: -172.8px -259.2px;
}
.buttons.iconCreateTimelineWhite > icon { background-position: -201.6px -259.2px;
}
.buttons.iconLockGray > icon { background-position: -230.4px -259.2px;
}
.buttons.iconPlanetWhite > icon { background-position: -259.2px -259.2px;
}
.buttons.icon01 > icon { background-position: 0px -288px;
}
.buttons.icon02 > icon { background-position: -28.8px -288px;
}
.buttons.icon03 > icon { background-position: -57.6px -288px;
}
.buttons.icon04 > icon { background-position: -86.4px -288px;
}
.buttons.iconX2 > icon { background-position: -115.2px -288px;
}
.buttons.iconDot > icon { background-position: -144px -288px;
}
.buttons.iconAccept > icon { background-position: -172.8px -288px;
}
.buttons.iconEventBottom > icon { background-position: 0px -316.8px;
}
.buttons.iconEventTop > icon { background-position: -28.8px -316.8px;
}
.buttons.iconEventTextLeft > icon { background-position: -57.6px -316.8px;
}
.buttons.iconEventTextCenter > icon { background-position: -86.4px -316.8px;
}
.buttons.iconEventTextRight > icon { background-position: -115.2px -316.8px;
}
.buttons.iconEventBox > icon { background-position: -144px -316.8px;
}
.buttons.iconEventLines > icon { background-position: -172.8px -316.8px;
}
.buttons.iconEventCircleLines > icon { background-position: -201.6px -316.8px;
}
.buttons.iconEventVertBox > icon { background-position: -230.4px -316.8px;
}
.buttons.iconEventVertLine > icon { background-position: -259.2px -316.8px;
}
.buttons.iconEventCircle > icon { background-position: -288px -316.8px;
}
.buttons.iconPeriodRect > icon { background-position: 0px -345.6px;
}
.buttons.iconPeriodRectTop > icon { background-position: -28.8px -345.6px;
}
.buttons.iconPeriodApprox > icon { background-position: -57.6px -345.6px;
}
.buttons.iconPeriodApproxLeft > icon { background-position: -86.4px -345.6px;
}
.buttons.iconPeriodApproxRight > icon { background-position: -115.2px -345.6px;
}
.buttons.iconPeriodApproxTop > icon { background-position: -144px -345.6px;
}
.buttons.iconPeriodBrackets > icon { background-position: -172.8px -345.6px;
}
.buttons.iconPeriodFill > icon { background-position: -201.6px -345.6px;
}
.buttons.iconPeriodThin > icon { background-position: -230.4px -345.6px;
}
.buttons.iconLogoFullGray > icon { background-position: 0px -374.4px; width: 230.4px;
}
.buttons.iconLogoFull > icon { background-position: -230.4px -374.4px; width: 230.4px;
}
.buttons.iconLogoGray > icon { background-position: 0px -403.2px;
}
.buttons.iconLogoGrayText > icon { background-position: -28.8px -403.2px; width: 259.2px;
}
.buttons.iconSocialFb > icon { background-position: 0px -432px;
}
.buttons.iconSocialInsta > icon { background-position: -28.8px -432px;
}
.buttons.iconSocialTwit > icon { background-position: -57.6px -432px;
}
.buttons.iconSocialYtube > icon { background-position: -86.4px -432px;
}
.buttons.iconSocialVk > icon { background-position: -115.2px -432px;
}
.buttons.iconSocialIn > icon { background-position: -144px -432px;
}
.buttons.iconSocialReddit > icon { background-position: -172.8px -432px;
}
.buttons.iconSocialGoogle > icon { background-position: -201.6px -432px;
}
.buttons.iconDropbox > icon { background-position: -230.4px -432px;
}
.buttons.iconGoogleDrive > icon { background-position: -259.2px -432px;
}
.buttons.iconTelegram > icon { background-position: -288px -432px;
}
.buttons.iconYoutube > icon { background-position: -316.8px -432px;
}
.buttons.iconVimeo > icon { background-position: -345.6px -432px;
}
.buttons.iconFacebook > icon { background-position: -374.4px -432px;
}
.buttons.iconLinkedin > icon { background-position: -403.2px -432px;
}
.buttons.icEvent > icon { background-position: 0px -460.8px;
}
.buttons.icPeriod > icon { background-position: -28.8px -460.8px;
}
.buttons.icProgress > icon { background-position: -57.6px -460.8px;
}
.buttons.icStats > icon { background-position: -86.4px -460.8px;
}
.buttons.icEarth > icon { background-position: -115.2px -460.8px;
}
.buttons.icApi > icon { background-position: -144px -460.8px;
}
.buttons.icGroup > icon { background-position: -172.8px -460.8px;
}
.buttons.icMultistats > icon { background-position: -201.6px -460.8px;
}
.buttons.icAnalytics > icon { background-position: -230.4px -460.8px;
}
.buttons.icCalendar > icon { background-position: -259.2px -460.8px;
}
.buttons.icExcel > icon { background-position: -288px -460.8px;
}
.buttons.icfJpg > icon { background-position: 0px -489.6px;
}
.buttons.icfPng > icon { background-position: -28.8px -489.6px;
}
.buttons.icfPdf > icon { background-position: -57.6px -489.6px;
}
.buttons.icfDoc > icon { background-position: -86.4px -489.6px;
}
.buttons.icfPpt > icon { background-position: -115.2px -489.6px;
}
.buttons.icfXsl > icon { background-position: -144px -489.6px;
}
.buttons.icfZip > icon { background-position: -172.8px -489.6px;
}
.buttons.small { font-size: 105%; letter-spacing: -0.315px; line-height: 1.2; font-weight: 440; color: #0a0e22; height: 20.58px; padding: 0 8.4px; border-radius: 6px; 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.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.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.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.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: 489.6px; width: 24.48px; height: 24.48px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); background-repeat: no-repeat; pointer-events: none; display: block;
}
.buttons.small.iconVisa > icon { background-position: 0px 0px;
}
.buttons.small.iconMc > icon { background-position: -24.48px 0px;
}
.buttons.small.iconAmex > icon { background-position: -48.96px 0px;
}
.buttons.small.iconStripe > icon { background-position: -73.44px 0px; width: 48.96px;
}
.buttons.small.iconStar > icon { background-position: -146.88px 0px;
}
.buttons.small.iconTrustpilot45 > icon { background-position: -171.36px 0px; width: 97.92px;
}
.buttons.small.iconCrown > icon { background-position: 0px -24.48px;
}
.buttons.small.iconCrownGray > icon { background-position: -24.48px -24.48px;
}
.buttons.small.iconAcceptGreen > icon { background-position: -48.96px -24.48px;
}
.buttons.small.iconPostmail > icon { background-position: -73.44px -24.48px;
}
.buttons.small.iconKeyboard > icon { background-position: -97.92px -24.48px;
}
.buttons.small.iconMouse > icon { background-position: -122.4px -24.48px;
}
.buttons.small.iconEgg > icon { background-position: -146.88px -24.48px;
}
.buttons.small.iconRocket > icon { background-position: -171.36px -24.48px;
}
.buttons.small.iconPalette > icon { background-position: -195.84px -24.48px;
}
.buttons.small.iconTableWork > icon { background-position: -220.32px -24.48px;
}
.buttons.small.iconEnter > icon { background-position: -244.8px -24.48px;
}
.buttons.small.iconArrowDownSmall > icon { background-position: 0px -48.96px;
}
.buttons.small.iconArrowDownSmallWhite > icon { background-position: -24.48px -48.96px;
}
.buttons.small.iconMenu > icon { background-position: -48.96px -48.96px;
}
.buttons.small.iconArrowBigDown > icon { background-position: -73.44px -48.96px;
}
.buttons.small.iconArrowBigUp > icon { background-position: -97.92px -48.96px;
}
.buttons.small.iconArrowBigLeft > icon { background-position: -122.4px -48.96px;
}
.buttons.small.iconArrowBigRight > icon { background-position: -146.88px -48.96px;
}
.buttons.small.iconSearch > icon { background-position: -171.36px -48.96px;
}
.buttons.small.iconArrowRight > icon { background-position: -195.84px -48.96px;
}
.buttons.small.icon3dots > icon { background-position: -220.32px -48.96px;
}
.buttons.small.iconArrowDownV2 > icon { background-position: -244.8px -48.96px;
}
.buttons.small.iconMapPlus > icon { background-position: -269.28px -48.96px;
}
.buttons.small.iconMapMinus > icon { background-position: -293.76px -48.96px;
}
.buttons.small.iconMapExpand > icon { background-position: -318.24px -48.96px;
}
.buttons.small.iconMapCollapse > icon { background-position: -342.72px -48.96px;
}
.buttons.small.iconMathResult > icon { background-position: -367.2px -48.96px;
}
.buttons.small.iconMathMult > icon { background-position: -391.68px -48.96px;
}
.buttons.small.iconMathPlus > icon { background-position: -416.16px -48.96px;
}
.buttons.small.iconMathMinus > icon { background-position: -440.64px -48.96px;
}
.buttons.small.iconMathNe > icon { background-position: -465.12px -48.96px;
}
.buttons.small.iconFlag-en > icon { background-position: 0px -73.44px;
}
.buttons.small.iconFlag-es > icon { background-position: -24.48px -73.44px;
}
.buttons.small.iconFlag-de > icon { background-position: -48.96px -73.44px;
}
.buttons.small.iconFlag-fr > icon { background-position: -73.44px -73.44px;
}
.buttons.small.iconFlag-it > icon { background-position: -97.92px -73.44px;
}
.buttons.small.iconFlag-ru > icon { background-position: -171.36px -73.44px;
}
.buttons.small.iconFlag-pt > icon { background-position: -146.88px -73.44px;
}
.buttons.small.iconFlag-re > icon { background-position: -171.36px -73.44px;
}
.buttons.small.iconUser > icon { background-position: 0px -97.92px;
}
.buttons.small.iconTimeline > icon { background-position: -24.48px -97.92px;
}
.buttons.small.iconCreateApp > icon { background-position: -48.96px -97.92px;
}
.buttons.small.iconSiluet > icon { background-position: -73.44px -97.92px;
}
.buttons.small.iconSettings > icon { background-position: -97.92px -97.92px;
}
.buttons.small.iconDoor > icon { background-position: -122.4px -97.92px;
}
.buttons.small.iconColorPalete > icon { background-position: -146.88px -97.92px;
}
.buttons.small.iconMedia > icon { background-position: -171.36px -97.92px;
}
.buttons.small.iconDownload > icon { background-position: -195.84px -97.92px;
}
.buttons.small.iconNoAd > icon { background-position: -220.32px -97.92px;
}
.buttons.small.iconCabinet > icon { background-position: -244.8px -97.92px;
}
.buttons.small.iconUpload > icon { background-position: -269.28px -97.92px;
}
.buttons.small.iconUploadFile > icon { background-position: -293.76px -97.92px;
}
.buttons.small.iconCamera > icon { background-position: -318.24px -97.92px;
}
.buttons.small.iconTable > icon { background-position: -342.72px -97.92px;
}
.buttons.small.iconPlayMedia > icon { background-position: -367.2px -97.92px;
}
.buttons.small.iconPin > icon { background-position: -391.68px -97.92px;
}
.buttons.small.iconUrlLink > icon { background-position: -416.16px -97.92px;
}
.buttons.small.iconDuplicate > icon { background-position: -440.64px -97.92px;
}
.buttons.small.iconBin > icon { background-position: -465.12px -97.92px;
}
.buttons.small.iconStudyHat > icon { background-position: 0px -122.4px;
}
.buttons.small.iconBuilding > icon { background-position: -24.48px -122.4px;
}
.buttons.small.iconStudyTeacher > icon { background-position: -48.96px -122.4px;
}
.buttons.small.iconDollar > icon { background-position: -73.44px -122.4px;
}
.buttons.small.iconPersonTeacher > icon { background-position: -97.92px -122.4px;
}
.buttons.small.iconDollar2 > icon { background-position: -122.4px -122.4px;
}
.buttons.small.iconInvoice > icon { background-position: -146.88px -122.4px;
}
.buttons.small.iconLike > icon { background-position: 0px -146.88px;
}
.buttons.small.iconDislike > icon { background-position: -24.48px -146.88px;
}
.buttons.small.iconEye > icon { background-position: -48.96px -146.88px;
}
.buttons.small.iconEyeHide > icon { background-position: -73.44px -146.88px;
}
.buttons.small.iconMoveRight > icon { background-position: -97.92px -146.88px;
}
.buttons.small.iconMoveLeft > icon { background-position: -122.4px -146.88px;
}
.buttons.small.iconComment > icon { background-position: -146.88px -146.88px;
}
.buttons.small.iconFitTimeline > icon { background-position: -171.36px -146.88px;
}
.buttons.small.iconPlus > icon { background-position: 0px -171.36px;
}
.buttons.small.iconPlusSmall > icon { background-position: -24.48px -171.36px;
}
.buttons.small.iconCode > icon { background-position: -48.96px -171.36px;
}
.buttons.small.iconDownloadDocument > icon { background-position: -73.44px -171.36px;
}
.buttons.small.iconTag > icon { background-position: -97.92px -171.36px;
}
.buttons.small.iconReset > icon { background-position: -122.4px -171.36px;
}
.buttons.small.iconFolder > icon { background-position: -146.88px -171.36px;
}
.buttons.small.iconFolderCreate > icon { background-position: -171.36px -171.36px;
}
.buttons.small.iconFolderShare > icon { background-position: -195.84px -171.36px;
}
.buttons.small.iconSaveDisk > icon { background-position: -220.32px -171.36px;
}
.buttons.small.iconSpeakerOffBlack > icon { background-position: 0px -195.84px;
}
.buttons.small.iconSpeakerOnBlack > icon { background-position: -24.48px -195.84px;
}
.buttons.small.iconLampOffBlack > icon { background-position: -48.96px -195.84px;
}
.buttons.small.iconLampOnBlack > icon { background-position: -73.44px -195.84px;
}
.buttons.small.iconCloseBig > icon { background-position: -97.92px -195.84px;
}
.buttons.small.iconCloseSmall > icon { background-position: -122.4px -195.84px;
}
.buttons.small.iconPen > icon { background-position: -146.88px -195.84px;
}
.buttons.small.iconCreateTimeline > icon { background-position: -171.36px -195.84px;
}
.buttons.small.iconLock > icon { background-position: -195.84px -195.84px;
}
.buttons.small.iconPlanet > icon { background-position: -220.32px -195.84px;
}
.buttons.small.iconUnlock > icon { background-position: -244.8px -195.84px;
}
.buttons.small.iconSpeakerOffWhite > icon { background-position: 0px -220.32px;
}
.buttons.small.iconSpeakerOnWhite > icon { background-position: -24.48px -220.32px;
}
.buttons.small.iconLampOffWhite > icon { background-position: -48.96px -220.32px;
}
.buttons.small.iconLampOnWhite > icon { background-position: -73.44px -220.32px;
}
.buttons.small.iconCloseBigGray > icon { background-position: -97.92px -220.32px;
}
.buttons.small.iconCloseSmallGray > icon { background-position: -122.4px -220.32px;
}
.buttons.small.iconPenWhite > icon { background-position: -146.88px -220.32px;
}
.buttons.small.iconCreateTimelineWhite > icon { background-position: -171.36px -220.32px;
}
.buttons.small.iconLockGray > icon { background-position: -195.84px -220.32px;
}
.buttons.small.iconPlanetWhite > icon { background-position: -220.32px -220.32px;
}
.buttons.small.icon01 > icon { background-position: 0px -244.8px;
}
.buttons.small.icon02 > icon { background-position: -24.48px -244.8px;
}
.buttons.small.icon03 > icon { background-position: -48.96px -244.8px;
}
.buttons.small.icon04 > icon { background-position: -73.44px -244.8px;
}
.buttons.small.iconX2 > icon { background-position: -97.92px -244.8px;
}
.buttons.small.iconDot > icon { background-position: -122.4px -244.8px;
}
.buttons.small.iconAccept > icon { background-position: -146.88px -244.8px;
}
.buttons.small.iconEventBottom > icon { background-position: 0px -269.28px;
}
.buttons.small.iconEventTop > icon { background-position: -24.48px -269.28px;
}
.buttons.small.iconEventTextLeft > icon { background-position: -48.96px -269.28px;
}
.buttons.small.iconEventTextCenter > icon { background-position: -73.44px -269.28px;
}
.buttons.small.iconEventTextRight > icon { background-position: -97.92px -269.28px;
}
.buttons.small.iconEventBox > icon { background-position: -122.4px -269.28px;
}
.buttons.small.iconEventLines > icon { background-position: -146.88px -269.28px;
}
.buttons.small.iconEventCircleLines > icon { background-position: -171.36px -269.28px;
}
.buttons.small.iconEventVertBox > icon { background-position: -195.84px -269.28px;
}
.buttons.small.iconEventVertLine > icon { background-position: -220.32px -269.28px;
}
.buttons.small.iconEventCircle > icon { background-position: -244.8px -269.28px;
}
.buttons.small.iconPeriodRect > icon { background-position: 0px -293.76px;
}
.buttons.small.iconPeriodRectTop > icon { background-position: -24.48px -293.76px;
}
.buttons.small.iconPeriodApprox > icon { background-position: -48.96px -293.76px;
}
.buttons.small.iconPeriodApproxLeft > icon { background-position: -73.44px -293.76px;
}
.buttons.small.iconPeriodApproxRight > icon { background-position: -97.92px -293.76px;
}
.buttons.small.iconPeriodApproxTop > icon { background-position: -122.4px -293.76px;
}
.buttons.small.iconPeriodBrackets > icon { background-position: -146.88px -293.76px;
}
.buttons.small.iconPeriodFill > icon { background-position: -171.36px -293.76px;
}
.buttons.small.iconPeriodThin > icon { background-position: -195.84px -293.76px;
}
.buttons.small.iconLogoFullGray > icon { background-position: 0px -318.24px; width: 195.84px;
}
.buttons.small.iconLogoFull > icon { background-position: -195.84px -318.24px; width: 195.84px;
}
.buttons.small.iconLogoGray > icon { background-position: 0px -342.72px;
}
.buttons.small.iconLogoGrayText > icon { background-position: -24.48px -342.72px; width: 220.32px;
}
.buttons.small.iconSocialFb > icon { background-position: 0px -367.2px;
}
.buttons.small.iconSocialInsta > icon { background-position: -24.48px -367.2px;
}
.buttons.small.iconSocialTwit > icon { background-position: -48.96px -367.2px;
}
.buttons.small.iconSocialYtube > icon { background-position: -73.44px -367.2px;
}
.buttons.small.iconSocialVk > icon { background-position: -97.92px -367.2px;
}
.buttons.small.iconSocialIn > icon { background-position: -122.4px -367.2px;
}
.buttons.small.iconSocialReddit > icon { background-position: -146.88px -367.2px;
}
.buttons.small.iconSocialGoogle > icon { background-position: -171.36px -367.2px;
}
.buttons.small.iconDropbox > icon { background-position: -195.84px -367.2px;
}
.buttons.small.iconGoogleDrive > icon { background-position: -220.32px -367.2px;
}
.buttons.small.iconTelegram > icon { background-position: -244.8px -367.2px;
}
.buttons.small.iconYoutube > icon { background-position: -269.28px -367.2px;
}
.buttons.small.iconVimeo > icon { background-position: -293.76px -367.2px;
}
.buttons.small.iconFacebook > icon { background-position: -318.24px -367.2px;
}
.buttons.small.iconLinkedin > icon { background-position: -342.72px -367.2px;
}
.buttons.small.icEvent > icon { background-position: 0px -391.68px;
}
.buttons.small.icPeriod > icon { background-position: -24.48px -391.68px;
}
.buttons.small.icProgress > icon { background-position: -48.96px -391.68px;
}
.buttons.small.icStats > icon { background-position: -73.44px -391.68px;
}
.buttons.small.icEarth > icon { background-position: -97.92px -391.68px;
}
.buttons.small.icApi > icon { background-position: -122.4px -391.68px;
}
.buttons.small.icGroup > icon { background-position: -146.88px -391.68px;
}
.buttons.small.icMultistats > icon { background-position: -171.36px -391.68px;
}
.buttons.small.icAnalytics > icon { background-position: -195.84px -391.68px;
}
.buttons.small.icCalendar > icon { background-position: -220.32px -391.68px;
}
.buttons.small.icExcel > icon { background-position: -244.8px -391.68px;
}
.buttons.small.icfJpg > icon { background-position: 0px -416.16px;
}
.buttons.small.icfPng > icon { background-position: -24.48px -416.16px;
}
.buttons.small.icfPdf > icon { background-position: -48.96px -416.16px;
}
.buttons.small.icfDoc > icon { background-position: -73.44px -416.16px;
}
.buttons.small.icfPpt > icon { background-position: -97.92px -416.16px;
}
.buttons.small.icfXsl > icon { background-position: -122.4px -416.16px;
}
.buttons.small.icfZip > icon { background-position: -146.88px -416.16px;
}
.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: 12px;
}
.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 3px, transparent 0, transparent 6px); background-color: transparent; position: absolute; left: 0; right: 0; bottom: 1.2px; width: auto; height: 1.44px; display: flex; content: "";
}
.buttons.dashed .text:hover::before { height: 0;
}
.buttons.onlyicons { padding: 0;
}
.buttons.onlyicons > icon { margin: 0;
}
.buttons.onlyicons .onlyicons { margin-left: -6px; 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: 30px; padding-right: 4px; border-radius: 5px; padding-left: 7px;
} .TextArea { height: 48px; overflow-y: auto; padding: 8px;
} .TextArea { background-image: none; width: 100%; height: 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: 24px; width: 29px;
}
.premiumPlans .value { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 200px; -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 { 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: 15px; top: 16px; bottom: auto; width: 38px;
}
.canvasControls .control { -webkit-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer; margin-bottom: 3px; width: 34px; height: 34px; 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: 6px; 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: 40px; height: 40px; margin: -18px; 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: 320px; display: flex; padding: 9px;
}
.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 { 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;
}
.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; margin-bottom: 3px; width: 33px; height: 33px;
}
.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: -69.12px -46.08px; position: relative; background-size: 460.8px; width: 23.04px; height: 23.04px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); background-repeat: no-repeat; display: block; position: absolute; right: 6px; top: 3px;
} .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; font-weight: 300;
}
.CommonListBox-Popup .label-selected:hover { color: #ffffff; background-color: #F86433; font-weight: 300;
} .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: 5px; 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: 400px; 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: 5px;
}
.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: 440px) { .CommonWindow .content { width: 100%; }
}
.LoginWindow .content { width: 330px;
}
.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: row; gap: 0; border-radius: 6px; overflow: hidden; width: 100%;
}
.LoginWindow .socials .SpriteIcon { display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 0; width: 50%; height: 48px; cursor: pointer;
}
.LoginWindow .socials .SpriteIcon.fbAuth { background-color: #3b5997; border-radius: 5px 0 0 5px;
}
.LoginWindow .socials .SpriteIcon.fbAuth icon { background-position: -374.4px -432px; position: relative; background-size: 576px; width: 28.8px; height: 28.8px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); 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 5px 5px 0;
}
.LoginWindow .socials .SpriteIcon.lnAuth icon { background-position: -483.84px -518.4px; position: relative; background-size: 691.2px; width: 34.56px; height: 34.56px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); 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;
}
.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: 5px 8px;
} .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: 5px; 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: -691.2px -230.4px; position: relative; background-size: 1152px; width: 57.6px; height: 57.6px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); 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: 366px;
}
.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 { 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 { z-index: 5;
}
.InformationWindow h4 { max-width: calc(100% - 36px); min-height: 12px;
}
.InformationWindow .content { width: 520px;
}
.InformationWindow .content > img { width: 100%; height: auto; 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 .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.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: 30px; 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: 5px; 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: 5px;
}
.SettingsTimelineWindow .delete { align-self: flex-end;
}
.SettingsTimelineWindow .privacySection { display: flex; align-items: start; justify-content: start; flex-direction: column; gap: 5px;
}
.SettingsTimelineWindow .privacySection > div { display: flex; align-items: center; justify-content: start; flex-direction: row; gap: 5px; 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: 181px; height: 90px; 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: 186px;
}
.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;
}
.PinOnMapWindow .TextBoxWrapper { flex-grow: 1;
}
.PinOnMapWindow .mapContainer { height: 250px;
} .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: 780px) { .ImageCropperWindow .container { flex-wrap: wrap; width: 480px; } .ImageCropperWindow .Settings { width: 480px; }
}
@media only screen and (max-width: 640px) { .InformationWindow .content { width: 100%; } .InformationWindow .media, .InformationWindow .map { width: 100%; }
}
@media only screen and (max-width: 540px) { .ImageCropperWindow .container { flex-wrap: wrap; width: 240px; } .ImageCropperWindow .Settings { width: 240px; }
}
.CommonPopupDesktop, .CommonPopupDesktopJs { z-index: 3; 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.2px 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 .title, .CommonPopupDesktopJs .header .title { height: 14.4px; font-weight: 660; display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: normal;
}
.CommonPopupDesktop .header .small, .CommonPopupDesktopJs .header .small { height: 14.4px; display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: normal;
} .CommonPopupMobileJsBackTransparent, .CommonPopupMobileBackTransparent { z-index: 3; 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: 3; 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: 36px; 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: 12px; 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: 5px; 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: 5px;
}
.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: -460.8px -115.2px; position: relative; background-size: 2304px; width: 115.2px; height: 115.2px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); background-repeat: no-repeat; display: block; align-self: center;
}
.NavigationTooltipWindow .mouse { background-position: -576px -115.2px; position: relative; background-size: 2304px; width: 115.2px; height: 115.2px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); 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: 5px; 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: 5px;
}
.StripePaymentWindow .processingInfo .text120n { margin-top: 3px;
}
.StripePaymentWindow form { align-self: center;
} .GoogleDriveExportWindow .done { background-position: -230.4px -115.2px; position: relative; background-size: 2304px; width: 115.2px; height: 115.2px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); 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: -691.2px -115.2px; position: relative; background-size: 2304px; width: 115.2px; height: 115.2px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); 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;
} .CreateOrganizationWindow .Switcher { margin-bottom: 10px;
}
.CreateOrganizationWindow .content { width: 450px;
}
.CreateOrganizationWindow .content > button { margin-top: 16px;
} .UserSocialActionUnlockDoneWindow .done { background-position: -230.4px -115.2px; position: relative; background-size: 2304px; width: 115.2px; height: 115.2px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); 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:after { width: 17px; height: 17px; background-color: transparent; border: 1px #ffffff solid;
}
.ExportImageSettingWindow .header { display: flex; background-color: #00b700; margin: -13px -13px 9px; padding: 9px; align-items: center; color: white; justify-content: flex-start;
}
.ExportImageSettingWindow .header .title { flex-grow: 1; white-space: nowrap; margin: 0 11px;
}
.ExportImageSettingWindow .header .exportType { border-radius: 50%; overflow: hidden; border: 1px #049d00 solid;
}
.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: 5px; 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%;
} .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 -374.4px; position: relative; background-size: 576px; width: 230.4px; height: 28.8px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); 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 { 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 { 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: 42px;
}
.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: 300px; max-width: 400px; margin-bottom: 20px;
}
.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%;
}
.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: 1; 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 .logo { background-position: -23.04px -322.56px; position: relative; background-size: 460.8px; width: 207.36px; height: 23.04px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); background-repeat: no-repeat; display: block;
}
.site-header .wrapper .left .logov2 { background-position: -184.32px -299.52px; position: relative; background-size: 460.8px; width: 184.32px; height: 23.04px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); 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 .userAccount .CommonPopupDesktop.profile .buttons { margin: 6px 0;
}
.site-header .userAccount .avatar { width: 19.9992px; height: 19.9992px; border-radius: 6px; margin-left: 3.9192px; margin-right: 4.3992px;
} .SessionUserPanelDesktop .content .header { display: flex; align-items: center; justify-content: start; flex-direction: column; gap: 0; align-self: center; margin-bottom: 6px;
}
.SessionUserPanelDesktop .content .header .hasAvatar { width: 30px; height: 30px; overflow: hidden; border-radius: 7px;
} .SessionUserPanelMobile .content .header { display: flex; align-items: center; justify-content: start; flex-direction: column; gap: 3px; align-self: center; margin-bottom: 15px;
}
.SessionUserPanelMobile .content .header .hasAvatar { width: 30px; height: 30px; overflow: hidden; border-radius: 7px;
} @media only screen and (max-width: 1024px) { .site-header { background-image: none; } .site-header .wrapper { gap: 12px; } .site-header .wrapper .right .userAccount .group { display: none; }
}
@media only screen and (max-width: 860px) { .site-header .wrapper .center > a { display: none; } .site-header .wrapper .center .headerMenuDots { position: relative; display: flex; }
}
@media only screen and (max-width: 768px) { .site-header { background-image: none; } .site-header .siteFlowMenuButton { margin-left: -12px; height: 48px; display: flex; align-items: center; justify-content: center; flex-direction: initial; gap: 0px; } .site-header .site-content { padding-right: 10px; } .site-header .wrapper .center .link_wrapper:nth-child(1) .link, .site-header .wrapper .center .link_wrapper:nth-child(2) .link, .site-header .wrapper .center .link_wrapper:nth-child(3) .link, .site-header .wrapper .center .link_wrapper:nth-child(4) .link { display: none; } .site-header .wrapper .center .dropdown_wrapper { padding: 1px 0 0 2px; } .site-header .wrapper .center .headerMenuDots { display: none; } .site-header .wrapper .right .N13 .text { display: none; } .site-header .wrapper .right .N13 .sub { display: block; }
}
@media only screen and (max-width: 640px) { .site-header { background-image: none; } .site-header .wrapper .center { display: none; } .site-header .wrapper .right .userAccount .group { display: none; }
}
@media only screen and (max-width: 540px) { .site-header .wrapper .left .logo { background-position: -14.4px -201.6px; position: relative; background-size: 288px; width: 129.6px; height: 14.4px; background-image: url(/public/v2/images/sprite/sprite.svg?v=393); background-repeat: no-repeat; display: block; } .site-header .wrapper .right .iconPen { font-size: 0; color: transparent; padding-right: 0; }
}
.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: 16px;
}
.siteFooter .siteFooterBlocks .siteFooterBlock { width: 33.333333333%;
}
.siteFooter .siteFooterBlocks .siteFooterBlock .title { height: 30px;
}
.siteFooter .siteFooterBlocks .about icons { margin: 0; max-width: 296px; margin-bottom: 16px;
}
.siteFooter .siteFooterBlocks .about .about-div { width: auto; margin-bottom: 16px; display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: 0; flex-wrap: wrap;
}
.siteFooter .siteFooterBlocks .about .about-div a { position: relative; display: flex; padding: 0; margin-right: 10px;
}
.siteFooter .siteFooterBlocks .about .___⁴ { width: auto; height: 24px; display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: normal;
}
.siteFooter .siteFooterBlocks .paycards .desc { max-width: 272px; margin-bottom: 16px; font-size: 100%; letter-spacing: -0.3px; line-height: 1.2; font-weight: 440; color: #0a0e22;
}
.siteFooter .siteFooterBlocks .paycards .images { max-width: none; margin-bottom: 16px; display: flex; align-items: normal; justify-content: normal; flex-direction: initial; gap: 4px;
}
.siteFooter .siteFooterBlocks .paycards .ssl { display: flex; align-items: center; justify-content: normal; flex-direction: initial; gap: 2px;
}
.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: 1024px) { .siteFooter .siteFooterBlocks .about { width: 36%; } .siteFooter .siteFooterBlocks .paycards { width: 36%; } .siteFooter .siteFooterBlocks .stars { width: 28%; }
}
@media only screen and (max-width: 1088px) { .siteFooter .siteFooterBlocks .about { width: 33%; } .siteFooter .siteFooterBlocks .about .about-div { width: auto; height: auto; flex-direction: column; align-items: start; }
}
@media only screen and (max-width: 933px) { .siteFooter .siteFooterBlocks .stars .write { align-items: start; }
}
@media only screen and (max-width: 768px) { .siteFooter .siteFooterBlocks { flex-wrap: wrap; gap: 24px; } .siteFooter .siteFooterBlocks .siteFooterBlock { flex: 1 1 auto; flex-basis: calc(50% - 24px); } .siteFooter .siteFooterBlocks .stars { flex-basis: calc(100% - 24px); }
}
@media only screen and (max-width: 520px) { .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 #timelineWrapper { position: relative;
}
.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: 5px; 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); /* --------------------------------------- aboutInfoBlock */ /* --------------------------------------- contributorsBlock */ /* --------------------------------------- attachmentsBlock */ /* --------------------------------------- commentsBlock */
}
.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 { 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 { 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 { 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: 5px;
}
.page-line .site-content .left .attachmentsBlock .itemsOfMedia { display: flex; align-items: start; justify-content: start; flex-direction: row; gap: 5px; 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: 5px;
}
.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 { 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 .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-all;
}
.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: 1024px) { .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: 520px) { .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: 640px) { .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: 480px) { .page-line .timelineActionsBlock { flex-wrap: wrap; gap: 0 !important; } .page-line .timelineActionsBlock > * { flex-basis: 50%; justify-content: start; }
}
@media only screen and (max-width: 430px) { .page-line .site-content .timelinesBlock .timelinePin { width: 100%; max-width: 100%; }
}