@keyframes xgi-dialog-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes xgi-dialog-slide-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes xgi-artwork-dialog-enter-desktop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes xgi-artwork-dialog-exit-desktop{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}@keyframes xgi-fade-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.xgi-hud-backButton{--button-color: var(--white-100);--button-bg-color: oklch(from var(--black-100) l c h / .6);--button-padding: calc(var(--space) / 2);--button-icon-size: 1.5rem;inline-size:2rem;min-block-size:2rem;max-block-size:2rem;display:flex;justify-content:center;align-items:center;padding:var(--button-padding);border:1px solid var(--white-100);font-size:var(--button-icon-size);color:var(--button-color);background-color:var(--button-bg-color);position:absolute;inset-block-start:calc(var(--space) * 3);inset-inline-start:calc(var(--space) * 3);z-index:10;transition:all .25s cubic-bezier(.45,1.03,.9,1);cursor:pointer;outline:.125rem solid transparent;outline-offset:.125rem}@media(width>=1024px){.xgi-hud-backButton{inset-inline-start:calc(var(--space) * 5)}}.xgi-hud-backButton:focus-visible{outline-color:var(--white-100)}@media(hover:hover){.xgi-hud-backButton:hover,.xgi-hud-backButton:focus-visible{--button-color: var(--black-100);--button-bg-color: var(--white-100)}}.xgi-hud-roomTitle{margin:0;padding-inline:var(--space);max-inline-size:min(92vw,40rem);font:var(--font-h3);text-align:center;color:var(--white-100);white-space:nowrap;position:fixed;inset-block-end:calc(var(--space) * 9);inset-inline-start:50%;transform:translate(-50%);z-index:20;pointer-events:none}@media(width>=1024px){.xgi-hud-roomTitle{inset-block-end:calc(var(--space) * 4)}}.xgi-labels-list{list-style:none;padding:0;margin:0;pointer-events:none}@media(width<1024px){.xgi-labels-list{display:none}}.xgi-labels-item{display:flex;flex-direction:column;row-gap:var(--space);inline-size:min(100%,20rem);padding:calc(var(--space) * 1.5) var(--space);color:var(--white-100);background-color:oklch(from var(--black-100) l c h / 0);position:absolute;z-index:100;transition:background-color .3s cubic-bezier(.16,.28,.25,1);pointer-events:all;animation:xgi-fade-in 2s cubic-bezier(.12,.74,.14,.99) forwards}.xgi-labels-item.xgi-labels-itemIsActive{background-color:oklch(from var(--black-100) l c h / .6)}.xgi-labels-item.xgi-labels-itemIsActive .xgi-labels-title{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-h6);transition:all .3s cubic-bezier(.16,.28,.25,1)}.xgi-labels-item.xgi-labels-itemIsActive .xgi-labels-description,.xgi-labels-item.xgi-labels-itemIsActive .xgi-labels-action{opacity:1;transform:translateY(0);visibility:visible;transition:opacity .35s cubic-bezier(.16,.28,.25,1),transform .35s cubic-bezier(.16,.28,.25,1),visibility 0s 0s}.xgi-labels-item.xgi-labels-itemIsActive .xgi-labels-action{transition-delay:.06s}[data-xgi-label-pos="1"],[data-xgi-label-pos="2"],[data-xgi-label-pos="3"]{inset-inline-start:2.5rem}[data-xgi-label-pos="4"],[data-xgi-label-pos="5"],[data-xgi-label-pos="6"]{inset-inline-end:2.5rem;align-items:flex-end}[data-xgi-label-pos="4"] .xgi-labels-description,[data-xgi-label-pos="5"] .xgi-labels-description,[data-xgi-label-pos="6"] .xgi-labels-description{text-align:right}[data-xgi-label-pos="1"],[data-xgi-label-pos="4"]{inset-block-start:4.5rem}[data-xgi-label-pos="2"],[data-xgi-label-pos="5"]{inset-block-start:50vh;transform:translateY(-50%)}[data-xgi-label-pos="3"],[data-xgi-label-pos="6"]{inset-block-end:4.5rem}.xgi-labels-title{margin:0;font-size:var(--font-size-p1);font-weight:var(--font-weight-light);line-height:var(--font-line-height-p1);cursor:default;transition:all .3s cubic-bezier(.16,.28,.25,1)}.xgi-labels-description{margin:0;font:var(--font-p2)}.xgi-labels-action{--button-bg-color: transparent}.xgi-labels-description,.xgi-labels-action{opacity:0;transform:translateY(6px);transition:opacity .35s cubic-bezier(.16,.28,.25,1),transform .35s cubic-bezier(.16,.28,.25,1);visibility:hidden;transition:opacity .35s cubic-bezier(.16,.28,.25,1),transform .35s cubic-bezier(.16,.28,.25,1),visibility 0s .35s}.xgi-labels-selfStart{align-self:start}.xgi-labels-selfEnd{align-self:end}@media(hover:hover){.xgi-labels-item:hover .xgi-labels-description,.xgi-labels-item:hover .xgi-labels-action{opacity:1;transform:translateY(0);visibility:visible;transition:opacity .35s cubic-bezier(.16,.28,.25,1),transform .35s cubic-bezier(.16,.28,.25,1),visibility 0s 0s}.xgi-labels-item:hover .xgi-labels-action{transition-delay:.06s}}.xgi-preview-dialog{position:fixed;inset-block-end:0;inset-inline:0;inset-block-start:auto;margin:0;inline-size:100%;max-inline-size:100%;max-block-size:85svh;padding:0;border:0;border-block-start:1px solid var(--white-100);background-color:var(--black-100);color:var(--white-100);overflow:hidden;animation:xgi-dialog-slide-up .35s cubic-bezier(.14,.5,.15,1) forwards;z-index:200}.xgi-preview-dialog::backdrop{background-color:#0000008c}.xgi-preview-dialog.xgi-preview-dialog--closing{animation:xgi-dialog-slide-down .28s cubic-bezier(.14,.5,.79,.89) forwards}.xgi-preview-inner{display:flex;flex-direction:column;block-size:max-content;max-block-size:85svh;padding:calc(var(--space) * 4) calc(var(--space) * 3) calc(var(--space) * 10);overflow-y:auto}.xgi-preview-title{margin-block:0 var(--space);font:var(--font-h4)}.xgi-preview-description{margin:0;font:var(--font-p2)}.xgi-preview-action{--button-bg-color: transparent;margin-block-start:calc(var(--space) * 2);align-self:flex-start}.xgi-preview-backButton{display:flex;justify-content:center;align-items:center;align-self:flex-start;margin-block-end:calc(var(--space) * 3);font-size:1.5rem;color:var(--white-100)}.xgi-preview-close{position:fixed;inset-block-end:calc(var(--space) * 2);inset-inline-end:calc(var(--space) * 3);display:flex;justify-content:center;align-items:center;inline-size:2rem;block-size:2rem;padding:calc(var(--space) / 2);border:1px solid var(--white-100);font-size:1.5rem;color:var(--white-100);background:transparent;cursor:pointer;outline:.125rem solid transparent;outline-offset:.125rem}.xgi-preview-close:focus-visible{outline:.125rem solid var(--white-100);outline-offset:.125rem}.xgi-artwork-dialog{position:fixed;inset-block-end:0;inset-inline:0;inset-block-start:auto;margin:0;inline-size:100%;max-inline-size:100%;block-size:92svh;padding:0;border:0;border-block-start:1px solid var(--white-100);background-color:var(--black-100);color:var(--white-100);overflow:hidden;animation:xgi-dialog-slide-up .35s cubic-bezier(.14,.5,.15,1) forwards;z-index:200}.xgi-artwork-dialog::backdrop{background-color:#000000b8}.xgi-artwork-dialog.xgi-artwork-dialog--closing{animation:xgi-dialog-slide-down .28s cubic-bezier(.14,.5,.79,.89) forwards}@media(width>=1024px){.xgi-artwork-dialog{max-inline-size:min(100% - 3rem,78rem);block-size:47.5rem;border:1px solid var(--white-100);inset:50%;translate:-50% -50%;transform-origin:center center;animation:xgi-artwork-dialog-enter-desktop .32s cubic-bezier(.14,.5,.15,1) forwards}.xgi-artwork-dialog.xgi-artwork-dialog--closing{animation:xgi-artwork-dialog-exit-desktop .24s cubic-bezier(.14,.5,.79,.89) forwards}}@media(width>=1024px)and (height>=1200px){.xgi-artwork-dialog{block-size:54rem}}.xgi-artwork-inner{display:grid;grid-template-columns:1fr;gap:calc(var(--space) * 4);block-size:100%;padding:calc(var(--space) * 4) calc(var(--space) * 3);overflow-y:auto}.xgi-artwork-inner.hasGroup .xgi-artwork-image-container{block-size:calc(100% - var(--space) * 7)}.xgi-artwork-inner.hasGroup .xgi-artwork-image{block-size:auto;max-block-size:calc(100% - var(--space) * 3)}@media(width>=1024px){.xgi-artwork-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;padding-inline:calc(var(--space) * 4);overflow-y:hidden}}@media(width>=1440px){.xgi-artwork-inner{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);column-gap:calc(var(--space) * 10);padding-inline-start:calc(var(--space) * 5)}}@media(width<1024px){.xgi-artwork-inner.hasGroup .xgi-artwork-image{block-size:auto;max-block-size:45vh}}.xgi-artwork-imageSection{display:flex;flex-direction:column;align-items:center;justify-content:center}@media(width>=1024px){.xgi-artwork-imageSection{overflow-y:hidden;block-size:100%}}.xgi-artwork-image-container{flex:1;display:flex;flex-direction:column;justify-content:center;block-size:100%;margin:0}.xgi-artwork-image{inline-size:100%;block-size:100%;object-fit:contain}@media(width<1024px){.xgi-artwork-image{block-size:45vh}}.xgi-artwork-image-caption{margin-block-start:calc(var(--space) / 2);font:var(--font-s1)}@media(width<1024px){.xgi-artwork-image-caption{inline-size:calc(100vw - 3rem);white-space:nowrap;overflow-x:auto;overflow-y:hidden}}.xgi-artwork-groupNav{display:flex;align-items:center;gap:var(--space);margin-block-start:var(--space)}@media(width<1024px){.xgi-artwork-groupNav{margin-inline:-.5rem}}@media(width>=1440px){.xgi-artwork-groupNav{column-gap:calc(var(--space) * 3)}}.xgi-artwork-groupNavButton{display:flex;align-items:center;justify-content:center;border:1px solid var(--white-100);color:var(--white-100);padding:4px;background-color:oklch(from var(--black-100) l c h / .6);transition:all .3s cubic-bezier(.14,.5,.79,.89);outline:.125rem solid transparent;outline-offset:.125rem}.xgi-artwork-groupNavButton:disabled{opacity:.2;cursor:default;user-select:none}.xgi-artwork-groupNavButton:focus-visible{outline-color:var(--white-100)}@media(hover:hover){.xgi-artwork-groupNavButton:hover:not(:disabled){color:var(--black-100);background-color:var(--white-100)}}.xgi-artwork-groupDots{display:flex;column-gap:var(--space);align-items:center}@media(width>=1440px){.xgi-artwork-groupDots{column-gap:calc(var(--space) * 3)}}.xgi-artwork-dot{block-size:3rem;border:none;padding:0;opacity:.5;transition:opacity .3s cubic-bezier(.14,.5,.79,.89)}.xgi-artwork-dot:focus-visible{outline-color:var(--white-100)}@media(hover:hover){.xgi-artwork-dot:hover{opacity:1}}.xgi-artwork-dot.xgi-artwork-dotActive{opacity:1}.xgi-artwork-dot img{inline-size:100%;block-size:3rem;object-fit:contain}.xgi-artwork-metaSection{display:flex;flex-direction:column;color:var(--white-90);overflow-y:auto}@media(width>=1024px){.xgi-artwork-metaSection{max-block-size:26rem}}@media(width>=1024px)and (height>=740px){.xgi-artwork-metaSection{max-block-size:36rem}}.xgi-artwork-title{margin-block:0 var(--space);font:var(--font-h6)}.xgi-artwork-attribution{margin-block:0 calc(var(--space) * 4);font:var(--font-p2)}.xgi-artwork-description{margin:0;font:var(--font-p2);line-height:1.7;white-space:pre-line}.xgi-artwork-close{position:fixed;inset-block-end:calc(var(--space) * 2);inset-inline-end:calc(var(--space) * 3);display:flex;justify-content:center;align-items:center;inline-size:2rem;block-size:2rem;font-size:1.5rem;padding:calc(var(--space) / 2);border:1px solid var(--white-100);color:var(--white-100);background:transparent;cursor:pointer;outline:.125rem solid transparent;outline-offset:.125rem;z-index:1;transition:background .2s ease}.xgi-artwork-close:focus-visible{outline-color:var(--white-100)}@media(width>=1024px){.xgi-artwork-close{inset-block-start:calc(var(--space) * 4);inset-block-end:auto;inset-inline-end:calc(var(--space) * 4)}}@media(width>=1440px){.xgi-artwork-close{inset-inline-end:calc(var(--space) * 5)}}@media(hover:hover){.xgi-artwork-close:hover{color:var(--black-100);background-color:var(--white-100)}}