/*
  Please note:
  - Kirby Block Preview Fields uses existing Kirby components and classes.
  - Some classes and styles are overridden.
*/

.k-block-preview-fields {
  margin: calc(-0.75rem) -0.75rem;
  background: var(--color-gray-100);
  border-radius: var(--rounded);
}

/* Darker border at top and bottom, does not work in Firefox */
.k-block-container:not(:last-of-type):has(
    > .k-block > .k-block-preview-fields
  ) {
  border-bottom: 1px solid var(--color-gray-400);
}

.k-block-container:not(:last-of-type):has(
    + .k-block-container .k-block > .k-block-preview-fields
  ) {
  border-bottom: 1px solid var(--color-gray-400);
}

/* Title */
.k-block-preview-fields > .k-block-title {
  --drawer-header-height: 2.5rem;
  padding: 0.75rem;
  padding-left: 1em;
  background: var(--color-white);
  border-top-left-radius: var(--rounded);
  border-top-right-radius: var(--rounded);
}

/* Icon */
.k-block-preview-fields > .k-block-title > .k-icon {
  width: 1rem;
  margin-right: 0.625rem;
  color: var(--color-gray-500);
}

/* Tabs */
.k-block-preview-fields > .k-block-title > .k-drawer-tabs {
  margin-left: auto;
  margin-right: 0;
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}

/* Active tab */
.k-block-preview-fields
  > .k-block-title
  .k-drawer-tab.k-button[aria-current]:after {
  height: 1px;
  bottom: 0px;
}

/* Toggle button */
.k-block-preview-fields-toggle {
  height: var(--drawer-header-height);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
  margin-right: -0.125rem;
  margin-left: auto;
}

.k-block-preview-fields
  > .k-block-title
  > .k-drawer-tabs
  + .k-block-preview-fields-toggle {
  margin-left: 0;
}

.k-block-preview-fields-toggle:not(:hover):not(:focus) {
  color: var(--color-gray-500);
}

/* Fieldset */
.k-block-preview-fields-fieldset-wrapper.equal-height {
  display: grid;
}

.k-block-preview-fields-fieldset-wrapper.equal-height > * {
  grid-area: 1 / 1 / 2 / 2;
}

.k-block-preview-fields-fieldset-wrapper.equal-height > .k-fieldset.hidden {
  visibility: hidden;
}

.k-block-preview-fields-fieldset-wrapper:not(.equal-height)
  > .k-fieldset.hidden {
  display: none;
}

.k-block-preview-fields-fieldset-wrapper > .k-fieldset {
  border-top: 1px solid rgb(230, 230, 230);
  padding: 1.25rem 1.5rem 2.5rem 1.5rem;
}

/* Overrides */

/* Fix collapsed border in layout field, does not work in Firefox */
.k-layout-column
  .k-block-container:nth-child(1):has(+ .k-blocks-empty)
  .k-block-preview-fields-hidden
  > .k-block-title,
.k-layout-column
  .k-block-container:nth-child(2):has(+ .k-blocks-empty)
  .k-block-preview-fields-hidden
  > .k-block-title {
  border-bottom: 1px solid rgb(230, 230, 230);
}

/* Fix empty blocks placeholder in layout field */
.k-layout-column .k-block-preview-fields .k-blocks-empty {
  position: static;
  opacity: 1;
  align-items: stretch;
  justify-content: flex-start;
  border: 1px dashed var(--color-border);
}

.k-layout-column .k-block-preview-fields .k-blocks-empty.k-empty .k-icon {
  width: 36px;
}

[dir='ltr']
  .k-layout-column
  .k-block-preview-fields
  .k-blocks-empty.k-empty
  .k-icon {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

/* Fix nested blocks field in layout field */
.k-layout-column .k-block-preview-fields .k-blocks:not([data-empty='true']) {
  background: var(--color-white);
  box-shadow: var(--shadow);
  border-radius: var(--rounded);
}


.k-colors-contrast{position:relative;width:calc(2.25rem + 1px)}.k-colors-contrast:before{content:"";position:absolute;left:-1.5rem;width:1rem;height:1rem;border:2px solid var(--color-contrast-dark-background);border-radius:50%;background-image:linear-gradient(to right,var(--color-background) 0%,var(--color-background) 50%,var(--color-contrast-dark-background) 50%)}.k-colors-contrast .k-colors-color:before{content:attr(data-rating);position:absolute;top:-1.725rem;right:0;color:var(--color-contrast-dark);font-size:.75rem;font-weight:600;white-space:nowrap}.k-colors-contrast .k-input-element{display:block}.k-colors-units{display:flex;grid-column-start:2;min-width:0;padding:0 .25rem 0 .5rem}.k-colors-label{display:flex;flex:1 1 4rem;flex-wrap:nowrap;align-items:center;min-width:0;height:2.25rem;color:var(--color-border);font-size:.875rem}.k-colors-label:focus-within{color:var(--color-border)}.k-colors-label span{flex:0 0 .9rem}.k-colors-input{flex:0 0 3rem;min-width:0;height:1.75rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1rem;border:none;outline:none;background:transparent}.k-colors-input:focus,.k-colors-input:active{color:var(--color-focus)}.k-colors-input.is-hex{flex-basis:5rem}.k-colors-opacity{display:flex;flex-wrap:nowrap;align-items:center;position:relative}.k-colors-opacity:before{content:"";position:absolute;top:.25rem;left:0;bottom:.25rem;border-left:1px solid var(--color-border)}.k-colors-input.is-alpha{flex-basis:2.25rem;min-width:0;margin-left:.25rem;text-align:right}.k-colors-opacity span{width:1rem;margin-left:.1rem;color:var(--color-border)}.k-colors-preview{display:block;flex:0 0 2.25rem;width:2.25rem;height:2.25rem;margin-right:.5rem;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIGNsaXAtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDEyIDEyIj4KICA8cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDEydjEySDB6Ii8+CiAgPHBhdGggZmlsbD0iI2ViZWJlYiIgZD0iTTAgMGg2djZIMHpNNS45NTIgNmg2djZoLTZ6Ii8+Cjwvc3ZnPgo=);background-size:.75rem .75rem}.k-colors-color{display:block;overflow:hidden;width:2.25rem;height:2.25rem;border-right:1px solid var(--color-border)}.k-colors-picker{width:2.25rem;height:2.25rem;visibility:hidden}.k-colors-field .k-dropdown{grid-column-start:4}.k-colors-field .k-dropdown-item{justify-content:flex-end;padding-left:.5rem}.k-colors-field .k-dropdown-item.is-current:before{content:"\2713";margin-right:.5rem}.k-colors-space-button{height:2.25rem;padding:0 .75rem}.k-colors-field{--color-contrast-dark: #16171a;--color-contrast-dark-background: #2d2f36}.k-colors-field.shows-contrast{display:grid;grid-gap:0 1.9rem;grid-template-columns:auto 2.25rem}.k-colors-field.shows-contrast .k-input{grid-row-start:2}.k-colors-field .k-input-element{display:grid;grid-template-columns:2.25rem auto 3.5rem 2.25rem}.k-colors-field .k-field-footer{grid-row-start:3;grid-column-end:-1;grid-column-start:1}.k-colors-structure-preview{display:block;width:1.5rem;height:1.5rem;margin:0 .75rem}


.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;
}

.kirby-focus-field[disabled] {
  pointer-events: none
}

.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;background-color:var(--toolbar-border)}.k-markdown-toolbar .k-markdown-button.is-disabled{opacity:.25;pointer-events:none}.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-block-container-type-markdown{padding:0}.k-block-type-markdown-input{background:none;border-radius:0;padding:0}[dir=ltr] .k-markdown-toolbar{border-top-left-radius:var(--rounded)}[dir=rtl] .k-markdown-toolbar,[dir=ltr] .k-markdown-toolbar{border-top-right-radius:var(--rounded)}[dir=rtl] .k-markdown-toolbar{border-top-left-radius:var(--rounded)}.k-markdown-toolbar{height:auto;background:var(--color-white);border-bottom:1px solid var(--color-background);min-height:38px}.k-markdown-toolbar-wrapper{max-width:100%;display:flex}.k-markdown-toolbar-button{width:36px;height:36px}.k-markdown-toolbar-divider{width:1px;border-width:0;background:var(--color-background)}.k-markdown-toolbar .k-markdown-toolbar-button.is-disabled{opacity:.25;pointer-events:none}.k-markdown-toolbar{color:#aaa}.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-toolbar-button:hover{background:rgba(239,239,239,.5)}.k-markdown-input-wrap:focus-within .k-markdown-toolbar .k-markdown-toolbar-button.is-active{color:#3872be}.k-markdown-input-wrap:focus-within .k-markdown-toolbar .k-markdown-toolbar-button.is-active:hover{background:rgba(66,113,174,.075)}.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%}


section.k-modules-section .k-list-item:not(.k-draggable-item) {
	background-color: rgba(255, 255, 255, 0.5);
}

section.k-modules-section .k-list-item:not(.k-draggable-item) .k-list-item-text em {
	color: rgba(0, 0, 0, 0.7);
}

section.k-modules-section .k-headline a {
	pointer-events: none;
}
section.k-modules-section .k-headline {
	cursor: text;
}

.k-topbar-crumbs a[href$="+modules"] {
	display: none;
}