body{background:#fff}.flex{display:flex}#zoom-room-url{flex-grow:1}.header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}#zoom-rooms{display:flex;flex-flow:row wrap;justify-content:space-around;padding:0;margin:0;list-style:none;gap:20px}#zoom-rooms a{background:tomato;padding:5px;min-width:200px;height:150px;line-height:150px;color:#fff;font-weight:700;font-size:3em;text-align:center;text-decoration:none;flex-grow:1}.action-button{background:#00bfff;padding:10px;cursor:pointer;transition:filter .5s ease-out;display:block;text-decoration:none;-webkit-user-select:none;user-select:none;color:inherit}.action-button:hover{filter:brightness(85%)}.confirmation-button{background:#4dd964}.cancellation-button{background:#ff3a31}.upper-right-margin{margin:5px 5px 0 0}.modal-overlay{position:fixed;top:0;left:0;opacity:0;pointer-events:none;transition:all .2s ease;height:100%;width:100%;background:#0000004a}.modal-overlay:target{opacity:1;pointer-events:all}.modal{position:fixed;top:50%;left:50%;max-width:600px;width:80%;transform:translate(-50%,-50%) scale(.8);background:#fff;padding:20px 30px;border-radius:4px;transition:all 2s ease;box-shadow:0 8px 40px -20px #000}.modal-overlay:target .modal{transform:translate(-50%,-50%) scale(1);transition:all .2s ease}.modal-title{font-size:22px;color:#4b4b4b;font-weight:600}#zoom-rooms-setting{width:100%;height:400px;box-sizing:border-box}.info-icon{font-size:25px;margin-right:10px}#notification{display:flex;visibility:hidden;margin:auto;position:fixed;top:10px;left:0;right:0;color:#fff;max-width:500px;background-color:#2196f3;flex-wrap:nowrap}#notification.success{background-color:#04aa6d}#notification.error{background-color:#f7675c}#notification div{padding:20px 10px}#notification-close-button{margin-left:15px;color:#fff;font-weight:700;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:.3s}#notification-close-button:hover{color:#000}#notification-type-wrapper{padding-left:20px;background:#0000004d;font-weight:700;display:flex;align-items:center}#notification-text-wrapper{flex-grow:2;display:flex;align-items:center}#notification-close-button{padding-right:20px;align-self:flex-start}#new-zoom-room-url{flex-grow:1}