/* Frost presentation entry point. */
@import url('frost-design.css');

#selectionToolbar,#forwardRecipientBanner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid var(--border,#354052)!important;border-radius:16px;background:var(--panel,#151a24);padding:10px 12px;box-shadow:0 6px 24px #0003}#selectionToolbar .sec{padding:8px 12px}#forwardRecipientBanner{position:absolute;bottom:80px;left:18px;right:18px;z-index:20}#forwardRecipientBanner b{flex:1}

.social-auth svg{width:23px;height:23px;flex:none}.social-auth button{display:flex;align-items:center;justify-content:center;gap:10px}

html:not([data-animations="false"]) button,html:not([data-animations="false"]) .row{transition:background-color .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}html:not([data-animations="false"]) button:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){button,.row{transition:none!important;animation:none!important}}html[data-animations="false"] button,html[data-animations="false"] .row{transition:none!important;animation:none!important}

/* Independent screen sound remains reachable in the tile and in fullscreen. */
#screens .screen-share-tile>.screen-share-label{top:8px;bottom:auto;right:46px;width:max-content;max-width:calc(100% - 64px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;background:#0b101bd9;pointer-events:none}
.screen-share-tile .screen-audio-controls{position:absolute;left:8px;right:8px;bottom:8px;z-index:3;box-sizing:border-box;display:grid;grid-template-columns:32px auto minmax(36px,1fr) 58px;align-items:center;gap:8px;max-width:440px;min-width:0;padding:7px 9px 7px 5px;border:1px solid #ffffff24;border-radius:13px;background:#101722ed;color:#f1f5ff;box-shadow:0 3px 16px #0005;backdrop-filter:blur(12px);font-size:12px;line-height:1.2;cursor:default}
.screen-share-tile .screen-audio-controls .screen-audio-mute{position:static;display:grid;place-items:center;width:32px;height:32px;min-width:32px;min-height:32px;margin:0;padding:0;border:0;border-radius:9px;background:#ffffff13;color:inherit;cursor:pointer}
.screen-share-tile .screen-audio-controls .screen-audio-mute:hover{background:#ffffff26}
.screen-share-tile .screen-audio-controls .screen-audio-mute:focus-visible{outline:2px solid #83b7ff;outline-offset:2px}
.screen-share-tile .screen-audio-controls .screen-audio-label{position:static;margin:0;padding:0;background:none;color:inherit;font-size:11px;font-weight:600;white-space:nowrap}
.screen-share-tile .screen-audio-controls input[type=range]{display:block;box-sizing:border-box;width:100%;min-width:0;height:26px;margin:0;padding:0;accent-color:#74aaff;cursor:pointer}
.screen-share-tile .screen-audio-controls output{position:static;min-width:0;background:none;padding:0;text-align:right;font-variant-numeric:tabular-nums;font-size:11px;white-space:nowrap;color:#bbcff1}
.screen-share-tile .screen-audio-controls.is-muted .screen-audio-mute{color:#a9c9ff;background:#315d9255}
.screen-share-tile .screen-audio-controls.is-unavailable{opacity:.78}
.screen-share-tile .screen-audio-controls button:disabled,.screen-share-tile .screen-audio-controls input:disabled{cursor:default;opacity:.5}
.screen-share-tile:fullscreen,.screen-share-tile:-webkit-full-screen{width:100vw;height:100dvh;max-width:none!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;border-radius:0;background:#05080e;overflow:hidden}
.screen-share-tile:fullscreen>video,.screen-share-tile:-webkit-full-screen>video{height:100%!important;max-height:none!important;object-fit:contain}
.screen-share-tile:fullscreen .screen-audio-controls,.screen-share-tile:-webkit-full-screen .screen-audio-controls{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));max-width:440px}
@media(max-width:420px){.screen-share-tile .screen-audio-controls{grid-template-columns:30px minmax(36px,1fr) 58px;gap:6px}.screen-share-tile .screen-audio-controls .screen-audio-label{display:none}}
@media(max-width:600px){#screens{flex-wrap:wrap;overflow-y:auto!important;overscroll-behavior:contain}#screens>.tile{flex:1 0 100%!important}#screens>.screen-share-tile{order:-1}}
