.costume-card.astro-xm4wpd4n{--bg-col-r:0;--bg-col-g:255;--bg-col-b:0;aspect-ratio:33/48;border:2px solid;border-image:linear-gradient(to bottom, rgba(var(--bg-col-r), var(--bg-col-g), var(--bg-col-b), .25) 0%, #000 100%) 1;background-image:linear-gradient(180deg, #0009 0%, #0009 14.6%, rgba(calc(var(--bg-col-r) * .137255), calc(var(--bg-col-g) * .137255), calc(var(--bg-col-b) * .137255), .6) 23.76%, rgba(calc(var(--bg-col-r) * .376471), calc(var(--bg-col-g) * .376471), calc(var(--bg-col-b) * .376471), .6) 30.45%, rgba(calc(var(--bg-col-r) * .588235), calc(var(--bg-col-g) * .588235), calc(var(--bg-col-b) * .588235), .6) 35.9%, rgba(calc(var(--bg-col-r) * .760784), calc(var(--bg-col-g) * .760784), calc(var(--bg-col-b) * .760784), .6) 40.53%, rgba(calc(var(--bg-col-r) * .870588), calc(var(--bg-col-g) * .870588), calc(var(--bg-col-b) * .870588), .6) 43.93%, rgba(calc(var(--bg-col-r) * .984314), calc(var(--bg-col-g) * .984314), calc(var(--bg-col-b) * .984314), .6) 48.45%, rgba(calc(var(--bg-col-r) * 1), calc(var(--bg-col-g) * 1), calc(var(--bg-col-b) * 1), .6) 50%, rgba(calc(var(--bg-col-r) * .984314), calc(var(--bg-col-g) * .984314), calc(var(--bg-col-b) * .984314), .6) 51.55%, rgba(calc(var(--bg-col-r) * .870588), calc(var(--bg-col-g) * .870588), calc(var(--bg-col-b) * .870588), .6) 56.07%, rgba(calc(var(--bg-col-r) * .760784), calc(var(--bg-col-g) * .760784), calc(var(--bg-col-b) * .760784), .6) 59.47%, rgba(calc(var(--bg-col-r) * .588235), calc(var(--bg-col-g) * .588235), calc(var(--bg-col-b) * .588235), .6) 64.1%, rgba(calc(var(--bg-col-r) * .376471), calc(var(--bg-col-g) * .376471), calc(var(--bg-col-b) * .376471), .6) 69.55%, rgba(calc(var(--bg-col-r) * .137255), calc(var(--bg-col-g) * .137255), calc(var(--bg-col-b) * .137255), .6) 76.24%, #0009 85.4%, #0009 0%);width:calc(100% - 4px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #000,inset 0 0 0 5px #c3c3c380}.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n{z-index:1;flex-direction:column;justify-content:flex-start;align-items:center;width:calc(100% - 8px);height:calc(100% - 8px);transition:opacity .1s ease-in-out;display:flex;position:absolute;inset:4px 4px 24px;overflow:hidden;container-type:size}.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n.top-panel-normal{opacity:1}.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n.top-panel-hover{opacity:0}.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n .costume-type.astro-xm4wpd4n{font-size:2rem}@container (width>500px){.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n .costume-type.astro-xm4wpd4n{margin-top:1rem;font-size:4.4rem}}@container (width<500px) and (width>400px){.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n .costume-type.astro-xm4wpd4n{margin-top:.9rem;font-size:4rem}}@container (width<400px) and (width>300px){.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n .costume-type.astro-xm4wpd4n{margin-top:.8rem;font-size:3.2rem}}@container (width>250px) and (width<300px){.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n .costume-type.astro-xm4wpd4n{margin-top:.6rem;font-size:2.6rem}}@container (width<250px){.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n .costume-type.astro-xm4wpd4n{margin-top:.4rem;font-size:2.4rem}}.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n .costume-type.astro-xm4wpd4n.special-edition-costume,.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n .costume-type.astro-xm4wpd4n.event-costume{color:#ffe388}.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n .costume-type.astro-xm4wpd4n.founders-pack-costume{color:#88d9ff}.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n .costume-type.astro-xm4wpd4n.master-costume{color:#c6a3ff}.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n .release-date.astro-xm4wpd4n{color:#000;text-shadow:.6px 0 #fff,-.6px 0 #fff,0 .6px #fff,0 -.6px #fff,0 3px #323a29;margin-top:.6rem;font-family:AlarmClock;font-size:1rem;font-weight:1000}@container (width>500px){.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n .release-date.astro-xm4wpd4n{margin-top:1rem;font-size:2.2rem}}@container (width<500px) and (width>400px){.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n .release-date.astro-xm4wpd4n{margin-top:.9rem;font-size:2rem}}@container (width<400px) and (width>300px){.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n .release-date.astro-xm4wpd4n{margin-top:.8rem;font-size:1.6rem}}@container (width>250px) and (width<300px){.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n .release-date.astro-xm4wpd4n{margin-top:.6rem;font-size:1.3rem}}@container (width<250px){.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n .release-date.astro-xm4wpd4n{margin-top:.4rem;font-size:1.2rem}}.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n .release-date.astro-xm4wpd4n time.astro-xm4wpd4n{font-family:inherit}.costume-card.astro-xm4wpd4n .top-panel.astro-xm4wpd4n .mirrosphere-costume.astro-xm4wpd4n{opacity:.7;background-image:linear-gradient(270deg,#0000,#000,#0000);max-width:70%;padding:0 15%;transition:transform .1s ease-out;transform:translateY(-20px)}.costume-card.astro-xm4wpd4n .bottom-panel.astro-xm4wpd4n{z-index:1;flex-direction:column;justify-content:flex-end;align-items:center;width:calc(100% - 8px);height:calc(100% - 8px);display:flex;position:absolute;inset:4px 4px 24px;overflow:hidden;container-type:size}.costume-card.astro-xm4wpd4n .bottom-panel.astro-xm4wpd4n .skin-name.astro-xm4wpd4n{--shop-card-name-color:red;-webkit-text-stroke:3px black;paint-order:stroke fill;margin-bottom:-.25rem;padding:.5rem;font-family:Montserrat;font-weight:600;position:relative}@container (width>500px){.costume-card.astro-xm4wpd4n .bottom-panel.astro-xm4wpd4n .skin-name.astro-xm4wpd4n{font-size:2.2rem}}@container (width<500px) and (width>400px){.costume-card.astro-xm4wpd4n .bottom-panel.astro-xm4wpd4n .skin-name.astro-xm4wpd4n{font-size:2rem}}@container (width<400px) and (width>300px){.costume-card.astro-xm4wpd4n .bottom-panel.astro-xm4wpd4n .skin-name.astro-xm4wpd4n{font-size:1.6rem}}@container (width>250px) and (width<300px){.costume-card.astro-xm4wpd4n .bottom-panel.astro-xm4wpd4n .skin-name.astro-xm4wpd4n{font-size:1.3rem}}@container (width<250px){.costume-card.astro-xm4wpd4n .bottom-panel.astro-xm4wpd4n .skin-name.astro-xm4wpd4n{font-size:1.2rem}}.costume-card.astro-xm4wpd4n .bottom-panel.astro-xm4wpd4n .skin-name.astro-xm4wpd4n:before{content:attr(data-text);text-shadow:0 0 #0000;z-index:-1;-webkit-text-stroke:6px transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(to bottom, white, var(--shop-card-name-color));padding:.5rem;position:absolute;inset:0}.costume-card.astro-xm4wpd4n .bottom-panel.astro-xm4wpd4n .character-name-img.astro-xm4wpd4n{max-width:100%;max-height:1.8rem;margin-bottom:-.25rem;padding:.5rem}@container (width>500px){.costume-card.astro-xm4wpd4n .bottom-panel.astro-xm4wpd4n .character-name-img.astro-xm4wpd4n{max-height:2rem}}@container (width<500px) and (width>400px){.costume-card.astro-xm4wpd4n .bottom-panel.astro-xm4wpd4n .character-name-img.astro-xm4wpd4n{max-height:1.8rem}}@container (width<400px) and (width>300px){.costume-card.astro-xm4wpd4n .bottom-panel.astro-xm4wpd4n .character-name-img.astro-xm4wpd4n{max-height:1.4rem}}@container (width>250px) and (width<300px){.costume-card.astro-xm4wpd4n .bottom-panel.astro-xm4wpd4n .character-name-img.astro-xm4wpd4n{max-height:1.2rem}}@container (width<250px){.costume-card.astro-xm4wpd4n .bottom-panel.astro-xm4wpd4n .character-name-img.astro-xm4wpd4n{max-height:1rem}}.costume-card.astro-xm4wpd4n .bottom-panel.astro-xm4wpd4n .character-name-img.astro-xm4wpd4n:before{content:attr(data-text);text-shadow:0 0 #0000;z-index:-1;-webkit-text-stroke:6px transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(to bottom, var(--shop-card-name-color), white 150%);padding:.5rem;position:absolute;inset:0}.costume-card.astro-xm4wpd4n .bottom-panel.astro-xm4wpd4n p.astro-xm4wpd4n.costume-type{text-shadow:0 0 #0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Montserrat;font-weight:700}.costume-card.astro-xm4wpd4n .bottom-panel.astro-xm4wpd4n p.astro-xm4wpd4n.costume-type.base-costume{background-image:linear-gradient(#fedd5ba6,#ffd996a6)}.costume-card.astro-xm4wpd4n .bottom-panel.astro-xm4wpd4n p.astro-xm4wpd4n.costume-type.alternate-costume{background-image:linear-gradient(#ff8989a6,#ff5d5da6)}.costume-card.astro-xm4wpd4n .costume-img-container.astro-xm4wpd4n{justify-content:center;align-items:flex-end;width:calc(100% - 8px);height:calc(100% - 8px);margin:4px;display:flex;position:relative;overflow:hidden}.costume-card.astro-xm4wpd4n .costume-img-container.astro-xm4wpd4n .costume-img.astro-xm4wpd4n{width:120%;min-width:120%;height:auto;transition:transform .15s ease-out;position:absolute}.costume-card.astro-xm4wpd4n .costume-img-container.astro-xm4wpd4n .costume-img.astro-xm4wpd4n.first-personality:not(.no-second-personality){opacity:1;transition:transform .15s ease-out,opacity .25s ease-out}.costume-card.astro-xm4wpd4n .costume-img-container.astro-xm4wpd4n .costume-img.astro-xm4wpd4n.second-personality:not(.no-second-personality){opacity:0;transition:transform .15s ease-out,opacity .25s ease-in}.costume-card.astro-xm4wpd4n .bottom-label-background.astro-xm4wpd4n{background-image:linear-gradient(#0000,#000 60%);height:80px;position:absolute;bottom:4px;left:4px;right:4px}.costume-card.astro-xm4wpd4n:hover{background-image:linear-gradient(0deg, rgba(var(--bg-col-r), var(--bg-col-g), var(--bg-col-b), .6), rgba(var(--bg-col-r), var(--bg-col-g), var(--bg-col-b), .5))}.costume-card.astro-xm4wpd4n:hover .costume-img-container.astro-xm4wpd4n .costume-img.astro-xm4wpd4n{transform:scale(1.25)}.costume-card.astro-xm4wpd4n:hover .costume-img-container.astro-xm4wpd4n .first-personality.astro-xm4wpd4n:not(.no-second-personality){opacity:0;transition:transform .15s ease-out,opacity .25s ease-in}.costume-card.astro-xm4wpd4n:hover .costume-img-container.astro-xm4wpd4n .second-personality.astro-xm4wpd4n:not(.no-second-personality){opacity:1;transition:transform .15s ease-out,opacity .25s ease-out}.costume-card.astro-xm4wpd4n:hover .top-panel.astro-xm4wpd4n.top-panel-normal{opacity:0}.costume-card.astro-xm4wpd4n:hover .top-panel.astro-xm4wpd4n.top-panel-hover{opacity:1}.costume-card.astro-xm4wpd4n:hover .top-panel.astro-xm4wpd4n .mirrosphere-costume.astro-xm4wpd4n{transition:transform .1s ease-in;transform:translateY(0)}.character-filter.astro-f7laocof{grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:1rem;width:100%;margin-bottom:3rem;display:grid}@media (width<=1279.9px){.character-filter.astro-f7laocof{grid-template-columns:1fr 1fr 1fr 1fr}}@media (width<=959.9px){.character-filter.astro-f7laocof{grid-template-columns:1fr 1fr 1fr}}@media (width<=599.9px){.character-filter.astro-f7laocof{grid-template-columns:1fr 1fr}}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof{--active-border-color:white;--active-text-color:white;appearance:none;box-sizing:content-box;font:inherit;color:inherit;text-align:start;aspect-ratio:4;cursor:pointer;background:0 0;border:2px solid #80808080;flex-direction:row;align-items:center;max-width:200px;margin:0;padding:0;display:flex;overflow:hidden}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof .portrait-container.astro-f7laocof{justify-content:center;align-items:center;width:50px;height:100%;display:flex;position:relative}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof .portrait-container.astro-f7laocof img.astro-f7laocof{height:auto;transition:opacity .16s ease-in-out,transform .25s ease-in-out;position:absolute}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof .portrait-container.astro-f7laocof img.astro-f7laocof.normal{opacity:.5;width:120%;padding-top:15%;transform:translate(-10%)}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof .portrait-container.astro-f7laocof img.astro-f7laocof.hover,.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof .portrait-container.astro-f7laocof img.astro-f7laocof.selected{opacity:0;width:180%;padding-top:50%;transform:translate(-10%)}@media (width<=599.9px){.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof .portrait-container.astro-f7laocof{width:40px}}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof .filter-label.astro-f7laocof{color:#80808080;margin-left:1rem;font-size:1rem;font-weight:500;line-height:1.8rem;transition:font-style 60ms linear,transform .25s ease-in-out;display:block}@media (width<=599.9px){.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof .filter-label.astro-f7laocof{margin-left:.5rem;font-size:.9rem}}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof .mirrosphere-logo.astro-f7laocof{opacity:.5;max-width:100%;max-height:100%;transition:opacity 60ms ease-out,transform .16s ease-out;transform:scale(.85)}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof.active-from-all{border-color:var(--active-from-all-color)}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof.active-from-all .portrait-container.astro-f7laocof img.astro-f7laocof.normal{opacity:1}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof.active-from-all .filter-label.astro-f7laocof{color:var(--active-from-all-color)}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof.active-from-all .mirrosphere-logo.astro-f7laocof{opacity:.5}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof:hover{border-color:#a6a6a6e6}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof:hover .portrait-container.astro-f7laocof img.astro-f7laocof.normal{opacity:0;transform:translate(-10%)}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof:hover .portrait-container.astro-f7laocof img.astro-f7laocof.hover{opacity:1;transform:translate(-10%)}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof:hover .portrait-container.astro-f7laocof img.astro-f7laocof.selected{opacity:0;transform:translate(-10%)}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof:hover .filter-label.astro-f7laocof{color:#fff}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof:hover .mirrosphere-logo.astro-f7laocof{opacity:1}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof.active{border-color:var(--active-border-color)}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof.active .filter-label.astro-f7laocof{color:var(--active-text-color);font-style:italic;font-weight:800;transform:translate(10%)}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof.active .portrait-container.astro-f7laocof img.astro-f7laocof.normal,.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof.active .portrait-container.astro-f7laocof img.astro-f7laocof.hover{opacity:0;transform:translate(0)}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof.active .portrait-container.astro-f7laocof img.astro-f7laocof.selected{opacity:1;transform:translate(0)}.character-filter.astro-f7laocof .character-filter-option.astro-f7laocof.active .mirrosphere-logo.astro-f7laocof{opacity:1;max-width:100%;max-height:100%;transform:scale(1)}.costume-cards-container.astro-f7laocof{grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;display:grid}@media (width<=1279.9px){.costume-cards-container.astro-f7laocof{grid-template-columns:1fr 1fr 1fr}}@media (width<=959.9px){.costume-cards-container.astro-f7laocof{grid-template-columns:1fr 1fr}}@media (width<=599.9px){.costume-cards-container.astro-f7laocof{grid-template-columns:1fr}}