.map-customize-outfit-modal{width:min(760px,96%);max-height:94%;display:flex;flex-direction:column}.map-customize-outfit-modal .map-minimap-modal__header{flex-shrink:0;position:relative;z-index:2}.map-minimap-modal__body.map-customize-outfit-modal__body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:10px;overflow-y:auto;overflow-x:hidden;flex:1 1 auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(242,210,119,.7) rgba(10,12,14,.6)}.map-minimap-modal__body.map-customize-outfit-modal__body::-webkit-scrollbar{width:8px}.map-minimap-modal__body.map-customize-outfit-modal__body::-webkit-scrollbar-track{background:#0a0c0e99;border-radius:999px}.map-minimap-modal__body.map-customize-outfit-modal__body::-webkit-scrollbar-thumb{background:#f2d277b3;border-radius:999px;border:2px solid rgba(10,12,14,.6)}.map-minimap-modal__body.map-customize-outfit-modal__body::-webkit-scrollbar-thumb:hover{background:#f2d277e6}.map-customize-outfit-modal .outfit-customizer{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:12px;width:100%;align-items:start;margin:0}.map-customize-outfit-modal .outfit-preview{position:static;top:auto;align-self:auto;padding:10px;margin:0}.map-customize-outfit-modal .outfit-grid,.map-customize-outfit-modal .mount-grid{max-height:200px;grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.map-customize-outfit-modal .color-palette{max-height:140px}.map-customize-outfit-modal__footer{flex-shrink:0;display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.08);background:#00000026;flex-wrap:wrap;position:relative;z-index:2}.map-customize-outfit-modal__btn{border:1px solid transparent;border-radius:4px;padding:6px 14px;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .12s ease,background .12s ease,border-color .12s ease}.map-customize-outfit-modal__btn:disabled{opacity:.55;cursor:not-allowed}.map-customize-outfit-modal__btn--secondary{background:#ffffff14;color:#ffffffd9;border-color:#ffffff2e}.map-customize-outfit-modal__btn--secondary:hover:not(:disabled){background:#ffffff24;border-color:#ffffff4d}.map-customize-outfit-modal__btn--primary{background:#f2d277e6;color:#1a1a1a}.map-customize-outfit-modal__btn--primary:hover:not(:disabled){background:#edc988}@media (max-width: 768px){.map-customize-outfit-modal{width:96%}.map-customize-outfit-modal .outfit-customizer{grid-template-columns:1fr}.map-customize-outfit-modal .outfit-preview{position:static;top:auto;align-self:auto;display:block;grid-template-columns:none;grid-template-areas:none;column-gap:0;margin:0;padding:10px;text-align:center;background:linear-gradient(180deg,#ffffff0f,#0003);border:1px solid rgba(255,255,255,.12)}.map-customize-outfit-modal .outfit-preview .outfit-preview-title,.map-customize-outfit-modal .outfit-preview .outfit-preview-hint{grid-area:auto;margin:6px 0 0;font-size:.75rem}.map-customize-outfit-modal .outfit-preview .character-wrapper-modal{grid-area:auto;width:140px;height:140px;margin:0 auto}.map-customize-outfit-modal .outfit-preview .character-outfit-modal,.map-customize-outfit-modal .outfit-preview .character-overlay-modal,.map-customize-outfit-modal .outfit-preview .character-mount-modal{transform:translate(-50%,-50%) scale(1.5)}.map-customize-outfit-modal .outfit-grid,.map-customize-outfit-modal .mount-grid{max-height:180px;grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.map-customize-outfit-modal .color-palette{max-height:120px;grid-template-columns:repeat(auto-fill,minmax(22px,1fr))}}@media (max-width: 480px){.map-customize-outfit-modal__footer{justify-content:stretch}.map-customize-outfit-modal__footer .map-customize-outfit-modal__btn{flex:1 1 auto}.map-customize-outfit-modal .outfit-preview .character-wrapper-modal{width:120px;height:120px}.map-customize-outfit-modal .outfit-grid,.map-customize-outfit-modal .mount-grid{max-height:160px;grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.map-customize-outfit-modal .color-type-btn{padding:4px 8px;font-size:.72rem}}