/*!
 * Planning Poker 0.25.1 (2024-06-20, 14:57)
 * https://github.com/colinbate/transient-poker
 * MIT licensed
 *
 * Copyright (C) 2024 Colin Bate, http://colinbate.com
 */
.pure-button,body{background-color:#fff}a,body{color:#111}body{line-height:1.5}*{box-sizing:border-box;-moz-box-sizing:border-box}.pure-g,.pure-g [class*=pure-u],body,button,input,select,textarea{font-family:ui-monospace,'Cascadia Code','Source Code Pro',Menlo,Consolas,'DejaVu Sans Mono',monospace}a{text-decoration:none}.edit-mode header a.done .manage,.in-lobby header a.done,.in-room section.entry,header .coffee,header a span.d,section.entry p.info.large{display:none}.edit-mode header a.done .d{display:inline}.pure-button{padding:.5em .25em;border:1px solid #ff3e00;color:#ff3e00;cursor:pointer}.pure-button:focus,.pure-button:hover{-webkit-box-shadow:inset 0 0 1px 1px #02e;-moz-box-shadow:inset 0 0 1px 1px #02e;box-shadow:inset 0 0 1px 1px #02e;background:#fff}.picked .pure-button,.pure-button:active{background-color:#ff3e00;color:#fff}.pure-button:disabled{border:1px solid #888}header,header .title{display:flex;gap:1rem;align-items:center}header{color:#fff;background-image:linear-gradient(20deg,#0f172a 0,#3b0764 100%);box-shadow:rgba(45,35,66,.4) 0 2px 4px,rgba(45,35,66,.3) 0 7px 13px -3px,rgba(58,65,111,.5) 0 -3px 0 inset;padding:.5em 1em}header a{color:#ff3e00;float:right;padding:.5em 0;cursor:pointer}header .title{font-weight:700;padding:.5em 0;font-size:1.5rem;flex-grow:1}header .logo{height:3rem;position:relative;top:-.2rem}header .room-name{color:#ff3e00;cursor:pointer;font-size:1rem}@media screen and (min-width:64em){header .done{display:none}header .coffee{display:block}}section.entry{padding:1em;text-align:center}section.entry input{max-width:35em;width:100%;margin-bottom:.5em;text-align:center;border:1px solid #ccc;padding:.5em}section.entry p.info{max-width:35em;text-align:left;margin:0 auto 1em}@media screen and (min-width:64em){section.entry p.info.small{display:none}section.entry p.info.large{display:block}}section.entry button{margin:.5em}section.entry .status-msg{text-align:center;margin:1em 0}section.users div.user{position:relative;padding:.5em 1em;border-bottom:1px solid #888}section.users div.user.observer{background-color:#eee}section.users div.user.observer .name .un{font-style:italic}.edit-mode section.users div.user .name{padding-left:.5em}.edit-mode section.users div.user .name .un i,.edit-mode section.users div.user.is-me .name .un,.edit-mode section.users div.user.not-me .name input,.have-voted section.users div.user .ready-indicator,.not-voted section.users div.user .choice,.run-mode section.users div.user .name input,.run-mode section.users div.user .obs-status,section.users div.user.normal .name .un i,section.users div.user.not-ready .ready-indicator{display:none}section.users div.user .name .un i{padding-right:.5em}section.users div.user .obs-status{border-radius:2px;padding:.5em;display:inline-block;line-height:normal;text-align:center;border:1px solid #ff3e00;background-color:#fff;color:#ff3e00;cursor:pointer}section.users div.user .obs-status:focus,section.users div.user .obs-status:hover{-webkit-box-shadow:inset 0 0 1px 1px #02e;-moz-box-shadow:inset 0 0 1px 1px #02e;box-shadow:inset 0 0 1px 1px #02e;background:#fff}.picked section.users div.user .obs-status,section.users div.user .obs-status:active{background-color:#ff3e00;color:#fff}section.users div.user .obs-status:disabled{border:1px solid #888}section.users div.user .status{text-align:right}.edit-mode section.users div.user .status{padding-right:1em}section.users div.user.vote-most .status{color:#0a0}section.users div.user.vote-toobig .status{color:#ff3e00}section.users div.user.vote-pass .status{color:#888}section.users div.user .choice{font-weight:700}.edit-mode section.users div.user .name{width:50%}.edit-mode section.users div.user .status{width:12.5%}section.users div.user .name .un,section.users div.user .status{line-height:normal;padding:.5em 0;display:inline-block;border-top:1px solid transparent;border-bottom:1px solid transparent}section.users div.user .name input{padding:.5em;border:1px solid #ccc;width:100%}section.users div.user .delete button{background-color:#d11;color:#fff;width:100%;border:1px solid #d11}section.users div.user .delete button:active,section.users div.user .delete button:focus,section.users div.user .delete button:hover{background-color:#d11;color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.have-voted section.vote,.in-lobby section.vote,.no-qr section.overlay,.not-voted section.commands,.run-mode section.users div.user .delete{display:none}@media screen and (min-width:64em){section.users div.user{border:4px dotted #ccc;border-radius:8px;text-align:center}section.users div.user.selected,section.users div.user:hover{background-color:#ddd}.edit-mode section.users div.user.selected .delete,.edit-mode section.users div.user.selected .obs-status,.edit-mode section.users div.user:hover .delete,.edit-mode section.users div.user:hover .obs-status,section.users div.user.selected .delete,section.users div.user.selected .obs-status,section.users div.user:hover .delete,section.users div.user:hover .obs-status{display:block}section.users div.user.selected .status,section.users div.user:hover .status{visibility:hidden}section.users div.user.is-ready{border:4px solid #888}.edit-mode section.users div.user .status,section.users div.user .name,section.users div.user .status{width:100%}section.users div.user .name{font-size:1.25em}section.users div.user .name input{text-align:center;width:80%}.edit-mode section.users div.user .name{padding-left:0;width:100%}section.users div.user .delete,section.users div.user .obs-status{position:absolute;width:80%;left:10%}section.users div.user .obs-status{bottom:4em}.edit-mode section.users div.user .delete,.edit-mode section.users div.user .obs-status{display:none}section.users div.user .delete{bottom:1em}section.users div.user .status{text-align:center;font-size:3em}.edit-mode section.users div.user .status{padding-right:0}section.users div.user .status:after{content:"\200B"}section.users div.user.vote-most{background-color:#dfd;border-color:#0a0}section.users div.user.vote-toobig{background-color:#ffbcb4;border-color:#ff3e00}section.users{padding:.5em}section.users .uwrap{width:20%;display:inline-block;padding:.5em}}section .btn-wrap,section.vote{padding:.5em}section .fun-button{align-items:center;appearance:none;background-image:radial-gradient(100% 100% at 100% 0,#7e22ce 0,#374151 100%);border:0;border-radius:.4em;box-shadow:rgba(45,35,66,.4) 0 2px 4px,rgba(45,35,66,.3) 0 7px 13px -3px,rgba(58,65,111,.5) 0 -3px 0 inset;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;height:4em;width:4em;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:1em;padding-right:1em;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform}section .fun-button:focus{box-shadow:#7e22ce 0 0 0 1.5px inset,rgba(45,35,66,.4) 0 2px 4px,rgba(45,35,66,.3) 0 7px 13px -3px,#7e22ce 0 -3px 0 inset}section .fun-button:hover{box-shadow:rgba(45,35,66,.4) 0 4px 8px,rgba(45,35,66,.3) 0 7px 13px -3px,#7e22ce 0 -3px 0 inset;transform:translateY(-2px)}section .fun-button:active{box-shadow:#7e22ce 0 3px 7px inset;transform:translateY(2px)}.button-30{align-items:center;appearance:none;background-color:#fcfcfd;border-radius:.25em;border-width:0;box-shadow:rgba(45,35,66,.4) 0 2px 4px,rgba(45,35,66,.3) 0 7px 13px -3px,#d6d6e7 0 -3px 0 inset;box-sizing:border-box;color:#36395a;cursor:pointer;display:inline-flex;height:3.5em;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:1.5em;padding-right:1.5em;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform}.button-30:focus{box-shadow:#d6d6e7 0 0 0 1.5px inset,rgba(45,35,66,.4) 0 2px 4px,rgba(45,35,66,.3) 0 7px 13px -3px,#d6d6e7 0 -3px 0 inset}.button-30:hover{box-shadow:rgba(45,35,66,.4) 0 4px 8px,rgba(45,35,66,.3) 0 7px 13px -3px,#d6d6e7 0 -3px 0 inset;transform:translateY(-2px)}.button-30:active{box-shadow:#d6d6e7 0 3px 7px inset;transform:translateY(2px)}section.vote button{font-size:2em}section.vote .shortcut{letter-spacing:normal;text-align:center;color:#888;padding:.25rem;visibility:hidden}.show-shortcuts section.vote .shortcut{visibility:visible}.vote-flex{display:flex;gap:1em;flex-wrap:wrap}section.commands{text-align:center}section.commands button{padding:.75em 1.5em;margin-top:1em}section.overlay,section.overlay .modal{text-align:center;position:fixed;top:0;left:0;width:100%;height:100%}section.overlay{background-color:rgba(0,0,0,.75);z-index:100}section.overlay .modal{padding:1em;z-index:110;background-color:#fff}section.overlay .modal img{max-width:100%}@media screen and (min-width:64em){section.overlay .modal{margin:2em;position:relative;display:inline-block;width:50%;height:auto}}