.k-demo-wrap{--wp-components-color-accent:var(--wp--preset--color--cyberpunk-purple);--rail-color:color-mix(in srgb,var(--wp-components-color-accent),transparent 60%)}.k-demo-wrap,.k-demo-wrap *{box-sizing:border-box}.k-demo-wrap hgroup{border-left:.65rem solid var(--kmood--heading);display:flex;flex-direction:column;gap:.25rem;padding:0 1rem}.k-demo-wrap hgroup *{margin-block:0}.k-demo-wrap hgroup :where(h1,h2,h3,h4,h5,h6){font-size:var(--wp--preset--font-size--md);font-weight:700;margin-block:0!important;text-transform:uppercase}.k-demo-wrap hgroup p+p{margin-block-start:1em}.k-demo-wrap hr{border-color:var(--kmood--text,currentcolor);margin-block:1.5rem!important;opacity:.05;width:100%}.k-demo-wrap .copy-code{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:.5rem;opacity:.8}.k-demo-wrap .copy-code:hover{opacity:1}.k-demo-wrap .copy-code svg{margin:-.25rem}.k-demo-wrap .is-aside hgroup{font-size:inherit}.k-demo-wrap .is-aside hgroup :where(h1,h2,h3,h4,h5,h6){font-size:var(--wp--preset--font-size--xs)}.k-demo-wrap .is-aside p{margin:0;opacity:.6}.k-demo-wrap .is-aside hr{margin-block:.25rem!important}.k-demo-wrap :is(.is-aside hgroup p),.text-muted{font-size:var(--wp--preset--font-size--xxs);opacity:.6}.k-demo-wrap:is(.mood-light,.mood-white) .wp-block-preformatted,.wp-block-cover:is(.mood-light,.mood-white) .k-demo-wrap .wp-block-preformatted{background-color:rgba(99,87,163,.051)}.demo-inputs.has-mood.mood-light{--wp--preset--color--salmon:var(--wp--preset--color--cyberpunk-purple)}.demo-inputs.has-mood.mood-neutral{--wp--preset--color--salmon:var(--wp--preset--color--cyberpunk-pink)}.demo-inputs .fields-preview *{all:unset;box-sizing:border-box}.demo-inputs .fields-preview+.fields-preview{margin-block-start:1rem}.demo-inputs .fields-preview{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}@media screen and (max-width:600px){.demo-inputs .fields-preview{max-width:min(22rem,var(--wp--style--global--content-size))!important}}.demo-inputs .fields-preview label{align-items:center;cursor:pointer;display:inline-flex;flex-wrap:wrap;gap:.5rem;margin-block:0;min-width:min(12rem,50%)}.demo-inputs .fields-preview label:has([disabled]){cursor:not-allowed}.demo-inputs .fields-preview fieldset label{align-items:flex-start;flex-wrap:nowrap}.demo-inputs .fields-preview.sizes label{flex-wrap:nowrap}.demo-inputs input[type=date],.demo-inputs input[type=datetime-local],.demo-inputs input[type=email],.demo-inputs input[type=file],.demo-inputs input[type=month],.demo-inputs input[type=number],.demo-inputs input[type=password],.demo-inputs input[type=range],.demo-inputs input[type=search],.demo-inputs input[type=tel],.demo-inputs input[type=text],.demo-inputs input[type=time],.demo-inputs input[type=url],.demo-inputs input[type=week],.demo-inputs select,.demo-inputs textarea{max-width:min(18rem,100%);min-width:min(18rem,100%)}.demo-inputs .is-aside{--var-input:1.85rem;--var-chip:1.5rem;--var-line:2px;--var-border:#777;--var-surface:#777;--var-foreground:#444;--var-background:#fff;--var-accent:#555}.demo-inputs .is-aside .fields-preview{font-size:var(--wp--preset--font-size--xxs);gap:var(--wp--preset--spacing--xs)}.demo-inputs .is-aside .fields-preview label{min-width:min(8rem,33%)}.demo-inputs .is-aside .fields-preview.sizes label{display:grid;grid-template-columns:6fr 1fr 1fr 1fr;width:100%}.demo-inputs .is-aside .fields-preview.sizes label input{min-width:10rem}.demo-inputs .fields-preview{--surface:var(--var-surface,navy);--surface--hover:color-mix(in srgb,var(--surface) 100%,#fff 25%);--surface--active:color-mix(in srgb,var(--surface) 100%,#000 15%);--surface--dim:color-mix(in srgb,var(--border) 100%,var(--background) 60%);--on-surface:var(--var-on-surface,#fff);--foreground:var(--var-foreground,#fff);--background:var(--var-background,transparent);--placeholder:color-mix(in srgb,var(--foreground) 100%,var(--background) 40%);--border:var(--var-border,navy);--icon-check:var(--url-check,none);--icon-x:var(--url-x,none);--icon-select:var(--url-select,none);--icon-file:var(--url-file,none);--icon-calendar:var(--url-calendar,none);--icon-clock:var(--url-clock,none);--icon-spin:var(--url-spin,none);--size:var(--var-input,2rem);--chip:var(--var-chip,1.5rem);--radius:var(--var-radius,0.25rem);--line:var(--var-line,4px)}.demo-inputs .fields-preview [type=color]{appearance:none;background:transparent;border:var(--line) solid var(--border);border-radius:200%;box-shadow:none!important;cursor:pointer;display:flex;flex:0 0 var(--size);height:var(--size);margin:0;min-width:var(--size)!important;overflow:hidden;padding:0!important;width:var(--size)!important}.demo-inputs .fields-preview [type=color]::-webkit-color-swatch,.demo-inputs .fields-preview [type=color]::-webkit-color-swatch-wrapper{border:0!important;border-color:transparent!important;height:var(--size);padding:0!important}.demo-inputs .fields-preview [type=color]::-moz-color-swatch{border-color:transparent!important}.demo-inputs .fields-preview [type=checkbox],.demo-inputs .fields-preview [type=radio]{appearance:none;background:var(--background);border:var(--line) solid var(--border);border-radius:var(--radius);box-sizing:border-box;color:var(--foreground);cursor:pointer;display:inline-flex;flex:0 0 var(--chip);height:var(--chip);margin:0;position:relative;transition:all .25s ease;width:var(--chip)}.demo-inputs .fields-preview [type=checkbox].toggle,.demo-inputs .fields-preview [type=radio].toggle{--bullet:calc(var(--chip) - var(--line)*4);--bullet-radius:var(--chip);border-radius:var(--bullet-radius);flex:0 0 calc(var(--chip)*2 - var(--line)*2);padding:var(--line)!important;width:calc(var(--chip)*2 - var(--line)*2)}.demo-inputs .fields-preview [type=checkbox].toggle:before,.demo-inputs .fields-preview [type=radio].toggle:before{background:currentcolor;border-radius:var(--bullet-radius);content:" ";display:flex;height:var(--bullet);left:var(--line);position:absolute;top:var(--line);transition:all .5s ease;width:var(--bullet)}.demo-inputs .fields-preview [type=checkbox]:focus,.demo-inputs .fields-preview [type=checkbox]:focus-visible,.demo-inputs .fields-preview [type=radio]:focus,.demo-inputs .fields-preview [type=radio]:focus-visible{outline:1px auto highlight;outline:1px auto -webkit-focus-ring-color}.demo-inputs .fields-preview [type=checkbox]:checked,.demo-inputs .fields-preview [type=radio]:checked{background:var(--surface);color:var(--on-surface)}.demo-inputs .fields-preview [type=checkbox]:checked:before,.demo-inputs .fields-preview [type=radio]:checked:before{background-color:var(--foreground);background-color:currentcolor;content:"";height:calc(var(--size) - var(--line)*2);height:100%;inset:0;mask-image:var(--icon-check);mask-origin:contain;mask-position:center;mask-repeat:no-repeat;mask-size:calc(var(--chip) - var(--line)*4);position:absolute;width:calc(var(--size) - var(--line)*2);width:100%}.demo-inputs .fields-preview [type=checkbox]:checked.toggle,.demo-inputs .fields-preview [type=radio]:checked.toggle{border-color:var(--border)}.demo-inputs .fields-preview [type=checkbox]:checked.toggle:before,.demo-inputs .fields-preview [type=radio]:checked.toggle:before{background:var(--on-surface);height:var(--bullet);left:calc(var(--bullet)*1 + var(--line)*3);mask:unset;top:var(--line);width:var(--bullet)}.demo-inputs .fields-preview [type=radio]{--radius:100%}.demo-inputs .fields-preview{--valid-mix:color-mix(in srgb,var(--background) 100%,var(--surface) 10%);--invalid-mix:color-mix(in srgb,var(--background) 100%,red 10%)}.demo-inputs.mood-neutral .fields-preview{--valid-mix:color-mix(in srgb,var(--background) 100%,var(--surface) 15%);--invalid-mix:color-mix(in srgb,var(--background) 100%,red 10%)}.demo-inputs .fields-preview [type=date],.demo-inputs .fields-preview [type=datetime-local],.demo-inputs .fields-preview [type=email],.demo-inputs .fields-preview [type=file],.demo-inputs .fields-preview [type=month],.demo-inputs .fields-preview [type=number],.demo-inputs .fields-preview [type=password],.demo-inputs .fields-preview [type=search],.demo-inputs .fields-preview [type=tel],.demo-inputs .fields-preview [type=text],.demo-inputs .fields-preview [type=time],.demo-inputs .fields-preview [type=url],.demo-inputs .fields-preview [type=week],.demo-inputs .fields-preview select,.demo-inputs .fields-preview textarea{align-items:center;background-color:var(--background);border:var(--line) solid var(--border);border-radius:var(--radius);box-sizing:border-box;color:var(--foreground);display:inline-flex;font-size:calc(var(--size)/2);line-height:1.6;min-height:var(--size);padding:0 calc(var(--size)/4);position:relative}.demo-inputs .fields-preview [type=email]:not(:empty):valid,.demo-inputs .fields-preview [type=email]:not(:placeholder-shown):valid,.demo-inputs .fields-preview [type=number]:not(:empty):valid,.demo-inputs .fields-preview [type=number]:not(:placeholder-shown):valid,.demo-inputs .fields-preview [type=password]:not(:empty):valid,.demo-inputs .fields-preview [type=password]:not(:placeholder-shown):valid,.demo-inputs .fields-preview [type=search]:not(:empty):valid,.demo-inputs .fields-preview [type=search]:not(:placeholder-shown):valid,.demo-inputs .fields-preview [type=tel]:not(:empty):valid,.demo-inputs .fields-preview [type=tel]:not(:placeholder-shown):valid,.demo-inputs .fields-preview [type=text]:not(:empty):valid,.demo-inputs .fields-preview [type=text]:not(:placeholder-shown):valid,.demo-inputs .fields-preview [type=url]:not(:empty):valid,.demo-inputs .fields-preview [type=url]:not(:placeholder-shown):valid,.demo-inputs .fields-preview textarea:not(:empty):valid,.demo-inputs .fields-preview textarea:not(:placeholder-shown):valid{--background:var(--valid-mix)}.demo-inputs .fields-preview [type=email]:not(:empty):invalid,.demo-inputs .fields-preview [type=email]:not(:placeholder-shown):invalid,.demo-inputs .fields-preview [type=number]:not(:empty):invalid,.demo-inputs .fields-preview [type=number]:not(:placeholder-shown):invalid,.demo-inputs .fields-preview [type=password]:not(:empty):invalid,.demo-inputs .fields-preview [type=password]:not(:placeholder-shown):invalid,.demo-inputs .fields-preview [type=search]:not(:empty):invalid,.demo-inputs .fields-preview [type=search]:not(:placeholder-shown):invalid,.demo-inputs .fields-preview [type=tel]:not(:empty):invalid,.demo-inputs .fields-preview [type=tel]:not(:placeholder-shown):invalid,.demo-inputs .fields-preview [type=text]:not(:empty):invalid,.demo-inputs .fields-preview [type=text]:not(:placeholder-shown):invalid,.demo-inputs .fields-preview [type=url]:not(:empty):invalid,.demo-inputs .fields-preview [type=url]:not(:placeholder-shown):invalid,.demo-inputs .fields-preview textarea:not(:empty):invalid,.demo-inputs .fields-preview textarea:not(:placeholder-shown):invalid{--border:red;--background:var(--invalid-mix)}.demo-inputs .fields-preview [type=date]:required:valid,.demo-inputs .fields-preview [type=datetime-local]:required:valid,.demo-inputs .fields-preview [type=file]:required:valid,.demo-inputs .fields-preview [type=month]:required:valid,.demo-inputs .fields-preview [type=time]:required:valid,.demo-inputs .fields-preview [type=week]:required:valid{--background:var(--valid-mix)}.demo-inputs .fields-preview textarea{height:auto;line-height:1.6}.demo-inputs .fields-preview select{background:var(--icon-select) no-repeat calc(100% + var(--line)*3 - var(--size)/2) 50% var(--background);background-size:calc(var(--chip) - var(--line)*4);padding-right:var(--size)}.demo-inputs .fields-preview select:has(option:not([value=""]):checked){--background:var(--valid-mix)}.demo-inputs .fields-preview [type=number]::-webkit-inner-spin-button,.demo-inputs .fields-preview [type=number]::-webkit-outer-spin-button{appearance:none;background:var(--icon-spin) no-repeat 50% 50% transparent;background-size:calc(var(--chip) - var(--line)*3);height:calc(var(--size) - var(--line)*2);margin-right:calc(var(--size)*-.25);width:calc(var(--size) - var(--line)*2)}.demo-inputs .fields-preview [type=search i]::-webkit-search-cancel-button{appearance:none;background-color:var(--foreground);height:calc(var(--size) - var(--line)*2);margin-right:calc(var(--size)*-.25);mask-image:var(--icon-x);mask-origin:contain;mask-position:center;mask-repeat:no-repeat;mask-size:calc(var(--chip) - var(--line)*4);width:calc(var(--size) - var(--line)*2)}.demo-inputs .fields-preview .wp-block-button__link:not(:disabled):not([disabled]):active,.demo-inputs .fields-preview .wp-block-button__link:not(:disabled):not([disabled]):focus,.demo-inputs .fields-preview .wp-block-button__link:not(:disabled):not([disabled]):focus-within,.demo-inputs .fields-preview button:not(:disabled):not([disabled]):active,.demo-inputs .fields-preview button:not(:disabled):not([disabled]):focus,.demo-inputs .fields-preview button:not(:disabled):not([disabled]):focus-within,.demo-inputs .fields-preview input:not([type=range]):not(:disabled):not([disabled]):active,.demo-inputs .fields-preview input:not([type=range]):not(:disabled):not([disabled]):focus,.demo-inputs .fields-preview input:not([type=range]):not(:disabled):not([disabled]):focus-within,.demo-inputs .fields-preview select:not(:disabled):not([disabled]):active,.demo-inputs .fields-preview select:not(:disabled):not([disabled]):focus,.demo-inputs .fields-preview select:not(:disabled):not([disabled]):focus-within,.demo-inputs .fields-preview textarea:not(:disabled):not([disabled]):active,.demo-inputs .fields-preview textarea:not(:disabled):not([disabled]):focus,.demo-inputs .fields-preview textarea:not(:disabled):not([disabled]):focus-within{outline:1px auto highlight;outline:1px auto -webkit-focus-ring-color}.demo-inputs .fields-preview [type=file i]{box-sizing:border-box;height:var(--size);overflow:hidden;padding-left:calc(var(--size) - var(--line)*2)}.demo-inputs .fields-preview [type=file i]::file-selector-button{all:unset;appearance:none;aspect-ratio:1;background-image:var(--icon-file);background-origin:content-box;background-position:50% 50%;background-repeat:no-repeat;background-size:calc(var(--chip) - var(--line)*4);color:transparent;display:flex;font-size:0;height:100%;inset:0;position:absolute}.demo-inputs .fields-preview [type=date i]::-internal-datetime-container,.demo-inputs .fields-preview [type=datetime-local i]::-internal-datetime-container,.demo-inputs .fields-preview [type=month i]::-internal-datetime-container,.demo-inputs .fields-preview [type=week i]::-internal-datetime-container{color:var(--foreground)}.demo-inputs .fields-preview [type=date i]::-webkit-calendar-picker-indicator,.demo-inputs .fields-preview [type=datetime-local i]::-webkit-calendar-picker-indicator,.demo-inputs .fields-preview [type=month i]::-webkit-calendar-picker-indicator,.demo-inputs .fields-preview [type=week i]::-webkit-calendar-picker-indicator{all:unset;appearance:none;aspect-ratio:1;background-image:var(--icon-calendar);background-origin:content-box;background-position:50% 50%;background-repeat:no-repeat;background-size:calc(var(--chip) - var(--line)*4);color:transparent;display:flex;font-size:0;height:100%;inset:0;left:calc(100% - var(--size) + var(--line)*2);position:absolute}.demo-inputs .fields-preview [type=time i]{padding-right:var(--size)}.demo-inputs .fields-preview [type=time i]::-internal-datetime-container{color:var(--foreground)}.demo-inputs .fields-preview [type=time i]::-webkit-calendar-picker-indicator{all:unset;appearance:none;aspect-ratio:1;background-image:var(--icon-clock);background-origin:content-box;background-position:50% 50%;background-repeat:no-repeat;background-size:calc(var(--chip) - var(--line)*4);color:transparent;display:flex;font-size:0;height:100%;inset:0;left:calc(100% - var(--size) + var(--line)*2);position:absolute}.demo-inputs .fields-preview [type=range i]{height:var(--size)}.demo-inputs .fields-preview [type=range i]::-webkit-slider-runnable-track{background:var(--surface--dim);border-radius:var(--line);height:var(--line)}.demo-inputs .fields-preview [type=range i]::-moz-range-track{background:var(--surface--dim);border-radius:var(--line);height:var(--line)}.demo-inputs .fields-preview [type=range i]::-ms-track{background:var(--surface--dim);border-radius:var(--line);height:var(--line)}.demo-inputs .fields-preview [type=range i]::-webkit-slider-thumb{--thumb-size:calc(var(--chip) - var(--line)*3);appearance:none;background:var(--surface);border:var(--line) solid var(--surface);border-radius:200%;height:var(--thumb-size);margin-block:calc(var(--thumb-size)*-.5);width:var(--thumb-size)}.demo-inputs .fields-preview [type=range i]::-moz-range-thumb{--thumb-size:calc(var(--chip) - var(--line)*3);appearance:none;background:var(--surface);border:var(--line) solid var(--surface);border-radius:200%;height:var(--thumb-size);margin-block:calc(var(--thumb-size)*-.5);width:var(--thumb-size)}.demo-inputs .fields-preview [type=range i]::-ms-thumb{--thumb-size:calc(var(--chip) - var(--line)*3);appearance:none;background:var(--surface);border:var(--line) solid var(--surface);border-radius:200%;height:var(--thumb-size);margin-block:calc(var(--thumb-size)*-.5);width:var(--thumb-size)}.demo-inputs .fields-preview [type=range i]:active:not(:disabled),.demo-inputs .fields-preview [type=range i]:focus-within:not(:disabled),.demo-inputs .fields-preview [type=range i]:focus:not(:disabled){outline:1px auto highlight;outline:1px auto -webkit-focus-ring-color}.demo-inputs .fields-preview [type=button],.demo-inputs .fields-preview [type=reset],.demo-inputs .fields-preview [type=submit],.demo-inputs .fields-preview button{align-items:center;background-color:var(--surface);border:var(--line) solid var(--surface);border-radius:var(--radius);box-sizing:border-box;color:var(--on-surface);display:flex;line-height:1.6;min-height:var(--size);padding:0 calc(var(--size)/2);position:relative;text-transform:uppercase}.demo-inputs .fields-preview [type=button].is-style-outline,.demo-inputs .fields-preview [type=reset].is-style-outline,.demo-inputs .fields-preview [type=submit].is-style-outline,.demo-inputs .fields-preview button.is-style-outline{background-color:transparent;border-color:currentcolor;color:var(--foreground)}.demo-inputs .fields-preview [type=button].is-style-outline:not([disabled]):not(:disabled):focus,.demo-inputs .fields-preview [type=button].is-style-outline:not([disabled]):not(:disabled):hover,.demo-inputs .fields-preview [type=reset].is-style-outline:not([disabled]):not(:disabled):focus,.demo-inputs .fields-preview [type=reset].is-style-outline:not([disabled]):not(:disabled):hover,.demo-inputs .fields-preview [type=submit].is-style-outline:not([disabled]):not(:disabled):focus,.demo-inputs .fields-preview [type=submit].is-style-outline:not([disabled]):not(:disabled):hover,.demo-inputs .fields-preview button.is-style-outline:not([disabled]):not(:disabled):focus,.demo-inputs .fields-preview button.is-style-outline:not([disabled]):not(:disabled):hover{background-color:transparent;border-color:var(--surface--hover);color:var(--foreground)}.demo-inputs .fields-preview [type=button].is-style-outline:not([disabled]):not(:disabled):active,.demo-inputs .fields-preview [type=reset].is-style-outline:not([disabled]):not(:disabled):active,.demo-inputs .fields-preview [type=submit].is-style-outline:not([disabled]):not(:disabled):active,.demo-inputs .fields-preview button.is-style-outline:not([disabled]):not(:disabled):active{background-color:transparent;border-color:var(--surface--active);color:var(--foreground)}.demo-inputs .fields-preview [type=button].is-style-outline:disabled,.demo-inputs .fields-preview [type=button].is-style-outline[disabled],.demo-inputs .fields-preview [type=reset].is-style-outline:disabled,.demo-inputs .fields-preview [type=reset].is-style-outline[disabled],.demo-inputs .fields-preview [type=submit].is-style-outline:disabled,.demo-inputs .fields-preview [type=submit].is-style-outline[disabled],.demo-inputs .fields-preview button.is-style-outline:disabled,.demo-inputs .fields-preview button.is-style-outline[disabled]{background-color:transparent;color:var(--placeholder);cursor:not-allowed;filter:grayscale(1) brightness(105%);pointer-events:none}.demo-inputs .fields-preview [type=button]:not(.is-style-outline):not([disabled]):not(:disabled):focus,.demo-inputs .fields-preview [type=button]:not(.is-style-outline):not([disabled]):not(:disabled):hover,.demo-inputs .fields-preview [type=reset]:not(.is-style-outline):not([disabled]):not(:disabled):focus,.demo-inputs .fields-preview [type=reset]:not(.is-style-outline):not([disabled]):not(:disabled):hover,.demo-inputs .fields-preview [type=submit]:not(.is-style-outline):not([disabled]):not(:disabled):focus,.demo-inputs .fields-preview [type=submit]:not(.is-style-outline):not([disabled]):not(:disabled):hover,.demo-inputs .fields-preview button:not(.is-style-outline):not([disabled]):not(:disabled):focus,.demo-inputs .fields-preview button:not(.is-style-outline):not([disabled]):not(:disabled):hover{background-color:var(--surface--hover)}.demo-inputs .fields-preview [type=button]:not(.is-style-outline):not([disabled]):not(:disabled):active,.demo-inputs .fields-preview [type=reset]:not(.is-style-outline):not([disabled]):not(:disabled):active,.demo-inputs .fields-preview [type=submit]:not(.is-style-outline):not([disabled]):not(:disabled):active,.demo-inputs .fields-preview button:not(.is-style-outline):not([disabled]):not(:disabled):active{background-color:var(--surface--active)}.demo-inputs .fields-preview [type=button]:not(.is-style-outline):disabled,.demo-inputs .fields-preview [type=button]:not(.is-style-outline)[disabled],.demo-inputs .fields-preview [type=reset]:not(.is-style-outline):disabled,.demo-inputs .fields-preview [type=reset]:not(.is-style-outline)[disabled],.demo-inputs .fields-preview [type=submit]:not(.is-style-outline):disabled,.demo-inputs .fields-preview [type=submit]:not(.is-style-outline)[disabled],.demo-inputs .fields-preview button:not(.is-style-outline):disabled,.demo-inputs .fields-preview button:not(.is-style-outline)[disabled]{background-color:var(--surface);color:var(--on-surface);cursor:not-allowed;filter:grayscale(1) brightness(105%);pointer-events:none}.demo-inputs .fields-preview .wp-block-button,.demo-inputs .fields-preview .wp-block-button__link{all:unset}.demo-inputs .fields-preview :is(.wp-block-button) .wp-block-button__link{align-items:center;background-color:var(--surface);border:var(--line) solid var(--surface);border-radius:var(--radius);box-sizing:border-box;color:var(--on-surface);display:flex;line-height:1.6;min-height:var(--size);padding:0 calc(var(--size)/2);position:relative;text-transform:uppercase}.demo-inputs .fields-preview :is(.wp-block-button):not(.is-style-outline) .wp-block-button__link:not([disabled]):not(:disabled):focus,.demo-inputs .fields-preview :is(.wp-block-button):not(.is-style-outline) .wp-block-button__link:not([disabled]):not(:disabled):hover{background-color:var(--surface--hover)}.demo-inputs .fields-preview :is(.wp-block-button):not(.is-style-outline) .wp-block-button__link:not([disabled]):not(:disabled):active{background-color:var(--surface--active)}.demo-inputs .fields-preview :is(.wp-block-button):not(.is-style-outline) .wp-block-button__link:disabled,.demo-inputs .fields-preview :is(.wp-block-button):not(.is-style-outline) .wp-block-button__link[disabled]{background-color:var(--surface);color:var(--on-surface);cursor:not-allowed;filter:grayscale(1) brightness(105%);pointer-events:none}.demo-inputs .fields-preview :is(.wp-block-button.is-style-outline) .wp-block-button__link{background-color:transparent;border-color:currentcolor;color:var(--foreground)}.demo-inputs .fields-preview :is(.wp-block-button.is-style-outline) .wp-block-button__link:not([disabled]):not(:disabled):focus,.demo-inputs .fields-preview :is(.wp-block-button.is-style-outline) .wp-block-button__link:not([disabled]):not(:disabled):hover{background-color:transparent;border-color:var(--surface--hover);color:var(--foreground)}.demo-inputs .fields-preview :is(.wp-block-button.is-style-outline) .wp-block-button__link:not([disabled]):not(:disabled):active{background-color:transparent;border-color:var(--surface--active);color:var(--foreground)}.demo-inputs .fields-preview :is(.wp-block-button.is-style-outline) .wp-block-button__link:disabled,.demo-inputs .fields-preview :is(.wp-block-button.is-style-outline) .wp-block-button__link[disabled]{background-color:transparent;color:var(--placeholder);cursor:not-allowed;filter:grayscale(1) brightness(105%);pointer-events:none}.demo-inputs .fields-preview fieldset{border:var(--line) solid var(--border);border-radius:var(--radius);flex:1 1 100%;padding:calc(var(--size)/2) var(--size)}.demo-inputs .fields-preview fieldset legend{font-weight:700;padding:0 calc(var(--size)/4)}.demo-inputs .fields-preview :is(.wp-block-button) .wp-block-button__link{--kmood--button-text:var(--on-surface);--kmood--button-bg:var(--surface);--kmood--button:var(--surface)}.demo-inputs .fields-preview :is(.wp-block-button.is-style-outline) .wp-block-button__link{--kmood--button-text:var(--foreground);--kmood--button-bg:transparent;box-shadow:unset!important}.demo-inputs .fields-preview :is(.wp-block-button.is-style-outline) .wp-block-button__link:not([disabled]){--kmood--button-text:var(--foreground);--kmood--button-bg:transparent}.demo-inputs .fields-preview :is(.wp-block-button.is-style-outline) .wp-block-button__link:not([disabled]):focus,.demo-inputs .fields-preview :is(.wp-block-button.is-style-outline) .wp-block-button__link:not([disabled]):hover{--kmood--button:var(--foreground);--kmood--text:var(--foreground);--kmood--button-text:var(--foreground);--kmood--button-bg:transparent;border-color:var(--surface--hover)}.demo-inputs .fields-preview :is(.wp-block-button.is-style-outline) .wp-block-button__link:not([disabled]):active{--kmood--button-text:var(--foreground);--kmood--button-bg:transparent;border-color:var(--surface--active)}.demo-inputs .fields-preview :is(.wp-block-button.is-style-outline) .wp-block-button__link[disabled],.demo-inputs .fields-preview :is(.wp-block-button.is-style-outline) .wp-block-button__link[disabled]:active,.demo-inputs .fields-preview :is(.wp-block-button.is-style-outline) .wp-block-button__link[disabled]:focus,.demo-inputs .fields-preview :is(.wp-block-button.is-style-outline) .wp-block-button__link[disabled]:hover{--kmood--button-text:var(--foreground);--kmood--button-bg:transparent}.demo-inputs .fields-preview :is(.wp-block-button):not(.is-style-outline) .wp-block-button__link:not([disabled]):focus,.demo-inputs .fields-preview :is(.wp-block-button):not(.is-style-outline) .wp-block-button__link:not([disabled]):hover{--kmood--button-text:var(--on-surface);--kmood--button-bg:var(--surface--hover)}.demo-inputs .fields-preview :is(.wp-block-button):not(.is-style-outline) .wp-block-button__link:not([disabled]):active{--kmood--button-text:var(--on-surface);--kmood--button-bg:var(--surface--active)}.demo-inputs .fields-preview :is(.wp-block-button):not(.is-style-outline) .wp-block-button__link[disabled],.demo-inputs .fields-preview :is(.wp-block-button):not(.is-style-outline) .wp-block-button__link[disabled]:active,.demo-inputs .fields-preview :is(.wp-block-button):not(.is-style-outline) .wp-block-button__link[disabled]:focus,.demo-inputs .fields-preview :is(.wp-block-button):not(.is-style-outline) .wp-block-button__link[disabled]:hover{--kmood--button-text:var(--on-surface);--kmood--button-bg:var(--surface)}.demo-inputs .fields-preview input[type=email],.demo-inputs .fields-preview input[type=file],.demo-inputs .fields-preview input[type=password],.demo-inputs .fields-preview input[type=search],.demo-inputs .fields-preview input[type=tel],.demo-inputs .fields-preview input[type=text],.demo-inputs .fields-preview input[type=url],.demo-inputs .fields-preview select,.demo-inputs .fields-preview textarea{max-width:min(18rem,100%);min-width:min(18rem,100%)}.demo-inputs .fields-preview input,.demo-inputs .fields-preview select,.demo-inputs .fields-preview textarea{color:var(--foreground)}.demo-inputs .fields-preview input::placeholder,.demo-inputs .fields-preview select::placeholder,.demo-inputs .fields-preview textarea::placeholder{color:var(--placeholder);font-style:italic}.demo-inputs .fields-preview input:disabled,.demo-inputs .fields-preview select:disabled,.demo-inputs .fields-preview textarea:disabled{color:var(--placeholder);cursor:not-allowed;filter:grayscale(1) brightness(105%);pointer-events:none}.demo-inputs .fields-preview.with-disable{justify-content:space-between}.demo-inputs .fields-preview.with-disable label:nth-child(odd){min-width:min(27rem,100%)}.demo-inputs .fields-preview.with-disable label:nth-child(2n){min-width:min(8rem,100%)}.demo-inputs .fields-preview fieldset.with-disable{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.demo-inputs .fields-preview fieldset.with-disable label:nth-of-type(odd){min-width:min(22rem,100%)}.demo-inputs .fields-preview fieldset.with-disable label:nth-of-type(2n){min-width:min(8rem,100%)}