body{margin:0;background-color:#fafafa;font-family:Outfit,Helvetica Neue,Helvetica,sans-serif;color:#31333f;transition:background-color .2s ease-out}.withLoadable{padding:40px 20px}.withLoadable.inline{padding:0}@media (min-width:600px){.withLoadable{margin:0 8.333333%}.withLoadable.inline{margin:0}}@keyframes loadingSkeletonAnimation{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.withLoadable .loadingSkeleton{width:100%;height:24px;margin-bottom:8px;background-color:hsla(0,0%,50.2%,.1);animation:loadingSkeletonAnimation 1.5s infinite}.withLoadable .loadingSkeleton.mini{width:50%}.withLoadable .loadingText{opacity:.3;letter-spacing:1px}.withLoadable .errorText{margin-bottom:20px}.withLoadable .errorText h3{margin-top:0;margin-bottom:16px;font-size:1.25rem;font-weight:500;line-height:1.6}.withLoadable .errorText p{opacity:.54;font-size:.875rem;font-weight:400;line-height:1.43;margin-top:0;margin-bottom:.35em}.withLoadable .graphicContainer{margin:30px 0;display:flex;flex-wrap:wrap}.withLoadable .retryButton{color:inherit;border:1px solid;padding:5px 16px;font-size:.875rem;font-family:inherit;min-width:64px;box-sizing:border-box;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms;font-weight:500;line-height:1.75;border-radius:4px;text-transform:uppercase;cursor:pointer;margin:0;display:inline-flex;position:relative;align-items:center;user-select:none;vertical-align:middle;-moz-appearance:none;justify-content:center;text-decoration:none;background-color:transparent;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.withLoadable .retryButton:focus,.withLoadable .retryButton:hover{border:1px solid;background-color:hsla(0,0%,50.2%,.16)}.withLoadable .graphicContainer .graphicLeft{margin-right:20px}.withLoadable .graphicContainer .graphicRight{margin-top:12px}.withLoadable .debugText{padding:32px;font-family:monospace;white-space:pre;background-color:hsla(0,0%,50.2%,.2);border:1px solid #000;border-radius:16px}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.opacityOnHover:hover{opacity:.8}.opacityOnHover:active{opacity:.6}.blueOnHover:hover{background-color:#75cfe5}.lightBlueOnHover{transition:background-color .1s ease-out}.lightBlueOnHover:hover{transition:none;background-color:#cff5ff!important}.lightPinkOnHover{transition:background-color .1s ease-out}.lightPinkOnHover:hover{transition:none;background-color:rgba(255,171,138,.2)!important}.role-slider>.bar{height:10px;background-color:#eee}.role-slider>.bar.bar-0{background-color:#fe0}.role-slider>.bar.bar-1{background-color:#fc0}.role-slider>.bar.bar-2{background-color:#aff}.role-slider>.handle{cursor:pointer;width:10px;height:16px;border-radius:5px;background-color:#0cf;box-shadow:0 3px 2px rgba(0,0,0,.1)}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.fadeIn{animation:fadeInAnimation .2s ease-out}