.conversation-timer.svelte-hlvv8b{--timer-background: var(--color-bg-main);--timer-size: 36px;--timer-fade-width: 12px;position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--timer-size);height:var(--timer-size);color:var(--color-fg-main);background:var(--timer-background);border-radius:var(--cornerradius-button);transition:opacity var(--popup-fade-duration) ease-out}@starting-style{.conversation-timer.svelte-hlvv8b{opacity:0}}.conversation-timer.svelte-hlvv8b.over-video{--timer-background: transparent;color:#fff}.conversation-timer.svelte-hlvv8b>svg{position:relative;z-index:1;width:20px;height:20px}.time-left-window.svelte-hlvv8b{--timer-fade-gradient: transparent calc(var(--timer-size) / 2), black calc(var(--timer-size) / 2 + var(--timer-fade-width));position:absolute;inset-block:0;inset-inline-end:50%;display:flex;align-items:center;overflow:hidden;-webkit-mask-image:linear-gradient(to left,var(--timer-fade-gradient));mask-image:linear-gradient(to left,var(--timer-fade-gradient));pointer-events:none}.time-left-window.svelte-hlvv8b:dir(rtl){-webkit-mask-image:linear-gradient(to right,var(--timer-fade-gradient));mask-image:linear-gradient(to right,var(--timer-fade-gradient))}.time-left.svelte-hlvv8b{--digit-width: 1ch;--separator-width: .6ch;display:flex;align-items:center;width:calc(var(--time-left-digits) * var(--digit-width) + var(--separator-width));height:100%;padding-inline:12px calc(var(--timer-size) / 2 + var(--timer-fade-width));color:inherit;white-space:nowrap;background:var(--timer-background);border-radius:var(--cornerradius-button);translate:100% 0;transition:translate .45s cubic-bezier(.22,1,.36,1)}.time-left.svelte-hlvv8b>span:where(.svelte-hlvv8b){display:flex;flex-shrink:0;justify-content:center;width:var(--digit-width)}.time-left.svelte-hlvv8b>span:where(.svelte-hlvv8b).separator{width:var(--separator-width)}.time-left.svelte-hlvv8b:dir(rtl){translate:-100% 0}.conversation-timer.time-shown.svelte-hlvv8b .time-left-window:where(.svelte-hlvv8b){pointer-events:auto}.conversation-timer.time-shown.svelte-hlvv8b .time-left:where(.svelte-hlvv8b){translate:0 0}.urgent.svelte-hlvv8b>svg{animation:svelte-hlvv8b-timer-urgent 1s ease-in-out infinite}@keyframes svelte-hlvv8b-timer-urgent{50%{color:var(--color-alert)}}@media(prefers-reduced-motion:reduce){.time-left.svelte-hlvv8b,.time-left.svelte-hlvv8b:dir(rtl){translate:0 0;opacity:0;transition:opacity var(--popup-fade-duration) ease-out}.conversation-timer.time-shown.svelte-hlvv8b .time-left:where(.svelte-hlvv8b){opacity:1}.urgent.svelte-hlvv8b>svg{animation:none;color:var(--color-alert)}}.parent-ui.svelte-n8emsg{--webapp-side-column-padding-inline: var(--webapp-edge-inset-inline);--webapp-side-column-item-size: var(--step-3);--webapp-side-column-width: calc( 2 * var(--webapp-side-column-padding-inline) + var(--webapp-side-column-item-size) );--webapp-layout-padding-block-end: var(--webapp-edge-inset-block-end);--webapp-content-inset-end: var(--webapp-side-column-width);height:100%;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;padding-block-end:var(--webapp-layout-padding-block-end)}.parent-ui.svelte-n8emsg.content-reaches-bottom{--webapp-layout-padding-block-end: 0px}.parent-ui.svelte-n8emsg.has-side-items{--webapp-content-inset-end: 0px}@media(max-width:900px){.parent-ui.svelte-n8emsg{--webapp-content-inset-end: 0px;grid-template-columns:1fr;grid-template-rows:auto 1fr auto}}@media(max-width:500px){.parent-ui.svelte-n8emsg{grid-template-columns:1fr auto;grid-template-rows:auto 1fr minmax(47px,auto)}}header.svelte-n8emsg{grid-row:1;grid-column:1 / -1;display:flex;align-items:center;gap:var(--step--2);padding-block-start:var(--step-1);padding-block-end:var(--step--2);padding-inline:var(--step--1)}@media(max-width:500px){header.svelte-n8emsg{justify-content:space-between}header.svelte-n8emsg.over-video{display:grid;grid-template-columns:1fr auto 1fr;box-sizing:border-box;height:var(--webapp-phone-video-header-height);padding-block:0;padding-inline:var(--step--4);background-color:#fff6}header.svelte-n8emsg.over-video>.settings:where(.svelte-n8emsg){grid-row:1;grid-column:1;justify-self:start;align-self:center}header.svelte-n8emsg.over-video>.logo-container:where(.svelte-n8emsg){grid-column:2}header.svelte-n8emsg.over-video>.center-element:where(.svelte-n8emsg){display:none}header.svelte-n8emsg.over-video>.progress-bar-container:where(.svelte-n8emsg){display:block;grid-column:3;justify-self:end;padding-inline:0;--stepper-width: 72px;--stepper-padding: var(--step--4)}}button.settings.svelte-n8emsg{grid-row:2 / span 1;grid-column:1;height:var(--webapp-side-column-item-size);width:var(--webapp-side-column-item-size);padding:var(--step--4);margin-inline:var(--webapp-side-column-padding-inline);align-self:end}@media(min-width:501px){button.settings.svelte-n8emsg.conversation-panel{position:fixed;inset-inline-start:var(--webapp-edge-inset-inline);inset-block-end:var(--webapp-edge-inset-block-end);z-index:4;margin:0;height:var(--webapp-conversation-control-size);width:var(--webapp-conversation-control-size)}}@media(max-width:900px){button.settings.svelte-n8emsg{grid-row:3;z-index:3}button.settings.svelte-n8emsg.conversation-panel{z-index:4}}@media(max-width:500px){button.settings.svelte-n8emsg{background-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;margin-inline:0}}.webapp-main-ui.svelte-n8emsg{grid-row:2;grid-column:2;overflow:auto}@media(max-width:900px){.webapp-main-ui.svelte-n8emsg{grid-column:1;grid-row:2 / span 2}}@media(max-width:500px){.webapp-main-ui.svelte-n8emsg{grid-column:1 / -1}}.right-side.svelte-n8emsg{grid-row:2 / span 2;grid-column:3;width:var(--webapp-side-column-width);display:flex;flex-direction:column;justify-content:end;padding-inline:var(--webapp-side-column-padding-inline)}@media(max-width:500px){.right-side.svelte-n8emsg{grid-row:2;grid-column:2}}.logo-container.svelte-n8emsg{display:flex;align-items:center;gap:var(--step--4);padding:var(--step--5) var(--step--3)}.logo-container.svelte-n8emsg img:where(.svelte-n8emsg),.logo-container.svelte-n8emsg svg{height:var(--step-1);width:auto;color:var(--color-fg-main)}.logo-container.svelte-n8emsg.white svg{color:#fff}.logo-container.svelte-n8emsg.white img:where(.svelte-n8emsg){filter:brightness(0) invert(1)}.vertical-divider.svelte-n8emsg{width:1px;height:var(--step-1);background-color:color-mix(in srgb,var(--color-fg-main) 10%,transparent)}.center-element.svelte-n8emsg{flex-grow:1}@media(max-width:500px){.center-element.svelte-n8emsg{flex-grow:unset;width:35px}}menu.settings-menu.svelte-n8emsg hr:where(.svelte-n8emsg){border:solid 1px color-mix(in srgb,var(--color-fg-main) 10%,transparent);margin-inline:var(--step--4);margin-block:var(--step--5)}.settings-menu-item.svelte-n8emsg{padding-block:var(--step--4);padding-inline:var(--step--2)}.settings-menu-item.svelte-n8emsg.conversation-panel{-webkit-backdrop-filter:none;backdrop-filter:none}.progress-bar-container.svelte-n8emsg{position:relative;padding-inline:var(--step--2)}@media(max-width:500px){.progress-bar-container.svelte-n8emsg{display:none}}.conversation-timer-container.svelte-n8emsg{position:absolute;inset-block-start:50%;inset-inline-end:100%;translate:0 -50%}@media(max-width:500px){.conversation-timer-container.svelte-n8emsg{inset-block-start:calc(100% + var(--step--4));inset-inline-end:0;translate:none}}.conversation-panel.svelte-n8emsg{color:#fff}.conversation-panel.svelte-n8emsg p:where(.svelte-n8emsg){color:#fff}menu.settings-menu.conversation-panel button.settings-menu-item{border:none;color:#fff;border-radius:var(--step-2);transition:background-color .2s ease}menu.settings-menu.conversation-panel button.settings-menu-item p{color:#fff}menu.settings-menu.conversation-panel button.settings-menu-item:disabled{opacity:.4;cursor:not-allowed}menu.settings-menu.conversation-panel button.settings-menu-item:not(:disabled):hover,menu.settings-menu.conversation-panel button.settings-menu-item:not(:disabled):focus-visible{background-color:#fff3}menu.settings-menu.conversation-panel button.settings-menu-item:not(:disabled):active{background-color:#dcdcdc}