/* A common FYLU setting for the original, unfiltered instrument marks. */
.instrument-mark{display:grid;place-items:center;position:relative;isolation:isolate;flex:0 0 auto;width:52px;height:52px;padding:9px;border:1px solid var(--fylu-line);border-radius:16px;background:linear-gradient(145deg,#303045,#181b2a);box-shadow:inset 0 1px 0 #fff1,0 6px 18px #05061030;overflow:hidden;grid-row:span 2}
.instrument-mark img{width:100%;height:100%;max-width:100%;object-fit:contain;filter:none;mix-blend-mode:normal;border-radius:5px}
.instrument-mark-light{background:linear-gradient(145deg,#fff,#eaeaf1);border-color:#fff3}
.instrument-mark svg{width:100%;height:100%}
.instrument-mark-gold{color:#6d4b08;background:linear-gradient(140deg,#f3dea1,#c49c4e);border-color:#e8ca7c88}
.instrument-mark-silver{color:#46515e;background:linear-gradient(140deg,#f0f2f5,#a2afbe);border-color:#dce5ee88}
.instrument-mark-flags img{position:absolute;width:29px;height:29px;object-fit:cover;border-radius:50%;border:2px solid #242738;left:6px;top:6px}
.instrument-mark-flags img+img{left:auto;top:auto;bottom:6px;right:6px}
.instrument-list .instrument-branded summary,.market-collection .instrument-branded summary{grid-template-columns:52px minmax(0,1fr) 20px;column-gap:15px;row-gap:5px;padding:20px 0}
.instrument-branded .instrument-name{min-width:0;display:flex;flex-direction:column;gap:5px;font-family:var(--fylu-font-ui);font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.instrument-name strong{font-weight:550}.instrument-pair{font:500 11px var(--fylu-font-ui);letter-spacing:.025em;color:var(--fylu-muted)}
.instrument-branded summary small{font-size:10px;line-height:1.3;color:var(--fylu-muted)}
.instrument-branded .details-icon{display:grid;place-items:center;transition:transform 160ms ease}.instrument-branded .details-icon svg{width:18px;height:18px}.instrument-branded[open] .details-icon{transform:rotate(180deg)}
.instrument-branded dl{padding-top:2px}.instrument-branded dd{overflow-wrap:anywhere}
.instrument-open{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:44px;margin:0 0 20px;padding:10px 15px;border:1px solid var(--fylu-line);border-radius:10px;background:#b39ae810;color:var(--fylu-accent-bright);font:500 12px var(--fylu-font-ui)}
.instrument-open svg{width:17px;height:17px}.instrument-open:focus-visible{outline:2px solid var(--fylu-accent);outline-offset:3px}
.market-search{display:flex;gap:18px;justify-content:space-between;align-items:flex-end;margin:20px 0 10px}.market-search label{display:flex;flex-direction:column;gap:8px;width:min(330px,100%);min-width:0}.market-search-label{font:500 11px var(--fylu-font-ui);color:var(--fylu-muted)}
.market-search input{appearance:none;width:100%;min-height:46px;border:1px solid var(--fylu-line);border-radius:12px;padding:11px 14px;background:#191d2d;color:var(--fylu-text);font:400 16px var(--fylu-font-ui)}
.market-search input:focus{outline:2px solid var(--fylu-accent);outline-offset:2px}.market-result-count{font-size:11px;color:var(--fylu-muted);padding-bottom:14px;line-height:1.5;text-align:right}.market-empty{font-size:14px;line-height:1.6;color:var(--fylu-muted);padding:25px 0}
.asset-choice .asset-icon{display:block;margin-bottom:9px;font-size:inherit;line-height:1}.asset-choice .asset-icon .instrument-mark{width:38px;height:38px;padding:7px;border-radius:12px}.asset-choice .asset-icon .instrument-mark-flags img{width:23px;height:23px;left:2px;top:2px}.asset-choice .asset-icon .instrument-mark-flags img+img{left:auto;top:auto;right:2px;bottom:2px}
@media(max-width:600px){.market-search{align-items:stretch;flex-direction:column;gap:8px}.market-search label{width:100%}.market-result-count{text-align:left;padding-bottom:0}.instrument-list .instrument-branded summary,.market-collection .instrument-branded summary{column-gap:12px}.instrument-branded .instrument-name{font-size:14px}.market-collection .instrument-branded dl{grid-template-columns:minmax(90px,.9fr) minmax(0,1.1fr);column-gap:12px;font-size:12px}.asset-choice .asset-icon .instrument-mark{width:32px;height:32px;padding:5px;border-radius:10px}.asset-choice .asset-icon{margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){.instrument-branded .details-icon{transition:none}}
