- 掃描 ID:
- a32881c5-0fb5-4fd0-ae3c-7759dd0ac458已完成
- 已提交的 URL:
- https://firewizz.nl/
- 報告完成時間:
連結 · 找到 1 個
從頁面中識別的傳出連結
連結 | Text |
---|---|
https://wa.me/31651211709 |
JavaScript 變數 · 找到 29 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數,可從目前範圍內程式碼中的任何位置存取
名稱 | 類型 |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
gtag | function |
dataLayer | object |
google_tag_manager | object |
google_tag_data | object |
gaGlobal | object |
GooglebQhCsO | object |
$ | function |
主控台記錄訊息 · 找到 2 條
記錄到 Web 主控台的訊息
類型 | 類別 | 記錄 |
---|---|---|
warning | other |
|
debug | other |
|
HTML
頁面的原始 HTML 主體
<!DOCTYPE html><html lang="nl" prefix="og: https://ogp.me/ns# fb: https://www.facebook.com/2008/fbml"><head>
<!-- Google tag (gtag.js) --><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-RF3N34XC6Z"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-RF3N34XC6Z');</script>
<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=AW-1046889011"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-1046889011');
</script>
<!-- Event snippet for Website traffic conversion page -->
<script>
gtag('event', 'conversion', {'send_to': 'AW-1046889011/d1T-COj5jLsYELOEmfMD'});
</script>
<title>Firewizz Digital Solutions - Netwerkbeheer & Software</title>
<meta name="description" content="Professioneel netwerkbeheer & maatwerk software. We versterken bedrijven door netwerken te verbinden, software te creëren en processen te optimaliseren.">
<meta name="keywords" content="">
<meta name="author" content="Firewizz Digital Solutions">
<meta name="copyright" content="Firewizz Digital Solutions">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Head injections -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="googlebot" content="noodp">
<!-- create with "favicon-generator.org" and place in /icons -->
<link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
<!--<link rel="manifest" href="/manifest.json">-->
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- MS Application icon -->
<meta name="application-name" content="Firewizz Digital Solutions">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-square70x70logo" content="/favicons/ms-icon-144x144.png">
<meta name="msapplication-square150x150logo" content="/favicons/ms-icon-150x150.png">
<meta name="msapplication-wide310x150logo" content="/favicons/ms-icon-310x150.png">
<meta name="msapplication-square310x310logo" content="/favicons/ms-icon-310x310.png">
<meta name="msapplication-TileImage" content="/favicons/ms-icon-310x310.png" title="favicon ie10">
<link rel="icon" href="favicons/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicons/favicon.ico" type="image/x-icon">
<link rel="canonical" href="https://firewizz.nl/"> <link rel="alternate" href="https://firewizz.nl/" hreflang="nl">
<!-- bootstrap.min css -->
<link rel="stylesheet" href="/plugins/bootstrap/bootstrap.min.css">
<!-- Ionic Icon Css -->
<link rel="stylesheet" href="/plugins/Ionicons/css/ionicons.min.css">
<!-- animate.css -->
<link rel="stylesheet" href="/plugins/animate-css/animate.css">
<!-- Magnify Popup -->
<link rel="stylesheet" href="/plugins/magnific-popup/magnific-popup.css">
<!-- Slick CSS -->
<link rel="stylesheet" href="/plugins/slick/slick.css">
<!-- CSS variables -->
<link rel="stylesheet" href="/css/variables.css">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="/css/style.css">
<!-- Firewizz Stylesheet -->
<link rel="stylesheet" href="/css/firewizz.css"><!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://firewizz.nl/">
<meta property="og:title" content="Firewizz Digital Solutions - Netwerkbeheer & Software">
<meta property="og:description" content="Professioneel netwerkbeheer & maatwerk software. Wij versterken bedrijven door netwerken te verbinden, software te creëren en processen te optimaliseren.">
<meta property="og:image" content="https://firewizz.nl/Firewizz.jpg">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://firewizz.nl/">
<meta property="twitter:title" content="Firewizz Digital Solutions - Netwerkbeheer & Software">
<meta property="twitter:description" content="Professioneel netwerkbeheer & maatwerk software. Wij versterken bedrijven door netwerken te verbinden, software te creëren en processen te optimaliseren.">
<meta property="twitter:image" content="https://firewizz.nl/Firewizz.jpg">
<script attributionsrc="" type="text/javascript" async="" src="https://www.googleadservices.com/pagead/conversion/1046889011/?random=1729597506609&cv=11&fst=1729597506609&bg=ffffff&guid=ON&async=1&gtm=45be4ah0za200&gcd=13l3l3l2l1l1&dma_cps=syphamo&dma=1&tag_exp=101533421~101686685~101794737~101823847~101836706&u_w=1&u_h=1&url=https%3A%2F%2Ffirewizz.nl%2F&label=d1T-COj5jLsYELOEmfMD&hn=www.googleadservices.com&frm=0&tiba=Firewizz%20Digital%20Solutions%20-%20Netwerkbeheer%20%26%20Software&gtm_ee=1&npa=1&pscdl=noapi&auid=2047393276.1729597507&uaa=&uab=&uafvl=&uamb=0&uam=&uap=&uapv=&uaw=0&fdr=SA&data=event%3Dconversion&rfmt=3&fmt=4"></script><style>/* stylelint-disable color-no-hex */
.light_a9c6,
:root {
--ring-unit: 8px;
/* Element */
--ring-line-components: 223, 225, 229;
--ring-line-color: rgb(var(--ring-line-components)); /* #dfe1e5 */
--ring-borders-components: 211, 213, 219;
--ring-borders-color: rgb(var(--ring-borders-components)); /* #d3d5db */
--ring-icon-components: 129, 133, 148;
--ring-icon-color: rgb(var(--ring-icon-components)); /* #818594 */
--ring-icon-secondary-components: 129, 133, 148;
--ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #818594 */
--ring-border-disabled-components: 235, 236, 240;
--ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #ebecf0 */
--ring-border-selected-disabled-components: 201, 204, 214;
--ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #c9ccd6 */
--ring-icon-disabled-components: 211, 213, 219;
--ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #d3d5db */
--ring-border-hover-components: 160, 189, 248;
--ring-border-hover-color: rgb(var(--ring-border-hover-components)); /* #a0bdf8 */
--ring-icon-hover-components: 90, 93, 107;
--ring-icon-hover-color: rgb(var(--ring-icon-hover-components)); /* #5a5d6b */
--ring-main-components: 53, 116, 240;
--ring-main-color: rgb(var(--ring-main-components)); /* #3574f0 */
--ring-action-link-components: 46, 85, 163;
--ring-action-link-color: rgb(var(--ring-action-link-components)); /* #2E55A3 */
--ring-main-hover-components: 51, 105, 214;
--ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #3369d6 */
--ring-icon-error-components: 219, 59, 75;
--ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #db3b4b */
--ring-icon-warning-components: 255, 175, 15;
--ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #ffaf0f */
--ring-icon-success-components: 85, 167, 106;
--ring-icon-success-color: rgb(var(--ring-icon-success-components)); /* #55a76a */
--ring-pale-control-components: 194, 214, 252;
--ring-pale-control-color: rgb(var(--ring-pale-control-components)); /* #C2D6FC */
--ring-popup-border-components: 0, 28, 54;
--ring-popup-border-color: var(--ring-line-color);
--ring-popup-shadow-components: rgba(var(--ring-popup-border-components), 0.1);
--ring-popup-shadow-color: rgba(var(--ring-popup-border-components), 0.1);
--ring-popup-secondary-shadow-color: rgba(var(--ring-popup-border-components), 0.04);
--ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);
--ring-pinned-shadow-components: 108, 112, 126;
--ring-pinned-shadow-color: rgb(var(--ring-pinned-shadow-components)); /* #6C707E */
--ring-button-danger-hover-components: var(--ring-icon-error-color);
--ring-button-danger-hover-color: var(--ring-icon-error-color);
--ring-button-primary-border-components: 49, 95, 189;
--ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #315FBD */
--ring-dialog-overlay-components: 0, 0, 0;
--ring-dialog-overlay-opacity: 0.4;
--ring-popup-shadow: 0 2px 8px var(--ring-popup-shadow-color), 0 1px 2px var(--ring-popup-secondary-shadow-color);
--ring-dialog-shadow: 0 4px 24px var(--ring-popup-shadow-color), 0 2px 6px var(--ring-popup-secondary-shadow-color);
/* Text */
--ring-search-components: 112, 156, 245;
--ring-search-color: rgb(var(--ring-search-components)); /* #709CF5 */
--ring-hint-components: 46, 85, 163;
--ring-hint-color: rgb(var(--ring-hint-components)); /* #2E55A3 */
--ring-link-components: 46, 85, 163;
--ring-link-color: rgb(var(--ring-link-components)); /* #2E55A3 */
--ring-link-hover-components: 34, 60, 114;
--ring-link-hover-color: rgb(var(--ring-link-hover-components)); /* #223C72 */
--ring-error-components: 204, 54, 69;
--ring-error-color: rgb(var(--ring-error-components)); /* #CC3645 */
--ring-warning-components: 164, 103, 4;
--ring-warning-color: rgb(var(--ring-warning-components)); /* #A46704 */
--ring-success-components: 31, 117, 54;
--ring-success-color: rgb(var(--ring-success-components)); /* #1F7536 */
--ring-text-components: 39, 40, 46;
--ring-text-color: rgb(var(--ring-text-components)); /* #27282E */
--ring-active-text-color: var(--ring-text-color);
--ring-white-text-components: 255, 255, 255;
--ring-white-text-color: rgb(var(--ring-white-text-components)); /* #FFFFFF */
--ring-heading-color: var(--ring-text-color);
--ring-secondary-components: 108, 112, 126;
--ring-secondary-color: rgb(var(--ring-secondary-components)); /* #6C707E */
--ring-disabled-components: 168, 173, 189;
--ring-disabled-color: rgb(var(--ring-disabled-components)); /* #A8ADBD */
/* Background */
--ring-content-background-components: 255, 255, 255;
--ring-content-background-color: rgb(var(--ring-content-background-components)); /* #FFFFFF */
--ring-popup-background-components: 255, 255, 255;
--ring-popup-background-color: rgb(var(--ring-popup-background-components)); /* #FFFFFF */
--ring-sidebar-background-components: 247, 248, 250;
--ring-sidebar-background-color: rgb(var(--ring-sidebar-background-components)); /* #F7F8FA */
--ring-selected-background-components: 212, 226, 255;
--ring-selected-background-color: rgb(var(--ring-selected-background-components)); /* #D4E2FF */
--ring-hover-background-components: 237, 243, 255;
--ring-hover-background-color: rgb(var(--ring-hover-background-components)); /* #EDF3FF */
--ring-navigation-background-components: 255, 255, 255;
--ring-navigation-background-color: rgb(var(--ring-navigation-background-components)); /* #FFFFFF */
--ring-tag-background-components: 235, 236, 240;
--ring-tag-background-color: rgb(var(--ring-tag-background-components)); /* #EBECF0 */
--ring-tag-hover-background-components: 211, 213, 219;
--ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #D3D5DB */
--ring-removed-background-components: 250, 212, 216;
--ring-removed-background-color: rgb(var(--ring-removed-background-components)); /* #FAD4D8 */
--ring-warning-background-components: 255, 241, 209;
--ring-warning-background-color: rgb(var(--ring-warning-background-components)); /* #FFF1D1 */
--ring-added-background-components: 197, 229, 204;
--ring-added-background-color: rgb(var(--ring-added-background-components)); /* #C5E5CC */
--ring-disabled-background-components: 247, 248, 250;
--ring-disabled-background-color: rgb(var(--ring-disabled-background-components)); /* #F7F8FA */
--ring-disabled-selected-background-components: 235, 236, 240;
--ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #EBECF0 */
--ring-button-danger-active-components: 250, 212, 216;
--ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #FAD4D8 */
--ring-button-loader-background-components: 70, 130, 250;
--ring-button-loader-background: rgb(var(--ring-button-loader-background-components)); /* #4682FA */
--ring-button-primary-background-components: 53, 116, 240;
--ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #3574F0 */
--ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #FFFFFF50 */
--ring-removed-subtle-background-components: 255, 247, 247;
--ring-removed-subtle-background-color: rgb(var(--ring-removed-subtle-background-components)); /* #FFF7F7 */
--ring-warning-subtle-background-components: 255, 250, 235;
--ring-warning-subtle-background-color: rgb(var(--ring-warning-subtle-background-components)); /* #FFFAEB */
--ring-added-subtle-background-components: 242, 252, 243;
--ring-added-subtle-background-color: rgb(var(--ring-added-subtle-background-components)); /* #F2FCF3 */
/* Code */
--ring-code-background-color: var(--ring-content-background-color);
--ring-code-components: 0, 0, 0;
--ring-code-color: rgb(var(--ring-code-components)); /* #000000 */
--ring-code-comment-components: 140, 140, 140;
--ring-code-comment-color: rgb(var(--ring-code-comment-components)); /* #8C8C8C */
--ring-code-meta-components: 158, 136, 13;
--ring-code-meta-color: rgb(var(--ring-code-meta-components)); /* #9E880D */
--ring-code-keyword-components: 0, 51, 179;
--ring-code-keyword-color: rgb(var(--ring-code-keyword-components)); /* #0033B3 */
--ring-code-tag-background-components: 235, 236, 240;
--ring-code-tag-background-color: rgb(var(--ring-code-tag-background-components)); /* #EBECF0 */
--ring-code-tag-color: var(--ring-code-keyword-color);
--ring-code-tag-font-weight: var(--ring-font-weight-bold);
--ring-code-field-components: 135, 16, 148;
--ring-code-field-color: rgb(var(--ring-code-field-components)); /* #871094 */
--ring-code-attribute-components: 23, 80, 235;
--ring-code-attribute-color: rgb(var(--ring-code-attribute-components)); /* #1750EB */
--ring-code-number-color: var(--ring-code-attribute-color);
--ring-code-string-components: 6, 125, 23;
--ring-code-string-color: rgb(var(--ring-code-string-components)); /* #067D17 */
--ring-code-addition-components: 197, 229, 204;
--ring-code-addition-color: rgb(var(--ring-code-addition-components)); /* #C5E5CC */
--ring-code-deletion-components: 223, 225, 229;
--ring-code-deletion-color: rgb(var(--ring-code-deletion-components)); /* #DFE1E5 */
/* Metrics */
--ring-border-radius: 4px;
--ring-border-radius-small: 2px;
--ring-font-size-larger: 16px;
--ring-font-size: 14px;
--ring-font-size-smaller: 12px;
--ring-line-height-taller: 24px;
--ring-line-height: 20px;
--ring-line-height-lower: 18px;
--ring-line-height-lowest: 16px;
--ring-ease: 0.3s ease-out;
--ring-fast-ease: 0.15s ease-out;
--ring-font-family: system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif;
--ring-font-family-monospace:
Menlo,
"Bitstream Vera Sans Mono",
"Ubuntu Mono",
Consolas,
"Courier New",
Courier,
monospace;
--ring-font-weight-bold: 600;
/* Common z-index-values */
/* Invisible element is an absolutely positioned element which should be below */
/* all other elements on the page */
--ring-invisible-element-z-index: -1;
/* z-index for position: fixed elements */
--ring-fixed-z-index: 1;
/* Elements that should overlay all other elements on the page */
--ring-overlay-z-index: 5;
/* Alerts should de displayed above overlays */
--ring-alert-z-index: 6;
}
</style><style>.trapButton_cb1f {
position: absolute;
left: -9999px;
}
</style><style>/* https://readymag.com/artemtiunov/RingUILanguage/colours/ */
.clearfix_af48::after {
display: block;
clear: both;
content: "";
}
.font_d3a2 {
font-family: var(--ring-font-family);
font-size: var(--ring-font-size);
line-height: var(--ring-line-height);
}
.font-lower_a9cf {
line-height: var(--ring-line-height-lower);
}
.font-smaller_acce {
font-size: var(--ring-font-size-smaller);
}
.font-smaller-lower_eb3c {
line-height: var(--ring-line-height-lowest);
}
.font-larger-lower_af5b {
font-size: var(--ring-font-size-larger);
}
.font-larger_f5ad {
line-height: var(--ring-line-height-taller);
}
/* To be used at large sizes */
/* As close as possible to Helvetica Neue Thin (to replace Gotham) */
.thin-font_cc31 {
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: var(--ring-font-size);
font-weight: 100; /* Renders Helvetica Neue UltraLight on OS X */
}
.monospace-font_a372 {
font-family: var(--ring-font-family-monospace);
font-size: var(--ring-font-size-smaller);
}
.ellipsis_ff87 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.resetButton_c7cc {
overflow: visible;
padding: 0;
text-align: left;
color: inherit;
border: 0;
background-color: transparent;
font: inherit;
}
.resetButton_c7cc::-moz-focus-inner {
padding: 0;
border: 0;
}
/* Note: footer also has top margin which isn't taken into account here */
/* Media breakpoints (minimal values) */
/* Media queries */
</style><style>.popup_c820 {
position: fixed;
z-index: var(--ring-overlay-z-index);
top: -100vh;
left: -100vw;
overflow-y: auto;
box-sizing: border-box;
border: 1px solid var(--ring-popup-border-color);
border-radius: var(--ring-border-radius);
background-color: var(--ring-popup-background-color);
box-shadow: var(--ring-popup-shadow);
}
.hidden_a9aa {
display: none;
}
.showing_f565 {
opacity: 0;
}
.attached_de9b {
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
</style><style>/* stylelint-disable color-no-hex */
.ring-ui-theme-dark,
.dark_bc32,
:root.dark_bc32 {
--ring-line-components: 67, 69, 74;
--ring-line-color: rgb(var(--ring-line-components)); /* #43454A */
--ring-borders-components: 111, 115, 122;
--ring-borders-color: rgb(var(--ring-borders-components)); /* #6F737A */
--ring-icon-components: 134, 138, 145;
--ring-icon-color: rgb(var(--ring-icon-components)); /* #868A91 */
--ring-icon-secondary-components: 134, 138, 145;
--ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #868A91 */
--ring-border-disabled-components: 78, 81, 87;
--ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #4E5157 */
--ring-border-selected-disabled-components: 90, 93, 99;
--ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #5A5D63 */
--ring-icon-disabled-components: 78, 81, 87;
--ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #4E5157 */
--ring-border-hover-components: 55, 95, 173;
--ring-border-hover-color: rgb(var(--ring-border-hover-components)); /* #375FAD */
--ring-main-components: 53, 116, 240;
--ring-main-color: rgb(var(--ring-main-components)); /* #3574F0 */
--ring-action-link-components: 153, 187, 255;
--ring-action-link-color: rgb(var(--ring-action-link-components)); /* #99BBFF */
--ring-main-hover-components: 54, 106, 207;
--ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #366ACF */
--ring-icon-error-components: 219, 92, 92;
--ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #DB5C5C */
--ring-icon-warning-components: 214, 174, 88;
--ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #D6AE58 */
--ring-icon-success-components: 95, 173, 101;
--ring-icon-success-color: rgb(var(--ring-icon-success-components)); /* #5FAD65 */
--ring-popup-border-components: 57, 59, 64;
--ring-popup-border-color: rgb(var(--ring-popup-border-components)); /* #393B40 */
--ring-popup-shadow-color: rgba(0, 0, 0, 0.31);
--ring-popup-secondary-shadow-color: rgba(0, 0, 0, 0.37);
--ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);
--ring-pinned-shadow-components: 0, 0, 0;
--ring-pinned-shadow-color: rgb(var(--ring-pinned-shadow-components)); /* #000 */
--ring-button-danger-hover-color: var(--ring-error-color);
--ring-button-primary-border-components: 53, 116, 240;
--ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #3574F0 */
--ring-dialog-overlay-components: 0, 0, 0;
--ring-dialog-overlay-opacity: 0.7;
--ring-popup-shadow: 0 2px 8px var(--ring-popup-shadow-color), 0 1px 2px var(--ring-popup-secondary-shadow-color);
--ring-dialog-shadow: 0 4px 16px var(--ring-popup-shadow-color), 0 2px 6px var(--ring-popup-secondary-shadow-color);
/* Text */
--ring-hint-components: 134, 138, 145;
--ring-hint-color: rgb(var(--ring-hint-components)); /* #868A91 */
--ring-link-components: 153, 187, 255;
--ring-link-color: rgb(var(--ring-link-components)); /* #99BBFF */
--ring-link-hover-components: 107, 155, 250;
--ring-link-hover-color: rgb(var(--ring-link-hover-components)); /* #6B9BFA */
--ring-error-components: 227, 119, 116;
--ring-error-color: rgb(var(--ring-error-components)); /* #E37774 */
--ring-warning-components: 242, 197, 92;
--ring-warning-color: rgb(var(--ring-warning-components)); /* #F2C55C */
--ring-success-components: 115, 189, 121;
--ring-success-color: rgb(var(--ring-success-components)); /* #73BD79 */
--ring-text-components: 223, 225, 229;
--ring-text-color: rgb(var(--ring-text-components)); /* #DFE1E5 */
--ring-active-text-components: 255, 255, 255;
--ring-active-text-color: rgb(var(--ring-active-text-components)); /* #FFFFFF */
--ring-heading-color: var(--ring-text-color);
--ring-secondary-components: 157, 160, 168;
--ring-secondary-color: rgb(var(--ring-secondary-components)); /* #9DA0A8 */
--ring-disabled-components: 111, 115, 122;
--ring-disabled-color: rgb(var(--ring-disabled-components)); /* #6F737A */
/* Background */
--ring-content-background-components: 30, 31, 34;
--ring-content-background-color: rgb(var(--ring-content-background-components)); /* #1E1F22 */
--ring-popup-background-components: 57, 59, 64;
--ring-popup-background-color: rgb(var(--ring-popup-background-components)); /* #393B40 */
--ring-sidebar-background-components: 43, 45, 48;
--ring-sidebar-background-color: rgb(var(--ring-sidebar-background-components)); /* #2B2D30 */
--ring-selected-background-components: 46, 67, 110;
--ring-selected-background-color: rgb(var(--ring-selected-background-components)); /* #2E436E */
--ring-hover-background-components: 37, 50, 77;
--ring-hover-background-color: rgb(var(--ring-hover-background-components)); /* #25324D */
--ring-navigation-background-components: 30, 31, 34;
--ring-navigation-background-color: rgb(var(--ring-navigation-background-components)); /* #1E1F22 */
--ring-tag-background-components: 67, 69, 74;
--ring-tag-background-color: rgb(var(--ring-tag-background-components)); /* #43454A */
--ring-tag-hover-background-components: 57, 59, 64;
--ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #393B40 */
--ring-removed-background-components: 94, 56, 56;
--ring-removed-background-color: rgb(var(--ring-removed-background-components)); /* #5E3838 */
--ring-warning-background-components: 94, 77, 51;
--ring-warning-background-color: rgb(var(--ring-warning-background-components)); /* #5E4D33 */
--ring-added-background-components: 55, 82, 57;
--ring-added-background-color: rgb(var(--ring-added-background-components)); /* #375239 */
--ring-disabled-background-components: 57, 59, 64;
--ring-disabled-background-color: rgb(var(--ring-disabled-background-components)); /* #393B40 */
--ring-disabled-selected-background-components: 67, 69, 74;
--ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #43454A */
--ring-button-danger-active-components: 64, 41, 41;
--ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #402929 */
--ring-button-primary-background-components: 53, 116, 240;
--ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #3574F0 */
--ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #2B2D3050 */
--ring-removed-subtle-background-components: 64, 41, 41;
--ring-removed-subtle-background-color: rgb(var(--ring-removed-subtle-background-components)); /* #402929 */
--ring-warning-subtle-background-components: 61, 50, 35;
--ring-warning-subtle-background-color: rgb(var(--ring-warning-subtle-background-components)); /* #3D3223 */
--ring-added-subtle-background-components: 37, 54, 39;
--ring-added-subtle-background-color: rgb(var(--ring-added-subtle-background-components)); /* #253627 */
/* Code */
--ring-code-background-components: 30, 31, 34;
--ring-code-background-color: rgb(var(--ring-code-background-components)); /* #1E1F22 */
--ring-code-components: 189, 192, 201;
--ring-code-color: rgb(var(--ring-code-components)); /* #BDC0C9 */
--ring-code-comment-components: 110, 121, 138;
--ring-code-comment-color: rgb(var(--ring-code-comment-components)); /* #6E798A */
--ring-code-meta-components: 184, 177, 103;
--ring-code-meta-color: rgb(var(--ring-code-meta-components)); /* #B8B167 */
--ring-code-keyword-components: 214, 154, 107;
--ring-code-keyword-color: rgb(var(--ring-code-keyword-components)); /* #D69A6B */
--ring-code-tag-background-components: 67, 69, 74;
--ring-code-tag-background-color: rgb(var(--ring-code-tag-background-components)); /* #43454A */
--ring-code-tag-components: 214, 154, 107;
--ring-code-tag-color: rgb(var(--ring-code-tag-components)); /* #D69A6B */
--ring-code-tag-font-weight: normal;
--ring-code-field-components: 207, 132, 207;
--ring-code-field-color: rgb(var(--ring-code-field-components)); /* #CF84CF */
--ring-code-attribute-components: 81, 192, 207;
--ring-code-attribute-color: rgb(var(--ring-code-attribute-components)); /* #51C0CF */
--ring-code-number-components: 81, 192, 207;
--ring-code-number-color: rgb(var(--ring-code-number-components)); /* #51C0CF */
--ring-code-string-components: 108, 171, 116;
--ring-code-string-color: rgb(var(--ring-code-string-components)); /* #6CAB74 */
--ring-code-addition-components: 55, 82, 57;
--ring-code-addition-color: rgb(var(--ring-code-addition-components)); /* #375239 */
--ring-code-deletion-components: 67, 69, 74;
--ring-code-deletion-color: rgb(var(--ring-code-deletion-components)); /* #43454A */
color-scheme: dark;
}
</style><style>.icon_dd05 {
display: inline-block;
fill: currentColor;
}
.glyph_b7a8 {
display: inline-flex;
margin-right: -1px;
margin-left: -1px;
pointer-events: none;
}
.glyph_b7a8[width="10"] {
vertical-align: -1px;
}
.glyph_b7a8[width="12"] {
vertical-align: -1px;
}
/* TODO remove in 7.0 */
.glyph_b7a8[width="14"] {
margin-right: -2px;
margin-left: 0;
vertical-align: -3px;
}
.glyph_b7a8[width="16"] {
vertical-align: -3px;
}
.glyph_b7a8[width="20"] {
vertical-align: -2px;
}
.glyph_b7a8.compatibilityMode_f8b0 {
width: calc(var(--ring-unit)*2);
height: calc(var(--ring-unit)*2);
margin-right: 0;
margin-left: 0;
}
/* HACK: This media query hack makes styles applied for WebKit browsers only */
/* stylelint-disable-next-line media-feature-name-no-vendor-prefix */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.glyph_b7a8 {
width: auto; /* Safari size bug workaround, see https://youtrack.jetbrains.com/issue/RG-1983 */
}
}
.gray_b861 {
color: var(--ring-icon-secondary-color);
}
.hover_f2f8 {
color: var(--ring-icon-hover-color);
}
.green_bc00 {
color: var(--ring-icon-success-color);
}
.magenta_a6ab {
color: var(--ring-link-hover-color);
}
.red_dfd3 {
color: var(--ring-icon-error-color);
}
.blue_dfd8 {
color: var(--ring-main-color);
}
.white_ff76 {
color: var(--ring-white-text-color);
}
.loading_f69c {
animation-name: icon-loading_d379;
animation-duration: 1200ms;
animation-iteration-count: infinite;
}
@keyframes icon-loading_d379 {
0% {
transform: scale(1);
}
50% {
transform: scale(0.9);
opacity: 0.5;
}
100% {
transform: scale(1);
}
}
</style><style>.errorMessage_ddd9 {
display: flex;
align-items: center;
flex-direction: row;
justify-content: center;
max-width: 600px;
height: 100%;
margin: 0 auto;
}
.title_a712 {
font-size: 21px;
}
.description_f41a {
font-size: 15px;
}
.content_cc75 {
flex-direction: column;
color: var(--ring-text-color);
}
.content_cc75 > .title_a712,
.description_f41a {
margin-bottom: 16px;
}
.icon_f76b {
margin: 0 16px 24px 0;
color: var(--ring-icon-secondary-color);
}
</style><style>.contentWithHeadings_b41a h1,
.contentWithHeadings_b41a:is(h1),
.contentWithHeadings_b41a h2,
.contentWithHeadings_b41a:is(h2),
.contentWithHeadings_b41a h3,
.contentWithHeadings_b41a:is(h3),
.contentWithHeadings_b41a h4,
.contentWithHeadings_b41a:is(h4) {
margin-top: var(--ring-line-height);
font-weight: var(--ring-font-weight-bold);
}
.contentWithHeadings_b41a h1:first-child, .contentWithHeadings_b41a:is(h1):first-child, .contentWithHeadings_b41a h2:first-child, .contentWithHeadings_b41a:is(h2):first-child, .contentWithHeadings_b41a h3:first-child, .contentWithHeadings_b41a:is(h3):first-child, .contentWithHeadings_b41a h4:first-child, .contentWithHeadings_b41a:is(h4):first-child {
margin-top: 0;
}
.contentWithHeadings_b41a :is(h1, h2), .contentWithHeadings_b41a:is(h1, h2) {
margin-bottom: 8px;
color: var(--ring-heading-color);
}
.contentWithHeadings_b41a h1,
.contentWithHeadings_b41a:is(h1) {
font-size: 24px;
line-height: 28px;
}
.contentWithHeadings_b41a h2,
.contentWithHeadings_b41a:is(h2) {
font-size: 20px;
line-height: 24px;
}
.contentWithHeadings_b41a h3,
.contentWithHeadings_b41a:is(h3) {
margin-bottom: 0;
font-size: 16px;
line-height: 22px;
}
.contentWithHeadings_b41a h4,
.contentWithHeadings_b41a:is(h4) {
margin-bottom: 1px;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 12px;
font-weight: normal;
line-height: 18px;
}
.heading_e914 {
}
.caps_c6cb {
letter-spacing: 2px;
text-transform: uppercase;
}
.heading_e914.bold_f2cf {
font-weight: var(--ring-font-weight-bold);
}
</style><style>.heightS_d519 {
--ring-button-height: calc(var(--ring-unit)*3);
--ring-button-font-size: var(--ring-font-size-smaller);
}
.heightM_c805 {
--ring-button-height: calc(var(--ring-unit)*3.5);
--ring-button-font-size: var(--ring-font-size);
}
.heightL_edee {
--ring-button-height: calc(var(--ring-unit)*4);
--ring-button-font-size: var(--ring-font-size);
}
.button_e6d2 {
position: relative;
display: inline-block;
box-sizing: border-box;
height: var(--ring-button-height);
margin: 0;
padding: 0 calc(var(--ring-unit)*2);
cursor: pointer;
transition: color var(--ring-ease), background-color var(--ring-ease), box-shadow var(--ring-ease);
white-space: nowrap;
text-decoration: none;
color: var(--ring-text-color);
border: 0;
border-radius: var(--ring-border-radius);
outline: 0;
background-color: var(--ring-content-background-color);
box-shadow: inset 0 0 0 1px var(--ring-borders-color);
font-family: var(--ring-font-family);
font-size: var(--ring-button-font-size);
line-height: var(--ring-button-height);
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.button_e6d2[disabled]:hover {
color: var(--ring-disabled-color);
}}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.button_e6d2:hover {
transition: none;
box-shadow: inset 0 0 0 1px var(--ring-border-hover-color);
}}
.button_e6d2:active {
transition: none;
background-color: var(--ring-selected-background-color);
box-shadow: inset 0 0 0 1px var(--ring-border-hover-color);
}
.button_e6d2:focus-visible {
transition: none;
box-shadow: inset 0 0 0 1px var(--ring-border-hover-color), 0 0 0 1px var(--ring-border-hover-color);
}
.button_e6d2.active_d277 {
transition: none;
background-color: var(--ring-hover-background-color);
box-shadow: inset 0 0 0 1px var(--ring-main-color);
}
.button_e6d2.active_d277:focus-visible {
box-shadow: inset 0 0 0 2px var(--ring-main-color), 0 0 0 1px var(--ring-border-hover-color);
}
.button_e6d2[disabled] {
cursor: auto;
background-color: var(--ring-disabled-background-color);
box-shadow: inset 0 0 0 1px var(--ring-border-disabled-color);
}
.button_e6d2.active_d277[disabled] {
background-color: var(--ring-disabled-selected-background-color);
box-shadow: inset 0 0 0 1px var(--ring-border-selected-disabled-color);
}
.button_e6d2[disabled],
.button_e6d2.withIcon_d27c[disabled] {
color: var(--ring-disabled-color);
}
/* stylelint-disable-next-line selector-max-specificity */
.button_e6d2[disabled] .icon_d89c.icon_d89c {
color: var(--ring-icon-disabled-color);
}
.button_e6d2::-moz-focus-inner {
padding: 0;
border: 0;
outline: 0;
}
.withIcon_d27c {
color: var(--ring-secondary-color);
}
.primary_b2ec {
color: var(--ring-white-text-color);
background-color: var(--ring-main-color);
box-shadow: none;
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.primary_b2ec:hover {
transition: none;
background-color: var(--ring-main-hover-color);
box-shadow: none;
}}
.primary_b2ec.withIcon_d27c,
.primary_b2ec.withIcon_d27c:active,
.primary_b2ec.withIcon_d27c.active_d277 {
color: var(--ring-action-link-color);
}
.primary_b2ec:focus-visible,
.primary_b2ec:active,
.primary_b2ec.active_d277 {
background-color: var(--ring-button-primary-background-color);
}
.primary_b2ec:active,
.primary_b2ec.active_d277 {
box-shadow: inset 0 0 0 1px var(--ring-button-primary-border-color);
}
.primary_b2ec[disabled] {
background-color: var(--ring-disabled-background-color);
box-shadow: inset 0 0 0 1px var(--ring-border-disabled-color);
}
.primary_b2ec.loader_b341[disabled] {
color: var(--ring-white-text-color);
}
.primary_b2ec .loaderBackground_bf9d {
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: var(--ring-border-radius);
}
.primary_b2ec .loaderBackground_bf9d::before {
background-image:
linear-gradient(
to right,
var(--ring-main-color),
var(--ring-button-loader-background) 40%,
var(--ring-main-color) 80%
);
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.danger_b201:hover {
transition: none;
}}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.danger_b201:hover {
box-shadow: inset 0 0 0 1px var(--ring-button-danger-hover-color);
}}
.danger_b201,
.danger_b201.withIcon_d27c,
.danger_b201.withIcon_d27c:active,
.danger_b201.withIcon_d27c.active_d277,
.danger_b201.text_a5d1,
.danger_b201.text_a5d1:active,
.danger_b201.text_a5d1.active_d277 {
color: var(--ring-error-color);
}
.danger_b201:active,
.danger_b201.active_d277 {
background-color: var(--ring-button-danger-active-color);
}
.danger_b201:active,
.danger_b201.active_d277,
.danger_b201:focus-visible {
box-shadow: inset 0 0 0 1px var(--ring-button-danger-hover-color);
}
.danger_b201:focus-visible {
transition: none;
}
.text_a5d1.text_a5d1,
.withIcon_d27c.withIcon_d27c {
background-color: transparent;
box-shadow: none;
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.text_a5d1.text_a5d1:hover, .withIcon_d27c.withIcon_d27c:hover {
transition: none;
}}
.text_a5d1.text_a5d1:active,
.withIcon_d27c.withIcon_d27c:active,
.text_a5d1.text_a5d1.active_d277,
.withIcon_d27c.withIcon_d27c.active_d277 {
background-color: transparent;
box-shadow: none;
}
.text_a5d1.text_a5d1:focus-visible, .withIcon_d27c.withIcon_d27c:focus-visible {
box-shadow: inset 0 0 0 2px var(--ring-border-hover-color);
}
.loader_b341.text_a5d1 > .content_d41e {
animation-name: text-loading_f8f8;
animation-duration: 1200ms;
animation-iteration-count: infinite;
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.text_a5d1.text_a5d1:hover {
background-color: transparent;
box-shadow: none;
}}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.withIcon_d27c:hover:not(:focus-visible) {
background-color: transparent;
box-shadow: none;
}}
.text_a5d1 {
color: var(--ring-action-link-color);
}
.inline_d455 {
display: inline-block;
margin: 0;
padding: 0;
font-size: var(--ring-font-size);
}
.withIcon_d27c {
padding: 0 var(--ring-unit);
}
.text_a5d1:active,
.text_a5d1.active_d277 {
color: var(--ring-link-hover-color);
}
.withIcon_d27c:active,
.withIcon_d27c.active_d277 {
color: var(--ring-action-link-color);
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.withIcon_d27c:hover {
color: var(--ring-link-hover-color);
}}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.text_a5d1:hover {
color: var(--ring-link-hover-color);
}}
.icon_d89c {
color: inherit;
line-height: normal;
}
.icon_d89c:not(:last-child) {
margin-right: calc(var(--ring-unit)*0.5);
}
.withNormalIcon_a27f .icon_d89c {
transition: color var(--ring-ease);
color: var(--ring-icon-color);
}
.withNormalIcon_a27f:active,
.withNormalIcon_a27f.active_d277 {
color: var(--ring-main-color);
}
.withNormalIcon_a27f:active .icon_d89c, .withNormalIcon_a27f.active_d277 .icon_d89c {
transition: none;
color: inherit;
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.withNormalIcon_a27f:hover .icon_d89c,
.withDangerIcon_b48a:hover .icon_d89c {
transition: none;
color: inherit;
}}
.withDangerIcon_b48a .icon_d89c,
.withDangerIcon_b48a:active .icon_d89c {
color: var(--ring-icon-error-color);
}
.loader_b341 {
position: relative;
z-index: 0;
pointer-events: none;
background-color: transparent;
}
.loaderBackground_bf9d {
position: absolute;
z-index: -1;
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
overflow: hidden;
border-radius: var(--ring-border-radius-small);
}
.loaderBackground_bf9d::before {
display: block;
width: calc(100% + var(--ring-unit)*8);
height: 100%;
content: "";
animation: progress_bc4f 1s linear infinite;
background-image:
linear-gradient(
to right,
var(--ring-content-background-color),
var(--ring-selected-background-color) 40%,
var(--ring-content-background-color) 80%
);
background-repeat: repeat;
background-size: calc(var(--ring-unit)*8);
}
.delayed_d024 .content_d41e::after {
content: "…";
}
.short_f60e {
width: calc(var(--ring-unit)*4);
padding: 0;
}
.dropdownIcon_f4ab {
margin-right: -3px;
margin-left: 3px;
transition: color var(--ring-ease);
color: var(--ring-icon-secondary-color);
line-height: normal;
}
.primary_b2ec .dropdownIcon_f4ab {
color: unset;
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.button_e6d2:hover .dropdownIcon_f4ab {
transition: none;
color: var(--ring-main-color);
}}
@keyframes progress_bc4f {
from {
transform: translateX(-64px); /* must be in Sync with loaderWidth, but CSS var doesn't work due to RG-2438 */
}
to {
transform: translateX(0);
}
}
@keyframes text-loading_f8f8 {
50% {
opacity: 0.5;
}
}
</style><style>.c_permamlink__aa7 {
visibility: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
opacity: 0;
transition:
visibility 0.3s linear,
opacity 0.3s linear;
font-weight: 400;
color: var(--ring-secondary-color);
padding-left: var(--ring-unit);
}
h1:hover > .c_permamlink__aa7,
h2:hover > .c_permamlink__aa7,
h3:hover > .c_permamlink__aa7,
h4:hover > .c_permamlink__aa7,
h5:hover > .c_permamlink__aa7,
h6:hover > .c_permamlink__aa7 {
visibility: visible;
opacity: 1;
}
</style><style>.c_taskList__a91.c_taskList__a91.c_taskList__a91 {
list-style-type: none;
}
.c_taskList__a91 li {
min-height: var(--ring-line-height);
}
.c_taskList__a91.c_taskList__a91.c_taskList__a91 .c_taskCheckbox__fc5 {
position: absolute;
margin-left: -24px;
margin-right: 8px;
margin-top: 4px;
vertical-align: top;
}
.compactUiMode :is(.c_taskList__a91.c_taskList__a91.c_taskList__a91 .c_taskCheckbox__fc5) {
margin-top: 2px;
margin-left: -22px;
}
@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
/* Inspired by https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/ */
.c_taskCheckbox__fc5 {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 16px;
width: 16px;
vertical-align: -2px;
margin: 0 2px 0 0;
cursor: pointer;
border: 1px solid var(--ring-borders-color);
background: var(--ring-content-background-color);
border-radius: var(--ring-border-radius-small);
transition:
background 0.3s,
border-color 0.3s;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.c_taskCheckbox__fc5::after {
position: absolute;
top: 0.5px;
left: 4px;
content: "";
display: block;
transition:
transform 0.6s cubic-bezier(0.2, 0.85, 0.32, 1.2),
opacity 0.3s;
opacity: 0;
width: 4px;
height: 8px;
border: 2px solid var(--ring-content-background-color);
border-top: 0;
border-left: 0;
transform: rotate(43deg);
}
.c_taskCheckbox__fc5:checked {
border: 1px solid var(--ring-main-color);
background: var(--ring-main-color);
}
.c_taskCheckbox__fc5:checked::after {
opacity: 1;
}
.c_taskCheckbox__fc5:disabled {
cursor: not-allowed;
border: 1px solid var(--ring-border-disabled-color);
background: var(--ring-sidebar-background-color);
}
.c_taskCheckbox__fc5:disabled:checked {
background: var(--ring-icon-disabled-color);
}
.c_taskCheckbox__fc5:hover:not(:checked, :disabled) {
background: var(--ring-hover-background-color);
}
}
</style><style>.embedded-iframe {
height: 600px;
width: 100%;
box-sizing: border-box;
border: 1px solid var(--ring-borders-color);
}
</style><style>lite-youtube {
background-color: #000;
position: relative;
display: block;
contain: content;
background-position: center center;
background-size: cover;
cursor: pointer;
max-width: 720px;
}
/* gradient */
lite-youtube::before {
content: '';
display: block;
position: absolute;
top: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
background-position: top;
background-repeat: repeat-x;
height: 60px;
padding-bottom: 50px;
width: 100%;
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
/* responsive iframe with a 16:9 aspect ratio
thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
content: "";
display: block;
padding-bottom: calc(100% / (16 / 9));
}
lite-youtube > iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
/* play button */
lite-youtube > .lty-playbtn {
width: 68px;
height: 48px;
position: absolute;
transform: translate3d(-50%, -50%, 0);
top: 50%;
left: 50%;
z-index: 1;
background-color: transparent;
/* YT's actual play button svg */
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');
filter: grayscale(100%);
transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
border: none;
}
lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
filter: none;
}
/* Post-click styles */
lite-youtube.lyt-activated {
cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
opacity: 0;
pointer-events: none;
}
</style><style>.text_c2e1 {
color: var(--ring-text-color);
}
.sizeS_e611 {
font-size: var(--ring-font-size-smaller);
line-height: var(--ring-line-height-lowest);
}
.sizeM_aa1d {
font-size: var(--ring-font-size);
line-height: var(--ring-line-height);
}
.sizeL_c36b {
font-size: var(--ring-font-size-larger);
line-height: var(--ring-line-height-taller);
}
.info_b04f {
color: var(--ring-secondary-color);
}
.bold_af9e {
font-weight: var(--ring-font-weight-bold);
}
</style><style>.c_container__eef {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: var(--ring-sidebar-background-color);
height: 600px;
width: 100%;
box-sizing: border-box;
border: 1px solid var(--ring-line-color);
}
.c_showPreviewButton__c5f {
margin-top: var(--ring-unit);
}
.c_message__aba {
text-align: center;
padding: 0 calc(var(--ring-unit) * 4);
max-width: 50%;
}
</style><style>.alert_d3d1 {
position: relative;
display: flex;
align-items: baseline;
box-sizing: border-box;
min-height: calc(var(--ring-unit)*5);
margin: var(--ring-unit) auto;
padding: 0 calc(var(--ring-unit)*2);
transition:
transform 300ms ease-out,
margin-bottom 300ms ease-out,
opacity 300ms ease-out;
white-space: nowrap;
pointer-events: auto;
border-radius: var(--ring-border-radius);
background-color: var(--ring-popup-background-color);
box-shadow: var(--ring-popup-shadow);
font-size: var(--ring-font-size);
line-height: calc(var(--ring-unit)*5);
}
.alertInline_f994 {
margin: var(--ring-unit);
}
.error_d869 {
word-wrap: break-word;
color: var(--ring-icon-error-color);
}
.icon_b224 {
margin-right: var(--ring-unit);
}
.caption_e1c1 {
overflow: hidden;
max-width: calc(100% - var(--ring-unit)*5);
margin: 12px 0;
white-space: normal;
color: var(--ring-active-text-color);
line-height: 20px;
}
.caption_e1c1.withCloseButton_bb89 {
margin-right: calc(var(--ring-unit)*5);
}
.badge_f424 {
margin-left: var(--ring-unit);
vertical-align: baseline;
}
.loader_cd49 {
top: 2px;
margin-right: var(--ring-unit);
}
.close_f9d5.close_f9d5 {
position: absolute;
top: 2px;
right: 0;
margin: calc(var(--ring-unit)/2);
padding: var(--ring-unit);
font-size: 0;
line-height: 0;
}
@keyframes show_e465 {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes shaking_d83c {
10%,
90% {
transform: translateX(-1px);
}
20%,
80% {
transform: translateX(2px);
}
30%,
50%,
70% {
transform: translateX(-4px);
}
40%,
60% {
transform: translateX(4px);
}
}
.animationOpen_bb02 {
animation-name: show_e465;
animation-duration: 300ms;
}
.animationClosing_a498 {
z-index: var(--ring-invisible-element-z-index);
opacity: 0;
}
.animationShaking_c754 {
animation-name: shaking_d83c;
animation-duration: 500ms;
}
</style><style>.alertContainer_ce0e {
position: fixed;
z-index: var(--ring-alert-z-index);
right: calc(var(--ring-unit)*2);
bottom: calc(var(--ring-unit));
display: flex;
overflow: visible;
align-items: flex-end;
flex-direction: column;
max-height: calc(100vh - var(--ring-unit)*2);
pointer-events: none;
font-family: var(--ring-font-family);
font-size: var(--ring-font-size);
}
.alertInContainer_a734 {
overflow-y: auto;
min-width: calc(var(--ring-unit)*30);
max-width: calc(var(--ring-unit)*50);
margin-top: 0;
}
</style><style>:root {
/* stylelint-disable-next-line color-no-hex */
--ring-loader-inline-stops: #ff00eb, #bd3bff, #008eff, #58ba00, #f48700, #ff00eb;
}
.dark_bc32,
.ring-ui-theme-dark {
/* stylelint-disable-next-line color-no-hex */
--ring-loader-inline-stops: #ff2eef, #d178ff, #289fff, #88d444, #ffe000, #ff2eef;
}
@keyframes spin_c5c4 {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@keyframes pulse_b31a {
0% {
transform: scale(1);
}
100% {
transform: scale(1.41667);
}
}
.loader_e5cc,
.ring-loader-inline {
/* needed for better backward-compatibility */
position: relative;
display: inline-block;
overflow: hidden;
transform: rotate(0);
animation: spin_c5c4 1s linear infinite;
vertical-align: -3px;
border-radius: var(--ring-unit);
}
.loader_e5cc,
.ring-loader-inline,
.loader_e5cc::after,
.ring-loader-inline::after {
transform-origin: 50% 50%;
}
.loader_e5cc::after, .ring-loader-inline::after {
display: block;
width: calc(var(--ring-unit)*2);
height: calc(var(--ring-unit)*2);
content: "";
animation: pulse_b31a 0.85s cubic-bezier(0.68, 0, 0.74, 0.74) infinite alternate;
background-image: conic-gradient(var(--ring-loader-inline-stops));
-webkit-mask-image: radial-gradient(var(--ring-unit), transparent 71.875%, var(--ring-content-background-color) 71.875%);
mask-image: radial-gradient(var(--ring-unit), transparent 71.875%, var(--ring-content-background-color) 71.875%);
}
.children_e7ad {
margin-left: calc(var(--ring-unit)/2);
}
</style><style>.island_ae64 {
display: flex;
flex-direction: column;
border: 1px solid var(--ring-line-color);
border-radius: var(--ring-border-radius);
background-color: var(--ring-content-background-color);
box-shadow: 0 1px 4px var(--ring-popup-shadow-color);
}
.withTransparentBottomBorder_ce84 {
transition: border-bottom-color 0.1s;
border-bottom: 1px solid transparent;
}
.header_af05 {
box-sizing: border-box;
width: 100%;
padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4) var(--ring-unit);
transition: border-bottom-color 0.1s;
border-bottom: 1px solid transparent;
line-height: 24px;
}
.withBottomBorder_f18e.withBottomBorder_f18e {
border-bottom-color: var(--ring-popup-border-color);
border-top-left-radius: var(--ring-border-radius);
border-top-right-radius: var(--ring-border-radius);
}
.title_de8b {
display: block;
float: left;
margin: 0;
transform-origin: 0 50%;
word-break: break-word;
color: var(--ring-heading-color);
font-size: inherit;
font-weight: var(--ring-font-weight-bold);
}
.narrowIsland_c249 .header_af05 {
padding: 0 calc(var(--ring-unit)*2);
}
.content_cbd9 {
position: relative;
display: flex;
overflow: auto;
width: 100%;
-webkit-overflow-scrolling: touch;
}
.scrollableWrapper_ddea {
overflow: auto;
width: 100%;
padding: calc(var(--ring-unit)*2) calc(var(--ring-unit)*4);
}
.scrollableWrapper_ddea:focus:not(:focus-visible) {
outline: none;
}
.narrowIsland_c249 .scrollableWrapper_ddea {
padding: calc(var(--ring-unit)*2);
}
.withoutPaddings_e0c3 .scrollableWrapper_ddea {
padding: 0;
}
.contentWithTopFade_cb10::before {
position: absolute;
z-index: var(--ring-fixed-z-index);
left: 0;
display: block;
width: 100%;
height: calc(var(--ring-unit)*3);
content: "";
pointer-events: none;
opacity: 0.8;
background: linear-gradient(to top, rgba(255, 255, 255, 0), var(--ring-content-background-color));
}
.contentWithTopFade_cb10:first-child::before {
border-top-left-radius: var(--ring-border-radius);
border-top-right-radius: var(--ring-border-radius);
}
.contentWithBottomFade_c558::after {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: calc(var(--ring-unit)*3);
content: "";
pointer-events: none;
opacity: 0.8;
border-bottom-right-radius: var(--ring-border-radius);
border-bottom-left-radius: var(--ring-border-radius);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--ring-content-background-color));
}
</style><style>.link_c238,
.withLinks_eeed a {
cursor: pointer;
transition: color var(--ring-fast-ease);
color: var(--ring-link-color);
outline: none;
text-decoration-line: none;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {:is(.link_c238,.withLinks_eeed a):hover {
text-decoration-line: underline;
transition: none;
color: var(--ring-link-hover-color);
}}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
.link_c238,
.withLinks_eeed a {
text-decoration-thickness: 0.5px;
}
}
.hover_e21b:is(.link_c238,.withLinks_eeed a) {
text-decoration-line: underline;
transition: none;
color: var(--ring-link-hover-color);
}
/* stylelint-disable-next-line selector-max-specificity */
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.pseudo_a115:is(.link_c238,.withLinks_eeed a):hover {
text-decoration: none;
}}
:is(.link_c238,.withLinks_eeed a):focus-visible {
box-shadow: 0 0 0 2px var(--ring-border-hover-color);
}
.link_c238.active_bea5 {
color: inherit;
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.inherit_c030:not(:hover) {
color: inherit;
}}
.pseudo_a115 {
margin: 0;
padding: 0;
text-align: left;
border: 0;
background: transparent;
font: inherit;
}
.pseudo_a115::-moz-focus-inner {
padding: 0;
border: 0;
}
</style><style>.list_bea7 {
position: relative;
z-index: 1;
border-radius: var(--ring-border-radius);
line-height: normal;
}
.simpleInner_fe08 {
overflow: auto;
}
.scrolling_f3da {
pointer-events: none;
}
.separator_d2f3 {
display: block;
min-height: var(--ring-unit);
margin-top: var(--ring-unit);
padding: 0 calc(var(--ring-unit)*2) 1px;
text-align: right;
white-space: nowrap;
color: var(--ring-secondary-color);
border-top: 1px solid var(--ring-line-color);
font-size: var(--ring-font-size-smaller);
line-height: var(--ring-line-height-lower);
}
.separator_first_f870 {
margin-top: 0;
padding-top: 0;
border: none;
}
.item_abd0 {
display: block;
box-sizing: border-box;
width: 100%;
text-align: left;
vertical-align: bottom;
white-space: nowrap;
text-decoration: none;
outline: none;
font-size: var(--ring-font-size);
}
.item_abd0.item_abd0 {
padding: 3px calc(var(--ring-unit)*2) 5px;
line-height: calc(var(--ring-unit)*3);
}
.itemContainer_f54e {
position: relative;
}
.compact_ddfa {
line-height: calc(var(--ring-unit)*2);
}
.error_f0fc {
cursor: default;
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.error_f0fc:hover {
color: var(--ring-error-color);
}}
/* Override ring-link */
.error_f0fc,
.error_f0fc:focus,
.error_f0fc:visited {
color: var(--ring-error-color);
}
.add_feea {
padding: var(--ring-unit) calc(var(--ring-unit)*2);
line-height: calc(var(--ring-unit)*4);
}
.top_c00c {
display: flex;
align-items: baseline;
flex-direction: row;
}
.left_c693 {
align-self: center;
flex-shrink: 0;
}
.label_b07f {
overflow: hidden;
flex-grow: 1;
flex-shrink: 1;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
}
[dir="rtl"] .label_b07f {
text-align: right;
direction: ltr;
}
.description_b594 {
overflow: hidden;
flex-shrink: 100;
padding-left: var(--ring-unit);
text-align: right;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--ring-secondary-color);
font-size: var(--ring-font-size-smaller);
font-weight: 400;
line-height: var(--ring-line-height-lowest);
}
.right_b048 {
display: flex;
align-items: center;
align-self: center;
flex-direction: row;
flex-shrink: 0;
}
.details_b5bd {
margin-bottom: 6px;
white-space: normal;
color: var(--ring-secondary-color);
font-size: var(--ring-font-size-smaller);
line-height: var(--ring-line-height-lowest);
}
.padded_d662 {
margin-left: 20px;
}
/* Override :last-child */
.hint_d7d3.hint_d7d3 {
margin-bottom: 0;
border-top: 1px solid var(--ring-line-color);
background-color: var(--ring-sidebar-background-color);
font-size: var(--ring-font-size-smaller);
}
.action_f2ca {
cursor: pointer;
color: var(--ring-text-color);
}
/* override link */
.actionLink_c1d2.actionLink_c1d2 {
transition: none;
}
.hover_a493:not(.error_f0fc) {
background-color: var(--ring-selected-background-color);
}
.icon_df06 {
display: inline-block;
width: 20px;
height: 20px;
margin-left: calc(var(--ring-unit)*2);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.highlight_d59d {
color: var(--ring-link-hover-color);
}
.service_a94c {
color: var(--ring-secondary-color);
}
.glyph_b2b4 {
float: left;
width: 20px;
margin-right: var(--ring-unit);
color: var(--ring-icon-secondary-color);
}
.avatar_b88c {
top: 0;
height: 20px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.rightGlyph_b25b {
float: right;
margin-right: 0;
margin-left: calc(var(--ring-unit)*2);
}
.checkboxContainer_a54f {
position: absolute;
top: 7px;
left: 19px;
width: 20px;
height: 20px;
margin-right: var(--ring-unit);
}
.compact_ddfa .checkboxContainer_a54f {
top: 0;
width: calc(var(--ring-unit)*2);
height: calc(var(--ring-unit)*2);
}
.title_a588 {
display: block;
margin-top: 10px;
margin-bottom: 6px;
padding: var(--ring-unit) calc(var(--ring-unit)*2) 0;
text-align: left;
}
[dir="rtl"] .title_a588 {
text-align: right;
direction: ltr;
}
.title_first_a8e2 {
margin-top: 0;
}
.text_e3e0 {
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--ring-secondary-color);
font-size: var(--ring-font-size-smaller);
}
.fade_f9ee {
position: absolute;
bottom: 0;
width: 100%;
height: calc(var(--ring-unit)*3);
pointer-events: none;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--ring-content-background-color));
}
.overscrollNone_a1fe {
overscroll-behavior: none;
}
.disabled_ac8c {
pointer-events: none;
color: var(--ring-disabled-color);
}
</style><style>.avatar_e461 {
display: inline-block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
/* This is a "graceful degradation" fallback, while the real value is controlled by JS */
border-radius: var(--ring-border-radius);
}
.subavatar_c581 {
position: absolute;
top: 15px;
left: 27px;
border: 1px var(--ring-content-background-color) solid;
}
.empty_a7f4 {
display: inline-block;
box-sizing: border-box;
border: 1px solid var(--ring-borders-color);
}
</style><style>.help_c42f {
color: var(--ring-secondary-color);
font-size: var(--ring-font-size-smaller);
line-height: var(--ring-line-height-lowest);
}
</style><style>.checkbox_bb84 {
position: relative;
display: inline-flex;
align-items: baseline;
text-align: left;
color: var(--ring-text-color);
outline: none;
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.checkbox_bb84:hover .cell_f5ba {
transition: background-color var(--ring-ease);
border-color: var(--ring-border-hover-color);
}}
.cell_f5ba {
position: relative;
top: -2px;
display: inline-block;
box-sizing: border-box;
width: 14px;
height: 14px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: border-color var(--ring-ease), background-color var(--ring-ease), box-shadow var(--ring-ease);
vertical-align: middle;
pointer-events: none;
border: 1px solid var(--ring-borders-color);
border-radius: var(--ring-border-radius-small);
background-color: var(--ring-content-background-color);
}
.icon_fbfd.icon_fbfd {
position: absolute;
top: 0;
left: 1px;
width: calc(var(--ring-unit)*2);
height: calc(var(--ring-unit)*2);
opacity: 0;
color: var(--ring-white-text-color);
}
.icon_fbfd.icon_fbfd svg {
position: absolute;
top: 0;
left: 0;
}
.check_b2eb {
}
.minus_c96c {
}
.input_cb8e {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
cursor: pointer;
opacity: 0;
/* stylelint-disable selector-max-specificity */
}
.input_cb8e:checked + .cellWrapper_a4df .cell_f5ba,
.input_cb8e:indeterminate + .cellWrapper_a4df .cell_f5ba {
border-color: transparent;
background-color: var(--ring-main-color);
}
.input_cb8e:checked + .cellWrapper_a4df .check_b2eb {
opacity: 1;
}
.input_cb8e:focus-visible + .cellWrapper_a4df .cell_f5ba,
.input_cb8e.focus_b0db + .cellWrapper_a4df .cell_f5ba {
transition: background-color var(--ring-ease);
border-color: var(--ring-border-hover-color);
box-shadow: 0 0 0 1px var(--ring-border-hover-color);
}
.input_cb8e:indeterminate + .cellWrapper_a4df .minus_c96c {
opacity: 1;
}
.input_cb8e[disabled] {
pointer-events: none;
}
.input_cb8e[disabled][disabled] + .cellWrapper_a4df .cell_f5ba {
border-color: var(--ring-border-disabled-color);
background-color: var(--ring-disabled-background-color);
}
.input_cb8e[disabled]:checked + .cellWrapper_a4df .cell_f5ba,
.input_cb8e[disabled]:indeterminate + .cellWrapper_a4df .cell_f5ba {
border-color: var(--ring-border-selected-disabled-color);
background-color: var(--ring-border-selected-disabled-color);
}
.input_cb8e[disabled]:checked + .cellWrapper_a4df .check_b2eb,
.input_cb8e[disabled]:indeterminate + .cellWrapper_a4df .minus_c96c {
color: var(--ring-disabled-background-color);
}
.input_cb8e:indeterminate:indeterminate + .cellWrapper_a4df .check_b2eb {
transition: none;
opacity: 0;
}
/* stylelint-enable */
.input_cb8e[disabled] ~ .label_cf50 {
color: var(--ring-disabled-color);
}
.label_cf50 {
margin-left: var(--ring-unit);
line-height: normal;
}
</style><style>.dropdown_fb44 {
display: inline-block;
}
.anchor_a81c.anchor_a81c {
margin: 0 -3px;
padding: 0 3px;
font: inherit;
}
.chevron_bd4e {
margin-left: 2px;
line-height: normal;
}
</style><style>.c_frame__d73 {
display: block;
border: none;
height: 100%;
width: 100%;
}
.c_dashboardLoaderLines__cdb {
height: 100%;
padding: 0 calc(var(--ring-unit) * 4);
}
.c_dashboardLoaderLines__cdb > * {
margin-bottom: calc(var(--ring-unit) * 2);
overflow: hidden;
}
.c_widgetDialog__a84 {
display: block;
height: 100%;
width: 100%;
}
.c_widgetDialog__a84:not([open]) {
all: unset;
}
.c_widgetDialog__a84[open] {
max-height: 640px;
overflow: hidden;
border: none;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
overscroll-behavior: none;
background-color: transparent;
}
.c_widgetDialog__a84[open] > .c_widgetIsland__ad5 {
width: 600px;
height: 100%;
}
.c_widgetDialog__a84::backdrop {
background-color: rgba(var(--ring-dialog-overlay-components), var(--ring-dialog-overlay-opacity));
}
.c_widgetIsland__ad5 {
height: 100%;
width: 100%;
border-radius: calc(var(--ring-border-radius) * 2);
box-shadow: none;
}
.c_widgetDialog__a84.c_selected__d17 .c_widgetIsland__ad5 {
border: solid 1px var(--ring-main-color);
}
.c_widgetIslandHeader__ff7.c_widgetIslandHeader__ff7 {
position: relative;
padding: calc(var(--ring-unit) * 2) calc(var(--ring-unit) * 3);
border-bottom: none;
}
.c_widgetIslandHeader__ff7.c_widgetIslandHeader__ff7.c_draggable__b38 {
cursor: grab;
}
.c_widgetHeader__bb8 {
display: flex;
justify-content: flex-start;
gap: calc(var(--ring-unit) * 1);
align-items: baseline;
margin-right: calc(var(--ring-unit) * -1);
}
.c_widgetIcon__cb3 {
position: relative;
top: 2px;
width: calc(var(--ring-unit) * 2);
height: calc(var(--ring-unit) * 2);
-o-object-fit: contain;
object-fit: contain;
}
.c_widgetHeading__ed0.c_widgetHeading__ed0 {
display: block;
float: left;
margin: 0;
transform-origin: 0 50%;
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: bottom;
}
.c_widgetActions__acb {
display: flex;
margin-left: auto;
flex-wrap: nowrap;
}
.c_widgetActionButton__b97 {
opacity: 0;
transition: opacity var(--ring-ease);
}
.c_widgetDialog__a84:hover .c_widgetActionButton__b97,
.c_widgetDialog__a84:focus-within .c_widgetActionButton__b97,
.c_widgetDialog__a84.c_selected__d17 .c_widgetActionButton__b97,
.c_widgetIsland__ad5:hover .c_widgetActionButton__b97,
.c_widgetActionButton__b97:active,
.c_widgetActionButton__b97:focus {
opacity: 1;
}
.c_dangerText__e78 {
color: var(--ring-icon-error-color);
}
.c_dangerIcon__bf7 svg {
color: var(--ring-icon-error-color);
}
@keyframes c_widget__control_rotating__dff {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.c_widgetUpdateButtonReloading__d79 svg {
animation: c_widget__control_rotating__dff 0.5s linear infinite;
}
.c_widgetIslandContent__ba4 {
flex-grow: 2;
border-bottom-left-radius: calc(var(--ring-border-radius) * 2);
border-bottom-right-radius: calc(var(--ring-border-radius) * 2);
}
.c_widgetScrollable__c92.c_widgetScrollable__c92 {
padding: 0;
overflow: visible;
}
.c_widgetScrollable__c92 > div {
height: 100%;
}
.c_widget__df2 {
height: 100%;
padding-left: calc(var(--ring-unit) * 1);
}
.c_widgetHeaderScrolled__be6::after {
display: block;
position: absolute;
content: "";
bottom: 0;
height: 1px;
width: calc(100% - calc(var(--ring-unit) * 6));
background-color: var(--ring-line-color);
}
.c_resizable__d69 {
display: inline-block;
vertical-align: bottom;
margin: 0 calc(var(--ring-unit) * 0.5);
}
.c_bottomRightHandle__b84 {
opacity: 0;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjciPjxwYXRoIGZpbGw9IiM4ODgiIGQ9Ik0wIDZoMXYxSDB6TTEgNWgxdjFIMXpNMiA0aDF2MUgyek0zIDNoMXYxSDN6TTQgMmgxdjFINHpNNCA2aDF2MUg0ek01IDVoMXYxSDV6TTYgNGgxdjFINnpNNSAxaDF2MUg1ek02IDBoMXYxSDZ6Ii8+PC9zdmc+)
no-repeat;
}
.c_resizable__d69:hover .c_bottomRightHandle__b84 {
transition: 0.1s opacity;
transition-delay: 0.5s;
opacity: 1;
}
.c_aboutIcon__ffb {
color: var(--ring-icon-color);
margin-right: calc(var(--ring-unit) * 2);
}
.c_errorMessage__eaf.c_errorMessage__eaf {
container-type: inline-size;
height: auto;
padding: 0 4px;
}
.c_errorMessageSpaced__dd6.c_errorMessageSpaced__dd6 {
padding: 0 calc(var(--ring-unit) * 2);
}
@container (width < 250px) {
.c_errorMessage__eaf svg {
display: none;
}
}
</style><style>.tooltip_f4e4 {
max-width: calc(var(--ring-unit)*50);
padding: var(--ring-unit);
text-align: left;
color: var(--ring-text-color);
}
.long_feea {
padding: var(--ring-unit) calc(var(--ring-unit)*1.5);
font-size: var(--ring-font-size-smaller);
line-height: var(--ring-line-height-lowest);
}
</style><style>.c_frame__c47 {
display: block;
border: none;
height: 100%;
width: 100%;
}
.c_wrapper__c14 {
position: relative;
height: 100%;
width: 100%;
overflow: auto;
}
.c_wrapper__c14:not([open]) {
all: unset;
display: block;
}
.c_wrapper__c14[open] {
border: none;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
overscroll-behavior: none;
background-color: transparent;
}
.c_wrapper__c14[open] > iframe {
width: 600px;
height: 100%;
}
.c_wrapper__c14::backdrop {
background-color: rgba(var(--ring-dialog-overlay-components), var(--ring-dialog-overlay-opacity));
}
.c_loaderLines__c97 {
height: 100%;
}
.c_loaderLines__c97 > * {
margin-bottom: calc(var(--ring-unit) * 2);
overflow: hidden;
}
.c_errorMessage__b37 {
padding: 0 4px;
}
</style><style>@keyframes c_wave-animation__f0d {
from {
transform: translateX(-100%);
}
to {
transform: translateX(100%);
}
}
.c_waveAnimated__b39 {
transition: width 0.6s ease;
position: relative;
z-index: 1;
}
.c_waveAnimated__b39::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
animation: c_wave-animation__f0d 2000ms linear infinite;
opacity: 0.7;
background-image: linear-gradient(
to right,
rgba(255, 255, 255, 0),
var(--ring-content-background-color),
rgba(255, 255, 255, 0)
);
background-repeat: no-repeat;
content: "";
}
.c_container__c03 {
overflow: hidden;
display: flex;
flex-direction: row;
}
.c_line__fbe {
height: 11px;
background-color: var(--ring-secondary-color);
opacity: 0.2;
border-radius: var(--ring-border-radius);
}
.c_line__fbe:not(:last-child) {
margin-right: var(--ring-unit);
}
</style><style>/* stylelint-disable color-no-hex */
/*
We use body instead of :root to override some Ring UI variables intentionally. Ring UI variables can
be applied multiple times, e.g. in Manager and Lite, so these overrides will be overriden by another
instance of Ring UI styles if we will use :root, but applying them to body will make them more specific.
*/
body {
--ring-action-link-color: var(--ring-link-color);
--ring-link-hover-color: #ff008c;
--ring-icon-hover-color: #ff008c;
}
:root.yt-dark-theme body {
--ring-link-hover-color: #d671b3;
--ring-icon-hover-color: #d671b3;
}
</style><style>.c_widgetWrapper__bea {
display: contents;
}
.c_errorMessage__aae svg {
display: none;
}
@container errorMessageContainer (max-width: 250px) {
.c_errorMessage__aae svg {
display: none;
}
}
</style><style>.c_resolvedTask__d8f {
color: var(--ring-secondary-color);
-webkit-text-decoration: line-through;
text-decoration: line-through;
text-decoration-thickness: 1px;
}
.c_userCardSpaced__f3e {
padding: calc(var(--ring-unit) * 2);
}
.c_entityLinkContainer__a81 {
--icon-width: 18px;
padding-left: var(--icon-width);
}
.c_entityIcon__fb0 {
margin-left: calc(-1 * var(--icon-width));
padding-right: 4px;
color: var(--ring-icon-color);
line-height: var(--ring-unit);
vertical-align: 1px;
}
.c_entityLinkContainer__a81:hover .c_entityIcon__fb0 {
color: var(--ring-link-hover-color);
}
.c_error__de0 {
color: var(--ring-error-color);
}
</style><style>.c_tableWrapper__a48 {
min-width: 50%;
max-width: 100%;
position: relative;
overflow: auto;
}
.c_tableWrapper__a48.c_tableWrapper__a48 > table {
min-width: 100%;
margin-bottom: 0;
}
</style><style>.c_articlesTableWrapper__dce {
min-width: 50%;
max-width: 100%;
position: relative;
overflow: auto;
}
.c_articlesTableWrapper__dce > table {
min-width: 100%;
margin-bottom: 0;
}
@media only screen and (min-width: 1800px) {
.c_articlesTableWrapper__dce {
--content-padding: calc((100vw - 1080px - var(--sidebar-width)) / 2);
--content-padding-wide: calc((100vw - 1080px - var(--sidebar-collapsed-width)) / 2);
min-width: calc(100vw - (var(--sidebar-width) + var(--content-padding)) - 15px);
}
}
@media only screen and (min-width: 1800px) {
.c_articlesTableWrapper__dce.c_articlesTableWrapperWide__ed6 {
min-width: calc(100vw - (var(--sidebar-collapsed-width) + var(--content-padding-wide)) - 15px);
}
}
</style><style>.c_ytLatex__cc8 {
display: block;
width: calc(100% - 2px);
}
.c_latexErrorContainer__ec8 {
border-radius: var(--ring-border-radius-small);
background-color: var(--ring-sidebar-background-color);
font-size: var(--ring-font-size-smaller);
color: var(--ring-error-color);
padding: var(--ring-unit);
}
.c_latexErroredCode__e57 {
font-family: var(--ring-font-family-monospace);
}
</style><style>.c_mermaid__a1a {
display: block;
}
.c_mermaid__a1a > svg {
-o-object-fit: contain;
object-fit: contain;
max-width: 100%;
}
</style><style>/* A container class that marks external integration HTML blocks, where most of our styles should not be applied */
.c_importedHtmlPage__b8a table {
all: unset;
}
.c_importedHtmlPage__b8a.c_importedHtmlPage__b8a table td,
.c_importedHtmlPage__b8a.c_importedHtmlPage__b8a table th {
border: none;
}
.c_importedHtmlPage__b8a.c_importedHtmlPage__b8a.c_importedHtmlPage__b8a img {
min-width: auto;
min-height: auto;
}
</style><style>.c_container__c89 {
position: relative;
margin-top: 10px;
}
.c_container__c89.c_withBanner__d24 {
background-color: var(--ring-sidebar-background-color);
border-radius: var(--ring-border-radius);
}
.c_banner__b1b {
display: flex;
flex-direction: row;
padding-top: calc(var(--ring-unit) * 2);
padding-bottom: calc(var(--ring-unit) * 1);
margin-right: calc(var(--ring-unit) * 2);
margin-left: calc(var(--ring-unit) * 2);
border-bottom: solid 1px var(--ring-line-color);
}
.c_warningIcon__c35 {
padding-top: 2px;
margin-right: calc(var(--ring-unit) * 1);
color: var(--ring-icon-warning-color);
}
.c_warningIcon__c35 > svg {
fill: currentColor;
}
.c_container__c89.c_withBanner__d24.c_withBanner__d24 > pre {
margin-top: 0;
}
</style><style>.c_color__d58 {
display: inline-flex;
align-items: center;
}
.c_colorBox__d8d {
--color-box-size: calc(1.5 * var(--ring-unit));
margin-left: 1px;
display: inline-block;
width: var(--color-box-size);
height: var(--color-box-size);
border: 1px solid var(--ring-line-color);
border-radius: calc(2 * var(--ring-border-radius-small));
}
</style><style>.textBlock__e8e3 {
word-wrap: break-word;
font-size: var(--ring-font-size);
line-height: var(--ring-line-height);
}
</style><style>.wrapper__a8a4 {
display: flex;
flex-direction: column;
gap: calc(var(--ring-unit) * 1);
margin-bottom: calc(var(--ring-unit) * 2);
}
</style><style>.label_b87b {
display: block;
margin-bottom: calc(var(--ring-unit)*0.5);
}
.formLabel_aba6 {
color: var(--ring-text-color);
font-size: var(--ring-font-size);
line-height: var(--ring-line-height);
}
.secondaryLabel_f435 {
color: var(--ring-secondary-color);
font-size: var(--ring-font-size-smaller);
line-height: var(--ring-line-height-lowest);
}
.disabledLabel_e2f8 {
color: var(--ring-disabled-color);
}
</style><style>/* stylelint-disable color-no-hex */
.light_a9c6,
:root {
--ring-unit: 8px;
/* Element */
--ring-line-components: 223, 225, 229;
--ring-line-color: rgb(var(--ring-line-components)); /* #dfe1e5 */
--ring-borders-components: 211, 213, 219;
--ring-borders-color: rgb(var(--ring-borders-components)); /* #d3d5db */
--ring-icon-components: 129, 133, 148;
--ring-icon-color: rgb(var(--ring-icon-components)); /* #818594 */
--ring-icon-secondary-components: 129, 133, 148;
--ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #818594 */
--ring-border-disabled-components: 235, 236, 240;
--ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #ebecf0 */
--ring-border-selected-disabled-components: 201, 204, 214;
--ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #c9ccd6 */
--ring-icon-disabled-components: 211, 213, 219;
--ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #d3d5db */
--ring-border-hover-components: 160, 189, 248;
--ring-border-hover-color: rgb(var(--ring-border-hover-components)); /* #a0bdf8 */
--ring-icon-hover-components: 90, 93, 107;
--ring-icon-hover-color: rgb(var(--ring-icon-hover-components)); /* #5a5d6b */
--ring-main-components: 53, 116, 240;
--ring-main-color: rgb(var(--ring-main-components)); /* #3574f0 */
--ring-action-link-components: 46, 85, 163;
--ring-action-link-color: rgb(var(--ring-action-link-components)); /* #2E55A3 */
--ring-main-hover-components: 51, 105, 214;
--ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #3369d6 */
--ring-icon-error-components: 219, 59, 75;
--ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #db3b4b */
--ring-icon-warning-components: 255, 175, 15;
--ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #ffaf0f */
--ring-icon-success-components: 85, 167, 106;
--ring-icon-success-color: rgb(var(--ring-icon-success-components)); /* #55a76a */
--ring-pale-control-components: 194, 214, 252;
--ring-pale-control-color: rgb(var(--ring-pale-control-components)); /* #C2D6FC */
--ring-popup-border-components: 0, 28, 54;
--ring-popup-border-color: var(--ring-line-color);
--ring-popup-shadow-components: rgba(var(--ring-popup-border-components), 0.1);
--ring-popup-shadow-color: rgba(var(--ring-popup-border-components), 0.1);
--ring-popup-secondary-shadow-color: rgba(var(--ring-popup-border-components), 0.04);
--ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);
--ring-pinned-shadow-components: 108, 112, 126;
--ring-pinned-shadow-color: rgb(var(--ring-pinned-shadow-components)); /* #6C707E */
--ring-button-danger-hover-components: var(--ring-icon-error-color);
--ring-button-danger-hover-color: var(--ring-icon-error-color);
--ring-button-primary-border-components: 49, 95, 189;
--ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #315FBD */
--ring-dialog-overlay-components: 0, 0, 0;
--ring-dialog-overlay-opacity: 0.4;
--ring-popup-shadow: 0 2px 8px var(--ring-popup-shadow-color), 0 1px 2px var(--ring-popup-secondary-shadow-color);
--ring-dialog-shadow: 0 4px 24px var(--ring-popup-shadow-color), 0 2px 6px var(--ring-popup-secondary-shadow-color);
/* Text */
--ring-search-components: 112, 156, 245;
--ring-search-color: rgb(var(--ring-search-components)); /* #709CF5 */
--ring-hint-components: 46, 85, 163;
--ring-hint-color: rgb(var(--ring-hint-components)); /* #2E55A3 */
--ring-link-components: 46, 85, 163;
--ring-link-color: rgb(var(--ring-link-components)); /* #2E55A3 */
--ring-link-hover-components: 34, 60, 114;
--ring-link-hover-color: rgb(var(--ring-link-hover-components)); /* #223C72 */
--ring-error-components: 204, 54, 69;
--ring-error-color: rgb(var(--ring-error-components)); /* #CC3645 */
--ring-warning-components: 164, 103, 4;
--ring-warning-color: rgb(var(--ring-warning-components)); /* #A46704 */
--ring-success-components: 31, 117, 54;
--ring-success-color: rgb(var(--ring-success-components)); /* #1F7536 */
--ring-text-components: 39, 40, 46;
--ring-text-color: rgb(var(--ring-text-components)); /* #27282E */
--ring-active-text-color: var(--ring-text-color);
--ring-white-text-components: 255, 255, 255;
--ring-white-text-color: rgb(var(--ring-white-text-components)); /* #FFFFFF */
--ring-heading-color: var(--ring-text-color);
--ring-secondary-components: 108, 112, 126;
--ring-secondary-color: rgb(var(--ring-secondary-components)); /* #6C707E */
--ring-disabled-components: 168, 173, 189;
--ring-disabled-color: rgb(var(--ring-disabled-components)); /* #A8ADBD */
/* Background */
--ring-content-background-components: 255, 255, 255;
--ring-content-background-color: rgb(var(--ring-content-background-components)); /* #FFFFFF */
--ring-popup-background-components: 255, 255, 255;
--ring-popup-background-color: rgb(var(--ring-popup-background-components)); /* #FFFFFF */
--ring-sidebar-background-components: 247, 248, 250;
--ring-sidebar-background-color: rgb(var(--ring-sidebar-background-components)); /* #F7F8FA */
--ring-selected-background-components: 212, 226, 255;
--ring-selected-background-color: rgb(var(--ring-selected-background-components)); /* #D4E2FF */
--ring-hover-background-components: 237, 243, 255;
--ring-hover-background-color: rgb(var(--ring-hover-background-components)); /* #EDF3FF */
--ring-navigation-background-components: 255, 255, 255;
--ring-navigation-background-color: rgb(var(--ring-navigation-background-components)); /* #FFFFFF */
--ring-tag-background-components: 235, 236, 240;
--ring-tag-background-color: rgb(var(--ring-tag-background-components)); /* #EBECF0 */
--ring-tag-hover-background-components: 211, 213, 219;
--ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #D3D5DB */
--ring-removed-background-components: 250, 212, 216;
--ring-removed-background-color: rgb(var(--ring-removed-background-components)); /* #FAD4D8 */
--ring-warning-background-components: 255, 241, 209;
--ring-warning-background-color: rgb(var(--ring-warning-background-components)); /* #FFF1D1 */
--ring-added-background-components: 197, 229, 204;
--ring-added-background-color: rgb(var(--ring-added-background-components)); /* #C5E5CC */
--ring-disabled-background-components: 247, 248, 250;
--ring-disabled-background-color: rgb(var(--ring-disabled-background-components)); /* #F7F8FA */
--ring-disabled-selected-background-components: 235, 236, 240;
--ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #EBECF0 */
--ring-button-danger-active-components: 250, 212, 216;
--ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #FAD4D8 */
--ring-button-loader-background-components: 70, 130, 250;
--ring-button-loader-background: rgb(var(--ring-button-loader-background-components)); /* #4682FA */
--ring-button-primary-background-components: 53, 116, 240;
--ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #3574F0 */
--ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #FFFFFF50 */
--ring-removed-subtle-background-components: 255, 247, 247;
--ring-removed-subtle-background-color: rgb(var(--ring-removed-subtle-background-components)); /* #FFF7F7 */
--ring-warning-subtle-background-components: 255, 250, 235;
--ring-warning-subtle-background-color: rgb(var(--ring-warning-subtle-background-components)); /* #FFFAEB */
--ring-added-subtle-background-components: 242, 252, 243;
--ring-added-subtle-background-color: rgb(var(--ring-added-subtle-background-components)); /* #F2FCF3 */
/* Code */
--ring-code-background-color: var(--ring-content-background-color);
--ring-code-components: 0, 0, 0;
--ring-code-color: rgb(var(--ring-code-components)); /* #000000 */
--ring-code-comment-components: 140, 140, 140;
--ring-code-comment-color: rgb(var(--ring-code-comment-components)); /* #8C8C8C */
--ring-code-meta-components: 158, 136, 13;
--ring-code-meta-color: rgb(var(--ring-code-meta-components)); /* #9E880D */
--ring-code-keyword-components: 0, 51, 179;
--ring-code-keyword-color: rgb(var(--ring-code-keyword-components)); /* #0033B3 */
--ring-code-tag-background-components: 235, 236, 240;
--ring-code-tag-background-color: rgb(var(--ring-code-tag-background-components)); /* #EBECF0 */
--ring-code-tag-color: var(--ring-code-keyword-color);
--ring-code-tag-font-weight: var(--ring-font-weight-bold);
--ring-code-field-components: 135, 16, 148;
--ring-code-field-color: rgb(var(--ring-code-field-components)); /* #871094 */
--ring-code-attribute-components: 23, 80, 235;
--ring-code-attribute-color: rgb(var(--ring-code-attribute-components)); /* #1750EB */
--ring-code-number-color: var(--ring-code-attribute-color);
--ring-code-string-components: 6, 125, 23;
--ring-code-string-color: rgb(var(--ring-code-string-components)); /* #067D17 */
--ring-code-addition-components: 197, 229, 204;
--ring-code-addition-color: rgb(var(--ring-code-addition-components)); /* #C5E5CC */
--ring-code-deletion-components: 223, 225, 229;
--ring-code-deletion-color: rgb(var(--ring-code-deletion-components)); /* #DFE1E5 */
/* Metrics */
--ring-border-radius: 4px;
--ring-border-radius-small: 2px;
--ring-font-size-larger: 16px;
--ring-font-size: 14px;
--ring-font-size-smaller: 12px;
--ring-line-height-taller: 24px;
--ring-line-height: 20px;
--ring-line-height-lower: 18px;
--ring-line-height-lowest: 16px;
--ring-ease: 0.3s ease-out;
--ring-fast-ease: 0.15s ease-out;
--ring-font-family: system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif;
--ring-font-family-monospace:
Menlo,
"Bitstream Vera Sans Mono",
"Ubuntu Mono",
Consolas,
"Courier New",
Courier,
monospace;
--ring-font-weight-bold: 600;
/* Common z-index-values */
/* Invisible element is an absolutely positioned element which should be below */
/* all other elements on the page */
--ring-invisible-element-z-index: -1;
/* z-index for position: fixed elements */
--ring-fixed-z-index: 1;
/* Elements that should overlay all other elements on the page */
--ring-overlay-z-index: 5;
/* Alerts should de displayed above overlays */
--ring-alert-z-index: 6;
}
</style><style>.outerContainer_f544 {
--ring-input-icon-offset: calc(var(--ring-unit)*2.5);
--ring-input-padding-inline: var(--ring-unit);
--ring-input-background-color: var(--ring-content-background-color);
}
.borderless_dabc {
/* stylelint-disable-next-line length-zero-no-unit */
--ring-input-padding-inline: 0px;
}
.container_d693 {
position: relative;
box-sizing: border-box;
font-size: var(--ring-font-size);
line-height: var(--ring-line-height);
}
.container_d693 * {
box-sizing: border-box;
}
.input_b1b6 {
--ring-input-padding-start: var(--ring-input-padding-inline);
--ring-input-padding-end: var(--ring-input-padding-inline);
width: 100%;
margin: 0;
padding-top: var(--ring-input-padding-block);
padding-right: var(--ring-input-padding-end);
padding-bottom: var(--ring-input-padding-block);
padding-left: var(--ring-input-padding-start);
transition: border-color var(--ring-ease);
color: var(--ring-text-color);
border: 1px solid var(--ring-borders-color);
border-radius: var(--ring-border-radius);
outline: none;
background-color: var(--ring-input-background-color);
font: inherit;
caret-color: var(--ring-main-color);
}
[dir="rtl"] .input_b1b6 {
padding-right: var(--ring-input-padding-start);
padding-left: var(--ring-input-padding-end);
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.input_b1b6:hover {
transition: none;
border-color: var(--ring-border-hover-color);
}}
.error_df50 .input_b1b6 {
border-color: var(--ring-icon-error-color);
}
.input_b1b6:focus {
transition: none;
border-color: var(--ring-main-color);
}
.input_b1b6[disabled] {
color: var(--ring-disabled-color);
border-color: var(--ring-border-disabled-color);
background-color: var(--ring-disabled-background-color);
-webkit-text-fill-color: var(--ring-disabled-color); /* Required for Safari, see RG-2063 for details */
}
/*
Kill yellow/blue webkit autocomplete
https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/
*/
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.input_b1b6:-webkit-autofill:hover {
-webkit-transition: background-color 50000s ease-in-out 0s;
transition: background-color 50000s ease-in-out 0s;
}}
.input_b1b6:-webkit-autofill,
.input_b1b6:-webkit-autofill:focus {
-webkit-transition: background-color 50000s ease-in-out 0s;
transition: background-color 50000s ease-in-out 0s;
}
.borderless_dabc .input_b1b6 {
border-color: transparent;
background-color: transparent;
}
.withIcon_d7bd .input_b1b6 {
--ring-input-padding-start: calc(var(--ring-input-padding-inline) + var(--ring-input-icon-offset));
}
.clearable_fa6e .input_b1b6 {
--ring-input-padding-end: calc(var(--ring-input-padding-inline) + var(--ring-input-icon-offset));
}
.icon_fe91 {
position: absolute;
top: calc(var(--ring-input-padding-block) + 1px);
left: var(--ring-input-padding-inline);
pointer-events: none;
color: var(--ring-icon-secondary-color);
}
[dir="rtl"] .icon_fe91 {
right: var(--ring-unit);
left: auto;
}
.clear_bd7f {
position: absolute;
top: calc(var(--ring-input-padding-block) + 1px);
right: var(--ring-input-padding-inline);
height: auto;
padding-right: 0;
line-height: inherit;
}
.empty_d782 .clear_bd7f {
display: none;
}
[dir="rtl"] .clear_bd7f {
right: auto;
left: var(--ring-unit);
}
textarea.input_b1b6 {
overflow: hidden;
box-sizing: border-box;
resize: none;
}
.input_b1b6::-moz-placeholder {
color: var(--ring-disabled-color);
}
.input_b1b6::placeholder {
color: var(--ring-disabled-color);
}
.input_b1b6::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.errorText_c57f {
margin-top: calc(var(--ring-unit)/2);
color: var(--ring-error-color);
font-size: var(--ring-font-size-smaller);
line-height: var(--ring-line-height-lowest);
}
.helpText_d93f {
margin-top: calc(var(--ring-unit)/2);
}
.sizeS_efd9 {
width: calc(var(--ring-unit)*12);
}
.sizeM_fd69 {
width: calc(var(--ring-unit)*30);
}
.sizeL_d6c5 {
width: calc(var(--ring-unit)*50);
}
.sizeFULL_ca86 {
width: 100%;
}
.heightS_b14d {
--ring-input-padding-block: 1px;
}
.heightM_eb04 {
--ring-input-padding-block: 3px;
}
.heightL_d891 {
--ring-input-padding-block: 5px;
}
</style><style>@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.tag_fd3f:hover,
.tagAngled_e806:hover::before {
transition: none;
background-color: var(--ring-tag-hover-background-color);
}}
.tag_fd3f {
position: relative;
z-index: 1;
display: inline-flex;
box-sizing: border-box;
max-width: 100%;
height: 20px;
padding: 0 var(--ring-unit);
cursor: pointer;
vertical-align: top;
color: var(--ring-text-color);
border: none;
border-radius: var(--ring-border-radius);
font-size: 12px;
line-height: var(--ring-line-height);
}
.tag_fd3f,
.tagAngled_e806::before {
transition: background-color var(--ring-ease);
background-color: var(--ring-tag-background-color);
}
.withRemove_d99c {
padding-right: 20px;
}
.container_b8f5 {
position: relative;
display: inline-block;
max-width: calc(100% - var(--ring-unit)/2);
margin-right: calc(var(--ring-unit)/2);
white-space: nowrap;
}
.focused_b2f3,
.tag_fd3f:focus-visible {
position: relative;
outline: none;
box-shadow: 0 0 0 2px var(--ring-border-hover-color);
}
.focused_b2f3,
.focused_b2f3.tagAngled_e806::before,
.tag_fd3f:focus-visible,
.tagAngled_e806:focus-visible::before {
transition: none;
background-color: var(--ring-tag-hover-background-color);
}
.tagAngled_e806 {
/* it needs to fix vertical alignment broken by "overflow: hidden". Remove this class, when IE11 will be deprecated */
margin-bottom: -5px !important;
margin-left: var(--ring-unit);
padding-left: calc(var(--ring-unit)/2);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.tagAngled_e806::before {
position: absolute;
z-index: -1;
top: 0;
left: 0;
box-sizing: border-box;
width: 12px;
height: 12px;
content: "";
transform: scaleY(1.177) rotate(45deg);
transform-origin: 0 0;
border: none;
}
.tagAngled_e806.focused_b2f3,
.tagAngled_e806:focus {
box-shadow: 0 0 0 1px var(--ring-border-hover-color) inset, 0 0 0 1px var(--ring-border-hover-color);
}
.tagAngled_e806:focus::before {
box-shadow:
1px -1px var(--ring-border-hover-color) inset,
-0.8px 0.8px 0 0.5px var(--ring-border-hover-color);
}
.content_bd10 {
}
.disabled_a8d4.tag_fd3f,
.disabled_a8d4.tagAngled_e806::before {
pointer-events: none;
color: var(--ring-disabled-color);
background-color: var(--ring-disabled-background-color);
}
.remove_c442 {
position: absolute;
z-index: 1;
top: 2px;
right: 1px;
height: auto;
padding: 0 calc(var(--ring-unit)/2);
line-height: calc(var(--ring-unit)*2);
}
.removeIcon_f976.removeIcon_f976 {
color: var(--ring-icon-secondary-color);
}
.icon_d3fd {
margin-right: 5px;
margin-left: -3px;
color: var(--ring-icon-secondary-color);
}
.icon_d3fd.icon_d3fd svg {
vertical-align: -3.5px;
}
.avatarContainer_cb27 {
display: inline-block;
overflow: hidden;
box-sizing: border-box;
width: 20px;
height: 20px;
margin-right: calc(var(--ring-unit)/2);
margin-left: calc(var(--ring-unit)*-1);
vertical-align: top;
border-top-left-radius: var(--ring-border-radius);
border-bottom-left-radius: var(--ring-border-radius);
}
.customIcon_b929 {
max-width: calc(var(--ring-unit)*2);
max-height: calc(var(--ring-unit)*2);
margin-right: calc(var(--ring-unit)/2);
vertical-align: bottom;
}
.avatarIcon_cdaa {
width: 20px;
margin-right: -4px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
</style><style>@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.filterWithTagsFocused_a47b.filterWithTagsFocused_a47b:hover {
border-color: var(--ring-main-color);
}}
.filterWithTags_b86a {
overflow: hidden;
margin: calc(var(--ring-unit)*2) var(--ring-unit) 0;
padding: 3px;
text-align: left;
border: 1px solid var(--ring-borders-color);
border-radius: var(--ring-border-radius);
}
.filterWithTags_b86a .filterWrapper_f627 {
padding-right: 0;
padding-left: 0;
border-bottom: none;
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.filterWithTags_b86a:hover {
border-color: var(--ring-border-hover-color);
}}
.filterWithTagsFocused_a47b {
border-color: var(--ring-main-color);
}
.filterWithTagsInput_ec9e {
padding: 0;
border: none;
}
.filter_e4df {
flex-grow: 1;
width: 0;
}
.popup_b33b {
overscroll-behavior: contain;
}
.filterWrapper_f627 {
position: relative;
display: flex;
margin: 0;
padding-right: var(--ring-unit);
padding-left: calc(var(--ring-unit)*5.5);
border-bottom: 1px solid var(--ring-borders-color);
}
[dir="rtl"] .filterWrapper_f627 {
padding-right: calc(var(--ring-unit)*5.5);
padding-left: var(--ring-unit);
}
.filterIcon_a1be {
position: absolute;
top: 7px;
left: calc(var(--ring-unit)*2);
color: var(--ring-icon-color);
}
[dir="rtl"] .filterIcon_a1be {
right: calc(var(--ring-unit)*2);
left: auto;
}
.bottomLine_e2ae {
text-align: center;
}
.bottomLine_e2ae.bottomLineOverItem_afa8 {
position: relative;
z-index: var(--ring-fixed-z-index);
margin-top: -36px;
background-color: var(--ring-content-background-color);
}
.message_ce9a {
display: inline-block;
margin: var(--ring-unit) 0;
padding: 0 calc(var(--ring-unit)*2);
}
.selectAll_f8af {
display: flex;
align-items: baseline;
justify-content: space-between;
padding: 8px 16px 0;
}
</style><style>@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.select_f5e7:hover .value_b271,
.select_f5e7:hover .icons_e56c {
transition: none;
color: var(--ring-main-color);
}}
.select_f5e7 {
position: relative;
display: inline-block;
white-space: nowrap;
color: var(--ring-text-color);
}
.toolbar_e723 {
border-top: 1px solid var(--ring-line-color);
}
.button_f304 {
width: 100%;
padding: 0;
text-align: left;
}
[dir="rtl"] .button_f304 {
text-align: right;
direction: ltr;
}
.toolbar_e723 .button_f304 {
height: calc(var(--ring-unit)*4);
margin: var(--ring-unit) 0;
}
.button_f304.buttonSpaced_b561 {
padding: 0 calc(var(--ring-unit)*2);
}
.icons_e56c {
position: absolute;
top: 0;
right: 5px;
bottom: 0;
transition: color var(--ring-ease);
color: var(--ring-icon-secondary-color);
line-height: normal;
}
.inputMode_ec7a .icons_e56c {
font-size: var(--ring-font-size);
}
.selectedIcon_c3ad {
position: relative;
top: 3px;
display: inline-block;
width: calc(var(--ring-unit)*2);
height: calc(var(--ring-unit)*2);
margin: 0 4px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.clearIcon_a027 {
padding: 0 3px;
vertical-align: -1px;
}
.sizeS_f30f {
width: calc(var(--ring-unit)*12);
}
.sizeM_edd0 {
width: calc(var(--ring-unit)*30);
}
.sizeL_e40b {
width: calc(var(--ring-unit)*50);
}
.sizeFULL_beb3 {
width: 100%;
}
.sizeAUTO_afa5 {
max-width: 100%;
}
.buttonMode_f570 {
position: relative;
cursor: pointer;
}
.value_b271 {
display: inline-block;
box-sizing: border-box;
width: 100%;
height: calc(var(--ring-unit)*4 + 1px);
padding: 0 0 3px;
cursor: pointer;
transition: color var(--ring-ease), border-color var(--ring-ease);
text-align: left;
vertical-align: top;
color: var(--ring-text-color);
border: none;
border-bottom: 1px solid var(--ring-borders-color);
outline: none;
background: transparent;
}
.value_b271:focus {
border-color: var(--ring-main-color);
}
.value_b271.open_ff8e,
.value_b271:active {
border-color: transparent;
}
.value_b271::-moz-focus-inner {
padding: 0;
border: 0;
outline: 0;
}
.buttonContainer_b2a8 {
position: relative;
font-size: var(--ring-font-size);
}
.buttonValue_ddee {
display: block;
width: 100%;
padding-left: var(--ring-unit);
text-align: left;
vertical-align: calc(var(--ring-unit)*-1);
}
.buttonValue_ddee:focus-visible {
box-shadow: inset 0 0 0 1px var(--ring-main-color);
}
.buttonValueOpen_f6d8.buttonValueOpen_f6d8 {
box-shadow: inset 0 0 0 1px var(--ring-main-color);
}
.buttonValueEmpty_d5a9.buttonValueEmpty_d5a9 {
color: var(--ring-disabled-color);
}
.heightS_c637 .buttonValue_ddee {
font-size: var(--ring-font-size);
}
.label_ccf7 {
position: relative;
color: var(--ring-secondary-color);
}
:focus-visible + .icons_e56c,
.value_b271:focus,
.value_b271:focus + .icons_e56c,
.open_ff8e,
.open_ff8e + .icons_e56c,
.buttonValueOpen_f6d8 + .icons_e56c {
transition: none;
color: var(--ring-main-color);
}
.disabled_d881 {
pointer-events: none;
color: var(--ring-disabled-color);
}
.disabled_d881 .value_b271 {
color: var(--ring-disabled-color);
border-bottom-style: dashed;
}
.avatar_e79e {
margin-right: 4px;
vertical-align: -5px;
}
.popup_f065 {
min-width: calc(var(--ring-unit)*30);
max-width: calc(var(--ring-unit)*40);
}
.chevron_e1aa.chevron_e1aa {
padding: 0 3px;
transition: none;
vertical-align: -1px;
color: inherit;
}
.chevronIcon_f46d.chevronIcon_f46d {
transition: none;
color: inherit;
}
</style><style>.tagsInput_d086 {
--ring-input-icon-offset: calc(var(--ring-unit)*2.5);
--ring-input-padding-inline: 3px;
box-sizing: border-box;
font-size: var(--ring-font-size);
line-height: var(--ring-line-height);
}
.tagsInput_d086 * {
box-sizing: border-box;
}
.tagsInputDisabled_e43b {
pointer-events: none;
color: var(--ring-disabled-color);
}
.tagsInputDisabled_e43b .input_b1b6 {
background-color: transparent;
}
.tagsInputFocused_e866 {
border-color: var(--ring-main-color);
}
.tagsList_cd92 {
--ring-input-padding-start: var(--ring-input-padding-inline);
--ring-input-padding-end: var(--ring-input-padding-inline);
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
margin: 0;
padding-top: var(--ring-input-padding-block);
padding-right: var(--ring-input-padding-end);
padding-bottom: var(--ring-input-padding-block);
padding-left: var(--ring-input-padding-start);
cursor: text;
transition: border-color var(--ring-ease);
color: var(--ring-text-color);
border: 1px solid var(--ring-borders-color);
border-radius: var(--ring-border-radius);
outline: none;
background: transparent;
font: inherit;
caret-color: var(--ring-main-color);
}
[dir="rtl"] .tagsList_cd92 {
padding-right: var(--ring-input-padding-start);
padding-left: var(--ring-input-padding-end);
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.tagsList_cd92:hover {
transition: none;
border-color: var(--ring-border-hover-color);
}}
.tagsList_cd92:focus-within {
transition: none;
border-color: var(--ring-main-color);
}
.tagsSelect_ae6c {
flex-grow: 1;
flex-shrink: 1;
min-width: 160px;
}
.tagsSelect_ae6c .input_b1b6 {
overflow: hidden;
text-overflow: ellipsis;
}
.tagsSelect_ae6c .outerContainer_f544 {
--ring-input-padding-block: 0;
}
.tagsSelect_ae6c .container_d693 {
line-height: calc(var(--ring-line-height) - 2px);
}
</style><style>.label__a5ff {
color: var(--ring-secondary-color);
font-size: var(--ring-font-size-smaller);
line-height: var(--ring-line-height-lowest);
width: 100%;
display: flex;
align-items: baseline;
flex-direction: row;
}
.title__ba3d {
text-overflow: ellipsis;
overflow: hidden;
flex-shrink: 1;
}
.icon__c23c {
color: var(--ring-icon-color);
margin-right: calc(var(--ring-unit) * 1);
}
</style><style>.c_hint__f18 {
pointer-events: auto;
}
</style><style>.tagsInput__f740 {
background-color: var(--ring-content-background-color);
}
</style><style>:root {
/* stylelint-disable-next-line color-no-hex */
--ring-date-picker-hover-color: var(--ring-border-hover-color);
}
.container_f014 {
display: inline-block;
}
.hoverable_cb43 {
cursor: pointer;
transition: color 0.2s ease-out 0s;
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.hoverable_cb43:hover {
transition: none;
color: var(--ring-link-hover-color);
}}
.datePicker_fe98.datePicker_fe98 {
padding-right: var(--ring-unit);
}
.datePicker_fe98.datePicker_fe98.inline_c876 {
padding: 0;
}
.datePicker_fe98.datePicker_fe98.sizeS_a8a9 {
width: calc(var(--ring-unit)*12);
}
.datePicker_fe98.datePicker_fe98.sizeM_ad96 {
width: calc(var(--ring-unit)*30);
}
.datePicker_fe98.datePicker_fe98.sizeL_a91f {
width: calc(var(--ring-unit)*50);
}
.datePicker_fe98.datePicker_fe98.sizeFULL_cb08 {
width: 100%;
}
.datePicker_fe98.datePicker_fe98.sizeAUTO_d849 {
max-width: 100%;
}
.displayDate_cf9b {
display: inline-block;
min-width: calc(var(--ring-unit)*11);
text-align: left;
}
.displayDate_cf9b.displayRange_e2ec {
min-width: calc(var(--ring-unit)*22);
}
.clear_d204 {
cursor: pointer;
transition: opacity var(--ring-ease);
opacity: 0.3;
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.datePicker_fe98:hover .clear_d204 {
opacity: 0.5;
}}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.datePicker_fe98 .clear_d204:hover {
transition: none;
opacity: 1;
}}
.datePopup_fae0 {
width: -moz-min-content;
width: min-content;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
text-align: left;
color: var(--ring-text-color);
}
.datePopup_fae0 * {
box-sizing: border-box;
}
.filterWrapper_e2ba {
display: flex;
padding-left: calc(var(--ring-unit)*2);
}
.filter_b781 {
}
.calendarIcon_a088 {
margin-right: calc(var(--ring-unit)/2);
color: var(--ring-icon-color);
}
.anchor_e8ce {
width: 100%;
padding: 0 var(--ring-unit);
text-align: start;
white-space: nowrap;
}
.inline_c876 .anchor_e8ce {
min-width: initial;
padding: 0;
cursor: pointer;
}
.anchorContent_a154 {
display: flex;
align-items: baseline;
}
.chevronDownIcon_f47b {
margin-left: auto;
color: var(--ring-icon-secondary-color);
}
.fromInput_ad3a {
position: relative;
flex-basis: calc(var(--ring-unit)*13);
flex-grow: 0;
flex-shrink: 0;
}
.fromInputWithDivider_e0b0::after {
position: absolute;
top: 0;
right: var(--ring-unit);
content: "—";
line-height: calc(var(--ring-unit)*4 - 2px);
}
.toInput_c474 {
flex-basis: calc(var(--ring-unit)*13);
flex-grow: 1;
flex-shrink: 0;
width: calc(var(--ring-unit)*13);
}
.dateInput_fdda {
flex-basis: calc(var(--ring-unit)*11);
flex-grow: 1;
flex-shrink: 0;
}
.timeInputWithDivider_a033 {
position: relative;
}
.timeInputWithDivider_a033::before {
position: absolute;
left: calc(var(--ring-unit)*-1);
content: ",";
line-height: calc(var(--ring-unit)*4 - 3px);
}
.weekdays_ae88 {
height: calc(var(--ring-unit)*4);
padding: 5px calc(var(--ring-unit)*2) 0;
color: var(--ring-secondary-color);
}
.weekday_ad35.weekday_ad35 {
display: inline-block;
width: calc(var(--ring-unit)*3);
text-align: center;
text-transform: capitalize;
}
.weekend_acbb.weekend_acbb {
color: var(--ring-error-color);
}
.calendar_f1d2 {
position: relative;
overflow: hidden;
width: calc(var(--ring-unit)*37);
height: calc(var(--ring-unit)*36);
box-shadow: 0 -1px var(--ring-line-color);
}
.months_a087.months_a087 {
position: absolute;
top: 0;
right: calc(var(--ring-unit)*6);
bottom: 0;
left: 0;
}
.days_c1fa {
position: relative;
left: 0;
}
.month_e9d6.month_e9d6 {
display: flex;
flex-wrap: wrap;
width: calc(var(--ring-unit)*21);
margin: calc(var(--ring-unit)*2);
}
.month_e9d6.month_e9d6 > * {
flex-shrink: 0;
height: calc(var(--ring-unit)*3);
line-height: calc(var(--ring-unit)*3);
}
.monthTitle_b3ce {
/* IE workaround, see https://github.com/philipwalton/flexbugs#7-flex-basis-doesnt-account-for-box-sizingborder-box */
width: calc(var(--ring-unit)*12);
padding-left: calc(var(--ring-unit)*0.5);
text-align: left;
text-transform: capitalize;
font-weight: var(--ring-font-weight-bold);
}
@supports (flex-basis: 1px) {
.monthTitle_b3ce {
flex-basis: calc(var(--ring-unit)*12);
width: auto;
}
}
.day_d2e1 {
}
.day_d2e1.day_d2e1 {
position: relative;
flex-basis: calc(var(--ring-unit)*3);
margin: 0;
cursor: pointer;
transition: background-color var(--ring-ease), color var(--ring-ease);
text-align: center;
}
.day_d2e1.day_d2e1::before,
.day_d2e1.day_d2e1::after {
pointer-events: none;
}
.between_e7a2.between_e7a2 {
transition: none;
background-color: var(--ring-selected-background-color);
}
.activeBetween_d677.activeBetween_d677 {
transition: none;
background-color: var(--ring-date-picker-hover-color);
}
.current_a32e.current_a32e {
color: var(--ring-white-text-color);
border-radius: var(--ring-border-radius);
background-color: var(--ring-main-color);
}
.active_b858.active_b858 {
transition: none;
color: var(--ring-text-color);
border-radius: var(--ring-border-radius);
background-color: var(--ring-date-picker-hover-color);
}
.disabled_acb0.disabled_acb0 {
cursor: not-allowed;
color: var(--ring-disabled-color);
}
.from_a652.from_a652 {
border-radius: var(--ring-border-radius) 0 0 var(--ring-border-radius);
}
.to_bc39.to_bc39 {
border-radius: 0 var(--ring-border-radius) var(--ring-border-radius) 0;
}
.from_a652.to_bc39 {
border-radius: var(--ring-border-radius);
}
.Day1_af70 {
position: relative;
}
.Day1_af70::before,
.Day1_af70::after {
position: absolute;
width: calc(var(--ring-unit)*2);
height: 100%;
content: "";
transition: background-color var(--ring-ease);
}
.Day1_af70::before {
right: 100%;
}
.Day1_af70::after {
bottom: 100%;
left: 700%;
}
.Day1_af70.spread_e9ce::before,
.Day1_af70.spread_e9ce::after {
transition: none;
background-color: var(--ring-selected-background-color);
}
.Day1_af70.activeSpread_eda6::before,
.Day1_af70.activeSpread_eda6::after {
transition: none;
background-color: var(--ring-date-picker-hover-color);
}
.first_f4f6 {
position: relative;
}
.first_f4f6::before,
.first_f4f6::after {
position: absolute;
z-index: var(--ring-invisible-element-z-index);
width: calc(var(--ring-unit)*23);
height: calc(var(--ring-unit)*8);
content: "";
transition: background-color var(--ring-ease);
}
.first_f4f6::before {
right: 100%;
bottom: 0;
}
.first_f4f6::after {
bottom: 100%;
left: 0;
}
.first_f4f6.Day1_af70::after {
height: calc(var(--ring-unit)*5);
}
.first_f4f6 + .Day2_a766 {
position: relative;
}
.first_f4f6 + .Day2_a766::before {
position: absolute;
z-index: var(--ring-invisible-element-z-index);
top: calc(var(--ring-unit)*-8);
left: 600%;
width: calc(var(--ring-unit)*2);
height: 100%;
content: "";
transition: background-color var(--ring-ease);
}
.Day5_ee52::before,
.Day6_fe88::before,
.Day7_ab86::before,
.Day5_ee52::after,
.Day6_fe88::after,
.Day7_ab86::after {
height: calc(var(--ring-unit)*5);
}
.spread_e9ce::before,
.spread_e9ce::after,
.spread_e9ce + .Day2_a766::before {
transition: none;
background-color: var(--ring-selected-background-color);
}
.activeSpread_eda6::before,
.activeSpread_eda6::after,
.activeSpread_eda6 + .Day2_a766::before {
transition: none;
background-color: var(--ring-date-picker-hover-color);
}
.empty_fcea.empty_fcea {
pointer-events: none;
opacity: 0;
}
.today_bcc6.today_bcc6 {
position: relative;
font-weight: var(--ring-font-weight-bold);
}
.today_bcc6::before {
position: absolute;
top: 0;
left: calc(var(--ring-unit)*0.5);
content: "•";
font-size: var(--ring-font-size-smaller);
}
.day_d2e1 > .today_bcc6::before {
top: 4px;
left: 0;
width: 100%;
text-align: center;
}
.year_e481.today_bcc6::before {
top: -1px;
left: 2px;
}
.monthNames_f9b3 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: calc(var(--ring-unit)*6);
background-color: var(--ring-content-background-color);
box-shadow: -1px 0 var(--ring-line-color);
}
.monthName_b6e2 {
}
.monthName_b6e2.monthName_b6e2 {
position: relative;
width: 100%;
height: calc(var(--ring-unit)*3);
padding-left: calc(var(--ring-unit)*1.5);
text-transform: capitalize;
line-height: calc(var(--ring-unit)*3);
}
.monthSlider_e608 {
}
.monthSlider_e608.monthSlider_e608 {
position: absolute;
z-index: var(--ring-fixed-z-index);
right: 0;
left: -1px;
width: calc(100% + 1px);
height: calc(var(--ring-unit)*6);
cursor: grab;
opacity: 0.17;
background-color: var(--ring-main-color);
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.monthSlider_e608:hover {
opacity: 0.3;
}}
.dragging_df2f {
cursor: grabbing;
opacity: 0.35;
}
.range_d073 {
position: absolute;
left: 0;
width: 2px;
background-color: var(--ring-main-color);
}
.years_b6fe {
position: absolute;
top: 0;
right: 0;
width: calc(var(--ring-unit)*6);
background-color: var(--ring-content-background-color);
box-shadow: -1px 0 var(--ring-line-color);
font-size: var(--ring-font-size-smaller);
}
.year_e481 {
}
.year_e481.year_e481 {
position: relative;
width: 100%;
height: calc(var(--ring-unit)*4);
text-align: center;
color: var(--ring-secondary-color);
line-height: calc(var(--ring-unit)*4);
}
.currentYear_b924.currentYear_b924 {
cursor: auto;
transition: none;
color: var(--ring-text-color);
}
@media (hover: hover), (-moz-touch-enabled: 0), (-ms-high-contrast: none), (-ms-high-contrast: active) {.currentYear_b924:hover {
color: var(--ring-text-color);
}}
</style><style>
.wrapper__bb06 textarea {
overflow-y: auto;
max-height: calc(var(--ring-unit) * 20);
min-height: calc(var(--ring-line-height) * 4);
padding-top: 0;
background-color: var(--ring-content-background-color);
}
.wrapper__bb06 input {
background-color: var(--ring-content-background-color);
}
</style><style>.editorWrapper__a311 {
padding: calc(var(--ring-unit) * 2);
background-color: var(--ring-sidebar-background-color);
border: 1px solid var(--ring-line-color);
border-radius: var(--ring-border-radius);
display: flex;
flex-direction: column;
gap: calc(var(--ring-unit) * 2);
margin: 0 var(--ring-unit);
margin-bottom: calc(var(--ring-unit) * 2);
}
.editorButtonsWrapper__d679 {
display: flex;
gap: calc(var(--ring-unit) * 1);
}
</style><style>
.wrapper__dcf6 textarea {
overflow-y: auto;
max-height: calc(var(--ring-unit) * 20);
padding-top: 0;
background-color: var(--ring-content-background-color);
}
</style><style>.c_attachments__a3c {
--flex-gap: var(--ring-unit);
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-shrink: 0;
margin: calc(var(--ring-unit) * 2) calc(var(--ring-unit) * 4) 0;
outline: none;
gap: var(--ring-unit);
}
.c_attachments__a3c:empty {
display: none;
}
.c_attachment__eb8 {
--badge-color: "";
position: relative;
display: flex;
overflow: hidden;
width: 126px;
height: 80px;
z-index: 0;
background-color: var(--ring-sidebar-background-color);
border-radius: var(--ring-border-radius);
}
.c_attachment__eb8 .c_dropzoneActive__d64 {
opacity: 0.4;
}
.c_attachment__eb8::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--badge-color);
opacity: 0.15;
}
.c_attachment__eb8:hover .c_buttons__eb4,
.c_buttonsAlwaysVisible__f10.c_buttonsAlwaysVisible__f10 {
display: block;
}
.c_attachmentImage__e0f {
border: 1px solid var(--ring-line-color);
box-sizing: border-box;
}
.c_attachmentImage__e0f.c_foundTextHighlighted__de9 {
border: 4px solid #f0d19b; /* stylelint-disable-line color-no-hex */
box-sizing: content-box;
margin: -4px;
}
.c_attachmentImage__e0f.c_recognizedTextHighlighted__f1a::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--ring-selected-background-color);
opacity: 0.6;
animation: c_recognized-text-hightlighting__a07 6s;
}
.c_attachmentOverlay__bc9 {
z-index: 1;
flex-grow: 1;
width: 100%;
display: none;
align-items: flex-start;
flex-direction: column;
padding: calc(var(--ring-unit) * 1.5);
max-width: calc(100% - var(--ring-unit) * 3);
word-break: break-all;
}
.c_attachmentOverlayClickable__c64 {
cursor: pointer;
}
.c_attachment__eb8:hover .c_attachmentOverlay__bc9 {
display: flex;
}
.c_attachmentImageOverlay__b16 {
cursor: pointer;
background-color: var(--ring-content-background-color);
opacity: 0.9;
}
.c_attachmentExtension__b2d {
text-transform: uppercase;
margin-bottom: calc(var(--ring-unit) / 2);
color: var(--ring-white-text-color);
border: none;
padding-top: 1px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
opacity: 1;
transition:
transform 0.17s ease-in-out,
opacity 0.17s ease-in-out;
}
.c_forceHover__e51 .c_attachmentExtension__b2d,
.c_attachmentOverlay__bc9:hover .c_attachmentExtension__b2d {
transform: translateY(-24px);
}
.c_buttons__eb4 {
position: absolute;
z-index: 2;
bottom: calc(var(--ring-unit) * -3);
left: calc(var(--ring-unit) * 0.5);
transition:
transform 0.17s ease-in-out,
opacity 0.17s ease-in-out;
}
.c_button__d10.c_button__d10.c_actionButton__c5d {
margin: 0 calc(var(--ring-unit) / 4);
background-color: rgba(var(--ring-content-background-components), 0.8);
}
.c_button__d10.c_button__d10.c_actionButton__c5d:hover {
background: rgba(var(--ring-content-background-components), 0.9);
}
.c_attachmentVideoPlayer__e65 {
width: auto;
border: none;
}
.c_button__d10.c_button__d10,
.c_buttonIcon__b82.c_buttonIcon__b82 {
color: var(--ring-secondary-color);
}
.c_button__d10.c_button__d10:hover,
.c_buttonIcon__b82.c_buttonIcon__b82:hover {
color: var(--ring-link-hover-color);
}
.c_attachmentFilename__e2b {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: calc(2 * var(--ring-unit));
transition:
transform 0.17s ease-in-out,
opacity 0.17s ease-in-out;
}
.c_attachmentFilenameWithoutExt__fd9 {
transform: translateY(24px);
opacity: 0;
}
.c_forceHover__e51 .c_attachmentFilenameWithoutExt__fd9,
.c_attachmentOverlay__bc9:hover .c_attachmentFilenameWithoutExt__fd9 {
transform: translateY(0);
}
.c_forceHover__e51 .c_attachmentFilenameWithExt__cfa,
.c_attachmentOverlay__bc9:hover .c_attachmentFilenameWithExt__cfa {
transform: translateY(-24px);
}
.c_attachmentOverlayAlwaysVisible__e7c.c_attachmentOverlayAlwaysVisible__e7c {
display: flex;
}
.c_attachmentImageWrapper__c22 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.c_dropzone__d8e {
border: dashed 1px var(--ring-tag-background-color);
background-color: transparent;
cursor: pointer;
overflow: hidden;
flex-direction: column;
padding: calc(1.5 * var(--ring-unit));
box-sizing: border-box;
}
.c_dropzoneActive__d64 {
background-color: var(--ring-hover-background-color);
}
.c_carouselImage__c6c {
max-height: 80px;
-o-object-fit: contain;
object-fit: contain;
}
.c_slim__d87 {
flex-direction: row;
height: auto;
padding: var(--ring-unit);
justify-content: center;
}
.c_slimLoader__d10 {
margin-right: var(--ring-unit);
}
.c_emptyDropzone__d3e {
width: auto;
height: auto;
flex-grow: 1;
margin-right: 0;
}
.c_addNewAttachment__ea9 {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.c_emptyDropzone__d3e .c_addNewAttachment__ea9 {
flex-direction: row;
}
.c_dropzoneIconContainer__fe2 {
margin-right: var(--ring-unit);
}
.c_dropzoneIcon__aa7 {
color: var(--ring-icon-color);
}
.c_welcomeMessage__bac {
white-space: pre-wrap;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.c_restrictedIcon__a24 {
cursor: default;
padding-left: 8px;
color: var(--ring-secondary-color);
}
.c_recognizedTextIcon__c1e {
position: absolute;
z-index: 1;
bottom: 8px;
left: 12px;
color: var(--ring-main-color);
opacity: 1;
animation: c_recognizedTextHightlightingIcon__df0 6s;
}
.c_collapsibleHeader__afa {
margin-top: calc(var(--ring-unit) * 4);
position: relative;
}
.compactUiMode .c_collapsibleHeader__afa {
margin-top: calc(var(--ring-unit) * 3);
}
.c_expander__f86 {
position: absolute;
top: -2px;
left: -30px;
}
.c_collapsibleHeaderTitle__e0c,
.c_collapsibleHeaderTitleWithOptions__bdc {
cursor: pointer;
font-weight: 600;
margin-right: var(--ring-unit);
}
.c_collapsibleHeaderTitleWithOptions__bdc {
margin-right: calc(var(--ring-unit) - 3px);
}
.c_collapsibleHeaderCounter__db3 {
margin-left: calc(var(--ring-unit) - 3px);
font-weight: normal;
color: var(--ring-secondary-color);
}
.c_collapsibleHeaderMoreBtn__ca0 {
position: relative;
top: 1px;
padding: 0 var(--ring-unit);
}
.c_video__b50 {
max-height: 90vh;
}
.c_attachmentsHeaderRightLink__b8b {
margin-right: var(--ring-unit);
}
@keyframes c_recognized-text-hightlighting__a07 {
15% {
opacity: 0.6;
}
100% {
opacity: 0;
}
}
@keyframes c_recognizedTextHightlightingIcon__df0 {
15% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.c_buttonIcon__b82 {
position: relative;
top: 1px;
color: var(--ring-secondary-color);
}
/* stylelint-disable-next-line no-duplicate-selectors */
.c_button__d10.c_button__d10,
.c_buttonIcon__b82.c_buttonIcon__b82 {
color: var(--ring-secondary-color);
}
/* stylelint-disable-next-line no-duplicate-selectors */
.c_button__d10.c_button__d10:hover,
.c_buttonIcon__b82.c_buttonIcon__b82:hover {
color: var(--ring-link-hover-color);
}
</style><style>.badge_fbdc {
display: inline-block;
box-sizing: border-box;
height: 20px;
padding: 0 var(--ring-unit);
cursor: default;
vertical-align: baseline;
color: var(--ring-secondary-color);
border: 1px var(--ring-line-color) solid;
border-radius: var(--ring-border-radius);
background-color: var(--ring-content-background-color);
font-size: var(--ring-font-size-smaller);
font-weight: normal;
font-style: normal;
line-height: 17px;
}
.badge_fbdc.gray_c0bd {
color: var(--ring-text-color);
background-color: var(--ring-tag-background-color);
}
.badge_fbdc.valid_c640 {
color: var(--ring-success-color);
}
.badge_fbdc.invalid_afd2 {
color: var(--ring-error-color);
}
.badge_fbdc.disabled_a1cd {
/* Deprecated: duplicates invalid */
color: var(--ring-error-color);
}
</style><style>/* WebKit */
.numberInput__f493::-webkit-inner-spin-button,
.numberInput__f493::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
.numberInput__f493 {
appearance: textfield;
margin: 0;
}
.description__f265 textarea {
overflow-y: auto;
max-height: calc(var(--ring-unit) * 20);
}
.title__ed93 {
color: var(--ring-secondary-color);
}
</style><style>
.wrapper__ee73 textarea {
overflow-y: auto;
max-height: calc(var(--ring-unit) * 20);
background-color: var(--ring-content-background-color);
}
.title__edac {
color: var(--ring-secondary-color);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style><style>.selectContainer__d01e.selectContainer__d01e {
min-height: calc(var(--ring-unit) * 5);
max-height: calc(var(--ring-unit) * 5);
line-height: var(--ring-line-height-lowest);
display: flex;
align-items: center;
gap: var(--ring-unit);
}
.selectPopupStyle__f800 {
margin-top: var(--ring-unit);
}
.selectMainBlock__fc28 {
display: flex;
flex-direction: column;
align-self: center;
}
.selectNewEmailButton__a6d5 > span {
display: flex;
gap: var(--ring-unit);
min-height: calc(var(--ring-unit) * 4);
align-items: center;
}
.selectNewEmailIcon__a84a {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--ring-line-color);
width: 24px;
height: 24px;
border-radius: 50%;
}
.selectNewEmailIcon__a84a ~ span {
display: flex;
align-items: flex-start;
flex-direction: column;
line-height: var(--ring-line-height-lowest);
}
.selectEmailValue__cb5a {
color: var(--ring-secondary-color);
font-size: var(--ring-font-size);
}
.selectEmailValueValid__d8f3 {
color: var(--ring-link-color);
}
.selectLogin__fc03 {
margin-left: auto;
align-self: flex-start;
}
.selectLoginCentered__bab0 {
align-self: center;
}
.selectTitle__a01a {
color: var(--ring-secondary-color);
margin-bottom: var(--ring-unit);
}
.selectSubtitle__bc03 {
color: var(--ring-secondary-color);
font-size: var(--ring-font-size-smaller);
line-height: var(--ring-line-height-lowest);
}
.selectErrorText__f7cb {
color: var(--ring-error-color);
font-size: var(--ring-font-size-smaller);
}
.addEmailButtonContainer__e4f2 {
margin-bottom: var(--ring-unit);
}
.reporterEmailReady__fc0a {
color: var(--ring-link-hover-color);
}
.reporterWrapperView__f7b6 {
gap: calc(var(--ring-unit) / 2);
}
.filterWithTags__dd97 {
overflow: hidden;
max-height: calc(var(--ring-unit) * 3);
padding: 0 0 0 calc(var(--ring-unit) / 2);
display: flex;
margin: 0;
align-items: center;
}
.filterWithTagsError__d4c5,
.filterWithTagsError__d4c5:hover {
border-color: var(--ring-icon-error-color);
}
.filterWrapper__a9c7 {
width: 100%;
}
</style><style>.feedbackForm__e972 {
color: var(--ring-text-color);
}
.title__e7ab {
word-break: break-word;
}
.block__a771 {
margin-bottom: calc(var(--ring-unit) * 2);
}
.progressLabel__c6d0 {
margin-left: calc(var(--ring-unit) * 2);
}
.progress__fc41 {
margin-left: calc(var(--ring-unit) * 1);
}
</style><style>.captchaWrapper__bacc {
display: flex;
align-items: center;
flex-direction: column;
min-height: 78px; /* default height of Google Captcha block */
}
</style><style>/* stylelint-disable color-no-hex,declaration-no-important */
.color-fields__color-0,
.color-fields__field-0 {
color: var(--ring-text-color);
}
.color-fields__background-0,
.color-fields__field-0 {
background-color: var(--ring-content-background-color);
}
.color-fields__border-0,
.color-fields__field-0 {
border-color: transparent;
}
.color-fields__field-0 {
border-color: var(--ring-line-color);
}
.color-fields__field-none {
border: 1px solid var(--ring-icon-color) !important;
box-sizing: border-box;
}
.color-fields__color-1,
.color-fields__field-1 {
color: #fff;
}
.color-fields__plain-color-1 {
color: #8d5100;
}
.color-fields__background-1,
.color-fields__field-1 {
background-color: #8d5100;
}
.color-fields__border-1,
.color-fields__field-1 {
border-color: transparent !important;
}
.color-fields__color-2,
.color-fields__field-2 {
color: #fff;
}
.color-fields__plain-color-2 {
color: #ce6700;
}
.color-fields__background-2,
.color-fields__field-2 {
background-color: #ce6700;
}
.color-fields__border-2,
.color-fields__field-2 {
border-color: transparent !important;
}
.color-fields__color-3,
.color-fields__field-3 {
color: #fff;
}
.color-fields__plain-color-3 {
color: #409600;
}
.color-fields__background-3,
.color-fields__field-3 {
background-color: #409600;
}
.color-fields__border-3,
.color-fields__field-3 {
border-color: transparent !important;
}
.color-fields__color-4,
.color-fields__field-4 {
color: #fff;
}
.color-fields__plain-color-4 {
color: #0070e4;
}
.color-fields__background-4,
.color-fields__field-4 {
background-color: #0070e4;
}
.color-fields__border-4,
.color-fields__field-4 {
border-color: transparent !important;
}
.color-fields__color-5,
.color-fields__field-5 {
color: #fff;
}
.color-fields__plain-color-5 {
color: #900052;
}
.color-fields__background-5,
.color-fields__field-5 {
background-color: #900052;
}
.color-fields__border-5,
.color-fields__field-5 {
border-color: transparent !important;
}
.color-fields__color-6,
.color-fields__field-6 {
color: #fff;
}
.color-fields__plain-color-6 {
color: #0050a1;
}
.color-fields__background-6,
.color-fields__field-6 {
background-color: #0050a1;
}
.color-fields__border-6,
.color-fields__field-6 {
border-color: transparent !important;
}
.color-fields__color-7,
.color-fields__field-7 {
color: #fff;
}
.color-fields__plain-color-7 {
color: #2f9890;
}
.color-fields__background-7,
.color-fields__field-7 {
background-color: #2f9890;
}
.color-fields__border-7,
.color-fields__field-7 {
border-color: transparent !important;
}
.color-fields__color-8,
.color-fields__field-8 {
color: #fff;
}
.color-fields__plain-color-8 {
color: #8e1600;
}
.color-fields__background-8,
.color-fields__field-8 {
background-color: #8e1600;
}
.color-fields__border-8,
.color-fields__field-8 {
border-color: transparent !important;
}
.color-fields__color-9,
.color-fields__field-9 {
color: #fff;
}
.color-fields__plain-color-9 {
color: #dc0083;
}
.color-fields__background-9,
.color-fields__field-9 {
background-color: #dc0083;
}
.color-fields__border-9,
.color-fields__field-9 {
border-color: transparent !important;
}
.color-fields__color-10,
.color-fields__field-10 {
color: #fff;
}
.color-fields__plain-color-10 {
color: #7dbd36;
}
.color-fields__background-10,
.color-fields__field-10 {
background-color: #7dbd36;
}
.color-fields__border-10,
.color-fields__field-10 {
border-color: transparent !important;
}
.color-fields__color-11,
.color-fields__field-11 {
color: #fff;
}
.color-fields__plain-color-11 {
color: #ff7123;
}
.color-fields__background-11,
.color-fields__field-11 {
background-color: #ff7123;
}
.color-fields__border-11,
.color-fields__field-11 {
border-color: transparent !important;
}
.color-fields__color-12,
.color-fields__field-12 {
color: #fff;
}
.color-fields__plain-color-12 {
color: #ff7bc3;
}
.color-fields__background-12,
.color-fields__field-12 {
background-color: #ff7bc3;
}
.color-fields__border-12,
.color-fields__field-12 {
border-color: transparent !important;
}
.color-fields__color-13,
.color-fields__field-13 {
color: #444;
}
.color-fields__plain-color-13 {
color: var(--ring-text-color);
}
.color-fields__background-13,
.color-fields__field-13 {
background-color: #fed74a;
}
.color-fields__border-13,
.color-fields__field-13 {
border-color: transparent !important;
}
.color-fields__color-14,
.color-fields__field-14 {
color: #444;
}
.color-fields__plain-color-14 {
color: var(--ring-text-color);
}
.color-fields__background-14,
.color-fields__field-14 {
background-color: #b7e281;
}
.color-fields__border-14,
.color-fields__field-14 {
border-color: transparent !important;
}
.color-fields__color-15,
.color-fields__field-15 {
color: #45818e;
}
.color-fields__plain-color-15 {
color: #45818e;
}
.color-fields__background-15,
.color-fields__field-15 {
background-color: #d8f7f3;
}
.color-fields__border-15,
.color-fields__field-15 {
border-color: transparent !important;
}
.color-fields__color-16,
.color-fields__field-16 {
color: #888;
}
.color-fields__plain-color-16 {
color: #888;
}
.color-fields__background-16,
.color-fields__field-16 {
background-color: #e6e6e6;
}
.color-fields__border-16,
.color-fields__field-16 {
border-color: transparent !important;
}
.color-fields__color-17,
.color-fields__field-17 {
color: #4da400;
}
.color-fields__plain-color-17 {
color: #4da400;
}
.color-fields__background-17,
.color-fields__field-17 {
background-color: #e6f6cf;
}
.color-fields__border-17,
.color-fields__field-17 {
border-color: transparent !important;
}
.color-fields__color-18,
.color-fields__field-18 {
color: #b45f06;
}
.color-fields__plain-color-18 {
color: #b45f06;
}
.color-fields__background-18,
.color-fields__field-18 {
background-color: #ffee9c;
}
.color-fields__border-18,
.color-fields__field-18 {
border-color: transparent !important;
}
.color-fields__color-19,
.color-fields__field-19 {
color: #444;
}
.color-fields__plain-color-19 {
color: var(--ring-text-color);
}
.color-fields__background-19,
.color-fields__field-19 {
background-color: #ffc8ea;
}
.color-fields__border-19,
.color-fields__field-19 {
border-color: transparent !important;
}
.color-fields__color-20,
.color-fields__field-20 {
color: #fff;
}
.color-fields__plain-color-20 {
color: #e30000;
}
.color-fields__background-20,
.color-fields__field-20 {
background-color: #e30000;
}
.color-fields__border-20,
.color-fields__field-20 {
border-color: transparent !important;
}
.color-fields__color-21,
.color-fields__field-21 {
color: #3d85c6;
}
.color-fields__plain-color-21 {
color: #3d85c6;
}
.color-fields__background-21,
.color-fields__field-21 {
background-color: #e0f1fb;
}
.color-fields__border-21,
.color-fields__field-21 {
border-color: transparent !important;
}
.color-fields__color-22,
.color-fields__field-22 {
color: #dc5766;
}
.color-fields__plain-color-22 {
color: #dc5766;
}
.color-fields__background-22,
.color-fields__field-22 {
background-color: #fce5f1;
}
.color-fields__border-22,
.color-fields__field-22 {
border-color: transparent !important;
}
.color-fields__color-23,
.color-fields__field-23 {
color: #b45f06;
}
.color-fields__plain-color-23 {
color: #b45f06;
}
.color-fields__background-23,
.color-fields__field-23 {
background-color: #f7e9c1;
}
.color-fields__border-23,
.color-fields__field-23 {
border-color: transparent !important;
}
.color-fields__color-24,
.color-fields__field-24 {
color: #444;
}
.color-fields__plain-color-24 {
color: var(--ring-text-color);
}
.color-fields__background-24,
.color-fields__field-24 {
background-color: #92e1d5;
}
.color-fields__border-24,
.color-fields__field-24 {
border-color: transparent !important;
}
.color-fields__color-25,
.color-fields__field-25 {
color: #444;
}
.color-fields__plain-color-25 {
color: var(--ring-text-color);
}
.color-fields__background-25,
.color-fields__field-25 {
background-color: #a6e0fc;
}
.color-fields__border-25,
.color-fields__field-25 {
border-color: transparent !important;
}
.color-fields__color-26,
.color-fields__field-26 {
color: #444;
}
.color-fields__plain-color-26 {
color: var(--ring-text-color);
}
.color-fields__background-26,
.color-fields__field-26 {
background-color: #e0c378;
}
.color-fields__border-26,
.color-fields__field-26 {
border-color: transparent !important;
}
.color-fields__color-27,
.color-fields__field-27 {
color: #444;
}
.color-fields__plain-color-27 {
color: var(--ring-text-color);
}
.color-fields__background-27,
.color-fields__field-27 {
background-color: #bababa;
}
.color-fields__border-27,
.color-fields__field-27 {
border-color: transparent !important;
}
.color-fields__color-28,
.color-fields__field-28 {
color: #fff;
}
.color-fields__plain-color-28 {
color: #25beb2;
}
.color-fields__background-28,
.color-fields__field-28 {
background-color: #25beb2;
}
.color-fields__border-28,
.color-fields__field-28 {
border-color: transparent !important;
}
.color-fields__color-29,
.color-fields__field-29 {
color: #fff;
}
.color-fields__plain-color-29 {
color: #42a3df;
}
.color-fields__background-29,
.color-fields__field-29 {
background-color: #42a3df;
}
.color-fields__border-29,
.color-fields__field-29 {
border-color: transparent !important;
}
.color-fields__color-30,
.color-fields__field-30 {
color: #fff;
}
.color-fields__plain-color-30 {
color: #878787;
}
.color-fields__background-30,
.color-fields__field-30 {
background-color: #878787;
}
.color-fields__border-30,
.color-fields__field-30 {
border-color: transparent !important;
}
.color-fields__color-31,
.color-fields__field-31 {
color: #fff;
}
.color-fields__plain-color-31 {
color: #4d4d4d;
}
.color-fields__background-31,
.color-fields__field-31 {
background-color: #4d4d4d;
}
.color-fields__border-31,
.color-fields__field-31 {
border-color: transparent !important;
}
.color-fields__color-32,
.color-fields__field-32 {
color: #fff;
}
.color-fields__plain-color-32 {
color: #246512;
}
.color-fields__background-32,
.color-fields__field-32 {
background-color: #246512;
}
.color-fields__border-32,
.color-fields__field-32 {
border-color: transparent !important;
}
.color-fields__color-33,
.color-fields__field-33 {
color: #fff;
}
.color-fields__plain-color-33 {
color: #00665e;
}
.color-fields__background-33,
.color-fields__field-33 {
background-color: #00665e;
}
.color-fields__border-33,
.color-fields__field-33 {
border-color: transparent !important;
}
.color-fields__color-34,
.color-fields__field-34 {
color: #fff;
}
.color-fields__plain-color-34 {
color: #553000;
}
.color-fields__background-34,
.color-fields__field-34 {
background-color: #553000;
}
.color-fields__border-34,
.color-fields__field-34 {
border-color: transparent !important;
}
.color-fields__color-35,
.color-fields__field-35 {
color: #fff;
}
.color-fields__plain-color-35 {
color: #1a1a1a;
}
.color-fields__background-35,
.color-fields__field-35 {
background-color: #1a1a1a;
}
.color-fields__border-35,
.color-fields__field-35 {
border-color: transparent !important;
}
</style><style>.c_ytIssueId__dc6 {
padding: 0 calc(var(--ring-unit) / 2) 0 var(--ring-unit);
font-size: var(--ring-font-size);
}
.c_ytIssueId__dc6.c_ytIssueIdResolved__ca7 {
-webkit-text-decoration: line-through;
text-decoration: line-through;
color: var(--ring-secondary-color);
}
</style><style>.c_ytIssuePreview__f3a {
display: flex;
overflow: hidden;
flex-direction: row;
gap: var(--ring-unit);
min-width: 350px;
padding: calc(2 * var(--ring-unit));
}
.c_ytIssuePreviewContent__ef1 {
display: flex;
flex-direction: column;
}
.c_ytIssuePreviewPriorityWrapper__bed {
flex-basis: 20px;
}
.c_ytIssuePreviewHeader__acb {
display: flex;
}
.c_ytIssuePreviewSummary__e91 {
word-break: break-word;
}
.c_ytIssuePreviewFields__dd9 {
display: flex;
margin-top: calc(var(--ring-unit) * 1.5);
margin-left: var(--ring-unit);
font-size: var(--ring-font-size-smaller);
line-height: var(--ring-line-height-lowest);
}
.c_ytIssuePreviewField__cf3 {
display: flex;
position: relative;
gap: var(--ring-unit);
padding: 0 calc(var(--ring-unit) * 2);
white-space: nowrap;
text-overflow: ellipsis;
}
.c_ytIssuePreviewField__cf3:first-child {
padding-left: 0;
}
.c_ytIssuePreviewField__cf3:last-child {
padding-right: 0;
}
.c_ytIssuePreviewField__cf3::before {
content: "";
display: inline-block;
height: 1em;
border-left: 1px solid var(--ring-line-color);
position: absolute;
top: 2px;
left: 0;
}
.c_ytIssuePreviewField__cf3:first-child::before {
border-left-color: transparent;
}
.c_ytIssuePreviewFieldEmpty__af0 {
color: var(--ring-disabled-color);
}
.c_ytIssuePreview__f3a:first-child {
margin-left: 0;
}
</style><style>.c_square__d47 {
display: inline-flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
min-height: calc(var(--ring-unit) * 2);
height: calc(var(--ring-unit) * 2);
max-height: calc(var(--ring-unit) * 2);
min-width: calc(var(--ring-unit) * 2);
width: calc(var(--ring-unit) * 2);
max-width: calc(var(--ring-unit) * 2);
text-align: center;
vertical-align: baseline;
white-space: nowrap;
border-radius: var(--ring-border-radius-small);
font-size: var(--ring-font-size-smaller);
}
.c_square__d47.c_big__d2e {
min-height: calc(var(--ring-unit) * 3);
height: calc(var(--ring-unit) * 3);
max-height: calc(var(--ring-unit) * 3);
min-width: calc(var(--ring-unit) * 3);
width: calc(var(--ring-unit) * 3);
max-width: calc(var(--ring-unit) * 3);
font-size: var(--ring-font-size);
}
.c_circle__b60 {
display: inline-flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
min-height: calc(var(--ring-unit) * 2);
height: calc(var(--ring-unit) * 2);
max-height: calc(var(--ring-unit) * 2);
min-width: calc(var(--ring-unit) * 2);
width: calc(var(--ring-unit) * 2);
max-width: calc(var(--ring-unit) * 2);
text-align: center;
text-transform: uppercase;
border-radius: 50%;
font-size: var(--ring-font-size-smaller);
line-height: 18px;
}
.c_circle__b60.c_big__d2e {
min-height: calc(var(--ring-unit) * 3);
height: calc(var(--ring-unit) * 3);
max-height: calc(var(--ring-unit) * 3);
min-width: calc(var(--ring-unit) * 3);
width: calc(var(--ring-unit) * 3);
max-width: calc(var(--ring-unit) * 3);
line-height: 30px;
font-size: var(--ring-font-size);
}
.c_empty__bf5 {
color: var(--ring-search-color);
border-color: var(--ring-borders-color);
border-style: dashed;
border-width: 1px;
}
.c_empty__bf5.c_emptyRequired__c2a {
color: var(--ring-error-color);
border-color: var(--ring-error-color);
border-style: dashed;
}
</style><style>.c_ticketPriorityIcon__ab4 {
position: relative;
}
.c_hdTicketIcon__bce {
color: var(--ring-icon-color);
}
.c_hdTicketIconSmall__f2f {
position: absolute;
right: -2px;
bottom: -6px;
}
.c_hdTicketIconFullSize__ccb {
position: relative;
top: 2px;
left: 2px;
}
</style><style>.row__a395 {
display: flex;
flex-direction: row;
max-width: 100%;
min-width: 0;
margin: calc(var(--ring-unit) / 2) 0;
}
.cell__d88b {
margin: 0 calc(var(--ring-unit) / 2);
}
.cell__d88b:first-child {
margin-left: 0;
}
.cell__d88b:last-child {
margin-right: 0;
}
.idCell__dbbd {
flex-shrink: 0;
font-variant-numeric: tabular-nums;
}
.idCell__dbbd.cellResolved__e583 a {
-webkit-text-decoration: line-through;
text-decoration: line-through;
text-decoration-thickness: 1px;
}
.cellResolved__e583 {
--ring-link-color: var(--ring-secondary-color);
}
.summaryCell__b75c {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
white-space: initial;
}
.lockIcon__c583 {
color: var(--ring-borders-color);
position: relative;
margin-left: calc(var(--ring-unit) / 2);
top: -2px;
}
.articleIcon__dff7 {
color: var(--ring-icon-color);
margin: 0 calc(var(--ring-unit) / 4);
}
</style><style>.similar__db6c {
margin-top: calc(var(--ring-unit) * 2);
gap: 0;
}
.title__a38a {
color: var(--ring-secondary-color);
}
.entity__c383 {
padding: 3px 0;
display: flex;
}
.entityInner__d7f7 {
flex-grow: 1;
}
.notFound__c759 {
color: var(--ring-secondary-color);
}
</style><style>.group_a3ed > *:not(:last-child) {
margin-right: var(--ring-unit);
}
</style><style>.row__f952 {
display: flex;
align-items: center;
padding: var(--ring-unit);
}
.row__f952:hover {
cursor: pointer;
background-color: var(--ring-hover-background-color);
}
.icon__f189 {
display: inline-flex;
color: var(--ring-icon-color);
}
.lockIcon__cf1e {
width: 12px;
height: 12px;
}
.articleId__e659 {
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.link__d060 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</style><style>.similarPlaceholder__ae5b {
display: flex;
flex-direction: column;
gap: calc(var(--ring-unit) * 1);
}
.title__ed80 {
color: var(--ring-secondary-color);
}
</style><style>.embeddedForm__c211 {
font-family: var(--ring-font-family);
font-size: var(--ring-font-size);
max-width: calc(402px + var(--ring-unit) * 4);
padding: calc(var(--ring-unit) * 2);
width: 100%;
}
.createAnother__d5e5 {
margin: calc(var(--ring-unit) * 2) auto;
}
.confirmation__dcc2 {
font-family: var(--ring-font-family);
font-size: var(--ring-font-size);
max-width: calc(402px + var(--ring-unit) * 4);
padding: calc(var(--ring-unit) * 2);
width: 100%;
}
.formPopup__bc9a {
padding: calc(var(--ring-unit) * 1);
background-color: var(--ring-content-background-color);
min-width: 500px;
min-height: calc(var(--ring-unit) * 20);
}
.formPopup__bc9a.confirmation__dcc2 {
min-width: auto;
max-width: 300px;
text-align: center;
padding: calc(var(--ring-unit) * 2);
}
.invisiblePopup__d079 {
visibility: hidden;
}
.errorMessage__cd10 {
padding: calc(var(--ring-unit) * 3);
color: var(--ring-text-color);
font-family: var(--ring-font-family);
font-size: var(--ring-font-size);
}
</style><style>.islandWrapper__b636 {
padding: calc(var(--ring-unit) * 3);
width: calc(var(--ring-unit) * 50);
display: flex;
flex-direction: column;
color: var(--ring-text-color);
}
.inlineWrapper__fd5e {
display: flex;
flex-direction: column;
min-width: calc(var(--ring-unit) * 30);
color: var(--ring-text-color);
}
</style><style>.checkMark__dfad {
color: var(--ring-main-color);
align-self: center;
margin-top: calc(var(--ring-unit) * 2.25);
margin-bottom: calc(var(--ring-unit) * 3);
}
</style><style>.feedback-popup-button {
background-color: var(--ring-content-background-color);
border-radius: 50%;
border: solid 1px var(--ring-borders-color);
cursor: pointer;
padding: calc(var(--ring-unit) * 1);
color: var(--ring-text-color);
height: calc(var(--ring-unit) * 7);
width: calc(var(--ring-unit) * 7);
transition:
color var(--ring-ease),
background-color var(--ring-ease),
box-shadow var(--ring-ease);
}
.feedback-popup-button:hover {
background-color: var(--ring-hover-background-color);
}
.feedback-popup-button-icon {
fill: currentColor;
}
.feedback-popup-button-icon > svg {
width: 24px;
height: 24px;
}
</style></head>
<body id="body">
<!-- Header Start --><header class="navigation">
<div class="container">
<div class="row">
<div class="col-lg-12"><nav class="navbar navbar-expand-lg p-0"><a class="navbar-brand" href="/"> <img src="/image/firewizz-logo.png" alt="Logo"> </a> <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarsExample09" aria-controls="navbarsExample09" aria-expanded="false" aria-label="Toggle navigation"> <span class="ion-android-menu"></span> </button>
<div class="collapse navbar-collapse ml-auto" id="navbarsExample09">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/netwerkbeheer/">Netwerkbeheer</a></li>
<li class="nav-item"><a class="nav-link" href="/software-development/">Software Development</a></li>
<!--<li class="nav-item dropdown"><a class="nav-link" href="/netwerkbeheer" id="dropdown03" data-toggle="" aria-haspopup="true" aria-expanded="false">Netwerkbeheer <span class="ion-ios-arrow-down"></span></a>
<ul class="dropdown-menu" aria-labelledby="dropdown03">
<li><a class="dropdown-item" href="#">Netwerkbeheer MKB</a></li>
<li><a class="dropdown-item" href="#">Netwerkbeheer Enterprise</a></li>
</ul>
</li> --> <!--
<li class="nav-item dropdown @@software"><a class="nav-link dropdown-toggle" href="#" id="dropdown05" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Software Development <span class="ion-ios-arrow-down"></span></a>
<ul class="dropdown-menu" aria-labelledby="dropdown05">
<li><a class="dropdown-item @@software" href="#">Maatwerk software (web/integraties)</a></li>
<li><a class="dropdown-item @@software" href="#">App development</a></li>
<li><a class="dropdown-item @@software" href="#">Machine integratie</a></li>
<li><a class="dropdown-item @@software" href="#">Desktop software</a></li>
</ul>
</li>
-->
<li class="nav-item @@service"><a class="nav-link" href="/service/">Service</a></li>
<li class="nav-item @@contact"><a class="nav-link" href="/contact/">Contact</a></li>
</ul>
</div>
</nav></div>
</div>
</div>
</header><!-- header close --><!-- Slider Start -->
<section class="slider">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="block">
<h1 class="animated fadeInUp" id="mcetoc_1h3rhqegvn">Verbinden<br>Creëren<br>Optimaliseren</h1>
<p class="animated fadeInUp">Bij ons draait het om het <span class="slider-emphasize">verbinden van netwerken</span>, het <span class="slider-emphasize">creëren van innovatieve software</span> en het <span class="slider-emphasize">optimaliseren van bedrijfsprocessen</span>.<br><br> <span style="text-decoration: none; color: white;"><strong>Betrouwbaarheid, snelheid en ontzorging vormen de kern van ons werk.</strong></span><br><br> Met betrouwbare (op maat gemaakte) oplossingen voor software, routing, switching, beveiliging, draadloze netwerken en VPN's (thuiswerken) bieden we oplossingen die U en uw bedrijf ontzorgen en geven we uw bedrijf een voorsprong in de competitieve digitale wereld.</p>
</div>
</div>
</div>
</div>
</section>
<section class="section-dark section">
<div class="container">
<div class="row justify-content-end">
<div class="col-md-6 hide-on-mobile">
<div class="block section-image-container"><img style="max-width: 350px;" src="/image/i2.png" alt="Img"></div>
</div>
<!-- .col-md-5 close -->
<div class="col-md-6">
<div class="block">
<div class="section-title">
<h2 id="mcetoc_1h3rhqegvp"><small>Betrouwbaarheid, Snelheid en Ontzorging</small></h2>
<p>"Wij nemen uw zorgen weg en brengen uw visie tot leven."</p>
</div>
<p>Snelle reacties, goede bereikbaarheid en korte communicatielijnen. En <br><strong>wat we doen, doen we goed</strong>, zodat u blindelings kunt vertrouwen op ons geleverde werk. Wij denken met u mee en nemen uw zorgen uit handen door met onze toegewijde aanpak ervoor te zorgen dat uw digitale behoeften snel en efficiënt worden ingevuld. U kunt op ons rekenen om uw visie om te zetten in werkelijkheid en u te ontzorgen van begin tot eind. Wij zijn uw betrouwbare partner voor elke stap in uw digitale reis.</p>
<a href="/contact" class="btn section-button" style="background: #70ae5e; color: white;">Neem contact met ons op</a></div>
</div>
<!-- .col-md-7 close --></div>
</div>
</section>
<section class="section-light section">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="block">
<div class="section-title">
<h2 id="mcetoc_1h3rhqegvo">Verbinden <small>van netwerken</small></h2>
<p>"Samenwerken begint met een goede verbinding."</p>
</div>
<p>Bij ons draait het om het verbinden van netwerken. Onze expertise strekt zich uit tot verschillende essentiële onderdelen van netwerkbeheer, waaronder routing, switching, beveiliging en draadloze netwerken (WiFi). We begrijpen de cruciale rol van beveiliging(security) en zorgen ervoor dat uw netwerk veilig en beschermd is. Met onze op maat gemaakte VPN-oplossingen kunt u veilig thuiswerken en uw bedrijfsnetwerk veilig verbinden met externe locaties. Of het nu gaat om het opzetten van een betrouwbaar en stabiel netwerk of het implementeren van complexe beveiligingsmaatregelen, we staan voor u klaar.</p>
<a href="/netwerkbeheer" class="btn section-button">Meer over netwerkbeheer</a></div>
</div>
<!-- .col-md-7 close -->
<div class="col-md-5 hide-on-mobile">
<div class="block section-image-container"><img src="/image/cisco-partner.png" alt="Img"></div>
</div>
<!-- .col-md-5 close --></div>
</div>
</section>
<section class="section-dark section">
<div class="container">
<div class="row justify-content-end">
<div class="col-md-6 hide-on-mobile">
<div class="block section-image-container"><img src="/image/software-development.png" alt="Img"></div>
</div>
<!-- .col-md-5 close -->
<div class="col-md-6">
<div class="block">
<div class="section-title">
<h2 id="mcetoc_1h3rhqegvp">Creëren <small>van innovatieve software</small></h2>
<p>"Wij smeden de brug tussen uw visie en digitale realiteit."</p>
</div>
<p>Bij ons draait het om het creëren van innovatieve softwareoplossingen. Onze deskundige ontwikkelaars zijn bedreven in verschillende domeinen, zoals app-ontwikkeling, websoftware, machine-integraties en desktopsoftware. We begrijpen dat elk bedrijf unieke behoeften heeft, daarom leveren we maatwerkoplossingen die perfect aansluiten bij uw vereisten. Van gebruiksvriendelijke mobiele apps tot krachtige bedrijfstoepassingen, ons team zorgt ervoor dat uw softwareprojecten succesvol worden gerealiseerd. Met onze passie voor creëren streven we ernaar om uw digitale visie werkelijkheid te maken.</p>
<a href="/software-development" class="btn section-button">Meer over software development</a></div>
</div>
<!-- .col-md-7 close --></div>
</div>
</section>
<section class="section-light section">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="block">
<div class="section-title">
<h2 id="mcetoc_1h3rhqegvq">Optimaliseren <small>van bedrijfsprocessen</small></h2>
<p>"Optimaliseer uw bedrijf. Bereik nieuwe hoogten."</p>
</div>
<p>Onze dienstverlening draait om het optimaliseren van uw bedrijfsprocessen en het tillen van uw bedrijf naar nieuwe hoogten. Bij ons draait het om het maximaliseren van uw bedrijfspotentieel. We begrijpen het belang van efficiëntie en effectiviteit in het moderne bedrijfsleven. Met onze expertise helpen we u bij het identificeren van knelpunten, het stroomlijnen van workflows en het implementeren van geavanceerde technologieën om uw bedrijfsprestaties te verbeteren. Of het nu gaat om het verbeteren van communicatie, het automatiseren van taken of het versterken van uw concurrentiepositie, wij bieden de oplossingen die uw bedrijf nodig heeft. Met onze betrouwbaarheid, degelijkheid en passie streven we ernaar om uw succes te optimaliseren.</p>
<a href="/service" class="btn section-button-soft">Service</a></div>
</div>
<!-- .col-md-7 close -->
<div class="col-md-5 hide-on-mobile">
<div class="block section-image-container"><img src="/image/business-optimization.png" alt="Img"></div>
</div>
<!-- .col-md-5 close --></div>
</div>
</section>
<section class="call-to-action bg-1 section-sm overly">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="block">
<h2 class="mb-3" id="mcetoc_1h3rhqegvr">Heeft u interesse in onze diensten of heeft u vragen?</h2>
<p>Neem gerust vrijblijvend contact met ons op.<br>We zijn er om u te adviseren en u te begeleiden bij het vinden van de beste oplossing voor uw behoeften.</p>
<a class="btn btn-main btn-solid-border" href="contact">Neem contact met ons op!</a></div>
</div>
</div>
</div>
</section>
<section class="testimonial section-sm">
<div class="container">
<div class="row">
<div class="col-lg-6 mt-5 mt-lg-0">
<div class="image-container" style="display: flex; align-items: center; justify-content: center; overflow: hidden; height: 100%; background: #111111;"><img src="/image/firewizz-card-back.jpg" alt="firewizz" style="width: 100%; height: auto; object-fit: cover;"></div>
</div>
<div class="col-lg-6">
<div class="testimonial-carousel text-center">
<div class="testimonial-slider owl-carousel slick-initialized slick-slider">
<div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 640px; transform: translate3d(0px, 0px, 0px);"><div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="0" style="width: 640px;"><i class="ion-quote"></i>
<p style="font-family: 'Roboto'; font-style: italic;">"Ik sta altijd klaar om technologische uitdagingen aan te gaan en oplossingen te creëren die echt een verschil maken."</p>
<div class="user">
<p><span>Kevin Manders</span> CEO/Owner - Firewizz Digital Solutions</p>
</div>
</div></div></div>
</div>
</div>
</div>
</div>
</div>
</section><!-- footer Start --><footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="footer-section">
<p><strong>Firewizz Digital Solutions</strong><br> Oudedijk 33<br> 5409 AA Odiliapeel (NL)</p>
</div>
</div>
<div class="col-md-4">
<div class="footer-section">
<p><strong>phone: </strong>(+31)6 51 21 17 09<br> <strong>email: </strong>[email protected]<br> <a href="https://wa.me/31651211709" target="_blank" rel="noopener noreferrer"><img src="https://firewizz.nl/image/whatsappbuttongreensmall.png" caption="false" width="221" height="auto" style="width: 146px;"></a></p>
</div>
</div>
<div class="col-md-4">
<div class="footer-section">
<p><strong>KVK:</strong> 17222786<br> <strong>BTW:</strong> NL001883018B72</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="footer-section">
<ul class="footer-links">
<li><a href="/algemene-voorwaarden">Algemene voorwaarden</a></li>
<li><a href="/privacy">Disclaimer & privacy</a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="footer-section">
<p class="footer-text">Copyright ©
<script>// <![CDATA[
document.write(new Date().getFullYear())
// ]]></script>2024
Firewizz Digital Solutions. All rights reserved.</p>
</div>
</div>
</div>
</div>
</footer><!--Scroll to top-->
<div id="scroll-to-top" class="scroll-to-top"><span class="icon ion-ios-arrow-up"></span></div>
<!-- Scripts -->
<!-- Main jQuery -->
<script src="/plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 3.1 -->
<script src="/plugins/bootstrap/bootstrap.min.js"></script>
<!-- slick Carousel -->
<script src="/plugins/slick/slick.min.js"></script>
<script src="/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- filter -->
<script src="/plugins/shuffle/shuffle.min.js"></script>
<script src="/plugins/SyoTimer/jquery.syotimer.min.js"></script>
<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU&libraries=places"></script>
<script src="/plugins/google-map/map.js"></script>
<script src="/Firewizz/script/FirewizzJavascriptLibrary.js"></script>
<script src="/js/script.js"></script>
<script src="https://firewizz.youtrack.cloud/youtrack/static/simplified/form/form-entry.js?auto=false"></script>
<div style="position: fixed; bottom: 20px; left: 20px;"><div class="dark_bc32 ring-ui-theme-dark"><button type="button" data-test="popup-button" class="feedback-popup-button"><span class="feedback-popup-button-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path fill-rule="evenodd" d="m9.167 11 4.885 3.876c.382.294.948.032.948-.439V3.247C15 2.007 13.955 1 12.667 1H3.333C2.045 1 1 2.006 1 3.247v5.506C1 9.993 2.045 11 3.333 11h5.834Zm4.583 2.04-3.806-3.02a1.25 1.25 0 0 0-.777-.27H3.333c-.643 0-1.083-.49-1.083-.997V3.247c0-.507.44-.997 1.083-.997h9.334c.643 0 1.083.49 1.083.997v9.793Z" clip-rule="evenodd"></path></svg></span></button><span role="presentation"></span></div></div>
<script>
YTFeedbackForm.renderFeedbackButton(
document.currentScript.previousElementSibling,
{backendURL: 'https://firewizz.youtrack.cloud/youtrack', formUUID: '7a75e9f9-1ef7-4380-8a39-160da8e10acd', theme: 'dark', language: 'nl'}
);
</script>
<style>
.feedback-popup-button {
background-color: rgb(217 45 45);
border: solid 1px rgb(174 22 22);
color: rgb(255 255 255);
}
</style>
<div class="dark_bc32 ring-ui-theme-dark"><div data-portaltarget="popups-with-theme-0-6xtp"></div></div></body></html>