.box-steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;width:100%;max-width:48rem;display:inline-grid;overflow:visible}.box-step{text-align:center;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);place-items:center;min-width:0;display:grid}.box-step:before{content:"";background-color:#e5e7eb;grid-row-start:1;grid-column-start:1;width:100%;height:.5rem;margin-inline-start:-100%}.box-step:first-child:before{background-color:#0000}.box-step:after{content:counter(step);counter-increment:step;z-index:1;color:#6b7280;background-color:#e5e7eb;border-radius:9999px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;font-size:.875rem;font-weight:700;display:grid}.box-step-primary:before,.box-step-primary:after{background-color:var(--color-primary)}.box-step-primary:after{color:#fff}.box-range{cursor:pointer;appearance:none;background:0 0;width:100%;height:1.5rem}.box-range:focus{outline:none}.box-range::-webkit-slider-runnable-track{background-color:#e5e7eb;border-radius:1rem;width:100%;height:.5rem}.box-range::-webkit-slider-thumb{appearance:none;background-color:var(--color-primary);border:none;border-radius:9999px;width:1.5rem;height:1.5rem;margin-top:-.5rem}.box-range::-moz-range-track{background-color:#e5e7eb;border-radius:1rem;width:100%;height:.5rem}.box-range::-moz-range-thumb{background-color:var(--color-primary);border:none;border-radius:9999px;width:1.5rem;height:1.5rem}.box-input{border:1px solid var(--color-primary);text-align:center;background:#fff;border-radius:.5rem;outline:none;height:3rem;padding:0 .75rem}.box-input:focus{outline:2px solid var(--color-primary);outline-offset:2px}.box-collapse-arrow{position:relative}.box-collapse-arrow>.box-collapse-title{cursor:pointer;padding-right:2.5rem;position:relative}.box-collapse-arrow>.box-collapse-title:after{top:50%;content:"";pointer-events:none;transform-origin:75% 75%;width:.5rem;height:.5rem;margin-top:-.35rem;transition:transform .2s ease-out;display:block;position:absolute;inset-inline-end:1.4rem;transform:rotate(45deg);box-shadow:2px 2px}.box-collapse-arrow.is-open>.box-collapse-title:after{transform:rotate(225deg)}.box-btn{border-radius:.5rem;justify-content:center;align-items:center;width:100%;max-width:16rem;height:3rem;min-height:3rem;font-size:.875rem;font-weight:600;line-height:1em;transition:background-color .15s,opacity .15s;display:inline-flex}@media (min-width:640px){.box-btn{width:200px;max-width:200px}}.box-btn:disabled{cursor:not-allowed;opacity:.7}.box-btn-secondary{background-color:var(--color-secondary);color:#fff}.box-btn-secondary:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-secondary) 80%, black)}.box-btn-outline{border:1px solid var(--color-primary);width:auto;min-width:120px;color:var(--color-primary);background:0 0;padding:0 1.5rem}.box-btn-outline:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-primary) 5%, white)}.box-radio{appearance:none;cursor:pointer;border:1px solid var(--color-primary);background:#fff;border-radius:9999px;flex-shrink:0;width:1.5rem;height:1.5rem}.box-radio:checked{background-color:var(--color-primary);box-shadow:inset 0 0 0 4px #fff}.box-modal{background:#fff}.box-modal::backdrop{background:#0000008c}@media print{@page{size:landscape;margin:6mm}body.box-label-print-active *{visibility:hidden}body.box-label-print-active .box-label-print,body.box-label-print-active .box-label-print *{visibility:visible}body.box-label-print-active .box-label-print{box-sizing:border-box;flex-direction:column;justify-content:center;margin:0;padding:6mm;display:flex;position:fixed;inset:0;width:100vw!important;min-width:0!important;max-width:none!important;height:100vh!important}body.box-label-print-active .box-label-print>p,body.box-label-print-active .box-label-print .flex{width:100%}body.box-label-print-active .box-label-print .box-label-card{flex:1;min-height:65vh;padding:4vh 5vw!important}body.box-label-print-active .box-label-print .box-label-ref{font-size:clamp(36px,8vh,72px)!important}body.box-label-print-active .box-label-print img[alt="Box storage QR code"]{width:min(42vh,48vw,380px)!important;height:auto!important}}