.drawer.svelte-opa205{--app-header-height: 44px;--game-nav-height: 48px;container-type:size;container-name:drawer-container;position:fixed;top:calc(var(--app-header-height) + var(--game-nav-height));left:0;width:100vw;max-width:unset;height:calc(100vh - calc(var(--app-header-height) + var(--game-nav-height)));color:inherit;background-color:transparent;border:none;margin:0;padding:0;z-index:10;outline:none;&::backdrop{view-transition-name:drawer-backdrop;background-color:var(--shade10-50);pointer-events:all}}::view-transition-group(drawer-frame){z-index:10}::view-transition-group(drawer-backdrop){z-index:10}::view-transition-new(drawer-frame){animation:svelte-opa205-slide-in var(--transition)}::view-transition-old(drawer-frame){animation:svelte-opa205-slide-in var(--transition) reverse;animation-fill-mode:forwards}@keyframes svelte-opa205-slide-in{0%{translate:-50% 0;opacity:0}to{translate:0 0;opacity:1}}.drawer-frame.svelte-opa205{view-transition-name:drawer-frame;position:absolute;top:50%;left:1rem;height:fit-content;max-height:calc(100cqh - 2rem);margin:0;translate:0 -50%;box-shadow:0 0 50px var(--shade10);z-index:10}.drawer-scroller.svelte-opa205{height:fit-content;max-height:calc(100cqh - 2rem);width:28rem;overflow-y:auto;overflow-x:clip;padding:1.5rem;scrollbar-width:thin}.toolbar.svelte-x9dgmc{display:flex;gap:.5rem}.pro-match-container.svelte-x9dgmc{container-type:inline-size;container-name:pro-match-container}.pro-match-list.svelte-x9dgmc{display:grid;gap:.5rem}.pro-match.svelte-x9dgmc{--left-bar-width: 10px;position:relative;display:flex;align-items:center;justify-content:space-between;padding-block:.75rem;padding-inline:2.5rem 1rem;translate:0 0;opacity:1;transition:scale var(--transition),translate .15s ease-out,opacity .15s ease-out;&:hover{scale:1.03;filter:brightness(1.2);z-index:1;&:before{opacity:.25}}>:where(.svelte-x9dgmc){position:relative}&:before,&:after{content:"";position:absolute}&:before{inset:0;background:linear-gradient(to right,var(--outcome-color),var(--shade5));border-radius:1rem;opacity:.1;transition:opacity var(--transition)}&:after{top:50%;left:.75rem;width:4px;height:calc(100% - 1.5rem);background:var(--outcome-color);translate:0 -50%;border-radius:10rem}}.match-info.svelte-x9dgmc{display:grid}.time-ago{width:6ch;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.player.svelte-x9dgmc{display:flex;align-items:center;gap:1rem}.player-info.svelte-x9dgmc{display:grid;.name:where(.svelte-x9dgmc){width:8ch;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}.pro-player-portrait{width:3.25rem}.champ-img.svelte-x9dgmc{aspect-ratio:1;object-fit:cover;border-radius:50%}.vs.svelte-x9dgmc{display:flex;align-items:center;gap:.5rem;color:var(--shade2)}.kda.svelte-x9dgmc{width:10ch;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center}.runes.svelte-x9dgmc{position:relative;.secondary:where(.svelte-x9dgmc){position:absolute;bottom:0;right:0;width:50%;translate:40% -20%;border-radius:50%}}.spells.svelte-x9dgmc,.items.svelte-x9dgmc{display:flex;align-items:center;gap:.25rem;img:where(.svelte-x9dgmc){border-radius:var(--br);background:var(--shade5-15)}}.pro-build-drawer{display:grid;gap:2rem;.view-match-link.svelte-x9dgmc{background:var(--primary);color:#fff;width:100%;text-align:center;padding:.25rem .5rem;border-radius:.5rem;font-weight:600;transition:scale var(--transition);&:hover{scale:1.05}&:active{scale:.96}}}.drawer-header.svelte-x9dgmc{display:flex;align-items:center;gap:1rem;.pro-player-portrait{width:3.75rem}.subtitle:where(.svelte-x9dgmc){display:flex;align-items:baseline;gap:1.5ch;color:var(--shade2)}}