@cloudron/pankow 3.2.6 → 3.2.7

package/gallery/folder.svg

@@ -1,151 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   viewBox="174.076 909 512 512"
-   version="1.1"
-   fill="none"
-   id="svg8"
-   sodipodi:docname="folder.svg"
-   width="512"
-   height="512"
-   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
-   xml:space="preserve"
-   inkscape:export-filename="logo.png"
-   inkscape:export-xdpi="96"
-   inkscape:export-ydpi="96"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns:penpot="https://penpot.app/xmlns"><defs
-     id="defs9"><linearGradient
-       id="linearGradient5606"
-       inkscape:swatch="solid"><stop
-         style="stop-color:#000000;stop-opacity:1;"
-         offset="0"
-         id="stop5608" /></linearGradient></defs><sodipodi:namedview
-     id="namedview8"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="true"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:export-bgcolor="#87878700"
-     inkscape:zoom="0.84864112"
-     inkscape:cx="283.98341"
-     inkscape:cy="262.77303"
-     inkscape:window-width="1920"
-     inkscape:window-height="1014"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g9" /><penpot:page
-     id="12c52011-66fe-81c0-8003-52d94eb6a788" /><g
-     id="g9"
-     transform="matrix(1.9743069,0,0,1.9743069,-125.84144,-864.32392)"><g
-       id="shape-63d8ddae-017c-80b2-8003-538c8d85f944"
-       style="fill:#0071e3;fill-opacity:1"
-       transform="translate(1.6491862e-7,-24.990782)"><penpot:shape
-         penpot:name="Exclude"
-         penpot:type="bool"
-         penpot:center-x="281.57605276372016"
-         penpot:center-y="1063.2326368678678"
-         penpot:bool-type="exclude"><penpot:fills><penpot:fill
-             penpot:fill-color="#ffffff"
-             penpot:fill-opacity="1" /></penpot:fills></penpot:shape><defs
-         id="defs3" /><g
-         class="fills"
-         id="fills-63d8ddae-017c-80b2-8003-538c8d85f944"
-         style="fill:#0071e3;fill-opacity:1"><path
-           rx="0"
-           ry="0"
-           style="fill:#0071e3;fill-opacity:1"
-           d="m 174.076,958.98156 v 48.62444 h 215 V 993.173 H 268.113 l -24.16555,-34.19144 z m 0,53.34544 v 123.434 c 0,10.342 0.533,10.972 11.696,10.972 h 191.82 c 11.163,0 11.425,-0.63 11.425,-10.972 v -123.434"
-           id="path3"
-           sodipodi:nodetypes="ccccccccssssc" /></g><penpot:bool><g
-           id="shape-3379d6d5-d382-80fe-8003-52dc53a94fc4"><penpot:shape
-             penpot:name="path4162"
-             penpot:type="path"
-             penpot:transform="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)"
-             penpot:transform-inverse="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)"
-             penpot:proportion="1"
-             penpot:proportion-lock="false"
-             penpot:rotation="0"
-             penpot:center-x="281.57605276372004"
-             penpot:center-y="1081.5"><penpot:svg-import
-               penpot:svg-viewbox-x="20.999954664172378"
-               penpot:svg-viewbox-y="37.8143709651832"
-               penpot:svg-viewbox-width="470.00002439592663"
-               penpot:svg-attrs="inkscape:export-ydpi,sodipodi:cx,sodipodi:r2,sodipodi:cy,inkscape:export-xdpi,inkscape:randomized,inkscape:flatsided,sodipodi:r1,style,sodipodi:arg2,id,sodipodi:arg1,sodipodi:sides,sodipodi:type,inkscape:rounded"
-               penpot:svg-viewbox-height="436.3700955661577"
-               penpot:svg-transform="matrix(10.563485, -6.202890, 6.098831, 10.743720, 733.517923, 1406.566265)"
-               penpot:svg-style="stroke-dasharray:none; stroke-dashoffset:0; stroke-miterlimit:4" /><penpot:fills><penpot:fill
-                 penpot:fill-color="#2c91f3"
-                 penpot:fill-opacity="1" /></penpot:fills></penpot:shape><defs /><g
-             class="fills"
-             id="fills-3379d6d5-d382-80fe-8003-52dc53a94fc4"><path
-               rx="0"
-               ry="0"
-               style="stroke-dasharray:none;stroke-dashoffset:0;stroke-miterlimit:4;opacity:1;fill:#2c91f3;fill-opacity:1"
-               d="M309.391,1032.681C315.390,1036.213,337.085,1074.530,337.076,1081.577C337.067,1088.623,315.269,1126.881,309.261,1130.396C303.253,1133.911,259.760,1133.851,253.761,1130.319C247.762,1126.787,226.067,1088.470,226.076,1081.424C226.085,1074.377,247.883,1036.120,253.891,1032.605C259.899,1029.089,303.393,1029.150,309.391,1032.681ZL309.391,1032.681Z" /></g></g><g
-           id="shape-3379d6d5-d382-80fe-8003-52dce9b1dcef"
-           rx="0"
-           ry="0"><penpot:shape
-             penpot:name="Group"
-             penpot:type="group"
-             penpot:transform="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)"
-             penpot:transform-inverse="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)"
-             penpot:rotation="0"
-             penpot:center-x="281.57605276372004"
-             penpot:center-y="1063.2326368678669" /><defs /><g
-             id="shape-3379d6d5-d382-80fe-8003-52dc653dcc13"><penpot:shape
-               penpot:name="path3028"
-               penpot:type="path"
-               penpot:transform="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)"
-               penpot:transform-inverse="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)"
-               penpot:proportion="1"
-               penpot:proportion-lock="false"
-               penpot:rotation="0"
-               penpot:center-x="281.57605276372016"
-               penpot:center-y="993.6692471822817"><penpot:svg-import
-                 penpot:svg-viewbox-x="135.40180287754544"
-                 penpot:svg-viewbox-y="148.96844666542407"
-                 penpot:svg-viewbox-width="241.19641334094166"
-                 penpot:svg-attrs="style,id,inkscape:connector-curvature,sodipodi:nodetypes"
-                 penpot:svg-viewbox-height="34.4566283105855"
-                 penpot:svg-transform="matrix(0.937500, 0.000000, 0.000000, 0.937500, 607.001240, -33.324082)"
-                 penpot:svg-style="display:inline" /><penpot:fills><penpot:fill
-                   penpot:fill-color="#ffffff"
-                   penpot:fill-opacity="1" /></penpot:fills></penpot:shape><defs /><g
-               class="fills"
-               id="fills-3379d6d5-d382-80fe-8003-52dc653dcc13"><path
-                 rx="0"
-                 ry="0"
-                 style="display:inline;fill:#ffffff;fill-opacity:1"
-                 d="M174.076,979.733L174.076,1007.606L389.076,1007.606L389.076,993.173L268.113,993.173L254.679,979.733L174.076,979.733Z" /></g></g><g
-             id="shape-3379d6d5-d382-80fe-8003-52dc653dcc14"><penpot:shape
-               penpot:name="path3040"
-               penpot:type="path"
-               penpot:transform="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)"
-               penpot:transform-inverse="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)"
-               penpot:proportion="1"
-               penpot:proportion-lock="false"
-               penpot:rotation="0"
-               penpot:center-x="281.54670594203316"
-               penpot:center-y="1079.529826016343"><penpot:svg-import
-                 penpot:svg-viewbox-x="118.17348830854957"
-                 penpot:svg-viewbox-y="190.7484118512728"
-                 penpot:svg-viewbox-width="275.6530424789334"
-                 penpot:svg-attrs="style,id,inkscape:connector-curvature,sodipodi:nodetypes"
-                 penpot:svg-viewbox-height="172.28315092792678"
-                 penpot:svg-transform="matrix(0.937500, 0.000000, 0.000000, 0.937500, 607.001240, -33.324082)"
-                 penpot:svg-style="display:inline" /><penpot:fills><penpot:fill
-                   penpot:fill-color="#ffffff"
-                   penpot:fill-opacity="1" /></penpot:fills></penpot:shape><defs /><g
-               class="fills"
-               id="fills-3379d6d5-d382-80fe-8003-52dc653dcc14"><path
-                 rx="0"
-                 ry="0"
-                 style="display:inline;fill:#ffffff;fill-opacity:1"
-                 d="M174.076,1012.327L174.076,1135.761C174.076,1146.103,174.609,1146.733,185.772,1146.733L377.592,1146.733C388.755,1146.733,389.017,1146.103,389.017,1135.761L389.017,1012.327" /></g></g></g></penpot:bool></g></g></svg>

package/gallery/index.html

@@ -1,25 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
-    <title>Pankow</title>
-    <link rel="shortcut icon" type="image/png" href="logo.png">
-    <style>
-      @media (prefers-color-scheme: dark) {
-          body {
-            background-color: black;
-          }
-      }
-    </style>
-
-  </head>
-  <body>
-    <noscript>
-      <strong>We're sorry but pankow doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
-    <div id="app"></div>
-    <script type="module" src="index.js"></script>
-  </body>
-</html>

package/gallery/index.js

@@ -1,10 +0,0 @@
-import { createApp } from 'vue';
-
-import Index from './Index.vue';
-import tooltip from '../tooltip.js';
-
-const app = createApp(Index);
-
-app.directive('tooltip', tooltip);
-
-app.mount('#app');

package/gallery/vite.config.mjs

@@ -1,9 +0,0 @@
-import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue';
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [
-    vue()
-  ]
-});

package/logo.svg

@@ -1,78 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="512"
-   height="512"
-   viewBox="0 0 128 128"
-   version="1.1"
-   id="svg1"
-   xml:space="preserve"
-   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
-   sodipodi:docname="logo.svg"
-   inkscape:export-filename="logo.png"
-   inkscape:export-xdpi="96"
-   inkscape:export-ydpi="96"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:document-units="px"
-     inkscape:zoom="0.72159091"
-     inkscape:cx="166.99213"
-     inkscape:cy="286.86614"
-     inkscape:window-width="1920"
-     inkscape:window-height="1014"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1"
-     showgrid="false" /><defs
-     id="defs1"><inkscape:path-effect
-       effect="fillet_chamfer"
-       id="path-effect2"
-       is_visible="true"
-       lpeversion="1"
-       nodesatellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1"
-       radius="0"
-       unit="px"
-       method="auto"
-       mode="F"
-       chamfer_steps="1"
-       flexible="false"
-       use_knot_distance="true"
-       apply_no_radius="true"
-       apply_with_radius="true"
-       only_selected="false"
-       hide_knots="false" /><inkscape:path-effect
-       effect="fillet_chamfer"
-       id="path-effect1"
-       is_visible="true"
-       lpeversion="1"
-       nodesatellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0.44357024,0,1 @ F,0,0,1,0,0.63159802,0,1 @ F,0,0,1,0,0.64142375,0,1 @ F,0,0,1,0,0.63159802,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0.56999564,0,1 @ F,0,0,1,0,0.72306358,0,1 @ F,0,0,1,0,0.56999564,0,1 @ F,0,0,1,0,1.3746314,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1"
-       radius="0"
-       unit="px"
-       method="auto"
-       mode="F"
-       chamfer_steps="1"
-       flexible="false"
-       use_knot_distance="true"
-       apply_no_radius="true"
-       apply_with_radius="true"
-       only_selected="false"
-       hide_knots="false" /></defs><g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"><path
-       style="fill:#0071e3;stroke-width:1.88633;fill-opacity:1"
-       d="m 98.699074,29.935301 c -0.163123,0.23219 -47.75949,64.957442 -47.75949,64.957442 V 65.609386 L 80.652312,23.736848 c 0,0 0.671306,-1.036796 0.815875,-1.569383 0.144569,-0.532587 -0.08164,-1.891281 -0.645525,-2.571973 C 80.394236,19.078318 79.906399,18.982723 78.99392,18.75 c -0.912479,-0.232723 -31.804336,0 -31.804336,0 l -0.75,1 V 122 l 2,3.5 -1,1 h -22 l -1,-1 2,-3.5 V 8.5 l -2,-6 1,-1 h 56.418279 c 9.996284,0 15.038793,0.4010722 18.690077,5.8074305 4.23554,6.2714565 4.34067,13.8176305 -1.848866,22.6278705 z"
-       id="path1"
-       sodipodi:nodetypes="sccczazccccccccccczas" /></g></svg>

package/style.css

@@ -1,370 +0,0 @@
-[v-cloak] {
-  display: none;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-:root {
-  --font-family: 'Inter';
-
-  --pankow-body-background-color: white;
-
-  --pankow-text-color: #333;
-  --pankow-text-color-alt: #333;
-  --pankow-text-color-white: white;
-
-  --pankow-color-dark: #495057;
-  --pankow-color-dark-secondary: #495057;
-
-  --pankow-color-background: #f8f8f8;
-  --pankow-color-background-hover: #e9ecef;
-
-  --pankow-color-light-dark: #ced4da;
-
-  --pankow-tooltip-background-color: rgba(0,0,0,0.5);
-  --pankow-tooltip-text-color: white;
-
-  --pankow-color-primary: #1a76bf;
-  --pankow-color-primary-hover: #0d89ec;
-  --pankow-color-primary-active: #0b7ad1;
-
-  --pankow-color-danger: #ca3636;
-  --pankow-color-danger-hover: #e24949;
-  --pankow-color-danger-active: #970d0d;
-
-  --pankow-color-success: #0e893b;
-  --pankow-color-success-hover: #1d9b4c;
-  --pankow-color-success-active: #17773b;
-
-  --pankow-color-secondary: #607D8B;
-  --pankow-color-secondary-hover: #889ba3;
-  --pankow-color-secondary-active: #324650;
-
-  --pankow-box-shadow: 0 2px 5px rgba(0,0,0,.1);
-  --pankow-menu-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;
-  --pankow-notification-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
-
-  --pankow-input-vertial-padding: 6px;
-  --pankow-input-horizontal-padding: max(7px, var(--pankow-border-radius));
-  --pankow-input-background-color: white;
-  --pankow-input-border-color: #ced4da;
-  --pankow-input-border-color-hover: var(--pankow-color-dark);
-  --pankow-input-border-color-focus: var(--pankow-color-primary-hover);
-
-  --pankow-dialog-background-color: white;
-  --pankow-dialog-backdrop-color: rgba(0,0,0,.4);
-
-  --pankow-border-radius: 4px;
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-html, body {
-  margin: 0;
-  padding: 0;
-  width: 100%;
-  height: 100%;
-  font-size: 14px; /* this also defines the overall widget size as all sizes are in rem */
-  font-family: var(--font-family);
-  font-weight: 400;
-  color: var(--pankow-text-color);
-  overflow: hidden;
-}
-
-input {
-  accent-color: var(--pankow-color-primary);
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --pankow-body-background-color: black;
-
-    --pankow-text-color: #ced4da;
-    --pankow-text-color-alt: #495057;
-    --pankow-text-color-white: #ced4da;
-
-    --pankow-input-background-color: #1b1e21;
-    --pankow-input-border-color: #1b1e21;
-    --pankow-input-border-color-hover: #ced4da;
-
-    --pankow-color-background: #1b1e21;
-    --pankow-color-background-hover: var(--pankow-color-dark);
-
-    --pankow-dialog-background-color: #32383e;
-    --pankow-dialog-backdrop-color: rgba(0,0,0,.7);
-
-    --pankow-tooltip-background-color: rgba(255,255,255,0.5);
-    --pankow-tooltip-text-color: black;
-  }
-}
-
-a {
-  color: var(--pankow-color-dark);
-  text-decoration: none;
-}
-
-@media (prefers-color-scheme: dark) {
-  a {
-    color: var(--pankow-color-light-dark);
-  }
-}
-
-a:hover {
-  color: var(--pankow-color-primary-hover);
-}
-
-code {
-  background-color: var(--pankow-color-light-dark);
-  border-radius: 2px;
-  padding: 0 5px;
-}
-
-@media (prefers-color-scheme: dark) {
-  code {
-    background-color: var(--pankow-color-dark);
-  }
-}
-
-label {
-  display: block;
-  font-weight: bold;
-  margin-top: 10px;
-  margin-bottom: 6px;
-}
-
-select {
-  font-size: 14px;
-  color: var(--pankow-text-color);
-  margin: 4px 0;
-  margin-inline: 4px;
-  background-color: var(--pankow-input-background-color);
-  padding: 7px 18px;
-  border-radius: var(--pankow-border-radius);
-  display: inline-block;
-  border: 1px solid var(--pankow-input-border-color);
-  transition: border-color 250ms;
-  cursor: pointer;
-}
-
-select:hover {
-  border: 1px solid var(--pankow-color-dark);
-}
-
-select:focus {
-  border: 1px solid var(--pankow-color-primary-hover);
-  outline: none;
-}
-
-textarea {
-  font-size: 14px;
-  color: var(--pankow-text-color);
-  margin: 6px 0;
-  background-color: var(--pankow-input-background-color);
-  padding: 6px;
-  border-radius: var(--pankow-border-radius);
-  display: inline-block;
-  border: 1px solid var(--pankow-input-border-color);
-  transition: border-color 250ms;
-}
-
-textarea:hover {
-  border: 1px solid var(--pankow-color-dark);
-}
-
-textarea:focus {
-  border: 1px solid var(--pankow-color-primary-hover);
-  outline: none;
-}
-
-@media (max-width: 576px) {
-  .pankow-no-mobile {
-    display: none !important;
-  }
-}
-
-@media (min-width: 575px) {
-  .pankow-no-desktop {
-    display: none !important;
-  }
-}
-
-.pankow-tooltip {
-  position: absolute;
-  border-radius: var(--pankow-border-radius);
-  background-color: var(--pankow-tooltip-background-color);
-  backdrop-filter: blur(10px);
-  color: var(--pankow-tooltip-text-color);
-  padding: 4px 7px;
-  font-size: 12px;
-  z-index: 6000;
-  text-align: center;
-}
-
-.has-error {
-  color: var(--pankow-color-danger);
-}
-
-.pankow-fade-enter-active,
-.pankow-fade-leave-active {
-  transition: opacity 0.5s ease;
-}
-
-.pankow-fade-enter-from,
-.pankow-fade-leave-to {
-  opacity: 0;
-}
-
-.pankow-scale-enter-active,
-.pankow-scale-leave-active {
-  transition: transform 0.2s ease;
-}
-
-.pankow-scale-enter-from,
-.pankow-scale-leave-to {
-  transform: scale(0);
-}
-
-.pankow-fade-fast-enter-active,
-.pankow-fade-fast-leave-active {
-  transition: opacity 0.2s ease;
-}
-
-.pankow-fade-fast-enter-from,
-.pankow-fade-fast-leave-to {
-  opacity: 0;
-}
-
-.pankow-roll-down-enter-active {
-  transform-origin: center top;
-  animation: pankow-roll-down-in 0.1s;
-}
-
-.pankow-roll-down-leave-active {
-  transform-origin: center top;
-  animation: pankow-roll-down-in 0.1s reverse;
-}
-
-@keyframes pankow-roll-down-in {
-  0% {
-    opacity: 0;
-    transform: scaleY(0.7);
-  }
-
-  100% {
-    opacity: 1;
-    transform: scaleY(1);
-  }
-}
-
-.pankow-roll-up-enter-active {
-  transform-origin: center bottom;
-  animation: pankow-roll-up-in 0.1s;
-}
-
-.pankow-roll-up-leave-active {
-  transform-origin: center bottom;
-  animation: pankow-roll-up-in 0.1s reverse;
-}
-
-@keyframes pankow-roll-up-in {
-  0% {
-    opacity: 0;
-    transform: scaleY(0.7);
-  }
-
-  100% {
-    opacity: 1;
-    transform: scaleY(1);
-  }
-}
-
-
-.pankow-animation-pop-down-enter-active {
-  transform-origin: center top;
-  animation: pankow-animation-pop-down-in 0.1s;
-}
-
-.pankow-animation-pop-down-leave-active {
-  transform-origin: center top;
-  animation: pankow-animation-pop-down-in 0.1s reverse;
-}
-
-@keyframes pankow-animation-pop-down-in {
-  0% {
-    opacity: 0;
-    transform: scale(0.7);
-  }
-
-  100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-.pankow-animation-pop-up-enter-active {
-  transform-origin: center bottom;
-  animation: pankow-animation-pop-up-in 0.1s;
-}
-
-.pankow-animation-pop-up-leave-active {
-  transform-origin: center bottom;
-  animation: pankow-animation-pop-up-in 0.1s reverse;
-}
-
-@keyframes pankow-animation-pop-up-in {
-  0% {
-    opacity: 0;
-    transform: scale(0.7);
-  }
-
-  100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-.pankow-bounce-center-enter-active {
-  animation: pankow-bounce-center-in 0.2s;
-}
-
-.pankow-bounce-center-leave-active {
-  animation: pankow-bounce-center-in 0.2s reverse;
-}
-
-@keyframes pankow-bounce-center-in {
-  0% {
-    opacity: 0;
-    transform: translateX(-50%) translateY(-50%) scale(0.9);
-  }
-
-  100% {
-    opacity: 1;
-    transform: translateX(-50%) translateY(-50%) scale(1);
-  }
-}
-
-.pankow-bounce-center-top-enter-active {
-  animation: pankow-bounce-center-top-in 0.2s;
-}
-
-.pankow-bounce-center-top-leave-active {
-  animation: pankow-bounce-center-top-in 0.2s reverse;
-}
-
-@keyframes pankow-bounce-center-top-in {
-  0% {
-    opacity: 0;
-    transform: translateX(-50%) scale(0.9);
-  }
-
-  100% {
-    opacity: 1;
-    transform: translateX(-50%) scale(1);
-  }
-}