.DokaButton{white-space:nowrap;-webkit-tap-highlight-color:transparent;cursor:var(--button-cursor);flex-shrink:0}.DokaButton>span{vertical-align:top;align-items:center;display:inline-flex}.DokaButton svg+.DokaButtonLabel{margin-left:.5em}.DokaButton[disabled]{cursor:default}.DokaCanvas canvas{width:100%;height:100%;display:block;position:absolute}.DokaColorPickerPanel{touch-action:none;max-width:14em;padding:.5em;overflow:visible}.DokaColorPickerPanel .DokaColorPickerButton{outline:#0000}.DokaColorPickerPanel .DokaColorPickerButton[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--color-foreground-70)}.DokaColorPickerPanel .DokaColorPreview{border-radius:.25em;width:1.25em;height:1.25em}.DokaColorPickerPanel .DokaColorPreview span{border-radius:.2em;box-shadow:inset 0 0 0 1px #00000040}.DokaColorPickerPanel .DokaColorPresets legend{color:#777;margin:0 0 .25em .3125em;font-size:.75em}.DokaColorPickerPanel .DokaColorPresetsGrid .DokaRadioGroupOptions{flex-flow:wrap;display:flex}.DokaColorPickerPanel .DokaColorPresetsGrid .DokaDropdownOption{padding:.25em;display:block}.DokaColorPickerPanel .DokaColorPresetsGrid .DokaDropdownOption label,.DokaColorPickerPanel .DokaColorPresetsGrid .DokaDropdownOption label span{cursor:var(--button-cursor);display:block}.DokaColorPickerPanel .DokaColorPresetsGrid input[data-focus-visible]+label .DokaColorPreview:after{border-radius:inherit;pointer-events:none;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);position:absolute;inset:-.3125em}.DokaColorPickerPanel .DokaPicker{width:100%;padding-bottom:.5em}.DokaColorPickerPanel .DokaPicker .DokaPickerKnob,.DokaColorPickerPanel .DokaPicker .DokaSliderKnob{border-radius:9999em;box-shadow:inset 0 .06125em .06125em #0000001a,0 0 0 .125em #fff,0 .1875em .25em #00000059,0 -.125em .25em #0000001a}.DokaColorPickerPanel .DokaPicker .DokaPickerKnob{pointer-events:none;z-index:1;visibility:visible;outline:none;width:1.25em;height:1.25em;margin-top:-.625em;margin-left:-.625em;position:absolute;top:0;left:0}.DokaColorPickerPanel .DokaPicker .DokaPickerKnob[data-focus-visible]:after{border-radius:inherit;pointer-events:none;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);position:absolute;inset:-.3125em}.DokaColorPickerPanel .DokaPicker .DokaPickerKnobController{visibility:hidden;position:absolute;inset:0}.DokaColorPickerPanel .DokaPicker .DokaSaturationPicker{border-radius:var(--border-radius) var(--border-radius) 0 0;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);height:7em;margin:-.5em -.5em .5em;position:relative}.DokaColorPickerPanel .DokaPicker .DokaHuePicker .DokaSliderTrack{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.DokaColorPickerPanel .DokaPicker .DokaOpacityPicker .DokaSliderTrack:before{content:"";z-index:-1;border-radius:inherit;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E");width:100%;height:100%;display:block;position:absolute;top:0;left:0}.DokaColorPickerPanel .DokaPicker .DokaOpacityPicker{margin-top:.5em}.DokaColorPreview{--color:transparent;color:var(--color);pointer-events:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E");position:relative}.DokaColorPreview span{background-color:var(--color);border-radius:inherit;position:absolute;inset:0}.DokaDetailsPanel{z-index:2147483647;cursor:auto;border-radius:var(--border-radius);color:#111;background:#fff;outline:#0000;width:max-content;position:absolute;top:0;left:0;box-shadow:0 .125em .25em #00000040,0 .125em .75em #00000026,0 .125em .125em #0000001a}.DokaDragButton{cursor:var(--button-cursor);outline:#0000}.DokaDragButton>*{pointer-events:none}.DokaDragButton{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:#0000;transition:filter .2s ease-out}.DokaDragButton[disabled]{filter:var(--filter-disabled)}.DokaDropdownPanel .DokaDropdownOption{border-radius:inherit;transition:background-color .1s}.DokaDropdownPanel .DokaDropdownOption label{border-radius:inherit;white-space:nowrap;margin:0;display:block}.DokaDropdownPanel .DokaDropdownOption svg{min-width:1.5em;margin-left:-.5em;margin-right:.25em}.DokaDropdownPanel .DokaDropdownOption [slot]{align-items:center;padding:.325em .75em;display:flex}.DokaDropdownPanel .DokaDropdownOptionLabel{margin-left:-.325em;padding:0 .325em;font-size:.75em;line-height:1.75}.DokaDropdownPanel .DokaDropdownOptionGroup>span{text-transform:uppercase;color:#000000bf;padding:.75em 1em;font-size:.75em;display:block}.DokaDropdownPanel [data-disabled=true]{color:#999}.DokaDropdownPanel [data-selected=false]:not([data-disabled=true]):hover{background-color:#00000026}.DokaDropdownPanel [data-selected=true]{color:#fff;background:#000}.DokaDropdownPanel [data-focus-visible]+label .DokaDropdownOptionLabel{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.DokaDropdownOption label{margin:0}.DokaInputForm{opacity:0;cursor:auto;z-index:2147483647}.DokaInputForm:not([data-layout=stick]){width:30em;box-shadow:0 .25em .5em -.5em #000000bf,inset 0 0 0 1px var(--color-foreground-10);border-radius:var(--border-radius);background-color:var(--color-background-95);position:absolute;bottom:6.5em;left:calc(50% - 15em)}@media (max-width:34em){.DokaInputForm:not([data-layout=stick]){width:auto;left:2em;right:2em}}.DokaInputForm[data-layout=stick]{outline:1px solid var(--color-foreground-15);background-color:var(--color-background-100);transition:opacity .15s .25s;position:absolute;left:0;right:0}.DokaInputForm[data-layout=stick]>.DokaInputFormInner{background-color:var(--color-foreground-3)}.DokaInputFormInner>.DokaButton{color:var(--color-foreground-100);box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:9999em}.DokaInputFormInner>.DokaButton:first-of-type{left:1rem}.DokaInputFormInner>.DokaButton:last-of-type{color:var(--color-primary-text);background:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-10);right:1rem}.DokaInputFormInner>.DokaButton:not(.DokaButtonIconOnly) .DokaButtonInner{padding:0 .875em 0 .625em}.DokaInputFormInner>.DokaButton .DokaButtonIcon{width:.875em;height:.875em}.DokaInputFormInner>.DokaButton.DokaButtonIconOnly{width:1.875em;height:1.875em}.DokaInputFormInner>.DokaButton .DokaButtonLabel{font-size:.875em}.DokaInputFormInner>.DokaButton .DokaButtonInner{justify-content:center;line-height:2;display:flex}.DokaInputFormInner{padding-bottom:3.5em}.DokaInputFormInner>.DokaButton{position:absolute;bottom:1rem}.DokaInputFormFields textarea:only-child{background:0 0;width:100%;height:5rem;padding:1rem 1rem .5rem;display:block}.DokaInputForm input,.DokaInputForm textarea{box-sizing:border-box;resize:none;color:var(--color-foreground-100);border:none;outline:#0000;font-size:1rem}.DokaInputForm input{background-color:var(--color-background-100)}.DokaPanel{z-index:1;contain:layout size;flex-direction:column;flex:1;height:100%;display:flex;position:relative}.DokaProgressIndicator{width:1.25em;height:1.25em;display:block;position:relative}.DokaProgressIndicator .DokaProgressIndicatorFill{stroke-dashoffset:0}.DokaProgressIndicator[data-status=busy] svg{animation:1s linear infinite doka_spin}.DokaProgressIndicator[data-status=busy] .DokaProgressIndicatorFill{stroke-dashoffset:-26.5px;stroke-dasharray:26.5 53;transition:stroke-dashoffset .5s linear,stroke-dasharray .5s linear}@keyframes doka_spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.DokaRoot[data-env~=is-ios] .DokaProgressIndicator svg{transform-origin:49% 49%}}.DokaRadioGroup .DokaRadioGroupOptions{flex-direction:column;display:flex}.DokaRadioGroup .DokaRadioGroupOptionGroup+.DokaRadioGroupOptionGroup{margin-top:.5em}.DokaRadioGroup[data-layout=row] .DokaRadioGroupOptions{flex-direction:row}.DokaRadioGroup label{-webkit-tap-highlight-color:transparent}.DokaRangeInput{touch-action:none;--range-input-feather-left:2em;--range-input-feather-right:2em;--range-input-mask-from:0%;--range-input-mask-to:100%;--range-input-mask-color:#00000040;--range-input-line-color:var(--color-foreground-15);outline:#0000;flex-direction:column;align-items:center;width:24em;max-width:90%;height:3.5em;margin:auto;display:flex;position:relative}.DokaRangeInput[data-focus-visible]:after{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";border-radius:.25em;height:2em;position:absolute;top:calc(50% - 1em);left:0;right:0}.DokaRangeInputInner{contain:strict;width:100%;height:100%;-webkit-mask:linear-gradient(90deg,transparent 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),transparent 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),transparent);-webkit-mask:linear-gradient(90deg,transparent 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),transparent 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),transparent);mask:linear-gradient(90deg,transparent 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),transparent 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),transparent);position:relative;overflow:hidden}.DokaRangeInputMeter{height:100%}.DokaRangeInput .DokaRangeInputMeter svg{pointer-events:none;fill:currentColor;display:block}.DokaRangeInput>.DokaRangeInputValue{z-index:1;pointer-events:none;contain:strict;text-align:center;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";width:3.5em;height:1.5em;font-family:Tahoma,Geneva,Verdana,sans-serif;font-size:.75em;position:absolute;top:calc(50% - .6875em);left:calc(50% - 1.75em);overflow:hidden}.DokaRangeInput>.DokaRangeInputReset{z-index:1;opacity:.35;width:2em;cursor:var(--button-cursor);outline:#0000;margin-top:.125em;padding:0;transition:opacity .25s;position:absolute;top:0;left:calc(50% - 1.0625em);overflow:hidden;color:#0000!important}.DokaRangeInput>.DokaRangeInputReset:hover{opacity:.5}.DokaRangeInput>.DokaRangeInputReset[data-focus-visible]{opacity:1}.DokaRangeInput>.DokaRangeInputReset[data-focus-visible]:before{content:"";pointer-events:none;z-index:2;background-color:var(--color-focus-50);width:1em;height:1em;box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em;position:absolute;top:calc(50% - .5em);left:calc(50% - .5em)}.DokaRangeInput>.DokaRangeInputReset[disabled]{opacity:.15}.DokaRangeInput>.DokaRangeInputReset:after{content:"";background:var(--color-foreground-100);width:1px;height:60%;position:absolute;top:20%;left:50%}.DokaRangeInputInner[data-value-limited] svg{-webkit-mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to));-webkit-mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to));mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to))}.DokaRangeInputInner[data-value-limited] svg rect{x:var(--range-mask-from);width:calc(var(--range-mask-to) - var(--range-mask-from));fill:var(--range-input-line-color)}.DokaRectManipulator{--size:1.25em;touch-action:none;outline:none;position:absolute;top:0;left:0}.DokaRectManipulator:not([data-shape=edge]){width:var(--size);height:var(--size);z-index:2}.DokaRectManipulator:not([data-shape=edge]):after{border-radius:inherit;content:"";position:absolute;inset:-.5em}.DokaRectManipulator:not([data-shape=edge])[data-focus-visible]:after{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.DokaRectManipulator[data-shape~=circle]{margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);background-color:var(--color-foreground-100);box-shadow:0 0 2px var(--color-background-50);border-radius:50%}.DokaRectManipulator[data-shape=hook]{border:3px solid var(--color-foreground-100)}.DokaRectManipulator[data-shape=hook][data-direction*=t]{border-bottom:0;margin-top:-3px}.DokaRectManipulator[data-shape=hook][data-direction*=r]{margin-left:calc(var(--size) * (-1));border-left:0}.DokaRectManipulator[data-shape=hook][data-direction*=b]{margin-top:calc(var(--size) * (-1));border-top:0}.DokaRectManipulator[data-shape=hook][data-direction*=l]{border-right:0;margin-left:-3px}.DokaRectManipulator[data-shape~=edge]{z-index:1;width:1px;height:1px}.DokaRectManipulator[data-shape~=edge][data-focus-visible]{background-color:var(--color-focus-50)}.DokaRectManipulator[data-direction=b],.DokaRectManipulator[data-direction=t]{cursor:ns-resize;height:var(--size);margin-top:calc(var(--size) * (-.5));transform-origin:0}.DokaRectManipulator[data-direction=l],.DokaRectManipulator[data-direction=r]{cursor:ew-resize;width:var(--size);margin-left:calc(var(--size) * (-.5));transform-origin:50% 0}.DokaRectManipulator[data-direction=bl],.DokaRectManipulator[data-direction=tr]{cursor:nesw-resize}.DokaRectManipulator[data-direction=br],.DokaRectManipulator[data-direction=tl]{cursor:nwse-resize}.DokaRoot[data-env~=pointer-coarse] .DokaRectManipulator[data-shape=edge]:active{background-color:var(--color-foreground-5)}.DokaRoot[data-env~=pointer-coarse] .DokaRectManipulator:not([data-shape=edge]):after{inset:-1em}.DokaRoot[data-env~=pointer-coarse] .DokaRectManipulator:not([data-shape=edge]):active:after{background-color:var(--color-foreground-5)}.DokaScrollable{--scrollable-feather-start-opacity:0;--scrollable-feather-end-opacity:0;--scrollable-feather-size:2em;contain:paint;overflow:hidden}.DokaScrollable:focus{outline:#0000}.DokaScrollable>div{vertical-align:top;display:inline-flex;position:relative}.DokaScrollable{touch-action:none}.DokaScrollable[data-direction=x]{--mask-angle:90deg;max-width:100%}.DokaScrollable[data-direction=y]{--mask-angle:180deg;max-height:100%}.DokaScrollable[data-state~=overflows]{-webkit-mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)));-webkit-mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)));mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)))}.DokaScrollable[data-state~=scrolling]>div *,.DokaShapeList{pointer-events:none}.DokaShapeList{opacity:0;z-index:1;border-radius:var(--border-radius);width:max-content;color:var(--color-foreground-100);background:var(--color-background-70);box-shadow:0 0 0 1px var(--color-foreground-5);transition:opacity .1s ease-in-out;position:absolute;top:1em;left:1em}.DokaShapeList li+li{margin-top:-.3125em}.DokaShapeList[data-visible=true]{opacity:1}.DokaShapeList .DokaColorPreview{border-radius:.25em;width:.75em;height:.75em;margin-right:.25em}.DokaShapeList .DokaShapeListItem{outline:none;align-items:center;padding:.25em .5em;display:flex}.DokaShapeList .DokaShapeListItem>span{margin-left:-.325em;padding:0 .325em;font-size:.75em;line-height:1.75}.DokaShapeList .DokaShapeListItem[data-focus-visible]>span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.DokaShapeList[data-visible=true] .DokaShapeListItem{pointer-events:all}.DokaShapeEditor{touch-action:none;outline:none;width:100%;height:100%}.DokaShapeControls{z-index:3;pointer-events:none;align-items:center;display:flex;top:0;left:0;position:absolute!important}.DokaShapeControlsGroup{color:#eee;pointer-events:all;background:#333;border-radius:.25em;min-height:1.75em;display:inline-flex;box-shadow:0 .125em .25em #00000040}.DokaShapeControlsGroup+.DokaShapeControlsGroup{margin-left:.5em}.DokaShapeControlsGroup .DokaButton{outline:#0000}.DokaShapeControlsGroup .DokaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.DokaShapeControlsGroup>.DokaButton .DokaButtonLabel{outline:#0000;padding:0 .75em;font-size:.75em;line-height:2.4;transition:background-color .1s;display:block}.DokaShapeControlsGroup>.DokaButton .DokaButtonLabel:hover{background-color:#ffffff26}.DokaShapeControlsGroup .DokaButtonIconOnly{width:1.75em;transition:background-color .1s}.DokaShapeControlsGroup .DokaButtonIconOnly:hover{background-color:#ffffff26}.DokaShapeControlsGroup>button:first-of-type{border-radius:.25em 0 0 .25em}.DokaShapeControlsGroup>button:last-of-type{border-radius:0 .25em .25em 0}.DokaShapeControlsGroup>*+*{border-left:1px solid #00000080}.DokaShapeControlsGroup svg{pointer-events:none}.DokaShapeManipulator{touch-action:none;--size:.75em;outline:none;position:absolute;top:0;left:0}.DokaShapeManipulator:not([data-control=edge]){margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);width:var(--size);height:var(--size);border-radius:9999em}.DokaShapeManipulator:not([data-control=edge]):after{content:"";position:absolute;inset:-.5em}.DokaShapeManipulator:not([data-control=edge])[data-focus-visible]:after{border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.DokaShapeManipulator[data-control=corner]{background:linear-gradient(90deg,var(--color-secondary-dark),var(--color-secondary));z-index:3;box-shadow:0 0 0 2px #fff,0 0 4px #000}.DokaShapeManipulator[data-control=edge]{margin-top:calc(var(--size) * (-.5));height:var(--size);z-index:1;width:1px;transform-origin:0 calc(var(--size) * .5)}.DokaShapeManipulator[data-control=edge][data-focus-visible]{background-color:var(--color-focus-50)}.DokaShapeManipulator[data-control=rotate]{box-shadow:0 0 0 2px var(--color-secondary-dark),0 0 4px #000;z-index:2;cursor:move;background:linear-gradient(90deg,#fff,#ddd);border-radius:9999em}.DokaShapePresetSelect{text-align:center;flex-shrink:0;margin-right:1em;line-height:1.875;position:relative;overflow:hidden}.DokaShapePresetSelect label{pointer-events:none;white-space:nowrap;border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor);justify-content:center;align-items:center;padding:.25em .75em;transition:background-color .25s ease-out,color .25s ease-out;display:flex}.DokaShapePresetSelect label svg{width:.75em;margin-right:.325em}.DokaShapePresetSelect span{font-size:.6875em;font-weight:400}.DokaShapePresetSelect input{opacity:0;z-index:1;width:100%;height:100%;cursor:var(--button-cursor);border:none;margin:0;padding:0;font-size:100px;position:absolute;top:0;left:0}.DokaShapePresetSelect input:focus+label,.DokaShapePresetSelect input:hover+label{background-color:var(--color-foreground-10)}.DokaShapePresetsList{align-items:center;display:flex}.DokaShapePresetsList .DokaShapePreset{justify-content:center;align-items:center;display:flex}.DokaShapePresetsList .DokaShapePreset img,.DokaShapePresetsList .DokaShapePreset svg{width:1.75em;height:1.75em;display:block}.DokaShapePresetsList .DokaShapePreset .DokaDragButton{border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--color-foreground-5);padding:.3125em}.DokaShapePresetsList .DokaShapePreset .DokaDragButton:hover{background-color:var(--color-foreground-10)}.DokaShapePresetsList .DokaShapePreset+.DokaShapePreset{margin-left:.5em}.DokaShapePresetsPalette{width:100%}.DokaShapePresetsPalette .DokaScrollable:not([data-state~=overflows]){justify-content:center;display:flex}.DokaShapePresetsGroups{order:2;margin-bottom:-.1875em;display:flex}.DokaShapePresetsGrouped{flex-direction:column;align-items:center;display:flex}.DokaShapePresetsFlat{justify-content:center;align-items:center;display:flex}.DokaShapeStyleEditor{width:100%;min-height:2.75em;position:relative}.DokaShapeStyles{position:absolute;top:0;left:0;right:0}.DokaShapeStyles:not([data-state~=overflows]){justify-content:center;display:flex}.DokaShapeStyleList{display:flex}.DokaShapeStyleList .DokaButton,.DokaShapeStyleList .DokaInput{outline:#0000}.DokaShapeStyleList .DokaInput{padding:0 0 0 .625em;font-size:.75em;line-height:2.25}.DokaShapeStyleList .DokaShapeStyleLabel{text-transform:lowercase;pointer-events:none;text-align:center;color:var(--color-foreground-50);white-space:nowrap;padding:0 .75em;font-size:.625em;font-weight:300;line-height:1.75}.DokaShapeStyleList>.DokaShapeStyle{border-radius:var(--border-radius-round)}.DokaShapeStyleList>.DokaShapeStyle+.DokaShapeStyle{margin-left:1em}.DokaShapeStyle{flex-direction:column;align-items:stretch;display:flex}.DokaShapeStyle .DokaDetailsButton{border-radius:inherit}.DokaShapeStyle>.DokaButton:hover,.DokaShapeStyle>.DokaButton[data-focus-visible]{z-index:1;position:relative}.DokaShapeStyle>.DokaColorPickerButton .DokaButtonLabel{border-radius:inherit;display:block}.DokaShapeStyle>.DokaColorPickerButton{justify-content:center;display:flex}.DokaShapeStyle .DokaColorPreview{border-radius:inherit;border:1px solid var(--color-background-100);background-color:#fff;background-size:4px;width:1.5em;height:1.5em;margin-top:-1px}.DokaShapeStyle .DokaColorPreview span{border-radius:inherit}.DokaShapeStyle [data-focus-visible] .DokaColorPreview span:before{border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";z-index:1;position:absolute;inset:0}.DokaShapeStyle>.DokaColorPickerButtonStroke .DokaColorPreview span:after{background:var(--color-background-100);border-radius:inherit;content:"";position:absolute;inset:6px}.DokaShapeStyle>.DokaDropdownButton .DokaButtonLabel,.DokaShapeStyle>.DokaRadioGroup .DokaButtonLabel,.DokaShapeStyle>.DokaRadioGroupOption label{padding:0 1em;font-size:.6875em;line-height:2.25;display:block}.DokaShapeStyle>.DokaButton:not(.DokaColorPickerButton)[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.DokaShapeStyle>.DokaDropdownButton{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color .1s}.DokaShapeStyle>.DokaDropdownButton:hover{background-color:var(--color-foreground-10)}.DokaShapeStyle>.DokaDropdownButton .DokaButtonLabel:after{content:"▼";pointer-events:none;margin-left:.75em;margin-right:-.25em;font-size:.6875em;position:relative;top:-.125em}.DokaShapeStyle>.DokaRadioGroup>.DokaRadioGroupOptions{flex-direction:row}.DokaShapeStyle>.DokaRadioGroup>.DokaRadioGroupOptions label{cursor:var(--button-cursor);height:1.5em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);align-items:center;padding:0 .25em;transition:background-color .1s;display:flex}.DokaShapeStyle>.DokaRadioGroup>.DokaRadioGroupOptions label:hover{background-color:var(--color-foreground-20)}.DokaShapeStyle>.DokaRadioGroup>.DokaRadioGroupOptions svg{width:1.125em;height:1.125em}.DokaShapeStyle>.DokaRadioGroup>.DokaRadioGroupOptions .DokaRadioGroupOption:first-of-type label{border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round);padding-left:.5em}.DokaShapeStyle>.DokaRadioGroup>.DokaRadioGroupOptions .DokaRadioGroupOption:last-of-type label{border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round);padding-right:.5em}.DokaShapeStyle>.DokaRadioGroup>.DokaRadioGroupOptions [data-selected=true] label{background-color:var(--color-foreground-10)}.DokaSlider{position:relative}.DokaSlider .DokaSliderKnob{pointer-events:none;background-color:var(--color-background-50);visibility:visible;border-radius:9999em;width:1em;height:1em;margin-top:-.5em;margin-left:-.5em;position:absolute;top:50%;left:0}.DokaSlider .DokaSliderKnobController,.DokaSlider .DokaSliderTrack{pointer-events:none;position:absolute;inset:.5em}.DokaSlider .DokaSliderKnobController{visibility:hidden}.DokaSlider .DokaSliderTrack{border-radius:9999em}.DokaSlider input[type=range]{-webkit-appearance:none;width:calc(100% - 1em);height:1.5em;margin-left:.5em;display:block}.DokaSlider input[type=range]::-webkit-slider-runnable-track{background:0 0}.DokaSlider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;margin:0;padding:0;line-height:0}.DokaSlider input[type=range]::-moz-range-thumb{border:none;margin:0;padding:0;line-height:0}.DokaSlider input[type=range]::-ms-thumb{border:none;margin:0;padding:0;line-height:0}.DokaSlider input[type=range]::-ms-ticks-before{display:none}.DokaSlider input[type=range]::-ms-tooltip{display:none}.DokaSlider input[type=range]::-ms-ticks-after{display:none}.DokaSlider input[type=range]::-ms-track{color:#0000;background:0 0;border:none}.DokaSlider input[type=range]::-ms-fill-lower{background:0 0}.DokaSlider input[type=range]::-ms-fill-upper{background:0 0}.DokaSlider input[type=range]:focus{outline:#0000}.DokaSlider input[type=range][data-focus-visible]~.DokaSliderKnobController .DokaSliderKnob:after{border-radius:inherit;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);pointer-events:none;position:absolute;inset:-.3125em}.DokaTabList{justify-content:center;display:flex}.DokaTabList [role=tab]{cursor:var(--button-cursor);-webkit-tap-highlight-color:transparent;outline:#0000;flex-direction:column;align-items:center;display:flex}.DokaTabList [role=tab]>*{transition:filter .2s ease-out}.DokaTabList [role=tab][disabled]>*{filter:var(--filter-disabled)}.DokaTabPanels{flex:1;position:relative}.DokaTabPanel{width:100%;height:100%;position:absolute;top:0;left:0}.DokaTabPanel:not([hidden]){z-index:2;outline:#0000}.DokaTabPanel[hidden]{z-index:1;pointer-events:none;display:block!important}.DokaTabPanel[data-inert=true]{visibility:hidden}.DokaTabPanel[data-inert=true] [data-inert]{visibility:hidden!important}.DokaToolbar{justify-content:center;margin-left:1em;margin-right:1em;padding-top:1em;display:flex}.DokaToolbar .DokaToolbarInner{display:inline-flex}.DokaToolbar[data-layout=compact] .DokaToolbarContentWide,.DokaToolbar[data-overflow=overflow] .DokaToolbarContentOptional{display:none}.DokaToolbar .DokaButton{border-radius:var(--border-radius-round);outline:#0000;padding:.3125em .75em;transition:background-color .1s ease-out,color .1s ease-out,box-shadow .1s ease-out}.DokaToolbar .DokaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.DokaToolbar .DokaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.DokaToolbar .DokaButton svg{width:1em}.DokaToolbar .DokaButtonLabel{font-size:.75em}.DokaToolbar .DokaDetailsPanel{z-index:3}.DokaToolbar .DokaToolbarInner>*{margin:0 .5em}.DokaUtilMain{min-height:1px;padding:1em}.DokaUtilMain,.DokaUtilMain>[slot]{flex-direction:column;flex:1;display:flex}.DokaUtilMain>[slot]{align-items:center}.DokaUtilFooter{padding:0 0 1em}.DokaUtilFooter>[slot]:empty{height:1em}.DokaUtilFooter>[slot]{flex-direction:column;justify-content:stretch;align-items:center;display:flex}.DokaUtilFooter .DokaRangeInput{margin-top:-.25em}.DokaUtilFooter>[slot]>.DokaControlList,.DokaUtilFooter>[slot]>.DokaControlListScroller{order:1;margin-bottom:-.1875em}.DokaUtilFooter .DokaControlList .DokaControlListOption label,.DokaUtilFooter .DokaControlList [role=tab]{border-radius:var(--border-radius-round);min-height:1.75em;box-shadow:inset 0 0 0 1px var(--color-foreground-0);cursor:var(--button-cursor);flex-direction:row;padding:0 .75em;line-height:1;transition:background-color .1s ease-out,color .1s ease-out,filter .2s ease-out}.DokaUtilFooter .DokaControlList .DokaControlListOption label span,.DokaUtilFooter .DokaControlList [role=tab] span{font-size:.75em;font-weight:400}.DokaUtilFooter .DokaControlList .DokaControlListOption label svg,.DokaUtilFooter .DokaControlList [role=tab] svg{width:.875em;font-size:.875em}.DokaUtilFooter .DokaControlList .DokaControlListOption label svg:not(:only-child),.DokaUtilFooter .DokaControlList [role=tab] svg:not(:only-child){margin-left:-.25em;margin-right:.375em}.DokaUtilFooter .DokaControlList .DokaControlListOption label[aria-selected=true],.DokaUtilFooter .DokaControlList [role=tab][aria-selected=true]{-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark);background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.DokaUtilFooter .DokaControlList .DokaControlListOption label:hover,.DokaUtilFooter .DokaControlList [role=tab]:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.DokaUtilFooter .DokaControlList .DokaControlListOption label[data-focus-visible],.DokaUtilFooter .DokaControlList [role=tab][data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.DokaUtilFooter .DokaControlListOption [slot],.DokaUtilFooter .DokaControlListOption label{flex-direction:row;align-items:center;display:flex}.DokaUtilFooter .DokaControlListOption[data-selected=true] label{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.DokaUtilFooter .DokaControlListOption input[data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.DokaUtilFooter .DokaControlListOption input[disabled]+label{filter:var(--filter-disabled)}.DokaUtilFooter .DokaControlList .DokaControlListOption+.DokaControlListOption,.DokaUtilFooter .DokaControlList>li+li{margin-left:.5em}.DokaUtilFooter .DokaControlPanels{flex:auto;width:100%;max-width:30em;min-height:3.375em;margin:0 auto;position:relative}.DokaUtilFooter .DokaControlPanel{visibility:visible;opacity:1;width:100%;height:100%;transition:opacity .3s ease-in-out .1s,visibility .3s linear .1s;position:absolute;top:0;left:0}.DokaUtilFooter .DokaControlPanel[hidden]{visibility:hidden;pointer-events:none;opacity:0;transition-delay:0s;display:block!important}.DokaUtilFooter .DokaControlList[data-layout=compact]>*+*{margin-left:-1px}.DokaUtilFooter .DokaControlList[data-layout=compact]>* [role=tab]{box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:0;padding-left:.625em;padding-right:.625em}.DokaUtilFooter .DokaControlList[data-layout=compact]>:only-child [role=tab]{border-radius:var(--border-radius-round)}.DokaUtilFooter .DokaControlList[data-layout=compact]>:first-child:not(:only-child) [role=tab]{border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round);padding-left:.75em}.DokaUtilFooter .DokaControlList[data-layout=compact]>:last-child:not(:only-child) [role=tab]{border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round);padding-right:.75em}.DokaRoot[data-env~=overlay] .DokaUtilFooter{margin-bottom:2em}.DokaRoot[data-env~=overlay] .DokaUtilFooter .DokaRangeInput{background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em #00000040,0 .125em .35em #00000059;margin-top:0}.doka-image-editor,doka-image-editor{--color-primary:#ffd843;--color-primary-dark:#ffc343;--color-primary-text:#000;--color-secondary:#03a9f4;--color-secondary-dark:#046bbf;--color-focus:4,107,191;--color-focus-100:rgba(var(--color-focus),1);--color-focus-50:rgba(var(--color-focus),.5);--color-focus-25:rgba(var(--color-focus),.25);--color-foreground:0,0,0;--color-background:255,255,255;--color-foreground-100:rgba(var(--color-foreground),1);--color-foreground-95:rgba(var(--color-foreground),.95);--color-foreground-90:rgba(var(--color-foreground),.9);--color-foreground-80:rgba(var(--color-foreground),.8);--color-foreground-70:rgba(var(--color-foreground),.7);--color-foreground-60:rgba(var(--color-foreground),.6);--color-foreground-50:rgba(var(--color-foreground),.5);--color-foreground-40:rgba(var(--color-foreground),.4);--color-foreground-30:rgba(var(--color-foreground),.3);--color-foreground-20:rgba(var(--color-foreground),.25);--color-foreground-15:rgba(var(--color-foreground),.2);--color-foreground-10:rgba(var(--color-foreground),.15);--color-foreground-5:rgba(var(--color-foreground),.075);--color-foreground-3:rgba(var(--color-foreground),.05);--color-foreground-0:rgba(var(--color-foreground),0);--color-background-100:rgba(var(--color-background),1);--color-background-95:rgba(var(--color-background),.95);--color-background-90:rgba(var(--color-background),.9);--color-background-80:rgba(var(--color-background),.8);--color-background-70:rgba(var(--color-background),.7);--color-background-60:rgba(var(--color-background),.6);--color-background-50:rgba(var(--color-background),.5);--color-background-40:rgba(var(--color-background),.4);--color-background-30:rgba(var(--color-background),.3);--color-background-20:rgba(var(--color-background),.2);--color-background-15:rgba(var(--color-background),.15);--color-background-10:rgba(var(--color-background),.1);--color-background-5:rgba(var(--color-background),.05);--color-background-3:rgba(var(--color-background),.03);--color-background-0:rgba(var(--color-background),0);--button-cursor:pointer;--font-size:16px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--backdrop-filter-bright:brightness(110%) saturate(180%) blur(10px);--backdrop-filter-dark:brightness(90%) saturate(180%) blur(10px);--border-radius-round:9999em;--border-radius:.625em;--filter-disabled:grayscale(95%) opacity(40%);--editor-inset-top:0px;--editor-inset-bottom:0px;--editor-height:100%}.doka-image-editor,.DokaRootWrapper,doka-image-editor{display:block}.DokaRootWrapper{height:100%}.DokaRoot{--nav-group-margin:.5em;height:var(--editor-height);padding-top:calc(var(--safe-area-inset-top) + var(--editor-inset-top));padding-bottom:calc(var(--safe-area-inset-bottom) + var(--editor-inset-bottom));max-width:var(--editor-max-width,none);max-height:var(--editor-max-height,none);box-sizing:border-box;contain:strict;-webkit-user-select:none;user-select:none;line-height:normal;font-size:var(--font-size);font-family:var(--font-family);touch-action:manipulation;text-align:left;text-transform:none;text-rendering:optimizelegibility;color:var(--color-foreground-90);background-color:var(--color-background-100);direction:ltr;font-weight:450;transition:background-color 1ms,color .15s ease-in-out;display:grid;position:relative;overflow:hidden}.DokaRoot *{box-sizing:content-box}.DokaRoot button,.DokaRoot fieldset,.DokaRoot input,.DokaRoot legend{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background:0 0;border:none;width:auto;margin:0;padding:0}.DokaRoot button[disabled]{pointer-events:none}.DokaRoot canvas{display:block}.DokaRoot svg{width:auto;height:auto;display:inline-block}.DokaRoot p{margin:0}.DokaRoot li,.DokaRoot ul{margin:0;padding:0;list-style:none}.DokaRoot a{color:inherit;text-decoration:none}.DokaRoot .implicit{clip:rect(0 0 0 0);clip-path:polygon(0 0,0 0,0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.DokaRoot .DokaStage{flex:1;align-self:stretch;display:flex}.DokaRoot .DokaStage[tabindex="-1"]{outline:none}.DokaRoot .DokaRootPortal{position:absolute;top:0;left:0}.DokaRoot>.DokaCanvas{z-index:0;pointer-events:none}.DokaRoot>.DokaCanvas,.DokaRoot>.DokaStatus{width:100%;height:100%;position:absolute;top:0;left:0}.DokaRoot>.DokaStatus{z-index:99999;background-color:var(--color-background-90);justify-content:center;align-items:flex-start;display:flex}.DokaRoot>.DokaStatus>p{white-space:nowrap;align-items:center;transition:opacity .5s ease-out;display:inline-flex;position:absolute;top:50%;left:50%}.DokaRoot>.DokaStatus .DokaStatusButton,.DokaRoot>.DokaStatus .DokaStatusIcon{position:absolute}.DokaRoot>.DokaStatus .DokaStatusButton svg,.DokaRoot>.DokaStatus .DokaStatusIcon svg{width:1.25em;height:1.25em}.DokaRoot>.DokaStatus .DokaStatusIcon svg{margin-top:.25em;margin-left:.5em;font-size:.875em}.DokaRoot>.DokaStatus .DokaStatusButton .DokaButton{border-radius:var(--border-radius-round);background-color:var(--color-foreground-5);outline:#0000;margin-left:.75em;padding:.25em;font-size:.875em;transition:background-color .1s ease-out,color .1s ease-out}.DokaRoot>.DokaStatus .DokaStatusButton .DokaButton:not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.DokaRoot>.DokaStatus .DokaStatusButton .DokaButton:not([disabled]):hover{background-color:var(--color-foreground-10)}.DokaRoot>.DokaStatus .DokaStatusMessage{font-size:.875em;position:absolute}.DokaRoot>.DokaStatus .DokaStatusProgress{position:absolute;left:0}.DokaRoot>.DokaStatus .DokaProgressIndicator{margin-left:.5em}.DokaRoot>.DokaNav{z-index:3;position:relative}.DokaRoot>.DokaNav:empty(){display:none!important}.DokaRoot>.DokaNav .DokaButton{outline:#0000;transition:background-color .1s ease-out,color .1s ease-out}.DokaRoot>.DokaNav .DokaButton svg{width:1em;transition:opacity .1s ease-out}.DokaRoot>.DokaNav .DokaButton>span{justify-content:center}.DokaRoot>.DokaNav .DokaButtonIconOnly .DokaButtonInner,.DokaRoot>.DokaNav .DokaDropdownIconOnly .DokaButtonInner{width:1.75em;height:1.75em}.DokaRoot>.DokaNav .DokaButton[disabled] svg{opacity:.25}.DokaRoot>.DokaNav .DokaButton:not(.DokaButtonExport):not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.DokaRoot>.DokaNav .DokaButton:not(.DokaButtonExport):not([disabled]):hover{background-color:var(--color-foreground-10)}.DokaRoot .DokaButtonExport{color:var(--color-primary-text);background-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.DokaRoot .DokaButtonExport:hover{background-color:var(--color-primary-dark)}.DokaRoot .DokaButtonExport[data-focus-visible]{color:var(--color-primary-text);background-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-5),0 0 0 3px var(--color-focus-50);background-color:var(--color-primary-dark)}.DokaRoot .DokaButtonExport:not(.DokaButtonIconOnly){flex:1;padding:0 .75em}.DokaRoot .DokaButtonExport:not(.DokaButtonIconOnly) .DokaButtonLabel{line-height:2.25}.DokaRoot .DokaButtonExport:not(.DokaButtonIconOnly) .DokaButtonInner{font-size:.75em}.DokaRoot>.DokaNavMain{display:flex;overflow:hidden}.DokaRoot>.DokaNavMain [role=tab] svg{align-self:center;width:1.5em}.DokaRoot>.DokaNavMain [role=tab] span,.DokaRoot>.DokaNavMain [role=tab] svg{pointer-events:none}.DokaRoot>.DokaNavMain [role=tab] svg+span{margin-top:.75em}.DokaRoot>.DokaNavMain [role=tab] span{font-size:.875em}.DokaRoot>.DokaNavMain [role=tab]{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color .1s ease-out,color .1s ease-out,box-shadow .1s ease-out}.DokaRoot>.DokaNavMain [role=tab]:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.DokaRoot>.DokaNavMain [role=tab][aria-selected=true]{-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark);background-color:var(--color-foreground-10)}.DokaRoot>.DokaNavMain [role=tab][data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.DokaRoot>.DokaNavTools{box-sizing:border-box;pointer-events:none;max-width:100%}.DokaRoot>.DokaNavTools:empty{display:none}.DokaRoot>.DokaNavTools,.DokaRoot>.DokaNavTools .DokaNavGroup,.DokaRoot>.DokaNavTools .DokaNavSet{justify-content:center;align-items:center;display:flex}.DokaRoot>.DokaNavTools .DokaButton,.DokaRoot>.DokaNavTools .DokaNavSet{pointer-events:all}.DokaRoot>.DokaNavTools .DokaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.DokaRoot .DokaNavGroup{margin:0 var(--nav-group-margin)}.DokaRoot .DokaNavGroup>*{border-radius:var(--border-radius-round)}.DokaRoot .DokaNavGroup>*+*{margin-left:.5em}.DokaRoot .DokaNavGroup:first-of-type{margin-left:0;margin-right:auto}.DokaRoot .DokaNavGroup:last-of-type{margin-left:auto;margin-right:0}.DokaRoot .DokaNavSet{box-shadow:inset 0 0 0 1px var(--color-foreground-5);background-color:var(--color-background-80)}.DokaRoot .DokaNavSet>:not(:only-child){border:1px solid var(--color-foreground-3);border-top:0;border-bottom:0}.DokaRoot .DokaNavSet>:first-child:not(:only-child){border-left:0}.DokaRoot .DokaNavSet>:last-child:not(:only-child){border-right:0}.DokaRoot .DokaNavSet>*+*{margin-left:-1px}.DokaRoot .DokaNavSet>.DokaButton:hover,.DokaRoot .DokaNavSet>.DokaButton[data-focus-visible]{z-index:1;position:relative}.DokaRoot .DokaNavSet>:only-child{border-radius:var(--border-radius-round)}.DokaRoot .DokaNavSet>:first-child:not(:only-child) .DokaButtonInner{padding:0 .125em 0 .25em}.DokaRoot .DokaNavSet>:first-child:not(:only-child){border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.DokaRoot .DokaNavSet>:last-child:not(:only-child) .DokaButtonInner{padding:0 .25em 0 .125em}.DokaRoot .DokaNavSet>:last-child:not(:only-child){border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.DokaRoot[data-env~=overlay] .DokaNavSet{background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em #00000040,0 .125em .35em #00000059}.DokaRoot[data-env~=overlay] .DokaNavSet .DokaButton:not(.DokaButtonExport):not([disabled]):hover,.DokaRoot[data-env~=overlay] .DokaNavSet>*{border-color:var(--color-background-15)}.DokaRoot[data-env~=overlay] .DokaNavGroup>.DokaButton{box-shadow:0 .0625em .125em #00000040,0 .125em .35em #00000059}.DokaRoot[data-env~=overlay] .DokaNavGroup .DokaButtonExport{box-shadow:inset 0 0 .125em #00000040,0 .0625em .125em #00000040,0 .125em .35em #00000059}.DokaRoot .DokaNavGroupFloat{pointer-events:none;position:absolute;left:0;right:0}.DokaRoot .DokaNavGroupFloat>*{pointer-events:all}.DokaRoot .DokaUtilFooter .DokaScrollable>div{padding-left:1em;padding-right:1em}.DokaRoot>.DokaMain{max-width:100vw}.DokaRoot:not([data-env~=has-toolbar]) .DokaUtilHeader{margin-bottom:-1em;padding-top:1em;padding-bottom:1em}.DokaRoot[data-env~=landscape]{grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;grid-template-columns:auto}.DokaRoot[data-env~=landscape]>.DokaNavTools{z-index:3;grid-area:1/1;padding:1em 1em 0}.DokaRoot[data-env~=landscape]>.DokaNavMain{left:1em;top:calc(1em + var(--editor-inset-top));bottom:calc(1em + var(--editor-inset-bottom));justify-content:flex-end;align-items:center;position:absolute}.DokaRoot[data-env~=landscape]>.DokaNavMain .DokaTabList{flex-direction:column}.DokaRoot[data-env~=landscape]>.DokaNavMain .DokaTabList li{display:flex}.DokaRoot[data-env~=landscape]>.DokaNavMain .DokaTabList li+li{margin:.5em 0 0}.DokaRoot[data-env~=landscape]>.DokaNavMain [role=tab]{border-radius:var(--border-radius);flex:1;justify-content:center;width:4em;height:4em}.DokaRoot[data-env~=landscape]>.DokaNavMain [role=tab] span{margin-top:.5em;font-size:.6875em}.DokaRoot[data-env~=landscape]>.DokaNavMain [role=tab] svg{width:1em;margin-top:.25em}.DokaRoot[data-env~=landscape][data-env~=has-toolbar]>.DokaNavMain{top:calc(4em + var(--editor-inset-top));bottom:calc(4em + var(--editor-inset-bottom))}.DokaRoot[data-env~=landscape][data-env~=has-limited-space]>.DokaNavMain{bottom:calc(1em + var(--editor-inset-bottom));align-items:flex-start}.DokaRoot[data-env~=landscape]>.DokaMain{grid-area:2/1}.DokaRoot[data-env~=landscape][data-env~=has-navigation]{grid-template-columns:6em auto}.DokaRoot[data-env~=landscape][data-env~=has-navigation] .DokaNavGroupFloat{margin:0 0 0 6em}.DokaRoot[data-env~=landscape][data-env~=has-navigation]>.DokaNavTools{grid-column:1/span 2}.DokaRoot[data-env~=landscape][data-env~=has-navigation]>.DokaMain{grid-column:2}.DokaRoot[data-env~=portrait]{grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content;grid-template-columns:auto}.DokaRoot[data-env~=portrait]>*{grid-column:1}.DokaRoot[data-env~=portrait]>.DokaNavTools{grid-row:1;padding:.75em .75em 0}.DokaRoot[data-env~=portrait]>.DokaNavMain{grid-row:3;justify-content:center;margin-bottom:.75em}.DokaRoot[data-env~=portrait]>.DokaNavMain .DokaTabList{padding:0 .875em}.DokaRoot[data-env~=portrait]>.DokaNavMain li+li{margin-left:.5em}.DokaRoot[data-env~=portrait]>.DokaNavMain[data-state~=overflows]{overflow:visible}.DokaRoot[data-env~=portrait]>.DokaNavMain [role=tab]{border-radius:var(--border-radius);flex:1;justify-content:center;width:4em;height:4em}.DokaRoot[data-env~=portrait]>.DokaNavMain [role=tab] span{margin-top:.5em;font-size:.6875em}.DokaRoot[data-env~=portrait]>.DokaNavMain [role=tab] svg{width:1em;margin-top:.25em}.DokaRoot[data-env~=portrait]>.DokaMain{grid-area:2/1}.DokaRoot[data-env~=landscape][data-env~=is-compact]>.DokaNavMain [role=tab]{border-radius:var(--border-radius);flex-direction:row;flex:1;justify-content:flex-start;align-items:center;width:6em;height:auto;padding:.625em 0}.DokaRoot[data-env~=landscape][data-env~=is-compact]>.DokaNavMain [role=tab] span{margin:0 .625em 0 0;font-size:.6875em;line-height:0}.DokaRoot[data-env~=landscape][data-env~=is-compact]>.DokaNavMain [role=tab] svg{width:1em;margin:0 .5em 0 .625em}.DokaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation]{grid-template-columns:8em auto}.DokaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation] .DokaNavGroupFloat{margin:0 0 0 8em}.DokaRoot[data-env~=portrait][data-env~=is-compact]>.DokaNavMain [role=tab]{border-radius:9999em;justify-content:center;width:4em;height:4em;padding:0;font-size:.625em}.DokaRoot[data-env~=portrait][data-env~=is-compact]>.DokaNavMain [role=tab] span{visibility:hidden;margin:0;font-size:0}.DokaRoot[data-env~=portrait][data-env~=is-compact]>.DokaNavMain [role=tab] svg{width:1.6em;margin-top:0}.DokaRoot[data-env~=portrait][data-env~=is-compact]>.DokaNavMain [role=tab] svg [stroke-width]{stroke-width:.15em}.DokaRoot[data-env~=portrait][data-env~=narrow]{--nav-group-margin:.25em;grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content;grid-template-columns:auto}.DokaRoot[data-env~=portrait][data-env~=narrow]>*{grid-column:1}.DokaRoot[data-env~=portrait][data-env~=narrow] .DokaUtilFooter .DokaControlList .DokaControlListOption span,.DokaRoot[data-env~=portrait][data-env~=narrow] .DokaUtilFooter .DokaControlList [role=tab] span{font-size:.6875em}.DokaRoot[data-env~=portrait][data-env~=narrow] .DokaToolbar .DokaToolbarInner>*{margin:0 .25em}.DokaRoot[data-env~=portrait][data-env~=narrow][data-env~=short] .DokaNavGroupFloat{position:static}.DokaRoot[data-env~=overlay]{grid-template-rows:auto;grid-template-columns:auto}.DokaRoot[data-env~=overlay] .DokaNav{z-index:3}.DokaRoot[data-env~=overlay] .DokaMain{grid-area:1/1}.DokaRoot[data-env~=overlay] .DokaUtilMain{z-index:-1;padding:0;position:absolute;inset:0}.DokaRoot[data-env~=overlay] .DokaUtilFooter,.DokaRoot[data-env~=overlay] .DokaUtilHeader{position:absolute;left:0;right:0}.DokaRoot[data-env~=overlay] .DokaUtilHeader{top:0}.DokaRoot[data-env~=overlay] .DokaUtilFooter{bottom:0}.DokaRoot[data-env~=overlay] .DokaNavMain{background:0 0;position:absolute;top:0;bottom:0;right:0}.DokaRoot[data-env~=overlay] .DokaNavTools{position:absolute;top:0;left:0;right:0}.DokaRoot[data-env~=has-swipe-navigation] .DokaUtilMain{padding-left:2em;padding-right:2em}.DokaModal{z-index:2147483646;--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-bottom:env(safe-area-inset-bottom);--editor-height:calc(100% - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));--editor-max-width:100%;--editor-max-height:100%;background-color:var(--color-background-95);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.DokaModal .DokaRoot{box-shadow:0 0 0 1px var(--color-foreground-3);flex:1}.DokaImageInfo{pointer-events:none}.DokaImageInfo p{contain:strict;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";text-align:right;width:8em;height:1.25em;font-family:Tahoma,Geneva,Verdana,sans-serif;font-size:.75em;line-height:1;overflow:hidden}.DokaPanel[data-util=crop] .DokaStage{touch-action:none}.DokaPanel[data-util=crop] .DokaImageInfo{position:absolute;bottom:1em;right:1em}.DokaPanel[data-util=crop] .DokaButtonCenter{--size:3em;width:var(--size);height:var(--size);z-index:1;margin-top:calc(var(--size) * (-.5));margin-left:calc(var(--size) * (-.5));color:#000;-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);background:#fffc;border-radius:50%;outline:none;line-height:0;position:absolute;top:0;left:0;overflow:hidden}.DokaPanel[data-util=crop] .DokaButtonCenter[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.DokaRoot[data-env~=short] .DokaPanel[data-util=crop] .DokaUtilFooter{padding-bottom:.5em}.DokaPanel[data-util=filter] .DokaScrollable{width:100%;max-width:40em}.DokaPanel[data-util=filter] [data-layout=row]>.DokaRadioGroupOptions>li{margin:0 .5em}.DokaPanel[data-util=filter] [data-layout=row]>.DokaRadioGroupOptions>li:first-child{margin-left:0}.DokaPanel[data-util=filter] [data-layout=row]>.DokaRadioGroupOptions>li:last-child{margin-right:0}.DokaPanel[data-util=filter] .DokaRadioGroupOptionGroupLabel{pointer-events:none;width:1px;height:1px;font-size:0;position:absolute}.DokaPanel[data-util=filter] .DokaFilterPreview{border-radius:0;transition:border-radius 1ms}.DokaPanel[data-util=filter] .DokaFilterOption{border-radius:0}.DokaPanel[data-util=filter] .DokaRadioGroupOptions .DokaRadioGroupOption:first-of-type .DokaFilterPreview{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.DokaPanel[data-util=filter] .DokaRadioGroupOptions .DokaRadioGroupOption:first-of-type .DokaFilterOption{border-bottom-left-radius:var(--border-radius)}.DokaPanel[data-util=filter] .DokaRadioGroupOptions .DokaRadioGroupOption:last-of-type .DokaFilterPreview{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.DokaPanel[data-util=filter] .DokaRadioGroupOptions .DokaRadioGroupOption:last-of-type .DokaFilterOption{border-bottom-right-radius:var(--border-radius)}.DokaPanel[data-util=filter] .DokaRadioGroupOptionGroup{flex-direction:column-reverse;display:flex}.DokaPanel[data-util=filter] .DokaFilterOption{cursor:var(--button-cursor);margin-bottom:1em}.DokaPanel[data-util=filter] .DokaFilterOption span{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-left:1px;padding:0 .3125em;font-size:.625em;font-weight:400;line-height:1.75;display:block;overflow:hidden}.DokaPanel[data-util=filter] .DokaFilterPreview:before{transition:background-color .1s,color .1s}.DokaPanel[data-util=filter] [data-selected=true] .DokaFilterOption .DokaFilterPreview{z-index:1;position:relative}.DokaPanel[data-util=filter] [data-selected=true] .DokaFilterOption .DokaFilterPreview:before{content:"";opacity:.35;border-radius:inherit;background-color:var(--color-primary);width:100%;height:100%;position:absolute}.DokaPanel[data-util=filter] [data-focus-visible]+label>.DokaFilterOption span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.DokaPanel[data-util=filter] .DokaFilterOption,.DokaPanel[data-util=filter] .DokaFilterPreview{width:3.75em;height:4.5em}.DokaRoot[data-env~=is-compact] .DokaPanel[data-util=filter] .DokaUtilFooter>div{padding:0}.DokaRoot[data-env~=is-compact] .DokaPanel[data-util=filter] .DokaFilterOption,.DokaRoot[data-env~=is-compact] .DokaPanel[data-util=filter] .DokaFilterPreview{width:2.875em;height:3.5em}.DokaRoot[data-env~=is-compact] .DokaPanel[data-util=filter] .DokaFilterOption span{font-size:.5em}.DokaPanel[data-util=resize] form{justify-content:center;padding:0 1em;display:flex}.DokaPanel[data-util=resize] .DokaFormInner{justify-content:center;align-items:center;display:flex;position:relative}.DokaPanel[data-util=resize] .DokaFormInner>button{margin-left:1em;position:absolute;left:100%}.DokaPanel[data-util=resize] .DokaFieldsetInner{justify-content:center;align-items:center;display:inline-flex}.DokaPanel[data-util=resize] input[type=checkbox]+label{cursor:pointer;outline:#0000;padding:0 .125em;display:block}.DokaPanel[data-util=resize] input[type=checkbox][data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.DokaInputDimension{align-items:center;display:inline-flex;position:relative}.DokaInputDimension label{text-transform:uppercase;pointer-events:none;color:var(--color-foreground-50);font-size:.75em;position:absolute;right:.625em}.DokaInputDimension button,.DokaInputDimension input,.DokaInputDimension label{font-size:.75em;font-weight:400}.DokaInputDimension button,.DokaInputDimension input{appearance:none;-moz-appearance:textfield;box-sizing:border-box;font-variant-numeric:tabular-nums;border-radius:var(--border-radius);width:100%;max-width:7em;box-shadow:none;border:1px solid var(--color-foreground-20);outline:#0000;padding:.625em 0 .625em .625em;transition:background-color .1s ease-in-out,color .1s ease-in-out,border-color .1s ease-in-out}.DokaInputDimension button::-moz-selection{background-color:var(--color-foreground-20)}.DokaInputDimension input::-moz-selection{background-color:var(--color-foreground-20)}.DokaInputDimension button::selection,.DokaInputDimension input::selection{background-color:var(--color-foreground-20)}.DokaInputDimension button:hover,.DokaInputDimension input:hover{border-color:var(--color-foreground-30)}.DokaInputDimension button:focus,.DokaInputDimension input:focus{border-color:var(--color-focus-100)}.DokaInputDimension button{width:10em;min-height:2.65em}.DokaInputDimension input::-webkit-inner-spin-button{-webkit-appearance:none}.DokaInputDimension input::-webkit-outer-spin-button{-webkit-appearance:none}.DokaInputDimension input::-ms-clear{display:none}
/*# sourceMappingURL=2473q1f5r4xih.css.map*/