.k-editor-block-options{position:absolute;left:0;display:flex;top:2px;width:4rem;padding:.25rem 0;align-items:center;justify-content:center}.k-editor-block-option[disabled]{visibility:hidden;pointer-events:none}.k-editor-block-option{cursor:pointer}.k-editor-block-option span{display:flex;width:1.5rem;height:1.5rem;border-radius:3px;align-items:center;justify-content:center;color:#999}.k-editor-block-option:hover{background:rgba(0,0,0,.1)}.k-editor-block-option:focus{outline:0}.k-editor-block-options .k-sort-handle{padding:0;width:auto;height:auto}.k-editor-block-option-dropdown{min-width:15rem;margin-bottom:4.5rem}.k-editor-block-option-heading .k-button-text{opacity:1;font-weight:600}.k-field[data-disabled] .k-editor{pointer-events:none}.k-editor-placeholder nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:.75rem}.k-editor-placeholder .k-button{display:flex;background:rgba(0,0,0,.075);text-align:left;padding:.5rem .75rem;align-items:center;height:38px;white-space:nowrap;border-radius:2px;transition:all .2s}.k-editor-placeholder .k-button:hover{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.05)}.k-editor-container{position:relative;padding:1.5rem 0;max-width:50rem;margin:0 auto}.k-editor-blocks{position:relative;background:#fff;margin-bottom:1.5rem;box-shadow:0 2px 5px rgba(0,0,0,.05)}.k-editor-block{position:relative;padding:.325rem 4rem}.k-editor-block.k-sortable-ghost{cursor:-webkit-grabbing}.k-editor-block.k-sortable-ghost:before{position:absolute;content:"";top:0;right:3.5rem;bottom:0;left:3.5rem;outline:2px solid #4271ae;background:rgba(66,113,174,.125)}.k-editor-block.k-sortable-ghost .k-editor-block-options{display:none}.k-editor-block.sortable-drag{opacity:0!important;cursor:-webkit-grabbing}.k-editor-block:first-child{margin-top:0}.k-editor-block:last-child{margin-bottom:0}.k-editor-blockquote-block{padding-top:1.5rem;padding-bottom:1.5rem}.k-editor-blockquote-block .k-editable-placeholder,.k-editor-blockquote-block .ProseMirror{font-size:1.25rem;line-height:1.5em;padding:0 0 0 1rem;border-left:3px solid #000}.k-editor-blockquote-block .k-editor-block-options{top:24px}.k-editor-code-block{padding-top:1.5rem;padding-bottom:1.5rem}.k-editor-code-block-wrapper{position:relative}.k-editor-code-block-languages{position:absolute;bottom:0;right:0}.k-editor-code-block-languages-toggle{color:#fff;padding:0 .5rem .5rem;border-radius:3px}.k-editor-code-block-languages .k-dropdown-content{background:#fff;color:#000;display:grid;grid-template-columns:repeat(4,1fr);padding:.25rem 0;grid-column-gap:1.5rem}.k-editor-code-block-languages .k-dropdown-content>.k-dropdown-item:first-child,.k-editor-code-block-languages .k-dropdown-content>.k-dropdown-item:last-child{margin:0}.k-editor-code-block pre{background:#2d2e36;color:#fff;padding:1.5rem;border-radius:3px}.k-editor-code-block .k-editor-block-options{top:20px}.k-editor-h1-block .k-editable-placeholder,.k-editor-h1-block .k-editable .ProseMirror{font-size:1.75rem;font-weight:600;line-height:1.25em}.k-editor-h1-block .k-editor-block-options{top:10px}.k-editable-toolbar{position:absolute;display:flex;background:#000;height:36px;transform:translateX(-50%) translateY(-.75rem);z-index:1;box-shadow:0 2px 5px rgba(0,0,0,.05);color:#fff;border-radius:3px}.k-editable-toolbar-button{display:flex;align-items:center;height:36px;padding:0 .5rem;font-size:.875rem!important;color:currentColor}.k-editable-toolbar-button.k-editable-toolbar-button-active{color:#81a2be}.k-editable{position:relative;width:100%}.k-editable .ProseMirror{word-wrap:break-word;white-space:pre-wrap;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;line-height:1.5em}.k-editable .ProseMirror:focus{outline:0}.k-editable .ProseMirror a{color:#4271ae;text-decoration:underline}.k-editable-text .ProseMirror strong{font-weight:600}.k-editable-text .ProseMirror code{position:relative;font-size:.925em;display:inline-block;line-height:1.325;padding:.05em .325em;background:rgba(0,0,0,.1);border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.k-editable-placeholder{position:absolute;top:0;left:0;right:0;color:#999;pointer-events:none;font:inherit;line-height:1.5em;-webkit-font-variant-ligatures:none;font-variant-ligatures:none}.k-editable-code pre{tab-size:2;font-size:.875rem;line-height:2em;overflow-x:auto;overflow-y:hidden;white-space:pre}.k-editable-code code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.k-editor-h2-block .k-editable-placeholder,.k-editor-h2-block .k-editable .ProseMirror{font-size:1.25rem;font-weight:600;line-height:1.35em}.k-editor-h2-block .k-editor-block-options{top:3px}.k-editor-h3-block .k-editable-placeholder,.k-editor-h3-block .ProseMirror{font-size:1rem;font-weight:600;line-height:1.5em}.k-editor-hr-block-divider{position:relative;height:1.5rem;border:0;color:rgba(0,0,0,.1)}.k-editor-hr-block-divider:focus{outline:0}.k-editor-hr-block-divider:after{position:absolute;top:50%;left:0;right:0;content:"";height:1px;background:currentColor}.k-editor-hr-block-divider:focus{color:rgba(66,113,174,.25)}.k-editor-hr-block-divider:focus:after{outline:1px solid rgba(66,113,174,.25)}.k-editor-image-block{padding-top:1.5rem;padding-bottom:1.5rem}.k-editor-image-block figure{line-height:0}.k-editor-image-block-wrapper img{width:100%}.k-editor-image-block-wrapper[data-responsive] img{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:contain;height:100%}.k-editor-image-block-wrapper[data-responsive]{position:relative;padding-bottom:66.66%;background:#2d2e36}.k-editor-image-block-wrapper:focus{outline:0}.k-editor-image-block-wrapper:focus img{outline:2px solid rgba(66,113,174,.25);outline-offset:2px}.k-editor-image-block figcaption{display:block;margin-top:.75rem}.k-editor-image-block .k-editable-placeholder,.k-editor-image-block .ProseMirror{text-align:center;font-size:.875rem;line-height:1.5em}.k-editor-image-block-placeholder{display:flex;line-height:1;justify-content:center;align-items:center;font-style:italic;font-size:.875rem;width:100%;background:rgba(0,0,0,.1);border:1px solid transparent;border-radius:3px;text-align:center;color:#999}.k-editor-image-block-placeholder:focus{outline:2px solid rgba(66,113,174,.25);outline-offset:2px}.k-editor-image-block-placeholder .k-button{padding:.75rem;display:flex;align-items:center;color:#000;margin:0 .5rem}.k-editor-image-block .k-editor-block-options{top:20px}.k-editor-kirbytext-block{padding-top:1.5rem;padding-bottom:1.5rem}.k-editor-kirbytext-block .k-editable-code pre{background:rgba(0,0,0,.1);padding:1.5rem;border-radius:3px;white-space:pre-wrap}.k-editor-kirbytext-block .k-editor-block-options{top:20px}.k-editor-ul-block .k-editable{position:relative;margin-left:1.25rem;line-height:1.5em}.k-editor-ul-block .k-editable:before{position:absolute;content:"";top:.625em;left:-1.25rem;width:6px;height:6px;border-radius:50%;background:currentColor}.k-editor-ol-block{counter-increment:list}.k-editor-block:not(.k-editor-ol-block){counter-reset:list}.k-editor-ol-block .k-editable{position:relative;margin-left:1.25rem;line-height:1.5em}.k-editor-ol-block .k-editable:before{position:absolute;content:counter(list) ".";top:.0625rem;left:-1.25rem;color:#999;font-size:.875rem}.k-editor-video-block{padding-top:1.5rem;padding-bottom:1.5rem}.k-editor-video-block-container{position:relative;padding-bottom:56.25%;background:rgba(0,0,0,.1)}.k-editor-video-block-container:focus-within{outline:2px solid rgba(66,113,174,.25);outline-offset:2px}.k-editor-video-block-overlay,.k-editor-video-block iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.k-editor-video-block-container:focus-within .k-editor-video-block-overlay{display:none}.k-editor-video-block figcaption{display:block;margin-top:.75rem}.k-editor-video-block .k-editable-placeholder,.k-editor-video-block .ProseMirror{text-align:center;font-size:.875rem;line-height:1.5em}.k-editor-video-block-input{position:absolute;font:inherit;background:none;border:0;width:100%;padding:.5rem;height:100%;text-align:center}.k-editor-video-block-input:focus{outline:0}.k-editor-video-block .k-editor-block-options{top:20px}.k-editor-inline .k-editable,.k-editor-inline .k-editable-placeholder{padding:.375rem}

/**
 * Each block is automatically wrapped in a div
 * with a generated class name that follos the scheme
 * `k-editor-$type-block` You can use this to scope
 * all your css within a block
 */
.k-editor-intro-block {
  margin-bottom: .75rem;
}

.k-editor-intro-block .ProseMirror {
  line-height: 1.5em;
  font-size: 1.125rem;
}


.kBuilderPreview[data-v-fd7b8d]{font-size:0}.kBuilderPreview__frame[data-v-fd7b8d]{border:none;width:100%;height:200px}.kBuilderBlock{background:#fff;-webkit-box-shadow:0 2px 5px rgba(22,23,26,.05);box-shadow:0 2px 5px rgba(22,23,26,.05);position:relative;opacity:1;-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s}.kBuilderBlock--pending{opacity:0;-webkit-transform:translateY(calc(10px + 5%));transform:translateY(calc(10px + 5%));-webkit-transition:opacity 0s,-webkit-transform 0s;transition:opacity 0s,-webkit-transform 0s;transition:opacity 0s,transform 0s;transition:opacity 0s,transform 0s,-webkit-transform 0s}.kBuilderBlock__label{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:38px}.kBuilderBlock__expandedIcon{margin-right:4px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.kBuilderBlock__expandedIcon--expanded{-webkit-transform:rotate(0);transform:rotate(0)}.kBuilderBlock__header{font-size:.875rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap}.kBuilderBlock__header--col-1{padding-left:.75rem}.kBuilderBlock__actions{display:-webkit-box;display:-ms-flexbox;display:flex}.kBuilderBlock__actionsGroup{margin-right:0}.kBuilderBlock__actionsGroup.k-button-group>.k-button{padding-top:0;padding-bottom:0}.kBuilderBlock__actionsDropDown{display:inline-block}.kBuilderBlock__actionsDropDownContent{z-index:2}.kBuilderBlock__actionsButton{min-width:38px;height:38px;opacity:.4;color:#16171a;font-weight:500}.kBuilderBlock__actionsButton:hover{opacity:.7}.kBuilderBlock__actionsButton--active{pointer-events:none;opacity:1}.kBuilderBlock__actionsButton .k-button-figure img{background-color:transparent;border-radius:0}.kBuilderBlock__form{padding:.625rem .75rem 2.25rem}.kBuilderBlock .sortable-drag{cursor:-webkit-grab}.kBuilderBlock .k-card,.kBuilderBlock .k-list-item,.kBuilderBlock .k-structure-table,.kBuilderBlock .kBuilderBlock{-webkit-box-shadow:0 2px 5px rgba(22,23,26,.15),0 0 0 1px rgba(22,23,26,.05);box-shadow:0 2px 5px rgba(22,23,26,.15),0 0 0 1px rgba(22,23,26,.05)}.kBuilderBlock .k-structure{margin-left:25px}.k-sortable-ghost>.k-column-content>.kBuilderBlock,.k-sortable-ghost>.kBuilderBlock,.sortable-ghost>.k-column-content>.kBuilderBlock,.sortable-ghost>.kBuilderBlock{-webkit-box-shadow:0 0 0 2px #4271ae,0 5px 10px 2px rgba(22,23,26,.25);box-shadow:0 0 0 2px #4271ae,0 5px 10px 2px rgba(22,23,26,.25)}.k-sortable-ghost>.kBuilderBlock .kBuilderPreview__frame{pointer-events:none}.k-error-details li{white-space:pre-line;word-wrap:break-word;font-family:inherit;margin-top:-1.25em}.kBuilder__addButton{width:100%;background-color:transparent;padding:2.5rem .75rem;border:1px dashed #ccc;-webkit-transition:background-color .3s,border-color .3s;transition:background-color .3s,border-color .3s}.kBuilder__addButton:hover{background-color:#81a2be;border-color:transparent}.kBuilder__addBlockButton{cursor:pointer}.kBuilder__addBlockButtonIcon{margin-right:.75em}.kBuilder .kBuilder--col-1{padding-left:25px}.kBuilder__dragDropHandle{width:38px;height:38px;color:#16171a;opacity:.25;z-index:1;cursor:-webkit-grab;will-change:opacity,color;-webkit-transition:opacity .3s;transition:opacity .3s}.kBuilder__dragDropHandle--col-1{position:absolute;left:-38px;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0}.kBuilder__blocks:hover .kBuilder__dragDropHandle,kBuilder__blocks:hover .kBuilder__dragDropHandle--col-1{opacity:.25}.kBuilder__block .kBuilder__dragDropHandle:hover,kBuilder__block:hover .kBuilder__dragDropHandle--col-1{opacity:1}.kBuilder__inlineAddButton{cursor:pointer;position:absolute;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.kBuilder__inlineAddButton:hover{opacity:1}.kBuilder__inlineAddButton:before{content:"";border:0 dashed #4271ae;display:block}.kBuilder__inlineAddButton--horizontal{height:1.25rem;width:100%;bottom:100%}.kBuilder__inlineAddButton--horizontal:before{border-bottom-width:2px;padding-top:calc(.625rem - 1px)}.kBuilder__inlineAddButton--vertical{width:1.5rem;height:100%;right:100%}.kBuilder__inlineAddButton--vertical.kBuilder__inlineAddButton--after{left:100%;right:auto;top:0}.kBuilder__inlineAddButton--vertical:before{width:calc(.75rem + 1px);height:100%;border-right-width:2px}.blocklist-enter-active,.blocklist-leave-active{-webkit-transition:all .5s;transition:all .5s}.blocklist-enter,.blocklist-leave-to{opacity:0;-webkit-transform:translateY(-5%);transform:translateY(-5%)}.kBuilder--col-1 .kBuilder__blocks{grid-row-gap:1.25rem}.kBuilder__column{position:relative}.kBuilder__blockContent--hidden,.kBuilder__dialog .k-dialog-button-submit,.kBuilder__dialog .k-list-item-image{display:none}.kBuilder--dragging .kBuilderPreview__frame{pointer-events:none}

.k-markdown-field .k-input-element{width:100%}.k-input[data-theme=field][data-disabled] .CodeMirror{background:#efefef}.k-markdown-input-wrapper{position:relative}.k-markdown-input-wrapper .k-markdown-input-native{resize:none;border:0;width:100%;background:none;font:inherit;line-height:1.5em;color:inherit}.k-markdown-input-wrapper .k-markdown-input-native::placeholder{color:#999}.k-markdown-input-wrapper .k-markdown-input-native:focus{outline:0}.k-markdown-input-wrapper .k-markdown-input-native:invalid{box-shadow:none;outline:0}.k-markdown-input-wrapper[data-size=small] .cm-s-default,.k-markdown-input-wrapper[data-size=small] .CodeMirror-scroll{min-height:7.5rem}.k-markdown-input-wrapper[data-size=medium] .cm-s-default,.k-markdown-input-wrapper[data-size=medium] .CodeMirror-scroll{min-height:15rem}.k-markdown-input-wrapper[data-size=large] .cm-s-default,.k-markdown-input-wrapper[data-size=large] .CodeMirror-scroll{min-height:30rem}.k-markdown-input-wrapper[data-size=huge] .cm-s-default,.k-markdown-input-wrapper[data-size=huge] .CodeMirror-scroll{min-height:45rem}.k-markdown-button.disabled{opacity:.25;pointer-events:none}.k-dropdown-item.active .k-button-text{opacity:1}.k-markdown-input:focus-within .k-toolbar{position:-webkit-sticky;position:sticky;top:0;right:0;left:0;z-index:4;-webkit-box-shadow:rgba(0,0,0,.05) 0 2px 5px;box-shadow:0 2px 5px rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.1);color:#000}.k-markdown-input:focus-within .k-toolbar .k-markdown-button.active{background:rgba(66,113,174,.1);color:#4271ae}.k-markdown-toolbar-buttons-right{margin-left:auto;border-left:1px solid #efefef}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5)}.cm-animate-fat-cursor,.cm-fat-cursor-mark{-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:none;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.k-markdown-input .CodeMirror{--line-padding:4px;height:auto;padding:.25rem .5rem}.k-markdown-input .CodeMirror .cm-invisibles-test{color:#de935f}.k-markdown-input .CodeMirror-placeholder{color:#999}.k-markdown-input .CodeMirror .CodeMirror-scroll{overflow:auto}.k-markdown-input .CodeMirror pre{padding:0 var(--line-padding)}.k-markdown-input .CodeMirror .cm-tab{width:4ch}.k-markdown-input .CodeMirror .CodeMirror-selected{background-color:rgba(66,113,174,.2)}.k-markdown-input .CodeMirror .CodeMirror-selectedtext{color:#16171a}.k-markdown-input .CodeMirror .CodeMirror-cursor{border-left:2px solid #4271ae}.k-markdown-input .k-toolbar~.CodeMirror{padding-top:0}.k-markdown-input .CodeMirror{font-variant-numeric:tabular-nums}.k-markdown-input .cm-comment{background:#f5f5f5;color:#000}.k-markdown-input .cm-header{color:inherit;font:inherit;font-weight:600}.k-markdown-input .cm-hr{color:#777}.k-markdown-input .cm-blockhr{display:flex}.k-markdown-input .cm-blockhr>span{flex-grow:0}.k-markdown-input .cm-blockhr .cm-hr{padding-left:1ch;padding-right:1ch}.k-markdown-input .cm-blockhr:after,.k-markdown-input .cm-blockhr:before{background:linear-gradient(#aaa,#aaa) 50% calc(50% + 1px)/100% 1px no-repeat;content:"";flex-grow:1}.k-markdown-input .cm-link{color:inherit;text-decoration:none}.k-markdown-input .cm-formatting-link-string.cm-url,.k-markdown-input .cm-formatting-link.cm-link,.k-markdown-input .cm-string.cm-url{color:#777}.k-markdown-input .cm-formatting.cm-formatting-link-string.cm-string.cm-url+.cm-url{text-decoration:underline}.k-markdown-input .cm-blockcode,.k-markdown-input .cm-code{background:rgba(22,23,26,.05)}.k-markdown-input .cm-blockcode .cm-code{background:transparent}.k-markdown-input .cm-blockquote{border-left:4px solid rgba(22,23,26,.1)}.k-markdown-input .cm-blockquote .cm-quote{color:inherit}.k-markdown-input .cm-blockquote .cm-formatting-quote{padding-left:2px}.k-markdown-input .cm-attribute,.k-markdown-input .cm-tag{color:#777}.k-markdown-input .cm-string{color:#16171a}.k-markdown-input .cm-ch-space{background:linear-gradient(#aaa,#aaa) 50% calc(50% + 1px)/2px 2px no-repeat}.k-markdown-input .cm-ch-nbsp{background:linear-gradient(#aaa,#aaa) 1px 100%/1px 2px no-repeat,linear-gradient(#aaa,#aaa) 1px 100%/calc(100% - 2px) 1px no-repeat,linear-gradient(#aaa,#aaa) calc(100% - 1px) 100%/1px 2px no-repeat;color:transparent}.k-markdown-input .cm-ch-shy{margin-left:-1px;position:relative;left:1px;border-left:1px solid #c82829}.k-markdown-input .cm-ch-zero-width-space{margin-left:-1px;position:relative;margin-right:-1px;border-left:2px dotted #c82829}.k-markdown-input .cm-show-invisibles .cm-tab{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7'%3E%3Cpath fill='%23AAA' d='M9.854 3.146a.498.498 0 0 1 0 .708l-2 2a.5.5 0 1 1-.708-.708L8.293 4H1.5a.5.5 0 0 1 0-1h6.793L7.146 1.854a.5.5 0 1 1 .708-.708l2 2z'/%3E%3C/svg%3E") 2px 50% no-repeat}.k-markdown-input .cm-show-invisibles .CodeMirror-line>span[role=presentation]>[cm-text=""]:only-child:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7'%3E%3Cpath fill='none' stroke='%23AAA' stroke-linecap='round' stroke-linejoin='round' d='M1.5 2.556h7V5'/%3E%3C/svg%3E") 50% calc(50% - 1px) no-repeat;content:" ";display:inline-block;width:11px;margin-right:-11px}.k-markdown-input .cm-show-invisibles .cm-trailing-space-new-line{position:relative}.k-markdown-input .cm-show-invisibles .cm-trailing-space-new-line:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9'%3E%3Cpath fill='%23AAA' d='M2.707 5h4.544a1.25 1.25 0 1 0 0-2.5.5.5 0 1 1 0-1 2.25 2.25 0 1 1 0 4.5H2.707l1.147 1.146a.5.5 0 1 1-.708.708l-2-2a.5.5 0 0 1 0-.708l2-2a.5.5 0 1 1 .708.708L2.707 5z'/%3E%3C/svg%3E") 50% calc(50% - 1px) no-repeat;content:" ";display:inline-block;min-width:11px;pointer-events:none}.k-markdown-input .cm-blockquote .cm-formatting-quote,.k-markdown-input .cm-formatting:not(.cm-formatting-header){color:#777}.k-markdown-input .cm-kirbytag{padding:1px 0;margin:-2px -1px -1px;border-radius:.125em;background:rgba(66,113,174,.15);border:1px solid rgba(66,113,174,.3);box-decoration-break:clone}.k-markdown-input[font-size=small] .CodeMirror{font-size:14px}.k-markdown-input[font-scaling=true] .CodeMirror .cm-header,.k-markdown-input[font-scaling=true] .CodeMirror .cm-header~*{font:inherit;font-weight:600}.k-markdown-input[font-scaling=true] .CodeMirror .cm-header-1,.k-markdown-input[font-scaling=true] .CodeMirror .cm-header-1~*{font-size:30px;line-height:1.25}.k-markdown-input[font-scaling=true] .CodeMirror .cm-header-2,.k-markdown-input[font-scaling=true] .CodeMirror .cm-header-2~*{font-size:24px;line-height:1.4}.k-markdown-input[font-scaling=true] .CodeMirror .cm-header-3,.k-markdown-input[font-scaling=true] .CodeMirror .cm-header-3~*{font-size:20px;line-height:1.5}.k-markdown-input[font-scaling=true] .CodeMirror .cm-header-4,.k-markdown-input[font-scaling=true] .CodeMirror .cm-header-4~*{font-size:18px}.k-markdown-input[font-scaling=true] .CodeMirror .cm-header-5,.k-markdown-input[font-scaling=true] .CodeMirror .cm-header-5~*,.k-markdown-input[font-scaling=true] .CodeMirror .cm-header-6,.k-markdown-input[font-scaling=true] .CodeMirror .cm-header-6~*{font-size:16px}.k-markdown-input[font-family=monospace] .CodeMirror{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;line-height:1.75}.k-markdown-input[font-family=monospace] .CodeMirror .cm-blockheader,.k-markdown-input[font-family=monospace] .CodeMirror .cm-blocklist,.k-markdown-input[font-family=monospace] .CodeMirror .cm-blockquote{padding-left:calc(var(--line-padding) + 1ch*var(--cm-block-indent, 0));text-indent:calc(-1ch*var(--cm-block-indent, 0))}.k-markdown-input[font-family=sans-serif] .CodeMirror{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.5}.k-markdown-input[font-family=sans-serif] .CodeMirror .cm-blockheader,.k-markdown-input[font-family=sans-serif] .CodeMirror .cm-blocklist,.k-markdown-input[font-family=sans-serif] .CodeMirror .cm-blockquote{padding-left:calc(var(--line-padding) + 1px*var(--cm-block-indent, 0));text-indent:calc(-1px*var(--cm-block-indent, 0))}.k-markdown-input[font-family=sans-serif] .CodeMirror .cm-blockcode,.k-markdown-input[font-family=sans-serif] .CodeMirror .cm-code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.875rem;line-height:1.7142857143}.k-markdown-input[font-family=sans-serif] .CodeMirror .cm-blockhr{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.k-markdown-input[font-family=sans-serif] .CodeMirror .cm-ch-nbsp{margin-left:-2px;margin-right:-2px;padding-left:2px;padding-right:2px}

@charset "UTF-8";
/* Colors
---------------------*/
/* Patterns
---------------------*/
/* Media queries
----------------------*/
.svg-icon {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  fill: none;
  stroke: currentColor;
}

.svg-fill {
  fill: currentColor;
  stroke: none;
}

.matomo-main h5, .matomo-sidebar h5, .matomo-page h5 {
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.15px;
  color: #9a9a9a;
  font-weight: 400;
}
.matomo-main .empty, .matomo-sidebar .empty, .matomo-page .empty {
  color: #b3b3b3;
  font-size: 0.75rem;
  text-align: center;
  margin-top: 1rem;
  padding: 1rem 0 1rem 0;
  background: #fafafa;
}

.matomo-main .loader, .matomo-page .loader, .matomo-sidebar .loader {
  display: inline-block;
  overflow: hidden;
  height: 1.3em;
  margin-top: -0.3em;
  line-height: 1.5em;
  vertical-align: text-bottom;
}
.matomo-main .loader::after, .matomo-page .loader::after, .matomo-sidebar .loader::after {
  content: "⠋\a⠙\a⠹\a⠸\a⠼\a⠴\a⠦\a⠧\a⠇\a⠏";
  display: inline-table;
  white-space: pre;
  text-align: left;
  animation: spin10 0.8s steps(10) infinite;
}
@keyframes spin10 {
  to {
    transform: translateY(-15em);
  }
}

.matomo-chart {
  position: relative;
  width: 100%;
  margin-top: 2.5rem;
}
.matomo-chart .overlay, .matomo-chart .empty {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(239, 239, 239, 0.85);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease-out;
}
.matomo-chart .overlay .loader, .matomo-chart .empty .loader {
  font-size: 30px;
}
.matomo-chart .empty {
  margin-top: 0;
}
.matomo-chart .empty span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #eaeaea;
  color: #999999;
}
.matomo-chart .chart {
  height: 52.5vh;
}
.matomo-chart.is-empty {
  margin-top: 1.5rem;
}
.matomo-chart.is-empty .chart {
  height: 25vh;
}

.matomo-overview {
  margin-top: 2.5rem;
}
.matomo-overview h4 {
  margin-bottom: 5px;
}
.matomo-overview-ctn {
  margin-top: 1.5rem;
  padding: 1.5rem;
  padding-right: 1rem;
  background: white;
  min-height: 150px;
  display: flex;
  box-shadow: 0 2px 5px rgba(22, 23, 26, 0.05);
}
.matomo-overview-block {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.matomo-overview-block:not(:last-child) {
  border-right: 1px solid #ebebeb;
  padding-right: 1rem;
  margin-right: 1.5rem;
}
.matomo-overview-block .big-number {
  font-weight: 800;
  font-size: 30px;
  margin-top: 5px;
}
.matomo-overview-block .details {
  position: relative;
  font-size: 0.75rem;
  color: #9a9a9a;
  margin-top: 20px;
  padding-top: 15px;
  line-height: 1.5;
}
.matomo-overview-block .details:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 1px;
  background: #b3b3b3;
  top: 0;
}
.matomo-overview-block .difference {
  margin-top: 20px;
  padding: 4px 8px 5px 8px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  font-size: 0.75rem;
}
.matomo-overview-block .difference .icon {
  width: 10px;
  height: 10px;
  margin-left: 6px;
}
.matomo-overview-block .difference .icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.matomo-overview-block .difference.positive {
  background: #f1faed;
  color: #7aba4c;
}
.matomo-overview-block .difference.positive .icon svg {
  fill: #7aba4c;
}
.matomo-overview-block .difference.negative {
  background: #feeaee;
  color: #f93048;
}
.matomo-overview-block .difference.negative .icon {
  transform: rotate(90deg);
}
.matomo-overview-block .difference.negative .icon svg {
  fill: #f93048;
}
.matomo-overview-block .difference.grey {
  background: #f7f7f7;
  color: #9a9a9a;
}
.matomo-overview .empty {
  margin-top: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 68.75em) {
  .matomo-overview-block .big-number {
    font-size: 25px;
  }
}
@media (max-width: 45em) {
  .matomo-overview-ctn {
    flex-wrap: wrap;
  }
  .matomo-overview-block {
    width: calc(50% - 0.75rem);
  }
  .matomo-overview-block:not(:last-child) {
    margin-right: 0;
    border-right: none;
  }
  .matomo-overview-block:nth-child(odd) {
    border-right: 1px solid #ebebeb;
  }
  .matomo-overview-block:nth-child(even) {
    padding-left: 1.5rem;
  }
  .matomo-overview-block:first-child, .matomo-overview-block:nth-child(2) {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ebebeb;
  }
  .matomo-overview-block:nth-child(3), .matomo-overview-block:nth-child(4) {
    padding-top: 1.5rem;
  }
}
@media (max-width: 30em) {
  .matomo-overview-block {
    width: 100%;
  }
  .matomo-overview-block:nth-child(odd) {
    border-right: none;
  }
  .matomo-overview-block:nth-child(even) {
    padding-left: 0;
  }
  .matomo-overview-block:not(:last-child) {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ebebeb;
  }
  .matomo-overview-block:not(:first-child) {
    padding-top: 1.5rem;
  }
}

.matomo-realtime .refresh {
  position: absolute;
  right: 0.9rem;
  top: 1rem;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  background: #f2f2f2;
  letter-spacing: 0.15px;
  color: #8d8d8d;
  cursor: pointer;
  transition: color 0.2s ease-out;
}
.matomo-realtime .refresh:hover {
  color: black;
}
.matomo-realtime .big-number {
  font-weight: 800;
  font-size: 30px;
  margin-top: 5px;
}
.matomo-realtime .details {
  position: relative;
  font-size: 0.75rem;
  color: #9a9a9a;
  margin-top: 20px;
  padding-top: 15px;
  line-height: 1.5;
}
.matomo-realtime .details:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 1px;
  background: #b3b3b3;
  top: 0;
}

.matomo-visits-summary ul {
  margin-top: calc(20px - 0.5rem);
}
.matomo-visits-summary ul li {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  padding: 0.5rem 10px 0.5rem 5px;
}
.matomo-visits-summary ul li .icon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.matomo-visits-summary ul li .icon svg {
  width: 100%;
  height: 100%;
  fill: #b3b3b3;
}
.matomo-visits-summary ul li .number {
  margin-left: auto;
}
.matomo-visits-summary ul li:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}
.matomo-visits-summary ul li:hover {
  background: #fafafa;
}
.matomo-visits-summary ul li:hover .icon svg {
  fill: #808080;
}
@media (max-width: 75em) {
  .matomo-visits-summary ul .icon {
    display: none;
  }
}
@media (max-width: 65em) {
  .matomo-visits-summary ul .icon {
    display: block;
  }
}

.matomo-widgets {
  margin-top: 2.5rem;
}
.matomo-widgets h4 {
  margin-bottom: 5px;
}
.matomo-widgets .widgets {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.matomo-widgets .widget {
  width: calc(50% - 0.75rem);
  margin-top: 1.5rem;
  padding: 1.5rem;
  padding-bottom: 1.25rem;
  background: white;
  box-shadow: 0 2px 5px rgba(22, 23, 26, 0.05);
}
.matomo-widgets .widget:nth-child(odd) {
  margin-right: 1.5rem;
}
.matomo-widgets .widget .loading {
  margin-top: 10px;
}
.matomo-widgets .widget .big-number {
  font-weight: 800;
  font-size: 30px;
  margin-top: 5px;
}
.matomo-widgets .widget .details {
  position: relative;
  font-size: 0.875rem;
  color: #9a9a9a;
  margin-top: 20px;
  padding-top: 15px;
  line-height: 1.5;
}
.matomo-widgets .widget .details:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 1px;
  background: #b3b3b3;
  top: 0;
}
.matomo-widgets .widget ul {
  margin-top: calc(20px - 0.5rem);
}
.matomo-widgets .widget ul li {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  padding: 0.5rem 10px 0.5rem 5px;
}
.matomo-widgets .widget ul li .icon {
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 10px;
}
.matomo-widgets .widget ul li .icon svg {
  width: 100%;
  height: 100%;
  fill: #b3b3b3;
}
.matomo-widgets .widget ul li .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
}
.matomo-widgets .widget ul li .number {
  margin-left: auto;
  min-width: 85px;
  text-align: right;
}
.matomo-widgets .widget ul li .number .percent {
  display: inline-block;
  width: 45px;
  color: #b3b3b3;
}
.matomo-widgets .widget ul li:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}
.matomo-widgets .widget ul li:hover {
  background: #fafafa;
}
.matomo-widgets .widget ul li:hover .icon svg {
  fill: #808080;
}
.matomo-widgets .widget .empty {
  color: #b3b3b3;
  font-size: 0.75rem;
  text-align: center;
  margin-top: 1rem;
  padding: 1rem 0 1rem 0;
  background: #fafafa;
}
@media (max-width: 45em) {
  .matomo-widgets .widget {
    width: 100%;
  }
  .matomo-widgets .widget:nth-child(odd) {
    margin-right: 0;
  }
}

.matomo-period-selector {
  text-transform: uppercase;
  font-size: 0.75rem;
  display: flex;
}
.matomo-period-selector .matomo-period-option {
  padding-bottom: 2px;
  opacity: 0.3;
  cursor: pointer;
  transition: opacity 0.2s ease-out;
}
.matomo-period-selector .matomo-period-option:not(:last-child) {
  margin-right: 12px;
}
.matomo-period-selector .matomo-period-option.active, .matomo-period-selector .matomo-period-option:hover {
  opacity: 1;
}
.matomo-period-selector .matomo-period-option.active {
  border-bottom: 1px solid black;
}
@media (max-width: 30em) {
  .matomo-period-selector {
    flex-wrap: wrap;
    margin-bottom: -10px;
  }
  .matomo-period-selector .matomo-period-option {
    margin-bottom: 10px;
  }
}

.matomo-dashboard-link {
  position: relative;
  display: flex;
  align-items: center;
  background: white;
  border-radius: 1px;
  margin-bottom: 2px;
  box-shadow: 0 2px 5px rgba(22, 23, 26, 0.05);
}
.matomo-dashboard-link .icon {
  width: 38px;
  height: 38px;
  background: #d52a20;
  display: flex;
  align-items: center;
  justify-content: center;
}
.matomo-dashboard-link .icon svg {
  fill: white;
  width: 21px;
  height: 21px;
}
.matomo-dashboard-link .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: baseline;
  width: calc(100% - 38px);
  line-height: 1.25rem;
  padding: 0.5rem 0.75rem;
}
.matomo-dashboard-link .text em {
  font-style: normal;
  margin-right: 1rem;
  flex-grow: 1;
  font-size: 0.875rem;
  color: #16171a;
}

.matomo-block {
  position: relative;
  padding: 1rem;
  padding-bottom: 0.75em;
  padding-top: 1.25em;
  background: white;
  box-shadow: 0 2px 5px rgba(22, 23, 26, 0.05);
}
.matomo-block:not(:first-child) {
  margin-top: 1.5rem;
}
.matomo-block .loader {
  font-size: 16px;
  margin-top: 10px;
}

.matomo-page {
  padding: 1.5rem;
  padding-bottom: 1.25rem;
  background: white;
  box-shadow: 0 2px 5px rgba(22, 23, 26, 0.05);
  margin-bottom: 3rem;
}
.matomo-page .code {
  text-transform: uppercase;
  padding: 2px 4px;
  border-radius: 3px;
  margin-left: 5px;
  background: #f2f2f2;
  color: #919191;
}
.matomo-page .loader, .matomo-page table {
  margin-top: calc(20px - 0.5rem);
}
.matomo-page table {
  display: block;
  width: 100%;
}
.matomo-page table tr {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 0.75rem;
  padding: 0.5rem 10px 0.5rem 5px;
}
.matomo-page table tr th {
  text-align: right;
  display: block;
  font-weight: 400;
}
.matomo-page table tr th:nth-child(3) span {
  text-transform: uppercase;
  padding: 2px 4px;
  border-radius: 3px;
  margin-right: -4px;
  border: 1px solid #ebebeb;
  color: #919191;
}
.matomo-page table tr td {
  display: block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matomo-page table tr td .icon {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.matomo-page table tr td .icon svg {
  width: 100%;
  height: 100%;
  fill: #b3b3b3;
}
.matomo-page table tr td:first-child {
  display: flex;
}
.matomo-page table tr td:nth-child(3) {
  color: #b3b3b3;
}
.matomo-page table tr th:first-child, .matomo-page table tr td:first-child {
  min-width: 100px;
  margin-right: auto;
}
.matomo-page table tr th:nth-child(2), .matomo-page table tr th:nth-child(3), .matomo-page table tr td:nth-child(2), .matomo-page table tr td:nth-child(3) {
  text-align: right;
  width: 50px;
}
.matomo-page table tr th:nth-child(2) + td, .matomo-page table tr th:nth-child(2) + th, .matomo-page table tr td:nth-child(2) + td, .matomo-page table tr td:nth-child(2) + th {
  margin-left: 10px;
}
.matomo-page table tr .number {
  margin-left: auto;
}
.matomo-page table tr:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}
.matomo-page table tr:hover {
  background: #fafafa;
}
.matomo-page table tr:hover .icon svg {
  fill: #808080;
}
.matomo-page table tr:hover td:nth-child(3) {
  color: #808080;
}
@media (max-width: 75em) {
  .matomo-page table tr td .icon {
    display: none;
  }
}
@media (max-width: 65em) {
  .matomo-page table tr td .icon {
    display: block;
  }
}@charset "UTF-8";
/* Colors
---------------------*/
/* Patterns
---------------------*/
/* Media queries
----------------------*/
.svg-icon {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  fill: none;
  stroke: currentColor;
}

.svg-fill {
  fill: currentColor;
  stroke: none;
}

.matomo-main h5, .matomo-sidebar h5, .matomo-page h5 {
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.15px;
  color: #9a9a9a;
  font-weight: 400;
}
.matomo-main .empty, .matomo-sidebar .empty, .matomo-page .empty {
  color: #b3b3b3;
  font-size: 0.75rem;
  text-align: center;
  margin-top: 1rem;
  padding: 1rem 0 1rem 0;
  background: #fafafa;
}

.matomo-main .loader, .matomo-page .loader, .matomo-sidebar .loader {
  display: inline-block;
  overflow: hidden;
  height: 1.3em;
  margin-top: -0.3em;
  line-height: 1.5em;
  vertical-align: text-bottom;
}
.matomo-main .loader::after, .matomo-page .loader::after, .matomo-sidebar .loader::after {
  content: "⠋\a⠙\a⠹\a⠸\a⠼\a⠴\a⠦\a⠧\a⠇\a⠏";
  display: inline-table;
  white-space: pre;
  text-align: left;
  animation: spin10 0.8s steps(10) infinite;
}
@keyframes spin10 {
  to {
    transform: translateY(-15em);
  }
}

.matomo-chart {
  position: relative;
  width: 100%;
  margin-top: 2.5rem;
}
.matomo-chart .overlay, .matomo-chart .empty {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(239, 239, 239, 0.85);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease-out;
}
.matomo-chart .overlay .loader, .matomo-chart .empty .loader {
  font-size: 30px;
}
.matomo-chart .empty {
  margin-top: 0;
}
.matomo-chart .empty span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #eaeaea;
  color: #999999;
}
.matomo-chart .chart {
  height: 52.5vh;
}
.matomo-chart.is-empty {
  margin-top: 1.5rem;
}
.matomo-chart.is-empty .chart {
  height: 25vh;
}

.matomo-overview {
  margin-top: 2.5rem;
}
.matomo-overview h4 {
  margin-bottom: 5px;
}
.matomo-overview-ctn {
  margin-top: 1.5rem;
  padding: 1.5rem;
  padding-right: 1rem;
  background: white;
  min-height: 150px;
  display: flex;
  box-shadow: 0 2px 5px rgba(22, 23, 26, 0.05);
}
.matomo-overview-block {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.matomo-overview-block:not(:last-child) {
  border-right: 1px solid #ebebeb;
  padding-right: 1rem;
  margin-right: 1.5rem;
}
.matomo-overview-block .big-number {
  font-weight: 800;
  font-size: 30px;
  margin-top: 5px;
}
.matomo-overview-block .details {
  position: relative;
  font-size: 0.75rem;
  color: #9a9a9a;
  margin-top: 20px;
  padding-top: 15px;
  line-height: 1.5;
}
.matomo-overview-block .details:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 1px;
  background: #b3b3b3;
  top: 0;
}
.matomo-overview-block .difference {
  margin-top: 20px;
  padding: 4px 8px 5px 8px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  font-size: 0.75rem;
}
.matomo-overview-block .difference .icon {
  width: 10px;
  height: 10px;
  margin-left: 6px;
}
.matomo-overview-block .difference .icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.matomo-overview-block .difference.positive {
  background: #f1faed;
  color: #7aba4c;
}
.matomo-overview-block .difference.positive .icon svg {
  fill: #7aba4c;
}
.matomo-overview-block .difference.negative {
  background: #feeaee;
  color: #f93048;
}
.matomo-overview-block .difference.negative .icon {
  transform: rotate(90deg);
}
.matomo-overview-block .difference.negative .icon svg {
  fill: #f93048;
}
.matomo-overview-block .difference.grey {
  background: #f7f7f7;
  color: #9a9a9a;
}
.matomo-overview .empty {
  margin-top: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 68.75em) {
  .matomo-overview-block .big-number {
    font-size: 25px;
  }
}
@media (max-width: 45em) {
  .matomo-overview-ctn {
    flex-wrap: wrap;
  }
  .matomo-overview-block {
    width: calc(50% - 0.75rem);
  }
  .matomo-overview-block:not(:last-child) {
    margin-right: 0;
    border-right: none;
  }
  .matomo-overview-block:nth-child(odd) {
    border-right: 1px solid #ebebeb;
  }
  .matomo-overview-block:nth-child(even) {
    padding-left: 1.5rem;
  }
  .matomo-overview-block:first-child, .matomo-overview-block:nth-child(2) {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ebebeb;
  }
  .matomo-overview-block:nth-child(3), .matomo-overview-block:nth-child(4) {
    padding-top: 1.5rem;
  }
}
@media (max-width: 30em) {
  .matomo-overview-block {
    width: 100%;
  }
  .matomo-overview-block:nth-child(odd) {
    border-right: none;
  }
  .matomo-overview-block:nth-child(even) {
    padding-left: 0;
  }
  .matomo-overview-block:not(:last-child) {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ebebeb;
  }
  .matomo-overview-block:not(:first-child) {
    padding-top: 1.5rem;
  }
}

.matomo-realtime .refresh {
  position: absolute;
  right: 0.9rem;
  top: 1rem;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  background: #f2f2f2;
  letter-spacing: 0.15px;
  color: #8d8d8d;
  cursor: pointer;
  transition: color 0.2s ease-out;
}
.matomo-realtime .refresh:hover {
  color: black;
}
.matomo-realtime .big-number {
  font-weight: 800;
  font-size: 30px;
  margin-top: 5px;
}
.matomo-realtime .details {
  position: relative;
  font-size: 0.75rem;
  color: #9a9a9a;
  margin-top: 20px;
  padding-top: 15px;
  line-height: 1.5;
}
.matomo-realtime .details:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 1px;
  background: #b3b3b3;
  top: 0;
}

.matomo-visits-summary ul {
  margin-top: calc(20px - 0.5rem);
}
.matomo-visits-summary ul li {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  padding: 0.5rem 10px 0.5rem 5px;
}
.matomo-visits-summary ul li .icon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.matomo-visits-summary ul li .icon svg {
  width: 100%;
  height: 100%;
  fill: #b3b3b3;
}
.matomo-visits-summary ul li .number {
  margin-left: auto;
}
.matomo-visits-summary ul li:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}
.matomo-visits-summary ul li:hover {
  background: #fafafa;
}
.matomo-visits-summary ul li:hover .icon svg {
  fill: #808080;
}
@media (max-width: 75em) {
  .matomo-visits-summary ul .icon {
    display: none;
  }
}
@media (max-width: 65em) {
  .matomo-visits-summary ul .icon {
    display: block;
  }
}

.matomo-widgets {
  margin-top: 2.5rem;
}
.matomo-widgets h4 {
  margin-bottom: 5px;
}
.matomo-widgets .widgets {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.matomo-widgets .widget {
  width: calc(50% - 0.75rem);
  margin-top: 1.5rem;
  padding: 1.5rem;
  padding-bottom: 1.25rem;
  background: white;
  box-shadow: 0 2px 5px rgba(22, 23, 26, 0.05);
}
.matomo-widgets .widget:nth-child(odd) {
  margin-right: 1.5rem;
}
.matomo-widgets .widget .loading {
  margin-top: 10px;
}
.matomo-widgets .widget .big-number {
  font-weight: 800;
  font-size: 30px;
  margin-top: 5px;
}
.matomo-widgets .widget .details {
  position: relative;
  font-size: 0.875rem;
  color: #9a9a9a;
  margin-top: 20px;
  padding-top: 15px;
  line-height: 1.5;
}
.matomo-widgets .widget .details:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 1px;
  background: #b3b3b3;
  top: 0;
}
.matomo-widgets .widget ul {
  margin-top: calc(20px - 0.5rem);
}
.matomo-widgets .widget ul li {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  padding: 0.5rem 10px 0.5rem 5px;
}
.matomo-widgets .widget ul li .icon {
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 10px;
}
.matomo-widgets .widget ul li .icon svg {
  width: 100%;
  height: 100%;
  fill: #b3b3b3;
}
.matomo-widgets .widget ul li .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
}
.matomo-widgets .widget ul li .number {
  margin-left: auto;
  min-width: 85px;
  text-align: right;
}
.matomo-widgets .widget ul li .number .percent {
  display: inline-block;
  width: 45px;
  color: #b3b3b3;
}
.matomo-widgets .widget ul li:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}
.matomo-widgets .widget ul li:hover {
  background: #fafafa;
}
.matomo-widgets .widget ul li:hover .icon svg {
  fill: #808080;
}
.matomo-widgets .widget .empty {
  color: #b3b3b3;
  font-size: 0.75rem;
  text-align: center;
  margin-top: 1rem;
  padding: 1rem 0 1rem 0;
  background: #fafafa;
}
@media (max-width: 45em) {
  .matomo-widgets .widget {
    width: 100%;
  }
  .matomo-widgets .widget:nth-child(odd) {
    margin-right: 0;
  }
}

.matomo-period-selector {
  text-transform: uppercase;
  font-size: 0.75rem;
  display: flex;
}
.matomo-period-selector .matomo-period-option {
  padding-bottom: 2px;
  opacity: 0.3;
  cursor: pointer;
  transition: opacity 0.2s ease-out;
}
.matomo-period-selector .matomo-period-option:not(:last-child) {
  margin-right: 12px;
}
.matomo-period-selector .matomo-period-option.active, .matomo-period-selector .matomo-period-option:hover {
  opacity: 1;
}
.matomo-period-selector .matomo-period-option.active {
  border-bottom: 1px solid black;
}
@media (max-width: 30em) {
  .matomo-period-selector {
    flex-wrap: wrap;
    margin-bottom: -10px;
  }
  .matomo-period-selector .matomo-period-option {
    margin-bottom: 10px;
  }
}

.matomo-dashboard-link {
  position: relative;
  display: flex;
  align-items: center;
  background: white;
  border-radius: 1px;
  margin-bottom: 2px;
  box-shadow: 0 2px 5px rgba(22, 23, 26, 0.05);
}
.matomo-dashboard-link .icon {
  width: 38px;
  height: 38px;
  background: #d52a20;
  display: flex;
  align-items: center;
  justify-content: center;
}
.matomo-dashboard-link .icon svg {
  fill: white;
  width: 21px;
  height: 21px;
}
.matomo-dashboard-link .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: baseline;
  width: calc(100% - 38px);
  line-height: 1.25rem;
  padding: 0.5rem 0.75rem;
}
.matomo-dashboard-link .text em {
  font-style: normal;
  margin-right: 1rem;
  flex-grow: 1;
  font-size: 0.875rem;
  color: #16171a;
}

.matomo-block {
  position: relative;
  padding: 1rem;
  padding-bottom: 0.75em;
  padding-top: 1.25em;
  background: white;
  box-shadow: 0 2px 5px rgba(22, 23, 26, 0.05);
}
.matomo-block:not(:first-child) {
  margin-top: 1.5rem;
}
.matomo-block .loader {
  font-size: 16px;
  margin-top: 10px;
}

.matomo-page {
  padding: 1.5rem;
  padding-bottom: 1.25rem;
  background: white;
  box-shadow: 0 2px 5px rgba(22, 23, 26, 0.05);
  margin-bottom: 3rem;
}
.matomo-page .code {
  text-transform: uppercase;
  padding: 2px 4px;
  border-radius: 3px;
  margin-left: 5px;
  background: #f2f2f2;
  color: #919191;
}
.matomo-page .loader, .matomo-page table {
  margin-top: calc(20px - 0.5rem);
}
.matomo-page table {
  display: block;
  width: 100%;
}
.matomo-page table tr {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 0.75rem;
  padding: 0.5rem 10px 0.5rem 5px;
}
.matomo-page table tr th {
  text-align: right;
  display: block;
  font-weight: 400;
}
.matomo-page table tr th:nth-child(3) span {
  text-transform: uppercase;
  padding: 2px 4px;
  border-radius: 3px;
  margin-right: -4px;
  border: 1px solid #ebebeb;
  color: #919191;
}
.matomo-page table tr td {
  display: block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matomo-page table tr td .icon {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.matomo-page table tr td .icon svg {
  width: 100%;
  height: 100%;
  fill: #b3b3b3;
}
.matomo-page table tr td:first-child {
  display: flex;
}
.matomo-page table tr td:nth-child(3) {
  color: #b3b3b3;
}
.matomo-page table tr th:first-child, .matomo-page table tr td:first-child {
  min-width: 100px;
  margin-right: auto;
}
.matomo-page table tr th:nth-child(2), .matomo-page table tr th:nth-child(3), .matomo-page table tr td:nth-child(2), .matomo-page table tr td:nth-child(3) {
  text-align: right;
  width: 50px;
}
.matomo-page table tr th:nth-child(2) + td, .matomo-page table tr th:nth-child(2) + th, .matomo-page table tr td:nth-child(2) + td, .matomo-page table tr td:nth-child(2) + th {
  margin-left: 10px;
}
.matomo-page table tr .number {
  margin-left: auto;
}
.matomo-page table tr:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}
.matomo-page table tr:hover {
  background: #fafafa;
}
.matomo-page table tr:hover .icon svg {
  fill: #808080;
}
.matomo-page table tr:hover td:nth-child(3) {
  color: #808080;
}
@media (max-width: 75em) {
  .matomo-page table tr td .icon {
    display: none;
  }
}
@media (max-width: 65em) {
  .matomo-page table tr td .icon {
    display: block;
  }
}@charset "UTF-8";
/* Colors
---------------------*/
/* Patterns
---------------------*/
/* Media queries
----------------------*/
.svg-icon {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  fill: none;
  stroke: currentColor;
}

.svg-fill {
  fill: currentColor;
  stroke: none;
}

.matomo-main h5, .matomo-sidebar h5, .matomo-page h5 {
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.15px;
  color: #9a9a9a;
  font-weight: 400;
}
.matomo-main .empty, .matomo-sidebar .empty, .matomo-page .empty {
  color: #b3b3b3;
  font-size: 0.75rem;
  text-align: center;
  margin-top: 1rem;
  padding: 1rem 0 1rem 0;
  background: #fafafa;
}

.matomo-main .loader, .matomo-page .loader, .matomo-sidebar .loader {
  display: inline-block;
  overflow: hidden;
  height: 1.3em;
  margin-top: -0.3em;
  line-height: 1.5em;
  vertical-align: text-bottom;
}
.matomo-main .loader::after, .matomo-page .loader::after, .matomo-sidebar .loader::after {
  content: "⠋\a⠙\a⠹\a⠸\a⠼\a⠴\a⠦\a⠧\a⠇\a⠏";
  display: inline-table;
  white-space: pre;
  text-align: left;
  animation: spin10 0.8s steps(10) infinite;
}
@keyframes spin10 {
  to {
    transform: translateY(-15em);
  }
}

.matomo-chart {
  position: relative;
  width: 100%;
  margin-top: 2.5rem;
}
.matomo-chart .overlay, .matomo-chart .empty {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(239, 239, 239, 0.85);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease-out;
}
.matomo-chart .overlay .loader, .matomo-chart .empty .loader {
  font-size: 30px;
}
.matomo-chart .empty {
  margin-top: 0;
}
.matomo-chart .empty span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #eaeaea;
  color: #999999;
}
.matomo-chart .chart {
  height: 52.5vh;
}
.matomo-chart.is-empty {
  margin-top: 1.5rem;
}
.matomo-chart.is-empty .chart {
  height: 25vh;
}

.matomo-overview {
  margin-top: 2.5rem;
}
.matomo-overview h4 {
  margin-bottom: 5px;
}
.matomo-overview-ctn {
  margin-top: 1.5rem;
  padding: 1.5rem;
  padding-right: 1rem;
  background: white;
  min-height: 150px;
  display: flex;
  box-shadow: 0 2px 5px rgba(22, 23, 26, 0.05);
}
.matomo-overview-block {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.matomo-overview-block:not(:last-child) {
  border-right: 1px solid #ebebeb;
  padding-right: 1rem;
  margin-right: 1.5rem;
}
.matomo-overview-block .big-number {
  font-weight: 800;
  font-size: 30px;
  margin-top: 5px;
}
.matomo-overview-block .details {
  position: relative;
  font-size: 0.75rem;
  color: #9a9a9a;
  margin-top: 20px;
  padding-top: 15px;
  line-height: 1.5;
}
.matomo-overview-block .details:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 1px;
  background: #b3b3b3;
  top: 0;
}
.matomo-overview-block .difference {
  margin-top: 20px;
  padding: 4px 8px 5px 8px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  font-size: 0.75rem;
}
.matomo-overview-block .difference .icon {
  width: 10px;
  height: 10px;
  margin-left: 6px;
}
.matomo-overview-block .difference .icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.matomo-overview-block .difference.positive {
  background: #f1faed;
  color: #7aba4c;
}
.matomo-overview-block .difference.positive .icon svg {
  fill: #7aba4c;
}
.matomo-overview-block .difference.negative {
  background: #feeaee;
  color: #f93048;
}
.matomo-overview-block .difference.negative .icon {
  transform: rotate(90deg);
}
.matomo-overview-block .difference.negative .icon svg {
  fill: #f93048;
}
.matomo-overview-block .difference.grey {
  background: #f7f7f7;
  color: #9a9a9a;
}
.matomo-overview .empty {
  margin-top: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 68.75em) {
  .matomo-overview-block .big-number {
    font-size: 25px;
  }
}
@media (max-width: 45em) {
  .matomo-overview-ctn {
    flex-wrap: wrap;
  }
  .matomo-overview-block {
    width: calc(50% - 0.75rem);
  }
  .matomo-overview-block:not(:last-child) {
    margin-right: 0;
    border-right: none;
  }
  .matomo-overview-block:nth-child(odd) {
    border-right: 1px solid #ebebeb;
  }
  .matomo-overview-block:nth-child(even) {
    padding-left: 1.5rem;
  }
  .matomo-overview-block:first-child, .matomo-overview-block:nth-child(2) {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ebebeb;
  }
  .matomo-overview-block:nth-child(3), .matomo-overview-block:nth-child(4) {
    padding-top: 1.5rem;
  }
}
@media (max-width: 30em) {
  .matomo-overview-block {
    width: 100%;
  }
  .matomo-overview-block:nth-child(odd) {
    border-right: none;
  }
  .matomo-overview-block:nth-child(even) {
    padding-left: 0;
  }
  .matomo-overview-block:not(:last-child) {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ebebeb;
  }
  .matomo-overview-block:not(:first-child) {
    padding-top: 1.5rem;
  }
}

.matomo-realtime .refresh {
  position: absolute;
  right: 0.9rem;
  top: 1rem;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  background: #f2f2f2;
  letter-spacing: 0.15px;
  color: #8d8d8d;
  cursor: pointer;
  transition: color 0.2s ease-out;
}
.matomo-realtime .refresh:hover {
  color: black;
}
.matomo-realtime .big-number {
  font-weight: 800;
  font-size: 30px;
  margin-top: 5px;
}
.matomo-realtime .details {
  position: relative;
  font-size: 0.75rem;
  color: #9a9a9a;
  margin-top: 20px;
  padding-top: 15px;
  line-height: 1.5;
}
.matomo-realtime .details:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 1px;
  background: #b3b3b3;
  top: 0;
}

.matomo-visits-summary ul {
  margin-top: calc(20px - 0.5rem);
}
.matomo-visits-summary ul li {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  padding: 0.5rem 10px 0.5rem 5px;
}
.matomo-visits-summary ul li .icon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.matomo-visits-summary ul li .icon svg {
  width: 100%;
  height: 100%;
  fill: #b3b3b3;
}
.matomo-visits-summary ul li .number {
  margin-left: auto;
}
.matomo-visits-summary ul li:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}
.matomo-visits-summary ul li:hover {
  background: #fafafa;
}
.matomo-visits-summary ul li:hover .icon svg {
  fill: #808080;
}
@media (max-width: 75em) {
  .matomo-visits-summary ul .icon {
    display: none;
  }
}
@media (max-width: 65em) {
  .matomo-visits-summary ul .icon {
    display: block;
  }
}

.matomo-widgets {
  margin-top: 2.5rem;
}
.matomo-widgets h4 {
  margin-bottom: 5px;
}
.matomo-widgets .widgets {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.matomo-widgets .widget {
  width: calc(50% - 0.75rem);
  margin-top: 1.5rem;
  padding: 1.5rem;
  padding-bottom: 1.25rem;
  background: white;
  box-shadow: 0 2px 5px rgba(22, 23, 26, 0.05);
}
.matomo-widgets .widget:nth-child(odd) {
  margin-right: 1.5rem;
}
.matomo-widgets .widget .loading {
  margin-top: 10px;
}
.matomo-widgets .widget .big-number {
  font-weight: 800;
  font-size: 30px;
  margin-top: 5px;
}
.matomo-widgets .widget .details {
  position: relative;
  font-size: 0.875rem;
  color: #9a9a9a;
  margin-top: 20px;
  padding-top: 15px;
  line-height: 1.5;
}
.matomo-widgets .widget .details:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 1px;
  background: #b3b3b3;
  top: 0;
}
.matomo-widgets .widget ul {
  margin-top: calc(20px - 0.5rem);
}
.matomo-widgets .widget ul li {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  padding: 0.5rem 10px 0.5rem 5px;
}
.matomo-widgets .widget ul li .icon {
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 10px;
}
.matomo-widgets .widget ul li .icon svg {
  width: 100%;
  height: 100%;
  fill: #b3b3b3;
}
.matomo-widgets .widget ul li .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
}
.matomo-widgets .widget ul li .number {
  margin-left: auto;
  min-width: 85px;
  text-align: right;
}
.matomo-widgets .widget ul li .number .percent {
  display: inline-block;
  width: 45px;
  color: #b3b3b3;
}
.matomo-widgets .widget ul li:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}
.matomo-widgets .widget ul li:hover {
  background: #fafafa;
}
.matomo-widgets .widget ul li:hover .icon svg {
  fill: #808080;
}
.matomo-widgets .widget .empty {
  color: #b3b3b3;
  font-size: 0.75rem;
  text-align: center;
  margin-top: 1rem;
  padding: 1rem 0 1rem 0;
  background: #fafafa;
}
@media (max-width: 45em) {
  .matomo-widgets .widget {
    width: 100%;
  }
  .matomo-widgets .widget:nth-child(odd) {
    margin-right: 0;
  }
}

.matomo-period-selector {
  text-transform: uppercase;
  font-size: 0.75rem;
  display: flex;
}
.matomo-period-selector .matomo-period-option {
  padding-bottom: 2px;
  opacity: 0.3;
  cursor: pointer;
  transition: opacity 0.2s ease-out;
}
.matomo-period-selector .matomo-period-option:not(:last-child) {
  margin-right: 12px;
}
.matomo-period-selector .matomo-period-option.active, .matomo-period-selector .matomo-period-option:hover {
  opacity: 1;
}
.matomo-period-selector .matomo-period-option.active {
  border-bottom: 1px solid black;
}
@media (max-width: 30em) {
  .matomo-period-selector {
    flex-wrap: wrap;
    margin-bottom: -10px;
  }
  .matomo-period-selector .matomo-period-option {
    margin-bottom: 10px;
  }
}

.matomo-dashboard-link {
  position: relative;
  display: flex;
  align-items: center;
  background: white;
  border-radius: 1px;
  margin-bottom: 2px;
  box-shadow: 0 2px 5px rgba(22, 23, 26, 0.05);
}
.matomo-dashboard-link .icon {
  width: 38px;
  height: 38px;
  background: #d52a20;
  display: flex;
  align-items: center;
  justify-content: center;
}
.matomo-dashboard-link .icon svg {
  fill: white;
  width: 21px;
  height: 21px;
}
.matomo-dashboard-link .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: baseline;
  width: calc(100% - 38px);
  line-height: 1.25rem;
  padding: 0.5rem 0.75rem;
}
.matomo-dashboard-link .text em {
  font-style: normal;
  margin-right: 1rem;
  flex-grow: 1;
  font-size: 0.875rem;
  color: #16171a;
}

.matomo-block {
  position: relative;
  padding: 1rem;
  padding-bottom: 0.75em;
  padding-top: 1.25em;
  background: white;
  box-shadow: 0 2px 5px rgba(22, 23, 26, 0.05);
}
.matomo-block:not(:first-child) {
  margin-top: 1.5rem;
}
.matomo-block .loader {
  font-size: 16px;
  margin-top: 10px;
}

.matomo-page {
  padding: 1.5rem;
  padding-bottom: 1.25rem;
  background: white;
  box-shadow: 0 2px 5px rgba(22, 23, 26, 0.05);
  margin-bottom: 3rem;
}
.matomo-page .code {
  text-transform: uppercase;
  padding: 2px 4px;
  border-radius: 3px;
  margin-left: 5px;
  background: #f2f2f2;
  color: #919191;
}
.matomo-page .loader, .matomo-page table {
  margin-top: calc(20px - 0.5rem);
}
.matomo-page table {
  display: block;
  width: 100%;
}
.matomo-page table tr {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 0.75rem;
  padding: 0.5rem 10px 0.5rem 5px;
}
.matomo-page table tr th {
  text-align: right;
  display: block;
  font-weight: 400;
}
.matomo-page table tr th:nth-child(3) span {
  text-transform: uppercase;
  padding: 2px 4px;
  border-radius: 3px;
  margin-right: -4px;
  border: 1px solid #ebebeb;
  color: #919191;
}
.matomo-page table tr td {
  display: block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matomo-page table tr td .icon {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.matomo-page table tr td .icon svg {
  width: 100%;
  height: 100%;
  fill: #b3b3b3;
}
.matomo-page table tr td:first-child {
  display: flex;
}
.matomo-page table tr td:nth-child(3) {
  color: #b3b3b3;
}
.matomo-page table tr th:first-child, .matomo-page table tr td:first-child {
  min-width: 100px;
  margin-right: auto;
}
.matomo-page table tr th:nth-child(2), .matomo-page table tr th:nth-child(3), .matomo-page table tr td:nth-child(2), .matomo-page table tr td:nth-child(3) {
  text-align: right;
  width: 50px;
}
.matomo-page table tr th:nth-child(2) + td, .matomo-page table tr th:nth-child(2) + th, .matomo-page table tr td:nth-child(2) + td, .matomo-page table tr td:nth-child(2) + th {
  margin-left: 10px;
}
.matomo-page table tr .number {
  margin-left: auto;
}
.matomo-page table tr:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}
.matomo-page table tr:hover {
  background: #fafafa;
}
.matomo-page table tr:hover .icon svg {
  fill: #808080;
}
.matomo-page table tr:hover td:nth-child(3) {
  color: #808080;
}
@media (max-width: 75em) {
  .matomo-page table tr td .icon {
    display: none;
  }
}
@media (max-width: 65em) {
  .matomo-page table tr td .icon {
    display: block;
  }
}

.tbl[data-version="1.0.9"] table{position:relative;font-size:.875rem;border-spacing:0;table-layout:fixed;width:100%;max-width:100%}.tbl[data-version="1.0.9"] td,.tbl[data-version="1.0.9"] th{position:relative;width:auto;line-height:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbl[data-version="1.0.9"] td[data-width="1fr"],.tbl[data-version="1.0.9"] th[data-width="1fr"]{width:40px}.tbl[data-version="1.0.9"] td[data-width="2fr"],.tbl[data-version="1.0.9"] th[data-width="2fr"]{width:80px}.tbl[data-version="1.0.9"] td[data-width="3fr"],.tbl[data-version="1.0.9"] th[data-width="3fr"]{width:120px}.tbl[data-version="1.0.9"] td[data-width="4fr"],.tbl[data-version="1.0.9"] th[data-width="4fr"]{width:160px}.tbl[data-version="1.0.9"] td[data-width="1/10"],.tbl[data-version="1.0.9"] th[data-width="1/10"]{width:10%}.tbl[data-version="1.0.9"] td[data-width="1/8"],.tbl[data-version="1.0.9"] th[data-width="1/8"]{width:12.5%}.tbl[data-version="1.0.9"] td[data-width="1/6"],.tbl[data-version="1.0.9"] th[data-width="1/6"]{width:16.66667%}.tbl[data-version="1.0.9"] td[data-width="1/5"],.tbl[data-version="1.0.9"] th[data-width="1/5"]{width:20%}.tbl[data-version="1.0.9"] td[data-width="1/4"],.tbl[data-version="1.0.9"] th[data-width="1/4"]{width:25%}.tbl[data-version="1.0.9"] td[data-width="1/3"],.tbl[data-version="1.0.9"] th[data-width="1/3"]{width:33.33333%}.tbl[data-version="1.0.9"] td[data-width="2/5"],.tbl[data-version="1.0.9"] th[data-width="2/5"]{width:40%}.tbl[data-version="1.0.9"] td[data-width="1/2"],.tbl[data-version="1.0.9"] th[data-width="1/2"]{width:50%}.tbl[data-version="1.0.9"] td[data-width="3/5"],.tbl[data-version="1.0.9"] th[data-width="3/5"]{width:60%}.tbl[data-version="1.0.9"] td[data-width="2/3"],.tbl[data-version="1.0.9"] th[data-width="2/3"]{width:66.66667%}.tbl[data-version="1.0.9"] td[data-width="3/4"],.tbl[data-version="1.0.9"] th[data-width="3/4"]{width:75%}.tbl[data-version="1.0.9"] td[data-width="4/5"],.tbl[data-version="1.0.9"] th[data-width="4/5"]{width:80%}.tbl[data-version="1.0.9"] td[data-align=left],.tbl[data-version="1.0.9"] th[data-align=left]{text-align:left}.tbl[data-version="1.0.9"] td[data-align=center],.tbl[data-version="1.0.9"] th[data-align=center]{text-align:center}.tbl[data-version="1.0.9"] td[data-align=right],.tbl[data-version="1.0.9"] th[data-align=right]{text-align:right}@media screen and (max-width:65em){.tbl[data-version="1.0.9"] td,.tbl[data-version="1.0.9"] th{display:none!important}.tbl[data-version="1.0.9"] td[data-responsive],.tbl[data-version="1.0.9"] th[data-responsive]{display:table-cell!important}.tbl[data-version="1.0.9"] td[data-width="1/2"],.tbl[data-version="1.0.9"] td[data-width="1/3"],.tbl[data-version="1.0.9"] td[data-width="1/4"],.tbl[data-version="1.0.9"] td[data-width="1/5"],.tbl[data-version="1.0.9"] td[data-width="1/6"],.tbl[data-version="1.0.9"] td[data-width="1/8"],.tbl[data-version="1.0.9"] td[data-width="1/10"],.tbl[data-version="1.0.9"] td[data-width="2/3"],.tbl[data-version="1.0.9"] td[data-width="2/5"],.tbl[data-version="1.0.9"] td[data-width="3/4"],.tbl[data-version="1.0.9"] td[data-width="3/5"],.tbl[data-version="1.0.9"] td[data-width="4/5"],.tbl[data-version="1.0.9"] th[data-width="1/2"],.tbl[data-version="1.0.9"] th[data-width="1/3"],.tbl[data-version="1.0.9"] th[data-width="1/4"],.tbl[data-version="1.0.9"] th[data-width="1/5"],.tbl[data-version="1.0.9"] th[data-width="1/6"],.tbl[data-version="1.0.9"] th[data-width="1/8"],.tbl[data-version="1.0.9"] th[data-width="1/10"],.tbl[data-version="1.0.9"] th[data-width="2/3"],.tbl[data-version="1.0.9"] th[data-width="2/5"],.tbl[data-version="1.0.9"] th[data-width="3/4"],.tbl[data-version="1.0.9"] th[data-width="3/5"],.tbl[data-version="1.0.9"] th[data-width="4/5"]{width:auto!important}}.tbl[data-version="1.0.9"] th{position:relative;font-weight:400;color:#777;height:40px;background:#ddd;position:sticky;padding:.5rem .75rem;top:0;z-index:10}.tbl[data-version="1.0.9"] th:not(:last-child){border-right:1px solid #d6d6d6}.tbl[data-version="1.0.9"] [data-sortable]{cursor:pointer}.tbl[data-version="1.0.9"] [data-sorted]{color:#000;font-weight:600}.tbl[data-version="1.0.9"] [data-sorted]:after{position:absolute;content:"";right:1rem;top:calc(50% - 3px);border-color:#000 transparent;border-style:solid;border-width:6px 5px 0}.tbl[data-version="1.0.9"] [data-sorted=asc]:after{transform:rotate(180deg)}.tbl[data-version="1.0.9"] [data-align=right][data-sorted]:after{right:auto;left:1rem}.tbl[data-version="1.0.9"] td{height:40px;border-top:1px solid #efefef;padding:0}.tbl[data-version="1.0.9"] td:not(:last-child){border-right:1px solid #efefef}.tbl[data-version="1.0.9"] td>p{width:100%;padding:.5rem .75rem}.tbl[data-version="1.0.9"] .tbl-options{display:flex;justify-content:space-between;overflow:visible;padding:.5rem .75rem}.tbl[data-version="1.0.9"] tbody{margin-top:2px}.tbl[data-version="1.0.9"] tbody tr{background:#fff}.tbl[data-version="1.0.9"] tbody tr+tr{margin-top:2px}.tbl[data-version="1.0.9"] .tbl-reset{padding:.35rem .6rem;background:rgba(22,23,26,.05);border-radius:2px;margin-bottom:.65rem;margin-right:.75rem;font-size:.875rem;color:#777;transition:color .2s ease-out}.tbl[data-version="1.0.9"] .tbl-reset:hover{color:#000}.tbl[data-version="1.0.9"] .tbl-search{display:inline-block;min-width:150px;margin:.25rem .75rem 1rem;padding:.35rem .75rem .35rem .5rem;background:0 0;border:0;border-bottom:1px solid #d6d6d6;font-size:.875rem;line-height:1;vertical-align:middle;white-space:normal}.tbl[data-version="1.0.9"] .tbl-search+.k-button{margin-right:0}.tbl[data-version="1.0.9"] .tbl-search::placeholder{color:#999}.tbl[data-version="1.0.9"] .tbl-search:focus{outline:0;border-color:#fff;background:#fff}.tbl[data-version="1.0.9"] .k-icon-loader{transform:rotate(-180deg);animation:spin-loader 1.5s linear infinite}@keyframes spin-loader{to{transform:rotate(180deg)}}.tbl[data-version="1.0.9"] .tbl-footer{align-items:center;font-size:.875rem;padding:.35rem .25rem;margin-top:.5rem;color:#777}@media screen and (min-width:40em){.tbl[data-version="1.0.9"] .tbl-footer{display:flex;justify-content:space-between}}@media screen and (max-width:40em){.tbl[data-version="1.0.9"] .tbl-footer>div:not(:last-child){margin-bottom:1rem}}.tbl[data-version="1.0.9"] .tbl-perPage select{background-color:#fff;border:0;border-radius:0;height:22px;width:auto;margin-right:5px;color:#000;box-sizing:border-box}.tbl[data-version="1.0.9"] .tbl-perPage select:focus{outline:0;border-color:#409eff}.tbl[data-version="1.0.9"] .tbl-navigation{display:flex;user-select:none}.tbl[data-version="1.0.9"] .tbl-navigation .btn{display:flex;align-items:center;cursor:pointer}.tbl[data-version="1.0.9"] .tbl-navigation .btn[data-disabled]{cursor:default;pointer-events:none;opacity:.25}.tbl[data-version="1.0.9"] .tbl-navigation .btn:hover{color:#000}.tbl[data-version="1.0.9"] .tbl-navigation .btn .chevron{margin-top:2px;width:6px;height:6px;border:2px solid #777;border-width:0 2px 2px 0;transition:opacity .2s ease-out;opacity:.5}.tbl[data-version="1.0.9"] .tbl-navigation .btn-prev .chevron{transform:rotate(135deg);margin-right:5px}.tbl[data-version="1.0.9"] .tbl-navigation .btn-next .chevron{transform:rotate(-45deg);margin-left:5px}.tbl[data-version="1.0.9"] .tbl-navigation .info{margin:0 1rem;color:#000}.tbl[type=pagetable] table th{background:#eaeaea}.tbl[type=pagetable] table td:not(:first-child)>a{display:block;width:100%;padding:.5rem .75rem}.tbl[type=pagetable] table .tbl-options{display:flex;justify-content:space-between;overflow:visible;padding:.5rem .95rem}