.cmp{--campo-testo:14px;--campo-scala:0.857}@media (max-width:768px){.cmp{--campo-testo:13px;--campo-scala:0.923}.cmp .campo-b-box>input:focus{font-size:16px}}.cmp .cmp-cap .campo-b-box>input{text-overflow:ellipsis}@keyframes cmp-anello{0%,to{box-shadow:0 0 0 0 rgba(37,99,235,.18)}50%{box-shadow:0 0 0 5px rgba(37,99,235,0)}}.cmp .cmp-anello{animation:cmp-anello 2.2s ease-in-out infinite}.cmp .cmp-misure{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.cmp .cmp-misure>.campo-b+.campo-b{margin-left:-1px}.cmp .cmp-misure .campo-b-box{border-radius:0}.cmp .cmp-misure>.campo-b:first-child .campo-b-box{border-radius:6px 0 0 6px}.cmp .cmp-misure>.campo-b:last-child .campo-b-box{border-radius:0 6px 6px 0}.cmp .cmp-misure>.campo-b:hover{z-index:1}.cmp .cmp-misure>.campo-b.errore,.cmp .cmp-misure>.campo-b:focus-within{z-index:2}.cmp .cmp-quadro{width:48px;height:48px;padding:0;border-radius:6px;touch-action:manipulation}.cmp .cmp-quadro svg{width:18px;height:18px}.cmp .cmp-quadro.cmp-piu{color:#2b5cc4}.cmp .cmp-quadro.cmp-togli{color:#64748b}@media (hover:hover){.cmp .cmp-quadro.cmp-togli:hover:not(:disabled){color:#b91c1c}}@media (hover:none){.cmp .cmp-quadro.btn:hover:not(:disabled){background:#fff;box-shadow:inset 0 0 0 1px #cbd5e1}}.cmp .cmp-colli-blocco{container-type:inline-size}.cmp .cmp-colli{display:flex;flex-direction:column;gap:16px}.cmp .cmp-collo{display:grid;grid-template-columns:76px minmax(0,1fr) 48px;gap:8px;align-items:start}.cmp .cmp-collo>.cmp-qta{grid-column:1;grid-row:1}.cmp .cmp-collo>.cmp-peso{grid-column:2;grid-row:1}.cmp .cmp-collo>.cmp-quadro{grid-column:3;grid-row:1}.cmp .cmp-collo>.cmp-misure{grid-column:1/-1;grid-row:2}.cmp .cmp-piu-sotto{display:flex;justify-content:flex-end}@container (min-width: 826px){.cmp .cmp-colli{gap:8px}.cmp .cmp-collo{grid-template-columns:88px 176px minmax(0,1fr) 48px}.cmp .cmp-collo>.cmp-misure{grid-column:3;grid-row:1;margin-left:16px}.cmp .cmp-collo>.cmp-quadro{grid-column:4}}.cmp .cmp-colli .campo-b-box>input{font-variant-numeric:tabular-nums}.cmp .cmp-colli .campo-b-unita{transition:transform .2s cubic-bezier(.2,.8,.2,1)}.cmp .cmp-colli .campo-b:not(.pieno):not(:focus-within) .campo-b-unita{transform:translateY(-7px)}@media (max-width:767.98px){.cmp .cmp-misure .campo-b.da-48 .campo-b-box{padding:0 8px 6px}.cmp .cmp-misure .campo-b>label{left:9px;max-width:calc(100% - 42px)}.cmp .cmp-misure .campo-b.pieno>label,.cmp .cmp-misure .campo-b:focus-within>label{max-width:calc((100% - 18px) / var(--campo-scala))}}.cmp .cmp-inverti{width:36px;height:36px;padding:0;color:#334155}.cmp .cmp-inverti svg{width:16px;height:16px}.cmp .cmp-calcola{width:100%;height:48px;padding:0 16px;gap:10px;border-radius:6px;box-shadow:0 4px 14px rgba(255,214,10,.28);font-family:var(--font-hero);font-size:14px;line-height:20px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;touch-action:manipulation}.cmp .cmp-calcola svg{width:18px;height:18px;flex:none}.cmp .cmp-calcola:disabled{opacity:.7;cursor:wait}@media (prefers-reduced-motion:reduce){.cmp .cmp-anello{animation:none;box-shadow:0 0 0 2px rgba(37,99,235,.14)}.cmp .cmp-colli .campo-b-unita{transition:none}}