html,body{box-sizing:border-box;margin:0;padding:0;width:100%;height:100%;font-family:Helvetica,Helvetica Neue,sans-serif}*:not(html,document,body,input),*:before,*:after{box-sizing:inherit}#app{width:100%;height:100%;background-color:#333838;color:#dddfdf}#app .wrapper{width:100%;height:100%;padding:30px;position:relative}#app .wrapper .loading{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#333838e6;color:#dddfdf;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:1.4em}#app .wrapper .new-hash{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#333838e6;color:#dddfdf;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#app .wrapper .new-hash .hash{padding:16px;font-size:1.3em;position:relative}#app .wrapper .new-hash .hash .copied-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:green;padding:20px}#app .wrapper .new-hash .hash .clipboard,#app .wrapper .new-hash .hash .goto{margin-left:12px}#app .wrapper .new-hash .close{font-size:2em}#app .wrapper .sidebar{width:200px;height:100%;float:right;overflow-y:auto}#app .wrapper .sidebar .logo{text-align:center}#app .wrapper .sidebar .logo img{width:50%}#app .wrapper .sidebar .hash-and-save{text-align:center}#app .wrapper .sidebar .hash-and-save .hash-and-time .label{font-size:.7em}#app .wrapper .sidebar .hash-and-save .hash-and-time .hash{font-size:.5em}#app .wrapper .sidebar .hash-and-save .hash-and-time .time{font-size:.7em}#app .wrapper .sidebar .hash-and-save .save{font-size:1.6em;margin-top:12px}#app .wrapper .sidebar .hash-and-save .change-comment{font-size:.7em;font-style:italic;margin-bottom:24px}#app .wrapper .sidebar .hash-and-save .comment .no-comment{font-size:.7em;font-style:italic;opacity:.5;cursor:pointer}#app .wrapper .sidebar .hash-and-save .comment .comment-line{font-size:.7em;cursor:pointer}#app .wrapper .sidebar .overview{text-align:center;margin-top:12px}#app .wrapper .sidebar .overview .count{font-size:1.6em}#app .wrapper .sidebar .overview .caption{font-size:.6em}#app .wrapper .sidebar .add-tables{margin-top:24px;position:relative;padding-top:36px;display:flex}#app .wrapper .sidebar .add-tables>.label{position:absolute;left:0;right:0;top:12px;text-align:center;font-size:.6em}#app .wrapper .sidebar .add-tables>div:not(.label){width:33%;border-radius:6px;cursor:pointer}#app .wrapper .sidebar .add-tables>div:not(.label):hover{background-color:#ffffe080}#app .wrapper .sidebar .add-tables>div:not(.label)>img{width:100%;overflow:hidden}#app .wrapper .sidebar .tables>.table{margin:36px 0 0}#app .wrapper .sidebar .tables>.table .table-name-and-remove span.table-name span.number-guests-and-remove{display:inline-block;width:2em;text-align:center;transform:translateY(3px);cursor:pointer;vertical-align:top}#app .wrapper .sidebar .tables>.table .table-name-and-remove span.table-name span.number-guests-and-remove span.number-guests{background-color:#dddfdf;color:#333838;font-size:.7em;padding:3px;transform:translateY(0);border-radius:3px}#app .wrapper .sidebar .tables>.table .table-name-and-remove span.table-name span.number-guests-and-remove span.remove{display:none}#app .wrapper .sidebar .tables>.table .table-name-and-remove span.table-name:hover span.number-guests-and-remove span.remove{display:initial}#app .wrapper .sidebar .tables>.table .table-name-and-remove span.table-name:hover span.number-guests-and-remove span.number-guests{display:none}#app .wrapper .sidebar .tables>.table .table-name-and-remove span.table-name .name{font-size:1.4em}#app .wrapper .sidebar .tables>.table .guests{margin:12px 0}#app .wrapper .sidebar .tables>.table .guests .guest{margin:6px 0}#app .wrapper .sidebar .tables>.table .guests .guest span.guest-no-and-remove{display:inline-block;width:2em;text-align:center;cursor:pointer}#app .wrapper .sidebar .tables>.table .guests .guest span.guest-no-and-remove span.guest-no{background-color:#dddfdf;color:#333838;font-size:.7em;padding:3px;transform:translateY(-3px);border-radius:3px}#app .wrapper .sidebar .tables>.table .guests .guest span.guest-no-and-remove span.remove{display:none}#app .wrapper .sidebar .tables>.table .guests .guest:hover span.guest-no-and-remove span.remove{display:initial}#app .wrapper .sidebar .tables>.table .guests .guest:hover span.guest-no-and-remove span.guest-no{display:none}#app .wrapper .sidebar .tables>.table div.add-guest{margin-top:12px;margin-left:2.7em;cursor:pointer;font-size:.7em}#app .wrapper .floor-canvas{width:calc(100% - 230px);height:100%;text-align:center}#app .wrapper .floor-canvas>div{display:inline-block}.box{border-radius:12px;margin:12px auto;padding:12px;border:4px solid #4a5151;background-color:#3f4545;color:#dddfdf;box-shadow:2px 2px 2px #00000054}.box.button{cursor:pointer}.box.button.disabled{cursor:not-allowed;opacity:.3}.box.button:not(.disabled):hover{background-color:#4a5151}.icon-button{display:inline-block;border-radius:6px;padding:.2em .3em}.icon-button:not(.disabled){cursor:pointer}.icon-button:not(.disabled):hover{background-color:#ffffe080}.icon-button.disabled{opacity:.5;cursor:no-drop}.fade-enter-active,.fade-leave-active{transition:opacity 1s}.fade-enter,.fade-leave-to{opacity:0}