.part-diagram{margin:auto;width:min(96rem,96vw);max-width:none;height:min(58rem,92vh);max-height:none;padding:0;border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background-color:var(--color-surface);color:var(--color-foreground);overflow:hidden}.part-diagram::backdrop{background-color:#0009}.part-diagram__close{position:absolute;z-index:2;top:.5rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:var(--radius-pill);background:none;color:inherit;font-size:1.75rem;line-height:1;cursor:pointer}.part-diagram__close:hover{background-color:var(--color-surface-sunken)}.part-diagram__body{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:minmax(0,1fr);height:100%}.part-diagram__figure{position:relative;display:grid;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;background-color:var(--color-image-surface)}.part-diagram__scroller{display:flex;min-width:0;min-height:0;padding:1.5rem;overflow:auto}.part-diagram__stage{position:relative;flex:none;margin:auto}.part-diagram__zoom{position:absolute;z-index:2;right:0;bottom:0;display:flex;align-items:center;gap:.25rem;padding:.1875rem .25rem;border:1px solid var(--color-border-soft);border-right:0;border-bottom:0;background-color:var(--color-surface)}.part-diagram__zoom[hidden]{display:none}.part-diagram__zoom-label{padding:0 .25rem 0 .125rem;font-size:var(--text-xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-foreground-muted);opacity:.8}.part-diagram__zoom-button{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-foreground);font:inherit;font-size:.875rem;line-height:1;cursor:pointer}.part-diagram__zoom-button:hover:not(:disabled){border-color:var(--color-selected)}.part-diagram__zoom-button:disabled{opacity:.35;cursor:default}.part-diagram__zoom-level{min-width:2rem;font-size:var(--text-xs);font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.part-diagram__stage[hidden]{display:none}.part-diagram__image{display:block;width:100%;height:100%;object-fit:contain;filter:var(--image-dim)}.part-diagram__hotspots{position:absolute;top:0;right:0;bottom:0;left:0}.part-diagram__hotspot{position:absolute;padding:0;border:2px solid transparent;border-radius:var(--radius-sm);background:none;cursor:pointer}.part-diagram__hotspot:hover,.part-diagram__hotspot.is-hover,.part-diagram__hotspot:focus-visible{border-color:var(--color-selected);background-color:#00000014}.part-diagram__hotspot--mine{border-color:var(--color-primary);background-color:rgb(from var(--color-primary) r g b / 18%)}.part-diagram__hotspot.is-focused{border-color:var(--color-primary);background-color:rgb(from var(--color-primary) r g b / 35%);box-shadow:0 0 0 2px var(--color-surface)}.part-diagram__status{margin:0;color:var(--color-foreground-muted)}.part-diagram__status[hidden]{display:none}.part-diagram__machine{margin:0 0 .75rem;color:var(--color-foreground-muted)}.part-diagram__pick{display:grid;gap:.25rem;margin-bottom:.75rem}.part-diagram__pick-label{font-weight:700}.part-diagram__select{min-height:var(--control-height-sm)}.part-diagram__row--mine td{background-color:var(--color-surface-sunken)}.part-diagram__row--mine td:first-child{box-shadow:inset 3px 0 0 var(--color-primary)}.part-diagram__row.is-focused td{background-color:rgb(from var(--color-primary) r g b / 14%)}.part-diagram__mine-tag{display:inline-block;margin-left:.5rem;padding:0 .375rem;border-radius:var(--radius-sm);background-color:var(--color-primary);color:var(--color-on-primary);font-weight:700;vertical-align:middle}.part-diagram__replaced,.part-diagram__stock{display:block;color:var(--color-foreground-muted)}.part-diagram__select{width:100%;max-width:100%}a.part-diagram__sku{color:inherit;text-decoration:underline;text-decoration-color:var(--color-primary);text-underline-offset:.2em}.part-diagram__aside{display:flex;flex-direction:column;min-width:0;padding:1.5rem;border-left:1px solid var(--color-border-soft);overflow-y:auto}.part-diagram__title{margin:0 2rem .25rem 0;font-size:1.0625rem;line-height:1.3}.part-diagram__note{margin:0 0 .875rem;color:var(--color-foreground-muted);font-size:.8125rem}.part-diagram__table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.875rem;text-align:left}.part-diagram__th--num{width:2rem}.part-diagram__th--qty{width:2.5rem}.part-diagram__th--price{width:4.25rem}.part-diagram__th--action{width:4.75rem}.part-diagram__table thead th{position:sticky;top:0;z-index:1;padding:.5rem;border-bottom:1px solid var(--color-border-soft);background-color:var(--color-surface);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-foreground-muted)}.part-diagram__table td{padding:.5rem .375rem;border-top:1px solid var(--color-border-soft);vertical-align:top;overflow-wrap:anywhere}.part-diagram__table tbody tr:hover td{background-color:var(--color-surface-sunken)}.part-diagram__num{font-variant-numeric:tabular-nums;font-weight:700}.part-diagram__part{display:flex;flex-direction:column;gap:.125rem}.part-diagram__sku{font-weight:600}.part-diagram__desc{color:var(--color-foreground-muted);font-size:.8125rem;line-height:1.3}.part-diagram__qty,.part-diagram__price{font-variant-numeric:tabular-nums;white-space:nowrap}.part-diagram__add{padding:.3125rem .625rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:none;color:inherit;font:inherit;font-size:.8125rem;font-weight:600;white-space:nowrap;cursor:pointer}.part-diagram__add:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-on-primary)}.part-diagram__add:disabled{opacity:.45;cursor:not-allowed}@media screen and (max-width:47.99rem){.part-diagram__body{grid-template-columns:1fr;grid-template-rows:minmax(0,3fr) minmax(0,2fr)}.part-diagram__aside{border-left:0;border-top:1px solid var(--color-border-soft)}.part-diagram{width:100vw;height:100dvh;border:0;border-radius:0;overflow-y:auto;touch-action:pan-x pan-y}.part-diagram__close{position:fixed;background-color:var(--color-surface);box-shadow:0 0 0 1px var(--color-border-soft)}.part-diagram__body{display:block;height:auto}.part-diagram__figure{--part-diagram-flow: 1;display:block}.part-diagram__scroller{display:block;padding:3.25rem .75rem 3rem;overflow-x:auto;overflow-y:hidden}.part-diagram__stage{margin:0 auto}.part-diagram__aside{padding:1rem .75rem;overflow:visible}.part-diagram__table,.part-diagram__table thead,.part-diagram__table tbody{display:block}.part-diagram__table thead{position:sticky;top:0;z-index:1;border-bottom:1px solid var(--color-border-soft);background-color:var(--color-surface)}.part-diagram__table tr{display:grid;grid-template-columns:1.5rem minmax(0,1fr) 1.5rem auto auto;grid-auto-flow:dense;column-gap:.5rem;align-items:baseline}.part-diagram__table th{position:static;width:auto;padding:.5rem 0;border-bottom:0}.part-diagram__table thead tr,.part-diagram__table tbody tr{padding-inline:.375rem}.part-diagram__table tbody tr{padding-block:.5rem;border-top:1px solid var(--color-border-soft)}.part-diagram__table td{padding:0;border-top:0}.part-diagram__part{display:contents}.part-diagram__sku,.part-diagram__mine-tag{grid-column:2}.part-diagram__mine-tag{justify-self:start;margin-left:0}.part-diagram__desc,.part-diagram__replaced{grid-column:1 / -1;overflow-wrap:anywhere}.part-diagram__row--mine td,.part-diagram__row.is-focused td{background-color:transparent;box-shadow:none}.part-diagram__row--mine{background-color:var(--color-surface-sunken);box-shadow:inset 3px 0 0 var(--color-primary)}.part-diagram__row.is-focused{background-color:rgb(from var(--color-primary) r g b / 14%)}.part-diagram__stock{font-size:.75rem;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/part-diagram.css.map */