.detailPage .outfitDetailsPiecesTitleIcon{width:2.2rem;height:2.4rem;object-fit:cover;flex-shrink:0}.detailPage .outfitDetailsShowcase{display:grid;gap:1.25rem;margin-top:1.5rem;align-items:start}@media(min-width:1200px){.detailPage .outfitDetailsShowcase.withPortraits{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.detailPage .outfitDetailsShowcase.withPortraits.portraits-2{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.detailPage .outfitDetailsShowcase.withPortraits .outfitDetailsPortraits{position:sticky;top:.5rem}.detailPage .outfitDetailsShowcase.withPortraits .outfitDetailsPortraits .fullscreenable-image-wrapper{max-height:var(--portraits-image-max,none)}.detailPage .outfitDetailsShowcase.withPortraits .outfitDetailsPortraits:not(.pair) img{max-height:min(42rem,var(--portraits-image-max,42rem) - 2*(var(--portrait-frame-padding) + var(--portrait-frame-border)))}.detailPage .outfitDetailsShowcase.withPortraits .outfitDetailsPortraits[data-capped] img{object-fit:contain}}.detailPage .outfitDetailsStory{min-width:0}.detailPage .outfitDetailsStory>.detailSection:first-child{margin-top:0}.detailPage .outfitDetailsPortraits{--portrait-frame-padding:0.5rem;--portrait-frame-border:1px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem;min-width:0}.detailPage .outfitDetailsPortraits figure{margin:0;min-width:0}.detailPage .outfitDetailsPortraits figcaption{font-family:Pirata One,serif;font-size:1.52rem;font-weight:400;letter-spacing:.05rem;line-height:1.2;margin:0 0 .6rem;color:#eff3f4}.detailPage .outfitDetailsPortraits .fullscreenable-image-wrapper{display:block;width:100%;padding:var(--portrait-frame-padding);border:var(--portrait-frame-border) solid var(--detail-panel-border);border-radius:.25rem;background:var(--detail-surface-bg);box-shadow:var(--detail-surface-shadow)}.detailPage .outfitDetailsPortraits img{display:block;width:100%;height:auto;max-height:42rem;object-fit:contain;border-radius:.25rem}@media(min-width:576px){.detailPage .outfitDetailsPortraits.pair{grid-template-columns:repeat(2,minmax(0,1fr))}.detailPage .outfitDetailsPortraits.pair figure{display:flex;flex-direction:column}.detailPage .outfitDetailsPortraits.pair figcaption{flex:none}.detailPage .outfitDetailsPortraits.pair .fullscreenable-image-wrapper{display:flex;flex:1 1 auto;min-height:0}.detailPage .outfitDetailsPortraits.pair img{height:auto;min-width:0;max-height:none;object-fit:cover}.detailPage .outfitDetailsPortraits.pair figure>img{flex:1 1 auto}}.detailPage .outfitDetailsPieceSections{display:grid;gap:1rem}.detailPage .outfitDetailsPieceSection{padding:.75rem;border:1px solid var(--detail-panel-border);border-radius:.25rem;background:var(--detail-surface-bg);box-shadow:var(--detail-surface-shadow)}.detailPage .outfitDetailsPieceSection h3{font-family:Splintered Liberty,sans-serif;font-size:1.06rem;font-weight:400;letter-spacing:.05rem;color:var(--detail-muted);margin-bottom:.75rem}.detailPage .outfitDetailsPieceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.6rem}.detailPage .outfitDetailsPiece{position:relative;display:flex;align-items:center;gap:.75rem;min-width:0;padding:.6rem;border-left:1px solid var(--detail-panel-border);border:1px solid var(--detail-panel-border);border-left-width:.25rem;border-radius:.25rem;background:var(--detail-surface-bg);box-shadow:var(--detail-surface-shadow)}.detailPage .outfitDetailsPiece.filled{border-left-color:var(--detail-gold)}.detailPage .outfitDetailsPiece.owned .outfitDetailsPieceText{padding-right:2.6rem}.detailPage .outfitDetailsPiece.rarity-common{border-left-color:var(--snb-rarity-common-color-light);background:color-mix(in srgb,var(--snb-rarity-common-color-dark) 20%,rgba(0,0,0,.2))}.detailPage .outfitDetailsPiece.rarity-uncommon{border-left-color:var(--snb-rarity-uncommon-color-light);background:color-mix(in srgb,var(--snb-rarity-uncommon-color-dark) 20%,rgba(0,0,0,.2))}.detailPage .outfitDetailsPiece.rarity-rare{border-left-color:var(--snb-rarity-rare-color-light);background:color-mix(in srgb,var(--snb-rarity-rare-color-dark) 20%,rgba(0,0,0,.2))}.detailPage .outfitDetailsPiece.rarity-epic{border-left-color:var(--snb-rarity-epic-color-light);background:color-mix(in srgb,var(--snb-rarity-epic-color-dark) 20%,rgba(0,0,0,.2))}.detailPage .outfitDetailsPiece.rarity-legendary{border-left-color:var(--snb-rarity-legendary-color-light);background:color-mix(in srgb,var(--snb-rarity-legendary-color-dark) 20%,rgba(0,0,0,.2))}.detailPage .outfitDetailsPieceIcon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:6rem;height:6rem;border:1px solid var(--detail-panel-border);border-radius:.25rem;background:var(--detail-surface-bg)}.detailPage .outfitDetailsPieceIcon img{width:100%;height:100%;object-fit:contain}.detailPage .outfitDetailsPieceIcon.empty img{width:70%;height:70%;opacity:.45}.detailPage .outfitDetailsPieceIcon:is(a):focus-visible,.detailPage .outfitDetailsPieceIcon:is(a):hover{outline:2px solid var(--detail-gold);outline-offset:.125rem}.detailPage .outfitDetailsPieceText{display:flex;flex-direction:column;gap:.25rem;min-width:0;overflow-wrap:anywhere;font-size:1.4rem;line-height:1.1}.detailPage .outfitDetailsPieceLabel{font-size:1.2rem;color:var(--detail-muted)}.detailPage .outfitDetailsPieceOwned{position:absolute;top:.6rem;right:.6rem;display:flex;align-items:center;justify-content:center;width:2rem;aspect-ratio:1;border-radius:.25rem;background-color:rgba(156,156,156,.11);color:#adff2f;font-size:1rem}