/*
Styling for the polling module
*/
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
/* line 21, ../src/sass/Base/_reset.scss */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

/* line 31, ../src/sass/Base/_reset.scss */
body {
  margin: 0;
  line-height: 1.5;
  font-family: 'Neue Helvetica W01';
}

/* line 37, ../src/sass/Base/_reset.scss */
.noscroll {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/* line 45, ../src/sass/Base/_reset.scss */
main, article, aside, figure, footer, header, nav, section, details, summary {
  display: block;
}

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
/* line 49, ../src/sass/Base/_reset.scss */
html {
  box-sizing: border-box;
}

/* line 53, ../src/sass/Base/_reset.scss */
*,
*:before,
*:after {
  box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
/* line 63, ../src/sass/Base/_reset.scss */
img,
object,
embed {
  max-width: 100%;
  height: auto;
}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
/* line 78, ../src/sass/Base/_reset.scss */
html {
  overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway */
/* line 83, ../src/sass/Base/_reset.scss */
ul {
  list-style: none;
}

/* line 85, ../src/sass/Base/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 87, ../src/sass/Base/_reset.scss */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

/* line 92, ../src/sass/Base/_reset.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 94, ../src/sass/Base/_reset.scss */
del {
  text-decoration: line-through;
}

/* line 96, ../src/sass/Base/_reset.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */
/* line 99, ../src/sass/Base/_reset.scss */
table {
  border-collapse: separate;
  border-spacing: 0;
}

/* line 100, ../src/sass/Base/_reset.scss */
th {
  font-weight: bold;
  vertical-align: bottom;
}

/* line 101, ../src/sass/Base/_reset.scss */
td {
  font-weight: normal;
  vertical-align: top;
}

/* line 103, ../src/sass/Base/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #666;
  margin: 1em 0;
  padding: 0;
}

/* line 105, ../src/sass/Base/_reset.scss */
input, select {
  vertical-align: middle;
}

/* line 107, ../src/sass/Base/_reset.scss */
pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}

/* line 114, ../src/sass/Base/_reset.scss */
input[type="radio"] {
  vertical-align: text-bottom;
}

/* line 115, ../src/sass/Base/_reset.scss */
input[type="checkbox"] {
  vertical-align: bottom;
}

/* line 116, ../src/sass/Base/_reset.scss */
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}

/* line 117, ../src/sass/Base/_reset.scss */
.ie6 input {
  vertical-align: text-bottom;
}

/* line 119, ../src/sass/Base/_reset.scss */
select, input, textarea {
  font: 99% sans-serif;
}

/* line 121, ../src/sass/Base/_reset.scss */
table {
  font-size: inherit;
  font: 100%;
}

/* line 123, ../src/sass/Base/_reset.scss */
small {
  font-size: 85%;
}

/* line 125, ../src/sass/Base/_reset.scss */
strong {
  font-weight: bold;
}

/* line 127, ../src/sass/Base/_reset.scss */
td, td img {
  vertical-align: top;
}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
/* line 130, ../src/sass/Base/_reset.scss */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

/* line 131, ../src/sass/Base/_reset.scss */
sup {
  top: -0.5em;
}

/* line 132, ../src/sass/Base/_reset.scss */
sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */
/* line 135, ../src/sass/Base/_reset.scss */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
/* line 138, ../src/sass/Base/_reset.scss */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
/* line 146, ../src/sass/Base/_reset.scss */
button, input, select, textarea {
  margin: 0;
}

/* make buttons play nice in IE */
/* line 149, ../src/sass/Base/_reset.scss */
button,
input[type=button] {
  width: auto;
  overflow: visible;
}

/* scale images in IE7 more attractively */
/* line 153, ../src/sass/Base/_reset.scss */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
/* line 161, ../src/sass/Base/_reset.scss */
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

/*
** Gradient
*/
/* line 10, ../src/sass/Base/_extends.scss */
.administrator, .administrator__header, .administrator__main-wrapper, .administrator #inactive-sets li,
.administrator .inactive-sets li,
.administrator .ui-sortable li,
.administrator .selected-sets li, .administrator .attach-set button, .administrator .options-container div, .administrator .modal-overlay, .administrator .modal-overlay form label, .moderator, .moderator__header, .moderator__main-wrapper, .moderator__nav ul li, .moderator__main .result__list li, .moderator__main .canvas-holder .graph-controls, .moderator__meta, .moderator__meta .passive-switch-container label, body.session-template-default .waiting-screen, body.session-template-default .waiting-screen.display, body.session-template-default fieldset .ranking__container, body.session-template-default fieldset ol.sortable li, body.session-template-default.passive-poll-page fieldset .q, body.session-template-default fieldset ol.sortable[data-max="1"] li:nth-of-type(-n+1)::after, body.session-template-default fieldset ol.sortable[data-max="2"] li:nth-of-type(-n+2)::after, body.session-template-default fieldset ol.sortable[data-max="3"] li:nth-of-type(-n+3)::after, body.session-template-default fieldset ol.sortable[data-max="4"] li:nth-of-type(-n+4)::after, body.session-template-default fieldset ol.sortable[data-max="5"] li:nth-of-type(-n+5)::after, body.session-template-default fieldset ol.sortable[data-max="6"] li:nth-of-type(-n+6)::after, body.session-template-default fieldset ol.sortable[data-max="7"] li:nth-of-type(-n+7)::after, body.session-template-default fieldset ol.sortable[data-max="8"] li:nth-of-type(-n+8)::after, body.session-template-default fieldset ol.sortable[data-max="9"] li:nth-of-type(-n+9)::after, body.session-template-default fieldset ol.sortable[data-max="10"] li:nth-of-type(-n+10)::after, body.session-template-default fieldset ol.sortable[data-max="11"] li:nth-of-type(-n+11)::after, body.session-template-default fieldset ol.sortable[data-max="12"] li:nth-of-type(-n+12)::after, body.session-template-default fieldset ol.sortable[data-max="13"] li:nth-of-type(-n+13)::after, body.session-template-default fieldset ol.sortable[data-max="14"] li:nth-of-type(-n+14)::after, body.session-template-default fieldset ol.sortable[data-max="15"] li:nth-of-type(-n+15)::after, body.session-template-default fieldset ol.sortable[data-max="16"] li:nth-of-type(-n+16)::after, body.session-template-default fieldset ol.sortable[data-max="17"] li:nth-of-type(-n+17)::after, body.session-template-default fieldset ol.sortable[data-max="18"] li:nth-of-type(-n+18)::after, body.session-template-default fieldset ol.sortable[data-max="19"] li:nth-of-type(-n+19)::after, body.session-template-default fieldset ol.sortable[data-max="20"] li:nth-of-type(-n+20)::after, .presentation__question, .presentation__options, body.post-type-archive-session .sessions__list li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flexbox;
  display: flex;
}

/* line 31, ../src/sass/Base/_extends.scss */
.administrator, .moderator {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* line 1, ../src/sass/Base/_buttonBase.scss */
.moderator__main .push-results-btn button,
.moderator__main .push-results-btn input[type='submit'],
.moderator__main .stop-broadcast-btn button,
.moderator__main .stop-broadcast-btn input[type='submit'],
.moderator__main .broadcast-form button,
.moderator__main .broadcast-form input[type='submit'], .moderator__meta .moderator__status button,
.moderator__meta .moderator__status input[type='submit'], body.session-template-default .participant .skip-btn, .btn, .administrator__main input[type='submit'], .administrator .modal-overlay form input[type='submit'], .moderator__main input[type='submit'],
.moderator__main button, body.session-template-default .form-footer input[type="submit"], body.post-type-archive-session .site-main .session__creation input[type="submit"], .administrator .add-button, .administrator .remove-button, .moderator__meta .icon-qr,
.moderator__meta .icon-sync, .moderator__meta .window-frame + a .icon-present, body.post-type-archive-session .sessions__list li .session__manage a.btn-edit,
body.post-type-archive-session .sessions__list li .session__manage a.btn-moderate,
body.post-type-archive-session .sessions__list li .session__manage a.btn-present, button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  background: none;
}
/* line 6, ../src/sass/Base/_buttonBase.scss */
.moderator__meta .moderator__status button:focus,
.moderator__meta .moderator__status input[type='submit']:focus, body.session-template-default .participant .skip-btn:focus, .btn:focus, .administrator__main input[type='submit']:focus, .administrator .modal-overlay form input[type='submit']:focus, .moderator__main input[type='submit']:focus, body.session-template-default .form-footer input[type="submit"]:focus, body.post-type-archive-session .site-main .session__creation input[type="submit"]:focus, .administrator .add-button:focus, .administrator .remove-button:focus, .moderator__meta .icon-qr:focus,
.moderator__meta .icon-sync:focus, .moderator__meta .window-frame + a .icon-present:focus, body.post-type-archive-session .sessions__list li .session__manage a.btn-edit:focus,
body.post-type-archive-session .sessions__list li .session__manage a.btn-moderate:focus,
body.post-type-archive-session .sessions__list li .session__manage a.btn-present:focus, button:focus {
  outline: none;
}

/* line 10, ../src/sass/Base/_buttonBase.scss */
.moderator__main .push-results-btn button,
.moderator__main .push-results-btn input[type='submit'],
.moderator__main .stop-broadcast-btn button,
.moderator__main .stop-broadcast-btn input[type='submit'],
.moderator__main .broadcast-form button,
.moderator__main .broadcast-form input[type='submit'], .moderator__meta .moderator__status button,
.moderator__meta .moderator__status input[type='submit'], body.session-template-default .participant .skip-btn, .btn, .administrator__main input[type='submit'], .administrator .modal-overlay form input[type='submit'], .moderator__main input[type='submit'],
.moderator__main button, body.session-template-default .form-footer input[type="submit"], body.post-type-archive-session .site-main .session__creation input[type="submit"] {
  -moz-transition: background-color 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  -o-transition: background-color 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  -webkit-transition: background-color 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  transition: background-color 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  background-color: #00A0E1;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  padding: 7px;
}
/* line 23, ../src/sass/Base/_buttonBase.scss */
.moderator__meta .moderator__status button:hover,
.moderator__meta .moderator__status input[type='submit']:hover, body.session-template-default .participant .skip-btn:hover, .btn:hover, .administrator__main input[type='submit']:hover, .administrator .modal-overlay form input[type='submit']:hover, .moderator__main input[type='submit']:hover,
.moderator__main button:hover, body.session-template-default .form-footer input[type="submit"]:hover, body.post-type-archive-session .site-main .session__creation input[type="submit"]:hover {
  background-color: #283582;
}
/* line 27, ../src/sass/Base/_buttonBase.scss */
.moderator__meta .moderator__status button:disabled,
.moderator__meta .moderator__status input[type='submit']:disabled, body.session-template-default .participant .skip-btn:disabled, .btn:disabled, .administrator__main input[type='submit']:disabled, .administrator .modal-overlay form input[type='submit']:disabled, .moderator__main input[type='submit']:disabled,
.moderator__main button:disabled, body.session-template-default .form-footer input[type="submit"]:disabled, body.post-type-archive-session .site-main .session__creation input[type="submit"]:disabled {
  background-color: #F0F0F0;
  color: #707070;
}
/* line 38, ../src/sass/Base/_buttonBase.scss */
.administrator .add-button, .administrator .remove-button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #707070;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}
/* line 48, ../src/sass/Base/_buttonBase.scss */
.administrator .add-button:hover, .administrator .remove-button:hover {
  background-color: #283582;
}

/* line 53, ../src/sass/Base/_buttonBase.scss */
.moderator__meta .icon-qr,
.moderator__meta .icon-sync, .moderator__meta .window-frame + a .icon-present, body.post-type-archive-session .sessions__list li .session__manage a.btn-edit,
body.post-type-archive-session .sessions__list li .session__manage a.btn-moderate,
body.post-type-archive-session .sessions__list li .session__manage a.btn-present {
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

/* line 63, ../src/sass/Base/_buttonBase.scss */
.moderator__main .push-results-btn button,
.moderator__main .push-results-btn input[type='submit'],
.moderator__main .stop-broadcast-btn button,
.moderator__main .stop-broadcast-btn input[type='submit'],
.moderator__main .broadcast-form button,
.moderator__main .broadcast-form input[type='submit'], .moderator__meta .moderator__status button,
.moderator__meta .moderator__status input[type='submit'], body.session-template-default .participant .skip-btn {
  width: 100%;
  height: 100px;
  font-size: 26px;
  font-weight: bold;
  padding: 10px 40px;
  text-align: left;
}
/* line 72, ../src/sass/Base/_buttonBase.scss */
.moderator__main .push-results-btn button span,
.moderator__main .push-results-btn input[type='submit'] span,
.moderator__main .stop-broadcast-btn button span,
.moderator__main .stop-broadcast-btn input[type='submit'] span,
.moderator__main .broadcast-form button span,
.moderator__main .broadcast-form input[type='submit'] span, .moderator__meta .moderator__status button span,
.moderator__meta .moderator__status input[type='submit'] span, body.session-template-default .participant .skip-btn span {
  -moz-transform: translateY(4px);
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  width: 26px;
  height: 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
/* line 82, ../src/sass/Base/_buttonBase.scss */
.moderator__main .push-results-btn button .icon-start,
.moderator__main .push-results-btn input[type='submit'] .icon-start,
.moderator__main .stop-broadcast-btn button .icon-start,
.moderator__main .stop-broadcast-btn input[type='submit'] .icon-start,
.moderator__main .broadcast-form button .icon-start,
.moderator__main .broadcast-form input[type='submit'] .icon-start, .moderator__meta .moderator__status button .icon-start,
.moderator__meta .moderator__status input[type='submit'] .icon-start, body.session-template-default .participant .skip-btn .icon-start {
  background-image: url(assets/icons/presentation-play-white.svg);
}
/* line 86, ../src/sass/Base/_buttonBase.scss */
.moderator__main .push-results-btn button .icon-stop,
.moderator__main .push-results-btn input[type='submit'] .icon-stop,
.moderator__main .stop-broadcast-btn button .icon-stop,
.moderator__main .stop-broadcast-btn input[type='submit'] .icon-stop,
.moderator__main .broadcast-form button .icon-stop,
.moderator__main .broadcast-form input[type='submit'] .icon-stop, .moderator__meta .moderator__status button .icon-stop,
.moderator__meta .moderator__status input[type='submit'] .icon-stop, body.session-template-default .participant .skip-btn .icon-stop {
  background-image: url(assets/icons/stop-circle-outline.svg);
}
/* line 89, ../src/sass/Base/_buttonBase.scss */
.moderator__main .push-results-btn button .icon-push,
.moderator__main .push-results-btn input[type='submit'] .icon-push,
.moderator__main .stop-broadcast-btn button .icon-push,
.moderator__main .stop-broadcast-btn input[type='submit'] .icon-push,
.moderator__main .broadcast-form button .icon-push,
.moderator__main .broadcast-form input[type='submit'] .icon-push, .moderator__meta .moderator__status button .icon-push,
.moderator__meta .moderator__status input[type='submit'] .icon-push, body.session-template-default .participant .skip-btn .icon-push {
  background-image: url(assets/icons/push.svg);
}

/* line 1, ../src/sass/Helpers/_basics.scss */
#masthead.sticky,
#site-navigation.sticky {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
}
/* line 7, ../src/sass/Helpers/_basics.scss */
#masthead.sticky.sticky-fixed.is-sticky,
#site-navigation.sticky.sticky-fixed.is-sticky {
  margin-top: 0;
  margin-bottom: 0;
  position: fixed;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 16, ../src/sass/Helpers/_basics.scss */
#masthead.sticky.sticky-fixed.is-sticky:not([style*="margin-top"]),
#site-navigation.sticky.sticky-fixed.is-sticky:not([style*="margin-top"]) {
  margin-top: 0 !important;
}
/* line 20, ../src/sass/Helpers/_basics.scss */
#masthead.sticky.sticky-fixed.is-sticky:not([style*="margin-bottom"]),
#site-navigation.sticky.sticky-fixed.is-sticky:not([style*="margin-bottom"]) {
  margin-bottom: 0 !important;
}
/* line 24, ../src/sass/Helpers/_basics.scss */
#masthead.sticky.sticky-fixed.is-absolute,
#site-navigation.sticky.sticky-fixed.is-absolute {
  position: absolute;
}

/* line 1, ../src/sass/PollingViews/_pageView.scss */
body {
  font-family: sans-serif;
}

/* line 5, ../src/sass/PollingViews/_pageView.scss */
.moderator__header,
.administrator__header {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 22px;
}
/* line 10, ../src/sass/PollingViews/_pageView.scss */
.moderator__header .logo-link,
.administrator__header .logo-link {
  margin-right: 25px;
}
/* line 12, ../src/sass/PollingViews/_pageView.scss */
.moderator__header .logo-link img,
.administrator__header .logo-link img {
  max-width: 66px;
  height: auto;
  display: block;
}
/* line 18, ../src/sass/PollingViews/_pageView.scss */
.moderator__header .header-title,
.administrator__header .header-title {
  text-transform: lowercase;
  font-variant: small-caps;
  text-align: center;
  letter-spacing: -0.01em;
  font-size: 28px;
}
/* line 26, ../src/sass/PollingViews/_pageView.scss */
.moderator__header .archive-link,
.moderator__header .switch-role,
.administrator__header .archive-link,
.administrator__header .switch-role {
  font-weight: normal;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  font-size: 16px;
}
/* line 34, ../src/sass/PollingViews/_pageView.scss */
.moderator__header .archive-link:hover,
.moderator__header .switch-role:hover,
.administrator__header .archive-link:hover,
.administrator__header .switch-role:hover {
  text-decoration: underline;
}
/* line 38, ../src/sass/PollingViews/_pageView.scss */
.moderator__header .archive-link::before,
.moderator__header .switch-role::before,
.administrator__header .archive-link::before,
.administrator__header .switch-role::before {
  -moz-transform: translateY(4px);
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  content: " ";
  width: 20px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 8px;
}
/* line 50, ../src/sass/PollingViews/_pageView.scss */
.moderator__header .switch-role,
.administrator__header .switch-role {
  margin-left: 15px;
}
/* line 52, ../src/sass/PollingViews/_pageView.scss */
.moderator__header .switch-role::before,
.administrator__header .switch-role::before {
  content: " ";
  background-image: url(assets/icons/account-convert.svg);
}
/* line 57, ../src/sass/PollingViews/_pageView.scss */
.moderator__header .archive-link,
.administrator__header .archive-link {
  margin-left: auto;
}
/* line 59, ../src/sass/PollingViews/_pageView.scss */
.moderator__header .archive-link::before,
.administrator__header .archive-link::before {
  content: " ";
  background-image: url(assets/icons/format-list-bulleted.svg);
}

/* line 1, ../src/sass/PollingViews/_headerView.scss */
body.admin-bar .site-header {
  top: 32px;
}

/* line 1, ../src/sass/PollingViews/_contentView.scss */
.icon {
  -moz-transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  -o-transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  -webkit-transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
}
/* line 10, ../src/sass/PollingViews/_contentView.scss */
.icon:hover {
  opacity: 1;
}
/* line 14, ../src/sass/PollingViews/_contentView.scss */
.icon.icon-pie {
  background-image: url(assets/icons/chart-pie.svg);
}
/* line 18, ../src/sass/PollingViews/_contentView.scss */
.icon.icon-poll {
  background-image: url(assets/icons/poll.svg);
}
/* line 22, ../src/sass/PollingViews/_contentView.scss */
.icon.icon-list-order {
  background-image: url(assets/icons/list-order.svg);
}
/* line 26, ../src/sass/PollingViews/_contentView.scss */
.icon.icon-list-value {
  background-image: url(assets/icons/list-value.svg);
}

/* line 1, ../src/sass/PollingViews/_administrator.scss */
.administrator {
  -webkit-align-content: flex-start;
  align-content: flex-start;
  min-height: 100vh;
}
/* line 9, ../src/sass/PollingViews/_administrator.scss */
.administrator h2 {
  position: sticky;
  font-weight: bold;
  text-transform: lowercase;
  font-variant: small-caps;
  letter-spacing: -0.01em;
  font-size: 24px;
  color: #283582;
  background-color: #f7f7f7;
  padding: 10px 0;
  top: 0;
  z-index: 10;
}
/* line 23, ../src/sass/PollingViews/_administrator.scss */
.administrator__header {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #00A0E1;
  background: -webkit-linear-gradient(left, #00A0E1 0%, #283582 100%);
  background: linear-gradient(to right, #00a0e1 0%, #283582 100%);
  -webkit-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-weight: bold;
  min-height: 90px;
  max-height: 90px;
  padding: 15px 35px;
}
/* line 41, ../src/sass/PollingViews/_administrator.scss */
.administrator__main-wrapper {
  -webkit-align-content: flex-start;
  align-content: flex-start;
  max-height: calc(100vh - 90px);
  width: 100%;
}
/* line 48, ../src/sass/PollingViews/_administrator.scss */
.administrator__all-sets, .administrator__main {
  margin-top: 0;
  height: 100%;
  padding: 0 30px;
  overflow: scroll;
}
/* line 57, ../src/sass/PollingViews/_administrator.scss */
.administrator__main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
/* line 60, ../src/sass/PollingViews/_administrator.scss */
.administrator__main h2 {
  background-color: #fff;
}
/* line 64, ../src/sass/PollingViews/_administrator.scss */
.administrator__main input[type='submit'] {
  width: 100%;
  position: sticky;
  bottom: 0px;
  padding: 12px 7px;
}
/* line 71, ../src/sass/PollingViews/_administrator.scss */
.administrator__main input[type='submit'] + span {
  color: #707070;
  margin-left: 10px;
  font-size: 14px;
}
/* line 79, ../src/sass/PollingViews/_administrator.scss */
.administrator__all-sets {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #f7f7f7;
}
/* line 84, ../src/sass/PollingViews/_administrator.scss */
.administrator__all-sets .filter-questions {
  width: calc(100% - 55px);
  margin: 10px 0;
  padding: 7px;
}
/* line 90, ../src/sass/PollingViews/_administrator.scss */
.administrator #inactive-sets,
.administrator .inactive-sets,
.administrator .ui-sortable,
.administrator .selected-sets {
  position: relative;
  min-height: 40px;
}
/* line 97, ../src/sass/PollingViews/_administrator.scss */
.administrator #inactive-sets li,
.administrator .inactive-sets li,
.administrator .ui-sortable li,
.administrator .selected-sets li {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  min-height: 40px;
  padding-left: 10px;
  padding: 10px;
  border-bottom: 1px solid #707070;
}
/* line 107, ../src/sass/PollingViews/_administrator.scss */
.administrator #inactive-sets li:last-of-type,
.administrator .inactive-sets li:last-of-type,
.administrator .ui-sortable li:last-of-type,
.administrator .selected-sets li:last-of-type {
  border-bottom: 1px solid transparent;
}
/* line 111, ../src/sass/PollingViews/_administrator.scss */
.administrator #inactive-sets li[data-type='divider'],
.administrator .inactive-sets li[data-type='divider'],
.administrator .ui-sortable li[data-type='divider'],
.administrator .selected-sets li[data-type='divider'] {
  background-color: #f7f7f7;
}
/* line 113, ../src/sass/PollingViews/_administrator.scss */
.administrator #inactive-sets li[data-type='divider'] .title,
.administrator .inactive-sets li[data-type='divider'] .title,
.administrator .ui-sortable li[data-type='divider'] .title,
.administrator .selected-sets li[data-type='divider'] .title {
  color: #00A0E1;
  font-weight: bold;
  text-transform: lowercase;
  font-variant: small-caps;
  text-align: center;
  letter-spacing: -0.01em;
  font-size: 18px;
}
/* line 124, ../src/sass/PollingViews/_administrator.scss */
.administrator #inactive-sets li .title,
.administrator .inactive-sets li .title,
.administrator .ui-sortable li .title,
.administrator .selected-sets li .title {
  line-height: 1.6em;
}
/* line 128, ../src/sass/PollingViews/_administrator.scss */
.administrator #inactive-sets li .edit-btn,
.administrator .inactive-sets li .edit-btn,
.administrator .ui-sortable li .edit-btn,
.administrator .selected-sets li .edit-btn {
  opacity: 0;
}
/* line 131, ../src/sass/PollingViews/_administrator.scss */
.administrator #inactive-sets li .edit-btn button,
.administrator .inactive-sets li .edit-btn button,
.administrator .ui-sortable li .edit-btn button,
.administrator .selected-sets li .edit-btn button {
  background-image: url(assets/icons/pencil.svg);
  width: 30px;
  height: 30px;
  background-position: center 7px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  display: inline-block;
}
/* line 142, ../src/sass/PollingViews/_administrator.scss */
.administrator #inactive-sets li:hover .edit-btn,
.administrator .inactive-sets li:hover .edit-btn,
.administrator .ui-sortable li:hover .edit-btn,
.administrator .selected-sets li:hover .edit-btn {
  opacity: 1;
}
/* line 146, ../src/sass/PollingViews/_administrator.scss */
.administrator #inactive-sets li span:first-of-type,
.administrator .inactive-sets li span:first-of-type,
.administrator .ui-sortable li span:first-of-type,
.administrator .selected-sets li span:first-of-type {
  margin-left: auto;
}
/* line 150, ../src/sass/PollingViews/_administrator.scss */
.administrator #inactive-sets li.ui-sortable-handle::before,
.administrator .inactive-sets li.ui-sortable-handle::before,
.administrator .ui-sortable li.ui-sortable-handle::before,
.administrator .selected-sets li.ui-sortable-handle::before {
  content: ' ';
  position: absolute;
  right: 15px;
  background-image: url(assets/icons/drag-vertical.svg);
  display: block;
  width: 10px;
  height: 36px;
  background-position: center;
  background-repeat: no-repeat;
}
/* line 163, ../src/sass/PollingViews/_administrator.scss */
.administrator .ui-sortable li,
.administrator .selected-sets li {
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
/* line 170, ../src/sass/PollingViews/_administrator.scss */
.administrator .ui-sortable li:active,
.administrator .selected-sets li:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  border: 1px dotted #707070;
  background-color: rgba(255, 255, 255, 0.8);
}
/* line 178, ../src/sass/PollingViews/_administrator.scss */
.administrator .ui-sortable li span:last-of-type,
.administrator .selected-sets li span:last-of-type {
  margin-right: 30px;
}
/* line 183, ../src/sass/PollingViews/_administrator.scss */
.administrator #inactive-sets,
.administrator .inactive-sets {
  list-style: none;
}
/* line 190, ../src/sass/PollingViews/_administrator.scss */
.administrator .attach-set button {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 193, ../src/sass/PollingViews/_administrator.scss */
.administrator .attach-set button::after {
  content: ' ';
  width: 20px;
  height: 30px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-image: url(assets/icons/chevron-right.svg);
}
/* line 203, ../src/sass/PollingViews/_administrator.scss */
.administrator .attach-set button:hover {
  color: #00A0E1;
}
/* line 210, ../src/sass/PollingViews/_administrator.scss */
.administrator .options-container div {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
}
/* line 217, ../src/sass/PollingViews/_administrator.scss */
.administrator .options-container input {
  width: 100%;
  padding: 7px;
  font-size: 14px;
}
/* line 223, ../src/sass/PollingViews/_administrator.scss */
.administrator .options-container .correct {
  font-size: 14px;
  margin-right: 15px;
}
/* line 227, ../src/sass/PollingViews/_administrator.scss */
.administrator .options-container input[type='checkbox'] {
  width: 25px;
}
/* line 231, ../src/sass/PollingViews/_administrator.scss */
.administrator .options-container input[type='number'] {
  display: inline-block;
  min-width: 120px;
  max-width: 120px;
  margin-bottom: 5px;
}
/* line 237, ../src/sass/PollingViews/_administrator.scss */
.administrator .options-container .remark {
  color: #707070;
  font-size: 14px;
  margin-left: 10px;
}
/* line 244, ../src/sass/PollingViews/_administrator.scss */
.administrator .add-button {
  margin-top: 5px;
  background-image: url(assets/icons/plus.svg);
}
/* line 249, ../src/sass/PollingViews/_administrator.scss */
.administrator .add-button:hover {
  background-color: #1D9600;
}
/* line 253, ../src/sass/PollingViews/_administrator.scss */
.administrator .remove-button {
  margin-left: 5px;
  margin-right: 0;
  background-image: url(assets/icons/minus.svg);
}
/* line 259, ../src/sass/PollingViews/_administrator.scss */
.administrator .remove-button:hover {
  background-color: #D30000;
}
/* line 264, ../src/sass/PollingViews/_administrator.scss */
.administrator .modal-overlay {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(240, 240, 240, 0.8);
  z-index: 900;
}
/* line 276, ../src/sass/PollingViews/_administrator.scss */
.administrator .modal-overlay .modal {
  position: relative;
  background-color: #fff;
  padding: 35px 25px;
  width: 100%;
  max-width: 520px;
}
/* line 283, ../src/sass/PollingViews/_administrator.scss */
.administrator .modal-overlay .modal .close-button {
  position: absolute;
  right: 15px;
  top: 10px;
  width: 20px;
  height: 20px;
  display: block;
  background-image: url(assets/icons/close.svg);
}
/* line 294, ../src/sass/PollingViews/_administrator.scss */
.administrator .modal-overlay form label {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin: 3px 0;
}
/* line 300, ../src/sass/PollingViews/_administrator.scss */
.administrator .modal-overlay form label input[type='radio'] {
  margin-right: 5px;
}
/* line 304, ../src/sass/PollingViews/_administrator.scss */
.administrator .modal-overlay form fieldset {
  margin-bottom: 1em;
}
/* line 309, ../src/sass/PollingViews/_administrator.scss */
.administrator .modal-overlay form .question input {
  width: 100%;
  padding: 7px;
  margin-bottom: 5px;
}

/* line 322, ../src/sass/PollingViews/_administrator.scss */
.qtype {
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  display: inline-block;
  opacity: 0.5;
}
/* line 331, ../src/sass/PollingViews/_administrator.scss */
.qtype.mchoice {
  background-image: url(assets/icons/format-list-single.svg);
}
/* line 334, ../src/sass/PollingViews/_administrator.scss */
.qtype.checkbox {
  background-image: url(assets/icons/format-list-multiple.svg);
}
/* line 337, ../src/sass/PollingViews/_administrator.scss */
.qtype.rank {
  background-image: url(assets/icons/sort.svg);
}
/* line 340, ../src/sass/PollingViews/_administrator.scss */
.qtype.open {
  background-image: url(assets/icons/message-text-outline.svg);
}
/* line 343, ../src/sass/PollingViews/_administrator.scss */
.qtype.metaplan {
  background-image: url(assets/icons/book-open-outline.svg);
}

/* line 348, ../src/sass/PollingViews/_administrator.scss */
.plus-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #00A0E1;
  background-image: url(assets/icons/plus.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px 25px;
}
/* line 361, ../src/sass/PollingViews/_administrator.scss */
.plus-button:hover {
  background-color: #283582;
}

/* line 1, ../src/sass/PollingViews/_moderator.scss */
.moderator {
  -webkit-align-content: flex-start;
  align-content: flex-start;
  min-height: 100vh;
}
/* line 9, ../src/sass/PollingViews/_moderator.scss */
.moderator__header {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #00A0E1;
  background: -webkit-linear-gradient(left, #00A0E1 0%, #283582 100%);
  background: linear-gradient(to right, #00a0e1 0%, #283582 100%);
  -webkit-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-weight: bold;
  min-height: 90px;
  max-height: 90px;
  padding: 15px 35px;
}
/* line 27, ../src/sass/PollingViews/_moderator.scss */
.moderator__main-wrapper {
  -webkit-align-content: flex-start;
  align-content: flex-start;
  min-height: calc(100vh - 90px);
  width: 100%;
}
/* line 34, ../src/sass/PollingViews/_moderator.scss */
.moderator__nav, .moderator__main, .moderator__meta {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 0;
  height: 100%;
  max-height: calc(100vh - 90px);
  overflow-y: scroll;
}
/* line 45, ../src/sass/PollingViews/_moderator.scss */
.moderator__nav {
  position: relative;
  border-right: 2px solid #707070;
  z-index: 10;
}
/* line 52, ../src/sass/PollingViews/_moderator.scss */
.moderator__nav ul {
  width: 100%;
  padding: 40px;
}
/* line 56, ../src/sass/PollingViews/_moderator.scss */
.moderator__nav ul li {
  position: relative;
  border-bottom: 1px solid #F0F0F0;
}
/* line 61, ../src/sass/PollingViews/_moderator.scss */
.moderator__nav ul li:last-of-type {
  border-bottom: 1px solid transparent;
}
/* line 65, ../src/sass/PollingViews/_moderator.scss */
.moderator__nav ul li[data-type='divider'] div {
  font-weight: bold;
  margin-bottom: 15px;
  padding: 0 35px 10px 5px;
  color: #283582;
  font-size: 22px;
  text-transform: lowercase;
  font-variant: small-caps;
  letter-spacing: -0.01em;
}
/* line 77, ../src/sass/PollingViews/_moderator.scss */
.moderator__nav ul li[data-type='divider']:not(:first-child) div {
  margin-top: 30px;
  padding: 10px 35px 10px 5px;
}
/* line 82, ../src/sass/PollingViews/_moderator.scss */
.moderator__nav ul li button {
  -webkit-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  position: relative;
  background-color: #fff;
  padding: 10px 10px 10px 5px;
  text-align: left;
  font-size: 16px;
  align-items: center;
  display: flex;
  gap: 5px;
}
/* line 94, ../src/sass/PollingViews/_moderator.scss */
.moderator__nav ul li button:hover {
  background-color: #80d0f0;
}
/* line 98, ../src/sass/PollingViews/_moderator.scss */
.moderator__nav ul li button.current {
  background-color: #00A0E1;
  color: #fff;
}
/* line 103, ../src/sass/PollingViews/_moderator.scss */
.moderator__nav ul li button.running {
  background: #00A0E1;
  background: -webkit-linear-gradient(left, #00A0E1 0%, #283582 25%, #00A0E1 50%, #283582 75%, #00A0E1 100%);
  background: linear-gradient(to right, #00a0e1 0%, #283582 25%, #00a0e1 50%, #283582 75%, #00a0e1 100%);
  background-size: 400% 100%;
  color: #fff;
  -webkit-animation: bg-back-forth 4s ease infinite;
  -moz-animation: bg-back-forth 4s ease infinite;
  -o-animation: bg-back-forth 4s ease infinite;
  animation: bg-back-forth 4s ease infinite;
}
/* line 118, ../src/sass/PollingViews/_moderator.scss */
.moderator__nav ul li button.running.current::after {
  content: '';
}
/* line 125, ../src/sass/PollingViews/_moderator.scss */
.moderator__nav ul li.done button::after {
  content: '\2713';
  display: block;
  border-radius: 50%;
  height: 29px;
  max-width: 29px;
  min-width: 29px;
  margin-left: auto;
  background-color: #fff;
  font-size: 21px;
  text-align: center;
  color: #00ba24;
}
/* line 142, ../src/sass/PollingViews/_moderator.scss */
.moderator__main {
  position: relative;
  background-color: #e3e3e3;
}
/* line 149, ../src/sass/PollingViews/_moderator.scss */
.moderator__main input[type='submit'],
.moderator__main button {
  font-size: 16px;
}
/* line 155, ../src/sass/PollingViews/_moderator.scss */
.moderator__main h3 {
  font-weight: bold;
  color: #283582;
  font-size: 22px;
  margin: 40px 40px 15px;
  text-transform: lowercase;
  font-variant: small-caps;
  letter-spacing: -0.01em;
  line-height: 1em;
}
/* line 166, ../src/sass/PollingViews/_moderator.scss */
.moderator__main[data-running='1'] .total-responses {
  display: none;
}
/* line 172, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .result__list li,
.moderator__main .moderator__options li {
  position: relative;
  padding: 7px 40px;
  color: #00A0E1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 179, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .result__list li:nth-of-type(odd),
.moderator__main .moderator__options li:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 183, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .result__list li:nth-of-type(even),
.moderator__main .moderator__options li:nth-of-type(even) {
  background-color: rgba(255, 255, 255, 0.75);
}
/* line 186, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .result__list li.is-correct::after,
.moderator__main .moderator__options li.is-correct::after {
  content: '\2713';
  position: absolute;
  right: 5px;
  top: 4px;
  display: block;
  border-radius: 50%;
  height: 29px;
  width: 29px;
  background-color: #fff;
  font-size: 21px;
  text-align: center;
  color: #00ba24;
}
/* line 202, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .presentation_list {
  padding: 1rem;
}
/* line 210, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .result__list li strong {
  text-transform: uppercase;
  margin-right: 15px;
}
/* line 215, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .result__list li span.count {
  margin-left: auto;
  margin-right: 0;
  color: #283582;
  font-weight: bold;
}
/* line 223, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .result__list[data='open'] {
  max-height: 60vh;
  overflow: scroll;
}
/* line 227, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .result__list[data='open'] li {
  padding-top: 15px;
  padding-bottom: 15px;
}
/* line 234, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .total-responses {
  font-weight: bold;
  font-size: 20px;
  color: #00A0E1;
  margin: 7px 40px;
}
/* line 241, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .push-results-btn,
.moderator__main .stop-broadcast-btn,
.moderator__main .broadcast-form {
  position: sticky;
  bottom: 0;
  display: block;
  width: 100%;
}
/* line 259, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .push-results-btn button span,
.moderator__main .push-results-btn input[type='submit'] span,
.moderator__main .stop-broadcast-btn button span,
.moderator__main .stop-broadcast-btn input[type='submit'] span,
.moderator__main .broadcast-form button span,
.moderator__main .broadcast-form input[type='submit'] span {
  margin-left: 10px;
}
/* line 265, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .stop-broadcast-btn button {
  background-color: #c10000;
}
/* line 268, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .stop-broadcast-btn button span {
  margin-left: 0;
  margin-right: 10px;
}
/* line 273, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .stop-broadcast-btn button:hover {
  background-color: #707070;
}
/* line 278, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .canvas-holder {
  background-color: #fff;
}
/* line 281, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .canvas-holder .graph-controls {
  gap: 5px;
  background-color: #e3e3e3;
  padding: 10px 40px;
  margin-bottom: 20px;
}
/* line 288, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .canvas-holder .graph-controls span {
  -webkit-align-self: center;
  align-self: center;
  margin-right: 10px;
  color: #283582;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 296, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .canvas-holder .graph-controls button {
  background: transparent;
  color: #283582;
}
/* line 300, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .canvas-holder .graph-controls button.current .icon {
  opacity: 1;
}
/* line 305, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .canvas-holder .graph-controls .value-toggle {
  margin-left: auto;
}
/* line 309, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .canvas-holder .graph-controls label {
  display: flex;
  align-items: center;
  gap: 6px;
}
/* line 314, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .canvas-holder .graph-controls label input:checked + .icon {
  opacity: 1;
}
/* line 318, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .canvas-holder .graph-controls label [type='radio'] {
  display: none;
}
/* line 322, ../src/sass/PollingViews/_moderator.scss */
.moderator__main .canvas-holder .graph-controls .spaced {
  margin-left: auto;
  margin-right: 10px;
}
/* line 330, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  max-width: 386px;
  border-left: 2px solid #707070;
  background-color: #f7f7f7;
}
/* line 338, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta > div {
  padding: 40px 40px 15px;
}
/* line 343, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta > div strong {
  display: block;
  text-transform: lowercase;
  font-variant: small-caps;
  letter-spacing: -0.01em;
  color: #283582;
  font-size: 22px;
}
/* line 353, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .moderator__room-code {
  color: #283582;
  font-size: 22px;
}
/* line 357, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .moderator__room-code .regenerate-form {
  display: inline-block;
}
/* line 362, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .qr-link {
  margin-left: 10px;
}
/* line 366, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .icon-qr,
.moderator__meta .icon-sync {
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
/* line 372, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .icon-qr {
  background-image: url(assets/icons/qrcode.svg);
}
/* line 376, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .icon-sync {
  background-image: url(assets/icons/sync.svg);
}
/* line 380, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .passive-switch-container {
  padding: 15px 0;
}
/* line 383, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .passive-switch-container label {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 15px;
}
/* line 388, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .passive-switch-container label input {
  margin-right: 7px;
}
/* line 392, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .passive-switch-container p {
  font-size: 11px;
  color: #707070;
}
/* line 398, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .passive-responses,
.moderator__meta .side-responses {
  color: #00A0E1;
}
/* line 402, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .passive-responses h3,
.moderator__meta .passive-responses ul,
.moderator__meta .side-responses h3,
.moderator__meta .side-responses ul {
  display: none;
}
/* line 407, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .passive-responses {
  display: block;
  margin-bottom: auto;
}
/* line 412, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .moderator__status {
  padding: 0;
  margin-top: auto;
  margin-bottom: 0;
}
/* line 421, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .moderator__status button span,
.moderator__meta .moderator__status input[type='submit'] span {
  margin-right: 10px;
}
/* line 426, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .moderator__status select {
  width: 100%;
  margin-bottom: 5px;
}
/* line 431, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .moderator__status span {
  color: #707070;
  margin-left: 10px;
  font-size: 14px;
}
/* line 438, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta h2 {
  display: block;
  text-transform: lowercase;
  font-variant: small-caps;
  letter-spacing: -0.01em;
  color: #283582;
  font-size: 22px;
  font-weight: bold;
  padding-left: 40px;
  padding-bottom: 10px;
}
/* line 450, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .window-frame {
  position: relative;
  width: 384px;
  height: 259px;
  margin-top: auto;
  margin-left: auto;
  overflow: hidden;
  padding: 0;
}
/* line 459, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .window-frame + a + .moderator__status {
  margin-top: 30px;
}
/* line 463, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .window-frame > div {
  color: #707070;
}
/* line 467, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .window-frame + a {
  display: block;
  height: 30px;
  padding: 5px 40px;
  width: 100%;
  color: #00A0E1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
}
/* line 477, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .window-frame + a:hover {
  color: #283582;
}
/* line 481, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta .window-frame + a .icon-present {
  -moz-transform: translateY(4px);
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  background-image: url(assets/icons/presentation-play.svg);
  margin-left: 10px;
}
/* line 490, ../src/sass/PollingViews/_moderator.scss */
.moderator__meta iframe {
  -moz-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
  moz-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  margin-bottom: 0;
  margin-top: auto;
  overflow: hidden;
  width: 1920px;
  height: 1080px;
}
@-webkit-keyframes bg-back-forth {
  0% {
    background-position: 92% 0%;
  }
  50% {
    background-position: 9% 100%;
  }
  100% {
    background-position: 92% 0%;
  }
}
@-moz-keyframes bg-back-forth {
  0% {
    background-position: 92% 0%;
  }
  50% {
    background-position: 9% 100%;
  }
  100% {
    background-position: 92% 0%;
  }
}
@-o-keyframes bg-back-forth {
  0% {
    background-position: 92% 0%;
  }
  50% {
    background-position: 9% 100%;
  }
  100% {
    background-position: 92% 0%;
  }
}
@keyframes bg-back-forth {
  0% {
    background-position: 92% 0%;
  }
  50% {
    background-position: 9% 100%;
  }
  100% {
    background-position: 92% 0%;
  }
}
/* line 516, ../src/sass/PollingViews/_moderator.scss */
.odinnsmagischelijst li {
  border-radius: 5px;
  padding: 15px 30px;
  margin: 6px;
}
/* line 521, ../src/sass/PollingViews/_moderator.scss */
.odinnsmagischelijst li.correct {
  background-color: #d3ffef;
  border: 1px solid #12e999;
}

/* line 1, ../src/sass/PollingViews/_participant.scss */
body.session-template-default {
  background-color: #F0F0F0;
}
/* line 4, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .participant {
  max-width: 1024px;
  margin: 0 auto;
}
/* line 8, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .participant h2 {
  text-transform: uppercase;
  letter-spacing: -0.01em;
  color: #283582;
  text-align: center;
  margin-bottom: 1em;
}
/* line 17, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .participant .skip-btn {
  height: 70px;
  text-align: center;
  font-size: 28px;
  font-weight: normal;
}
/* line 25, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .participant__logo {
  position: relative;
  width: 90px;
  height: auto;
  margin: 25px auto 20px;
  display: block;
  z-index: 100;
}
/* line 33, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .participant__logo--small {
  width: 60px;
}
/* line 37, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .participant__logo--hidden {
  display: none;
  visibility: hidden;
}
/* line 43, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .participant__finished, body.session-template-default .participant__introduction {
  padding: 15px;
}
/* line 47, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .participant__finished h1, body.session-template-default .participant__introduction h1 {
  font-size: 34px;
  color: #283582;
  font-weight: bold;
  margin-bottom: 0.5em;
  text-transform: lowercase;
  font-variant: small-caps;
  letter-spacing: -0.01em;
  color: #283582;
  line-height: 1em;
}
/* line 60, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .participant__finished p, body.session-template-default .participant__introduction p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #707070;
  margin-bottom: 1.4em;
  line-height: 1.8em;
}
/* line 68, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .participant__finished--hide, body.session-template-default .participant__introduction--hide {
  display: none;
}
/* line 75, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .participant__form.sending fieldset {
  opacity: 0.8;
}
/* line 79, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .participant__form.sending input[type="submit"] {
  background: #00A0E1;
  background: -webkit-linear-gradient(left, #00A0E1 0%, #283582 25%, #00A0E1 50%, #283582 75%, #00A0E1 100%);
  background: linear-gradient(to right, #00a0e1 0%, #283582 25%, #00a0e1 50%, #283582 75%, #00a0e1 100%);
  background-size: 400% 100%;
  color: #fff;
  -webkit-animation: bg-back-forth 4s ease infinite;
  -moz-animation: bg-back-forth 4s ease infinite;
  -o-animation: bg-back-forth 4s ease infinite;
  animation: bg-back-forth 4s ease infinite;
}
/* line 91, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .waiting-screen {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  -o-transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  -webkit-transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  left: 0;
  right: 0;
  top: 120px;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  display: none;
  z-index: 80;
  background-color: #F0F0F0;
}
/* line 108, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .waiting-screen.display {
  opacity: 1;
  visibility: visible;
}
/* line 114, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .waiting-screen svg#wrap {
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
/* line 118, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .waiting-screen img,
body.session-template-default .waiting-screen svg {
  margin: 25px auto 45px;
  display: block;
  width: 130px;
  max-height: 200px;
}
/* line 126, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .waiting-screen .presentation-image {
  display: none;
}
/* line 130, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .waiting-screen .waiting-message {
  width: 100%;
  bottom: 0;
  padding: 15px 15px 35px;
  color: #283582;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 144, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .question {
  background-color: #fff;
  padding: 15px;
  color: #707070;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 152, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .instruction {
  padding: 15px 15px 15px;
  color: #00A0E1;
  background-color: #fff;
}
/* line 157, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .instruction .sort__handle::before {
  content: ' ';
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  background-image: url(assets/icons/drag-vertical.svg);
  display: inline-block;
  width: 30px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
}
/* line 170, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .divider h1 {
  font-size: 27px;
  color: #283582;
  margin: 35px 15px 25px;
}

/* line 179, ../src/sass/PollingViews/_participant.scss */
body.session-template-default fieldset {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 183, ../src/sass/PollingViews/_participant.scss */
body.session-template-default fieldset [type="checkbox"]:checked,
body.session-template-default fieldset [type="checkbox"]:not(:checked),
body.session-template-default fieldset [type="radio"]:checked,
body.session-template-default fieldset [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
/* line 191, ../src/sass/PollingViews/_participant.scss */
body.session-template-default fieldset [type="checkbox"]:checked + label,
body.session-template-default fieldset [type="checkbox"]:not(:checked) + label,
body.session-template-default fieldset [type="radio"]:checked + label,
body.session-template-default fieldset [type="radio"]:not(:checked) + label {
  position: relative;
  padding: 15px;
  cursor: pointer;
  line-height: 20px;
  display: block;
  color: #707070;
}
/* line 203, ../src/sass/PollingViews/_participant.scss */
body.session-template-default fieldset [type="checkbox"]:not(:checked) + label,
body.session-template-default fieldset [type="radio"]:not(:checked) + label {
  -moz-transition: all 0.15s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  -o-transition: all 0.15s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  -webkit-transition: all 0.15s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  transition: all 0.15s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  background: transparent;
}
/* line 209, ../src/sass/PollingViews/_participant.scss */
body.session-template-default fieldset [type="checkbox"]:checked + label,
body.session-template-default fieldset [type="radio"]:checked + label {
  background: #00A0E1;
  color: #fff;
}
/* line 215, ../src/sass/PollingViews/_participant.scss */
body.session-template-default fieldset textarea {
  width: calc(100% - 30px);
  height: 150px;
  margin: 15px;
}
/* line 226, ../src/sass/PollingViews/_participant.scss */
body.session-template-default fieldset .ranking__legend {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 40px;
  width: 100%;
  margin-right: 0;
  background-color: #707070;
}
/* line 233, ../src/sass/PollingViews/_participant.scss */
body.session-template-default fieldset .ranking__legend ol {
  padding: 15px 0 2px;
  list-style: none;
  counter-reset: li;
  background-color: #283582;
}
/* line 239, ../src/sass/PollingViews/_participant.scss */
body.session-template-default fieldset .ranking__legend ol li {
  padding: 7px 15px 7px 15px;
  counter-increment: li;
}
/* line 244, ../src/sass/PollingViews/_participant.scss */
body.session-template-default fieldset .ranking__legend ol li::before {
  content: counter(li);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  display: inline-block;
  width: 1em;
}
/* line 256, ../src/sass/PollingViews/_participant.scss */
body.session-template-default fieldset ol.sortable {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  list-style: none;
  padding: 15px 0;
  color: #707070;
}
/* line 263, ../src/sass/PollingViews/_participant.scss */
body.session-template-default fieldset ol.sortable:not(.ui-sortable-disabled) li .sort__handle::before {
  content: ' ';
  position: absolute;
  top: 0;
  right: 25px;
  background-image: url(assets/icons/drag-vertical.svg);
  display: block;
  width: 30px;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
/* line 277, ../src/sass/PollingViews/_participant.scss */
body.session-template-default fieldset ol.sortable li {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  padding: 7px 50px 7px 15px;
  border-bottom: 1px solid white;
  counter-increment: li;
}
/* line 287, ../src/sass/PollingViews/_participant.scss */
body.session-template-default fieldset ol.sortable li.ui-sortable-helper {
  color: #283582;
  background-color: rgba(0, 160, 225, 0.2);
}
/* line 301, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .form-footer {
  background-color: #fff;
  padding: 15px;
  margin: auto auto 0;
}
/* line 306, ../src/sass/PollingViews/_participant.scss */
body.session-template-default .form-footer input[type="submit"] {
  width: 100%;
  font-size: 18px;
}
/* line 315, ../src/sass/PollingViews/_participant.scss */
body.session-template-default.passive-poll-page [type="checkbox"]:checked,
body.session-template-default.passive-poll-page [type="checkbox"]:not(:checked),
body.session-template-default.passive-poll-page [type="radio"]:checked,
body.session-template-default.passive-poll-page [type="radio"]:not(:checked) {
  position: relative;
  left: 15px;
}
/* line 323, ../src/sass/PollingViews/_participant.scss */
body.session-template-default.passive-poll-page [type="checkbox"]:checked + label,
body.session-template-default.passive-poll-page [type="radio"]:checked + label {
  background: transparent;
  color: #707070;
}
/* line 329, ../src/sass/PollingViews/_participant.scss */
body.session-template-default.passive-poll-page fieldset .q {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 333, ../src/sass/PollingViews/_participant.scss */
body.session-template-default.passive-poll-page fieldset .q input {
  margin-right: 15px;
}
/* line 337, ../src/sass/PollingViews/_participant.scss */
body.session-template-default.passive-poll-page fieldset .q label {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
/* line 342, ../src/sass/PollingViews/_participant.scss */
body.session-template-default.passive-poll-page .introduction {
  color: #283582;
  margin: 25px 15px 45px;
}

/* line 350, ../src/sass/PollingViews/_participant.scss */
.passive-poll fieldset {
  margin-bottom: 45px;
}
/* line 354, ../src/sass/PollingViews/_participant.scss */
.passive-poll .set-head .question {
  font-weight: bold;
}

/* line 360, ../src/sass/PollingViews/_participant.scss */
body.session-template-default fieldset ol.sortable[data-max="1"] li:nth-of-type(-n+1)::after, body.session-template-default fieldset ol.sortable[data-max="2"] li:nth-of-type(-n+2)::after, body.session-template-default fieldset ol.sortable[data-max="3"] li:nth-of-type(-n+3)::after, body.session-template-default fieldset ol.sortable[data-max="4"] li:nth-of-type(-n+4)::after, body.session-template-default fieldset ol.sortable[data-max="5"] li:nth-of-type(-n+5)::after, body.session-template-default fieldset ol.sortable[data-max="6"] li:nth-of-type(-n+6)::after, body.session-template-default fieldset ol.sortable[data-max="7"] li:nth-of-type(-n+7)::after, body.session-template-default fieldset ol.sortable[data-max="8"] li:nth-of-type(-n+8)::after, body.session-template-default fieldset ol.sortable[data-max="9"] li:nth-of-type(-n+9)::after, body.session-template-default fieldset ol.sortable[data-max="10"] li:nth-of-type(-n+10)::after, body.session-template-default fieldset ol.sortable[data-max="11"] li:nth-of-type(-n+11)::after, body.session-template-default fieldset ol.sortable[data-max="12"] li:nth-of-type(-n+12)::after, body.session-template-default fieldset ol.sortable[data-max="13"] li:nth-of-type(-n+13)::after, body.session-template-default fieldset ol.sortable[data-max="14"] li:nth-of-type(-n+14)::after, body.session-template-default fieldset ol.sortable[data-max="15"] li:nth-of-type(-n+15)::after, body.session-template-default fieldset ol.sortable[data-max="16"] li:nth-of-type(-n+16)::after, body.session-template-default fieldset ol.sortable[data-max="17"] li:nth-of-type(-n+17)::after, body.session-template-default fieldset ol.sortable[data-max="18"] li:nth-of-type(-n+18)::after, body.session-template-default fieldset ol.sortable[data-max="19"] li:nth-of-type(-n+19)::after, body.session-template-default fieldset ol.sortable[data-max="20"] li:nth-of-type(-n+20)::after {
  content: counter(li);
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  background-color: #283582;
  height: 100%;
  right: 0;
  width: 25px;
  text-align: center;
}

/* line 3, ../src/sass/PollingViews/_presentation.scss */
.presentation {
  position: relative;
  width: 1920px;
  height: 1080px;
  background-color: #fff;
}
/* line 9, ../src/sass/PollingViews/_presentation.scss */
.presentation__logo {
  position: absolute;
  width: 175px;
  height: 175px;
  margin: 60px 65px;
  z-index: 10;
}
/* line 17, ../src/sass/PollingViews/_presentation.scss */
.presentation__qr {
  position: absolute;
  margin: auto auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 575px;
  display: block;
  z-index: 10;
}
/* line 28, ../src/sass/PollingViews/_presentation.scss */
.presentation__hourglass {
  position: absolute;
  margin: auto auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 345px;
  display: block;
  z-index: -1;
}
/* line 39, ../src/sass/PollingViews/_presentation.scss */
.presentation__hourglass--waiting {
  z-index: 1;
}
/* line 43, ../src/sass/PollingViews/_presentation.scss */
.presentation__question {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  left: 700px;
  top: 0;
  height: 290px;
  width: 900px;
  z-index: 10;
}
/* line 53, ../src/sass/PollingViews/_presentation.scss */
.presentation__question--results {
  left: 493px;
}
/* line 57, ../src/sass/PollingViews/_presentation.scss */
.presentation__question h2 {
  font-size: 56px;
  line-height: 1.1em;
}
/* line 62, ../src/sass/PollingViews/_presentation.scss */
.presentation__body {
  position: absolute;
  top: 340px;
  left: 700px;
}
/* line 67, ../src/sass/PollingViews/_presentation.scss */
.presentation__instruction {
  color: #00A0E1;
  font-size: 39px;
  margin-bottom: 1em;
}
/* line 72, ../src/sass/PollingViews/_presentation.scss */
.presentation__options {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  color: #283582;
  font-size: 50px;
  margin: 0.5em 0;
}
/* line 81, ../src/sass/PollingViews/_presentation.scss */
.presentation__options label {
  display: block;
  width: 100%;
  margin: 15px 0;
}
/* line 87, ../src/sass/PollingViews/_presentation.scss */
.presentation__options--small {
  font-size: 27px;
}
/* line 91, ../src/sass/PollingViews/_presentation.scss */
.presentation__options--small label {
  margin: 4px 0;
}
/* line 96, ../src/sass/PollingViews/_presentation.scss */
.presentation__open {
  color: #283582;
  font-size: 50px;
  margin-bottom: 1em;
}
/* line 102, ../src/sass/PollingViews/_presentation.scss */
.presentation main {
  -moz-transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  -o-transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  -webkit-transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 111, ../src/sass/PollingViews/_presentation.scss */
.presentation main .canvas-holder {
  position: absolute;
  left: 0;
  right: 780px;
  top: 360px;
  z-index: 800;
  width: 1000px;
  margin: auto;
}
/* line 120, ../src/sass/PollingViews/_presentation.scss */
.presentation main .list-holder {
  position: absolute;
  left: 70px;
  top: 360px;
  z-index: 800;
  width: 1760px;
  margin: auto;
  width: 1400px;
  margin: auto;
  right: 70px;
}
/* line 133, ../src/sass/PollingViews/_presentation.scss */
.presentation main .result__list {
  position: absolute;
  left: 0;
  right: -1141px;
  top: 340px;
  z-index: 800;
  width: 730px;
  margin: auto;
  color: #283582;
  font-size: 30px;
}
/* line 144, ../src/sass/PollingViews/_presentation.scss */
.presentation main .result__list li {
  position: relative;
  line-height: 1.7em;
}
/* line 149, ../src/sass/PollingViews/_presentation.scss */
.presentation main .result__list strong {
  position: absolute;
  right: calc(100% + 30px);
}
/* line 153, ../src/sass/PollingViews/_presentation.scss */
.presentation main .result__list span.count {
  display: none;
}
/* line 157, ../src/sass/PollingViews/_presentation.scss */
.presentation main .result__list li.empty {
  color: #bfbfbf;
}
/* line 161, ../src/sass/PollingViews/_presentation.scss */
.presentation main .message {
  position: absolute;
  font-size: 45px;
  z-index: 999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 870px;
  max-height: 300px;
  text-align: center;
}
/* line 174, ../src/sass/PollingViews/_presentation.scss */
.presentation main .message h1 {
  font-size: 65px;
  font-weight: bold;
}
/* line 181, ../src/sass/PollingViews/_presentation.scss */
.presentation footer {
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 100%;
  font-size: 60px;
  color: #fff;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 193, ../src/sass/PollingViews/_presentation.scss */
.presentation__background {
  background: #00A0E1;
  background: -webkit-linear-gradient(left, #00A0E1 0%, #283582 100%);
  background: linear-gradient(to right, #00a0e1 0%, #283582 100%);
  -moz-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  -o-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  -webkit-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
/* line 206, ../src/sass/PollingViews/_presentation.scss */
.presentation__background--small {
  -moz-transform: translateY(-790px);
  -ms-transform: translateY(-790px);
  -webkit-transform: translateY(-790px);
  transform: translateY(-790px);
}
/* line 209, ../src/sass/PollingViews/_presentation.scss */
.presentation__background--small + footer {
  color: #283582;
  font-size: 40px;
  left: 80px;
  text-align: left;
  max-width: 600px;
}

/* line 221, ../src/sass/PollingViews/_presentation.scss */
.presentation_list .option-container {
  --barColor: #00A0E1;
  display: grid;
  grid-template-areas: 'bar percent' 'answer answer';
  grid-template-columns: 1fr 100px;
  color: #283582;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
/* line 230, ../src/sass/PollingViews/_presentation.scss */
.presentation_list .option-container:nth-of-type(1) {
  --delay: 1.5s;
}
/* line 233, ../src/sass/PollingViews/_presentation.scss */
.presentation_list .option-container:nth-of-type(2) {
  --delay: 2s;
}
/* line 236, ../src/sass/PollingViews/_presentation.scss */
.presentation_list .option-container:nth-of-type(3) {
  --delay: 2.5s;
}
/* line 239, ../src/sass/PollingViews/_presentation.scss */
.presentation_list .option-container:nth-of-type(4) {
  --delay: 3s;
}
/* line 242, ../src/sass/PollingViews/_presentation.scss */
.presentation_list .option-container:nth-of-type(5) {
  --delay: 3.5s;
}
/* line 246, ../src/sass/PollingViews/_presentation.scss */
.presentation_list .option-container.is-correct {
  --barColor: #1D9600;
  font-weight: bold;
}
/* line 251, ../src/sass/PollingViews/_presentation.scss */
.presentation_list .option-container .bar {
  background-color: #F0F0F0;
  position: relative;
  height: 65px;
}
/* line 256, ../src/sass/PollingViews/_presentation.scss */
.presentation_list .option-container .bar .progress {
  transition: width 0.45s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
  background-color: var(--barColor);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  animation: 1.4s ease-out var(--delay) both buildProgess;
}
/* line 268, ../src/sass/PollingViews/_presentation.scss */
.presentation_list .option-container .bar .progress span {
  font-weight: bold;
  font-size: 32px;
  color: #fff;
  margin-right: 32px;
}
/* line 276, ../src/sass/PollingViews/_presentation.scss */
.presentation_list .option-container .bar .progress.low-percent span {
  position: absolute;
  left: calc(100% + 30px);
  color: #283582;
}
/* line 285, ../src/sass/PollingViews/_presentation.scss */
.presentation_list .option-container .percent {
  align-self: center;
  justify-self: center;
  font-size: 26px;
  font-weight: inherit;
}
/* line 292, ../src/sass/PollingViews/_presentation.scss */
.presentation_list .option-container .answer {
  font-size: 26px;
  font-weight: inherit;
}

@keyframes buildProgess {
  from {
    width: 0;
  }
  to {
    width: var(--percentage);
  }
}
/* line 1, ../src/sass/PollingViews/_sessionArchive.scss */
body.post-type-archive-session {
  background-color: #F0F0F0;
}
/* line 4, ../src/sass/PollingViews/_sessionArchive.scss */
body.post-type-archive-session h2 {
  font-weight: bold;
  color: #283582;
  font-size: 25px;
}
/* line 10, ../src/sass/PollingViews/_sessionArchive.scss */
body.post-type-archive-session .page-header {
  background: #00A0E1;
  background: -webkit-linear-gradient(left, #00A0E1 0%, #283582 100%);
  background: linear-gradient(to right, #00a0e1 0%, #283582 100%);
  min-height: 45px;
  margin-bottom: 45px;
}
/* line 16, ../src/sass/PollingViews/_sessionArchive.scss */
body.post-type-archive-session .site-main {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 15px;
}
/* line 22, ../src/sass/PollingViews/_sessionArchive.scss */
body.post-type-archive-session .site-main .plus-button {
  position: relative;
  right: initial;
  margin-bottom: 35px;
}
/* line 27, ../src/sass/PollingViews/_sessionArchive.scss */
body.post-type-archive-session .site-main .session__creation {
  position: absolute;
  background-color: #fff;
  padding: 15px;
  top: 10px;
  left: 15px;
  display: none;
}
/* line 35, ../src/sass/PollingViews/_sessionArchive.scss */
body.post-type-archive-session .site-main .session__creation input[type="text"] {
  width: 100%;
  padding: 7px 10px;
  margin-bottom: 10px;
}
/* line 40, ../src/sass/PollingViews/_sessionArchive.scss */
body.post-type-archive-session .site-main .session__creation input[type="submit"] {
  width: 100%;
}
/* line 49, ../src/sass/PollingViews/_sessionArchive.scss */
body.post-type-archive-session .sessions__list li {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid #707070;
  padding: 7px 0;
}
/* line 55, ../src/sass/PollingViews/_sessionArchive.scss */
body.post-type-archive-session .sessions__list li:last-of-type {
  border-bottom: 1px solid transparent;
}
/* line 59, ../src/sass/PollingViews/_sessionArchive.scss */
body.post-type-archive-session .sessions__list li a:not(.btn) {
  text-decoration: none;
  color: #00A0E1;
  font-size: 18px;
}
/* line 64, ../src/sass/PollingViews/_sessionArchive.scss */
body.post-type-archive-session .sessions__list li a:not(.btn):hover {
  color: #283582;
}
/* line 68, ../src/sass/PollingViews/_sessionArchive.scss */
body.post-type-archive-session .sessions__list li .session__manage {
  margin-right: 0;
}
/* line 71, ../src/sass/PollingViews/_sessionArchive.scss */
body.post-type-archive-session .sessions__list li .session__manage a.btn-edit,
body.post-type-archive-session .sessions__list li .session__manage a.btn-moderate,
body.post-type-archive-session .sessions__list li .session__manage a.btn-present {
  margin-left: 10px;
}
/* line 77, ../src/sass/PollingViews/_sessionArchive.scss */
body.post-type-archive-session .sessions__list li .session__manage a.btn-edit {
  background-image: url(assets/icons/pencil.svg);
}
/* line 80, ../src/sass/PollingViews/_sessionArchive.scss */
body.post-type-archive-session .sessions__list li .session__manage a.btn-moderate {
  background-image: url(assets/icons/teach.svg);
}
/* line 83, ../src/sass/PollingViews/_sessionArchive.scss */
body.post-type-archive-session .sessions__list li .session__manage a.btn-present {
  background-image: url(assets/icons/presentation-play.svg);
}