.preview-tools{--pt-time-0: 0s;--pt-time-xs: .25s;--pt-time-s: .5s;--pt-time-m: .75s;--pt-time-l: 1s;--pt-time-xl: 2s;--pt-canvas-background-color: var( --qp-content-color-background, var(--db-content-color-background) );--pt-color-accent: var( --qp-component-viewer-controls-input-color-accent, var(--db-component-viewer-controls-input-color-accent) );--pt-color-placeholder: var( --qp-component-viewer-controls-input-color-text-placeholder, var(--db-component-viewer-controls-input-color-text-placeholder) );--pt-fieldset-border-color: var( --qp-component-viewer-color-border, var(--db-component-viewer-color-border) );--pt-fieldset-border-radius: var( --qp-component-viewer-controls-input-border-radius, var(--db-component-viewer-controls-input-border-radius) );--pt-fieldset-shadow: var( --qp-component-viewer-controls-input-shadow, var(--db-component-viewer-controls-input-shadow) );--pt-shadow-focus: var( --qp-component-viewer-controls-input-shadow-focus, var(--db-component-viewer-controls-input-shadow-focus) );--pt-border-radius: calc(var(--pt-fieldset-border-radius) / 2);--pt-color-active: rgba(0, 0, 0, .4);--pt-color-border: rgb(128, 128, 128);--pt-color-hover: rgba(0, 0, 0, .2);--pt-color-inverse: rgba(255, 255, 255, .9);--pt-color-text: rgba(0, 0, 0, .8);--pt-shadow-border: 0 0 0 1px inset;--pt-shadow-pointer: 0 0 1em 1em inset;--pt-transition-delay: var(--pt-time-0), var(--pt-time-0), var(--pt-time-0), var(--pt-time-0);--pt-transition-duration: var(--pt-time-xs), var(--pt-time-xs), var(--pt-time-xs), var(--pt-time-xs);--pt-transition-property: background-color, box-shadow, color}.preview-tools{accent-color:var(--pt-color-accent);align-self:end;font-size:80%;grid-column-start:2;grid-row-start:1;justify-self:end;margin-right:1.5rem;position:relative;user-select:none;z-index:2}.preview-tools :where(button,input,select){background-color:var(--pt-canvas-background-color);border-radius:var(--pt-border-radius);border:none;box-shadow:transparent var(--pt-shadow-pointer),var(--pt-color-border) var(--pt-shadow-border);color:var(--pt-color-text);font-size:inherit;margin:0;text-align:center;transition-delay:var(--pt-transition-delay);transition-duration:var(--pt-transition-duration);transition-property:var(--pt-transition-property)}.preview-tools__group-button{appearance:none;inset:0;margin:0;position:absolute}.preview-tools__hidden{pointer-events:none}.preview-tools__row{align-items:center}[class*=preview-tools__toggle]{opacity:0;text-align:right;transform:translate(2rem);transition-delay:var(--pt-time-0),var(--pt-time-0);transition-duration:var(--pt-time-s),var(--pt-time-s);transition-property:opacity,transform}.preview-tools__toggle-hide{align-self:flex-end;height:2.5rem;padding-left:4rem;padding-top:1rem;position:absolute;top:-1.5rem}.preview-tools__toggle-show{bottom:0;padding:1rem;pointer-events:none;position:absolute;right:0}.preview-tools__row,.preview-tools fieldset{display:flex;gap:.5em;justify-content:center}.preview-tools__row>*,.preview-tools fieldset>*{flex-grow:1}.preview-tools ::placeholder{color:var(--pt-color-placeholder)}.preview-tools fieldset{align-items:stretch;background-color:var(--pt-canvas-background-color);border-color:var(--pt-fieldset-border-color);border-radius:var(--pt-fieldset-border-radius);border-style:solid;border-width:1px;box-shadow:var(--pt-fieldset-shadow);flex-direction:column;margin:0}.preview-tools form{display:flex;flex-direction:column;gap:.5em;padding:1rem;transition-delay:var(--pt-time-xs);transition-duration:var(--pt-time-m);transition-property:transform}.preview-tools label{align-items:center;background-color:var(--pt-canvas-background-color);color:transparent;display:inline-flex;line-height:normal;padding:1px 7px 3px;position:relative}.preview-tools legend{background:linear-gradient(transparent,var(--pt-canvas-background-color));border-radius:var(--pt-border-radius);padding:0 .5em;text-align:right}.preview-tools__group-button:before{color:inherit;content:attr(value);inset:0;padding:1px 6px 3px;position:absolute}.preview-tools__hidden form{transform:translate(calc(100% + 3rem))}.preview-tools select,.preview-tools [type=text]{padding:0 2px 1px}.preview-tools fieldset fieldset{align-items:center;border-radius:0;border-width:0 0 0 1px;box-shadow:none;flex-direction:row;padding:.25em 0 .25em .5em}.preview-tools :where(button,input,select):disabled{cursor:not-allowed}.preview-tools :where(input,select):disabled{filter:grayscale(1);opacity:.5}.preview-tools [name*=toggle]{border:none;color:var(--pt-color-border)}.preview-tools [name=toggle-show]{background-color:var(--pt-canvas-background-color);transition-delay:var(--pt-transition-delay);transition-duration:var(--pt-transition-duration);transition-property:var(--pt-transition-property)}.preview-tools [type=text]{cursor:text;max-width:fit-content;width:0}.preview-tools__group-button:checked{background-color:var(--pt-color-accent);box-shadow:transparent var(--pt-shadow-pointer),var(--pt-color-accent) var(--pt-shadow-border);color:var(--pt-color-inverse)}.preview-tools__hidden .preview-tools__toggle-show{opacity:1;transform:translate(0);transition-delay:var(--pt-time-m),var(--pt-time-m);transition-duration:var(--pt-time-s),var(--pt-time-s)}.preview-tools__hidden [class*=preview-tools__toggle]{pointer-events:auto}form:hover .preview-tools__toggle-hide{opacity:1;transform:translate(0);transition-delay:var(--pt-time-xl),var(--pt-time-xl);transition-duration:var(--pt-time-s),var(--pt-time-s)}.preview-tools :where(select,[type=text]):focus{box-shadow:transparent var(--pt-shadow-pointer),var(--pt-color-border) var(--pt-shadow-border),var(--pt-shadow-focus);outline:none}.preview-tools :where(button,input,select):not(:disabled):not([type=text]){cursor:pointer}.preview-tools :where(input,select):active:not(:disabled){box-shadow:var(--pt-color-active) var(--pt-shadow-pointer),var(--pt-color-border) var(--pt-shadow-border)}.preview-tools :where(input,select):hover:not(:disabled){box-shadow:var(--pt-color-hover) var(--pt-shadow-pointer),var(--pt-color-border) var(--pt-shadow-border)}.preview-tools [name*=toggle]:hover{background-color:revert;color:revert}.preview-tools [type=checkbox]:not(.preview-tools__group-button){height:1.5em;width:1.5em}.preview-tools.preview-tools__hidden .preview-tools__toggle-hide{opacity:0;transform:translate(2rem);transition-duration:var(--pt-time-s),var(--pt-time-s)}.preview-tools__toggle-hide:hover:not(:disabled){transition-delay:var(--pt-time-0),var(--pt-time-0);transition-duration:var(--pt-time-xs),var(--pt-time-xs)}.preview-tools__group-button:checked:active:not(:disabled){background-color:var(--pt-color-accent);box-shadow:var(--pt-color-active) var(--pt-shadow-pointer),var(--pt-color-accent) var(--pt-shadow-border)}.preview-tools__group-button:checked:hover:not(:active):not(:disabled){background-color:var(--pt-color-accent);box-shadow:var(--pt-color-hover) var(--pt-shadow-pointer),var(--pt-color-accent) var(--pt-shadow-border)}