.friendly-field>label{display:block;margin-bottom:6px}.friendly-color-row{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px}.friendly-color-picker{position:relative;display:grid;place-items:center;width:42px;height:42px;background:var(--picker-color);color:var(--picker-ink);border:1px solid #0002;border-radius:8px;overflow:hidden;cursor:pointer}.friendly-color-picker>svg{width:19px;height:19px;pointer-events:none}.field .friendly-color-picker>input[type=color]{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;margin:0;border:0;opacity:0;cursor:pointer}.friendly-color-picker:focus-within{outline:2px solid #9a9f84;outline-offset:3px}.friendly-color-row>[data-style]{font-variant-numeric:tabular-nums;letter-spacing:.015em}.friendly-number-row{display:grid;grid-template-columns:minmax(0,1fr) 83px;align-items:center;gap:14px}.field .friendly-number-row>input[type=range]{width:100%;min-width:0;height:40px;min-height:0;margin:0;padding:0;border:0;box-shadow:none;background:transparent;cursor:ew-resize;touch-action:pan-y;accent-color:var(--green)}.field .friendly-number-row>input[type=range]:focus{box-shadow:none;outline:none}.field .friendly-number-row>input[type=range]:focus-visible{outline:2px solid #9a9f84;outline-offset:2px}.friendly-number-input{position:relative;display:block}.field .friendly-number-input>input{min-width:0;width:100%;padding-right:30px;padding-left:10px;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.friendly-number-input>input::-webkit-inner-spin-button,.friendly-number-input>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.friendly-number-input>span{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:11px;color:#92958a}.friendly-control-hint{font-size:11px!important;line-height:1.6!important;color:#858b7b!important;font-weight:400}.friendly-advanced>p.friendly-control-hint{margin:0 0 14px}.friendly-advanced>.field>span.friendly-control-hint{margin:7px 0 0}.friendly-number-row+ .friendly-control-hint{margin-top:5px}@media(max-width:800px){.friendly-color-picker{height:44px;width:44px}.friendly-color-row{grid-template-columns:44px minmax(0,1fr)}.friendly-number-row{grid-template-columns:minmax(0,1fr) 86px;gap:16px}}