.side-panel-transition{position:fixed;z-index:40;transition-property:-webkit-transform;transition-property:transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.side-panel-transition.is-open,.side-panel-transition.will-close,.side-panel-transition--left-enter,.side-panel-transition--right-enter{z-index:50}.side-panel-transition--left{top:0;bottom:0;left:-320px}.side-panel-transition--left-enter{-webkit-transform:translateX(0);transform:translate(0)}.side-panel-transition--left-enter.side-panel-transition--left-enter-active,.side-panel-transition--left-enter-done{-webkit-transform:translateX(320px);transform:translate(320px)}.side-panel-transition--left-exit{-webkit-transform:translateX(0);transform:translate(0)}.side-panel-transition--left-exit-active{-webkit-transform:translateX(-320px);transform:translate(-320px)}.side-panel-transition--right{top:0;bottom:0;right:0}.side-panel-transition--right.is-open{-webkit-transform:translateX(-320px);transform:translate(-320px)}.side-panel-transition--right-enter{-webkit-transform:translateX(0);transform:translate(0)}.side-panel-transition--right-enter-active,.side-panel-transition--right-exit{-webkit-transform:translateX(-320px);transform:translate(-320px)}.side-panel-transition--right-exit.side-panel-transition--right-exit-active{-webkit-transform:translateX(0);transform:translate(0)}.side-panel-with-strap__straps{position:absolute;top:8px;right:0}@media (min-width: 600px){.side-panel-with-strap__straps{top:64px}}@media (min-width: 810px){.side-panel-with-strap__straps{top:8px}}.side-panel-with-strap__straps--workflow-active{top:68px}.side-panel-with-strap{color:var(--COLOR-ON-SURFACE-HIGH-EMPHASIS)}.side-panel-with-strap__strap{z-index:20;border:none;border-radius:calc(var(--BORDER-RADIUS) / 2) 0 0 calc(var(--BORDER-RADIUS) / 2);background-color:var(--COLOR-SURFACE);box-shadow:0 2px 5px #00000029,0 2px 10px #0000001f;clip-path:inset(-10px 0px -10px -10px);--webkit-clip-path: inset(-10px 0px -10px -10px);color:var(--COLOR-ON-SURFACE-HIGH-EMPHASIS);margin-bottom:8px}.side-panel-with-strap__strap:hover,.side-panel-with-strap__strap:focus{background-color:var(--COLOR-SURFACE)}.side-panel-with-strap__strap--active{z-index:99;color:var(--COLOR-PRIMARY-NORMAL)}.side-panel-with-strap__side-panel-drawer--map-active{margin-top:0!important}.side-panel-with-strap__side-panel-drawer--workflow-active{top:56px!important}.side-panel-drawer{position:absolute;z-index:40;top:0;bottom:0;left:0;width:320px;background-color:var(--COLOR-SURFACE);box-shadow:0 16px 28px #00000038,0 25px 55px #00000036}.side-panel-drawer__container{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}