Skip to content

Instantly share code, notes, and snippets.

@jdm
Created June 18, 2020 17:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jdm/4e9e6c31c5f2cb4c05661e5cfc8cd078 to your computer and use it in GitHub Desktop.
Save jdm/4e9e6c31c5f2cb4c05661e5cfc8cd078 to your computer and use it in GitHub Desktop.
<style>
body {
background-color: #222222;
--menu-background-color: white;
--menu-icon-color: #202020;
--unfavorited-color: gray;
--action-button-secondary-background: white;
}
.ui-root__nag-corner-button__3TFW5 button, .ui-root__choose-scene-button__3VNdD {
background-color: var(--action-button-secondary-background);
color: var(--action-label-color, #FF3464);
}
.ui-root__object-list-button__1qF67 svg, .ui-root__presence-list-button__2EuQv svg {
width: 26px !important;
height: 26px;
}
svg:not(:root).svg-inline--fa {
overflow: visible;
}
.ui-root__nag-corner-button__3TFW5 button {
white-space: nowrap;
pointer-events: auto;
}
.svg-inline--fa.fa-w-12 {
width: 0.75em;
}
.svg-inline--fa {
display: inline-block;
font-size: inherit;
height: 1em;
overflow: visible;
vertical-align: -.125em;
}
.ui-root__ui__33CMU {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
pointer-events: none;
}
._2d-hud__container__66GRt {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
pointer-events: none;
}
._2d-hud__container__66GRt._2d-hud__top__3PiNe {
top: 16px;
}
._2d-hud__panel__2oM_T {
display: flex;
position: relative;
justify-content: space-around;
align-items: center;
padding: 5px;
background-color: var(--hud-panel-background);
border-radius: 30px;
}
._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti {
top: 60px;
z-index: 0;
width: 350px;
}
._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
border-radius: 28px;
border: 0;
pointer-events: auto;
z-index: 2;
font-size: 0.8em;
color: var(--notice-text-color, white);
padding: 12px 24px;
background-color: var(--notice-background-color, #2F80ED);
text-align: center;
}
._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti ._2d-hud__attach_mute_mode__153iB {
left: 143px;
}
._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti ._2d-hud__attach-point__17FSc {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid var(--notice-background-color, #2F80ED);
position: absolute;
top: -5px;
}
._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti {
pointer-events: auto;
font-size: 0.8em;
color: var(--notice-text-color, white);
text-align: center;
}
._2d-hud__iconButton__3faJz._2d-hud__video-share__38X7W {
position: relative;
}
._2d-hud__iconButton__3faJz {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline-style: none;
width: 40px;
height: 40px;
background-size: 100%;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin: 0px 6px;
border: 0;
}
._2d-hud__iconButtonIcon__3uFYG {
width: 100%;
height: 100%;
color: var(--notice-background-color, #2F80ED);
}
._2d-hud__spawn__1FoBz {
color: var(--action-color, #FF3464);
}
._2d-hud__iconButton__3faJz._2d-hud__disabled__3ylbZ {
filter: contrast(0.1);
}
.ui-root__nag-corner-button__3TFW5 {
position: absolute;
z-index: 1;
bottom: 4px;
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
height: 80px;
pointer-events: none;
}
.ui-root__in-room-favorite-button__2I0Kj {
position: absolute;
z-index: 1;
bottom: 0;
left: 16px;
margin: 22px 0;
padding: 0;
background-color: var(--overlay-button-background-color);
display: flex;
align-items: center;
justify-content: center;
pointer-events: auto;
cursor: pointer;
border-radius: 24px;
font-size: 1.3em;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline-style: none;
border: 0;
width: 43px;
height: 43px;
color: var(--unfavorited-color);
}
.ui-root__nag-corner-button__3TFW5 .ui-root__help-button__1cq2F {
color: var(--menu-icon-color);
width: 43px;
height: 43px;
min-width: auto;
font-size: 1.2em;
}
.ui-root__nag-corner-button__3TFW5 button, .ui-root__choose-scene-button__3VNdD, .ui-root__leave-button__29u2_, .ui-root__interstitial__1cotl div {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
text-decoration: none;
outline-style: none;
font-weight: bold;
cursor: pointer;
border: 0;
border-radius: 28px;
padding: 0px 18px;
background: var(--action-color, #FF3464);
font-size: 1em;
color: var(--action-text-color, white);
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
min-width: 150px;
height: 48px;
}
.ui-root__nag-corner-button__3TFW5 button {
margin-right: 12px;
margin-left: 12px;
white-space: nowrap;
border: none;
pointer-events: auto;
}
.ui-root__nag-corner-button__3TFW5 button, .ui-root__choose-scene-button__3VNdD {
background-color: var(--action-button-secondary-background);
color: var(--action-label-color, #FF3464);
}
.ui-root__object-list-button__1qF67 {
top: 16px;
right: 122px;
justify-content: space-evenly;
}
.ui-root__object-list-button__1qF67, .ui-root__presence-list-button__2EuQv {
width: 90px;
min-width: 90px;
height: 44px;
justify-content: space-evenly;
}
.ui-root__object-list-button__1qF67, .ui-root__presence-list-button__2EuQv {
pointer-events: auto;
cursor: pointer;
position: absolute;
padding: 0px;
z-index: 1;
display: flex;
align-items: center;
background-color: var(--menu-background-color);
color: var(--menu-icon-color);
border-radius: 24px;
border-style: none;
border-width: 0px;
}
.ui-root__presence-list-button__2EuQv {
top: 16px;
right: 16px;
}
.ui-root__object-list-button__1qF67, .ui-root__presence-list-button__2EuQv {
width: 90px;
min-width: 90px;
height: 44px;
justify-content: space-evenly;
}
.ui-root__object-list-button__1qF67, .ui-root__presence-list-button__2EuQv {
pointer-events: auto;
cursor: pointer;
position: absolute;
padding: 0px;
z-index: 1;
display: flex;
align-items: center;
background-color: var(--menu-background-color);
color: var(--menu-icon-color);
border-radius: 24px;
border-style: none;
border-width: 0px;
}
</style>
<div id="ui-root">
<div style="height: 100vh">
<div>
<button title="Media" aria-label="Toggle list of 12 objects" class="ui-root__object-list-button__1qF67"><svg aria-hidden="true" data-prefix="fas" data-icon="cubes" class="svg-inline--fa fa-cubes fa-w-16 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path fill="currentColor" d="M488.6 250.2L392 214V105.5c0-15-9.3-28.4-23.4-33.7l-100-37.5c-8.1-3.1-17.1-3.1-25.3 0l-100 37.5c-14.1 5.3-23.4 18.7-23.4 33.7V214l-96.6 36.2C9.3 255.5 0 268.9 0 283.9V394c0 13.6 7.7 26.1 19.9 32.2l100 50c10.1 5.1 22.1 5.1 32.2 0l103.9-52 103.9 52c10.1 5.1 22.1 5.1 32.2 0l100-50c12.2-6.1 19.9-18.6 19.9-32.2V283.9c0-15-9.3-28.4-23.4-33.7zM358 214.8l-85 31.9v-68.2l85-37v73.3zM154 104.1l102-38.2 102 38.2v.6l-102 41.4-102-41.4v-.6zm84 291.1l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6zm240 112l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6z"></path>
</svg>
<span>12</span>
</button>
</div>
<div>
<button title="Members" aria-label="Toggle list of 2 members" class="ui-root__presence-list-button__2EuQv">
<svg aria-hidden="true" data-prefix="fas" data-icon="users" class="svg-inline--fa fa-users fa-w-20 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
<path fill="currentColor" d="M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z"></path>
</svg>
<span>2</span>
</button>
</div>
<div class="_2d-hud__container__66GRt _2d-hud__top__3PiNe ui-root__ui-interactive__2mtC4">
<div class="ui-root__ui-interactive__2mtC4 _2d-hud__panel__2oM_T">
<div class="_2d-hud__top-tip__E5uti">
<div class="_2d-hud__attach-point__17FSc _2d-hud__attach_mute_mode__153iB"></div>
<span>You are muted. Click or press M to un-mute.</span>
</div>
<div class="_2d-hud__iconButton__3faJz _2d-hud__video-share__38X7W" title="Share Screen">
<div class="_2d-hud__iconButtonIcon__3uFYG">
<svg viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16.5005" cy="16.5" r="14.5" fill="#404040" stroke="black" stroke-opacity="0.01" stroke-width="3" stroke-miterlimit="1"></circle>
<rect x="11.5005" y="23" width="10" height="2" fill="white"></rect>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5005 9C8.84363 9 7.50049 10.3431 7.50049 12V20C7.50049 21.6569 8.84363 23 10.5005 23H22.5005C24.1573 23 25.5005 21.6569 25.5005 20V12C25.5005 10.3431 24.1573 9 22.5005 9H10.5005ZM11.5005 12C10.9482 12 10.5005 12.4477 10.5005 13V19C10.5005 19.5523 10.9482 20 11.5005 20H21.5005C22.0528 20 22.5005 19.5523 22.5005 19V13C22.5005 12.4477 22.0528 12 21.5005 12H11.5005Z" fill="white">
</path>
</svg>
</div>
</div>
<div class="_2d-hud__iconButton__3faJz" title="Unmute Mic">
<div class="_2d-hud__iconButtonIcon__3uFYG">
<svg viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="64" cy="64" r="64" fill="#404040"></circle>
<rect x="58.5789" y="94.0632" width="10.8424" height="14.0748" fill="white"></rect>
<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7201 72.799C49.7201 65.9079 42.1164 62.6609 40.3616 69.3249C39.9447 70.9085 39.7241 72.5592 39.7241 74.2557C39.7241 86.1656 50.5928 95.8204 64 95.8204C77.4072 95.8204 88.2758 86.1656 88.2758 74.2557C88.2758 72.5593 88.0553 70.9085 87.6383 69.325C85.8837 62.6611 78.28 65.908 78.28 72.799C78.28 80.6856 71.8866 87.0789 64.0001 87.0789C56.1135 87.0789 49.7201 80.6856 49.7201 72.799Z" fill="white"></path>
<rect x="53.3186" y="19.862" width="21.3628" height="63.6407" rx="10.6814" fill="white"></rect>
<mask id="path-5-outside-1" maskUnits="userSpaceOnUse" x="10.9819" y="11.4462" width="106.066" height="106.066" fill="black">
<rect fill="white" x="10.9819" y="11.4462" width="106.066" height="106.066"></rect>
<path fill-rule="evenodd" clip-rule="evenodd" d="M87.4633 47.6226C89.416 45.67 89.416 42.5042 87.4633 40.5515C85.5107 38.5989 82.3449 38.5989 80.3923 40.5515L64.0148 56.929L47.6375 40.5516C45.6848 38.599 42.519 38.599 40.5664 40.5516C38.6138 42.5042 38.6138 45.67 40.5664 47.6227L56.9438 64.0001L40.5664 80.3774C38.6138 82.3301 38.6138 85.4959 40.5664 87.4485C42.519 89.4011 45.6848 89.4011 47.6375 87.4485L64.0148 71.0711L80.3923 87.4486C82.3449 89.4012 85.5107 89.4012 87.4633 87.4486C89.416 85.4959 89.416 82.3301 87.4633 80.3775L71.0859 64.0001L87.4633 47.6226Z"></path>
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M87.4633 47.6226C89.416 45.67 89.416 42.5042 87.4633 40.5515C85.5107 38.5989 82.3449 38.5989 80.3923 40.5515L64.0148 56.929L47.6375 40.5516C45.6848 38.599 42.519 38.599 40.5664 40.5516C38.6138 42.5042 38.6138 45.67 40.5664 47.6227L56.9438 64.0001L40.5664 80.3774C38.6138 82.3301 38.6138 85.4959 40.5664 87.4485C42.519 89.4011 45.6848 89.4011 47.6375 87.4485L64.0148 71.0711L80.3923 87.4486C82.3449 89.4012 85.5107 89.4012 87.4633 87.4486C89.416 85.4959 89.416 82.3301 87.4633 80.3775L71.0859 64.0001L87.4633 47.6226Z" fill="white">
</path>
<path d="M87.4633 47.6226L90.2918 50.451L87.4633 47.6226ZM64.0148 56.929L61.1864 59.7574L64.0148 62.5858L66.8433 59.7574L64.0148 56.929ZM40.5664 40.5516L43.3948 43.38L40.5664 40.5516ZM56.9438 64.0001L59.7722 66.8285L62.6006 64.0001L59.7722 61.1716L56.9438 64.0001ZM64.0148 71.0711L66.8433 68.2427L64.0148 65.4143L61.1864 68.2427L64.0148 71.0711ZM87.4633 87.4486L90.2918 90.277L90.2918 90.277L87.4633 87.4486ZM71.0859 64.0001L68.2575 61.1716L65.4291 64.0001L68.2575 66.8285L71.0859 64.0001ZM84.6349 43.38C85.0254 43.7705 85.0254 44.4037 84.6349 44.7942L90.2918 50.451C93.8065 46.9363 93.8065 41.2378 90.2918 37.7231L84.6349 43.38ZM83.2207 43.38C83.6112 42.9894 84.2444 42.9894 84.6349 43.38L90.2918 37.7231C86.7771 34.2084 81.0786 34.2084 77.5639 37.7231L83.2207 43.38ZM66.8433 59.7574L83.2207 43.38L77.5639 37.7231L61.1864 54.1006L66.8433 59.7574ZM44.809 43.38L61.1864 59.7574L66.8433 54.1006L50.4659 37.7232L44.809 43.38ZM43.3948 43.38C43.7853 42.9895 44.4185 42.9895 44.809 43.38L50.4659 37.7232C46.9512 34.2084 41.2527 34.2084 37.738 37.7232L43.3948 43.38ZM43.3948 44.7942C43.0043 44.4037 43.0043 43.7705 43.3948 43.38L37.738 37.7232C34.2232 41.2379 34.2232 46.9364 37.738 50.4511L43.3948 44.7942ZM59.7722 61.1716L43.3948 44.7942L37.738 50.4511L54.1153 66.8285L59.7722 61.1716ZM43.3948 83.2059L59.7722 66.8285L54.1153 61.1716L37.738 77.549L43.3948 83.2059ZM43.3948 84.6201C43.0043 84.2295 43.0043 83.5964 43.3948 83.2059L37.738 77.549C34.2232 81.0637 34.2232 86.7622 37.738 90.2769L43.3948 84.6201ZM44.809 84.6201C44.4185 85.0106 43.7853 85.0106 43.3948 84.6201L37.738 90.2769C41.2527 93.7916 46.9512 93.7917 50.4659 90.2769L44.809 84.6201ZM61.1864 68.2427L44.809 84.6201L50.4659 90.2769L66.8433 73.8995L61.1864 68.2427ZM83.2207 84.6201L66.8433 68.2427L61.1864 73.8995L77.5638 90.277L83.2207 84.6201ZM84.6349 84.6201C84.2444 85.0107 83.6112 85.0107 83.2207 84.6201L77.5638 90.277C81.0786 93.7917 86.777 93.7917 90.2918 90.277L84.6349 84.6201ZM84.6349 83.2059C85.0254 83.5964 85.0254 84.2296 84.6349 84.6201L90.2918 90.277C93.8065 86.7623 93.8065 81.0638 90.2918 77.5491L84.6349 83.2059ZM68.2575 66.8285L84.6349 83.2059L90.2918 77.5491L73.9143 61.1716L68.2575 66.8285ZM84.6349 44.7942L68.2575 61.1716L73.9143 66.8285L90.2918 50.451L84.6349 44.7942Z" fill="#404040" mask="url(#path-5-outside-1)"></path>
</svg>
</div>
</div>
<div class="_2d-hud__iconButton__3faJz" title="Create">
<div class="_2d-hud__iconButtonIcon__3uFYG _2d-hud__spawn__1FoBz">
<svg viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15.5" cy="15.5" r="14.5" fill="currentColor" stroke="white" stroke-width="2" stroke-miterlimit="3.8637"></circle>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.3345 12.9125C17.944 12.522 17.3108 12.522 16.9203 12.9125L14.8338 14.999L16.7466 16.9118L18.8331 14.8253C19.2236 14.4348 19.2236 13.8016 18.8331 13.4111L18.3345 12.9125ZM16.2152 17.4432L14.3024 15.5304L7.70711 22.1257C7.31658 22.5162 7.31658 23.1494 7.70711 23.5399L8.20568 24.0385C8.59621 24.429 9.22937 24.429 9.6199 24.0385L16.2152 17.4432Z" fill="white"></path>
<path d="M14.539 5.58541C14.5989 5.40115 14.8595 5.40115 14.9194 5.58541L15.4653 7.26541C15.4921 7.34781 15.5688 7.40361 15.6555 7.40361H17.4219C17.6157 7.40361 17.6962 7.65153 17.5395 7.76541L16.1104 8.80371C16.0403 8.85463 16.011 8.94491 16.0378 9.02731L16.5836 10.7073C16.6435 10.8916 16.4326 11.0448 16.2759 10.9309L14.8468 9.89262C14.7767 9.84169 14.6817 9.84169 14.6116 9.89262L13.1826 10.9309C13.0258 11.0448 12.8149 10.8916 12.8748 10.7073L13.4206 9.02731C13.4474 8.94491 13.4181 8.85463 13.348 8.80371L11.9189 7.76541C11.7622 7.65153 11.8427 7.40361 12.0365 7.40361H13.8029C13.8896 7.40361 13.9664 7.34781 13.9931 7.26541L14.539 5.58541Z" fill="white"></path>
<path d="M21.728 8.36823C21.7878 8.18397 22.0485 8.18397 22.1084 8.36823L22.3939 9.24703C22.4207 9.32943 22.4975 9.38523 22.5841 9.38523H23.5081C23.7019 9.38523 23.7824 9.63315 23.6257 9.74703L22.8782 10.2902C22.8081 10.3411 22.7787 10.4314 22.8055 10.5138L23.091 11.3926C23.1509 11.5768 22.94 11.73 22.7833 11.6162L22.0357 11.073C21.9656 11.0221 21.8707 11.0221 21.8006 11.073L21.0531 11.6162C20.8963 11.73 20.6854 11.5768 20.7453 11.3926L21.0308 10.5138C21.0576 10.4314 21.0283 10.3411 20.9582 10.2902L20.2106 9.74703C20.0539 9.63315 20.1344 9.38523 20.3282 9.38523H21.2522C21.3388 9.38523 21.4156 9.32943 21.4424 9.24703L21.728 8.36823Z" fill="white"></path>
<path d="M22.1918 15.3253C22.2516 15.141 22.5123 15.141 22.5722 15.3253L22.9618 16.5246C22.9886 16.607 23.0654 16.6628 23.1521 16.6628H24.4131C24.6068 16.6628 24.6874 16.9107 24.5306 17.0246L23.5104 17.7658C23.4403 17.8167 23.411 17.907 23.4378 17.9894L23.8275 19.1887C23.8873 19.3729 23.6764 19.5261 23.5197 19.4123L22.4995 18.6711C22.4294 18.6201 22.3345 18.6201 22.2644 18.6711L21.2442 19.4123C21.0875 19.5261 20.8766 19.3729 20.9365 19.1887L21.3261 17.9894C21.3529 17.907 21.3236 17.8167 21.2535 17.7658L20.2333 17.0246C20.0766 16.9107 20.1571 16.6628 20.3509 16.6628H21.6119C21.6985 16.6628 21.7753 16.607 21.8021 16.5246L22.1918 15.3253Z" fill="white"></path>
</svg>
</div>
</div>
<div class="_2d-hud__iconButton__3faJz _2d-hud__disabled__3ylbZ" title="Pen Disabled">
<div class="_2d-hud__iconButtonIcon__3uFYG">
<svg viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16.5005" cy="16.5" r="14.5" fill="#404040" stroke="black" stroke-opacity="0.01" stroke-width="3" stroke-miterlimit="1"></circle>
<path d="M8.75049 24H24.2505C24.5266 24 24.7505 24.2239 24.7505 24.5C24.7505 24.7761 24.5266 25 24.2505 25H9.75049C9.1982 25 8.75049 24.5523 8.75049 24Z" fill="white"></path>
<path d="M10.0005 17.9508L14.0005 22L10.1844 23.0407C9.43889 23.2441 8.7543 22.561 8.95595 21.815L10.0005 17.9508ZM24.7934 9.8226C25.1839 10.2131 25.1839 10.8463 24.7934 11.2368L14.5497 21.4805L10.5207 17.4508L20.7637 7.20715C21.1542 6.81661 21.7874 6.8166 22.1779 7.20713L24.7934 9.8226Z" fill="white"></path>
</svg>
</div>
</div>
<div class="_2d-hud__iconButton__3faJz" title="Camera">
<div class="_2d-hud__iconButtonIcon__3uFYG">
<svg viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16.5005" cy="16.5" r="14.5" fill="#404040" stroke="black" stroke-opacity="0.01" stroke-width="3" stroke-miterlimit="1"></circle>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26715 10C7.56759 10 7.00049 10.5698 7.00049 11.2727V22.7273C7.00049 23.4302 7.56759 24 8.26715 24H24.7338C25.4334 24 26.0005 23.4302 26.0005 22.7273V11.2727C26.0005 10.5698 25.4334 10 24.7338 10H8.26715ZM9.13382 11C8.5079 11 8.00049 11.1628 8.00049 11.3636V14.6364C8.00049 14.8372 8.5079 15 9.13382 15H23.8672C24.4931 15 25.0005 14.8372 25.0005 14.6364V11.3636C25.0005 11.1628 24.4931 11 23.8672 11H9.13382Z" fill="white"></path>
<circle cx="16.5005" cy="19.5" r="3" stroke="#404040"></circle>
</svg>
</div>
</div>
</div>
</div>
<div class="ui-root__nag-corner-button__3TFW5">
<button class="ui-root__help-button__1cq2F">
<i>
<svg aria-hidden="true" data-prefix="fas" data-icon="question" class="svg-inline--fa fa-question fa-w-12 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
<path fill="currentColor" d="M202.021 0C122.202 0 70.503 32.703 29.914 91.026c-7.363 10.58-5.093 25.086 5.178 32.874l43.138 32.709c10.373 7.865 25.132 6.026 33.253-4.148 25.049-31.381 43.63-49.449 82.757-49.449 30.764 0 68.816 19.799 68.816 49.631 0 22.552-18.617 34.134-48.993 51.164-35.423 19.86-82.299 44.576-82.299 106.405V320c0 13.255 10.745 24 24 24h72.471c13.255 0 24-10.745 24-24v-5.773c0-42.86 125.268-44.645 125.268-160.627C377.504 66.256 286.902 0 202.021 0zM192 373.459c-38.196 0-69.271 31.075-69.271 69.271 0 38.195 31.075 69.27 69.271 69.27s69.271-31.075 69.271-69.271-31.075-69.27-69.271-69.27z">
</path>
</svg>
</i>
</button>
</div>
<button aria-label="Toggle Favorited" class="ui-root__in-room-favorite-button__2I0Kj">
<i title="Favorite">
<svg aria-hidden="true" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star fa-w-18 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path>
</svg>
</i>
</button>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment