.avatar-host.svelte-18r0v0g.svelte-18r0v0g{width:auto;display:flex;flex-direction:column;align-items:stretch;position:relative;max-height:calc(90vh - 13rem);overflow:auto;padding:1em 1.5em .5em}.avatar.svelte-18r0v0g.svelte-18r0v0g{display:flex;height:2.5em;box-shadow:0 1px 6px #0009;border-radius:4px;padding:0 .5em 0 0;margin-bottom:.5em;background:#333333;overflow:hidden;position:relative;background:url(../../../img/bgmap.jpg);--offset:0px}.avatar.QUALITY_PURPLE.svelte-18r0v0g.svelte-18r0v0g,.avatar.\34.svelte-18r0v0g.svelte-18r0v0g{border-right:2px solid #8a54cb}.avatar.QUALITY_ORANGE.svelte-18r0v0g.svelte-18r0v0g,.avatar.\35.svelte-18r0v0g.svelte-18r0v0g{border-right:2px solid #e8a54c}.avatar.QUALITY_ORANGE_SP.svelte-18r0v0g.svelte-18r0v0g{border-right:2px solid #e8664c}.avatar.svelte-18r0v0g.svelte-18r0v0g:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(270deg,#333333 78%,#33333300 100%);z-index:0}.avatar.svelte-18r0v0g>.svelte-18r0v0g{position:relative;z-index:1}.avatar.svelte-18r0v0g.svelte-18r0v0g.Rock{background-position:center calc(0px + var(--offset))}.avatar.svelte-18r0v0g.svelte-18r0v0g.Wind{background-position:center calc(-90px + var(--offset))}.avatar.svelte-18r0v0g.svelte-18r0v0g.Water{background-position:center calc(-179px + var(--offset))}.avatar.svelte-18r0v0g.svelte-18r0v0g.Ice{background-position:center calc(-268px + var(--offset))}.avatar.svelte-18r0v0g.svelte-18r0v0g.Electric{background-position:center calc(-357px + var(--offset))}.avatar.svelte-18r0v0g.svelte-18r0v0g.Fire{background-position:center calc(-446px + var(--offset))}.avatar.svelte-18r0v0g.svelte-18r0v0g.Grass{background-position:center calc(-535px + var(--offset))}.avatar.honker.svelte-18r0v0g.svelte-18r0v0g:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background-size:8em;background-repeat:no-repeat;background-image:url(../../../img/hsr_bg.jpg)}.avatar.honker.svelte-18r0v0g.svelte-18r0v0g.Quantum:before{filter:hue-rotate(20deg)}.avatar.honker.svelte-18r0v0g.svelte-18r0v0g.Fire:before{filter:hue-rotate(120deg)}.avatar.honker.svelte-18r0v0g.svelte-18r0v0g.Ice:before{filter:hue-rotate(-20deg) brightness(1.3)}.avatar.honker.svelte-18r0v0g.svelte-18r0v0g.Imaginary:before{filter:hue-rotate(170deg) brightness(1.4)}.avatar.honker.svelte-18r0v0g.svelte-18r0v0g.Physical:before{filter:saturate(0) brightness(1.5)}.avatar.honker.svelte-18r0v0g.svelte-18r0v0g.Thunder:before{filter:hue-rotate(60deg)}.avatar.honker.svelte-18r0v0g.svelte-18r0v0g.Wind:before{filter:hue-rotate(-70deg) brightness(1.3)}.avatar.honker.svelte-18r0v0g.svelte-18r0v0g{background-image:none}.avatar-host.svelte-18r0v0g>div.svelte-18r0v0g{cursor:grab}.avatar-host.svelte-18r0v0g>div:hover .avatar.svelte-18r0v0g{box-shadow:0 1px 6px #0009,0 0 1000px #ffffff0d inset}.avatar-host.svelte-18r0v0g>div:global(.drag) .avatar.svelte-18r0v0g{box-shadow:0 4px 8px #0009,0 0 1000px #ffffff0d inset}.avatar.svelte-18r0v0g .image.svelte-18r0v0g{width:2.5em;height:2.5em;background-size:contain;background-repeat:no-repeat;margin-top:-.45em;flex-shrink:0}.honker.svelte-18r0v0g .image.svelte-18r0v0g{margin-top:-.2em;width:3em;height:3em}.name.svelte-18r0v0g.svelte-18r0v0g{justify-content:flex-start;align-items:center;padding-left:.7em;font-family:ShinShin;font-size:.85em;flex-wrap:wrap;text-align:left;line-height:1.3;align-self:center;margin-right:auto}.live.svelte-18r0v0g.svelte-18r0v0g{border-radius:50%;background:#78fb78;width:.4em;height:.4em;flex-shrink:0;margin:0 .7em;align-self:center}.level.svelte-18r0v0g.svelte-18r0v0g{align-self:center;text-shadow:0 .1em .1em rgba(0,0,0,.4);background:rgba(0,0,0,.5);display:inline-block;line-height:1;padding:.4em .4em .3em;border-radius:.2em;margin-right:.5em;color:wheat;box-sizing:content-box!important;font-family:ShinShin;font-size:.8em}.builds.svelte-18r0v0g.svelte-18r0v0g{display:flex;align-items:center;justify-content:center;font-size:.9em;background:#333333;padding:0 .5rem}.builds.svelte-18r0v0g.svelte-18r0v0g:before{margin-right:.3rem}.Loda.svelte-18r0v0g.svelte-18r0v0g{max-width:30em;margin-top:2rem}header.svelte-18r0v0g.svelte-18r0v0g{display:flex;justify-content:flex-end;margin-bottom:-1em;position:relative;z-index:1}header.svelte-18r0v0g button.svelte-18r0v0g{font-size:1.6em;width:2em;height:2em}header.svelte-18r0v0g button.svelte-18r0v0g:hover{color:#e98484}content.svelte-18r0v0g.svelte-18r0v0g{display:flex;flex-direction:column;padding:1em;text-align:center;font-size:1em}.actions.svelte-18r0v0g.svelte-18r0v0g{display:flex;justify-content:flex-end;padding:1em;background:rgba(0,0,0,.2)}.button.svelte-18r0v0g.svelte-18r0v0g{padding:.6em 1.3em;border-radius:.2em;font-size:1em}.button.svelte-18r0v0g.svelte-18r0v0g.primary{background:#4579aa;color:#fff}.button.svelte-18r0v0g.svelte-18r0v0g.negative{background:#9b4545;color:#fff}.button.svelte-18r0v0g.svelte-18r0v0g:hover{box-shadow:0 0 200px #ffffff1a inset}.honker.svelte-18r0v0g .name.svelte-18r0v0g,.honker.svelte-18r0v0g .level.svelte-18r0v0g{font-family:Nunito Variable,sans-serif;font-weight:700}.CharacterList.svelte-itv4a1.svelte-itv4a1.svelte-itv4a1{display:flex;flex-wrap:wrap;justify-content:center;font-size:.8em;margin-bottom:1em;background:rgba(0,0,0,.2);-webkit-user-select:none;user-select:none;min-height:7em;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.CharacterList.svelte-itv4a1>span.svelte-itv4a1.svelte-itv4a1{font-size:1.5em;opacity:.7;display:inline-block;padding-top:.9em;padding-bottom:.9em}.CharacterList.svelte-itv4a1>.avatar.svelte-itv4a1.svelte-itv4a1{flex:0 0 5em;width:5em;height:5em;padding:1em;cursor:pointer}.CharacterList.svelte-itv4a1>.avatar:active:not(.s) .chara.svelte-itv4a1.svelte-itv4a1{filter:brightness(.5)}.CharacterList.svelte-itv4a1 .chara.svelte-itv4a1.svelte-itv4a1{display:block;top:-2.41em;left:.1em;right:0;bottom:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat;position:absolute;pointer-events:none}.CharacterList.svelte-itv4a1 .honker.svelte-itv4a1 .chara.svelte-itv4a1{top:1.25em;left:1.25em;right:1.2em;bottom:1.25em}.CharacterList.svelte-itv4a1>.avatar.svelte-itv4a1.svelte-itv4a1:before{content:"";display:block;border:3px rgba(255,255,255,.2) solid;box-sizing:border-box;background:rgba(0,0,0,.4);width:5em;height:5em;border-radius:50%;z-index:0;position:absolute;transition:background .1s ease,border .1s ease}.CharacterList.svelte-itv4a1>.avatar.svelte-itv4a1.svelte-itv4a1:hover:before,.CharacterList.svelte-itv4a1>.avatar.s.svelte-itv4a1.svelte-itv4a1:before{border:3px #4fccf0 solid;background:#4fccf099}.CharacterList.svelte-itv4a1>.avatar.live.svelte-itv4a1.svelte-itv4a1:before{border:3px #96db83 solid}.CharacterList.svelte-itv4a1>.avatar.s.svelte-itv4a1.svelte-itv4a1:after{content:"";display:block;position:absolute;left:.8em;right:.8em;bottom:-0em;border-bottom:4px solid #4fccf0}.CharacterList.svelte-itv4a1 .level.svelte-itv4a1.svelte-itv4a1{background:rgba(0,0,0,.6);color:#fff;padding:0 .4em;line-height:1.5;border-radius:.2em;position:absolute;bottom:1em;right:1em;font-family:ShinShin;font-size:.9em}.honker.svelte-itv4a1 .level.svelte-itv4a1.svelte-itv4a1{font-family:Nunito Variable,sans-serif;font-weight:700}@media (min-width: 700px){.flex-break.svelte-itv4a1.svelte-itv4a1.svelte-itv4a1{display:none}}.loading.svelte-itv4a1>.refresh-msg.svelte-itv4a1.svelte-itv4a1{display:inline;margin-left:1em}.loading.svelte-itv4a1.svelte-itv4a1.svelte-itv4a1:before{font-size:3em}.loading.svelte-itv4a1.svelte-itv4a1.svelte-itv4a1:before{margin-left:.7em}.CharacterList.svelte-itv4a1>.Button{font-size:2em;border-radius:.3em;margin-right:.6em;margin-left:.4em}.CharacterList.svelte-itv4a1>.Button:before{font-size:1.35em}.drawer.svelte-itv4a1.svelte-itv4a1.svelte-itv4a1{justify-content:flex-start}.drawer.svelte-itv4a1 .flex-break.svelte-itv4a1.svelte-itv4a1{display:none}.Drawer.svelte-itv4a1.svelte-itv4a1.svelte-itv4a1{display:grid;grid-auto-flow:row;grid-template-columns:repeat(4,1fr);align-content:top;background:rgba(0,0,0,.3);margin-top:-.8em;padding-bottom:1.5em;box-shadow:0 100px 20px -100px inset #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 900px){.Drawer.svelte-itv4a1.svelte-itv4a1.svelte-itv4a1{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.Drawer.svelte-itv4a1.svelte-itv4a1.svelte-itv4a1{grid-template-columns:repeat(2,1fr)}}@media (max-width: 460px){.Drawer.svelte-itv4a1.svelte-itv4a1.svelte-itv4a1{grid-template-columns:1fr}}.Drawer.svelte-itv4a1 .avatar-unit.svelte-itv4a1.svelte-itv4a1{padding:.5em .9em 1.5em;margin-right:1em;margin-top:1em;border-radius:6px;overflow:hidden;background:rgba(106,139,204,.05)}.Drawer.svelte-itv4a1 h3.svelte-itv4a1.svelte-itv4a1{margin:0 0 .3em;font-size:1em;display:flex;align-items:flex-end;padding:.5em 0 .2em}.Drawer.svelte-itv4a1 h3.svelte-itv4a1.svelte-itv4a1{border-bottom:1px solid rgba(255,255,255,.3)}.Drawer.svelte-itv4a1 h3.live.svelte-itv4a1.svelte-itv4a1{border-bottom:1px solid #78fb78}.Drawer.svelte-itv4a1 h3 figure.svelte-itv4a1.svelte-itv4a1{width:3em;align-self:stretch;flex-shrink:0;background-size:contain;margin:-1.5em .3em .5em -.5em;background-repeat:no-repeat;background-position:0 .6em}.Drawer.svelte-itv4a1 h3.honker.svelte-itv4a1.svelte-itv4a1{font-family:Nunito Variable,sans-serif;font-weight:700;font-size:1.2em;line-height:1;letter-spacing:.05em}.Drawer.svelte-itv4a1 h3.honker figure.svelte-itv4a1.svelte-itv4a1{width:2.3em;height:2.3em;margin:0 .5em 0 0;background-position:center center}.Drawer.svelte-itv4a1 h3.svelte-itv4a1>span.svelte-itv4a1{padding-bottom:.5em}.Drawer.svelte-itv4a1 h3.svelte-itv4a1>.Button{position:relative;top:-.2em}.Drawer.svelte-itv4a1 .Tabs{font-size:.855em;flex-wrap:wrap}.Drawer.svelte-itv4a1 .Tabs .Tab{min-width:3em;border-radius:3px!important}.Drawer.svelte-itv4a1 .Tabs button{border-bottom-right-radius:3px!important;border-bottom-left-radius:3px!important}.Drawer.svelte-itv4a1 .Tabs .Tab span{max-width:14em}.Drawer.svelte-itv4a1 .Tabs>li{flex-wrap:wrap}.hint.svelte-itv4a1.svelte-itv4a1.svelte-itv4a1{display:flex;justify-content:center;align-items:center}.hint.svelte-itv4a1 .plus.svelte-itv4a1.svelte-itv4a1{display:block;font-size:2.2em;line-height:0;opacity:.8}.profile-hoyo-layout.svelte-15dqdkt .CharacterList>span{padding-left:1em}