.outfitPiecesModal{--outfit-panel-bg:rgba(37,40,43,.96);--outfit-panel-border:hsla(207,4%,51%,.34);--outfit-control-bg:rgba(79,83,86,.86);--outfit-surface-bg:rgba(79,83,86,.38);--outfit-control-border:hsla(200,5%,76%,.34);--outfit-text:#f0f1f1;--outfit-muted:hsla(180,3%,86%,.72);--outfit-gold:#a68023}.outfitPiecesModal .modal-dialog{max-width:min(920px,100% - 1rem)}.outfitPiecesModal .modal-content{border:1px solid var(--outfit-panel-border);border-radius:12px;background:linear-gradient(180deg,rgba(68,71,74,.22),rgba(17,19,21,.72)),var(--outfit-panel-bg);color:var(--outfit-text);box-shadow:0 14px 34px rgba(0,0,0,.58),inset 0 0 0 1px rgba(180,205,230,.05)}.outfitPiecesModal .modal-header{border-bottom:1px solid var(--outfit-panel-border);padding:.75rem 1rem}.outfitPiecesModal .modal-header .modal-title{display:flex;gap:.25rem;align-items:center;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.outfitPiecesModal .modal-header .modal-title .piecesTitleIcon{width:1.8rem;height:2rem;object-fit:cover;flex-shrink:0}.outfitPiecesModal .modal-body{padding:1rem;color:var(--outfit-muted);scrollbar-width:thin;scrollbar-color:rgba(118,144,170,.62) rgba(0,0,0,.26)}.outfitPiecesModal .modal-body p{margin-bottom:.75rem}.outfitPiecesModal .modal-footer{justify-content:space-between;border-top:1px solid var(--outfit-panel-border);padding:.75rem 1rem}.outfitPiecesModal .modal-footer .piecesCounter{color:var(--outfit-muted);font-size:.85rem}.outfitPiecesModal .modal-footer .footerButtons{display:flex;gap:.5rem}.outfitPiecesModal .modal-footer button{display:flex;align-items:center;gap:.4rem}.outfitPiecesModal .pieceSections{display:grid;grid-gap:1rem;gap:1rem}.outfitPiecesModal .pieceSections .pieceSection{padding:.75rem;border:1px solid hsla(200,5%,76%,.2);border-radius:8px;background:hsla(0,0%,100%,.025)}.outfitPiecesModal .pieceSections .pieceSection h6{margin:0 0 .6rem;color:hsla(180,3%,92%,.8);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.outfitPiecesModal .pieceSections .pieceSection .pieceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.outfitPiecesModal .pieceCard{position:relative;display:flex;align-items:center;gap:.65rem;min-width:0;padding:.5rem .6rem;border:1px solid hsla(200,5%,76%,.2);border-left:4px solid hsla(200,5%,76%,.35);border-radius:8px;background:var(--outfit-surface-bg);transition:border-color .15s ease-out,background-color .15s ease-out}.outfitPiecesModal .pieceCard.filled{border-left-color:var(--outfit-gold);background:rgba(166,128,35,.08)}.outfitPiecesModal .pieceCard.rarity-common{border-left-color:#6b6e72}.outfitPiecesModal .pieceCard.rarity-uncommon{border-left-color:#2e9e2e}.outfitPiecesModal .pieceCard.rarity-rare{border-left-color:#2d8abd}.outfitPiecesModal .pieceCard.rarity-epic{border-left-color:#a33ec2}.outfitPiecesModal .pieceCard.rarity-legendary{border-left-color:#d8af38}.outfitPiecesModal .pieceCard .pieceIconButton{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:1px solid hsla(200,5%,76%,.3);border-radius:6px;background:rgba(20,22,24,.4);cursor:pointer;overflow:hidden;transition:border-color .15s ease-out}.outfitPiecesModal .pieceCard .pieceIconButton img{width:100%;height:100%;object-fit:contain}.outfitPiecesModal .pieceCard .pieceIconButton .pieceSlotIcon{width:70%;height:70%;opacity:.45}.outfitPiecesModal .pieceCard .pieceIconButton .pieceIconOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,12,14,.72);color:var(--outfit-text);opacity:0;transition:opacity .15s ease-out;pointer-events:none}.outfitPiecesModal .pieceCard .pieceIconButton:focus-visible,.outfitPiecesModal .pieceCard .pieceIconButton:hover{border-color:var(--outfit-gold)}.outfitPiecesModal .pieceCard .pieceIconButton:focus-visible .pieceIconOverlay,.outfitPiecesModal .pieceCard .pieceIconButton:hover .pieceIconOverlay{opacity:1}.outfitPiecesModal .pieceCard .pieceText{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.outfitPiecesModal .pieceCard .pieceText .pieceLabel{color:hsla(180,3%,92%,.6);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.outfitPiecesModal .pieceCard .pieceText .pieceName{overflow:hidden;color:var(--outfit-text);font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.outfitPiecesModal .pieceCard .pieceText .pieceName.empty{color:var(--outfit-muted);font-style:italic}.outfitPiecesModal .pieceCard .pieceClearButton{flex:0 0 auto;width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center}@media(max-width:575.98px){.outfitPiecesModal .pieceSections .pieceSection .pieceGrid{grid-template-columns:minmax(0,1fr)}}body:has(.outfitPiecesModal.show) .itemBrowserModal .modal-dialog,body:has(.outfitPiecesModal.show) .itemBrowserModal .modal-dialog-centered{min-width:min(920px,100% - 1rem)!important;max-width:min(920px,100% - 1rem)!important}body:has(.outfitPiecesModal.show) .itemBrowserModal .modal-content{max-height:calc(100vh - 1rem)}.outfitImageInput{--outfit-control-bg:rgba(79,83,86,.86);--outfit-surface-bg:rgba(79,83,86,.38);--outfit-control-border:hsla(200,5%,76%,.34);--outfit-gold:#a68023;height:100%}.outfitImageInput .outfitImageBox{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;border:1px dashed var(--outfit-control-border);border-radius:10px;background:var(--outfit-surface-bg);transition:border-color .15s ease-out}.outfitImageInput .outfitImageBox:hover{border-color:var(--outfit-gold)}.outfitImageInput .outfitImageBox.hasImage{border-style:solid;background:rgba(20,22,24,.5)}.outfitImageInput .outfitImageBox.invalid{border-color:#dc3545}.outfitImageInput .outfitImageBox.removing{border:1px dashed #dc3545;background:rgba(220,53,69,.08)}.outfitImageInput .outfitImageBox.removing:hover{border-color:#dc3545}.outfitImageInput .outfitImageBox.removing .outfitImagePlaceholder{color:#ea868f;cursor:default}.outfitImageInput .outfitImageBox .outfitImageFileInput{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.outfitImageInput .outfitImageBox .outfitImagePreview{width:100%;height:100%;object-fit:contain}.outfitImageInput .outfitImageBox .outfitImagePlaceholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;color:hsla(180,3%,86%,.72);font-size:.85rem;text-align:center;cursor:pointer}.outfitImageInput .outfitImageBox .outfitImagePlaceholder svg{font-size:1.8rem}.outfitImageInput.portrait .outfitImageBox{aspect-ratio:3/4}.outfitImageInput.wide .outfitImageBox{aspect-ratio:16/9}.outfitImageInput .outfitImageActions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.outfitImageInput .outfitImageActions .btn{display:flex;align-items:center;gap:.35rem;cursor:pointer}.createOutfitContainer{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;overflow-y:auto;color:#f0f8ff;padding:.25rem}.createOutfitContainer.bg-ragingTides{background-clip:padding-box;background:linear-gradient(90deg,#000,rgba(26,211,2,.357),rgba(26,211,2,.357),rgba(26,211,2,.357),#000)}.createOutfitContainer.bg-chorusOfHavoc{background-clip:padding-box;background:linear-gradient(90deg,#000,rgba(2,197,211,.357),rgba(2,197,211,.357),rgba(2,197,211,.357),#000)}.createOutfitContainer.bg-intoTheDragonsWake{background-clip:padding-box;background:linear-gradient(90deg,#000,rgba(211,30,2,.357),rgba(211,30,2,.357),rgba(211,30,2,.357),#000)}.createOutfitContainer.bg-shadowsOfTheDeep{background-clip:padding-box;background:linear-gradient(90deg,#000,rgba(211,162,2,.357),rgba(211,162,2,.357),rgba(211,162,2,.357),#000)}.createOutfitContainer.bg-ascentIntoChaos{background-clip:padding-box;background:linear-gradient(90deg,#000,rgba(204,92,23,.369),rgba(204,92,23,.369),rgba(204,92,23,.369),#000)}.createOutfitContainer.bg-oathsOfWar{background-clip:padding-box;background:linear-gradient(90deg,#000,hsla(32,25%,54%,.388),hsla(32,25%,54%,.388),hsla(32,25%,54%,.388),#000)}.createOutfitContainer.bg-gutsAndGlory{background-clip:padding-box;background:linear-gradient(90deg,#000,rgba(163,32,28,.357),rgba(163,32,28,.357),rgba(163,32,28,.357),#000)}.createOutfitContainer.bg-eyeOfTheBeast{background-clip:padding-box;background:linear-gradient(90deg,#000,rgba(29,150,144,.349),rgba(29,150,144,.349),rgba(29,150,144,.349),#000)}.createOutfitContainer.bg-shatteredSeas{background-clip:padding-box;background:linear-gradient(90deg,#000,rgba(177,128,37,.357),rgba(177,128,37,.357),rgba(177,128,37,.357),#000)}.createOutfitContainer.bg-crimsonWaters{background-clip:padding-box;background:linear-gradient(90deg,#000,rgba(182,38,45,.357),rgba(182,38,45,.357),rgba(182,38,45,.357),#000)}.createOutfitContainer .createOutfitForm{--outfit-panel-bg:rgba(46,45,45,.9);--outfit-panel-border:hsla(0,0%,100%,.1);--outfit-control-bg:rgba(79,83,86,.86);--outfit-surface-bg:rgba(79,83,86,.38);--outfit-control-border:hsla(200,5%,76%,.34);--outfit-text:#f0f1f1;--outfit-muted:hsla(180,3%,86%,.72);--outfit-gold:#a68023;--bs-secondary-color:#919191;width:-moz-fit-content;width:fit-content;min-width:60vw;max-width:100%;height:-moz-fit-content;height:fit-content;padding:1.25rem;border:1px solid var(--outfit-panel-border);border-radius:.25rem;background:var(--outfit-panel-bg);color:var(--outfit-text);box-shadow:0 .125rem .75rem rgba(0,0,0,.18)}@media(min-width:900px){.createOutfitContainer .createOutfitForm{max-width:70vw}}@media(min-width:1200px){.createOutfitContainer .createOutfitForm{max-width:900px}}.createOutfitContainer .createOutfitForm .outfitFormHeader{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:.5rem;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--outfit-panel-border)}@media(max-width:900px){.createOutfitContainer .createOutfitForm .outfitFormHeader{grid-template-columns:1fr}}.createOutfitContainer .createOutfitForm .outfitFormHeader .outfitFormBackBtn{justify-self:start;display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;font-family:Splintered Liberty Thin,sans-serif;font-size:1.4rem;letter-spacing:.02rem;white-space:nowrap}.createOutfitContainer .createOutfitForm .outfitFormHeader .outfitFormBackBtn svg{font-size:.7em}@media(max-width:900px){.createOutfitContainer .createOutfitForm .outfitFormHeader .outfitFormBackBtn{display:none}}.createOutfitContainer .createOutfitForm .outfitFormHeader>h4{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25rem .5rem;min-width:0;margin:0;font-family:Pirata One,serif;font-size:2.5rem;font-weight:400;letter-spacing:.05rem;line-height:1.2;text-align:center;overflow-wrap:anywhere;color:#eff3f4}.createOutfitContainer .createOutfitForm .outfitFormHeader>h4 .outfitTitleIcon{width:1.1em;height:1.2em;object-fit:cover;flex-shrink:0}.createOutfitContainer .createOutfitForm .outfitFormSection{margin-bottom:1.1rem}.createOutfitContainer .createOutfitForm .form-label{font-family:Pirata One,serif;font-size:1.6rem;font-weight:400;letter-spacing:.05rem;line-height:1.2;color:#eff3f4}.createOutfitContainer .createOutfitForm .form-control{border-color:var(--outfit-control-border);background-color:var(--outfit-control-bg);color:var(--outfit-text);font-size:.9rem}.createOutfitContainer .createOutfitForm .form-control:focus{border-color:var(--outfit-gold);box-shadow:0 0 0 2px rgba(166,128,35,.35)}.createOutfitContainer .createOutfitForm .nav-tabs{border-bottom-color:var(--outfit-control-border)}.createOutfitContainer .createOutfitForm .nav-tabs .nav-link{color:var(--outfit-muted);font-size:.85rem}.createOutfitContainer .createOutfitForm .nav-tabs .nav-link.active{border-color:var(--outfit-control-border) var(--outfit-control-border) transparent;background-color:var(--outfit-control-bg);color:var(--outfit-text)}.createOutfitContainer .createOutfitForm .outfitMarkdownBlock{min-height:12rem;padding:.75rem 1rem;border:1px solid var(--outfit-control-border);border-radius:.375rem;background-color:var(--outfit-control-bg)}.createOutfitContainer .createOutfitForm .outfitMarkdownBlock h2{font-size:1.5rem}.createOutfitContainer .createOutfitForm .outfitMarkdownBlock h3{font-size:1.3rem}.createOutfitContainer .createOutfitForm .outfitMarkdownBlock h4{font-size:1.1rem}.createOutfitContainer .createOutfitForm .outfitEventsCount{margin-left:.5rem;font-size:1.2rem;font-weight:400;color:var(--outfit-gold)}.createOutfitContainer .createOutfitForm .outfitEventsList{display:flex;flex-wrap:wrap;gap:.4rem;max-height:11rem;overflow-y:auto;padding:.6rem;border:1px solid var(--outfit-control-border);border-radius:8px;background:var(--outfit-surface-bg);scrollbar-color:rgba(118,144,170,.62) rgba(0,0,0,.26)}.createOutfitContainer .createOutfitForm .outfitEventsList .outfitEventChip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border:1px solid var(--outfit-control-border);border-radius:999px;background:rgba(20,22,24,.4);color:var(--outfit-text);font-size:.8rem;transition:border-color .15s ease-out,background-color .15s ease-out}.createOutfitContainer .createOutfitForm .outfitEventsList .outfitEventChip:hover:not(:disabled){border-color:var(--outfit-gold)}.createOutfitContainer .createOutfitForm .outfitEventsList .outfitEventChip.selected{border-color:var(--outfit-gold);background:rgba(166,128,35,.22)}.createOutfitContainer .createOutfitForm .outfitEventsList .outfitEventChip:disabled{opacity:.45;cursor:not-allowed}.createOutfitContainer .createOutfitForm .outfitPiecesButton{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:4.5rem;padding:.75rem;border:1px dashed var(--outfit-control-border);border-radius:10px;background:var(--outfit-surface-bg);color:var(--outfit-text);text-align:left;transition:border-color .15s ease-out,background-color .15s ease-out}.createOutfitContainer .createOutfitForm .outfitPiecesButton:focus-visible,.createOutfitContainer .createOutfitForm .outfitPiecesButton:hover{border-color:var(--outfit-gold);background:rgba(166,128,35,.08)}.createOutfitContainer .createOutfitForm .outfitPiecesButton.invalid{border-color:#dc3545}.createOutfitContainer .createOutfitForm .outfitPiecesButton .outfitPiecesEmpty{display:flex;align-items:center;gap:.6rem;width:100%;justify-content:center;color:var(--outfit-muted)}.createOutfitContainer .createOutfitForm .outfitPiecesButton .outfitPiecesEmpty svg{font-size:1.4rem}.createOutfitContainer .createOutfitForm .outfitPiecesButton .outfitPiecesGrid{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:.4rem}.createOutfitContainer .createOutfitForm .outfitPiecesButton .outfitPiecesGrid .outfitPiecePreview{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid hsla(200,5%,76%,.3);border-radius:6px;background:rgba(20,22,24,.4);overflow:hidden}.createOutfitContainer .createOutfitForm .outfitPiecesButton .outfitPiecesGrid .outfitPiecePreview img{width:100%;height:100%;object-fit:contain}.createOutfitContainer .createOutfitForm .outfitPiecesButton .outfitPiecesEdit{color:var(--outfit-gold);font-size:.85rem;font-weight:700}.createOutfitContainer .createOutfitForm .outfitFrontBackRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-bottom:.25rem}.createOutfitContainer .createOutfitForm .outfitImageDisclaimer{margin-bottom:1.1rem;font-size:.8rem}.createOutfitContainer .createOutfitForm .uploadProgressBar{margin-bottom:1rem;--bs-progress-bar-bg:#ffc107;--bs-progress-bar-color:#131313}.createOutfitContainer .createOutfitForm .submitBtn{display:flex;align-items:center;gap:.5rem;margin:0 auto}.outfitResultModal{display:flex!important;justify-content:center;--bs-modal-margin:0.5rem;--bs-modal-padding:0.5rem}.outfitResultModal.success .modal-header{background-color:#164600}.outfitResultModal.pending .modal-header{background-color:#663c00}.outfitResultModal .modal-dialog{margin:.5rem}.outfitResultModal .modal-dialog .modal-content{max-height:100%;background-color:#30353a;color:#f0f8ff}.outfitResultModal .modal-dialog .modal-content .modal-header{padding:.75rem}.outfitResultModal .modal-dialog .modal-content .modal-header .modal-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.outfitResultModal .modal-dialog .modal-content .modal-header .modal-title svg{margin-right:.75rem}.outfitResultModal .modal-dialog .modal-content .modal-header .btn-close{--bs-btn-close-focus-shadow:0 0 0 0.15rem #0338da;--bs-btn-close-white-filter:invert(1)}.outfitResultModal .modal-dialog .modal-content .modal-body{overflow-y:auto;padding:.5rem .75rem;text-align:center}.outfitResultModal .modal-dialog .modal-content .modal-footer{justify-content:center}.outfitResultModal .modal-dialog .modal-content .modal-footer button svg{margin-right:.5rem}