.match-icon{display:inline-flex;align-items:center;gap:10px;height:1em;overflow:hidden}.match-icon svg{height:1em;width:auto}.session-preview-block{--progress:85%;border:1px solid hsla(0,0%,100%,.05);background-color:hsla(0,0%,100%,.1);border-radius:5px;grid-template-columns:auto 1fr;align-items:center;display:grid;position:relative;transition:background .5s,color .5s;cursor:pointer;opacity:0;transition:opacity .4s ease}.session-preview-block.ready{opacity:1}.session-preview-block .image-area,.session-preview-block .metadata-area{position:relative;z-index:5}.session-preview-block .image-area{position:relative;align-self:stretch;background-color:#f1f1f1;max-width:calc(320px/1920*1450);display:flex;align-items:center;justify-content:center;overflow:hidden}.session-preview-block .image-area .image{position:absolute;bottom:0;right:0;left:0;top:0;z-index:-1;transition:transform .5s;background-repeat:no-repeat;background-position:50%;background-size:cover}.session-preview-block .image-area button{width:calc(150px/1920*1450);height:calc(150px/1920*1450);display:flex;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.4);border-radius:50%;transition:background .3s}.session-preview-block .image-area button .svg-play{width:calc(40px/1920*1450);height:auto}.session-preview-block .image-area button .svg-pause{width:calc(22px/1920*1450);height:auto}.session-preview-block .metadata-area{padding:calc(50px/1920*1450) calc(30px/1920*1450)}.session-preview-block .preview-title{grid-template-columns:auto 1fr;align-items:flex-start;grid-gap:10px;display:grid}.session-preview-block .preview-title .session-name{text-overflow:ellipsis;line-height:98%;overflow:hidden;margin:0}.session-preview-block .preview-title .session-version{margin:0;font-weight:400}.session-preview-block.long-name .session-name{font-size:26px;font-size:1.625rem}.session-preview-block.long-name .session-version{font-size:12px;font-size:.75rem}.session-preview-block .preview-tags{display:flex;gap:5px;margin:calc(20px/1920*1450) 0}.session-preview-block .preview-tags li{font-family:var(--font-mono);font-size:11px;font-size:.6875rem;padding:5px;border:1px solid hsla(0,0%,100%,.4);border-radius:5px;white-space:nowrap}.session-preview-block .preview-attributes{margin:calc(20px/1920*1450) 0}.session-preview-block .preview-attributes .attribute-wrap{grid-template-columns:1fr 1fr 1fr;display:grid;gap:3px 10px;font-weight:600}.session-preview-block .preview-attributes .attribute-wrap>span{display:flex;align-items:center;gap:.3em}.session-preview-block .preview-attributes .attribute-wrap>span svg{height:1em;width:auto;color:gray}.session-preview-block .preview-attributes .attribute-wrap>span span{line-height:1;position:relative;bottom:-.1em}.session-preview-block .preview-attributes .attribute-wrap .collaborators{grid-column:3;grid-row:1/span 2}.session-preview-block .preview-waveform{margin:calc(20px/1920*1450) 0;height:calc(35px/1920*1450);cursor:default}.session-preview-block .preview-needs-tags{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:calc(20px/1920*1450)}.session-preview-block .preview-needs-tags li{background:var(--white);color:var(--black);padding:4px 15px;border-radius:20px;font-size:11px;font-size:.6875rem;font-family:var(--font-mono);font-weight:600;height:20px;box-sizing:border-box}.session-preview-block .join-area{position:absolute;bottom:0;padding-top:10px;transition:opacity .5s;transform:translateY(100%);z-index:6;opacity:0}.session-preview-block .join-area .join{font-size:18px;font-size:1.125rem;font-family:var(--font-condensed);font-weight:600;background:var(--black);border:1px solid var(--white);border-radius:7px;color:var(--white);padding:.4em 1em .2em;box-sizing:border-box;line-height:1;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .3s ease,color .3s ease}.session-preview-block .join-area .join.mono{font-size:12px;font-size:.75rem;font-family:var(--font-mono);font-weight:400;padding-bottom:.5em}.session-preview-block .join-area .join.inverse{background:var(--white);color:var(--black);border-color:var(--white)}.session-preview-block .join-area .join.inverse-border{background:var(--white);color:var(--black);border:1px solid var(--black)}.session-preview-block .join-area .join.transparent{background:rgba(0,0,0,0);color:var(--black)}.session-preview-block .join-area .join:not(:disabled):hover{background:var(--white);color:var(--black)}.session-preview-block .join-area .join:not(:disabled):hover.inverse,.session-preview-block .join-area .join:not(:disabled):hover.inverse-border,.session-preview-block .join-area .join:not(:disabled):hover.transparent{background:var(--black);color:var(--white)}.session-preview-block .join-area .join:disabled{pointer-events:none;opacity:.25}.session-preview-block .join-area .join{background:var(--white);border-color:var(--white);display:block}.session-preview-block.playing{background:var(--white);color:var(--black)}.session-preview-block.playing .preview-tags li{border-color:rgba(0,0,0,.4)}.session-preview-block.playing .image-area .image{transform:scale(1.15)}.session-preview-block.playing .image-area button{background:rgba(0,0,0,.4);color:var(--white)}.session-preview-block.playing .preview-attributes .attribute-wrap>span svg{color:var(--black)}.session-preview-block.playing .preview-waveform{cursor:pointer}.session-preview-block.playing .preview-waveform .outline svg .blobs{stroke:rgba(0,0,0,.5)}.session-preview-block.playing .preview-waveform .cursor{mix-blend-mode:difference}.session-preview-block.playing .preview-needs-tags li{background:var(--black);color:var(--white)}.session-preview-block.playing .join-area{opacity:1}.session-preview-block:hover .image-area .image{transform:scale(1.15)}@media(max-width:840px){.session-preview-block{grid-template-columns:1fr}.session-preview-block .image-area{width:100%!important;max-width:unset;padding-bottom:100%;height:0;position:relative;border-radius:5px 5px 0 0}.session-preview-block .image-area button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.session-preview-block .image-area .avatar-stack{position:absolute;bottom:10px;right:10px}.session-preview-block .preview-title h3{font-size:30px}.session-preview-block .preview-title h6{font-size:14px}.session-preview-block .preview-tags{flex-wrap:wrap}}.sessions-results-filters{grid-template-columns:auto auto 1fr;grid-gap:15px;display:grid;align-items:center}.sessions-results-filters .session-count{font-size:18px;font-size:1.125rem;font-family:var(--font-condensed)}.sessions-results-filters .filters{display:flex;gap:5px}.sessions-results-filters .clear-all{margin-right:auto;font-family:var(--font-mono);font-size:11px;font-size:.6875rem;text-transform:uppercase;text-decoration:underline;font-weight:500}@media(max-width:840px){.sessions-results-filters{grid-template-columns:auto 1fr}}