.peq-width-slot{display:flex;align-items:center;justify-content:center;width:100%;height:18px;margin-top:5px}.peq-width{display:grid;grid-template-columns:repeat(3,1fr);width:min(112px,100%);height:18px;border:1px solid rgba(42,49,43,.24);border-radius:3px;overflow:hidden;background:rgba(119,125,119,.13);box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 1px rgba(255,255,255,.42)}.peq-width__button{min-width:0;padding:0 4px;border:0;border-right:1px solid rgba(42,49,43,.18);background:linear-gradient(#d9dad5,#b7b9b4);color:#626962;font:700 5.5px/1 "Courier New",monospace;letter-spacing:.035em;cursor:pointer;transition:background 80ms ease,color 80ms ease,box-shadow 80ms ease}.peq-width__button:last-child{border-right:0}.peq-width__button:hover{color:#364331;background:linear-gradient(#e4e5df,#c5c8c1)}.peq-width__button.is-active{background:linear-gradient(#c9f184,#9bc94a);color:#243017;box-shadow:inset 0 1px rgba(255,255,255,.55),inset 0 -1px rgba(47,71,23,.18)}.peq-width__button:focus-visible{position:relative;z-index:2;outline:1px solid #5b9817;outline-offset:-1px}.peq-width-slot--shelf{color:#858b84;font:700 5.5px/1 "Courier New",monospace;letter-spacing:.13em}.peq-control[data-width-mode="wide"] .peq-control__name:after,.peq-control[data-width-mode="focus"] .peq-control__name:after{content:"";display:inline-block;width:4px;height:4px;margin-left:5px;border-radius:50%;vertical-align:2px;background:#70ad26;box-shadow:0 0 4px rgba(112,173,38,.35)}
@media(max-width:680px){.peq-width{width:min(104px,100%)}.peq-width__button{font-size:5px;padding-inline:2px}}