/* Source module: shop-item-row.css */ .shop-item-table { border:0;background:transparent;overflow:visible; } .shop-item-row { position:relative;min-height:48px;box-sizing:border-box;padding-inline:18px;display:grid;grid-template-columns:42px 36px 48px minmax(130px,1.55fr) 72px .92fr 1.1fr;align-items:center;color:#cabd82;font-size:11px;isolation:isolate; } .shop-item-row > *:not(.shop-item-row-frame) { min-width:0;padding:0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .shop-item-body { display:flex;flex-direction:column;gap:4px; } .shop-item-body .shop-item-row { --shop-frame-inset:5px;--shop-frame-corner:7px;--shop-surface-inset:8px;--shop-surface-corner:5px; --shop-outer:#2e2e2e;--shop-middle:#191919;--shop-accent:#050505;--shop-inner:transparent; --shop-surface:linear-gradient(180deg,#070707 0%,#080808 100%);--shop-shadow:transparent; --shop-frame-filter:drop-shadow(0 0 4px rgba(0,0,0,.42));--shop-surface-filter:none; cursor:pointer; } .shop-item-body .shop-item-row:nth-child(even) { --shop-outer:#60503a;--shop-middle:#342b1f;--shop-accent:#080808;--shop-surface:linear-gradient(180deg,#0b0b0b 0%,#0e0e0e 100%); } .shop-item-body .shop-item-row:hover { --shop-frame-inset:3px;--shop-frame-corner:9px;--shop-surface-inset:7px; --shop-outer:#000820;--shop-middle:#082068;--shop-accent:#1888b8;--shop-inner:#082040;--shop-surface:#000810;--shop-shadow:#000;--shop-frame-filter:none; --shop-surface-filter:drop-shadow(1px 0 0 var(--shop-inner)) drop-shadow(-1px 0 0 var(--shop-inner)) drop-shadow(0 1px 0 var(--shop-inner)) drop-shadow(0 -1px 0 var(--shop-inner)); } .shop-item-body .shop-item-row.is-selected { --shop-frame-inset:3px;--shop-frame-corner:9px;--shop-surface-inset:7px; --shop-outer:#201808;--shop-middle:#604818;--shop-accent:#e8a828;--shop-inner:#302008;--shop-surface:#100800;--shop-shadow:#000;--shop-frame-filter:none; --shop-surface-filter:drop-shadow(1px 0 0 var(--shop-inner)) drop-shadow(-1px 0 0 var(--shop-inner)) drop-shadow(0 1px 0 var(--shop-inner)) drop-shadow(0 -1px 0 var(--shop-inner)); } .shop-item-row::before,.shop-item-row::after,.shop-item-row-frame,.shop-item-row-frame::before,.shop-item-row-frame::after { content:"";position:absolute;pointer-events:none; } .shop-item-row::before { z-index:-3;inset:0;background:var(--shop-shadow); } .shop-item-row-frame { z-index:-2;inset:var(--shop-frame-inset);background:var(--shop-outer);clip-path:polygon(var(--shop-frame-corner) 0,calc(100% - var(--shop-frame-corner)) 0,100% var(--shop-frame-corner),100% calc(100% - var(--shop-frame-corner)),calc(100% - var(--shop-frame-corner)) 100%,var(--shop-frame-corner) 100%,0 calc(100% - var(--shop-frame-corner)),0 var(--shop-frame-corner));filter:var(--shop-frame-filter); } .shop-item-row-frame::before { inset:1px;background:var(--shop-middle);clip-path:polygon(calc(var(--shop-frame-corner) - 1px) 0,calc(100% - var(--shop-frame-corner) + 1px) 0,100% calc(var(--shop-frame-corner) - 1px),100% calc(100% - var(--shop-frame-corner) + 1px),calc(100% - var(--shop-frame-corner) + 1px) 100%,calc(var(--shop-frame-corner) - 1px) 100%,0 calc(100% - var(--shop-frame-corner) + 1px),0 calc(var(--shop-frame-corner) - 1px)); } .shop-item-row-frame::after { inset:2px;background:var(--shop-accent);clip-path:polygon(calc(var(--shop-frame-corner) - 2px) 0,calc(100% - var(--shop-frame-corner) + 2px) 0,100% calc(var(--shop-frame-corner) - 2px),100% calc(100% - var(--shop-frame-corner) + 2px),calc(100% - var(--shop-frame-corner) + 2px) 100%,calc(var(--shop-frame-corner) - 2px) 100%,0 calc(100% - var(--shop-frame-corner) + 2px),0 calc(var(--shop-frame-corner) - 2px)); } .shop-item-row::after { z-index:-1;inset:var(--shop-surface-inset);background:var(--shop-surface);clip-path:polygon(var(--shop-surface-corner) 0,calc(100% - var(--shop-surface-corner)) 0,100% var(--shop-surface-corner),100% calc(100% - var(--shop-surface-corner)),calc(100% - var(--shop-surface-corner)) 100%,var(--shop-surface-corner) 100%,0 calc(100% - var(--shop-surface-corner)),0 var(--shop-surface-corner));filter:var(--shop-surface-filter); } .shop-item-row-icon { width:36px;height:38px;padding:0!important;display:flex;align-items:center;justify-content:center; } .shop-item-row-icon img { max-width:28px;max-height:28px;image-rendering:pixelated; } .shop-inspect-button { --shop-action-top:#1261a4;--shop-action-bottom:#071f3b;appearance:none;width:28px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:2px solid #5b472a;border-radius:0;background:linear-gradient(180deg,var(--shop-action-top),var(--shop-action-bottom));box-shadow:0 0 0 1px rgba(0,0,0,.3),inset 0 0 0 1px #0f0f0f;line-height:0;cursor:pointer; } .shop-inspect-button:hover { --shop-action-top:#1d9bdb;--shop-action-bottom:#0b325e;border-color:#927243; } .shop-inspect-button:active { transform:translateY(1px); } .shop-inspect-button img { max-width:16px;max-height:16px;image-rendering:pixelated; } .shop-item-row .status { color:var(--info); }.shop-item-row .success { color:var(--success); } .shop-item-row-spec { margin-top:auto;padding-top:10px; }