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