.pallet-ruler-readout{z-index:9;box-sizing:border-box;pointer-events:auto;text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:260px;min-width:0;max-width:calc(100% - 24px);display:grid;position:absolute;bottom:52px;left:12px}.pallet-ruler-readout>span{color:#60716b;overflow-wrap:anywhere;background:#fffffff2;border:1px solid #d9e5df;border-radius:6px;flex-direction:column;gap:2px;min-width:0;padding:5px 7px;font-size:10px;line-height:1.3;display:flex}.pallet-ruler-readout strong{color:#176b4b;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.pallet-ruler-measure{color:#344b68;background:#fffffff5;border:1px solid #c4d9f4;border-radius:9px;grid-column:1/-1;min-width:0;padding:8px;font-size:10px;box-shadow:0 3px 14px #31578714}.pallet-ruler-measure__heading{align-items:center;gap:6px;display:flex}.pallet-ruler-measure__heading>div{flex:1;gap:3px;min-width:0;display:flex}.pallet-ruler-measure button{color:#557291;min-width:0;min-height:26px;font:inherit;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:4px 6px;display:inline-flex}.pallet-ruler-measure button[aria-pressed=true]{color:#245ee0;background:#e9f2ff;border-color:#b8d2f4}.pallet-ruler-measure button:disabled{opacity:.4;cursor:default}.pallet-ruler-measure :focus-visible{outline-offset:2px;outline:2px solid #4389ed}.pallet-ruler-measure__values{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px;display:grid}.pallet-ruler-measure__values>label{flex-direction:column;gap:3px;min-width:0;display:flex}.pallet-ruler-measure__values>label>span{overflow-wrap:anywhere;min-height:1.4em;line-height:1.4}.pallet-ruler-measure .pallet-ruler-measure__values input{box-sizing:border-box;color:#245ee0;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #c4d9f4;border-radius:5px;width:100%;min-width:0;height:32px;min-height:32px;padding:4px 6px;font-family:inherit;font-size:17px;font-weight:600}.pallet-ruler-measure input[type=range]{box-sizing:border-box;accent-color:#367be6;cursor:ew-resize;width:100%;min-width:0;height:20px;min-height:20px;margin:6px 0 0;padding:0}.pallet-ruler-measure p{color:#69809a;overflow-wrap:anywhere;margin:3px 0 0;font-size:9px;line-height:1.4}.pallet-ruler-measure button[data-tooltip]{position:relative}.pallet-ruler-measure button[data-tooltip]:after{content:attr(data-tooltip);color:#fff;pointer-events:none;visibility:hidden;background:#263750;border-radius:4px;width:max-content;max-width:180px;padding:5px 7px;font-size:10px;position:absolute;bottom:calc(100% + 5px);right:0}.pallet-ruler-measure button[data-tooltip]:hover:after{visibility:visible}.pallet-ruler-measure button[data-tooltip]:focus-visible:after{visibility:visible}@media (max-width:420px){.pallet-ruler-readout{width:245px;max-width:calc(100% - 16px);bottom:64px;left:8px}.pallet-ruler-readout>span{padding:4px 7px}}