.kBuilderPreview[data-v-21370e]{font-size:0}.kBuilderPreview__frame[data-v-21370e]{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-filetable-section table{position:relative;table-layout:fixed;width:100%;border-spacing:0;border:1px solid #ccc;font-size:.875rem}.k-filetable-section td,.k-filetable-section th{position:relative;width:auto;height:38px;line-height:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:65em){.k-filetable-section td,.k-filetable-section th{display:none}.k-filetable-section td[data-responsive],.k-filetable-section th[data-responsive]{display:table-cell;width:auto!important}}.k-filetable-section th{position:sticky;top:0;z-index:10;padding:.5rem .75rem;background:#e2e2e2;border-bottom:1px solid #ccc;font-weight:400}.k-filetable-section th:not(:last-child){border-right:1px solid #ccc}.k-filetable-section td{background:#fff;border-top:1px solid #efefef}.k-filetable-section td:not(:last-child){border-right:1px solid #efefef}.k-filetable-section td:not(:first-child)>a{display:block;width:100%;padding:.5rem .75rem}.k-filetable-section tbody tr:first-child td{border-top:0}.k-filetable-section .table-options{overflow:visible}.k-filetable-section .table-reset{padding:.5rem .75rem;background:#16171a;margin-right:.25rem;font-size:.875rem;color:#fff;transition:color .2s ease-out}.k-filetable-section .table-search{display:inline-flex;width:200px;padding:.5rem .75rem;font-size:.875rem;line-height:1rem;border:1px solid #ccc}.k-filetable-section .table-search::placeholder{color:#777}.k-filetable-section .table-search:focus{outline:none}.k-filetable-section .table-footer{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;padding:.35rem .25rem;margin-top:.5rem}.k-filetable-section .table-footer .btn{display:flex;align-items:center;cursor:pointer;opacity:.75}.k-filetable-section .table-footer .btn[data-disabled]{cursor:default;pointer-events:none;opacity:.25!important}.k-filetable-section .table-footer .btn:hover{opacity:1}.k-filetable-section .table-footer .btn .chevron{margin-top:2px;width:6px;height:6px;border:2px solid #16171a;border-width:0 2px 2px 0}.k-filetable-section .table-footer .btn-prev{margin-right:1rem}.k-filetable-section .table-footer .btn-prev .chevron{transform:rotate(135deg);margin-right:5px}.k-filetable-section .table-footer .btn-next{margin-left:1rem}.k-filetable-section .table-footer .btn-next .chevron{transform:rotate(-45deg);margin-left:5px}.k-filetable-section .table-footer .info{margin:auto}.k-filetable-section .k-icon-loader{transform:rotate(-180deg);animation:spin-loader 1.5s linear infinite}@keyframes spin-loader{to{transform:rotate(180deg)}}.k-filetable-section [data-width="1fr"]{width:38px}.k-filetable-section [data-width="2fr"]{width:80px}.k-filetable-section [data-width="3fr"]{width:120px}.k-filetable-section [data-width="4fr"]{width:160px}.k-filetable-section [data-width="1/10"]{width:10%}.k-filetable-section [data-width="1/8"]{width:12.5%}.k-filetable-section [data-width="1/6"]{width:16.6666666667%}.k-filetable-section [data-width="1/5"]{width:20%}.k-filetable-section [data-width="1/4"]{width:25%}.k-filetable-section [data-width="1/3"]{width:33.3333333333%}.k-filetable-section [data-width="2/5"]{width:40%}.k-filetable-section [data-width="1/2"]{width:50%}.k-filetable-section [data-width="3/5"]{width:60%}.k-filetable-section [data-width="2/3"]{width:66.6666666667%}.k-filetable-section [data-width="3/4"]{width:75%}.k-filetable-section [data-width="4/5"]{width:80%}.k-filetable-section [data-align=left]{text-align:left}.k-filetable-section [data-align=center]{text-align:center}.k-filetable-section [data-align=right]{text-align:right}.k-filetable-section [data-sortable]{cursor:pointer}.k-filetable-section [data-sorted]{font-weight:600}.k-filetable-section [data-sorted]:after{content:"";position:absolute;right:1rem;top:calc(50% - 3px);border-color:#16171a transparent;border-style:solid;border-width:6px 5px 0}.k-filetable-section [data-sorted=asc]:after{transform:rotate(180deg)}.k-filetable-section [data-align=right][data-sorted]:after{right:auto;left:1rem} .kirby-focus-field .focus-box { position: relative; line-height: 0; overflow: hidden; padding: 2.5rem; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; } .kirby-focus-field .focus-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #efefef url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXR0ZXJuIGlkPSJhIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiPjxwYXRoIGZpbGw9InJnYmEoMCwgMCwgMCwgMC4yKSIgZD0iTTAgMGgxMHYxMEgwem0xMCAxMGgxMHYxMEgxMHoiLz48L3BhdHRlcm4+PHJlY3QgZmlsbD0idXJsKCNhKSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg=="); opacity: 0.45; z-index: 0; } .focus-preview-container { position: relative; z-index: 1; cursor: crosshair; } .kirby-focus-field .focus-preview { display: block; max-width: 100%; max-height: calc(100vh - 13.5rem); -webkit-transition: all .25s; -moz-transition: all .25s; transition: all .25s; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); } .kirby-focus-field .focus-box:hover .focus-preview { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); } .kirby-focus-field .focus-point { box-sizing: border-box; min-height: 40px; min-width: 40px; border-radius: 40px; margin-left: -20px; margin-top: -20px; border: 2px solid #fff; background: rgba(129,162,190,0.6); position: absolute; left: 50%; top: 50%; z-index: 1; pointer-events: none; -webkit-transition: all .1s; -moz-transition: all .1s; transition: all .1s; } .kirby-focus-field .focus-box:hover .focus-point { background: rgba(0,0,0,0.5); } .kirby-focus-field .focus-point:before, .kirby-focus-field .focus-point:after { content: ''; display: block; width: 5px; height: 1px; background: #fff; position: relative; top: 18px; left: 16px; } .kirby-focus-field .focus-point:after { width: 1px; height: 5px; top: 15px; left: 18px; } [data-v-424f8b90] .k-field-header{display:none} .leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-bottom,.leaflet-top{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline:0}.leaflet-container a{color:#0078a8}.leaflet-container a.leaflet-active{outline:2px solid orange}.leaflet-zoom-box{border:2px dotted #38f;background:hsla(0,0%,100%,.5)}.leaflet-container{font:12px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers-expanded .leaflet-control-layers-toggle,.leaflet-control-layers .leaflet-control-layers-list{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-container .leaflet-control-attribution{background:#fff;background:hsla(0,0%,100%,.7);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;font-size:11px;white-space:nowrap;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;background:hsla(0,0%,100%,.5)}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 19px;line-height:1.4}.leaflet-popup-content p{margin:18px 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;border:none;text-align:center;width:18px;height:14px;font:16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;font-weight:700;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover{color:#999}.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.leaflet-oldie .leaflet-popup-content-wrapper{zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)}.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-clickable{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}.k-locator-field-preview{padding:0 .75rem}.k-locator-field-preview .locator-preview{display:flex}.k-locator-field-preview .locator-preview figcaption{box-shadow:0 2px 5px rgba(22,23,26,.05);background:#efefef;line-height:1.5em;padding:0 .5rem;border:1px solid #ccc;border-left:0;border-radius:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaflet-pane{z-index:1}.leaflet-bottom,.leaflet-top{z-index:2}.leaflet-bar{box-shadow:0 0 0 2px rgba(0,0,0,.15)!important;border-radius:3px}.leaflet-bar a:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.leaflet-bar a:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{background:#16171a!important;color:#fff!important;width:35px!important;height:35px!important;line-height:32px!important}.leaflet-control-zoom-in:hover,.leaflet-control-zoom-out:hover{background:#292b30!important}@media screen and (max-width:45em){.leaflet-control-zoom-in,.leaflet-control-zoom-out{width:30px!important;height:30px!important;font-size:16px!important;line-height:27px!important}}.leaflet-control-zoom-in{border-bottom:1px solid #50545f!important}.leaflet-control-attribution{background:#f4f4f4!important;color:#747989!important}.leaflet-control-attribution a{color:#16171a}.leaflet-interactive{stroke-width:0}.k-locator-field .k-field-header .k-button+.k-button{margin-left:1.5rem}.k-locator-field .k-locator-input{position:relative;display:flex;align-items:center;overflow:visible;z-index:3}.k-locator-field .k-locator-input .k-text-input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-locator-field .k-locator-input button{display:block;border:none;display:inline-block;background:#16171a;color:#fff;padding:0 25px 0 20px;height:2.25rem;font-size:.875rem;outline:0;display:flex;align-items:center}.k-locator-field .k-locator-input button svg{width:14px;height:14px;fill:#fff;margin-right:10px}.k-locator-field .k-locator-input button.disabled{background:#efefef;color:#d0d0d0;pointer-events:none}.k-locator-field .k-locator-input button.disabled svg{fill:#d0d0d0}.k-locator-field .k-locator-input .k-dropdown-content{max-width:100%;overflow:hidden}.k-locator-field .k-locator-input .k-dropdown-content .k-location-type{color:#999;margin-left:.25rem}.k-locator-field .k-locator-input .k-dropdown-content .k-location-type:before{content:" ("}.k-locator-field .k-locator-input .k-dropdown-content .k-location-type:after{content:")"}.k-locator-field .map-container{position:relative;margin-top:1rem}.k-locator-field .map-container .map{position:absolute;top:0;left:0;width:100%;height:100%}.k-locator-field:not(.closed) .map-container{padding-top:65%}@media screen and (max-width:65em){.k-locator-field:not(.closed) .map-container{padding-top:50%}}@media screen and (max-width:45em){.k-locator-field:not(.closed) .map-container{padding-top:55%}}@media screen and (max-width:30em){.k-locator-field:not(.closed) .map-container{padding-top:65%}}.k-locator-field .content{width:100%;background:#fff;display:flex;flex-wrap:wrap;padding:.25rem 1rem}.k-locator-field .content.columns .content-block{position:relative;width:50%;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.k-locator-field .content.columns .content-block:last-child,.k-locator-field .content.columns .content-block:nth-last-child(2):nth-child(odd){border-bottom:none}.k-locator-field .content.columns .content-block:nth-child(odd){padding-right:1.25rem}.k-locator-field .content.columns .content-block:nth-child(odd):not(:last-child):after{position:absolute;content:" ";right:0;top:1rem;height:calc(100% - 2rem);width:1px;background:#ebebeb}.k-locator-field .content.columns .content-block:nth-child(2n){padding-left:1.25rem}.k-locator-field .content.columns .content-block .title{color:#abaeb8;letter-spacing:.15px;text-transform:uppercase;margin-bottom:3px;font-size:.75rem}.k-locator-field .content.table .content-block{position:relative;width:100%;padding:.5rem 0;border-bottom:1px solid #f0f0f0;display:flex;align-items:center}.k-locator-field .content.table .content-block:last-child{border-bottom:none}.k-locator-field .content.table .content-block .title{position:relative;color:#abaeb8;letter-spacing:.15px;text-transform:uppercase;margin-bottom:3px;font-size:.75rem;width:115px}.k-locator-field .content.table .content-block .title:after{position:absolute;content:" ";right:0;top:0;height:100%;width:1px;background:#ebebeb}.k-locator-field .content.table .content-block .value{padding-left:.75rem}.k-locator-field .k-empty{padding:0;display:flex;align-items:center;flex-direction:row;justify-content:flex-start;border-top:none}.k-locator-field .k-empty .k-icon{width:38px;height:38px;border-right:1px solid #d6d6d6;margin-bottom:0;display:flex;justify-content:center;align-items:center}.k-locator-field .k-empty .k-icon svg{width:14px}.k-locator-field .k-empty p{line-height:1.25rem;padding:.5rem .75rem}.k-locator-field.filled.closed .k-locator-container{display:flex}.k-locator-field.filled.closed .k-locator-input{display:none}.k-locator-field.filled.closed .map-container{width:200px;padding-top:0;margin-top:0;pointer-events:none}.k-locator-field.filled.closed .map-container .leaflet-bottom.leaflet-right,.k-locator-field.filled.closed .map-container .leaflet-top.leaflet-left{display:none}.k-locator-field.filled.closed .map-container .leaflet-marker-icon{cursor:default}.k-sections>.k-column[data-width="1/1"] .k-locator-field:not(.closed) .map-container{padding-top:35%}@media screen and (max-width:65em){.k-sections>.k-column[data-width="1/1"] .k-locator-field:not(.closed) .map-container{padding-top:50%}}@media screen and (max-width:45em){.k-sections>.k-column[data-width="1/1"] .k-locator-field:not(.closed) .map-container{padding-top:55%}}@media screen and (max-width:30em){.k-sections>.k-column[data-width="1/1"] .k-locator-field:not(.closed) .map-container{padding-top:65%}}.k-sections>.k-column[data-width="3/4"] .k-locator-field:not(.closed) .map-container{padding-top:45%}@media screen and (max-width:65em){.k-sections>.k-column[data-width="3/4"] .k-locator-field:not(.closed) .map-container{padding-top:50%}}@media screen and (max-width:45em){.k-sections>.k-column[data-width="3/4"] .k-locator-field:not(.closed) .map-container{padding-top:55%}}@media screen and (max-width:30em){.k-sections>.k-column[data-width="3/4"] .k-locator-field:not(.closed) .map-container{padding-top:65%}}.k-sections>.k-column[data-width="2/3"] .k-locator-field:not(.closed) .map-container{padding-top:50%}@media screen and (max-width:65em){.k-sections>.k-column[data-width="2/3"] .k-locator-field:not(.closed) .map-container{padding-top:50%}}@media screen and (max-width:45em){.k-sections>.k-column[data-width="2/3"] .k-locator-field:not(.closed) .map-container{padding-top:55%}}@media screen and (max-width:30em){.k-sections>.k-column[data-width="2/3"] .k-locator-field:not(.closed) .map-container{padding-top:65%}}.k-sections>.k-column[data-width="1/3"] .k-locator-field.filled.closed .k-locator-container,.k-sections>.k-column[data-width="1/4"] .k-locator-field.filled.closed .k-locator-container{display:block}.k-sections>.k-column[data-width="1/3"] .k-locator-field.filled.closed .k-locator-input,.k-sections>.k-column[data-width="1/4"] .k-locator-field.filled.closed .k-locator-input{display:none}.k-sections>.k-column[data-width="1/3"] .k-locator-field.filled.closed .map-container,.k-sections>.k-column[data-width="1/4"] .k-locator-field.filled.closed .map-container{width:100%;padding-top:50%;margin-top:0}.k-sections>.k-column[data-width="1/3"] .k-locator-field.filled.closed .map-container .leaflet-bottom.leaflet-right,.k-sections>.k-column[data-width="1/3"] .k-locator-field.filled.closed .map-container .leaflet-top.leaflet-left,.k-sections>.k-column[data-width="1/4"] .k-locator-field.filled.closed .map-container .leaflet-bottom.leaflet-right,.k-sections>.k-column[data-width="1/4"] .k-locator-field.filled.closed .map-container .leaflet-top.leaflet-left{display:none}.k-sections>.k-column[data-width="1/3"] .leaflet-control-zoom-in,.k-sections>.k-column[data-width="1/3"] .leaflet-control-zoom-out,.k-sections>.k-column[data-width="1/4"] .leaflet-control-zoom-in,.k-sections>.k-column[data-width="1/4"] .leaflet-control-zoom-out{width:30px!important;height:30px!important;font-size:16px!important;line-height:27px!important} .k-markdown-input-wrap{--cm-content-padding-y: .25rem;--cm-line-padding-x: var(--field-input-padding);--cm-font-size: var(--text-base);--cm-font-family: var(--font-mono);--cm-line-height: 1.5;--cm-code-background: rgba(0, 0, 0, .05);--cm-color-meta: var(--color-gray-500);--cm-color-light-gray: rgba(0, 0, 0, .1);--cm-selection-background: hsla(195, 80%, 40%, .16);--cm-color-special-char: #df5f5f;--cm-color-cursor: #5588ca;--cm-color-highlight-background: rgba(255, 230, 0, .4);--cm-kirbytag-background: rgba(66, 113, 174, .1);--cm-kirbytag-underline: rgba(66, 113, 174, .3);--cm-min-lines: 2}.k-markdown-input-wrap[data-font-family=sans-serif]{--cm-font-family: var(--font-sans)}.k-markdown-input-wrap[data-font-size=small]{--cm-font-size: var(--text-sm);--cm-line-height: 1.5}.k-input[data-type=markdown][data-disabled=true]{border:var(--field-input-border)!important;box-shadow:none!important}.k-input[data-type=markdown][data-disabled=true] .cm-cursor{display:none!important}.k-markdown-input-wrap[data-size=one-line]{--cm-min-lines: 1}.k-markdown-input-wrap[data-size=two-lines]{--cm-min-lines: 2}.k-markdown-input-wrap[data-size=small]{--cm-min-lines: 4}.k-markdown-input-wrap[data-size=medium]{--cm-min-lines: 8}.k-markdown-input-wrap[data-size=large]{--cm-min-lines: 16}.k-markdown-input-wrap[data-size=huge]{--cm-min-lines: 24}.k-markdown-input .cm-line{--cm-line-indent: calc(var(--cm-indent, 0) + var(--cm-mark, 0));margin-left:var(--cm-line-indent);padding:0 var(--cm-line-padding-x);text-indent:calc(-1 * var(--cm-indent) - var(--cm-mark))}.k-markdown-input .cm-codeblock{background:var(--cm-code-background);margin-left:calc(var(--cm-line-padding-x) / 2);margin-right:calc(var(--cm-line-padding-x) / 2);padding-left:calc(var(--cm-line-padding-x) / 2);padding-right:calc(var(--cm-line-padding-x) / 2)}.k-markdown-input .cm-codeblock>*{background-color:transparent;margin:0;padding:0}.k-markdown-input .cm-blockquote{--cm-line-indent: var(--cm-indent, 0);position:relative;text-indent:0;margin-left:calc(var(--cm-line-padding-x))}.k-markdown-input .cm-blockquote:before{background:var(--cm-color-light-gray);content:"";height:100%;position:absolute;right:calc(100% + var(--cm-mark, 0) - 1.5ch);top:0;left:0;width:2px}.k-markdown-input .cm-blockquote:not([style*="--cm-mark:"]):before{right:calc(100% + var(--cm-indent, 0) - 1.5ch)}.k-markdown-input .cm-hr{display:flex!important;text-align:center}.k-markdown-input .cm-hr:before,.k-markdown-input .cm-hr:after{background:linear-gradient(var(--cm-color-light-gray),var(--cm-color-light-gray)) 50% calc(var(--cm-line-height) * 1em / 2) / 100% .0625rem no-repeat;content:"";flex:1 0 2ch}.k-markdown-input .cm-hr:before{margin-right:1ch}.k-markdown-input .cm-hr:after{margin-left:1ch}.k-markdown-input .cm-hr>*{flex-grow:0}.k-markdown-input .cm-cursor{transition:transform .15s}.k-markdown-input-wrap[data-dragover=true] .cm-cursor{transform:scale(1.1,1.5)}.k-markdown-input .cm-heading>:first-child{color:currentColor}.k-markdown-input [class*=" cm-token-"],.k-markdown-input [class^=cm-token-]{background:var(--token-background, rgba(0, 0, 0, .05));border:.0625em solid var(--token-border, rgba(0, 0, 0, .1));border-radius:.125em;color:var(--color-text, #000);margin:-.125em -.0625em;padding:.0625em 0}.k-markdown-input [class*=" cm-token-"]>*,.k-markdown-input [class^=cm-token-]>*{color:currentColor}.k-markdown-input .cm-token-red{--token-background: rgba(255, 0, 0, .12);--token-border: rgba(255, 0, 0, .25)}.k-markdown-input .cm-token-purple{--token-background: hsla(285, 44%, 50%, .17);--token-border: hsla(285, 44%, 50%, .4)}.k-markdown-input .cm-invisible-char{cursor:text}.k-markdown-input .cm-invisible-char[data-code="32"]{background-image:url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4.5' cy='4.5' r='1.25' fill='%23DF5F5F'/%3E%3C/svg%3E");background-size:1ch 1ch;background-position:left center;background-repeat:repeat-x;word-break:break-all}.k-markdown-input-wrap[data-font-family=sans-serif] .cm-invisible-char[data-code="32"]{margin-left:-.25ch;margin-right:-.25ch;padding-left:.25ch;padding-right:.25ch}.k-markdown-input .cm-invisible-char[data-code="160"]{background:linear-gradient(var(--cm-color-special-char),var(--cm-color-special-char)) .0625em 100% / .0625em .125em no-repeat,linear-gradient(var(--cm-color-special-char),var(--cm-color-special-char)) .0625em 100% / calc(100% - .125em) .0625em no-repeat,linear-gradient(var(--cm-color-special-char),var(--cm-color-special-char)) calc(100% - .0625em) 100% / .0625em .125em no-repeat;color:transparent}.k-markdown-input .cm-invisible-char[data-code="173"]{border-left:.0625em solid var(--cm-color-special-char);left:.03125em;margin-left:-.0625em;position:relative}.k-markdown-input .cm-invisible-char[data-code="8203"]{background:url("data:image/svg+xml,%3Csvg width='3' height='23' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2.915v17.17a1.5 1.5 0 11-1 0V2.915a1.5 1.5 0 111 0zM1.5 2a.5.5 0 100-1 .5.5 0 000 1zm0 20a.5.5 0 100-1 .5.5 0 000 1z' fill='%23df5f5f' fill-rule='nonzero'/%3E%3C/svg%3E%0A") no-repeat;margin:-4px -1.5px;padding-bottom:2px;padding-left:3px;padding-top:2px}.k-markdown-input .cm-invisible-char[data-code="9"]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath fill='%23df5f5f' d='M9.85355339,3.14644661 C9.94403559,3.23692881 10,3.36192881 10,3.5 C10,3.63807119 9.94403559,3.76307119 9.85355339,3.85355339 L7.85355339,5.85355339 C7.65829124,6.04881554 7.34170876,6.04881554 7.14644661,5.85355339 C6.95118446,5.65829124 6.95118446,5.34170876 7.14644661,5.14644661 L8.29289322,4 L1.5,4 C1.22385763,4 1,3.77614237 1,3.5 C1,3.22385763 1.22385763,3 1.5,3 L8.29289322,3 L7.14644661,1.85355339 C6.95118446,1.65829124 6.95118446,1.34170876 7.14644661,1.14644661 C7.34170876,0.951184464 7.65829124,0.951184464 7.85355339,1.14644661 L9.85355339,3.14644661 Z'/%3E%3C/svg%3E%0A") left center no-repeat}.k-markdown-input .cm-hardbreak{position:relative}.k-markdown-input .cm-hardbreak:before{color:var(--cm-color-special-char);content:"\21a9\fe0e";display:inline-block;margin-right:-2ch;pointer-events:none;text-align:center;text-indent:0;width:2ch}.k-markdown-input .cm-taskmarker{cursor:pointer;position:relative}.k-markdown-input .cm-taskmarker.is-unchecked:hover:before{color:var(--cm-color-meta);content:"x";left:1ch;margin-right:-1ch;opacity:.7;position:relative;text-indent:0}.k-markdown-input .cm-taskmarker.is-unchecked:hover .cm-invisible-char{background:none}.k-markdown-input .cm-url{color:var(--cm-color-meta);text-decoration:underline;text-decoration-thickness:.1em;text-underline-offset:.14em}.k-markdown-input .cm-kirbytag-url{color:currentColor;text-decoration-color:var(--cm-kirbytag-underline)}:root[data-markdown-modkey=true] .k-markdown-input .cm-url,:root[data-markdown-modkey=true] .k-markdown-input .cm-url *{cursor:pointer}.k-block-container-type-markdown{padding:0}.k-block-type-markdown-input{background:none;border-radius:0;padding:0}.k-markdown-toolbar{height:auto;min-height:38px}.k-markdown-toolbar .k-toolbar-divider{border:none}.k-markdown-toolbar .k-markdown-button.is-disabled{opacity:.25;pointer-events:none}.k-markdown-input-wrap:focus-within .k-markdown-toolbar{border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 5px #0000000d;color:var(--color-text);left:0;position:sticky;right:0;top:0;z-index:4}.k-markdown-input-wrap:focus-within .k-markdown-toolbar .k-markdown-button.is-active{color:#3872be}.k-markdown-input-wrap:focus-within .k-toolbar .k-markdown-button.is-active:hover{background:rgba(66,113,174,.075)}.k-markdown-toolbar-buttons{flex-wrap:wrap}.k-markdown-toolbar-buttons>*{flex-shrink:0}.k-markdown-toolbar-button-right{border-left:1px solid var(--color-background);margin-left:auto}.k-markdown-toolbar .k-button.k-dropdown-item[aria-current=true]{color:#8fbfff}.k-markdown-toolbar .k-button-text{align-items:baseline;display:flex;justify-content:space-between}.k-markdown-toolbar .k-button-text kbd{font-variant-numeric:tabular-nums;margin-left:2.5rem;opacity:.6}.k-markdown-input-wrap[data-font-family=sans-serif] .cm-line{--cm-mark: 0 !important;--cm-indent: 0 !important}.k-markdown-input .k-input-element{width:100%} @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; } } .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-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} .k-editor-columns-block { margin-top: 1.5rem; margin-bottom: 1.5rem; line-height: 1.5em; } .k-editor-columns-block table { border-spacing: 1px; background: #ccc; width: 100%; table-layout: fixed; } .k-editor-columns-block td { position: relative; text-align: left; vertical-align: top; background: #fff; } .k-editor-columns-block td:focus-within { outline: 1px solid #81a2be; } .k-editor-columns-block td .k-dropdown { position: absolute; top: 0; right: 0; } .k-editor-columns-block td .k-dropdown > button { width: 2rem; height: 2rem; } .k-editor-columns-block .k-editable, .k-editor-columns-block .k-editable-placeholder { padding: .25rem .5rem; } .k-editor-grid-block-divider { position: relative; height: 1.5rem; border: 0; color: rgba(0,0,0,.1); text-align: center; } .k-editor-grid-block-divider:before { content: 'Spalten: Start'; position: relative; top: 2px; z-index: 1; display: inline-block; padding: 0 .5rem; background: white; font-size: .8rem; text-transform: uppercase; } .k-editor-grid-block-divider[data-end]:before { content: 'Spalten: Ende'; } .k-editor-grid-block-divider:after { position: absolute; top: calc(50% - 4px); left: 0; right: 0; content: ""; height: 8px; background: currentColor; } .k-editor-grid-block-divider:focus { outline: 0; color: rgba(66,113,174,.25); } .k-editor-grid-block-divider:focus:after { outline: 1px solid rgba(66,113,174,.25); } .k-editor-grid-seperator-block { text-align: center; } .k-editor-grid-seperator-block .k-editor-hr-block-divider:before { content: 'Trenner'; position: relative; top: 2px; z-index: 1; display: inline-block; padding: 0 .5rem; background: white; font-size: .8rem; text-transform: uppercase; } .k-editor-image-block { padding-top: 1.5rem; padding-bottom: 1.5rem; } .k-editor-image-block figure { line-height: 0; } .k-editor-image-block .align-left { margin-right: auto; } .k-editor-image-block .align-middle { margin: auto; } .k-editor-image-block .align-right { margin-left: auto; } .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, 0.25); outline-offset: 2px; } .k-editor-image-block figcaption { display: block; margin-top: .75rem; 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, 0.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-table-block { margin-top: 1.5rem; margin-bottom: 1.5rem; line-height: 1.5em; } .k-editor-table-block table { border-spacing: 1px; background: #ccc; width: 100%; table-layout: fixed; } .k-editor-table-block th, .k-editor-table-block td { text-align: left; vertical-align: top; background: #fff; } .k-editor-table-block th > div { display: flex; justify-content: space-between; align-items: stretch; } .k-editor-table-block-column-settings { width: 2.5rem; height: 100%; } .k-editor-table-block .k-editable, .k-editor-table-block .k-editable-placeholder { padding: .25rem .5rem; } .k-editor-table-block th:focus-within, .k-editor-table-block td:focus-within { outline: 1px solid #81a2be; } .k-editor-table-block-row-options { width: 2.5rem; text-align: center; } .k-editor-toggle-block { /*font-size: 1.25rem;*/ font-weight: 600; line-height: 1.35em; } .k-editor-toggle-block .k-editor-block-container { padding-top: 0.5rem; border-top: 1px solid }