mirror of
https://framagit.org/tom79/fediplan.git
synced 2025-04-05 21:51:50 +02:00
8 lines
No EOL
50 KiB
CSS
8 lines
No EOL
50 KiB
CSS
/*!
|
|
* Doka 4.7.2
|
|
* Copyright 2019 PQINA Inc - All Rights Reserved
|
|
* Please visit https://pqina.nl/doka/ for further information
|
|
*/
|
|
/* eslint-disable */
|
|
|
|
.doka--root,:root{--doka-effect--invert:0%;--doka-value--alpha:calc(100% - var(--doka-effect--invert));--doka-value--beta:var(--doka-effect--invert);--doka-color--alpha:#ffd843;--doka-color--alpha-dim:#ffc343;--doka-font-size:16px;--doka-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--doka-editor--max-width:80em;--doka-editor--max-height:60em;--doka-editor--spacing:0;--doka-modal--width:70vw;--doka-modal--height:80vh;--doka-modal--max-width:56rem;--doka-modal--max-height:40rem;--doka-effect--frost:blur(10px);--doka-color--beta:hsl(0,0%,var(--doka-value--alpha));--doka-color--gamma:hsl(0,0%,var(--doka-value--beta));--doka-color--delta:hsla(0,0%,var(--doka-value--beta),.85);--doka-color--epsilon:hsla(0,0%,var(--doka-value--beta),.75);--doka-editor--color:hsla(0,0%,var(--doka-value--alpha),.9);--doka-editor--color-dim:hsla(0,0%,var(--doka-value--alpha),.3);--doka-editor--background-color:hsla(0,0%,var(--doka-value--beta),.99);--doka-editor--background-ellipse-inner-color:hsla(0,0%,var(--doka-value--alpha),.15);--doka-editor--background-ellipse-outer-color:hsla(0,0%,var(--doka-value--alpha),0);--doka-modal--background:hsl(0,0%,var(--doka-value--beta));--doka-modal--overlay:hsla(0,0%,var(--doka-value--beta),.8);--doka-modal--shadow:0 1em 4em rgba(0,0,0,.25),0 .5em 2em rgba(0,0,0,.25);--doka-scrollbar-rail--color:var(--doka-color--delta);--doka-scrollbar-thumb--color:var(--doka-color--epsilon);--doka-component--color:var(--doka-editor--color);--doka-component--background:hsla(0,0%,var(--doka-value--alpha),.15);--doka-component--background-dim:hsla(0,0%,var(--doka-value--alpha),.1);--doka-component--background-dark:hsla(0,0%,var(--doka-value--beta),.8);--doka-component--background-darker:hsla(0,0%,var(--doka-value--beta),.9);--doka-component-alt--color:var(--doka-color--delta);--doka-component-alt--color-dim:hsla(0,0%,var(--doka-value--beta),.75);--doka-component-alt--background:hsla(0,0%,var(--doka-value--alpha),.85);--doka-component-alt-effect--background:hsla(0,0%,var(--doka-value--alpha),.6);--doka-component-alt--edge:hsla(0,0%,var(--doka-value--beta),.15);--doka-component-alt--shadow:0 .75em 1em -.75em rgba(0,0,0,.4),0 1em 2em 0 rgba(0,0,0,.05);--doka-button--color:var(--doka-component--color);--doka-button--background:var(--doka-component--background);--doka-button--background-dim:var(--doka-component--background-dim);--doka-button-hover--background:hsla(0,0%,var(--doka-value--alpha),.25);--doka-button-alt--color:var(--doka-component-alt--color);--doka-button-alt--background:var(--doka-component-alt--background);--doka-button-alt-hover--background:hsla(0,0%,var(--doka-value--alpha),.95);--doka-button-alt-effect--background:var(--doka-component-alt-effect--background);--doka-button-alt-effect-hover--background:hsla(0,0%,var(--doka-value--alpha),.75);--doka-button-primary--color:var(--doka-color--gamma);--doka-button-primary--background:var(--doka-color--alpha);--doka-button-primary-hover--background:var(--doka-color--alpha-dim);--doka-button-main--radius:9999em;--doka-button-tab--radius:0;--doka-button-tool--radius:0;--doka-dropdown-hover--background:hsla(0,0%,var(--doka-value--beta),.1);--doka-dropdown-hover-active--background:hsla(0,0%,var(--doka-value--beta),.15);--doka-dropdown-selected--color:var(--doka-editor--color);--doka-dropdown-selected--background:hsla(0,0%,var(--doka-value--beta),.9);--doka-dropdown-selected-hover--background:hsla(0,0%,var(--doka-value--beta),.8);--doka-dropdown-selected-active-hover--background:hsla(0,0%,var(--doka-value--beta),.6);--doka-range-input--background:hsla(0,0%,var(--doka-value--alpha),.2);--doka-range-input-recenter--background:var(--doka-range-input--background);--doka-range-input-centered--background:var(--doka-range-input--background);--doka-range-input-thumb--color:hsl(0,0%,var(--doka-value--alpha));--doka-range-input-thumb-hover--color:hsla(0,0%,var(--doka-value--alpha),.15);--doka-tab--border-color:rgba(0,0,0,.15);--doka-crop-focal-line--color:hsla(0,0%,100%,.5);--doka-crop-corner--color:var(--doka-color--beta);--doka-crop-corner-focus--color:var(--doka-color--beta);--doka-crop-corner--shadow:0 .0625em .125em rgba(0,0,0,.2);--doka-crop-edge-focus--color:hsla(0,0%,var(--doka-value--alpha),.5);--doka-image-outline--color:var(--doka-color--beta);--doka-image-overlay--color:var(--doka-color--gamma);--doka-image-focus--color:hsla(0,0%,var(--doka-value--alpha),.25);--doka-status--background:hsla(0,0%,var(--doka-value--alpha),.1);--doka-status-bubble--color:hsla(0,0%,var(--doka-value--beta),.8);--doka-status-bubble--background:hsla(0,0%,var(--doka-value--alpha),.75);--doka-status-bubble-effect--background:hsla(0,0%,var(--doka-value--alpha),.5);--doka-status-bubble--shadow:0 .125em 1em rgba(0,0,0,.2);--doka-size-indicator--color:rgba(0,0,0,.85);--doka-size-indicator--background:hsla(0,0%,100%,.95);--doka-size-indicator--edge:rgba(0,0,0,.15);--doka-size-indicator--radius:.25em;--doka-button-zoom--color:rgba(0,0,0,.85);--doka-button-zoom--background:hsla(0,0%,100%,.85);--doka-button-zoom-hover--background:hsla(0,0%,100%,.95);--doka-button-zoom-effect--background:hsla(0,0%,100%,.6);--doka-button-zoom-effect-hover--background:hsla(0,0%,100%,.75);--doka-filter-tile--radius:0;--doka-filter-tile-selected--color:var(--doka-color--alpha)}.doka--view-stack{pointer-events:none}.doka--view-stack>*{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;outline:transparent}.doka--view-stack [data-view-active=false] *{pointer-events:none!important}.doka--view-stack [data-view-active=true]{z-index:1}.doka--button-app{position:static;width:auto;height:auto;margin:0;padding:0;border:none;font-family:inherit;font-size:1em;outline:transparent;color:hsla(0,0%,100%,.9);color:var(--doka-button--color);background-color:hsla(0,0%,100%,.15);background-color:var(--doka-button--background);border-radius:9999em;border-radius:var(--doka-button-main--radius);display:flex;align-items:center;line-height:2.5;padding:0 1.5em;font-weight:500;transition:transform .15s ease-out,background-color .25s ease-out,color .25s ease-out;transform:scale(1)}.doka--button-app svg{flex-grow:1;margin:0 auto;display:inline-block}.doka--button-app svg+span{margin-left:.5em}.doka--button-app span{font-size:.875em}.doka--button-app:focus,.doka--button-app:hover{background-color:hsla(0,0%,100%,.25);background-color:var(--doka-button-hover--background)}.doka--button-app:active{transition-duration:.25s;transform:scale(.95)}@supports ((-webkit-backdrop-filter:var(--doka-effect--frost)) or (backdrop-filter:var(--doka-effect--frost))){.doka--button-app{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--doka-effect--frost);backdrop-filter:var(--doka-effect--frost)}}.doka--button-app.doka--button-icon-only{width:2.25em;height:2.25em;padding:0}.doka--button-action-confirm{color:#000;color:var(--doka-button-primary--color);background-color:#ffd843;background-color:var(--doka-button-primary--background);font-weight:600;-webkit-backdrop-filter:none;backdrop-filter:none}.doka--button-action-confirm:focus,.doka--button-action-confirm:hover{background-color:#ffc343;background-color:var(--doka-button-primary-hover--background)}.doka--root[data-style-viewport~=x-cramped][data-style-viewport~=multi-util] .doka--button-app{font-size:.85em;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:hsla(0,0%,100%,.9);color:var(--doka-button--color)}.doka--root[data-style-viewport~=x-cramped][data-style-viewport~=multi-util] .doka--button-app svg{width:1.25em;height:1.25em}.doka--root[data-style-viewport~=x-cramped][data-style-viewport~=multi-util] .doka--button-app.doka--button-icon-only svg{width:1.75em;height:1.75em}.doka--root[data-style-viewport~=x-cramped][data-style-viewport~=multi-util] .doka--button-app.doka--button-icon-fallback{width:2.5em;height:2.5em;padding:0}.doka--root[data-style-viewport~=x-cramped][data-style-viewport~=multi-util] .doka--button-app.doka--button-icon-fallback span{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.doka--button-icon-fallback svg{display:none}.doka--button-icon-fallback svg+span{margin-left:0}.doka--root[data-style-viewport*=x-cramped][data-style-viewport*=multi-util] .doka--button-icon-fallback svg{display:block}.doka--root[data-style-viewport*=x-cramped][data-style-viewport*=multi-util] .doka--button-icon-fallback svg+span{margin-left:0}.doka--button-icon-only span{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.doka--button-tab{position:static;width:auto;height:auto;margin:0;padding:0;border:none;font-family:inherit;font-size:1em;outline:transparent;line-height:inherit;color:hsla(0,0%,100%,.9);color:var(--doka-button--color);border-radius:0;border-radius:var(--doka-button-tab--radius);width:5em;max-width:5em;padding-top:.875em;padding-bottom:.75em;background-color:transparent;font-weight:500;transition:transform .15s ease-out,background-color .25s ease-out,color .25s ease-out;transform:scale(1)}.doka--button-tab svg{display:inline;margin-bottom:.325em}.doka--button-tab span{display:block;font-size:.875em}.doka--button-tab:focus,.doka--button-tab:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--doka-effect--frost);backdrop-filter:var(--doka-effect--frost);background-color:hsla(0,0%,100%,.15);background-color:var(--doka-button--background)}.doka--button-tab[data-enabled=false]{display:none}.doka--button-tab[data-active=true]{background-color:hsla(0,0%,100%,.15);background-color:var(--doka-button--background)}.doka--button-tab[data-active=true]:focus,.doka--button-tab[data-active=true]:hover{background-color:hsla(0,0%,100%,.25);background-color:var(--doka-button-hover--background)}.doka--button-tab:active{transition-duration:.25s;transform:scale(.95)}.doka--button-tab .doka--icon-resize-arrow-ne,.doka--button-tab .doka--icon-resize-arrow-sw{transition:opacity .25s ease-out}.doka--button-tab[data-scale-direction=down] .doka--icon-resize-arrow-ne{opacity:0}.doka--button-tab[data-scale-direction=down] .doka--icon-resize-arrow-sw,.doka--button-tab[data-scale-direction=up] .doka--icon-resize-arrow-ne{opacity:1}.doka--button-tab[data-scale-direction=up] .doka--icon-resize-arrow-sw{opacity:0}@supports ((-webkit-backdrop-filter:var(--doka-effect--frost)) or (backdrop-filter:var(--doka-effect--frost))){.doka--button-tab[data-active=true]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--doka-effect--frost);backdrop-filter:var(--doka-effect--frost)}}.doka--utils[data-util-count="4"] .doka--button-tab{width:25%}.doka--utils[data-util-count="3"] .doka--button-tab{width:33.333%}.doka--utils[data-util-count="2"] .doka--button-tab{width:50%}.doka--root[data-style-viewport*=x-cramped] .doka--button-tab{min-width:2em;max-width:3.5em;height:3.25em;padding:.325em 0;box-shadow:0 0 0 1px rgba(0,0,0,.15);box-shadow:0 0 0 1px var(--doka-tab--border-color)}.doka--root[data-style-viewport*=x-cramped] .doka--button-tab svg{width:1em;margin:0 auto -.125em}.doka--root[data-style-viewport*=x-cramped] .doka--button-tab span{font-size:.5625em}.doka--root[data-style-viewport*=x-cramped] .doka--button-tab:active{transform:scale(1)}.doka--root[data-style-viewport*=x-cramped] .doka--button-tab[data-active=true]{-webkit-backdrop-filter:none;backdrop-filter:none}.doka--root[data-style-viewport*=x-cramped] .doka--button-tab[data-active=true]:focus,.doka--root[data-style-viewport*=x-cramped] .doka--button-tab[data-active=true]:hover{background-color:hsla(0,0%,100%,.15);background-color:var(--doka-button--background)}.doka--button-tool{position:static;width:auto;height:auto;margin:0;border:none;font-family:inherit;font-size:1em;font-weight:400;outline:transparent;border-radius:0;border-radius:var(--doka-button-tool--radius);color:hsla(0,0%,100%,.9);color:var(--doka-button--color);display:flex;padding:0 .75em 0 .5em;align-items:center;background-color:transparent;transition:transform .15s ease-out,background-color .25s ease-out,color .25s ease-out;transform:scale(1)}.doka--button-tool span{font-size:.875em;margin-left:.5em}.doka--button-tool:focus,.doka--button-tool:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--doka-effect--frost);backdrop-filter:var(--doka-effect--frost);background-color:hsla(0,0%,100%,.15);background-color:var(--doka-button--background)}.doka--button-tool:active{transition-duration:.25s;transform:scale(.95)}[data-layout=compact] .doka--button-tool{padding:0 .5em;border-radius:.25em;background-color:hsla(0,0%,100%,.1);background-color:var(--doka-button--background-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--doka-effect--frost);backdrop-filter:var(--doka-effect--frost);width:2.5em;flex-grow:0}[data-layout=compact] .doka--button-tool:focus,[data-layout=compact] .doka--button-tool:hover{background-color:hsla(0,0%,100%,.15);background-color:var(--doka-button--background)}[data-layout=compact] .doka--button-tool span{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.doka--button-zoom{position:static;width:auto;height:auto;margin:0;padding:0;border:none;font-family:inherit;font-size:1em;outline:transparent;display:flex;align-items:center;justify-content:center;line-height:2.5;font-weight:500;transition:transform .15s ease-out,background-color .25s ease-out,color .25s ease-out;border-radius:9999em;height:2.5em;width:2.5em;color:rgba(0,0,0,.85);color:var(--doka-button-zoom--color);background-color:hsla(0,0%,100%,.85);background-color:var(--doka-button-zoom--background)}.doka--button-zoom span{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.doka--button-zoom:focus,.doka--button-zoom:hover{background-color:hsla(0,0%,100%,.95);background-color:var(--doka-button-zoom-hover--background)}@supports ((-webkit-backdrop-filter:var(--doka-effect--frost)) or (backdrop-filter:var(--doka-effect--frost))){.doka--button-zoom{background-color:hsla(0,0%,100%,.6);background-color:var(--doka-button-zoom-effect--background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--doka-effect--frost);backdrop-filter:var(--doka-effect--frost)}.doka--button-zoom:focus,.doka--button-zoom:hover{background-color:hsla(0,0%,100%,.75);background-color:var(--doka-button-zoom-effect-hover--background)}}.doka--checkable{display:inline-flex;justify-content:center;align-items:center;height:2.15625em;line-height:1.5;color:hsla(0,0%,100%,.9);color:var(--doka-component--color);transform:scale(1)}.doka--checkable input{position:absolute;width:1px;height:1px;padding:0;margin:0;opacity:0;outline:transparent}.doka--checkable label{display:inline-block;cursor:pointer;transition:opacity .125s ease-out;font-size:.875em;margin:0;color:inherit}.doka--checkable input:active+label,.doka--checkable input:focus+label{background-color:hsla(0,0%,100%,.15);background-color:var(--doka-component--background);border-radius:.5em}.doka--checkable svg{display:block;margin:0}.doka--checkable path{transition:transform .1s ease-out}.doka--checkable:active{transition-duration:.25s;transform:scale(.925)}.doka--color{height:calc(100% - 3em);width:calc(100% - 2em);left:1em;top:1em}.doka--color .doka--color-form{display:flex;align-items:flex-start;justify-content:center;padding:1em 0 0;height:6.5em;box-sizing:border-box;contain:layout size style}.doka--color .doka--range-input{pointer-events:all;margin:0 .5em;max-width:10em;display:flex;flex-direction:column-reverse;align-items:stretch;flex:1}.doka--color .doka--range-input label{color:inherit;margin-top:.25em;font-size:.75em;align-self:center;display:flex;align-items:center}.doka--color .doka--range-input svg{display:inline-block;width:1.25em;margin-right:.5em}.doka--color .doka--range-input [stroke-width]{stroke-width:2.5}@media (-ms-high-contrast:none){.doka--color-form .doka--range-input,::-ms-backdrop{flex:none;width:10em}}.doka--root[data-style-viewport*=x-cramped] .doka--color{top:2em;display:flex;flex-direction:column-reverse}.doka--root[data-style-viewport*=x-cramped] .doka--color-form{padding:.5em 0 0;height:5em;flex-wrap:wrap;margin:0 -.5em;align-self:center;width:100%;max-width:25em;padding:0}.doka--root[data-style-viewport*=x-cramped] .doka--range-input{width:calc(50% - 1em);max-width:none;flex:auto;flex-direction:row;margin:0 .25em}.doka--root[data-style-viewport*=x-cramped] .doka--range-input label{margin:0;width:1.25em;overflow:hidden}.doka--root[data-style-viewport*=x-cramped] .doka--range-input label svg{margin:0}.doka--root[data-style-viewport*=x-cramped] .doka--range-input label span{display:none}.doka--root[data-style-viewport*=x-cramped] .doka--range-input:nth-child(2n){flex-direction:row-reverse}.doka--container{display:flex;flex-direction:column;height:100%;width:100%;box-sizing:border-box;position:relative;touch-action:manipulation}.doka--root[data-style-viewport*=x-cramped] .doka--container{flex-direction:column-reverse}.doka--content{position:relative;flex:1}.doka--content>*{position:absolute;left:0;top:0;width:100%;height:100%}.doka--view-stack{z-index:2}.doka--image{z-index:1}.doka--crop-mask{position:absolute;left:0;top:0;will-change:transform;pointer-events:none}.doka--crop-rect{z-index:2;position:relative}.doka--crop-rect-corner{color:transparent;position:absolute;pointer-events:all;z-index:3;padding:0;margin:0;border:none;text-indent:0;width:20px;height:20px;left:-10px;top:-10px;will-change:transform}.doka--crop-rect-corner:after{position:absolute;left:-1em;right:-1em;top:-1em;bottom:-1em;content:""}.doka--crop-rect-corner-ne,.doka--crop-rect-corner-sw{cursor:nesw-resize}.doka--crop-rect-corner-nw,.doka--crop-rect-corner-se{cursor:nwse-resize}.doka--root[data-style-crop-corner=circle] .doka--crop-rect-corner{background:#fff;background:var(--doka-crop-corner--color);box-shadow:0 .0625em .125em rgba(0,0,0,.2);box-shadow:var(--doka-crop-corner--shadow);border-radius:9999em;transition:background-color .25s ease-in-out}.doka--root[data-style-crop-corner=line] .doka--crop-rect-corner:before{position:absolute;width:2.5em;height:2.5em;pointer-events:none;transition:opacity .25s ease-out;content:""}.doka--root[data-style-crop-corner=line] .doka--crop-rect-corner-nw:before{box-shadow:inset .25em .25em 0 0 #fff;box-shadow:inset .25em .25em 0 0 var(--doka-crop-corner--color);left:.4375em;top:.4375em}.doka--root[data-style-crop-corner=line] .doka--crop-rect-corner-ne:before{box-shadow:inset -.25em .25em 0 0 #fff;box-shadow:inset -.25em .25em 0 0 var(--doka-crop-corner--color);right:.4375em;top:.4375em}.doka--root[data-style-crop-corner=line] .doka--crop-rect-corner-se:before{box-shadow:inset -.25em -.25em 0 0 #fff;box-shadow:inset -.25em -.25em 0 0 var(--doka-crop-corner--color);right:.4375em;bottom:.4375em}.doka--root[data-style-crop-corner=line] .doka--crop-rect-corner-sw:before{box-shadow:inset .25em -.25em 0 0 #fff;box-shadow:inset .25em -.25em 0 0 var(--doka-crop-corner--color);left:.4375em;bottom:.4375em}.doka--root[data-style-crop-corner=line] .doka--crop-rect[data-indicator-size=none] .doka--crop-rect-corner:before{opacity:0}.doka--crop-rect-focal-line{background:hsla(0,0%,100%,.5);background:var(--doka-crop-focal-line--color);height:100px;width:100px;z-index:3;pointer-events:none;will-change:transform,opacity}.doka--crop-rect-edge,.doka--crop-rect-focal-line{position:absolute;left:0;top:0;transform-origin:left top}.doka--crop-rect-edge{padding:0;border:0;background:transparent;z-index:2;pointer-events:all;will-change:transform}.doka--crop-rect-edge:focus{outline:transparent}.doka--crop-rect-edge:focus:after{position:absolute;content:"";background-color:hsla(0,0%,100%,.5);background-color:var(--doka-crop-edge-focus--color)}.doka--crop-rect-edge-n,.doka--crop-rect-edge-s{width:100px;top:-20px;height:40px;cursor:ns-resize}.doka--crop-rect-edge-n:after,.doka--crop-rect-edge-s:after{left:0;right:0;top:17px;width:100%;height:7px}.doka--crop-rect-edge-e,.doka--crop-rect-edge-w{cursor:ew-resize;height:100px;left:-20px;width:40px}.doka--crop-rect-edge-e:after,.doka--crop-rect-edge-w:after{top:0;bottom:0;left:17px;height:100%;width:7px}.doka--root[data-style-viewport*=touch][data-style-crop-corner=circle] .doka--crop-rect-corner:after{border-radius:50%;opacity:0;background:#fff;background:var(--doka-crop-corner-focus--color);box-shadow:0 0 0 1em #fff;box-shadow:0 0 0 1em var(--doka-crop-corner-focus--color)}.doka--root[data-style-viewport*=touch][data-style-crop-corner=circle] .doka--crop-rect-corner:active:after{opacity:.25}.doka--root[data-style-viewport*=touch] .doka--crop-rect-edge:active{outline:transparent}.doka--root[data-style-viewport*=touch] .doka--crop-rect-edge:active:after{position:absolute;background-color:hsla(0,0%,100%,.5);background-color:var(--doka-crop-edge-focus--color);content:""}.doka--root[data-style-viewport*=x-cramped] .doka--crop-rect-corner{width:16px;height:16px;left:-8px;top:-8px}.doka--root[data-style-viewport*=x-cramped][data-style-crop-corner=line] .doka--crop-rect-corner-nw:before{left:.325em;top:.325em}.doka--root[data-style-viewport*=x-cramped][data-style-crop-corner=line] .doka--crop-rect-corner-ne:before{right:.325em;top:.325em}.doka--root[data-style-viewport*=x-cramped][data-style-crop-corner=line] .doka--crop-rect-corner-se:before{right:.325em;bottom:.325em}.doka--root[data-style-viewport*=x-cramped][data-style-crop-corner=line] .doka--crop-rect-corner-sw:before{left:.325em;bottom:.325em}.doka--crop-resizer{visibility:hidden;position:absolute;left:0;top:0;width:100%;height:100%;z-index:9999999;background:transparent;pointer-events:none}.doka--crop-resizer div{position:absolute;cursor:none;left:0;top:0;width:44px;height:44px;margin-left:-22px;margin-top:-22px;background:hsla(0,0%,100%,.85);border-radius:22px;box-shadow:0 2px 5px rgba(0,0,0,.5);pointer-events:all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--doka-effect--frost);backdrop-filter:var(--doka-effect--frost);opacity:0;transition:opacity .25s ease-out,visibility .25s ease-out}.doka--crop-resizer[data-state=multi-touch]{visibility:visible;cursor:none;pointer-events:all}.doka--crop-resizer[data-state=multi-touch] div{opacity:1}.doka--crop-rotator{position:relative;height:3.5em;margin-top:.5em;margin-bottom:.5em;z-index:2;will-change:opacity;pointer-events:all}.doka--crop-rotator-center{left:50%;position:absolute;overflow:hidden;width:2em;top:.325em;height:1.5em;font-size:.75em;cursor:pointer;border:none;padding:0;margin:0 0 0 -1em;background:transparent;opacity:.3;z-index:2;color:inherit}.doka--crop-rotator-center span{color:transparent}.doka--crop-rotator-center:after{position:absolute;left:50%;height:.85em;border-radius:9999em;width:1.5px;color:inherit;background:currentColor;transition:background-color .25s ease-in-out;margin-left:-.75px;top:50%;margin-top:-.55em;pointer-events:none;content:""}.doka--crop-rotator-center:focus{outline:transparent;opacity:.7}.doka--crop-rotator-bar{position:absolute;left:1em;right:1em;bottom:0;top:0;z-index:1;cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.doka--crop-rotator-line-mask{height:100%;overflow:hidden;max-width:30em;margin:0 auto}.doka--root[data-style-viewport*=x-cramped] .doka--crop-rotator-line-mask{max-width:14em}@supports ((-webkit-mask-image:url("")) or (mask-image:url(""))) and (mix-blend-mode:screen){.doka--crop-rotator-line-mask,.doka--root[data-style-viewport*=x-cramped] .doka--crop-rotator-line-mask{max-width:40em;margin:0 auto;-webkit-mask:linear-gradient(90deg,transparent 15%,#000 30%,#000 70%,transparent 85%);mask:linear-gradient(90deg,transparent 15%,#000 30%,#000 70%,transparent 85%)}}.doka--crop-rotator-line{pointer-events:none;height:100%;will-change:transform}.doka--crop-rotator-line svg{position:absolute;left:50%;margin-left:-500px;width:1000px}.doka--crop-rotator-line text{font-weight:400;font-size:2px;opacity:.35}.doka--crop-rotator-line circle{opacity:.4}.doka--crop-rotator-line circle[r="0.5"]{opacity:.9}.doka--crop-rotator:focus{outline:transparent}.doka--crop-rotator:focus .doka--crop-rotator-line circle,.doka--crop-rotator:focus .doka--crop-rotator-line text{fill:currentColor}.doka--crop-size{position:absolute;left:0;top:0;z-index:3;overflow:hidden;color:rgba(0,0,0,.85);color:var(--doka-size-indicator--color);background:hsla(0,0%,100%,.95);background:var(--doka-size-indicator--background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--doka-effect--frost);backdrop-filter:var(--doka-effect--frost);border-radius:.25em;border-radius:var(--doka-size-indicator--radius);line-height:1;white-space:nowrap;transition:background-color .25s ease-in-out,color .25s ease-in-out;transform-origin:center center;display:flex;align-items:center;pointer-events:none;font-variant-numeric:tabular-nums;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif}.doka--crop-size-info{font-size:.6875em;padding:.35em .625em}.doka--crop-resize-percentage{padding-right:.4375em;margin-right:-.25em;border-right:1px solid rgba(0,0,0,.15);border-right:1px solid var(--doka-size-indicator--edge)}.doka--crop-resize-percentage:empty{display:none}.doka--crop-size-multiply{opacity:.75;margin:0 .175em}.doka--root[data-style-viewport*=x-cramped] .doka--crop-size-info{font-size:.5em;padding:.5em .875em}.doka--root[data-style-viewport*=x-cramped] .doka--crop-resize-percentage{padding-right:.4em}.doka--crop-subject{position:relative;flex:1 0 auto;margin:.25em 1.5em .5em;contain:layout size style}.doka--root[data-style-viewport*=x-cramped] .doka--crop-subject{margin:0 2em}.doka--zoom-wrapper{position:relative;z-index:2;pointer-events:all}.doka--button-zoom{position:absolute;z-index:2;left:-1.25em;top:-1.25em}.doka--dropdown,.doka--view-stack .doka--crop{display:flex;flex-direction:column}.doka--dropdown{position:relative;justify-content:center}.doka--dropdown>.doka--button{height:100%}.doka--dropdown-list{position:absolute;z-index:3;padding:0;top:100%;margin:-.125em 0 0;min-width:100%;display:flex;flex-direction:column;border-radius:.1625em;background-color:hsla(0,0%,100%,.85);background-color:var(--doka-component-alt--background);box-shadow:0 .75em 1em -.75em rgba(0,0,0,.4),0 1em 2em 0 rgba(0,0,0,.05);box-shadow:var(--doka-component-alt--shadow)}.doka--dropdown-list .doka--button{position:static;width:auto;height:auto;margin:0;padding:0;font-family:inherit;font-size:1em;outline:transparent;display:flex;align-items:center;white-space:nowrap;border:none;line-height:2.5;margin:3px;padding:0 .75em 0 .5em;border-radius:.125em;color:rgba(0,0,0,.85);color:var(--doka-component-alt--color);background-color:transparent;transform:none}.doka--dropdown-list .doka--button span{font-size:.875em;text-align:right;flex:1}.doka--dropdown-list .doka--button svg+span{margin-left:.5em}.doka--dropdown-list .doka--button svg{display:inline-block;margin:0}.doka--dropdown-list .doka--button:active,.doka--dropdown-list .doka--button:focus,.doka--dropdown-list .doka--button:hover{background-color:rgba(0,0,0,.1);background-color:var(--doka-dropdown-hover--background)}.doka--dropdown-list .doka--button:active:hover,.doka--dropdown-list .doka--button:focus:hover{background-color:rgba(0,0,0,.15);background-color:var(--doka-dropdown-hover-active--background)}.doka--dropdown-list .doka--button:active{transform:none}.doka--dropdown-list .doka--button:first-child,.doka--dropdown-list .doka--button:last-child{border-radius:inherit}.doka--dropdown-list .doka--button:first-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.doka--dropdown-list .doka--button:last-child{border-top-right-radius:0;border-top-left-radius:0}.doka--dropdown-list .doka--button+.doka--button{margin-top:-2px}.doka--dropdown-list [aria-selected=true]{color:hsla(0,0%,100%,.9);color:var(--doka-dropdown-selected--color);background-color:rgba(0,0,0,.9);background-color:var(--doka-dropdown-selected--background)}.doka--dropdown-list [aria-selected=true]:active,.doka--dropdown-list [aria-selected=true]:focus,.doka--dropdown-list [aria-selected=true]:hover{background-color:rgba(0,0,0,.8);background-color:var(--doka-dropdown-selected-hover--background)}.doka--dropdown-list [aria-selected=true]:active:hover,.doka--dropdown-list [aria-selected=true]:focus:hover{background-color:rgba(0,0,0,.6);background-color:var(--doka-dropdown-selected-active-hover--background)}@supports ((-webkit-backdrop-filter:var(--doka-effect--frost)) or (backdrop-filter:var(--doka-effect--frost))){.doka--dropdown-list{background-color:hsla(0,0%,100%,.6);background-color:var(--doka-component-alt-effect--background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--doka-effect--frost);backdrop-filter:var(--doka-effect--frost)}}.doka--root[data-style-viewport*=x-cramped] .doka--dropdown{position:static}.doka--root[data-style-viewport*=x-cramped] .doka--dropdown-list{min-width:auto;top:3em;left:3em;right:3em;max-width:15em;margin:0 auto}.doka--edit-status{position:absolute;left:0;top:0;right:0;bottom:0;z-index:100;contain:strict;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .25s ease-out;background:hsla(0,0%,100%,.1);background:var(--doka-status--background)}.doka--edit-status .doka--status-bubble{position:absolute}.doka--edit-status[data-view-status=busy]{pointer-events:all;opacity:1}.doka--editor{height:100%;width:100%;flex:1 0 auto;max-width:80em;max-width:var(--doka-editor--max-width);max-height:60em;max-height:var(--doka-editor--max-height);opacity:0}.doka--filter-list{display:flex;justify-content:center;align-items:flex-start;margin:0;padding:0;list-style:none;flex-wrap:wrap}.doka--filter-list li{margin:0;padding:0;flex:.2 0 0px;max-width:4em}.doka--filter-list li+li{margin-left:1em}@media (-ms-high-contrast:none){.doka--filter-list li,::-ms-backdrop{flex:none;width:4em}}.doka--filter-tile{position:relative;border-radius:0;border-radius:var(--doka-filter-tile--radius)}.doka--filter-tile:before{display:block;padding-top:100%;content:"";height:0}.doka--filter-tile div,.doka--filter-tile label{transition:box-shadow .125s ease-out,color .125s ease-out}.doka--filter-tile label{position:absolute;color:hsla(0,0%,100%,.9);color:var(--doka-component--color);text-align:center;font-size:.6875em;top:calc(100% + .5em);width:100%;left:0}.doka--filter-tile>div{margin-bottom:.5em;z-index:2;border-radius:0;border-radius:var(--doka-filter-tile--radius);overflow:hidden}.doka--filter-tile>div canvas{z-index:1}.doka--filter-tile>div div{z-index:2}.doka--filter-tile canvas,.doka--filter-tile div,.doka--filter-tile input{position:absolute;left:0;top:0;width:100%;height:100%;min-width:auto;min-height:auto;font-size:1em}.doka--filter-tile input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;left:0;top:0;margin:0;padding:0;border-radius:0;opacity:0;outline:transparent;pointer-events:all}.doka--filter-tile input:checked~label{color:#ffd843;color:var(--doka-filter-tile-selected--color)}.doka--filter-tile input:checked~div{box-shadow:0 .5px 0 1px rgba(0,0,0,.2),0 0 0 4px #ffd843;box-shadow:0 .5px 0 1px rgba(0,0,0,.2),0 0 0 4px var(--doka-filter-tile-selected--color)}.doka--filter-tile input:focus~label{color:#ffd843;color:var(--doka-filter-tile-selected--color)}.doka--filter{height:calc(100% - 3em);width:calc(100% - 2em);left:1em;top:1em}.doka--filter .doka--filter-list{padding-bottom:2.5em}.doka--root[data-style-viewport*=x-cramped] .doka--filter{display:flex;flex-direction:column-reverse;top:2em}.doka--root[data-style-viewport*=x-cramped] .doka--filter .doka--filter-list{padding:0;height:5em}.doka--image-container{position:absolute;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:1}.doka--image-container[tabindex]{pointer-events:all;cursor:move}.doka--image-container:focus{outline:none}.doka--image-container:focus:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background:hsla(0,0%,100%,.25);background:var(--doka-image-focus--color)}.doka--image-preview{pointer-events:none!important;position:relative!important;display:block!important;margin:0!important;padding:0!important;border:0!important;width:auto!important;height:auto!important;min-width:auto!important;max-width:none!important;min-height:auto!important;max-height:none!important}.doka--image-preview>canvas{position:relative}.doka--image-preview>canvas[data-doka-layer-index="0"]{z-index:0}.doka--image-preview>canvas[data-doka-layer-index="1"]{z-index:1}.doka--image-outline,.doka--image-preview>canvas+canvas{position:absolute;left:0;top:0}.doka--image-outline{z-index:2;pointer-events:none}.doka--image-outline-edge-bottom,.doka--image-outline-edge-left,.doka--image-outline-edge-right,.doka--image-outline-edge-top{background:#fff;background:var(--doka-image-outline--color);transition:background-color .25s ease-in-out;position:absolute;transform-origin:top left;width:100px;height:100px;top:0;left:0}.doka--image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:.8;pointer-events:none}.doka--image-overlay-panel-bottom,.doka--image-overlay-panel-left,.doka--image-overlay-panel-right,.doka--image-overlay-panel-top{position:absolute;background:#000;background:var(--doka-image-overlay--color);transition:background-color .25s ease-in-out;transform-origin:top left;width:100px;height:100px;top:0;left:0}.doka--image{pointer-events:none}.doka--root[data-style-layout-mode~=fullscreen]{position:fixed;left:0;top:0;right:0;bottom:0;z-index:2147483647;opacity:0}.doka--root[data-style-layout-mode~=fullscreen]:focus{outline:transparent}.doka--root[data-style-layout-mode~=fullscreen] .doka--edit-status{position:fixed}.doka--root[data-style-layout-mode~=fullscreen][data-style-fullscreen-safe-area=bottom][data-style-fullscreen=true]{padding-bottom:40px;box-sizing:border-box}@media (min-height:635px){.doka--root[data-style-layout-mode~=fullscreen][data-style-fullscreen-safe-area=bottom][data-style-fullscreen=true]{padding-bottom:80px}}.doka--parent::-webkit-scrollbar{background-color:rgba(0,0,0,.85);background-color:var(--doka-scrollbar-rail--color)}.doka--parent::-webkit-scrollbar-track{background:transparent}.doka--parent::-webkit-scrollbar-thumb{background:rgba(0,0,0,.75);background:var(--doka-scrollbar-thumb--color);border-radius:9999rem;border:3px solid rgba(0,0,0,.85);border:3px solid var(--doka-scrollbar-rail--color)}@media (min-width:56rem) and (min-height:40rem){.doka--root[data-style-layout-mode~=modal]{background:rgba(0,0,0,.8);background:var(--doka-modal--overlay);transition:background-color .25s ease-in-out}.doka--root[data-style-layout-mode~=modal]:before{content:none}.doka--root[data-style-layout-mode~=modal] .doka--editor{position:relative;overflow:hidden;background:#000;background:var(--doka-modal--background);box-shadow:0 1em 4em rgba(0,0,0,.25),0 .5em 2em rgba(0,0,0,.25);box-shadow:var(--doka-modal--shadow);transition:background-color .25s ease-in-out;width:70vw;width:var(--doka-modal--width);height:80vh;height:var(--doka-modal--height);max-width:56rem;max-width:var(--doka-modal--max-width);max-height:40rem;max-height:var(--doka-modal--max-height)}}.doka--root[data-style-layout-mode~=preview]{background:transparent}.doka--root[data-style-layout-mode~=preview]:before{content:none}.doka--root[data-style-layout-mode~=preview] .doka--content{position:relative;z-index:1}.doka--root[data-style-layout-mode~=preview] .doka--editor{max-width:none;max-height:none}.doka--root[data-style-layout-mode~=preview] .doka--menu{position:absolute;left:0;right:0;bottom:0;z-index:2;pointer-events:none}.doka--root[data-style-layout-mode~=preview] .doka--menu .doka--button{pointer-events:all}.doka--root[data-style-layout-mode~=preview] .doka--button,.doka--root[data-style-layout-mode~=preview] .doka--crop-rotator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--doka-effect--frost);backdrop-filter:var(--doka-effect--frost);box-shadow:0 .125em .5em rgba(0,0,0,.325)}.doka--root[data-style-layout-mode~=preview] .doka--button-app:not(.doka--button-action-confirm){background-color:rgba(0,0,0,.8);background-color:var(--doka-component--background-dark)}.doka--root[data-style-layout-mode~=preview] .doka--button-app:not(.doka--button-action-confirm):focus,.doka--root[data-style-layout-mode~=preview] .doka--button-app:not(.doka--button-action-confirm):hover{background-color:rgba(0,0,0,.9);background-color:var(--doka-component--background-darker)}.doka--root[data-style-layout-mode~=preview] .doka--processing-indicator p{color:hsla(0,0%,100%,.9);color:var(--doka-editor--color);background-color:rgba(0,0,0,.8);background-color:var(--doka-component--background-dark)}.doka--root[data-style-layout-mode~=preview][data-style-viewport*=x-cramped] .doka--processing-indicator{bottom:0}.doka--root[data-style-layout-mode~=preview] .doka--toolbar{position:absolute;left:0;right:0;margin:0!important;z-index:3}.doka--root[data-style-layout-mode~=preview] .doka--toolbar .doka--button-tool{background-color:rgba(0,0,0,.8);background-color:var(--doka-component--background-dark);border-radius:.25em}.doka--root[data-style-layout-mode~=preview] .doka--toolbar .doka--button-tool:focus,.doka--root[data-style-layout-mode~=preview] .doka--toolbar .doka--button-tool:hover{background-color:rgba(0,0,0,.9);background-color:var(--doka-component--background-darker)}.doka--root[data-style-layout-mode~=preview] .doka--crop-rect{mix-blend-mode:difference;height:100%;pointer-events:none;-webkit-mask:radial-gradient(ellipse closest-side,#000,transparent);mask:radial-gradient(ellipse closest-side,#000,transparent)}.doka--root[data-style-layout-mode~=preview] .doka--crop-rotator{position:absolute;bottom:0;left:12rem;right:12rem;border-radius:9999rem;background-color:rgba(0,0,0,.8);background-color:var(--doka-component--background-dark)}.doka--root[data-style-layout-mode~=preview] .doka--crop-size{transform:none!important;right:1em;top:1em;left:auto}.doka--root[data-style-layout-mode~=preview] .doka--crop-rotator-line-mask{max-width:100%}.doka--root[data-style-layout-mode~=preview] .doka--crop-subject{margin:0}.doka--root[data-style-layout-mode~=preview] .doka--image-container[style*="opacity:1"]~.doka--image-overlay{background-color:rgba(0,0,0,.9);background-color:var(--doka-component--background-darker);position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}.doka--root[data-style-layout-mode~=preview][data-style-viewport~=x-cramped] .doka--crop-rotator{display:none}.doka--root[data-style-layout-mode~=preview][data-style-viewport~=x-spacious] .doka--crop-rotator{left:16rem;right:16rem}.doka--root[data-style-layout-mode~=preview] .doka--crop-rect-corner,.doka--root[data-style-layout-mode~=preview] .doka--crop-rect-edge{display:none}.doka--menu{display:flex;box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;z-index:2;position:relative;padding:1em;pointer-events:none;transition:background-color .125s ease-in-out,color .125s ease-in-out}.doka--menu>button{pointer-events:all}.doka--menu>button+button{margin-left:1em}.doka--root[data-style-viewport~=multi-util] .doka--menu .doka--button-action-confirm{margin-left:4em}.doka--root[data-style-viewport~=single-util] .doka--menu .doka--button-action-reset{margin-right:auto}.doka--root[data-style-viewport~=x-cramped] .doka--menu{margin-top:-.75em}.doka--root[data-style-viewport~=x-cramped] .doka--menu>button+button{margin-left:.5em}.doka--root[data-style-viewport~=x-cramped][data-style-viewport*=multi-util] .doka--button-action-reset{position:absolute}.doka--root[data-style-viewport~=x-cramped][data-style-viewport*=multi-util] .doka--menu{overflow:hidden;margin:0 1em 1em;padding:0 .6125em;border-radius:1em;background:hsla(0,0%,100%,.1);background:var(--doka-component--background-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--doka-effect--frost);backdrop-filter:var(--doka-effect--frost)}.doka--root[data-style-viewport~=x-cramped][data-style-viewport*=multi-util] .doka--menu>button{margin-left:0}.doka--root[data-view=resize] .doka--menu{background:rgba(0,0,0,.8)!important;background:var(--doka-component--background-dark)!important}.doka--root[data-style-viewport~=single-util][data-style-viewport~=no-flow-controls] .doka--menu{position:absolute;padding:0;left:1em;top:1em;margin:0}.doka--range-input{display:block}.doka--range-input button{position:absolute;top:calc(50% + .25em);height:1.325em;width:2em;bottom:100%;left:calc(50% - 1em);padding:0;margin:0;border:none;font-size:1em;overflow:hidden;color:transparent;background:transparent;outline:transparent}.doka--range-input button:after{content:"";position:absolute;top:calc(50% - .25em);left:calc(50% - .06125em);width:.125em;height:.5em;background:hsla(0,0%,100%,.2);background:var(--doka-range-input-recenter--background);border-radius:.9999em;bottom:0}.doka--range-input[data-centered=true] button:after{background:hsla(0,0%,100%,.2);background:var(--doka-range-input-centered--background)}.doka--range-input input{-webkit-appearance:none;display:block;font-size:1em;width:100%;min-width:auto;min-height:auto;position:absolute;left:.5em;width:calc(100% - 1em);margin:0;padding:0;line-height:0;top:0;height:100%;background:transparent}.doka--range-input input::-webkit-slider-runnable-track{background:transparent}.doka--range-input input::-webkit-slider-thumb{-webkit-appearance:none;line-height:0;margin:0;padding:0;border:none;width:.625em;height:.625em;border-radius:.9999em;transition:box-shadow .25s ease-in-out,background-color .25s ease-in-out;background:#fff;background:var(--doka-range-input-thumb--color)}.doka--range-input input::-moz-range-thumb{line-height:0;margin:0;padding:0;border:none;width:.625em;height:.625em;border-radius:.9999em;transition:box-shadow .25s ease-in-out,background-color .25s ease-in-out;background:#fff;background:var(--doka-range-input-thumb--color)}.doka--range-input input::-ms-thumb{line-height:0;margin:0;padding:0;border:none;width:.625em;height:.625em;border-radius:.9999em;transition:box-shadow .25s ease-in-out,background-color .25s ease-in-out;background:#fff}.doka--range-input input::-ms-ticks-before,.doka--range-input input::-ms-tooltip{display:none}.doka--range-input input::-ms-ticks-after{display:none}.doka--range-input input::-ms-track{color:transparent;border:none;background:transparent}.doka--range-input input::-ms-fill-lower,.doka--range-input input::-ms-fill-upper{background:transparent}.doka--range-input input:focus{outline:transparent}.doka--range-input input:focus::-moz-range-thumb{box-shadow:0 0 0 .5em hsla(0,0%,100%,.15);box-shadow:0 0 0 .5em var(--doka-range-input-thumb-hover--color)}.doka--range-input input:focus::-webkit-slider-thumb{box-shadow:0 0 0 .5em hsla(0,0%,100%,.15);box-shadow:0 0 0 .5em var(--doka-range-input-thumb-hover--color)}.doka--range-input span:hover input::-moz-range-thumb{box-shadow:0 0 0 .5em hsla(0,0%,100%,.15);box-shadow:0 0 0 .5em var(--doka-range-input-thumb-hover--color)}.doka--range-input span:hover input::-webkit-slider-thumb{box-shadow:0 0 0 .5em hsla(0,0%,100%,.15);box-shadow:0 0 0 .5em var(--doka-range-input-thumb-hover--color)}.doka--range-input-inner{display:block;position:relative;flex:1;min-height:2em;overflow:hidden}.doka--range-input-inner:after{content:"";position:absolute;left:.5em;right:.5em;top:calc(50% - .125em);height:.25em;background-color:hsla(0,0%,100%,.2);background-color:var(--doka-range-input--background);transition:background-color .25s ease-in-out;border-radius:.9999em}.doka--resize-form{display:flex;align-items:center;justify-content:center;pointer-events:all;padding:1em 0;margin:0;height:2.5em}.doka--resize-form fieldset,.doka--resize-form legend{border:none;padding:0;margin:0}.doka--resize-form legend{position:absolute;width:1px;height:1px;opacity:0}.doka--resize-form fieldset{margin:0;padding:0;flex:1 0 auto;max-width:17em}.doka--resize-form .doka--size-input{margin:0;width:calc(50% - 1.125em)}.doka--resize-form .doka--checkable{margin:0 .325em;vertical-align:bottom}.doka--resize-form .doka--checkable label{padding:.3125em 0}.doka--resize-form button{margin-right:-3.25em;margin-left:1em;font-size:.875em}.doka--resize-form button svg{width:1.25em;height:1.25em}.doka--root[data-view=resize] .doka--resize-form{background-color:rgba(0,0,0,.8);background-color:var(--doka-component--background-dark)}.doka--root[data-style-viewport~=flow-controls][data-style-viewport~=single-util]:not([data-style-viewport~=x-cramped]) .doka--resize-form{margin-top:-4.5em;background:none}.doka--root[data-style-viewport*=touch] .doka--resize-form button{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.doka--view-stack .doka--resize{height:calc(100% - 1em)!important}.doka--root{box-sizing:content-box;position:relative;overflow:hidden;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:100%;width:100%;line-height:normal;font-size:16px;font-size:var(--doka-font-size);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--doka-font-family);font-weight:450;text-align:left;text-rendering:optimizeLegibility;direction:ltr;display:flex;justify-content:center;align-items:center;color:hsla(0,0%,100%,.9);color:var(--doka-editor--color);background:rgba(0,0,0,.99);background:var(--doka-editor--background-color);contain:strict;transition:background-color .25s ease-in-out,color .25s ease-in-out}.doka--root *{box-sizing:inherit}.doka--root button{box-sizing:border-box}.doka--root:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,0) 80%);background:radial-gradient(ellipse at center,var(--doka-editor--background-ellipse-inner-color) 0,var(--doka-editor--background-ellipse-outer-color) 80%)}.doka--size-input{position:relative;display:inline-flex;cursor:text}.doka--size-input input::-webkit-inner-spin-button,.doka--size-input input::-webkit-outer-spin-button{-webkit-appearance:none}.doka--size-input input::-ms-clear{display:none}.doka--size-input input,.doka--size-input label{padding:.625em .5em;text-indent:.25em;font-size:.875em;font-weight:400;line-height:inherit;cursor:inherit}.doka--size-input label{pointer-events:none;position:absolute;right:0;cursor:text;flex:1;white-space:nowrap;text-align:right;padding-left:0;padding-right:.75em}.doka--size-input input,.doka--size-input label{color:hsla(0,0%,100%,.9);color:var(--doka-editor--color)}.doka--size-input input{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;margin:0;min-width:7em;height:auto;width:100%;font-variant-numeric:tabular-nums;outline:transparent;border-radius:.5em;box-shadow:none;border:none;background-color:hsla(0,0%,100%,.15);background-color:var(--doka-component--background);transition:background-color .1s ease-in-out,color .1s ease-in-out}.doka--size-input input:focus{transition:inherit;border:inherit;background-color:inherit;box-shadow:0 0 0 2px currentColor}.doka--size-input input::-webkit-input-placeholder{color:hsla(0,0%,100%,.3)!important;color:var(--doka-editor--color-dim)!important}.doka--size-input input::-moz-placeholder{color:hsla(0,0%,100%,.3)!important;color:var(--doka-editor--color-dim)!important}.doka--size-input input::-ms-input-placeholder{color:hsla(0,0%,100%,.3)!important;color:var(--doka-editor--color-dim)!important}.doka--size-input input::placeholder{color:hsla(0,0%,100%,.3)!important;color:var(--doka-editor--color-dim)!important}.doka--size-input input:-ms-input-placeholder{color:hsla(0,0%,100%,.3)!important;color:var(--doka-editor--color-dim)!important}@supports ((-webkit-backdrop-filter:var(--doka-effect--frost)) or (backdrop-filter:var(--doka-effect--frost))){.doka--size-input input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--doka-effect--frost);backdrop-filter:var(--doka-effect--frost)}}.doka--status-bubble{pointer-events:none;will-change:transform}.doka--status-bubble p{color:rgba(0,0,0,.8);color:var(--doka-status-bubble--color);background-color:hsla(0,0%,100%,.75);background-color:var(--doka-status-bubble--background);box-shadow:0 .125em 1em rgba(0,0,0,.2);box-shadow:var(--doka-status-bubble--shadow);transition:background-color .25s ease-in-out,color .25s ease-in-out;white-space:nowrap;font-size:.875em;border-radius:9999em;line-height:2;padding:0 1em;margin:0}.doka--status-bubble button+p{padding-right:2.5em}.doka--status-bubble button{position:relative;z-index:1;margin:0;padding:0;border:none;font-family:inherit;font-size:1em;font-weight:400;outline:transparent;display:flex;justify-content:center;align-items:center;pointer-events:all;border-radius:9999em;width:1.125em;height:1.125em;color:hsla(0,0%,100%,.75);color:var(--doka-status-bubble--background);background-color:rgba(0,0,0,.8);background-color:var(--doka-status-bubble--color);position:absolute;right:.3125em;top:.3125em}.doka--status-bubble button svg{width:.875em;height:.875em}.doka--status-bubble button:after{content:"";position:absolute;left:-1em;right:-1em;top:-1em;bottom:-1em}@supports ((-webkit-backdrop-filter:var(--doka-effect--frost)) or (backdrop-filter:var(--doka-effect--frost))){.doka--status-bubble p{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--doka-effect--frost);backdrop-filter:var(--doka-effect--frost);background:hsla(0,0%,100%,.5);background:var(--doka-status-bubble-effect--background)}}.doka--toolbar{z-index:3;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:1.5em 0;pointer-events:none;margin:0 2em}.doka--toolbar>*{pointer-events:all;margin:0 .75em;height:2.5em}.doka--toolbar svg{display:inline-block;flex-shrink:0}.doka--toolbar svg *{transition:opacity .25s ease-out,transform .5s ease-out}.doka--toolbar .doka--button{white-space:nowrap;flex-shrink:0}.doka--root[data-style-viewport~=flow-controls][data-style-viewport~=single-util]:not([data-style-viewport~=x-cramped]) .doka--toolbar{margin:-4.5em 11em 0}.doka--toolbar[data-layout=compact]>*{margin:0 .5em}.doka--root[data-style-viewport~=x-cramped] .doka--toolbar{padding:1em 0}.doka--root[data-style-viewport~=x-cramped] .doka--toolbar>*{margin:0 .25em}.doka--utils{display:flex;justify-content:center;flex:1;margin:-1em 1em;padding:0}.doka--utils>*{pointer-events:all}.doka--utils>*+*{margin-left:1px}.doka--root[data-style-viewport*=x-cramped] .doka--utils{max-width:70%;margin:0 auto} |