.exhibit[data-slug=pin-tumbler-lock] .stage-readout{min-width:150px}.exhibit[data-slug=pin-tumbler-lock] .stage-readout .ro-warn span{color:#b3261e;font-weight:600}@media(max-width:600px){.exhibit[data-slug=pin-tumbler-lock] .stage-readout{transform:none;min-width:90px;max-width:190px}}.exhibit[data-slug=pin-tumbler-lock] .lk-mech{display:grid;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--rule)}.exhibit[data-slug=pin-tumbler-lock] .lk-field{display:grid;gap:8px}.exhibit[data-slug=pin-tumbler-lock] .lk-field :is(select,input){min-height:44px;width:100%;font:500 15px/1.2 var(--sans);padding:0 12px;border:1px solid var(--rule-2);border-radius:2px;background:var(--paper);color:var(--ink)}.exhibit[data-slug=pin-tumbler-lock] .lk-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.exhibit[data-slug=pin-tumbler-lock] .lk-btns .btn{min-height:44px;justify-content:center;text-align:center}.exhibit[data-slug=pin-tumbler-lock] .lk-state{font:500 13px/1.4 var(--mono)}.exhibit[data-slug=pin-tumbler-lock] .lk-note{margin:0;font-size:13.5px;line-height:1.5;color:var(--mute)}.exhibit[data-slug=pin-tumbler-lock] .lock-more{display:grid;gap:16px;margin:24px auto}.exhibit[data-slug=pin-tumbler-lock] .lk-box{border:1px solid var(--rule);padding:0 18px}.exhibit[data-slug=pin-tumbler-lock] .lk-box>summary{display:flex;align-items:center;font:500 13px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.exhibit[data-slug=pin-tumbler-lock] .lk-box[open]{padding-bottom:18px}.exhibit[data-slug=pin-tumbler-lock] .lk-tasks{margin:8px 0;padding-inline-start:0;list-style:none;display:grid;gap:6px}.exhibit[data-slug=pin-tumbler-lock] .lk-tasks li{position:relative;padding:10px 12px 10px 40px;border:1px solid var(--rule);line-height:1.45}.exhibit[data-slug=pin-tumbler-lock] .lk-tasks li:before{content:"";position:absolute;left:12px;top:12px;width:16px;height:16px;border:1.5px solid var(--ink);border-radius:2px}.exhibit[data-slug=pin-tumbler-lock] .lk-tasks li.is-done{border-color:#2f7d4a}.exhibit[data-slug=pin-tumbler-lock] .lk-tasks li.is-done:before{background:#2f7d4a;border-color:#2f7d4a}.exhibit[data-slug=pin-tumbler-lock] .lk-tasks li.is-done:after{content:"";position:absolute;left:17px;top:14px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.exhibit[data-slug=pin-tumbler-lock] .lk-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:8px 0 16px}.exhibit[data-slug=pin-tumbler-lock] .lock-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.exhibit[data-slug=pin-tumbler-lock] .lock-cards article{padding:12px 14px;border:1px solid var(--rule);display:grid;gap:6px;align-content:start}.exhibit[data-slug=pin-tumbler-lock] .lock-cards p{margin:0;font-size:14px;line-height:1.5;color:var(--mute)}.exhibit[data-slug=pin-tumbler-lock] .lk-card-h{min-height:44px;text-align:start;background:none;border:0;padding:0;font:500 15px/1.3 var(--sans);color:var(--ink);cursor:pointer}.exhibit[data-slug=pin-tumbler-lock] .lk-card-h:hover{color:var(--accent-ink)}.exhibit[data-slug=pin-tumbler-lock] .lock-cards a{min-height:44px;display:inline-flex;align-items:center;font:500 12px/1 var(--mono)}.exhibit[data-slug=pin-tumbler-lock] .lock-lab .ctl-range{margin:12px 0}.exhibit[data-slug=pin-tumbler-lock] .lk-count{display:block;padding:12px 0;font:500 18px/1.3 var(--mono);font-variant-numeric:tabular-nums}.exhibit[data-slug=pin-tumbler-lock].lock-other :is(.stage-readout:not(.lk-ro),.stage-label:not(.lk-label)){display:none}.exhibit[data-slug=pin-tumbler-lock] .hud-btn{min-width:44px}.exhibit[data-slug=pin-tumbler-lock] .btn:is(:disabled,[aria-disabled=true]){opacity:.45;cursor:not-allowed}.exhibit[data-slug=pin-tumbler-lock] .btn:is(:disabled,[aria-disabled=true]):hover{background:none;color:inherit;border-color:var(--rule-2)}
