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