:root { --backgroundColor: #fff; --backgroundTransparentColor: rgba(255, 255, 255, 0.8); --sheetBackgroundColor: rgba(240, 240, 240, 0.8); --foregroundColor: #000; --thinRuleColor: rgba(0, 0, 0, 0.15); --headingsColor: #000; --headingsUnderlineColor: rgba(0, 0, 0, 0.15); --boldColor: #000; --boldUnderlineColor: rgba(0, 0, 0, 0.15); --linkColor: #0060a0; --linkUnderlineColor: rgba(0, 96, 160, 0.15); --linkColorVisited: #70a0b0; --linkUnderlineColorVisited: rgba(112, 160, 176, 0.15); --hoverColor: #b03000; --hoverUnderlineColor: rgba(176, 48, 0, 0.15); --tagColor: #556677; --tagUnderlineColor: rgba(0, 0, 0, 0.15); --adminColor: #009030; --adminUnderlineColor: rgba(0, 144, 48, 0.15); --engineTextColor: #a0a0a0; --engineTextUnderlineColor: rgba(160, 160, 160, 0.15); --markedTextBackground: #fffada; --markedImageBorderColor: #fff8b8; --inputBackgroundColor: #f0f0f0; --inputTextColor: #000; --imageBorderColor: #e8e8e8; --disabledColor: #cccccc; --activeColor: #ff3000; --verifiedColor: #009900; --errorColor: #b03000; --currentItemBackgroundColor: #e8e8e8; --windowBackgroundColor: #fff; --unsavedIndicatorColor: #b03000; --subscribeButtonBackground: rgba(231, 231, 231, .8); --subscribeButtonHoverBackground: rgba(212, 212, 212, .8); --subscribeButtonTextColor: #000; --maxWidth: 1280px; --marginTop: 48px; --marginLeft: 9%; --marginRight: 9%; --marginTopCompact: 16px; --marginLeftCompact: 4%; --marginRightCompact: 4%; --displayLogoMarginal: block; --displayLogo: none; --displayLogoCompact: block; --columnSpacing: 15px; --borderRadius: 6px; --logoTop: -20px; --logoSize: 40px; --blogTitleFontSize: 16px; --blogTitleLineHeight: 24px; --subHeadingFontSize: 26px; --subHeadingLineHeight: 32px; --pageHeadingFontSize: 36px; --pageHeadingLineHeight: 40px; --noteTitleFontSize: 36px; --noteTitleLineHeight: 40px; --noteTitleFavouriteFontSize: 36px; --noteTitleFavouriteLineHeight: 40px; --noteTextFontSize: 16px; --noteTextLineHeight: 24px; --smallFontSize: 12px; --smallLineHeight: 16px; --bigButtonFontSize: 20px; --bigButtonLineHeight: 28px; --mainFontFamily: system-ui, -apple-system, BlinkMacSystemFont, "SF UI Text", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; --noteMainFontFamily: inherit; --smallFontFamily: inherit; --time: .2s; --timeLong: .33s } @media(prefers-color-scheme: dark) { :root .e2-responds-to-dark-mode { --backgroundColor: rgb(32, 32, 32); --backgroundTransparentColor: rgba(32, 32, 32, .8); --sheetBackgroundColor: rgba(40, 40, 40, .8); --foregroundColor: rgb(192, 192, 192); --thinRuleColor: rgba(192, 192, 192, .25); --headingsColor: rgb(255, 255, 255); --headingsUnderlineColor: rgba(255, 255, 255, .25); --boldColor: var(--foregroundColor); --boldUnderlineColor: var(--thinRuleColor); --linkColor: rgb(0, 128, 212); --linkUnderlineColor: rgba(0, 128, 212, .25); --linkColorVisited: rgb(64, 96, 144); --linkUnderlineColorVisited: rgba(64, 96, 144, .25); --hoverColor: rgb(240, 64, 32); --hoverUnderlineColor: rgba(240, 64, 32, .25); --adminColor: rgb(76, 178, 110); --adminUnderlineColor: rgba(76, 178, 110, .25); --engineTextColor: rgb(128, 128, 128); --engineTextUnderlineColor: rgba(128, 128, 128, .25); --markedTextBackground: #443300; --markedImageBorderColor: #886600; --inputBackgroundColor: #404040; --inputTextColor: var(--foregroundColor); --imageBorderColor: #404040; --disabledColor: rgb(96, 96, 96); --activeColor: var(--headingsColor); --errorColor: rgb(240, 64, 32); --verifiedColor: rgb(64, 192, 32); --currentItemBackgroundColor: #303030; --windowBackgroundColor: #303030 } } * { box-sizing: border-box } body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, pre, table, thead, tbody, tr, th, td, img, pre, tt, code, form, input, textarea, select, button { margin: 0; padding: 0; outline: none; text-indent: 0; font-size: 100%; font-style: normal; font-weight: normal; text-align: left; vertical-align: baseline } body { background: var(--backgroundColor); color: var(--foregroundColor); margin: 0; padding: 0 } body, input, textarea, select, button { font-size: 16px; line-height: 24px; font-family: var(--mainFontFamily) } pre, tt, code, pre *, tt *, code * { font-family: "Consolas", "Courier New", monospace } pre, code { white-space: pre-wrap } sup, sub { position: relative; vertical-align: middle; font-size: 75%; font-weight: normal } sup { bottom: .5em } sub { top: .5em } hr { border: none; border-top: 1px var(--thinRuleColor) solid } mark { display: inline; background: var(--markedTextBackground); color: inherit } mark img { box-shadow: 0 0 0 4px var(--markedImageBorderColor) } img { border: 0 } table { empty-cells: show; border-spacing: 0; border-collapse: collapse } table, thead, tbody, tr, th, td { text-align: left; vertical-align: baseline } a { color: var(--linkColor); border-color: var(--linkUnderlineColor); transition-property: border-bottom, border-color, background, color, fill; transition-duration: var(--time); transition-timing-function: ease-out; text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid } a:visited { color: var(--linkColorVisited); border-color: var(--linkUnderlineColorVisited) } a:hover, a.hover { color: var(--hoverColor); border-color: var(--hoverUnderlineColor); transition: none } .common { margin: 0 auto; max-width: var(--maxWidth) } .flag { position: relative; width: 100%; padding: var(--marginTop) 0 60px } @media screen and (max-width: 1023px) { .flag { padding: var(--marginTopCompact) 0 48px } } .header-content { position: relative; display: flex; align-items: flex-start; justify-content: space-between; max-width: calc(100% - var(--marginRight) - var(--marginLeft)); margin: 0 auto } @media screen and (max-width: 1023px) { .header-content { margin: 0 var(--marginRightCompact) 0 var(--marginLeftCompact); max-width: calc(100% - var(--marginRightCompact) - var(--marginLeftCompact)) } } .header-description { max-width: calc(100% - var(--marginRight) - var(--marginLeft)) } .spotlight { position: absolute; top: -2px; right: 0; display: flex; white-space: nowrap } @media screen and (max-width: 1023px) { .spotlight { margin-top: 8px } } .logo-marginal { --logoMarginalHrzOffset: 20px; display: var(--displayLogoMarginal); position: absolute; left: calc(-1 * (var(--logoSize) + var(--logoMarginalHrzOffset) * 2)); top: 50%; transform: translateY(-50%); width: var(--logoSize); height: var(--logoSize); margin: 0 var(--logoMarginalHrzOffset) 0 } @media screen and (max-width: 1023px) { .logo-marginal { display: none } } .logo { display: var(--displayLogo); margin-bottom: 2px } @media screen and (max-width: 1023px) { .logo { display: var(--displayLogoCompact) } } .title { max-width: 480px; font-size: var(--blogTitleFontSize); line-height: var(--blogTitleLineHeight) } @media screen and (max-width: 1023px) { .title { max-width: none } } .title-inner { position: relative } .title h1 { margin: 0; font-weight: bold; font-size: inherit; line-height: inherit; color: var(--headingsColor) } .title h1 a, .title h1 a:visited { color: var(--headingsColor); border-color: var(--headingsUnderlineColor) } .title h1 a:hover, .title h1 a.hover { color: var(--hoverColor); border-color: var(--hoverUnderlineColor) } .title p { margin: 0 0 10px 0 } .content, .footer { margin: 0 var(--marginRight) 40px var(--marginLeft); width: calc(100% - var(--marginRight) - var(--marginLeft)) } .content { min-height: 320px; max-width: 100% } @media screen and (max-width: 1023px) { .content, .footer { margin: 0 var(--marginRightCompact) 40px var(--marginLeftCompact); width: calc(100% - var(--marginRightCompact) - var(--marginLeftCompact)) } } .engine { color: var(--engineTextColor) } .engine a, .engine a:link, .engine a:visited { color: var(--engineTextColor); border-color: var(--engineTextUnderlineColor) } .engine a:hover, .engine a:active { color: var(--hoverColor); border-color: var(--hoverUnderlineColor) } .e2-text .lead { transition-property: font-size, line-height, margin-bottom; transition-duration: var(--time); transition-timing-function: ease-out; font-size: var(--noteTextFontSize); line-height: var(--noteTextLineHeight); margin: 0 0 20px 0; max-width: 720px } .e2-note-favourite .e2-text .lead { font-size: 26px; line-height: 30px } .e2-text .loud { font-size: 26px; line-height: 34px; padding: 10px 0 10px 39px; margin: 20px 0 40px; border-left: 1px var(--thinRuleColor) solid; max-width: 720px } .e2-text .foot { margin: 0 0 10px; font-family: var(--smallFontFamily); font-size: var(--smallFontSize); line-height: var(--smallLineHeight); max-width: 720px } .e2-uploaded-images { margin: 0 0 -1em; line-height: 0 } .e2-uploaded-image { display: inline-block; vertical-align: top; position: relative; margin: 0 4px 4px 0; opacity: 1; outline: 1px var(--imageBorderColor) solid; transition: outline-color var(--timeLong) ease-out, opacity var(--timeLong) ease-out } .e2-uploaded-image:hover, .e2-uploaded-image.hover { outline-color: var(--hoverColor); transition: none } .e2-uploaded-image_deleting, .e2-uploaded-image_deleting:hover, .e2-uploaded-image_deleting.hover { outline: 1px transparent solid; opacity: .5; cursor: default; pointer-events: none; transition-duration: var(--timeLong); transition-timing-function: ease-out; transition-property: outline-color, opacity, margin } .e2-uploaded-image_deleted { opacity: 0; margin: 0 } .e2-uploaded-image-inner { position: relative } .e2-uploaded-image-inner img { display: block } .e2-uploaded-image-noimage { display: inline-block; vertical-align: top; width: 80px; height: 80px; position: relative; overflow: hidden } .e2-uploaded-image-noimage:before, .e2-uploaded-image-noimage:after { content: ""; position: absolute; top: 0; width: 142%; border-top: 1px solid var(--imageBorderColor) } .e2-uploaded-image-noimage:before { left: 0; transform: rotate(45deg); transform-origin: top left } .e2-uploaded-image-noimage:after { right: 0; transform: rotate(-45deg); transform-origin: top right } .e2-uploaded-image_broken.e2-uploaded-image_deleting, .e2-uploaded-image_broken.e2-uploaded-image_deleting:hover, .e2-uploaded-image_broken.e2-uploaded-image_deleting.hover { outline: 1px var(--imageBorderColor) solid } .e2-uploaded-image_deleting .e2-uploaded-image-inner img, .e2-uploaded-image_deleting .e2-uploaded-image-noimage { transition-duration: var(--timeLong); transition-timing-function: ease-out; transition-property: width, height } .e2-uploaded-image_deleted .e2-uploaded-image-inner img, .e2-uploaded-image_deleted .e2-uploaded-image-noimage { width: 0; height: 0 } .e2-uploaded-image-popup-menu { position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .e2-template-selector_hidden { display: block } .e2-template-preview, .e2-draft-preview { width: 100px; display: inline-block; vertical-align: top; margin: 0 3% 0 0 } .e2-template-preview { padding: 120px 0 0; text-align: left; margin-bottom: 12px; position: relative } .e2-template-preview-link { visibility: hidden } .e2-template-preview-link_visible { visibility: visible } .e2-template-preview__input { vertical-align: baseline } .e2-template-selector_interactive .e2-template-preview__input { position: absolute; bottom: 0; left: 0; visibility: hidden } .e2-template-preview-image { transition-property: outline-color; transition-duration: var(--time); transition-timing-function: ease-out; outline: 1px var(--thinRuleColor) solid } .e2-template-selector_interactive .e2-template-preview:hover, .e2-template-selector_interactive .e2-template-preview.hover { cursor: pointer } .e2-template-preview:hover .e2-template-preview-image, .e2-template-preview.hover .e2-template-preview-image { outline-color: var(--hoverColor); transition: none } .e2-template-preview:hover .e2-admin-link, .e2-template-preview.hover .e2-admin-link { color: var(--hoverColor); border-color: var(--hoverUnderlineColor); transition: none } .e2-template-selector_interactive .e2-template-preview_current:hover, .e2-template-selector_interactive .e2-template-preview_current.hover { cursor: default } .e2-template-selector_interactive .e2-template-preview_current .e2-template-preview-image, .e2-template-selector_interactive .e2-template-preview_current .e2-template-preview-image, .e2-template-selector_interactive .e2-template-preview_current:hover .e2-template-preview-image, .e2-template-selector_interactive .e2-template-preview_current.hover .e2-template-preview-image, .e2-template-preview__input:checked+.e2-template-name+.e2-template-preview-image { outline-color: var(--foregroundColor) } .e2-template-selector_interactive .e2-template-preview_current .e2-template-name, .e2-template-preview__input:checked+.e2-template-name { color: var(--boldColor); font-weight: bold } .e2-template-selector_interactive .e2-template-preview_current .e2-pseudolink, .e2-template-selector_interactive .e2-template-preview_current:hover .e2-pseudolink, .e2-template-selector_interactive .e2-template-preview_current .e2-pseudolink:hover, .e2-template-selector_interactive .e2-template-preview_current.hover .e2-pseudolink, .e2-template-selector_interactive .e2-template-preview_current .e2-pseudolink.hover, .e2-template-preview__input:checked+.e2-template-name .e2-pseudolink, .e2-template-preview__input:checked+.e2-template-name .e2-pseudolink:hover { color: var(--boldColor); font-weight: bold; border-color: transparent; cursor: default; transition: none } .e2-draft-preview { min-height: 160px; margin-bottom: 1.4em; font-family: var(--smallFontFamily); font-size: var(--smallFontSize); line-height: var(--smallLineHeight) } .e2-draft-preview-box { position: relative; width: 100px; height: 120px; margin-bottom: 8px; outline: 1px var(--backgroundColor) solid; transition-property: outline-color; transition-duration: var(--time); transition-timing-function: ease-out; text-align: left; color: var(--inputTextColor); background: var(--inputBackgroundColor) } .e2-draft-preview-box .e2-unsaved-led { position: absolute; top: -5px; right: -5px } .e2-draft-preview-content { height: 120px; overflow: hidden } .e2-draft-preview-content img { display: block; max-width: 100px } .e2-draft-preview-text { margin: 4px 8px 0 4px; width: 88px; font-size: 9px; line-height: 12px } .e2-draft-preview a { padding-top: 10px } .e2-draft-preview a:hover .e2-draft-preview-box, .e2-draft-preview a.hover .e2-draft-preview-box { outline-color: var(--hoverColor); transition: none } .e2-draft-preview-box u { text-decoration: none } .e2-draft-preview-author-picture { position: absolute; right: -5px; top: -5px } .e2-draft-preview-author-picture img { width: 24px; height: 24px; border-radius: 12px } .e2-notes-unsaved { display: none; margin-bottom: 35px } .e2-upload-controls { margin: 12px 0 0; position: relative } .e2-upload-controls_hidden { display: none } .e2-upload-controls-attach { display: block; width: 40px; height: 40px; margin: -12px 0 0 -12px; position: relative; cursor: pointer } .e2-upload-controls-attach_hidden { display: none } .e2-upload-controls-attach-icon { display: block; width: 40px; height: 40px; cursor: pointer } .e2-upload-controls-attach-label { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; cursor: pointer } .e2-upload-controls-attach-input { position: absolute; top: 40px; left: 40px; opacity: 0; cursor: pointer } .e2-upload-controls-uploading { width: 40px; height: 40px; margin: -12px 0 0 -12px; position: relative } .e2-upload-controls-uploading_hidden { display: none } .e2-visual-login { color: var(--adminColor); opacity: .25 } .e2-error { color: var(--errorColor) } .e2-unsaved-led { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--unsavedIndicatorColor) } .admin-menu { position: relative; height: 32px; overflow: hidden; white-space: nowrap; font-size: 14px; line-height: 20px; color: var(--disabledColor) } .admin-icon { position: relative; margin: 0 4px } .e2-admin-item { position: relative } .e2-admin-item-icon { position: absolute; top: 12px; left: 12px; width: 16px; height: 16px; line-height: 0 } .e2-admin-item-text { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; text-indent: -100em } @media screen and (max-width: 1023px) { .admin-icon { margin: 0 12px } } .e2-admin-menu-item-frame { border: var(--adminColor) 1px solid; border-radius: var(--borderRadius) } .e2-admin-link+.e2-unsaved-led { margin-left: .1em; vertical-align: .2em } .e2-notes-unsaved p .e2-admin-link+.e2-unsaved-led { margin-left: .3em } .admin-icon .e2-unsaved-led { position: absolute; right: -4px; top: -3px } .admin-links-sticky .e2-unsaved-led { right: 7px; top: -5px } .admin-icon span>.e2-svgi>.e2-unsaved-led { opacity: 0 } .admin-links-floating { float: right; white-space: nowrap; margin-left: 16px } .admin-links-floating+.search-field { margin-left: 16px } .admin-links-sticky { position: -webkit-sticky; position: sticky; top: 48px } .admin-links a, .admin-links a:link, .admin-links a:active, .admin-links a:visited { color: var(--adminColor); border-color: var(--adminUnderlineColor) } .admin-links a.delete { color: #933; border-color: rgba(153, 51, 51, .15) } .admin-links a:hover, .admin-links a.hover { color: var(--hoverColor); border-color: var(--hoverUnderlineColor); transition: none } .e2-admin-link, .e2-pseudolink.e2-admin-link, .e2-admin-link:visited, .e2-pseudolink.e2-admin-link:visited { color: var(--adminColor); border-color: var(--adminUnderlineColor) } .e2-admin-link:hover, .e2-admin-link.hover { color: var(--hoverColor); border-color: var(--hoverUnderlineColor); transition: none } a.admin-menu-comments-count, a.admin-menu-comments-count:link, a.admin-menu-comments-count:active, a.admin-menu-comments-count:visited { background: var(--adminColor); min-width: 17px; height: 17px; display: inline-block; vertical-align: middle; border-radius: 10px; color: #fff; font-size: 10px; line-height: 16px; text-align: center; padding: 0 .33em } a.admin-menu-comments-count:hover, a.admin-menu-comments-count.hover { background: var(--hoverColor); color: #fff } .e2-heading { margin-bottom: 40px } .e2-heading h2 { margin: 0 0 8px 0; font-weight: bold; font-size: var(--pageHeadingFontSize); line-height: var(--pageHeadingLineHeight); color: var(--headingsColor) } .e2-heading input { font-size: 15px } .e2-heading .admin-links-floating { margin-top: calc((var(--pageHeadingLineHeight) - 24) / 2) } .e2-heading-meta { margin: 0 0 40px 0; width: 100%; border: none; font-family: var(--smallFontFamily); font-size: var(--smallFontSize); line-height: var(--smallLineHeight) } .e2-heading-gallery+.e2-heading-meta { border-top: 1px var(--thinRuleColor) solid; padding: 8px 0 } .e2-heading-description { font-size: var(--noteTextFontSize); line-height: var(--noteTextLineHeight); margin: 0 0 16px 0 } .e2-year-months, .e2-month-days { font-family: var(--smallFontFamily); font-size: var(--smallFontSize); line-height: var(--smallLineHeight); margin: 12px -4px 0 } .e2-year-month, .e2-month-day { padding: 4px } .e2-nothing { margin: 0 0 60px } .e2-month-day-current { background: var(--currentItemBackgroundColor); border-radius: 3px } .e2-period-unavailable { color: var(--disabledColor) } .e2-section-heading { color: var(--headingsColor); font-size: 20px; line-height: 28px; font-weight: bold; margin: 0 0 8px 0 } .e2-search { white-space: nowrap } .e2-search-input .e2-search-input-input { cursor: pointer; -webkit-appearance: none; border-radius: 3px; width: 0; height: 28px; padding-left: 20px !important; padding-right: 0 !important; background-color: transparent } .e2-search-input { background-color: transparent } .e2-search-icon-placeholder { width: 16px; height: 24px } .e2-search-icon { position: absolute; color: var(--foregroundColor); width: 16px; height: 24px } .e2-search-icon:hover { color: var(--hoverColor); cursor: pointer } .e2-search-icon-focus, .e2-search-icon-focus:hover { cursor: text; color: var(--inputTextColor) } .e2-search-input .e2-search-input-input, .e2-search-input .e2-search-input-input:focus { transition-property: width, padding-left, padding-right, left, right, transform; transition-duration: var(--time); transition-timing-function: ease-out } .e2-search-input .e2-search-input-input:focus { background-color: var(--inputBackgroundColor); color: var(--inputTextColor); cursor: text; width: 10em; padding-left: 24px !important; padding-right: 4px !important } .e2-search-tags { color: var(--disabledColor); margin-left: 12px } @media screen and (max-width: 1023px) { .e2-search-tags { margin-left: 16px } } .e2-search-tags a { color: var(--foregroundColor) } .e2-search-tags a.hover { color: var(--hoverColor) } .e2-heading .e2-search { position: relative } .e2-heading .e2-search form { display: inline-block; margin: 0 0 8px 0 } .e2-heading .e2-search-input .e2-search-input-input { position: relative } .e2-heading .e2-search-input { top: -2px; position: relative } .e2-heading .e2-search-icon-placeholder { display: none } .e2-heading .e2-search-icon { top: 0; left: 4px; transition-duration: var(--time); transition-timing-function: ease-out; cursor: text; color: var(--inputTextColor) } .e2-heading .e2-search-icon:hover { transition: none } .e2-heading .e2-search-input .e2-search-input-input, .e2-heading .e2-search-input .e2-search-input-input:focus { cursor: text; width: 600px; height: 36px; padding-left: 24px !important; padding-right: 4px !important; background-color: var(--inputBackgroundColor); transition: none } @media screen and (max-width: 735px) { .e2-heading .e2-search form, .e2-heading .e2-search-input .e2-search-input-input, .e2-heading .e2-search-input .e2-search-input-input:focus { width: 100% } } .search-field { --searchFieldMaxWidth: 240px; display: inline-flex; width: 20px; height: 28px } .search-field__label { position: absolute; z-index: 1 } .search-field__input { box-sizing: border-box; position: absolute; margin-left: auto; pointer-events: none; cursor: pointer; -webkit-appearance: none; border-radius: 3px; width: var(--searchFieldMaxWidth); transform: scaleX(0); height: 28px; padding-left: 20px !important; padding-right: 0 !important; line-height: 1; background-color: var(--inputBackgroundColor) !important } .search-field__input, .search-field__input:focus, .search-field__input_focused { transition-property: padding-left, padding-right, transform !important; transition-duration: .33s !important; transition-timing-function: ease-out !important; outline: none } .search-field__input:focus, .search-field__input_focused { color: var(--inputTextColor); cursor: text; transform: scaleX(1); padding-left: 24px !important; padding-right: 24px !important; pointer-events: auto } .search-field__input:focus+.search-field__zoom-icon, .search-field__input_focused+.search-field__zoom-icon { transition-property: left, transform; transition-duration: .33s; transition-timing-function: ease-out } .search-field__input:focus~.search-field__tags-icon, .search-field__input_focused~.search-field__tags-icon { z-index: 1; opacity: 1; pointer-events: all } .search-field__zoom-icon { display: inline-block; width: 16px; height: 16px; position: relative; margin-top: 3px; color: var(--foregroundColor) } .search-field__zoom-icon:hover { color: var(--hoverColor); cursor: pointer } .search-field__zoom-icon_focused, .search-field__zoom-icon_focused:hover { cursor: text; color: var(--inputTextColor) } .search-field__tags-icon { position: absolute; z-index: -1; top: 0; bottom: 0; display: flex; height: 28px; margin-left: -4px; padding-top: 7px; opacity: 0; color: var(--linkColor); transition-property: opacity, transform; transition-duration: .33s; transition-timing-function: ease-out; pointer-events: none } .search-field__tags-icon:active { z-index: 1; pointer-events: auto } .search-field__tags-icon.hover { color: var(--hoverColor) } .search-field-right-anchored .search-field__input { margin-right: -16px; right: 0; transform-origin: 100% 50% } .search-field-right-anchored .search-field__input:focus+.search-field__zoom-icon, .search-field-right-anchored .search-field__input_focused+.search-field__zoom-icon { transform: none } .search-field-right-anchored .search-field__zoom-icon { margin-left: calc(-1 * var(--searchFieldMaxWidth) + 20px); transform: translateX(var(--searchFieldMaxWidth)) translateX(-20px) } .search-field-left-anchored .search-field__input { left: 0; transform-origin: 0 50%; margin-left: -4px } .search-field-left-anchored .search-field__input:focus~.search-field__tags-icon, .search-field-left-anchored .search-field__input_focused~.search-field__tags-icon { transform: translateX(var(--searchFieldMaxWidth)) translateX(-20px) } .e2-note, .e2-note-list, .e2-note-splitter { margin: 0 0 60px } .e2-note h1 { transition-property: font-size, line-height; transition-duration: var(--time); transition-timing-function: ease-out; color: var(--headingsColor); font-size: var(--noteTitleFontSize); line-height: var(--noteTitleLineHeight); font-weight: bold; max-width: 720px; margin: 0 0 8px; padding-right: 25px; word-break: break-word; word-wrap: break-word } .e2-note h1 a, .e2-note h1 a:visited { color: var(--headingsColor); border-color: var(--headingsUnderlineColor) } .e2-note h1 a:hover, .e2-note h1 a.hover { color: var(--hoverColor); border-color: var(--hoverUnderlineColor) } .e2-nonpublic-label { display: table-cell; font-family: var(--smallFontFamily); font-size: var(--smallFontSize); line-height: var(--smallLineHeight); font-weight: normal; border-radius: 3px; background: var(--headingsColor); color: var(--backgroundColor); padding: 1px 5px; position: relative; top: -2px } .e2-note-favourite-title:after { content: "в�…"; position: absolute; display: inline-block; margin-left: .33em; margin-top: .07em; font-size: 80% } .e2-note .admin-links-floating { margin-top: -3px; z-index: 100; transition-property: margin-top; transition-duration: .25s; transition-timing-function: ease-out; background: var(--backgroundColor); padding: 5px 0 5px 8px; border-radius: 30px 0 0 30px } .e2-note-author-picture img { width: 40px; height: 40px; border-radius: 20px } .e2-note-author-name { font-size: var(--noteTextFontSize); line-height: var(--noteTextLineHeight); color: var(--boldColor); font-weight: bold; margin: 0 0 4px 0 } .e2-note-text { font-size: var(--noteTextFontSize); line-height: var(--noteTextLineHeight); margin: 0 0 16px 0 } .e2-note-text p, .e2-note-text ul, .e2-note-text ol, .e2-note-text li, .e2-note-text blockquote, .e2-note-text .e2-text-calliope-formatted { font-family: var(--noteMainFontFamily) } .e2-note-likes { font-size: 0; margin: 0 0 10px 0 } .e2-note-subscribe-button, .e2-note-subscribe-button:visited { display: none; background: var(--subscribeButtonBackground); color: var(--subscribeButtonTextColor); transition: background var(--time) ease-out, color var(--time) ease-out, fill var(--time) ease-out; line-height: 20px; font-size: 14px; border-radius: 3px; border: 0; height: 22px; margin: 0 10px 10px 0; vertical-align: top; padding: 1px 8px } .e2-note-subscribe-button:hover, .e2-note-subscribe-button.hover { background: var(--subscribeButtonHoverBackground); color: var(--subscribeButtonTextColor) } .e2-note-subscribe-button-visible { display: inline-block } .e2-note-meta { margin: 0 0 6px 0; font-size: var(--smallFontSize); line-height: var(--smallLineHeight); font-family: var(--smallFontFamily) } .e2-note-publish-preview { width: 50%; background: var(--sheetBackgroundColor); border-radius: var(--borderRadius); padding: 12px; margin-bottom: 24px } .e2-note-publish-preview .e2-note-thumbs { white-space: nowrap; overflow: scroll; -ms-overflow-style: none } .e2-note-publish-preview .e2-note-thumbs::-webkit-scrollbar { display: none } @media screen and (max-width: 735px) { .e2-note-publish-preview { width: 100% } } .e2-note-snippet { margin: 0 0 40px; font-size: var(--noteTextFontSize); line-height: var(--noteTextLineHeight) } .e2-note-snippet:last-child { margin: 0 } .e2-note-snippet h1 { color: var(--headingsColor); font-size: 100%; line-height: inherit; font-weight: bold; max-width: 720px; padding-right: 25px; margin: 0; word-break: break-word; word-wrap: break-word } .e2-note-snippet h1 a, .e2-note-snippet h1 a:visited { padding-top: .4em; color: var(--headingsColor); border-color: var(--headingsUnderlineColor) } .e2-note-snippet h1 a:hover, .e2-note-snippet h1 a.hover { color: var(--hoverColor); border-color: var(--hoverUnderlineColor) } .e2-note-snippet p { max-width: 720px; margin: 0 0 4px 0 } .e2-note-thumbs { padding-bottom: 4px; margin: 0 } .e2-note-thumb { display: inline-block; margin: 0 4px 4px 0; vertical-align: bottom } .e2-note-thumb img { display: block } .e2-note-thumb-dimmed { opacity: .4 } .e2-note-visibility-toggle { margin: 0 0 20px } .e2-note-hidden h1, .e2-note-hidden article, .e2-note-hidden .e2-note-snippet-text { color: var(--disabledColor) } .e2-note-list .e2-note-hidden { opacity: .2 } .e2-comments { word-wrap: break-word } .e2-comments-toggle { margin: 0 0 20px } .e2-comment { margin: 0 0 20px; min-height: 44px; position: relative } .e2-comment.e2-reply { margin-left: 48px } .e2-comment:after { content: ""; display: block; clear: both } .e2-comment-userpic-area { position: absolute; top: 4px; left: 0; width: 40px; height: 40px } .e2-comment-userpic-area-inner { width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 50% } .e2-comment-userpic-area-inner-link { display: inline-block; vertical-align: top; width: 100%; height: 100% } .e2-comment-userpic-area-inner__img { position: absolute; top: 0; left: 0; width: 100% } .e2-comment-userpic-area-inner-placeholder { position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .e2-comment-userpic-area-inner-placeholder svg { width: 100%; height: 100%; fill: var(--foregroundColor); stroke: var(--foregroundColor) } .e2-comment-content-area { margin: 0 40px 0 48px } .e2-comment-control-area { position: absolute; top: 0; right: 0; width: 40px; min-height: 1px } .e2-comment-control-area-actions { width: 40px; height: 40px } .e2-comment-author { color: var(--boldColor); font-weight: bold } .e2-comment-author-removed { text-decoration: line-through; color: var(--errorColor) } .e2-comment-author-removed span { color: var(--disabledColor) } .e2-comments-hidden .e2-section-heading, .e2-comments-hidden .e2-comment-author, .e2-comments-hidden .e2-comment { color: var(--disabledColor) } .e2-comment-date { margin: 0 0 6px 0; font-family: var(--smallFontFamily); font-size: var(--smallFontSize); line-height: var(--smallLineHeight) } .e2-comment-piece-marked { background: var(--markedTextBackground); border-radius: 2px } .e2-comment-piece-marked.e2-comment-author-removed { background: initial; border-radius: initial } .e2-spam, .e2-spam * { color: #b96 } .e2-pages { margin-bottom: 40px } .e2-pages-prev-next { width: 100%; border: none; display: grid; grid-gap: 24px 20px; grid-template-columns: 1fr 1fr; font-family: var(--smallFontFamily); font-size: var(--smallFontSize); line-height: var(--smallLineHeight) } .e2-pages-prev-next { border-top: 1px var(--thinRuleColor) solid; padding: 8px 0 } .e2-pages-prev-next a, .e2-pages-prev-next a:visited { color: var(--headingsColor); border-color: var(--headingsUnderlineColor) } .e2-pages-prev-next a:hover, .e2-pages-prev-next a.hover { color: var(--hoverColor); border-color: var(--hoverUnderlineColor) } .e2-pages a { padding-top: .4em } .e2-page-unavailable { color: var(--disabledColor) } .e2-pages-prev .e2-keyboard-shortcut, .e2-pages-next .e2-keyboard-shortcut { display: block; padding: 0 } .e2-text { overflow-wrap: break-word } .e2-text h2, .e2-text h3 { color: var(--headingsColor); font-size: 100%; line-height: inherit; margin: 36px 0 10px 0 } .e2-text h2 { font-weight: bold } .e2-text h3 { font-style: italic } .e2-text hr { margin: 26px 0 16px 0 } .e2-text b { color: var(--boldColor) } .e2-text h2+h3, .e2-text h2:first-child, .e2-text h3:first-child { margin-top: 0 } .e2-text-generic-object, .e2-text-table, .e2-text-code, .e2-text p, .e2-text ul, .e2-text ol, .e2-text li, .e2-text blockquote { margin: 0 0 10px 0 } .e2-text p, .e2-text ul, .e2-text ol, .e2-text li, .e2-text pre, .e2-text blockquote, .e2-text-audio, .e2-text-calliope-formatted { max-width: 720px } .e2-text-code, .e2-text ul, .e2-text ol, .e2-text blockquote { padding: 0 0 0 40px; } .e2-text blockquote { background-color: var(--markedTextBackground); background-image: url(https://burmistrovtarget.ru/themes/goose/images/quote-ru.png); background-repeat: no-repeat; min-height: 64px; padding-left: 64px; } .e2-text p+ul, .e2-text p+ol { margin-top: -10px } .e2-text ul li { list-style-type: square; } .e2-text th, .e2-text td { padding: 0 var(--columnSpacing) 10px 0 } .e2-text th { font-weight: bold; color: var(--headingsColor) } .e2-text-picture, .e2-text-picture.fotorama, .e2-text-video, .e2-text-audio { margin: 0 0 20px 0 } .e2-text-picture a { position: relative } .e2-text-picture a img { border-style: solid } .e2-text-picture a.e2-text-picture-link { max-width: 100%; display: inline-block; border: none } .e2-text-picture a img { box-sizing: content-box; border-width: 1px; margin: -1px } .e2-text-picture a img { border-color: var(--imageBorderColor); transition-property: border-color; transition-duration: var(--time); transition-timing-function: ease-out } .e2-text-picture a img { border-color: var(--imageBorderColor) } .e2-text-picture a:hover img, .e2-text-picture a.hover img { border-color: var(--hoverColor); transition: none } .e2-jouele-wrapper { background: var(--backgroundColor) } .e2-text-proportional-wrapper { width: 100%; height: 0; position: relative } .e2-text-proportional-wrapper img, .e2-text-proportional-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 } .e2-text-caption { margin: 6px 0 12px 0; font-family: var(--smallFontFamily); font-size: var(--smallFontSize); line-height: var(--smallLineHeight) } @media screen and (max-width: 1023px) { .e2-text-code, .e2-text ul, .e2-text ol, .e2-text blockquote { padding-left: 8%; } .e2-text blockquote { background: var(--markedTextBackground); background-image: url(https://burmistrovtarget.ru/themes/goose/images/quote-ru.png); background-repeat: no-repeat; min-height: 64px; padding-left: 64px; } .e2-text-block-quote, .e2-text-block-cap { padding-left: calc(8% - 1px) } } @media screen and (max-width: 1023px) { .e2-text-generic-object, .e2-text-table, .e2-text-code, .e2-text-picture, .e2-text-picture.fotorama, .e2-text-video { overflow: auto } } a.e2-tag, a:link.e2-tag, a:visited.e2-tag { color: var(--tagColor); border-color: var(--tagUnderlineColor) } a.e2-tag-hidden, a:link.e2-tag-hidden, a:visited.e2-tag-hidden { opacity: .2 } a:hover.e2-tag, a.hover.e2-tag, a:active.e2-tag { color: var(--hoverColor); border-color: var(--hoverUnderlineColor) } .e2-tags { line-height: 2.25em; margin-bottom: 48px } .e2-tags .e2-tag { margin-right: 8px } .e2-notes-gallery { display: grid; grid-gap: 0 20px; grid-template-columns: repeat(4, 1fr); align-items: start } .e2-notes-gallery-2-rows { grid-template-rows: -webkit-max-content; grid-template-rows: max-content } .e2-notes-gallery-3-rows { grid-template-rows: -webkit-max-content -webkit-max-content; grid-template-rows: max-content max-content } .e2-notes-gallery-area { height: 100% } .e2-notes-gallery-area-vrule { border-right: 1px var(--thinRuleColor) solid } .e2-notes-gallery-area-hrule { border-bottom: 1px var(--thinRuleColor) solid } .e2-notes-gallery-item { margin-bottom: 24px } .e2-notes-gallery-image { display: block; padding-bottom: 8px; margin: 0 } .e2-notes-gallery-image img { display: block; width: auto; height: auto } .e2-notes-gallery-cover { width: 100%; height: 0; position: relative } .e2-notes-gallery-cover img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 } .e2-notes-gallery-item-sided-l, .e2-notes-gallery-item-sided-r { display: grid; grid-gap: 24px 20px; grid-template-columns: repeat(3, 1fr) } .e2-notes-gallery-item-sided-l .e2-notes-gallery-image { grid-area: 1/1 } .e2-notes-gallery-item-sided-l .e2-notes-gallery-text { grid-area: 1/2/1/4 } .e2-notes-gallery-item-sided-r .e2-notes-gallery-image { grid-area: 1/3 } .e2-notes-gallery-item-sided-r .e2-notes-gallery-text { grid-area: 1/1/1/3 } .e2-notes-gallery-item-sided-r .e2-notes-gallery-image { padding-left: 20px; padding-right: 0 } .e2-notes-gallery-area-vrule .e2-notes-gallery-item-sided-r .e2-notes-gallery-image { padding-left: 0; padding-right: 20px } .e2-notes-gallery-thumb img { max-width: 90px; max-height: 60px } .e2-notes-gallery-text { padding-right: 20px } .e2-notes-gallery-item-title { color: var(--headingsColor); margin: 0 0 6px 0 } .e2-notes-gallery-item-title-large { font-weight: bold; font-size: var(--subHeadingFontSize); line-height: var(--subHeadingLineHeight) } .e2-notes-gallery-item-title-jumbo { font-weight: normal; font-size: 82px; line-height: 78px; margin: -8px 0 4px 0; overflow: hidden; text-overflow: ellipsis; padding-bottom: 12px } .e2-notes-gallery-item-title a { padding-top: .4em } .e2-notes-gallery-item-title a, .e2-notes-gallery-item-title a:visited { color: var(--headingsColor); border-color: var(--headingsUnderlineColor) } .e2-notes-gallery-item-title a:hover, .e2-notes-gallery-item-title a.hover { color: var(--hoverColor); border-color: var(--hoverUnderlineColor) } .e2-notes-gallery-item-title+.e2-notes-gallery-item-summary { margin: -2px 0 6px 0 } .e2-notes-gallery-item-summary { margin: 0 0 6px 0 } .e2-notes-gallery-item-meta { margin: 0 0 6px 0; font-size: var(--smallFontSize); line-height: var(--smallLineHeight); font-family: var(--smallFontFamily) } @media screen and (max-width: 735px) { .e2-notes-gallery { display: block } .e2-notes-gallery-item { margin-bottom: 18px } .e2-notes-gallery-area { height: auto; margin-bottom: 24px; margin-bottom: 0 } .e2-notes-gallery-item-title-jumbo { font-weight: normal; font-size: 52px; line-height: 52px; padding-bottom: 8px } .e2-notes-gallery-area-vrule { border-right: none } .e2-notes-gallery-area-vrule .e2-notes-gallery-item-sided-r .e2-notes-gallery-image { padding-left: 20px; padding-right: 0 } .e2-notes-gallery-image { max-width: 90px } .e2-notes-gallery-text { max-width: 75% } .e2-notes-gallery-item-with-large-title .e2-notes-gallery-image { max-width: 270px } .e2-notes-gallery-item-with-large-title .e2-notes-gallery-text { max-width: initial } } input[type=text], input[type=number], input[type=password], input[type=search], textarea, select, .e2-button { font-family: inherit; font-size: inherit; border: none; padding: 6px; box-shadow: none; transition-property: background, border-color, box-shadow, fill; transition-duration: var(--time); transition-timing-function: ease-out } input[type=text], input[type=number], input[type=password], input[type=search], textarea, select { vertical-align: baseline; border: none; background: var(--inputBackgroundColor); color: var(--inputTextColor); border-radius: var(--borderRadius) } input[type=text].e2-livecheckable, input[type=number].e2-livecheckable, input[type=password].e2-livecheckable, input[type=search].e2-livecheckable, textarea.e2-livecheckable, select.e2-livecheckable { color: var(--inputTextColor) } input[type=text].e2-verified, input[type=number].e2-verified, input[type=password].e2-verified, input[type=search].e2-verified, textarea.e2-verified, select.e2-verified { color: var(--verifiedColor) } input[type=text].e2-wrong, input[type=number].e2-wrong, input[type=password].e2-wrong, input[type=search].e2-wrong, textarea.e2-wrong, select.e2-wrong { color: var(--errorColor) } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 } input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none } input[type=number] { -moz-appearance: textfield } textarea { resize: vertical; display: block } select { -webkit-appearance: none } input[type=checkbox], input[type=radio] { margin: 0 } input[type=text]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus, select:focus, .e2-button:focus { transition: none } select>.e2-button { display: none } .e2-button { display: inline-block; padding: 6px 16px; font-size: 16px; line-height: 24px; font-weight: normal; background: #f4f4f4; background: linear-gradient(to bottom, #f8f8f8 0%, #f0f0f0 100%); white-space: nowrap; text-align: center; text-decoration: none; cursor: pointer; box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0), inset 0 0 1px rgba(0, 0, 0, .5); border-radius: var(--borderRadius); color: #000 } .e2-button:visited, .e2-button:active, .e2-button:hover, .e2-button.hover { color: #000 } .e2-button:active, .e2-button:hover, .e2-button.hover { box-shadow: inset 0 0 100px rgba(0, 0, 0, .12), inset 0 0 1px rgba(0, 0, 0, .5) } .e2-button:hover, .e2-button.hover { transition: none } .e2-button:focus { box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, .2) } .e2-button:focus:hover, .e2-button:focus.hover { box-shadow: inset 0 0 100px rgba(0, 0, 0, .12), inset 0 0 0 1px rgba(0, 0, 0, .2) } .e2-button_transparent { border: 0; background: transparent; box-shadow: none; border-radius: 0; margin: 0; padding: 0; width: 100%; height: 100%; line-height: 0; text-align: left } .e2-button_transparent:active, .e2-button_transparent:hover, .e2-button_transparent.hover, .e2-button_transparent:focus, .e2-button_transparent:focus:hover, .e2-button_transparent:focus.hover { box-shadow: none } .e2-submit-button, .e2-delete-button { font-size: 16px; line-height: 24px; padding: 12px 24px; font-size: var(--bigButtonFontSize); line-height: var(--bigButtonLineHeight); padding: 16px 32px; font-weight: bold } .e2-submit-button { background: #e87840; background: linear-gradient(to bottom, #f88850 0%, #d86830 100%); color: #fff } .e2-submit-button:visited, .e2-submit-button:active, .e2-submit-button:hover, .e2-submit-button.hover { color: #fff } .e2-delete-button { background: #eaded8; background: linear-gradient(to bottom, #f4ece8 0%, #e0d0c8 100%); color: #000 } .e2-delete-button:visited, .e2-delete-button:active, .e2-delete-button:hover, .e2-delete-button.hover { color: #000 } .e2-button:disabled { color: rgba(0, 0, 0, .2); cursor: default; pointer-events: none } .e2-keyboard-shortcut { padding: 0 .5em; border-radius: 3px; text-decoration: none; font-family: var(--smallFontFamily); font-size: var(--smallFontSize); line-height: var(--smallLineHeight); visibility: hidden } .e2-keyboard-shortcut_visible { visibility: visible } .e2-button+.e2-keyboard-shortcut { margin-left: .67em; font-weight: normal } .e2-keyboard-shortcut:empty { display: none } .e2-clickable-keyboard-shortcut { opacity: 1; padding-left: 0; padding-right: 0; border-radius: 0; text-decoration: none; cursor: pointer; border-bottom-width: 1px; border-bottom-style: solid; border-color: inherit; border-bottom-style: dashed; color: var(--adminColor); border-color: var(--linkUnderlineColor); transition-property: border-bottom, border-color, background, color, fill; transition-duration: var(--time); transition-timing-function: ease-out } .e2-clickable-keyboard-shortcut:hover, .e2-clickable-keyboard-shortcut.hover { color: var(--hoverColor); border-color: var(--hoverUnderlineColor); transition: none } .e2-pseudolink { text-decoration: none; border-width: 0 0 1px 0; border-style: dashed; border-color: var(--thinRuleColor); transition-property: color, border-color; transition-duration: var(--time); transition-timing-function: ease-out } .e2-visual-login { display: inline-block; margin: 4px 0 } .e2-visual-login_hidden { visibility: hidden } .form { padding: 0 0 24px } .form-control, .form-subcontrol { display: block } .form-inner:after, .form-part:after, .form-control:after { content: ""; display: block; clear: both } .form-label { float: left; width: 17.07%; padding: 0 20px 0 0; line-height: 18px; margin-top: 2px; word-wrap: break-word } .form-label-sticky { position: -webkit-sticky; position: sticky; -webkit-font-smoothing: subpixel-antialiased; background: var(--backgroundColor); top: 6px } .form-element { margin-left: 17.07%; margin-bottom: 4px; width: 82.93% } .form-element-toggled_hidden { display: none } .form-control-sublabel { margin: 4px 0 8px; width: 82.93%; font-size: 14px; line-height: 20px } .form-part { padding: 0 0 24px 0 } .form-control { padding: 0 0 12px 0 } .form-label p { margin: 0 0 8px } .form-control .input-label { margin-top: 8px } .form-control .disabled { color: #999 } .form-control-big .input-label { margin-top: 14px } .form-control-big input[type=text] { font-size: 24px } .form-subcontrol { padding: 0 0 8px 0 } .form-control .full-width { width: 100% } .form-control .width-4 { width: 80% } .form-control .width-3 { width: 60% } .form-control .width-2 { width: 40% } .form-control .width-1 { width: 20% } .form-control .height-2 { height: 60px; min-height: 60px } .form-control .height-4 { height: 108px; min-height: 108px } .form-control .height-8 { height: 204px; min-height: 204px } .form-control .height-16 { height: 396px; min-height: 396px } .form-control .icon { position: relative; left: -0.33em; width: 0 } .form-control .icon span.e2-svgi { position: absolute; right: 0; top: 6px } .form-label-saveinfo { font-family: var(--smallFontFamily); font-size: var(--smallFontSize); line-height: var(--smallLineHeight); margin: 4px 0 0 } .delete-box { border-radius: 6px; background: #ec6040; padding: 20px 0 40px 0; color: #fff } .form-control .logo-marginal, .form-control .logo { position: relative; left: auto; top: auto; transform: none; margin: 0 } @media screen and (max-width: 735px) { .form-control .form-label { width: 100%; padding: 0 0 6px 0; vertical-align: baseline; margin: 0 } .form-control .input-label { margin: 0 } .form-control .form-label-sticky { background: var(--backgroundTransparentColor); -webkit-backdrop-filter: blur(8px); margin-top: -6px; padding-top: 6px; top: 0 } .form-label label { color: var(--boldColor); font-weight: bold } .form-label-saveinfo { float: right; display: inline-block; margin: 0 0 0 1em; vertical-align: baseline } .form-element, .form-control-sublabel { width: 100%; margin-left: 0 } .delete-box { width: 100%; padding: 20px 4% 40px } .width-2, .width-3, .width-4 { width: 100% !important } } @media screen and (max-width: 1023px) { .width-2, .width-3, .width-4 { width: 100% !important } } .e2-login-sheet, .e2-subscribe-sheet { position: fixed; z-index: 998; opacity: 0; -webkit-font-smoothing: subpixel-antialiased; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; background: var(--sheetBackgroundColor); transition: opacity .25s ease-out, visibility .25s ease-out } .e2-login-window, .e2-subscribe-window { position: relative; left: 50%; width: 50%; top: 10%; overflow: visible; background: var(--windowBackgroundColor); opacity: 0; padding: 16px 20px 32px 20px; box-shadow: 0 2px 6px 0px rgba(0, 0, 0, .2); border-radius: 8px; transition: all .25s ease-out; transform: scale(0.7) } .e2-show { visibility: visible; opacity: 1 } .e2-show .e2-login-window, .e2-show .e2-subscribe-window { opacity: 1; transform: scale(1) } .e2-login-window { width: 360px; margin: 0 -180px } .e2-login-window label { font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .e2-login-window label+label { margin-left: 10px } .e2-login-window-col { width: 220px; margin: 0 0 0 40px } .e2-login-window-input { width: 100% } .e2-login-window-input-wrapper { position: relative; margin: 0 0 8px 0 } .e2-login-window-icon { position: absolute; top: 6px; left: -20px; width: 16px; height: 16px; display: inline-block; font-size: 0; line-height: 0; vertical-align: middle } .e2-login-window-button { width: 100%; margin: 20px 0 0 0 } .e2-subscribe-window { width: 500px; margin: 0 -250px } .e2-login-window h2, .e2-subscribe-window h2 { font-size: 18px; font-weight: bold; line-height: 24px; margin: 0 0 12px; color: var(--headingsColor) } .e2-subscribe-window { overflow: auto } .e2-subscribe-window p { margin: 0 0 10px 0 } .e2-subscribe-matrix { float: left; width: 100%; margin-right: -10px } .e2-subscribe-element { float: left; width: 120px; height: 60px; margin: 0 20px 16px 0 } .e2-subscribe-element a { display: block; margin-bottom: 2px; font-weight: bold } .e2-subscribe-window a { white-space: nowrap } .e2-subscribe-element b { color: #466869 } @media screen and (max-width: 735px) { .e2-login-window { width: 280px; margin: 0 -140px } .e2-login-window-col { width: 200px } .e2-subscribe-window { left: 5%; top: 3%; width: 90%; height: 88%; margin: 0 } .e2-subscribe-element { width: 40%; margin-right: 10% } } .e2-service-color-twitter:link, .e2-service-color-twitter:visited { color: #1da1f2; border-color: rgba(29, 161, 242, .15) } .e2-service-color-facebook:link, .e2-service-color-facebook:visited { color: #1877f2; border-color: rgba(24, 119, 242, .15) } .e2-service-color-vk:link, .e2-service-color-vk:visited { color: #4680c2; border-color: rgba(70, 128, 194, .15) } .e2-service-color-telegram:link, .e2-service-color-telegram:visited { color: #35a3dc; border-color: rgba(53, 163, 220, .15) } .e2-service-color-linkedin:link, .e2-service-color-linkedin:visited { color: #0a66c2; border-color: rgba(10, 102, 194, .15) } .e2-service-color-odnoklassniki:link, .e2-service-color-odnoklassniki:visited { color: #ee8208; border-color: rgba(238, 130, 8, .15) } .e2-service-color-pinterest:link, .e2-service-color-pinterest:visited { color: #e60019; border-color: rgba(230, 0, 25, .15) } .e2-service-color-youtube:link, .e2-service-color-youtube:visited { color: #fc0d1b; border-color: rgba(252, 13, 27, .15) } .e2-service-color-tiktok:link, .e2-service-color-tiktok:visited { color: #000; border-color: rgba(0, 0, 0, .15) } .e2-service-color-rss:link, .e2-service-color-rss:visited { color: #de601c; border-color: rgba(222, 96, 28, .15) } .e2-service-color-jsonfeed:link, .e2-service-color-jsonfeed:visited { color: #6cbf00; border-color: rgba(108, 191, 0, .15) } .e2-service-color-email:link, .e2-service-color-email:visited { color: var(--foregroundColor); border-color: var(--thinRuleColor) } .e2-service-color-neutral:link, .e2-service-color-neutral:visited { color: var(--foregroundColor); border-color: var(--thinRuleColor) } .e2-service-color-twitter:hover, .e2-service-color-twitter.hover, .e2-service-color-facebook:hover, .e2-service-color-facebook.hover, .e2-service-color-vk:hover, .e2-service-color-vk.hover, .e2-service-color-telegram:hover, .e2-service-color-telegram.hover, .e2-service-color-linkedin:hover, .e2-service-color-linkedin.hover, .e2-service-color-odnoklassniki:hover, .e2-service-color-odnoklassniki.hover, .e2-service-color-pinterest:hover, .e2-service-color-pinterest.hover, .e2-service-color-youtube:hover, .e2-service-color-youtube.hover, .e2-service-color-tiktok:hover, .e2-service-color-tiktok.hover, .e2-service-color-rss:hover, .e2-service-color-rss.hover, .e2-service-color-jsonfeed:hover, .e2-service-color-jsonfeed.hover, .e2-service-color-email:hover, .e2-service-color-email.hover, .e2-service-color-neutral:hover, .e2-service-color-neutral.hover { color: var(--hoverColor); border-color: var(--hoverUnderlineColor) } svg { fill: currentColor; stroke: currentColor } .e2-svgi { width: 16px; height: 16px; display: inline-block; font-size: 0; line-height: 0; vertical-align: middle; position: relative; top: -1px; text-indent: 0 } .e2-svgi_30 { position: absolute; top: 7px; left: 7px } .e2-svgi_40 { position: absolute; top: 12px; left: 12px } .e2-svgi-calendar { width: 17px; height: 13px } .e2-svgi-smaller { width: 12px; height: 12px; top: -2px } .e2-svgi-heading { width: 36px; height: 36px; top: 4px } .e2-svgi-double { width: 32px; height: 32px } a.nu { text-decoration: none; border-bottom-width: 0 } a.nu u { text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-color: inherit } .e2-progress { transition: stroke-dashoffset .5s ease-out } .e2-progress_notransition { transition: none } .e2-admin-couple { position: relative } .e2-admin-couple-item, .e2-admin-couple-spinner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: opacity var(--time) ease-out, transform var(--time) ease-out } .e2-admin-couple-item { opacity: 1; transform: scale(1) } .e2-admin-couple-item_hidden, .e2-admin-couple_thinking .e2-admin-couple-item { opacity: 0; transform: scale(0.001) } .e2-admin-couple-spinner { opacity: 0; transform: scale(0.001) } .e2-admin-couple_thinking .e2-admin-couple-spinner { opacity: 1; transform: scale(1) } .e2-admin-couple-spinner-icon { position: absolute; top: 12px; left: 12px; width: 16px; height: 16px; line-height: 0 } .e2-toggle-state-on, .e2-toggle-state-off, .e2-toggle-state-thinking { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: inline-block; transform: scale(0.001) rotate(90deg); transition: opacity var(--time) ease-out, transform var(--time) ease-out } .e2-toggle-state-off { opacity: 1; transform: scale(1) } .e2-toggle-state-on, .e2-toggle-state-thinking { opacity: 0; transform: scale(0.001) } .e2-toggle-state-thinking { color: var(--disabledColor); cursor: default } .e2-admin-item_on .e2-toggle-state-off, .e2-admin-item_thinking .e2-toggle-state-off { opacity: 0; transform: scale(0.001) } .e2-admin-item_on .e2-toggle-state-on, .e2-admin-item_thinking .e2-toggle-state-thinking { opacity: 1; transform: scale(1) } .e2-ajax-loading { opacity: 1; transition: opacity var(--time) ease-out } .e2-ajax-loading_hidden { opacity: 0 } .e2-media-sections { margin: 14px -4px 4px -4px; font-family: var(--smallFontFamily) } .e2-media-sections table { width: 100% } .e2-media-sections th, .e2-media-sections td { font-size: 14px; line-height: 18px; padding: 4px 10px 6px 4px } .e2-media-seek.is-interactive, .e2-media-seek.jouele-is-interactive, .e2-media-sections-item.is-interactive, .e2-media-sections-item.jouele-is-interactive { cursor: pointer } .e2-media-seek a, .e2-media-seek a.nu u, .e2-media-sections-item a, .e2-media-sections-item a.nu u { background: var(--backgroundColor) } .e2-media-seek.is-interactive, .e2-media-seek.jouele-is-interactive, .e2-media-sections-item.is-interactive span, .e2-media-sections-item.jouele-is-interactive span { text-decoration: none; border-bottom-width: 1px; border-bottom-color: var(--thinRuleColor); border-bottom-style: dashed; transition-property: color, border-color; transition-duration: var(--time); transition-timing-function: ease-out } .e2-media-seek.is-interactive.isolatedHover, .e2-media-sections-item.is-interactive.isolatedHover, .e2-media-seek.jouele-is-interactive:hover, .e2-media-seek.jouele-is-interactive.hover, .e2-media-sections-item.jouele-is-interactive:hover, .e2-media-sections-item.jouele-is-interactive.hover { color: var(--hoverColor) } .e2-media-seek.is-interactive.isolatedHover, .e2-media-sections-item.is-interactive.isolatedHover span, .e2-media-seek.jouele-is-interactive:hover, .e2-media-seek.jouele-is-interactive.hover, .e2-media-sections-item.jouele-is-interactive:hover span, .e2-media-sections-item.jouele-is-interactive.hover span { border-bottom-color: var(--hoverUnderlineColor); transition: none } .e2-media-seek.is-interactive:active, .e2-media-seek.jouele-is-interactive:active { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .e2-media-seek.jouele-is-within { background: var(--markedTextBackground); border-radius: 3px } .e2-media-sections .jouele-is-within { background: var(--markedTextBackground) } .e2-media-sections .jouele-is-within .e2-media-sections-item-title { color: var(--boldColor); font-weight: bold } .e2-media-sections-item.jouele-is-interactive.jouele-is-within:hover .e2-media-sections-item-title, .e2-media-sections-item.jouele-is-interactive.jouele-is-within.hover .e2-media-sections-item-title { color: var(--hoverColor); font-weight: bold } .e2-message { font-size: var(--noteTextFontSize); line-height: var(--noteTextLineHeight); border-radius: var(--borderRadius); padding: 12px; margin-bottom: 24px; background: #f0d040; color: #d04000 } .e2-message+.e2-message { margin-top: -16px } .e2-message-info { background: #0040cc; color: #fff } .e2-message-info h2, .e2-message-info p { color: #fff } .e2-message-serious { background: #e05030; color: #fff } .e2-message-serious h2, .e2-message-serious p { color: #fff } .e2-message pre { font-size: 16px; line-height: 16px } .e2-nice-error { position: fixed; top: 10px; left: 0; right: 0; max-width: calc(var(--maxWidth) - var(--marginRight) - var(--marginLeft)); margin: 0 auto; text-align: center; opacity: 1; z-index: 999; pointer-events: none; transform: translateY(0); transition: top var(--time) ease-out, transform var(--time) ease-out } .e2-nice-error_hidden { top: 0; opacity: 0; transform: translateY(-150%); transition: top var(--time) ease-out, transform var(--time) ease-out, opacity .1s linear var(--time) } .e2-nice-error-inner { display: inline-block; vertical-align: top; padding: 8px 12px; color: var(--errorColor); background: var(--windowBackgroundColor); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2); border-radius: var(--borderRadius); max-width: 80%; pointer-events: all } .e2-external-drop-target-dragover { position: relative; background: rgba(96, 160, 255, .2); transition: none } .e2-external-drop-target-dragover-alt { background: rgba(160, 96, 0, .2) } .e2-external-drop-target-body.e2-external-drop-target-dragover { background: transparent } .e2-external-drop-target-body.e2-external-drop-target-dragover, .e2-external-drop-target-body.e2-external-drop-target-dragover-alt { background: var(--backgroundColor) } .e2-external-drop-target-body:before { content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0); transition: box-shadow .25s ease-out; pointer-events: none } .e2-external-drop-target-body.e2-external-drop-target-dragover:before { box-shadow: inset 0 0 0 8px rgba(96, 160, 255, .5); transition: none } .e2-external-drop-target-body.e2-external-drop-target-dragover-alt:before { box-shadow: inset 0 0 0 8px rgba(192, 128, 64, .5); transition: none } .e2-user-picture-container { display: inline-block; position: relative; border-radius: 50%; width: 40px; height: 40px } .e2-user-picture-container_large { width: 120px; height: 120px } .e2-user-picture-container_uploading, .e2-user-picture-container_deleting { pointer-events: none } .e2-user-picture-inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .e2-external-drop-target-dragover .e2-user-picture-inner { opacity: .4 } .e2-user-picture-image, .e2-user-picture-placeholder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; transition: opacity .25s ease-out, transform .25s ease-out } .e2-user-picture-image { opacity: 1; transform: scale(1) rotate(0) } .e2-user-picture-container_deleting .e2-user-picture-image { opacity: .4 } .e2-user-picture-container_empty .e2-user-picture-image, .e2-user-picture-container_uploading .e2-user-picture-image, .e2-user-picture-container_deleted .e2-user-picture-image { opacity: .4; transform: scale(0.001) rotate(90deg) } .e2-user-picture-placeholder { opacity: 0; transform: scale(0.001) rotate(90deg) } .e2-user-picture-container_empty .e2-user-picture-placeholder { opacity: 1; transform: scale(1) rotate(0) } .e2-user-picture-container_uploading .e2-user-picture-placeholder, .e2-user-picture-container_deleting .e2-user-picture-placeholder, .e2-user-picture-container_deleted .e2-user-picture-placeholder { opacity: 0; transform: scale(0.001) rotate(90deg) } .e2-user-picture-placeholder svg { width: 100%; height: 100%; fill: var(--foregroundColor); stroke: var(--foregroundColor); transition: fill var(--time) ease-out, stroke var(--time) ease-out } .e2-user-picture-container_large.e2-user-picture-container_empty:hover .e2-user-picture-placeholder svg, .e2-user-picture-container-link.hover .e2-user-picture-placeholder svg { fill: var(--hoverColor); stroke: var(--hoverColor); transition: none } .e2-user-picture-spinner { visibility: hidden; position: absolute; font-size: 0; line-height: 0; left: 50%; top: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px } .e2-user-picture-container_showspinner .e2-user-picture-spinner { visibility: visible } .e2-user-picture-inputlabel { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; cursor: pointer } .e2-user-picture-container_uploading .e2-user-picture-inputlabel, .e2-user-picture-container_deleting .e2-user-picture-inputlabel, .e2-user-picture-container_deleted .e2-user-picture-inputlabel { visibility: hidden } .e2-user-picture-input { position: absolute; top: 0; right: 100%; opacity: 0; cursor: pointer } .e2-user-picture-remove { position: absolute; top: 50%; left: 100%; width: 30px; height: 30px; margin: -15px 0 0 0; font-size: 14px; line-height: 30px; text-indent: -100em; overflow: hidden; color: var(--foregroundColor); transition: color var(--time) ease-out } .e2-user-picture-remove:hover { color: var(--hoverColor); transition: none } .e2-user-picture-container_empty .e2-user-picture-remove, .e2-user-picture-container_uploading .e2-user-picture-remove, .e2-user-picture-container_deleting .e2-user-picture-remove, .e2-user-picture-container_deleted .e2-user-picture-remove { visibility: hidden } .e2-rss-button, .e2-rss-button:visited { border-radius: 3px; color: var(--boldColor); border: 1px solid; border-color: var(--thinRuleColor); padding: 0 2px 1px 3px !important; font-family: var(--smallFontFamily); font-size: 12px; line-height: 12px; font-style: normal; font-weight: bold; letter-spacing: 1px; position: relative; top: -1px } .e2-rss-button:hover, .e2-rss-button.hover { color: var(--hoverColor); border-color: var(--hoverUnderlineColor) } .e2-template-preview-image { position: absolute; top: 0; left: 0; width: 100px; height: 120px; padding: 16px 0; outline: 1px var(--thinRuleColor) solid } .e2-template-preview-image-heading { margin: 0 0 8px 8px; height: 6px; width: 60px; background: currentColor } .e2-template-preview-image-text { margin: 0 0 12px 0 } .e2-template-preview-image-text-line { margin: 0 0 6px 8px; height: 1px; width: 70px; background: currentColor } .e2-template-preview-image-text-line:last-child { width: 50px } .e2-template-preview-image-link { margin: 0 0 6px 8px; height: 2px; width: 40px; background: currentColor } .e2-select-wrapper { display: inline-block; vertical-align: top; background: var(--inputBackgroundColor); border-radius: var(--borderRadius); position: relative } .e2-select { padding-right: 22px; cursor: pointer; color: var(--inputTextColor); background: transparent; width: 100% } .e2-select_hidden { display: none } .e2-select-icon { position: absolute; top: 50%; right: 6px; width: 16px; height: 16px; margin: -8px 0 0; line-height: 0; pointer-events: none; color: var(--inputTextColor); transition: color var(--time) ease-out } .e2-select-wrapper:hover .e2-select-icon, .e2-select-wrapper.hover .e2-select-icon { color: var(--hoverColor); transition: none } .e2-popup-menu { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .e2-popup-menu_open { z-index: 101 } .e2-popup-menu-button, .e2-popup-menu-button:active, .e2-popup-menu-button:hover, .e2-popup-menu-button.hover, .e2-popup-menu-button:focus, .e2-popup-menu-button:focus:hover, .e2-popup-menu-button:focus.hover { border: 0; background: transparent; box-shadow: none; margin: 0; padding: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; line-height: 0; text-align: left; cursor: pointer; fill: none } .e2-popup-menu-button-text { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; text-indent: -100em } .e2-popup-menu-button-icon { position: absolute; top: 12px; left: 12px; width: 16px; height: 16px; line-height: 0; color: var(--adminColor); transition: color var(--time) ease-out } .e2-popup-menu-button:hover .e2-popup-menu-button-icon, .e2-popup-menu-button.hover .e2-popup-menu-button-icon, .e2-popup-menu-button:focus .e2-popup-menu-button-icon, .e2-popup-menu-button:focus:hover .e2-popup-menu-button-icon, .e2-popup-menu-button:focus.hover .e2-popup-menu-button-icon, .e2-popup-menu-button:active .e2-popup-menu-button-icon { color: var(--hoverColor); transition: none } .e2-popup-menu-widget { position: absolute; top: 40px; right: 0; margin: -5px 0 40px; padding: 4px 0; background: var(--windowBackgroundColor); box-shadow: 0 2px 6px rgba(0, 0, 0, .2); border-radius: var(--borderRadius); text-align: left; min-width: 180px; max-width: 280px; display: none } .e2-uploaded-image-popup-menu .e2-popup-menu-widget { top: auto; bottom: 100%; right: auto; left: 0; margin: 0 0 4px } .e2-popup-menu_open .e2-popup-menu-widget { display: block; visibility: hidden } .e2-popup-menu_visible .e2-popup-menu-widget { visibility: visible } .e2-popup-menu_widgetfrombottom .e2-popup-menu-widget { top: auto; bottom: 100%; margin-bottom: 0 } .e2-popup-menu_widgetfromright .e2-popup-menu-widget { left: auto; right: 0 } .e2-popup-menu-widget .e2-popup-menu-widget-item, .e2-popup-menu-widget .e2-popup-menu-widget-item:link, .e2-popup-menu-widget .e2-popup-menu-widget-item:active, .e2-popup-menu-widget .e2-popup-menu-widget-item:visited, .e2-popup-menu-widget .e2-popup-menu-widget-item:focus, .e2-popup-menu-widget .e2-popup-menu-widget-item:focus:hover, .e2-popup-menu-widget .e2-popup-menu-widget-item:focus.hover { text-align: left; border: 0; box-shadow: none; margin: 0; padding: 0; display: block; width: 100%; line-height: 1; position: relative; cursor: pointer; color: var(--foregroundColor); background-color: transparent; transition: background-color var(--time) ease-out, color var(--time) ease-out } .e2-popup-menu-widget .e2-popup-menu-widget-item:hover, .e2-popup-menu-widget .e2-popup-menu-widget-item.hover { background-color: var(--sheetBackgroundColor); color: var(--foregroundColor); transition: none } .e2-popup-menu-widget-item_extended:after { content: attr(data-extend); position: absolute; top: 10px; right: 10px; color: #f0f } .e2-popup-menu-widget-item_disabled, .e2-popup-menu-widget-item_disabled:link, .e2-popup-menu-widget-item_disabled:active, .e2-popup-menu-widget-item_disabled:focus, .e2-popup-menu-widget-item_disabled:focus:hover, .e2-popup-menu-widget-item_disabled:focus.hover, .e2-popup-menu-widget-item_disabled:visited, .e2-popup-menu-widget-item_disabled:hover, .e2-popup-menu-widget-item_disabled.hover { background-color: transparent; color: var(--disabledColor); cursor: default; transition: none } .e2-popup-menu-widget-item_remove, .e2-popup-menu-widget-item_remove:link, .e2-popup-menu-widget-item_remove:active, .e2-popup-menu-widget-item_remove:focus, .e2-popup-menu-widget-item_remove:focus:hover, .e2-popup-menu-widget-item_remove:focus.hover, .e2-popup-menu-widget-item_remove:visited { color: var(--errorColor) } .e2-popup-menu-widget-item_remove.hover, .e2-popup-menu-widget-item_remove:hover { color: var(--errorColor) } .e2-popup-menu-widget-item_info, .e2-popup-menu-widget-item_info:link, .e2-popup-menu-widget-item_info:active, .e2-popup-menu-widget-item_info:focus, .e2-popup-menu-widget-item_info:focus:hover, .e2-popup-menu-widget-item_info:focus.hover, .e2-popup-menu-widget-item_info:visited, .e2-popup-menu-widget-item_info:hover, .e2-popup-menu-widget-item_info.hover { margin-bottom: -4px; background-color: transparent; color: var(--disabledColor); cursor: default; transition: none } .e2-popup-menu-widget-item-icon { position: absolute; top: 11px; left: 12px; width: 16px; height: 16px; font-size: 0; line-height: 0 } .e2-popup-menu-widget-item-text { display: block; max-width: 280px; padding: 10px 40px 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .e2-popup-menu-widget-item_extended .e2-popup-menu-widget-item-text { padding-right: 20px; margin-right: 40px; min-height: 200px } .e2-popup-menu-widget-item-text-row { display: block; line-height: 1.25; overflow: hidden; text-overflow: ellipsis } .e2-popup-menu-widget-separator { height: 0; width: auto; margin: .5em 0 -1px 40px; padding: 0 0 .5em; border: 0; border-top: 1px solid var(--thinRuleColor) } .chzn-container { background: var(--inputBackgroundColor); color: var(--inputTextColor); border-radius: var(--borderRadius) } .chzn-container * { line-height: 100% } .chzn-container .chzn-drop { margin-top: 2px; border-radius: 2px; border: none; background: var(--windowBackgroundColor); color: var(--foregroundColor); box-shadow: 0 2px 20px rgba(0, 0, 0, .1); padding: 1px 0 0 0 } .chzn-container-multi .chzn-choices { padding: 4px 0 0 4px } .chzn-container-multi .chzn-choices .search-choice { display: inline-block; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: var(--foregroundColor); padding: 4px 6px; margin: 0 4px 4px 0; background: var(--backgroundColor); border: 1px var(--backgroundColor) solid; box-shadow: none; text-shadow: none } .chzn-container-multi .chzn-choices .search-field input { height: 100%; padding: 6px 0; margin: 0; color: var(--inputTextColor) !important } .chzn-container .chzn-results .highlighted, .chzn-container .chzn-results li, .chzn-container .chzn-results li em, .chzn-container .chzn-results .highlighted em { line-height: 13px } .chzn-container .chzn-results .highlighted { border-radius: 2px; background-color: Highlight; background-image: none; color: HighlightText } .chzn-container .chzn-results li em { background: transparent; font-style: normal; border-bottom: 1px #999 solid } .chzn-container .chzn-results .highlighted em { background: transparent; border-bottom: 1px Highlight solid } .chzn-container-multi .chzn-choices { border-radius: var(--borderRadius); border: none; background: transparent; box-shadow: none; text-shadow: none } .chzn-container-multi .chzn-choices .search-choice .search-choice-close { color: var(--foregroundColor); border: none } .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { color: var(--hoverColor) } .chzn-container-multi .chzn-choices .search-choice-focus { background: Highlight; border: 1px Highlight solid; box-shadow: none; text-shadow: none } .jouele { font-family: var(--smallFontFamily) !important; font-size: 14px !important; line-height: 24px !important } .jouele-progress-line-bar_base:after { background-color: var(--thinRuleColor) !important } .jouele-progress-line-bar_play:after { background-color: var(--foregroundColor) !important } .jouele-progress-line-bar_play.jouele-is-playing:after { background-color: var(--activeColor) !important } .jouele-progress-line:hover .jouele-progress-line-bar_play:after { background-color: var(--hoverColor) !important } .jouele-progress-line-lift { background-color: currentColor !important } .jouele-progress-line-lift.jouele-is-playing { background-color: var(--activeColor) !important } .jouele-progress-line:hover .jouele-progress-line-lift { background-color: var(--hoverColor) !important } .jouele-progress-line-lift:before { border-color: var(--thinRuleColor) !important } .jouele-progress-line-lift.jouele-is-playing:before { border-color: var(--foregroundColor) !important } .jouele-progress-line:hover .jouele-progress-line-lift:before { border-color: var(--hoverColor) !important } .jouele-info-control-button-icon_unavailable .jouele-svg-color, .jouele-info-control-button-icon_play .jouele-svg-color { fill: var(--boldColor) !important } .jouele-info-control-button-icon_play.jouele-is-playing .jouele-svg-color { fill: var(--activeColor) !important } .jouele-info-control-button:hover .jouele-info-control-button-icon_play .jouele-svg-color { fill: var(--hoverColor) !important } .jouele-info-control-text { color: var(--boldColor); font-weight: bold; font-feature-settings: "tnum" } .jouele-control.jouele-is-unavailable { opacity: .2; filter: grayscale(100%) } .jouele-info-control-button-icon_unavailable .jouele-svg-color, .jouele-info-control-button-icon_play .jouele-svg-color, .jouele-info-control-button-icon_pause .jouele-svg-color { stroke: none } .likely svg { stroke: none; fill: unset } .goodyear-container .goodyear-icon { right: 6px } .goodyear-container .goodyear-icon div { border-color: var(--inputTextColor); transition-property: border-color; transition-duration: var(--time); transition-timing-function: ease-out } .goodyear-container .goodyear-icon:hover div, .goodyear-container .goodyear-icon.hover div { transition: none; border-color: var(--hoverColor) } .goodyear-error input { background: #ffece0 } .e2-unavailable { display: table; width: 100%; height: 100%; min-height: 320px } .e2-unavailable>div { display: table-cell; width: 100%; vertical-align: middle } .e2-unavailable .e2-logo-svg { width: 160px; height: 160px; margin: auto } .e2-logo-svg { -webkit-animation-duration: .67s; animation-duration: .67s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3) } 100% { transform: scale(1) } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3) } 100% { transform: scale(1) } } .hljs { display: block; overflow-x: auto; color: #657b83 } .hljs-comment, .hljs-quote { color: #93a1a1 } .hljs-keyword, .hljs-selector-tag, .hljs-addition { color: #859900 } .hljs-number, .hljs-string, .hljs-meta .hljs-meta-string, .hljs-literal, .hljs-doctag, .hljs-regexp { color: #2aa198 } .hljs-title, .hljs-section, .hljs-name, .hljs-selector-id, .hljs-selector-class { color: #268bd2 } .hljs-attribute, .hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-class .hljs-title, .hljs-type { color: #b58900 } .hljs-symbol, .hljs-bullet, .hljs-subst, .hljs-meta, .hljs-meta .hljs-keyword, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-link { color: #cb4b16 } .hljs-built_in, .hljs-deletion { color: #dc322f } .hljs-formula { background: #eee8d5 } .hljs-emphasis { font-style: italic } .hljs-strong { font-weight: bold } .note { padding: 15px; background-image: url(https://burmistrovtarget.ru/themes/goose/images/babytop.png); background-repeat: no-repeat; float: right; clear: right; width: 25%; min-width: 150px; text-align: right; background-color: #f2f2f2; font-family: var(--smallFontFamily); font-size: 12px; position: relative; }