{"version":3,"file":"../css/chunks/src_FloatingCallOverlay_vue.chunk.css?v=2b204cae5467f20a","sources":["webpack:///talk/src/FloatingCallOverlay.vue"],"sourcesContent":["\n@use './assets/variables.scss' as *;\n\n.floating-call__container {\n\tposition: fixed;\n\tinset: 0;\n\tz-index: 2000;\n\n\t// Make container transparent to user events\n\tpointer-events: none;\n\n\t& .floating-call__bar,\n\t& .floating-call__bar *,\n\t& .floating-call__app,\n\t& .floating-call__app * {\n\t\tpointer-events: auto;\n\t\tbox-sizing: border-box;\n\t}\n}\n\n:deep(div) {\n\t// prevent default cursor\n\tcursor: inherit;\n}\n\n.floating-call {\n\tposition: absolute;\n\twidth: 400px;\n\theight: 300px;\n\tborder-radius: var(--border-radius-element);\n\tbox-shadow: 0 0 4px 0 var(--color-box-shadow);\n\n\t&.floating-call--dragging .floating-call__bar {\n\t\t&,\n\t\t& *:not(button) {\n\t\t\tcursor: grabbing;\n\t\t}\n\t}\n}\n\n.floating-call__bar {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr var(--default-clickable-area) 1fr;\n\tgap: var(--default-grid-baseline);\n\talign-items: center;\n\n\theight: calc(var(--default-clickable-area) + var(--default-grid-baseline));\n\tpadding: calc(0.5 * var(--default-grid-baseline)) calc(2 * var(--default-grid-baseline));\n\tborder-start-start-radius: var(--border-radius-element);\n\tborder-start-end-radius: var(--border-radius-element);\n\n\tcolor: var(--color-primary-text);\n\tbackground-color: var(--color-primary);\n\n\t&,\n\t& *:not(button) {\n\t\tcursor: grab;\n\t}\n}\n\n.floating-call__name {\n\tfont-weight: 700;\n\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n}\n\n.floating-call__controls {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\tgap: var(--default-grid-baseline);\n}\n\n.floating-call__app {\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\n\theight: calc(100% - 34px);\n\twidth: 100%;\n\tborder-end-start-radius: var(--border-radius-element);\n\tborder-end-end-radius: var(--border-radius-element);\n\n\tbackground: $color-call-background;\n\n\toverflow: hidden;\n}\n"],"names":[],"mappings":"AAGA,mGAQC,0SASD,qCAKA,mKAQE,qLAOF,ifAcC,mGAMD,gHAQA,iHAMA"}