.outfit-library{--addon:3;--direction:2}.outfit-kicker{letter-spacing:.18em;font-size:11px;color:#b59458;margin-bottom:4px}.outfit-library h1{margin-top:0}.outfit-note{font-size:12px;opacity:.8}.outfit-controls{display:flex;flex-wrap:wrap;gap:12px;padding:18px 0;border-top:1px solid #80664066;border-bottom:1px solid #80664066;margin-top:22px}.outfit-controls label{display:flex;flex-direction:column;gap:6px;font-size:12px;flex:1;min-width:115px}.outfit-controls label:first-child{flex:3;min-width:180px}.outfit-controls input,.outfit-controls select{width:100%;box-sizing:border-box;min-height:38px;background:#171b1c;color:#eee1c9;border:1px solid #806640;padding:8px;border-radius:3px}.outfit-controls :focus-visible,.outfit-compare summary:focus-visible{outline:2px solid #e5b760;outline-offset:3px}.outfit-count{font-size:12px;letter-spacing:.05em;color:#b59458}.outfit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px;align-items:start}.outfit-card{border:1px solid #80664066;border-radius:4px;background:linear-gradient(145deg,#282a25,#151a1b);overflow:hidden;box-shadow:0 3px 10px #0003}.outfit-card[hidden]{display:none}.outfit-card h2{font-size:18px!important;color:#e5c487!important;text-align:center;margin:0!important;padding:17px 8px 5px;border:0!important;line-height:1.25}.outfit-pair{display:flex;justify-content:center;gap:6px}.outfit-pair figure{margin:0;text-align:center}.outfit-pair figcaption{font-size:11px;color:#b5b6ab;padding-bottom:15px}.outfit-preview{width:96px;height:96px;flex:0 0 96px;background-image:url(/assets/outfits/catalog.webp);background-repeat:no-repeat;background-size:6144px 6144px;background-position:calc((var(--column) * 4 + var(--direction)) * -96px) calc((var(--row) * 4 + var(--addon)) * -96px);image-rendering:pixelated}.outfit-compare{border-top:1px solid #80664044}.outfit-compare summary{cursor:pointer;padding:12px 16px;color:#d9c6a1;font-size:12px}.outfit-compare[open] summary{background:#ffffff06}.outfit-variant{padding:8px 6px;border-top:1px solid #ffffff09}.outfit-variant>span{display:block;text-align:center;font-size:11px;color:#b5b6ab}.outfit-no-addons{text-align:center;font-size:12px;color:#b5b6ab;margin:0;padding:12px;border-top:1px solid #80664044}#outfit-empty{padding:35px;text-align:center;border:1px dashed #806640}@media(max-width:520px){.outfit-grid{grid-template-columns:1fr}.outfit-controls label:first-child{flex-basis:100%}}
.outfit-addon-checks{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:9px;flex:2;min-width:210px}.outfit-addon-checks legend{font-size:12px;margin-bottom:9px}.outfit-controls .outfit-addon-checks label{flex:initial;min-width:0;display:flex;flex-direction:row;align-items:center;gap:5px}.outfit-controls .outfit-addon-checks input{min-height:0;width:16px;height:16px;margin:0;accent-color:#d6b66f}.outfit-addon-checks label:has(:disabled){opacity:.5}.outfit-colors{margin:18px 0;padding:16px;border:1px solid #80664066;background:#171b1c77;border-radius:4px}.outfit-colors h2{font-size:19px!important;margin:0 0 8px!important;padding:0!important;background:none!important;border:0!important}.outfit-colors p{font-size:12px;line-height:1.5}.outfit-color-parts{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.outfit-color-parts button{background:#252925;color:#eee1c9;border:1px solid #806640;padding:7px 9px;cursor:pointer;border-radius:3px;display:inline-flex;gap:7px;align-items:center;font-size:12px}.outfit-color-parts button[aria-pressed=true]{border-color:#ffe1a0;box-shadow:inset 0 -2px #d6b66f}.outfit-color-chip{display:inline-block;width:13px;height:13px;background:white;border:1px solid #777}.outfit-palette{display:grid;grid-template-columns:repeat(19,minmax(0,1fr));gap:3px;max-width:600px}.outfit-palette button{aspect-ratio:1;background:var(--swatch)!important;border:1px solid #0006;padding:0!important;border-radius:1px;cursor:pointer;min-width:0;min-height:0;box-shadow:none;margin:0}.outfit-palette button[aria-pressed=true]{outline:2px solid white;outline-offset:0;box-shadow:inset 0 0 0 2px #111}.outfit-palette button:focus-visible,.outfit-color-parts button:focus-visible{outline:2px solid #ffcf6a;outline-offset:2px;z-index:1}.outfit-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0;font-size:13px}.outfit-pagination a{padding:8px 15px;border:1px solid #806640;color:#e5c487;border-radius:3px}.outfit-pagination a[aria-disabled=true]{opacity:.4;cursor:default}.outfit-preview.outfit-colored{background-image:none}.outfit-preview canvas{width:96px;height:96px;display:block;image-rendering:pixelated}.outfit-controls label:last-child{min-width:115px}@media(max-width:520px){.outfit-palette{gap:2px}.outfit-colors{padding:10px}.outfit-color-parts button{padding:6px}.outfit-addon-checks{flex-basis:100%}}