.sticky-keys-wrapper.svelte-17wewvu{z-index:1;height:200px;transition:top .25s;display:flex;position:fixed;top:-200px;overflow:hidden}.sticky-keys-wrapper.show.svelte-17wewvu{top:0}.sticky-keys-wrapper.svelte-17wewvu .sticky-keys:where(.svelte-17wewvu){display:flex}.sticky-keys-wrapper.svelte-17wewvu .sticky-keys__key:where(.svelte-17wewvu){background:#fff;border:6px solid #eee;border-bottom-right-radius:4px;border-bottom-left-radius:4px;width:50px;margin-left:5px;position:relative}.sticky-keys-wrapper.svelte-17wewvu .sticky-keys:where(.svelte-17wewvu) .key:where(.svelte-17wewvu){bottom:-10px;left:8px}.sticky-door-name.svelte-17wewvu{z-index:1;background:#fff;border:6px solid #eee;border-top-right-radius:4px;border-bottom-right-radius:4px;align-items:center;width:200px;height:50px;padding-left:8px;transition:left .25s;display:flex;position:fixed;left:-200px}.sticky-door-name.show.svelte-17wewvu{left:0}.configuration-container.svelte-17wewvu{contain:paint;display:flex}.configuration.svelte-17wewvu{grid-template:"text col-placeholder cols"360px"row-placeholder col-placeholder cols"50px"rows rows matrix"max-content/785px 50px max-content;display:grid;overflow:auto}.configuration.svelte-17wewvu .configuration__main-title{border-left:3px solid var(--primary);margin:0 0 15px;padding-left:.75rem;line-height:1.2}.configuration.svelte-17wewvu .configuration__legend{background-color:#0000000d;border-radius:4px;max-width:90%;padding:20px 20px 10px;font-size:.875rem;display:flex}.configuration__text.svelte-17wewvu{grid-area:text}.configuration__placeholder-title.svelte-17wewvu{color:var(--primary);text-transform:uppercase;margin:0;font-size:1.375rem;font-weight:800}.configuration__col-placeholder.svelte-17wewvu{color:#757575;grid-area:col-placeholder;position:relative}.configuration__col-placeholder.svelte-17wewvu .key__actions:where(.svelte-17wewvu){background-color:#0000!important}.configuration__cols.svelte-17wewvu{grid-area:cols;display:flex}.configuration__cols__col.svelte-17wewvu{background-color:#eee;border:1px solid #dee2e6;border-radius:4px;width:50px;margin-left:5px;transition:background-color .15s;position:relative}.configuration__cols__col.svelte-17wewvu .key__count:where(.svelte-17wewvu){margin-left:8px;transform:rotate(-270deg);width:42px!important}.configuration__cols__col.svelte-17wewvu .key__count:where(.svelte-17wewvu) input{appearance:textfield;padding:6px 2px}.configuration__cols__col.svelte-17wewvu .key__count:where(.svelte-17wewvu) input::-webkit-outer-spin-button{appearance:none;margin:0}.configuration__cols__col.svelte-17wewvu .key__count:where(.svelte-17wewvu) input::-webkit-inner-spin-button{appearance:none;margin:0}.configuration__cols__col.svelte-17wewvu .key__actions:where(.svelte-17wewvu)>*{transform:rotate(-270deg)}.configuration__row-placeholder.svelte-17wewvu{color:#757575;grid-area:row-placeholder;align-items:center;display:flex}.configuration__row-placeholder.svelte-17wewvu .door__actions-n-name:where(.svelte-17wewvu){padding-left:0!important}.configuration__row-placeholder.svelte-17wewvu .door__length__outside:where(.svelte-17wewvu),.configuration__row-placeholder.svelte-17wewvu .door__length__inside:where(.svelte-17wewvu){font-size:.8em}.configuration__rows.svelte-17wewvu{flex-direction:column;grid-area:rows;display:flex}.configuration__rows__row.svelte-17wewvu{background-color:#eee;border:1px solid #dee2e6;border-radius:4px;align-items:center;height:50px;margin-top:5px;padding-right:50px;transition:background-color .15s;display:flex}.configuration__matrix.svelte-17wewvu{grid-column-gap:5px;grid-row-gap:5px;grid-area:matrix;grid-template-rows:repeat(auto-fill,50px);grid-template-columns:repeat(auto-fill,50px);margin-top:5px;margin-left:5px;display:grid}.configuration__matrix__cell.svelte-17wewvu{background-color:#eee;border:1px solid #dee2e6;border-radius:4px;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.configuration__matrix__cell.svelte-17wewvu:not([disabled]){cursor:pointer}.door__actions.svelte-17wewvu,.door__name.svelte-17wewvu,.door__count.svelte-17wewvu,.door__cylinder.svelte-17wewvu,.door__length.svelte-17wewvu{padding:4px 10px}.door__actions.svelte-17wewvu{border-radius:4px 0 0 4px;align-items:center;gap:.25rem;width:98px;height:100%;margin-left:5px;display:flex}.door__actions.svelte-17wewvu .btn-actions{padding:.2rem}.door__name.svelte-17wewvu{align-items:center;width:200px;display:flex}.door__actions-n-name.svelte-17wewvu{width:298px}.door__count.svelte-17wewvu{width:80px}.door__cylinder.svelte-17wewvu{align-items:center;width:280px;display:flex}.door__cylinder__img.svelte-17wewvu{flex:1 0 auto;justify-content:center;width:30px;display:flex}.door__length.svelte-17wewvu{width:150px;display:flex}.door__length__fixed.svelte-17wewvu{border-bottom:1px solid #0000;justify-content:center;align-items:center;height:100%;padding-right:16px;display:flex}.door__length__outside.svelte-17wewvu,.door__length__inside.svelte-17wewvu{width:50%}.door__length__outside.svelte-17wewvu{padding-right:4px}.door__length__inside.svelte-17wewvu{padding-left:4px}.key.svelte-17wewvu{transform-origin:0 0;align-items:center;width:410px;display:flex;position:absolute;bottom:-50px;left:-1px;transform:rotate(270deg)}.key__actions.svelte-17wewvu,.key__name.svelte-17wewvu,.key__count.svelte-17wewvu{padding:4px 6px}.key__name.svelte-17wewvu{align-items:center;width:280px;display:flex}.key__count.svelte-17wewvu{width:50px}.key__actions.svelte-17wewvu{border-radius:0 4px 4px 0;justify-content:flex-end;align-items:center;gap:.25rem;width:98px;height:50px;margin-right:5px;display:flex}.key__actions.svelte-17wewvu .btn-actions{padding:.2rem .3rem}.future-order.svelte-17wewvu{opacity:.7;background-color:#f9f8f7;border:1px dashed gray}.hover-highlight.svelte-17wewvu{background-color:#00000026}.dragging-hover.svelte-17wewvu,#dnd-action-dragged-el.configuration__rows__row,#dnd-action-dragged-el.configuration__cols__col{filter:brightness(.92);outline:1px dashed gray}.configuration input[disabled],.configuration .form-select.disabled{appearance:textfield;background:0 0!important;border-color:#0000!important}.configuration [disabled],.configuration .form-select.disabled{color:inherit!important}.configuration .form-select.disabled .indicators{display:none!important}