html,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,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}:root{--off-white: #EEE;--hog-red: #D41521;--hog-red-dark: #9A171F;--hog-blue-light: #6ACCCF;--hog-blue: #00ACC7;--hog-blue-dark: #006C7D;--hog-gold-light: #ffe9a5;--hog-gold: #FFD246;--hog-gold-dark: #A77B00;--hog-primary-light: var(--hog-gold-light);--hog-primary: var(--hog-gold);--hog-primary-dark: var(--hog-gold-dark);--hog-secondary-light: var(--hog-blue-light);--hog-secondary: var(--hog-blue);--hog-secondary-dark: var(--hog-blue-dark);--christmas-green-light: #62c16c;--christmas-green: #44a34e;--christmas-green-dark: #2f6035;--snow-visibility: none}html{background-color:#d41521}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Public Sans,Asap,Trebuchet MS,Ubuntu,Verdana,Segoe UI,Roboto,Oxygen,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;overflow:hidden}input{font-family:-apple-system,BlinkMacSystemFont,Public Sans,Asap,Trebuchet MS,Ubuntu,Verdana,Segoe UI,Roboto,Oxygen,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root,.app{width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none;font-size:1rem;position:relative}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.scrollable{overflow-y:auto;overflow-y:overlay;overflow-x:hidden}.scrollable::-webkit-scrollbar{background-color:#19191966;width:10px}.scrollable::-webkit-scrollbar-thumb{background-color:#19191999}.scrollable::-webkit-scrollbar-thumb:hover{background-color:#191919cc}.recommended-browser-banner{z-index:100;position:relative;background:#000c;color:#eee;text-align:center;padding:8px 40px}.recommended-browser-banner__close-container{fill:#eee;position:absolute;right:5px;top:50%;transform:translateY(-50%);padding:5px}.christmas-tree{fill:#eee}.button{display:inline-block;padding:.4rem .8rem;border:3px solid var(--hog-primary);color:#eee;font-size:1.2rem;font-weight:500;margin:auto;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));transition:box-shadow .15s linear,text-shadow .15s linear}.button:hover{box-shadow:0 0 4px 0 var(--hog-primary),inset 0 0 4px 0 var(--hog-primary);text-shadow:0 0 .15rem rgb(246.5,246.5,246.5)}.button__container{display:flex;width:70%;justify-content:space-evenly;flex-wrap:wrap;margin:auto}.button--secondary{border:3px solid var(--hog-secondary)}.button--secondary:hover{box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.button--disabled{pointer-events:none;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7)) saturate(0) brightness(.7);opacity:.8}.loading{position:absolute;bottom:30%;left:calc(50% - 70px);width:140px;height:140px;animation-name:spin;animation-duration:1s;animation-timing-function:cubic-bezier(.45,0,.15,.95);animation-iteration-count:infinite;z-index:100;filter:drop-shadow(0 0 10px rgba(34,34,34,.7));background:url(/assets/hog-logo--128-DgVPJcm8.png);background-size:contain}.loading--safe-zone{bottom:-100px}.loading-dot{position:absolute;width:8px;height:8px;background-color:#222;border-radius:100px;border-style:dashed}.loading-dot.left{left:13px}.loading-dot.right{right:13px}.loading-dot.bottom{bottom:13px}.loading-dot.top{top:13px}@keyframes spin{0%{transform:rotate(0)}95%{transform:rotate(720deg)}to{transform:rotate(720deg)}}.app-bg{position:fixed;top:0;left:0;bottom:0;right:0;overflow:hidden;width:100%;height:100%;z-index:1;pointer-events:none}.app-bg-box{position:absolute;width:120px;height:120px;transform-origin:50%;transform:rotate(45deg);box-shadow:inset 0 0 .7rem #000;z-index:1000;background-color:var(--hog-red)}.app-bg-box.top{top:-60px}.app-bg-box.right{right:-60px}.app-bg-box.bottom{bottom:-60px}.app-bg-box.left{left:-60px}@media only screen and (min-width: 768px){.app-bg-box{width:240px;height:240px}.app-bg-box.top{top:-120px}.app-bg-box.right{right:-120px}.app-bg-box.bottom{bottom:-120px}.app-bg-box.left{left:-120px}}.page{display:flex;flex-direction:column;width:100%;height:100%}.page .header,.page .footer{width:100%;height:169.7056274848px;position:relative;display:flex;justify-content:center;align-items:center}.page .header{min-height:169.7056274848px}.page .header:after{content:"";width:50%;height:3px;background:var(--hog-primary);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));position:absolute;bottom:0}.page .content{flex:1;padding:20px}.readable{max-width:800px;width:100%}.link{text-decoration:underline;cursor:pointer}.error-text{color:#333;font-size:1rem;padding:5px 0;visibility:hidden}.error-text--show{visibility:visible}.box-header{display:inline-block;font-size:2.4rem;color:#eee;font-weight:500;border:3px solid #EEE;padding:8px;box-shadow:0 0 4px #eee,inset 0 0 4px #eee;text-shadow:0 0 .1em rgb(246.5,246.5,246.5);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));text-align:center}.box-header-input{outline:none;background:#0000;transition:all .2s linear}.box-header-input:focus{border-color:var(--hog-secondary);box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary);background:#0000001a}.box-header-input--invalid{border-color:#ff9696!important;box-shadow:0 0 4px #ff9696,inset 0 0 4px #ff9696!important;color:#ff9696!important;text-shadow:0 0 .1em rgb(255,202.5,202.5)!important}.box-header__back-button{width:13px;background:#eee;height:3px;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));position:relative}.box-header__back-button:after{content:"";height:0;width:0;position:absolute;left:-6px;top:calc(50% - 7px);border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #EEE}.box-header__back-button-container{position:absolute;right:calc(100% + 40px);top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:filter .15s linear}.box-header__back-button-container:hover{filter:drop-shadow(0 5px 5px rgba(238,238,238,.7))}.box-header__container{position:absolute;bottom:3rem}.box-header__tip-container{padding:10px;color:var(--off-white);font-size:.9rem;font-weight:500;background:#0003;width:50%;justify-self:center;align-self:center;text-align:center;white-space:break-spaces}.box-subheader{position:absolute;width:100%;text-align:center;font-size:1.4rem;color:#eee;margin-top:.5rem;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.top-right-container{position:absolute;right:.5em;top:.5em;display:flex;align-items:center;z-index:5000}.top-right-container .christmas-tree{fill:#eee;margin-right:.5em}.text--shadow{filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.text--off-white{color:#eee}.text--grey-light{color:#aaa}.text--grey-mid{color:#555}.text--grey-dark{color:#222}.text--blue-mid{color:#3565ae}.text--blue-dark{color:#24467a}.text--yellow-mid{color:#ffc931}.text--yellow-dark{color:#b68500}.text--purple-mid{color:#8c467c}.text--black-error{color:#333}.text--hog-red{color:#d41521}.text--hog-blue{color:#00acc7}.text--hog-blue-dark{color:#006c7d}.text--hog-gold-light{color:#ffe9a5}.text--hog-gold{color:#ffd246}.text--hog-gold-dark{color:#a77b00}.size--0\.8{font-size:.8em}.size--0\.9{font-size:.9em}.size--1{font-size:1em}.size--1\.2{font-size:1.2em}.size--1\.4{font-size:1.4em}.size--1\.6{font-size:1.6em}.size--1\.8{font-size:1.8em}.size--2{font-size:2em}.snow{z-index:100;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;animation:falling linear infinite both;transform:translate3D(0,-100%,0);opacity:.8;display:var(--snow-visibility);will-change:transform}.snow--near{animation-duration:10s;background-image:url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png);background-size:contain}.snow--near.snow--alt{animation-duration:10s;background-image:url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png);background-size:contain;animation-delay:5s}.snow--mid{animation-duration:20s;background-image:url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png);background-size:contain}.snow--mid.snow--alt{animation-duration:20s;background-image:url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png);background-size:contain;animation-delay:10s}.snow--far{animation-duration:30s;background-image:url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png);background-size:contain}.snow--far.snow--alt{animation-duration:30s;background-image:url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png);background-size:contain;animation-delay:15s}@keyframes falling{0%{transform:translate3D(-7.5%,-100%,0)}to{transform:translate3D(7.5%,100%,0)}}.control{flex-direction:row;overflow:auto}.control-left{flex:1;min-width:500px;display:flex;flex-direction:column;align-items:center;height:100%}.control-right{min-width:540px;display:flex;flex-direction:column;align-items:center;padding-bottom:20px}.control .spacer{width:70%;height:2px;background:#000;margin:20px 0;opacity:.3}.control .position-info-container{font-weight:500;color:var(--off-white);text-align:center;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));margin-top:20px}.control .position-info-container--hidden{visibility:hidden}.control .album-view-container{width:calc(100% - 100px);position:relative}.control .album-view-arrow{border-top:20px solid transparent;border-bottom:20px solid transparent;position:absolute;top:calc(50% - 20px);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));transition:all .1s linear}.control .album-view-arrow:hover:not(.album-view-arrow--disabled){transform:scale(1.1);filter:drop-shadow(0 5px 5px rgba(255,210,70,.7))}.control .album-view-arrow__left{border-right:20px solid var(--hog-primary);right:calc(100% + 10px)}.control .album-view-arrow__right{border-left:20px solid var(--hog-primary);left:calc(100% + 10px)}.control .album-view-arrow--disabled{visibility:hidden}.control .album{overflow:hidden;white-space:nowrap;padding-left:31%;padding-right:31%;position:absolute;top:0;left:0;right:0;bottom:0}.control .album-container{width:100%;min-width:400px;min-height:160px;padding-top:40%;position:relative}.control .album-item{position:absolute;top:0;left:0;bottom:0;right:0;border:3px solid var(--hog-primary);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));margin:14px;display:flex;justify-content:center;align-items:center;overflow:hidden;white-space:normal;text-align:center;text-overflow:ellipsis;padding:4%;font-weight:500;transform:scale(.9);transition:transform .2s linear;color:var(--off-white);font-size:1.2em}.control .album-item-container{display:inline-block;width:38%;padding-top:38%;position:absolute;left:0;top:0;transition:transform .4s ease-in-out}.control .album-item--selected{transform:scale(1);transition:transform .2s linear .2s}.control .album-item__preview{white-space:pre-line;max-width:100%;max-height:100%;width:100%;overflow:auto;padding:8px}.control .album-item__preview .icon__music{fill:var(--off-white);width:128px;height:128px;opacity:.7}.control .album-item__preview .icon__image-no-border{fill:var(--off-white);width:84px;height:84px;opacity:.7}.control .album-item__preview-icon--background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.control .album-item__preview-icon--background .icon__music,.control .album-item__preview-icon--background .icon__image-no-border{fill:#0000004d}.control .album-item__preview-item{display:flex;justify-content:center;align-items:center;position:relative}.control .album-item__preview-item--audio{min-height:128px}.control .album-item__preview-item--image{min-height:84}.control .album-item__preview-item:not(:first-of-type){margin-top:30px}.control .album-item__category{font-size:1.2em;color:var(--hog-secondary)}.control .album-item__round{font-size:1.2em;color:var(--hog-primary)}.control .album-item .button{filter:unset}.control .album-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;--album-gradient: rgba(212, 21, 33, 0);background:linear-gradient(to right,var(--hog-red),var(--album-gradient) 10%,var(--album-gradient) 90%,var(--hog-red))}.control .show-answer-container{margin:10px 0}.control .info-container{width:100%;display:flex;justify-content:center;padding:0 10px;margin-top:30px;margin-bottom:20px}.control .info-label{max-width:600px;width:100%;border:3px solid var(--hog-primary);padding:5px;height:min-content;color:var(--off-white);font-weight:500;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));text-align:center}.control .answer-container{width:min-content;min-width:120px;height:2.4em;font-size:1.2em;border:3px solid var(--hog-secondary);display:flex;justify-content:center;align-items:flex-end;position:relative;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.control .answer-label{font-size:.65em;font-weight:500;position:absolute;top:calc(-1em - 3px);border:3px solid var(--hog-secondary);padding:3px;background:var(--hog-red);color:var(--off-white);text-shadow:0px 2px 3px rgba(34,34,34,.7)}.control .answer-string{font-weight:500;color:var(--off-white);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 7px 7px}.control .notepad{width:100%;height:100%;resize:none;background:none;border:3px solid var(--hog-primary);padding:5px;outline:none;color:var(--off-white);font-size:1.1em;font-family:inherit;font-weight:500;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.control .notepad__container{margin-top:auto;width:80%;height:30%;padding:20px 0;position:relative}.control .notepad_label{position:absolute;left:50%;top:0;font-weight:500;color:var(--off-white);background-color:var(--hog-red);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));padding:4px 8px;border:3px solid var(--hog-primary);z-index:1;text-shadow:0px 1px 3px rgba(34,34,34,.7);transform:translate(-50%)}.control .average__box{border:3px solid var(--hog-primary);padding:.7em 5px .3em;width:200px;position:relative;margin:20px auto 6px;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));vertical-align:middle;font-size:1.2em;font-weight:500;color:var(--off-white);text-align:center}.control .average__tip{font-weight:500;color:var(--off-white);font-size:.9em;background:#0009;padding:5px}.control .average__label{position:absolute;left:50%;bottom:calc(100% - .5em);font-size:.8em;font-weight:500;color:var(--off-white);background-color:var(--hog-red);padding:4px 8px;border:3px solid var(--hog-primary);z-index:1;text-shadow:0px 1px 3px rgba(34,34,34,.7);transform:translate(-50%)}.control .scoreboard{display:flex;flex-direction:column;overflow-y:auto;align-items:center;width:100%;padding-bottom:20px}.control .scoreboard__header{font-size:1.3em;font-weight:500;color:var(--off-white);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));text-align:center}.control .scoreboard__header-container{width:530px;padding:20px 0 10px;background:var(--hog-red);position:sticky;top:0;z-index:10;margin-bottom:10px}.control .scoreboard__header-container .notification-bell{fill:var(--off-white);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.control .scoreboard__header-container .notification-bell:hover{transform:translateY(-50%) scale(1.2)}.control .scoreboard__header-container:after{content:"";width:100%;height:3px;background:var(--hog-primary);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));position:absolute;bottom:0}.control .scoreboard__item{display:flex}.control .scoreboard__item--current-buzzed .scoreboard__player{border-color:var(--hog-primary)}.control .scoreboard__item--already-buzzed .scoreboard__player{border-color:#ff9696}.control .scoreboard__item--already-buzzed .scoreboard__player-buzzer{pointer-events:initial;opacity:1;transition:all .1s linear}.control .scoreboard__item--already-buzzed .scoreboard__player-buzzer:hover{transform:scale(1.3)}.control .scoreboard__player{display:flex;width:250px;border:2px solid var(--hog-secondary);margin:3px 0;padding:4px;font-size:1.2rem;color:#eee;font-weight:500;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));position:relative}.control .scoreboard__player .icon__delete-tag{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin:0 10px;fill:var(--off-white);opacity:.5;transition:all .2s linear}.control .scoreboard__player .icon__delete-tag path{transition:all .2s linear}.control .scoreboard__player .icon__delete-tag:hover{opacity:1;transform:translateY(-50%) scale(1.1)}.control .scoreboard__player .icon__delete-tag:hover path{fill:#ff9696}.control .scoreboard__player-name{display:flex;flex:4;align-items:center}.control .scoreboard__player-buzzer{padding-right:2px;fill:#eee;opacity:0;pointer-events:none}.control .scoreboard__player-score{display:flex;flex:1;align-items:center;text-align:center;justify-content:center}.control .scoreboard__player-score-minus,.control .scoreboard__player-score-plus{display:flex;justify-content:center;margin:0 4px;align-items:center;transition:all .1s linear;height:100%;fill:var(--off-white)}.control .scoreboard__player-score-minus:hover,.control .scoreboard__player-score-plus:hover{text-shadow:0 0 .2em rgb(246.5,246.5,246.5);transform:scale(1.2)}.control .scoreboard__player-score-number{display:inline-block;padding:0 4px}.control .scoreboard__player-score-number--increased{color:#6f6}.control .scoreboard__player-score-number--decreased{color:#f99}.control .scoreboard__empty-text{padding:10px 0;color:#eee;opacity:.6;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.control .scoreboard__clear{margin:10px 0;border-color:#ff9696}.control .scoreboard__clear:hover{box-shadow:0 0 4px #ff9696,inset 0 0 4px #ff9696}.control .scoreboard__toggle{margin:10px 0}.control .scoreboard__toggle--showing{border-color:var(--hog-secondary)}.control .scoreboard__toggle--showing:hover{box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.control .options{display:flex;flex-direction:column;width:min-content;min-width:100%;position:relative;padding:20px 8px 10px;border:3px solid var(--hog-secondary);color:var(--off-white)}.control .options__container{width:100%;padding:20px 20px 0;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.control .options__header{position:absolute;top:0;left:50%;transform:translate(-50%,-64%);border:3px solid var(--hog-primary);padding:6px 8px;font-weight:700;background:var(--hog-red);text-shadow:0px 1px 9px rgb(5,5,5);box-shadow:inset 0 0 3px #222222b3}.control .options .option{position:relative;padding-left:28px}.control .options .option:not(:last-child){margin-bottom:15px}.control .options .option__body{display:flex}.control .options .option__label{font-weight:700}.control .options .option__description{font-size:.9em;font-weight:500;opacity:.8}.control .options .option__configuration{margin-left:10px}.control .options .option__configuration-title{font-weight:700;margin-bottom:4px}.control .options .option__configuration--disabled{pointer-events:none;opacity:.5}.control .options .option__checkbox{position:absolute;left:0;top:50%;transform:translateY(-50%);border:3px solid var(--hog-primary);width:20px;height:20px;background:#0006;transition:transform .1s}.control .options .option__checkbox:hover{transform:translateY(-50%) scale(1.1)}.control .options .option__checkbox--selected:after{display:block;content:"";width:19px;height:10px;border-bottom:4px solid var(--off-white);border-left:4px solid var(--off-white);left:5px;position:absolute;bottom:2px;transform-origin:bottom left;transform:rotate(-54deg);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.control .confirm-next-slide-modal .notification-bell{fill:var(--off-white);transform:translateY(5px);margin:0 5px}.control .christmas-tree{position:absolute;top:.5em;left:.5em;fill:#eee}.confirmation-modal{margin:0 10px;padding:20px;border:3px solid var(--hog-primary);font-size:1.1rem;text-align:center;position:relative;background:#000000b3}.confirmation-modal__container{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:6000;display:flex;justify-content:center;align-items:center}.confirmation-modal .modal-text{margin-bottom:20px;line-height:1.5rem;text-align:center;color:var(--off-white);font-weight:500}.confirmation-modal .modal-button__decline{margin-right:5px;border-color:var(--hog-secondary)}.confirmation-modal .modal-button__decline:hover{box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.confirmation-modal .modal-button__accept{margin-left:5px}.control-button{border:3px solid var(--hog-primary);border-radius:100px;width:44px;height:44px;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));transition:all .1s linear}.control-button .icon{transition:all .1s linear}.control-button:hover{box-shadow:0 0 4px 0 var(--hog-primary),inset 0 0 4px 0 var(--hog-primary)}.control-button:hover .icon{filter:drop-shadow(0 1px 1px rgba(238,238,238,.7))}.control-button__primary{width:57px;height:57px}.control-button__primary>.icon{transform:scale(1.3)}.control-button .icon{fill:var(--off-white)}.control-button .icon__play-pause>div{border-left-color:var(--off-white)!important;border-right-color:var(--off-white)!important}.control-button--disabled{opacity:.5;pointer-events:none;border:3px solid black}.control-button--disabled .icon{fill:#000}.control-button--disabled .icon__play-pause>div{border-left-color:#aaa!important;border-right-color:#aaa!important}.scoreboard-answer{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreboard-answer-container{filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));text-align:center;font-weight:500;color:var(--off-white);width:200px;display:flex;justify-content:center;align-items:center;box-shadow:inset -2px -4px 0 -2px var(--hog-secondary);margin-left:10px;height:calc(100% - 6px)}.scoreboard-answer-container--selected{box-shadow:inset -2px -4px 0 -2px var(--hog-primary)}.scoreboard-answer-container .tooltip{width:90%;background:#000000e6;overflow-wrap:break-word}.scoreboard-answer-placeholder{opacity:.7}.tooltip{position:absolute;font-size:.8rem;font-weight:500;color:var(--off-white);background:#000000b3;z-index:1000;padding:10px;visibility:hidden;opacity:0;transition:all .2s linear;pointer-events:none}.tooltip__container{position:relative;opacity:.9;z-index:1000}.tooltip--visible{visibility:initial;opacity:100}.create-game .header,.create-game .box-subheader{z-index:1000}.create-game__subheader{display:flex;justify-content:center;align-items:center}.create-game__subheader .subheader__items{position:relative}.create-game__subheader .subheader__lock-container{display:inline-block;position:absolute;left:100%;margin-left:1ch}.create-game__subheader .subheader__lock-container .icon__lock{fill:var(--hog-gold);transition:filter .2s linear}.create-game__subheader .subheader__lock-container .icon__lock:hover{filter:drop-shadow(0 5px 5px rgba(255,210,70,.7))}.create-game__subheader .subheader__lock-container .tooltip{background:#000000e6;min-width:20ch;line-height:1.1}.create-game .dropdown.new-round{margin-bottom:1.25rem}.create-game .draggable-grid{justify-content:center}.create-game .modal__description{filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.create-game .copy-success-toast{color:var(--hog-secondary);font-weight:500}.create-game__copied-game-prompt{position:absolute;text-align:center;padding:10px 0;color:var(--off-white);font-weight:500;top:0;width:70%;font-size:.9rem;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.create-game__copied-game-prompt .copied-game-prompt__like{color:var(--hog-gold);text-decoration:underline}.create-game__copied-game-prompt .copied-game-prompt__dislike{color:var(--hog-blue);text-decoration:underline}.create-game__copied-game-prompt .copied-game-prompt__creator-link{color:var(--off-white);text-decoration:underline}.dropdown{display:inline-block;width:20rem;position:relative;color:#eee;text-align:center}.dropdown--disabled>.dropdown__selected{background:#aaa;color:#555;border-color:#555}.dropdown--disabled>.dropdown__selected:after{border-top-color:#555}.dropdown__selected{background:var(--hog-secondary);border:3px solid var(--hog-secondary-dark);text-align:left;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));font-size:1.4rem;padding:5px}.dropdown__selected:after{content:"";position:absolute;right:15px;top:50%;vertical-align:middle;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #EEE;transform:translateY(-3px)}.dropdown__list{background:var(--hog-secondary);width:100%;position:absolute;left:0;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));max-height:21rem;list-style:none;z-index:1}.dropdown__list-item{font-size:1.2rem;padding:5px 0;margin-top:-1px}.dropdown__list-item--focussed,.dropdown__list-item:hover{background:var(--hog-secondary-dark)}.dropdown__list-item--disabled{pointer-events:none;background:#aaa;color:#555}.draggable-grid{display:grid;grid-template-columns:repeat(auto-fit,14rem);grid-auto-rows:7rem;grid-gap:16px;padding:15px;margin-left:-15px;position:relative}.draggable-grid-click-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.draggable-grid-item{position:relative;height:7rem;width:14rem;border:3px solid var(--hog-primary);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));padding:.2rem;color:#eee;cursor:pointer;transition:filter .15s linear,box-shadow .15s linear,text-shadow .15s linear,opacity .15s linear;overflow:hidden}.draggable-grid-item--animate{transition:transform .2s linear}.draggable-grid-item--dragging{z-index:100;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))!important;border:3px solid var(--hog-secondary)!important;box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)!important;cursor:grabbing}.draggable-grid-item--selected{filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))!important;border:3px solid var(--hog-secondary)!important;box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)!important}.draggable-grid-item--disabled{pointer-events:none;opacity:.5;filter:brightness(.7) drop-shadow(0 5px 5px rgba(34,34,34,.7))!important}.draggable-grid-item--deleting{opacity:.5;filter:brightness(.7) drop-shadow(0 5px 5px rgba(34,34,34,.7))!important}.draggable-grid-item:hover{filter:drop-shadow(0 5px 5px rgba(85,85,85,.7));box-shadow:0 0 4px 0 var(--hog-primary),inset 0 0 4px 0 var(--hog-primary);text-shadow:0 0 .2em rgb(246.5,246.5,246.5)}.draggable-grid-delete{position:fixed;bottom:40px;left:50%;border:4px solid #EEE;border-radius:120px;padding:10px;fill:#eee;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #2226;z-index:110;opacity:.5;transition:all .1s linear;cursor:grabbing}.draggable-grid-delete svg{filter:drop-shadow(0 3px 3px rgba(34,34,34,.7))}.draggable-grid-delete:hover{transform:translate(-50%,-50%) scale(1.1);opacity:.8;box-shadow:0 0 4px #eee,inset 0 0 4px #eee}.toast{z-index:10;padding:10px;background:#222222e6;color:#d41521;font-size:1.2rem;position:fixed;left:50%;transition:bottom .5s ease-in-out,transform .5s ease-in-out;text-align:center;font-weight:bolder}.toast--hidden{bottom:-100px;transform:translate(-50%,100%)}.toast--visible{bottom:15%;transform:translate(-50%)}.modal{position:absolute;width:95%;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid var(--hog-primary);box-shadow:0 0 4px 0 var(--hog-primary),inset 0 0 4px 0 var(--hog-primary),0 4px 12px #2226;padding:20px;visibility:hidden;opacity:0;transition:opacity .2s linear;transition-delay:0s;color:#eee;text-align:center}.modal__title{font-weight:500;font-size:2rem;margin-bottom:15px;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.modal__text{font-weight:400;font-size:1.4rem;margin-bottom:20px;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.modal .form__item{max-width:16rem;margin-left:auto;margin-right:auto}.modal--visible{visibility:visible;opacity:1;transition-delay:.4s}.modal-close__container{position:absolute;top:.75rem;right:.75rem;z-index:10}.modal-close__container svg{fill:#eee;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));transition:filter .1s linear}.modal-close__container:hover svg{filter:drop-shadow(0 5px 5px rgba(34,34,34,.7)) drop-shadow(0 5px 5px rgba(238,238,238,.7))}.main-content{transition:transform .4s linear;transition-delay:.2s}.main-content--hidden{transform:translate(-200%);transition-delay:0s}.create-round-save-button__container{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%)}.create-round-new-question__container{text-align:center}.create-round__description{position:absolute;background:#000000d9;top:calc(100% + 40px);z-index:10;padding:10px;color:#eee;line-height:1.3;font-weight:500;text-align:center;transform:translate(-50%);width:90vw;max-width:600px;left:50%;pointer-events:none;opacity:0;box-shadow:0 4px 12px #2226;transition:opacity .1s linear}.create-round__description--visible{opacity:1}.create-round__help{position:absolute;left:50%;top:calc(100% + 8px);fill:var(--off-white);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.create-answer-list{display:flex;flex-direction:column;align-items:center;padding:0 100px}.create-answer-list-question{flex:4;border:3px solid var(--hog-primary)}.create-answer-list-question__container{display:flex;position:relative;width:100%}.create-answer-list-answer{flex:3;border:3px solid var(--hog-secondary)}.create-answer-list__text-area{padding:3px;box-shadow:0 4px 12px #2226,inset 0 4px 12px #2226;margin:10px}.create-answer-list__text-area .text-area__container{height:100%}.question-arrows{position:absolute;width:30px;border-left:15px solid transparent;border-right:15px solid transparent;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));transition:filter .1s linear}.question-arrows__container{width:30px;height:36px;position:absolute;right:calc(100% + 40px);top:50%;transform:translateY(-50%)}.question-arrows__up{top:0;border-bottom:13px solid var(--hog-primary)}.question-arrows__down{position:absolute;bottom:0;border-top:13px solid var(--hog-primary)}.question-arrows--disabled{pointer-events:none;opacity:.35}.question-arrows:hover{filter:drop-shadow(0 5px 5px rgba(34,34,34,.7)) drop-shadow(0px 2px 4px var(--hog-primary))}.question-erase__container{position:absolute;right:0;top:0;transform:translate(50%,-50%) rotate(45deg);padding:2px;background:var(--hog-secondary);border:3px solid black;filter:drop-shadow(5px 5px 5px rgba(34,34,34,.7))}.question-erase__container>svg{transform:rotate(-45deg)}.question-erase__container:hover{background:var(--hog-secondary-light)}.question-erase__container:hover>svg{fill:#333}.text-area{width:100%;background:none;border:none;color:#eee;resize:none;font:inherit;font-size:1.4rem;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));padding-bottom:1.4rem}.text-area__container{position:relative}.text-area:focus{outline:none}.text-area::placeholder{color:#eee9}.text-area__counter{position:absolute;bottom:0;right:0;font-size:1.2rem;color:#eee;opacity:.6}.create-answer-smash{display:flex;flex-direction:column;padding:0 100px}.create-answer-smash__name{max-width:16rem;margin:auto}.create-answer-smash__name .form__item{margin-bottom:0}.create-answer-smash-question__container{display:flex;flex-direction:column;justify-content:center;align-items:center}.create-answer-smash-question__container:not(:nth-last-child(2)){margin-bottom:50px}.create-answer-smash-question__container .qa__container{margin-top:0}.image-select-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;height:80%;background:var(--hog-red);border:3px solid var(--hog-primary);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));position:relative}.image-select-modal__container{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:6000;display:flex;justify-content:center;align-items:center}.image-select-modal__content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;padding:10px}.image-select-modal__back-button-container{position:absolute;top:30px;left:30px;width:25px;height:20px;display:flex;justify-content:center;align-items:center;z-index:1}.image-select-modal__back-button-container .box-header__back-button{transition:transform .1s;transform-origin:center}.image-select-modal__back-button-container:hover .box-header__back-button{transform:scale(1.2);filter:drop-shadow(0 5px 5px rgba(238,238,238,.7))}.image-select-modal__close{z-index:1;right:30px;top:30px;position:absolute;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));fill:var(--off-white);transition:transform .1s}.image-select-modal__close:hover{transform:scale(1.2);filter:drop-shadow(0 5px 5px rgba(238,238,238,.7))}.image-select-modal__header{color:var(--hog-primary);border-bottom:3px solid var(--hog-primary);font-weight:700;font-size:1.4em;padding:3px 0;margin:5px 0}.image-select-modal .image-select-start{display:flex;flex-direction:column;justify-content:center;text-align:center;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.image-select-modal .image-select-start .button,.image-select-modal .image-select-start .form__input{filter:none}.image-select-modal .image-select-start .button--disabled{filter:saturate(0) brightness(.7)}.image-select-modal .image-select-start .image-select-imgur{color:var(--off-white);display:flex;flex-direction:column;justify-content:center;align-items:center;border:3px solid var(--hog-secondary);padding:10px 30px 30px}.image-select-modal .image-select-start .image-select-imgur__body{font-weight:700;margin-bottom:20px}.image-select-modal .image-select-start .image-select-imgur__caveat{margin-top:6px;font-weight:bolder;color:var(--hog-secondary-light)}.image-select-modal .image-select-start .image-select-imgur__link{color:var(--hog-primary);text-decoration:underline}.image-select-modal .image-select-start .image-select-imgur__image{-webkit-user-select:none;user-select:none;max-height:250px;background:var(--hog-secondary);z-index:1}.image-select-modal .image-select-start .image-select-imgur__image-container{position:relative;display:flex;max-width:100%;border:5px solid var(--hog-secondary);margin:10px 0}.image-select-modal .image-select-start .image-select-imgur__image-container:not(.image-select-imgur__image-container--loaded){min-width:200px;min-height:200px}.image-select-modal .image-select-start .image-select-imgur__no-image{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.image-select-modal .image-select-start .image-select-imgur__no-image svg{width:100%;height:100%;max-width:60%;max-height:60%;aspect-ratio:1;fill:var(--off-white);opacity:.3}.image-select-modal .image-select-start .image-select-imgur__text-input{width:300px;margin:auto}.image-select-modal .image-select-start .image-select-midpoint{margin:40px 0;font-size:2em;font-weight:700;color:var(--off-white)}.image-select-modal .image-select-compress__container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.image-select-modal .image-select-compress__instructions{font-weight:700;color:var(--off-white);text-align:center}.image-select-modal .image-select-compress__image{width:100%;height:100%;object-fit:contain}.image-select-modal .image-select-compress__image-container{position:relative;height:60%;width:80%;margin:20px auto 10px}.image-select-modal .image-select-compress__controls{width:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;flex:1}.image-select-modal .image-select-compress__upload{display:flex;flex-direction:column;align-items:center}.image-select-modal .image-select-compress__error{font-weight:900;font-size:.8em;padding:10px 0}.image-select-modal .image-select-compress__file-size{font-weight:700;font-size:.8em;color:var(--off-white);margin-bottom:5px}.image-select-modal .image-select-range{width:90%;max-width:300px;display:flex;flex-direction:column;padding:12px 20px;border:3px solid var(--off-white);border-radius:1000px;position:relative;margin-top:1em}.image-select-modal .image-select-range:not(:last-child){margin-bottom:1em}.image-select-modal .image-select-range__label{text-align:center;color:var(--off-white);font-weight:700;position:absolute;top:-3px;left:50%;transform:translate(-50%,-50%);background:var(--hog-red);padding:2px 5px;border:3px solid var(--off-white);border-radius:1000px}.image-select-modal .image-select-range__input{height:20px;width:100%}.image-select-modal .image-select-range .scrubber .bar{background:#0009}.image-select-modal .image-select-range .scrubber .bar__progress,.image-select-modal .image-select-range .scrubber .bar__thumb{background-color:var(--hog-primary)}.scrubber{width:100%;height:100%;position:relative;-webkit-user-select:none;user-select:none;touch-action:none}.scrubber *{-webkit-user-select:none;user-select:none}.scrubber .bar{background:#64646480;position:relative;transition:height .2s linear,width .2s linear}.scrubber.horizontal .bar{top:50%;left:0;transform:translateY(-50%);height:4px;width:100%}.scrubber.vertical .bar{top:0;left:50%;transform:translate(-50%);width:4px;height:100%}.scrubber .bar__progress{position:absolute;background:#019afd}.scrubber .bar__buffer{position:absolute;background:#aaa9}.scrubber.horizontal .bar__progress,.scrubber.horizontal .bar__marker,.scrubber.horizontal .bar__buffer{height:100%}.scrubber.vertical .bar__progress,.scrubber.vertical .bar__marker,.scrubber.vertical .bar__buffer{width:100%;bottom:0}.scrubber .bar__thumb{position:absolute;width:0px;height:0px;border-radius:10px;background:#019afd;transition:height .2s linear,width .2s linear}.scrubber.horizontal .bar__thumb{transform:translate(-50%,-50%);top:50%}.scrubber.vertical .bar__thumb{transform:translate(-50%,50%);left:50%}.scrubber.hover.horizontal .bar{height:6px}.scrubber.hover.vertical .bar{width:6px}.scrubber.hover .bar__thumb{width:12px;height:12px}.scrubber .bar__marker{position:absolute;background:#f0cd05}.scrubber.horizontal .bar__marker{width:12px}.scrubber.vertical .bar__marker{height:12px}.storage-grid{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.storage-grid .storage-items__container{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:10px 20px 20px;max-height:100%;overflow:auto;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.storage-grid .storage-items__container .storage-item{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;margin:10px;border:3px solid var(--hog-primary)}.storage-grid .storage-items__container .storage-item--unused{border-color:#ff9696}.storage-grid .storage-items__container .storage-item--unused .storage-item__file-name{color:var(--off-white)}.storage-grid .storage-items__container .storage-item__file-name{margin-bottom:16px;font-size:1.3em;font-weight:700;color:var(--hog-primary)}.storage-grid .storage-items__container .storage-item__image{max-width:90%;max-height:200px}.storage-grid .storage-items__container .storage-item__space-used{margin:20px;color:var(--off-white);font-weight:bolder;font-size:1.1em}.storage-grid .storage-items__container .storage-item__info-container{padding:10px;border:3px solid var(--hog-secondary);color:var(--off-white);text-align:center;font-size:1.2em;width:100%;flex:1;max-height:260px;overflow:auto}.storage-grid .storage-items__container .storage-item__info-container--unused{border-color:var(--off-white);display:flex;justify-content:center;align-items:center;font-size:1.3em;font-weight:bolder;opacity:.8}.storage-grid .storage-items__container .storage-item__info-game:not(:first-of-type){margin-top:30px}.storage-grid .storage-items__container .storage-item__info-game-id{display:inline-block;font-weight:bolder;margin-bottom:5px}.storage-grid .storage-items__container .storage-item__info-round{padding:5px 0}.storage-grid .storage-items__container .storage-item__file-input{display:none}.storage-grid .storage-items__container .storage-item__button-delete{margin-top:10px;margin-right:10px;border-color:#ff9696;filter:initial}.storage-grid .storage-items__container .storage-item__button-delete:hover{box-shadow:0 0 4px #ff9696,inset 0 0 4px #ff9696}.storage-grid .storage-items__container .storage-item__button-select{margin-left:10px;filter:initial}.storage-grid .storage-items__container .storage-item--upload{border-color:var(--hog-secondary);position:relative}.storage-grid .storage-items__container .storage-item--upload .icon__upload{fill:var(--off-white);opacity:.5;pointer-events:none}.storage-grid .storage-items__container .storage-item--upload.storage-item--dragging .icon__upload--valid,.storage-grid .storage-items__container .storage-item--upload:hover .icon__upload--valid{opacity:.8}.storage-grid .storage-items__container .storage-item--upload .icon__upload--invalid{fill:#ff9696}.storage-grid .storage-availability__container{display:flex;justify-content:center;padding:10px;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.storage-grid .storage-availability__outline{height:40px;border:3px solid var(--hog-secondary);width:300px;display:flex;justify-content:center;align-items:center;position:relative}.storage-grid .storage-availability__fill{position:absolute;top:0;left:0;bottom:0;background:var(--hog-blue-dark)}.storage-grid .storage-availability__text{z-index:5;font-weight:700;color:var(--off-white);text-transform:uppercase}.storage-grid .storage-items__no-items{text-align:center;margin:30px auto;font-size:1.3em;color:var(--off-white);opacity:.9;max-width:400px;width:90%;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.storage-grid .storage-type-filter__container{display:flex;justify-content:center;margin:15px 0;font-size:1.2em;font-weight:700;color:var(--off-white);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.storage-grid .storage-type-filter__tab{padding:0 10px}.storage-grid .storage-type-filter__tab:not(:last-child){border-right:3px solid rgba(0,0,0,.1)}.storage-grid .storage-type-filter__tab--selected .storage-type-filter__text{border-bottom:3px solid var(--hog-primary)}.image-select__container{position:relative;border:3px solid var(--hog-primary);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));margin-bottom:20px}.image-select__container--loaded{width:min-content}.image-select__container:not(.image-select__container--loaded){min-width:200px;min-height:200px}.image-select__image{z-index:1;-webkit-user-select:none;user-select:none;max-height:500px}.image-select__image-container{display:flex;max-width:100%}.image-select__no-image{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.image-select__no-image svg{width:100%;height:100%;max-width:60%;max-height:60%;aspect-ratio:1;fill:var(--off-white);opacity:.3}.image-select__edit-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:#0009;opacity:0;transition:opacity .1s linear;z-index:2}.image-select__edit-container:hover{opacity:1}.image-select__edit-container svg{width:100%;height:100%;max-width:60%;max-height:60%;aspect-ratio:1;fill:var(--off-white);opacity:.4}.image-select__no-image{min-width:200px;min-height:200px;display:flex;justify-content:center;align-items:center}.image-select__no-image svg{width:100%;height:100%;max-width:60%;max-height:60%;aspect-ratio:1;fill:var(--off-white);opacity:.3;transition:opacity .1s linear}.image-select__no-image:hover svg{opacity:.6}.qa__container{border:3px solid var(--hog-primary);padding:8px;margin:25px auto 50px;position:relative;box-shadow:0 4px 12px #2226,inset 0 4px 12px #2226;min-height:140px}.qa__container .question-arrows__container{right:calc(100% + 70px)}.qa__container--music{width:100%;height:240px;padding:0;margin-bottom:100px}.qa__container--music .qa-answer__container{width:100%}.qa-music__container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;fill:var(--off-white);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));opacity:.7;transition:opacity .1s}.qa-music__container:hover{opacity:1}.qa-image__container{display:flex;justify-content:center}.qa-image__container .image-select__container{border:5px solid var(--hog-secondary);margin:40px 0}.qa-image__container .image-select__image{max-height:400px;max-width:400px}.qa-audio-player{position:absolute;top:calc(100% + 50px);left:50%;transform:translate(-50%)}.qa-answer__container{margin:auto;max-width:300px;position:absolute;left:50%;top:calc(100% - 25px);transform:translate(-50%)}.qa-prompt__container{z-index:1;margin:auto;position:absolute;left:50%;top:-25px;transform:translate(-50%)}.basic-audio-player__container{width:100%;height:50px;max-width:400px;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.basic-audio-player__container--disabled{pointer-events:none}.basic-audio-player__container--disabled .basic-audio-player__scrubber-container,.basic-audio-player__container--disabled .basic-audio-player__play-container{filter:saturate(0) brightness(0);opacity:.4}.basic-audio-player__scrubber-container{width:100%;height:44px;padding:0 15px;display:flex;justify-content:center;align-items:center;margin-left:10px;border:3px solid var(--off-white);border-radius:300px}.basic-audio-player__scrubber-container .scrubber.hover .bar{height:4px!important}.basic-audio-player__scrubber-container .scrubber .bar{transition:height .1s linear,width .1s linear!important;background:#00000080!important}.basic-audio-player__scrubber-container .scrubber .bar .bar__progress,.basic-audio-player__scrubber-container .scrubber .bar .bar__thumb{background:var(--hog-gold)!important}.basic-audio-player__scrub-time{color:var(--off-white);font-weight:500}.basic-audio-player__scrub-time:first-of-type{padding-right:20px}.basic-audio-player__scrub-time:last-of-type{padding-left:20px}.basic-audio-player__play-container{display:flex;justify-content:center;align-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:7px;border:3px solid var(--hog-gold);border-radius:400px;transition:all .1s}.basic-audio-player__play-container .icon__play-pause{transition:all .1s}.basic-audio-player__play-container .icon__play-pause>div{border-left-color:var(--off-white)!important;border-right-color:var(--off-white)!important}.basic-audio-player__play-container:hover{box-shadow:0 0 4px 0 var(--hog-primary),inset 0 0 4px 0 var(--hog-primary)}.basic-audio-player__play-container:hover .icon__play-pause{filter:drop-shadow(0 1px 1px rgba(238,238,238,.7))}.audio-select-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;height:80%;background:var(--hog-red);border:3px solid var(--hog-primary);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));padding:10px;position:relative}.audio-select-modal__container{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:6000;display:flex;justify-content:center;align-items:center}.audio-select-modal__close{z-index:1;right:10px;top:10px;position:absolute;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));fill:var(--off-white);transition:transform .1s}.audio-select-modal__close:hover{transform:scale(1.2)}.mp3-trim-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:800px;background:var(--hog-red);border:3px solid var(--hog-primary);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));padding:10px}.mp3-trim-modal__container{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:6000;display:flex;justify-content:center;align-items:center}.mp3-trim-modal .mp3-track{position:relative;width:100%;height:6px;background:#0003;border-radius:100px;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.mp3-trim-modal .mp3-track__container{display:flex;justify-content:center;align-items:center;padding:25px;background:var(--off-white);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));border-radius:100px;width:80%;max-width:700px}.mp3-trim-modal .mp3-track__container .mp3-track__label-start{margin-right:20px}.mp3-trim-modal .mp3-track__container .mp3-track__label-end{margin-left:20px}.mp3-trim-modal .mp3-track:not(.mp3-track--scrubbing) .mp3-thumb:hover{width:12px;height:12px}.mp3-trim-modal .mp3-track .mp3-thumb{width:8px;height:8px;border:4px solid var(--hog-secondary-dark);box-sizing:content-box;border-radius:20px;background:var(--hog-secondary);transform:translate(-50%,-50%);z-index:10;transition:width .2s,height .2s,border-width .1s}.mp3-trim-modal .mp3-track .mp3-thumb--playing{border-width:6px;width:0px;height:0px}.mp3-trim-modal .mp3-track .mp3-thumb--playing:hover{border-width:4px}.mp3-trim-modal .mp3-track .mp3-thumb--scrubbing{width:12px;height:12px;background:var(--hog-primary);border-color:var(--hog-primary-dark)}.mp3-trim-modal .mp3-track__selected{background:var(--hog-secondary-dark);height:100%}.mp3-trim-modal .mp3-track__position{position:absolute;left:0%;width:2px;height:100%;background:var(--hog-primary);z-index:5}.mp3-trim-modal .mp3-track__position--out-of-range{background:var(--hog-secondary-dark)}.mp3-trim-modal .mp3-track--error .mp3-track__selected{background:#9a171f}.mp3-trim-modal .mp3-track--error .mp3-thumb{background:#ff9696;border-color:#9a171f}.mp3-trim-modal__play-pause{display:flex;justify-content:center;align-items:center}.mp3-trim-modal__play-pause-button{padding:10px;border:3px solid var(--hog-primary);border-radius:100px;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));transition:all .1s linear;margin:0 10px}.mp3-trim-modal__play-pause-button:hover{box-shadow:0 0 4px 0 var(--hog-primary),inset 0 0 4px 0 var(--hog-primary)}.mp3-trim-modal__play-pause-button:hover .icon{filter:drop-shadow(0 1px 1px rgba(238,238,238,.7))}.mp3-trim-modal__play-pause-button .icon__play-pause>div{border-left-color:var(--off-white)!important;border-right-color:var(--off-white)!important}.mp3-trim-modal__trim-button{display:flex;fill:var(--off-white);padding:4px;border:3px solid var(--hog-secondary);transition:all .1s linear;border-radius:100px;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.mp3-trim-modal__trim-button--disabled{pointer-events:none;border:3px solid var(--off-white);opacity:.6}.mp3-trim-modal__trim-button:hover{box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.mp3-trim-modal__trim-button:hover .icon{filter:drop-shadow(0 1px 1px rgba(238,238,238,.7))}.mp3-trim-modal__trim-end{transform:scaleX(-1)}.mp3-trim-modal__text{flex:1;text-align:center;color:var(--off-white);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));font-weight:500}.mp3-trim-modal__times{display:flex;width:min-content;padding:10px;margin:20px auto 10px;border:3px solid var(--off-white);box-shadow:0 0 4px 0 var(--off-white),inset 0 0 4px 0 var(--off-white)}.mp3-trim-modal__times-text:first-child{text-align:left}.mp3-trim-modal__times-text:last-child{text-align:right}.mp3-trim-modal__times-text:not(:first-child):not(:last-child){text-align:center;padding:0 50px}.mp3-trim-modal__title{font-size:2em;margin-top:30px;margin-bottom:20px;border-bottom:2px solid var(--off-white);display:inline-block}.mp3-trim-modal__bottom{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;flex:1;margin-top:20px}.mp3-trim-modal__button-cancel{margin-right:10px}.mp3-trim-modal__button-save{margin-left:10px}.mp3-trim-modal__text-field .form__item{margin-top:20px;margin-bottom:5px}.mp3-trim-modal__error{font-weight:700;visibility:hidden;margin-top:10px}.mp3-trim-modal__error--visible{visibility:visible}.mp3-trim-modal__loading{position:absolute;bottom:10%}.mp3-trim-modal__loading .loading{bottom:100%;margin-bottom:15px}.mp3-trim-modal__loading-text{font-weight:bolder;color:var(--off-white)}.question-type-selector__container{position:absolute;right:100%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;height:100%;justify-content:space-evenly;min-height:200px}.question-type-selector__type{transform:rotate(45deg);transform-origin:center;background:var(--hog-red);border:3px solid var(--hog-gold);display:flex;justify-content:center;align-items:center;z-index:1;fill:var(--off-white);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));transition:box-shadow .1s;width:32px;height:32px;box-sizing:content-box}.question-type-selector__type:hover{box-shadow:0 0 4px 0 var(--hog-primary),inset 0 0 4px 0 var(--hog-primary)}.question-type-selector__type:hover svg{filter:drop-shadow(0 1px 1px rgba(238,238,238,.7))}.question-type-selector__type svg{transition:filter .1s;pointer-events:none;transform:rotate(-45deg);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.question-type-selector__type .icon__pencil{width:20px;height:20px;transform:rotate(-45deg) translate(1px,-1px)}.question-type-selector__type .icon__image-no-border{transform:rotate(-45deg) translateY(-2px)}.question-type-selector__type:not(.question-type-selector__type--selected){border:3px solid var(--hog-secondary);fill:var(--off-white)}.question-type-selector__type:not(.question-type-selector__type--selected):hover{box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.question-type-selector__type.question-type-selector__type--disabled{opacity:.4;border:3px solid #AAA;background-color:#222;pointer-events:none}.question-type-selector__type.question-type-selector__type--disabled svg{fill:#aaa;filter:none}.create-broken-karaoke{display:flex;flex-direction:column;align-items:center;padding:0 120px}.create-broken-karaoke .create-broken-karaoke-question{display:flex;height:14rem;align-items:center;position:relative;width:100%;margin:30px 0}.create-broken-karaoke .create-broken-karaoke-question__info{display:inline-block;max-width:20rem;flex:1}.create-broken-karaoke .create-broken-karaoke-question__info.form__item{margin-bottom:0}.create-broken-karaoke .create-broken-karaoke-question__lines{flex:1;border:3px solid var(--hog-primary);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));padding:10px;overflow:auto;height:14rem}.create-broken-karaoke .create-broken-karaoke-question__line{margin-bottom:10px;display:flex;align-items:center}.create-broken-karaoke .create-broken-karaoke-question__character{display:inline-block;width:4.5rem;min-width:4.5rem;margin:0 10px;position:relative;text-align:center}.create-broken-karaoke .create-broken-karaoke-question__x{position:absolute;top:0;right:0;display:flex}.create-broken-karaoke .create-broken-karaoke-question__x:hover{transform:scale(1.1);text-align:center}.create-broken-karaoke .create-broken-karaoke-question__add-character,.create-broken-karaoke .create-broken-karaoke-question__new-line{width:2.5rem;min-width:2.5rem;fill:#eee;transition:filter .1s linear;text-align:center}.create-broken-karaoke .create-broken-karaoke-question__add-character:hover,.create-broken-karaoke .create-broken-karaoke-question__new-line:hover{filter:drop-shadow(0 5px 5px rgba(238,238,238,.7))}.create-broken-karaoke .create-broken-karaoke-question__separator{content:"";width:100%;height:3px;background:var(--hog-primary);display:block;margin:5px 0}.create-broken-karaoke .create-broken-karaoke-question__letter,.create-broken-karaoke .create-broken-karaoke-question__delay{width:60%;background:none;border:none;text-align:center;color:#eee;font-weight:500}.create-broken-karaoke .create-broken-karaoke-question__letter::placeholder,.create-broken-karaoke .create-broken-karaoke-question__delay::placeholder{color:#eee9}.create-broken-karaoke .create-broken-karaoke-question__letter::-webkit-outer-spin-button,.create-broken-karaoke .create-broken-karaoke-question__letter::-webkit-inner-spin-button,.create-broken-karaoke .create-broken-karaoke-question__delay::-webkit-outer-spin-button,.create-broken-karaoke .create-broken-karaoke-question__delay::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.create-broken-karaoke .create-broken-karaoke-question__letter[type=number],.create-broken-karaoke .create-broken-karaoke-question__delay[type=number]{-moz-appearance:textfield}.create-broken-karaoke .create-broken-karaoke-question__delay{width:100%}.create-broken-karaoke .create-broken-karaoke-question__record-button{margin:20px 20px 20px 0;filter:none;border-color:var(--hog-secondary)}.create-broken-karaoke .create-broken-karaoke-question__record-button-container{display:flex;justify-content:center}.create-broken-karaoke .create-broken-karaoke-question__record-button:hover{box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.create-broken-karaoke .create-broken-karaoke-question__preview-button{margin:20px 0 20px 20px;filter:none}.create-broken-karaoke .create-broken-karaoke-question__preview-button-container{display:flex;justify-content:center}.karaoke-capture-modal{background:#d41521;border:3px solid var(--hog-primary);padding:20px;text-align:center;color:#fff;box-shadow:inset 0 4px 12px #2226;max-width:1100px;width:90%}.karaoke-capture-modal__container{position:fixed;top:0;left:0;bottom:0;right:0;background:#0009;z-index:6000;display:flex;justify-content:center;align-items:center}.karaoke-capture-modal__instructions{filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));margin-bottom:10px}.karaoke-capture-modal__instructions h3{font-weight:500;font-size:1.3rem}.karaoke-capture-modal__instructions-subheader{font-weight:bolder;font-size:1.1rem;margin-bottom:5px}.karaoke-capture-modal__buttons{margin-top:20px}.karaoke-capture-modal__button--secondary{border:3px solid var(--hog-secondary);margin-right:10px}.karaoke-capture-modal__button--secondary:hover{box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.karaoke-capture-modal__button--primary{margin-left:10px}.karaoke-capture-modal__page-lyrics .karaoke-lyrics__text-area{margin:10px 0;padding:8px 10px 8px 8px;border:3px solid var(--hog-primary);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));font-family:monospace;letter-spacing:2px;font-size:1.4rem}.karaoke-capture-modal__page-lyrics .karaoke-lyrics__text-area .text-area{padding:0 0 1.4rem;letter-spacing:2px;min-height:100px;white-space:break-spaces}.karaoke-capture-modal__page-lyrics .karaoke-lyrics__text-area .validated-overlay{position:absolute;top:0;left:0;color:transparent;pointer-events:none;text-align:left;white-space:break-spaces;z-index:-1}.karaoke-capture-modal__page-lyrics .karaoke-lyrics__text-area .validated-overlay .validated-chunk__invalid{background:#4c0b0f}.karaoke-capture-modal__page-preview{display:flex;justify-content:center}.karaoke-capture-modal__page-preview .play-broken-karaoke__characters{flex:0}.karaoke-capture-modal__page-capture .karaoke-capture__container{padding:10px;border:3px solid var(--hog-primary);background:#0009;font-size:1.3rem;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.karaoke-capture-modal__page-capture .karaoke-capture__line-spacer{margin:20px 0}.karaoke-capture-modal__page-capture .karaoke-capture__word:not(:last-child){margin-right:10px}.karaoke-capture-modal__page-capture .karaoke-capture__word--active{color:var(--hog-primary)}.play-broken-karaoke{align-items:center;padding-bottom:10px}.play-broken-karaoke__line{display:flex;min-height:2.5rem}.play-broken-karaoke__year{margin-bottom:5px;font-size:3rem;font-weight:700;color:var(--hog-secondary);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));text-shadow:0 0 4px var(--hog-secondary-light)}.play-broken-karaoke__characters{flex:1}.play-broken-karaoke__character{display:flex;justify-content:center;align-items:center;border:2px solid var(--hog-primary);box-shadow:0 0 4px 0 var(--hog-primary),inset 0 0 4px 0 var(--hog-primary);margin:2px;color:#eee;font-weight:500;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));text-transform:uppercase}.play-broken-karaoke__answer{margin:5px 0;font-size:3.5rem;color:#eee;text-shadow:0 0 .2em rgb(246.5,246.5,246.5);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.text-flip{width:100%;height:100%;transform:rotateX(0);display:flex;justify-content:center;align-items:center}.text-flip--flipping{transform:rotateX(-90deg)}.create-cine-nyms{display:flex;flex-direction:column;align-items:center;padding:0 100px}.create-cine-nyms__question-container{position:relative;margin:20px 0 50px}.create-cine-nyms__text-area{border:3px solid var(--hog-secondary);padding:8px;box-shadow:0 4px 12px #2226,inset 0 4px 12px #2226}.create-correction-centre{display:flex;flex-direction:column;align-items:center;padding:0 100px}.create-correction-centre-question__container{display:flex;position:relative;margin:20px 0;width:100%}.create-correction-centre-question__question-field,.create-correction-centre-question__answer-field{width:100%;background:none;border:none;color:#eee;resize:none;font:inherit;font-size:1.4rem;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.create-correction-centre-question__question-field:focus,.create-correction-centre-question__answer-field:focus{outline:none}.create-correction-centre-question__question-field::placeholder,.create-correction-centre-question__answer-field::placeholder{color:#eee9}.create-correction-centre-question__question-container,.create-correction-centre-question__answer-container{flex:1;padding:5px;border:3px solid;box-shadow:0 4px 12px #2226,inset 0 4px 12px #2226}.create-correction-centre-question__question-container{border-color:var(--hog-primary);margin-right:10px}.create-correction-centre-question__answer-container{border-color:var(--hog-secondary);margin-left:10px}.create-dim-sums{padding-top:10px}.create-dim-sums-question__container{position:relative;margin:10px 100px 30px}.create-dim-sums-sub-question{display:flex}.create-dim-sums-sub-question .sub-answer{max-width:min-content}.create-dim-sums-equation{display:flex;justify-content:center;align-items:center}.create-dim-sums-equation>*{margin:0 10px}.create-dim-sums-equation .dropdown{width:unset;padding-right:unset}.create-dim-sums-equation .dropdown__selected{width:min-content;padding-right:45px;font-size:3em}.create-dim-sums-equation__equals{filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));fill:var(--off-white)}.create-dim-sums-equation__answer{font-size:3em;color:var(--off-white);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));padding:10px;border:3px solid var(--hog-primary)}.create-finger-on-it{display:flex;flex-direction:column;align-items:center;padding:0 100px}.create-finger-on-it-question__container{position:relative;text-align:center;margin-top:20px;margin-bottom:50px}.create-finger-on-it-question__container .question-erase__container{top:50%;left:calc(100% + 20px);right:unset}.create-finger-on-it-question__question-container{position:relative;max-width:800px;margin:auto}.create-finger-on-it__image-container{position:relative}.create-finger-on-it .image-with-input__input-container{max-width:40ch;margin:auto auto 10px;position:relative}.create-finger-on-it .image-with-input__input-container .question-erase__container{transform:translate(calc(50% - .5rem),calc(-50% + .5rem)) rotate(45deg)}.create-finger-on-it .image-with-input .image-with-coordinates{max-width:100%;width:min-content;margin:auto}.create-finger-on-it .image-with-input .image-with-coordinates__image{max-height:500px}.create-finger-on-it .image-with-input .image-with-coordinates__placeholder{min-width:128px;min-height:100px}.create-finger-on-it .image-with-input__tip{color:#eee;font-weight:500;margin-top:5px;margin-bottom:15px;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.image-with-coordinates__image-container{display:grid;position:relative;max-width:100%;border:3px solid var(--hog-secondary);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.image-with-coordinates__image{-webkit-user-select:none;user-select:none}.image-with-coordinates__coordinates{width:100%;height:100%;position:absolute}.image-with-coordinates__placeholder{width:100%;height:100px;box-shadow:0 4px 12px #2226,inset 0 4px 12px #2226;background-color:var(--hog-secondary-dark)}.image-with-coordinates__placeholder .icon__picture{height:100%;fill:var(--hog-secondary);filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.coordinate-marker{z-index:10}.coordinate-marker .coordinate-marker__text{position:absolute;top:100%;left:50%;transform:translate(-50%);font-weight:bolder;padding:3px;border-radius:8px;margin-top:3px;z-index:1;opacity:0;visibility:hidden;transition:opacity 0s linear,visibility 0s linear}.coordinate-marker:hover .coordinate-marker__text{opacity:1;visibility:visible;transition:opacity .1s linear,visibility .1s linear;pointer-events:none}.create-games-house-of{display:flex;flex-direction:column;align-items:center;padding:0 100px}.create-games-house-of-question__container{display:flex;position:relative;margin-bottom:40px;width:100%}.create-highbrow-lowbrow{display:flex;flex-direction:column;align-items:center;padding:0 100px}.create-highbrow-lowbrow-question__container{position:relative;margin:20px;width:100%}.create-highbrow-lowbrow-question__text-row{display:flex;position:relative}.create-highbrow-lowbrow-question__text-container{border:3px solid #FFD246;padding:5px;flex:1;margin:0 20px;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.create-highbrow-lowbrow-question__text-container .text-area{filter:initial}.create-highbrow-lowbrow-question__text-container:last-child{margin-right:0}.create-highbrow-lowbrow-question__text-container:first-child{margin-left:0}.create-highbrow-lowbrow-question__answer{max-width:16rem;margin:10px auto auto}.create-in-code{display:flex;flex-direction:column;align-items:center;padding:0 100px}.create-in-code-question__container{display:flex;position:relative;margin:20px 0;width:100%}.create-in-code-question__container .question-erase__container{top:50%;left:100%;right:unset}.create-in-code-question__category,.create-in-code-question__answer{flex:1}.create-in-code-question__category>.form__item,.create-in-code-question__answer>.form__item{margin-bottom:0}.create-in-code-question__code-container{display:flex;flex:1;align-items:center;padding:0 15px;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.create-in-code-question__code-text{font-size:1.1rem;height:calc(1.1rem + 5px);color:#eee;font-weight:500;border-bottom:2px solid #FFD246;width:100%}.create-in-the-name{display:flex;flex-direction:column;align-items:center;padding:0 100px}.create-in-the-name__name{max-width:16rem;margin:auto}.create-in-the-name__name .form__item{margin-bottom:0}.create-in-the-name-question__container{width:100%}.create-in-the-name-question__container .qa__container{margin-top:0}.create-opposites-attract{display:flex;flex-direction:column;align-items:center;padding:0 100px}.create-opposites-attract-question__container{display:flex;position:relative;margin:20px 0;width:100%}.create-opposites-attract-question__container .question-erase__container{top:50%;left:100%;right:unset}.create-opposites-attract-question__category,.create-opposites-attract-question__question,.create-opposites-attract-question__answer{flex:1}.create-opposites-attract-question__category>.form__item,.create-opposites-attract-question__question>.form__item,.create-opposites-attract-question__answer>.form__item{margin-bottom:0}.create-rhyme-time{display:flex;flex-direction:column;align-items:center;padding:0 100px}.create-rhyme-time-question__container{display:flex;width:100%}.create-rhyme-time-question__container:not(:first-of-type){margin-top:40px}.create-rhyme-time-question-area{flex:1;padding-left:68px}.create-rhyme-time-question-area:first-of-type{padding-left:24px;padding-right:10px}.create-rhyme-time-question-area:last-of-type{padding-left:68px}.create-the-answer-isnt{display:flex;flex-direction:column;align-items:center;padding:0 100px}.create-the-answer-isnt-question__container{display:flex;position:relative;margin:20px 0;width:100%}.create-the-answer-isnt-question__container .question-erase__container{top:50%;left:100%;right:unset}.create-the-answer-isnt-question__question-container{flex:1;padding:10px;border:3px solid var(--hog-primary);margin:4px;box-shadow:boxShadow()}.create-the-answer-isnt-question__question-container .text-area__container{height:100%}.create-the-answer-isnt-question__question-container .text-area__container textarea{height:100%!important}.create-the-answer-isnt-question__answers .form__item{margin-bottom:0}.create-the-answer-isnt-question__fake{display:flex}.create-totes-emoji{display:flex;flex-direction:column;align-items:center;padding:0 100px}.create-totes-emoji__key-combo{color:#eee;font-weight:500;text-align:center}.create-totes-emoji__key-combo .keyboard-key{display:inline-block;background:#191919cc;padding:3px 10px;text-align:center;border-radius:4px}.create-totes-emoji-question__container{display:flex;position:relative;margin-bottom:20px;width:100%;max-width:1200px}.create-totes-emoji-question__container .question-erase__container{top:50%;left:100%;right:unset}.create-totes-emoji-question__container .emoji-picker-react{border:none;border-radius:0;box-shadow:none;z-index:100;position:absolute}.create-totes-emoji-question__category,.create-totes-emoji-question__question,.create-totes-emoji-question__preview,.create-totes-emoji-question__answer,.create-totes-emoji-question__author{flex:1}.create-totes-emoji-question__category>.form__item,.create-totes-emoji-question__question>.form__item,.create-totes-emoji-question__preview>.form__item,.create-totes-emoji-question__answer>.form__item,.create-totes-emoji-question__author>.form__item{margin-bottom:0}.create-totes-emoji-question__question .form__text{font-weight:100}.create-totes-emoji-question__preview{padding:.5rem;position:relative}.create-totes-emoji-question__preview-box{padding-top:.6rem;height:100%;width:100%;border:3px solid #EEE;filter:drop-shadow(0 3px 3px rgba(34,34,34,.7))}.create-totes-emoji-question__preview-label{position:absolute;left:50%;pointer-events:none;z-index:1;white-space:nowrap;color:#eee;filter:drop-shadow(0 3px 3px rgba(34,34,34,.7));transform:translate(-50%,calc(-50% + .5rem + 1.5px));top:0;font-size:.8rem;border:3px solid #EEE;padding:.25rem .4rem;font-weight:700;background-color:#d41521;text-shadow:0px 1px 3px rgba(34,34,34,.7);box-shadow:inset 0 0 3px #222222b3}.create-totes-emoji-question__preview-emojis{padding:0 5px}.normalised-emoji-string{white-space:pre;display:flex;align-items:center;height:100%;color:#eee;gap:10px}.normalised-emoji-string__group{display:flex;align-items:center}.create-when-they-sing{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:30px}.create-when-they-sing-question__container{position:relative;width:fit-content;width:max-content;padding:0 40px;margin-bottom:30px}.create-when-they-sing-question__container:not(:first-of-type){margin-top:30px}.create-when-they-sing .when-they-sing-question{display:flex;justify-content:center;align-items:center}.create-when-they-sing .when-they-sing-question__icon{filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));fill:var(--off-white);margin-right:10px;width:360px}.create-when-they-sing .when-they-sing-question__icon .basic-audio-player__container{filter:initial}.create-when-they-sing .when-they-sing-question__icon-container{display:flex;justify-content:center;align-items:center;width:240px;height:240px;border:3px solid var(--hog-primary);margin:auto auto 10px}.create-when-they-sing .when-they-sing-question__icon-container .loading{position:initial;height:90px;width:90px}.create-when-they-sing .when-they-sing-question__icon-container .music-icon{opacity:.7}.create-when-they-sing .when-they-sing-question__icon-container:hover .music-icon{opacity:.9}.create-when-they-sing .when-they-sing-question__icon-container:hover .icon__upload{opacity:.8}.create-when-they-sing .when-they-sing-question__icon .icon__upload{pointer-events:none;opacity:.6}.create-when-they-sing .when-they-sing-question__icon .icon__upload--invalid{fill:#ff9696}.create-when-they-sing .when-they-sing-question__icon--dragging .icon__upload--valid{opacity:1}.create-when-they-sing .when-they-sing-question__input-title{margin:auto;max-width:400px}.create-when-they-sing .when-they-sing-question__input-title input{text-align:center}.create-when-they-sing .when-they-sing-question__inputs{margin-left:30px}.create-when-they-sing .when-they-sing-question__inputs .textfield__fade-out,.create-when-they-sing .when-they-sing-question__inputs .textfield__answer{margin:10px 0}.create-when-they-sing .when-they-sing-question__inputs .when-they-sing-question__input-answer,.create-when-they-sing .when-they-sing-question__inputs .when-they-sing-question__input-fade-out{display:flex;justify-content:center;align-items:center}.create-when-they-sing .when-they-sing-question__inputs .when-they-sing-question__trim-answer,.create-when-they-sing .when-they-sing-question__inputs .when-they-sing-question__trim-fade-out{fill:var(--off-white);border:3px solid var(--hog-secondary);border-radius:30px;padding:4px;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));transition:all .2s}.create-when-they-sing .when-they-sing-question__inputs .when-they-sing-question__trim-answer:hover,.create-when-they-sing .when-they-sing-question__inputs .when-they-sing-question__trim-fade-out:hover{box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.create-when-they-sing .when-they-sing-question__button-container{margin-top:20px;margin-left:45px;text-align:center}.create-when-they-sing .when-they-sing-question__music{width:100%;height:100%;position:relative}.create-when-they-sing .when-they-sing-question__music .music-icon{position:absolute;top:0;left:0;right:0;bottom:0;justify-content:center;align-items:center;display:flex;transition:transform .5s;transform:rotateX(0);transition-delay:.5s}.create-when-they-sing .when-they-sing-question__music .music-icon--hidden{transition-delay:0s;transform:rotateX(-90deg)}.create-when-they-sing .when-they-sing-question__music .music-text{position:absolute;top:0;left:0;right:0;bottom:0;justify-content:center;align-items:center;display:flex;font-size:2em;font-weight:500;color:var(--off-white);transition:transform .5s;transition-delay:.5s;transform:rotateX(0)}.create-when-they-sing .when-they-sing-question__music .music-text--hidden{transition-delay:0s;transform:rotateX(-90deg)}.create-when-they-sing .when-they-sing-question__music .music-text--answer{color:var(--hog-gold)}.create-z-to-a{display:flex;flex-direction:column;align-items:center;padding:0 100px;margin:auto}.create-z-to-a-question__container{margin:20px 0 40px;width:100%}.create-z-to-a-question__container .question-erase__container{top:50%;left:100%;right:unset}.create-z-to-a-question__clue,.create-z-to-a-question__answer{flex:1}.create-z-to-a-question__clue>.form__item,.create-z-to-a-question__answer>.form__item{margin-bottom:0}.create-z-to-a-question__clue-container{display:flex;position:relative}.create-z-to-a-question__answer{max-width:16rem;margin:auto}.faq-list{margin:20px auto 0;padding-right:10px;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));overflow-y:auto}.faq-item{color:#eeeeeeb3;border-color:#ffd246b3;transition:border-color .2s}.faq-item:hover .faq-label{color:#eee}.faq-item:not(:first-of-type){border-top-width:3px;border-top-style:solid}.faq-item:last-of-type{border-bottom:unset}.faq-item--selected{padding-bottom:20px;opacity:1;border-bottom-width:3px;border-bottom-style:solid;color:var(--off-white);border-color:var(--hog-gold)}.faq-item--selected .faq-body{display:block}.faq-item--selected+.faq-item{border-top:0px solid}.faq-label{font-size:1.6em;font-weight:500;padding:20px 0;transition:color .2s}.faq-body{display:none;line-height:1.1em}.faq-subheader{font-weight:700;margin-bottom:5px;font-size:1.2em}.faq-subheader:not(:first-of-type){margin-top:16px}.faq-link{color:var(--hog-gold);text-decoration:underline}.faq-text{font-weight:400;font-size:1.1em}.faq-video{width:100%}.game{padding:120px 20px 20px}.game__buzzer-name{border:3px solid var(--hog-secondary);box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary);padding:10px 20px;text-shadow:0 0 .2em rgb(144.5,144.5,144.5)}.game__buzzer-timer{height:100%;background:var(--hog-primary)}.game__buzzer-timer-container{width:400px;height:4px;background:#000000b3;margin-bottom:10px;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));transition:opacity 1s linear;transition-delay:.1s;opacity:0}.game__buzzer-container{z-index:1000;position:fixed;top:-150px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:20px;font-weight:500;font-size:4rem;color:#eee;transition:top .3s ease-out}.game__buzzer-container--visible{top:0}.game__buzzer-container--visible .game__buzzer{display:flex;flex-direction:column;align-items:center}.game__buzzer-container--visible .game__buzzer-name{animation-name:buzz;animation-duration:.1s;animation-iteration-count:6;animation-delay:.3s}.game__buzzer-container--visible .game__buzzer-answer{display:block;margin-top:10px;text-align:center}.game__buzzer-container--visible .game__buzzer-answer .animate-expand{background-color:var(--hog-red)}.game__buzzer-container--visible .game__buzzer-answer .text-flip{padding:12px 24px;font-size:.8em;text-shadow:0 0 .2em rgb(127.5,127.5,127.5)}.game__buzzer-container--visible .game__buzzer-timer{animation-name:shrink;animation-iteration-count:1;animation-delay:1.7s;animation-timing-function:linear;animation-fill-mode:forwards;height:100%;background:var(--hog-primary)}.game__buzzer-container--visible .game__buzzer-timer-container{transition:opacity .2s linear;transition-delay:1.3s;opacity:1}.game__buzzer-answer{display:none}.game .new-round__container{width:100%;height:100%}.game .new-round__container .qr-code{display:flex;justify-content:center;align-items:center;position:absolute;top:calc(100% + 10px);width:100%;left:0}.game .new-round__container .qr-code__container{opacity:1;transition:opacity .5s linear}.game .new-round__container .qr-code__container--hidden{opacity:0}.game .new-round__container .qr-code svg{border:3px solid var(--hog-primary)}.game .new-round__container .qr-code svg path{filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.game .new-round__container--animate .new-round__round-name{transition:transform .5s linear;transition-delay:2s;transform:translate(-50%,-50%) rotate(0)}.game .new-round__container--animate .new-round__url{opacity:1;transition:opacity .5s linear;transition-delay:2.5s}.game .new-round{transform:scale(0) rotate(-180deg);transition:transform 1s .2s linear;will-change:transform}.game .new-round--animate{transform:scale(1) rotate(0)}.game .new-round--animate .new-round__background:after{transform:translate(-50%,-50%) rotate(0)}.game .new-round--animate .icon__buzzer{opacity:1}.game .new-round__background{position:absolute;top:50%;left:50%;width:80%;padding-top:80%;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 4px 0 var(--hog-primary),inset 0 0 4px 0 var(--hog-primary);border:4px solid var(--hog-primary);filter:drop-shadow(5px 5px 5px rgba(34,34,34,.7));will-change:transform}.game .new-round__background:before{content:"";width:70%;height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px 0 var(--hog-primary),inset 0 0 4px 0 var(--hog-primary),inset 0 0 30px #2226;border:4px solid var(--hog-primary);will-change:transform}.game .new-round__background:after{content:"";width:40%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(360deg);transition:transform 1s .2s linear;background:var(--hog-secondary-light);will-change:transform}.game .new-round__round-name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(90deg);font-size:9rem;font-weight:500;color:#eee;text-transform:uppercase;text-shadow:-1px -1px 0 #D41521,1px -1px 0 #D41521,-1px 1px 0 #D41521,1px 1px 0 #D41521;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));text-align:center;width:100%;will-change:transform}.game .new-round__url{position:absolute;font-weight:700;font-size:2.4rem;color:var(--hog-primary);text-align:center;z-index:100;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));padding:10px 20px;align-self:center;background-color:var(--hog-red);cursor:pointer;will-change:opacity;opacity:0;will-change:transform;border:3px solid var(--hog-primary)}.game .new-round__url-text{filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.game .new-category{justify-content:center;align-items:center}.game .new-category__text{font-size:4rem;color:#eee;text-transform:uppercase;font-weight:500;padding:.4em .7em;will-change:transform}.game .new-category--animate .new-category__text{margin:10px 40px;transform:rotateX(0);opacity:1}.game .popup-notification{display:flex;position:absolute;right:.5em;top:.5em;width:25%;max-width:500px;text-align:center;background-color:#2229;padding:10px;border:3px solid var(--hog-primary);box-shadow:0 4px 12px #2226;z-index:1}.game .popup-notification__text{color:#eee;font-weight:700;padding-right:10px}.game .popup-notification__close{fill:#eee}.game-scores{display:flex;flex-direction:column;align-items:center;color:#eee;font-size:1.8rem;font-weight:700;height:100%;overflow-y:auto;margin-bottom:70px;padding-bottom:20px}.game-scores__player{max-width:400px;width:70%;display:flex;padding:14px;margin-top:20px;font-size:2em}.game-scores__player .game-scores__score{width:40px}.game-scores__player .game-scores__name{justify-content:flex-start}@keyframes buzz{0%{transform:rotate(0)}25%{transform:rotate(-7deg)}50%{transform:rotate(0)}75%{transform:rotate(7deg)}to{transform:rotate(0)}}@keyframes shrink{0%{width:100%}to{width:0%}}.animate-expand{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:5%;border:3px solid var(--hog-primary);box-shadow:0 0 4px 0 var(--hog-primary),inset 0 0 4px 0 var(--hog-primary);opacity:0;transition:opacity .2s linear,width .6s .2s ease-out}.animate-expand-container{position:relative;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.animate-expand--animate{opacity:1;width:100%}.audio-notification{max-width:600px;width:90%;background:#000000b3;border:3px solid var(--hog-gold);opacity:0;transition:opacity .3s linear;font-weight:700;color:var(--off-white);padding:10px;line-height:1.2;position:absolute;text-align:center;align-self:center}.audio-notification--visible{opacity:1}.audio-notification__close{position:absolute;right:5px;top:5px;fill:var(--off-white)}.play-answer-list{flex-direction:row;justify-content:space-evenly;align-items:center}.play-answer-list__question{display:flex;align-items:center;justify-content:center;min-width:60%;max-width:80%;min-height:30%;text-align:center;color:#eee;padding:.5em}.play-answer-list__question-container{display:flex;flex:1;justify-content:center;align-items:center;height:100%}.play-answer-list__answer{padding:15px;position:absolute;top:10px;left:10px;right:10px;bottom:10px;z-index:-1}.play-answer-list__answer-container{flex:1;padding:15px;height:50%;max-width:40%;position:relative}.play-answer-list__answer--actual .animate-expand{border-color:var(--hog-secondary);box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.play-answer-list__answer-items{text-align:center;font-size:2.4em;color:#eee;font-weight:500;padding:15px;height:100%;overflow:auto;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.play-answer-list__answer-item{padding:10px 0;opacity:0;transition:opacity .5s linear}.play-answer-list__answer-item--visible{opacity:1}.play-answer-list__answer-item .answer-length{opacity:.6}:root .dynamic-fs-xl{font-size:4rem}:root .dynamic-fs-l{font-size:3.5rem}:root .dynamic-fs-m{font-size:3rem}:root .dynamic-fs-s{font-size:2.5rem}:root .dynamic-fs-xs{font-size:2rem}.play-answer-smash{justify-content:center;align-items:center}.play-answer-smash__image-container{margin-top:10px}.play-answer-smash__image{max-width:100%;max-height:100%;opacity:0;transition:opacity .3s linear}.play-answer-smash__image--visible{opacity:1}.play-answer-smash__question{padding:20px;color:#eee;margin-top:30px;max-width:80%;font-size:3rem}.play-answer-smash__answer{padding:10px 20px}.play-answer-smash__answer-container{height:4rem;font-size:3.5rem;margin-top:40px;display:flex;justify-content:center;align-items:center;color:#eee;font-weight:500}.play-answer-smash__answer .animate-expand{border:3px solid var(--hog-secondary);box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.play-answer-smash__category .box-header{font-size:3.5rem}.play-answer-smash__content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.question-answer{display:flex;flex-direction:column;flex:1;font-weight:500;justify-content:center;align-items:center;position:relative}.question-answer__category{position:absolute;top:0;left:50%;transform:translate(-50%)}.question-answer__category .box-header{font-size:4rem}.question-answer__question{text-align:center;margin-bottom:30px;padding:20px;color:#eee;line-height:1.4}.question-answer__question-text{display:inline-block}.question-answer__question-text:first-letter{text-transform:capitalize}.question-answer__image{max-width:60%;max-height:50%}.question-answer__image .image-question{width:100%;height:100%}.question-answer__answer{color:#eee;padding:20px 40px}.question-answer__answer-container{height:8rem;display:flex;justify-content:center;align-items:center}.question-answer__answer-text{display:inline-block}.question-answer__answer-text:first-letter{text-transform:capitalize}.question-answer__answer .animate-expand{border:3px solid var(--hog-secondary);box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.image-question{padding:20px}.image-question__image{max-width:100%;max-height:100%;opacity:0;transition:all .3s linear}.image-question__image--visible{opacity:1}.image-question__answer{width:400px;height:400px;color:var(--off-white);justify-content:center;align-items:center;display:flex;font-size:3em;text-align:center}.image-question__answer div:has(.fitty-container){display:flex;justify-content:center;align-items:center}.image-question__answer div:has(.fitty-container) .fitty-container{max-width:100%;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.music-question{padding:20px}.music-question .music-icon{width:400px;height:400px;fill:var(--off-white);opacity:0;transition:all .3s linear}.music-question .music-icon--visible{opacity:.9}.music-question__answer{width:400px;height:400px;color:var(--off-white);justify-content:center;align-items:center;display:flex;font-size:3em;text-align:center}.music-question__answer div:has(.fitty-container){display:flex;justify-content:center;align-items:center}.music-question__answer div:has(.fitty-container) .fitty-container{max-width:100%;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.play-cine-nyms,.play-correction-centre{justify-content:center;align-items:center}.play-correction-centre__text{padding:.5em;color:#eee;max-width:800px}.play-correction-centre__text--answer .animate-expand{transition:border-color .3s linear,box-shadow .3s linear;border-color:var(--hog-secondary);box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.play-dim-sums-questions{display:flex;justify-content:space-evenly;margin:40px 0 100px}.play-dim-sums-question{padding:30px 20px;color:var(--off-white);text-align:center;margin:0 14px;flex:1;display:flex;flex-direction:column;justify-content:stretch}.play-dim-sums-question__question{margin-bottom:40px}.play-dim-sums-question__answer{align-items:flex-end;font-weight:bolder;color:var(--hog-secondary-light)}.play-dim-sums-question--incorrect{transition:.3s linear all;opacity:.6}.play-dim-sums-question--incorrect .animate-expand{transition:.3s linear all .3s;border-color:var(--hog-blue)}.play-dim-sums-equation{display:flex;justify-content:center}.play-dim-sums-equation__animated-container{display:flex;width:fit-content;padding:20px;justify-content:center;align-items:center;color:var(--off-white);fill:var(--off-white);font-size:5rem}.play-dim-sums-equation__animated-container>*{padding:0 30px}.elephant .text-flip:first-letter{text-transform:initial}.elephant-answer .answer-segment__match{color:var(--hog-secondary)}.play-finger-on-it{justify-content:center;align-items:center}.play-finger-on-it__answer{padding:20px;color:#eee;font-size:3.5rem}.play-finger-on-it .image-and-key{width:100%;display:grid;grid-template:"key img ." 1fr/minmax(15%,1fr) auto minmax(15%,1fr);grid-gap:15px}.play-finger-on-it .image-with-coordinates{display:inline-block;margin-bottom:100px;max-width:900px;grid-area:img}.play-finger-on-it .image-with-coordinates__image{max-height:500px;max-width:100%}.play-finger-on-it .coordinate-key{max-height:500px;overflow-y:auto;border:3px solid var(--hog-gold);padding:10px;background:#0000004d;height:min-content;max-width:100%;grid-area:key;justify-self:right;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.play-finger-on-it .coordinate-key__item{display:flex;align-items:center;color:var(--off-white);font-weight:500}.play-finger-on-it .coordinate-key__item:not(:last-child){margin-bottom:16px}.play-finger-on-it .coordinate-key__item--winner .coordinate-key__name{color:var(--hog-primary)}.play-finger-on-it .coordinate-key__item .coordinate-marker{min-width:20px;margin-right:10px}.play-finger-on-it .coordinate-key__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.play-highbrow-lowbrow{display:flex;flex-direction:column;align-items:center;height:100%}.play-highbrow-lowbrow__question{padding:20px 30px;color:#eee}.play-highbrow-lowbrow__question-container{flex:1;width:100%;max-width:80%;display:flex;justify-content:center;align-items:center}.play-highbrow-lowbrow__question-animated-container{height:min-content}.play-highbrow-lowbrow__answer{padding:20px 30px;color:#eee;font-size:3.5rem}.play-highbrow-lowbrow__answer-container{height:8rem}.play-highbrow-lowbrow__answer-animated-container .animate-expand{border:3px solid var(--hog-secondary);box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.play-in-code{flex-direction:column;align-items:center;justify-content:center;position:relative}.play-in-code__category{box-shadow:0 0 4px #ffd246,inset 0 0 4px #ffd246;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));border:3px solid #FFD246;color:#eee;font-size:3.5rem;font-weight:500;padding:10px 50px;position:absolute;top:0}.play-in-code__code{display:flex;width:100%;flex-wrap:wrap;justify-content:center;align-items:center}.play-in-code__space{width:5rem}.play-in-code__character{color:#eee;font-size:3.2rem;font-weight:500;border:3px solid var(--hog-secondary);box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary);width:5rem;height:5rem;margin:20px 10px;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.play-rhyme-time{flex-direction:row;justify-content:space-evenly;align-items:center}.play-rhyme-time__question-container{display:flex;flex:1;justify-content:center;align-items:center;height:100%}.play-rhyme-time__question{display:flex;align-items:center;justify-content:center;min-width:60%;max-width:80%;min-height:30%;text-align:center;color:#eee;padding:.5em}.play-rhyme-time__question--second .animate-expand{border-color:var(--hog-secondary);box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.play-the-answer-isnt{display:flex;flex-direction:column;flex:1;font-weight:500;justify-content:center;align-items:center;position:relative}.play-the-answer-isnt__question{text-align:center;margin-bottom:100px;padding:20px;color:#eee;line-height:1.4;max-width:80%}.play-the-answer-isnt__answer{color:#eee;font-size:3rem;padding:20px 40px;display:flex;height:100%;flex:1;justify-content:center;align-items:center;text-align:center;margin:10px}.play-the-answer-isnt__answer-container{display:flex;justify-content:center;align-items:center;margin-bottom:100px;line-height:1.2}.play-the-answer-isnt__answer .animate-expand{border-color:var(--hog-secondary);box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary);transition:opacity .2s linear,width .6s .2s ease-out,border-color .2s linear,box-shadow .2s linear}.play-the-answer-isnt__answer-real .animate-expand{border-color:var(--hog-primary);box-shadow:0 0 4px 0 var(--hog-primary),inset 0 0 4px 0 var(--hog-primary)}.play-the-answer-isnt__answer-fake{transition:opacity .2s linear;opacity:.7}.play-totes-emoji{display:flex;flex-direction:column;flex:1;font-weight:500;font-size:2rem;justify-content:center;align-items:center;position:relative}.play-totes-emoji__category{position:absolute;top:0;left:50%;transform:translate(-50%)}.play-totes-emoji__category .box-header{font-size:4rem}.play-totes-emoji__author{font-size:3rem;color:#eee;margin:10px;height:initial;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.play-totes-emoji__question{text-align:center;margin-bottom:30px;padding:20px;color:#eee;font-size:2rem;line-height:1.4}.play-totes-emoji__question-text{display:inline-block;white-space:pre-wrap;font-size:2.2em}.play-totes-emoji__question-text:first-letter{text-transform:capitalize}.play-totes-emoji__question-normalised{height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.play-totes-emoji__question-normalised .normalised-emoji-string__group{flex-wrap:wrap}.play-totes-emoji__answer{color:#eee;padding:20px 40px}.play-totes-emoji__answer-container{height:8rem;display:flex;justify-content:center;align-items:center}.play-totes-emoji__answer-text{display:inline-block}.play-totes-emoji__answer-text:first-letter{text-transform:capitalize}.play-totes-emoji__answer .animate-expand{border:3px solid var(--hog-secondary);box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.play-when-they-sing{display:flex;justify-content:center;align-items:center;color:var(--off-white)}.play-when-they-sing__header{font-size:3.5em;padding:25px}.play-when-they-sing__players{flex:1;max-height:70%;overflow:auto;margin-top:20px;padding:0 20px}.play-when-they-sing__player{font-size:2.5em;padding:14px;margin-top:10px}.play-when-they-sing__player .text-flip{justify-content:space-between}.play-when-they-sing__player .animate-expand{border-color:var(--hog-secondary);box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.play-when-they-sing__player-name{padding-right:100px}.play-when-they-sing__player--winner .animate-expand{border-color:var(--hog-primary);box-shadow:0 0 8px 0 var(--hog-primary-light),inset 0 0 8px 0 var(--hog-primary-light)}.play-you-complete-me{justify-content:center;align-items:center}.play-you-complete-me__question{padding:.5em;color:#eee;max-width:80%}.play-you-complete-me__question--answer .animate-expand{transition:border-color .3s linear,box-shadow .3s linear;border-color:var(--hog-secondary);box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.play-you-complete-me__answers{display:flex;width:100%;margin:40px 0;justify-content:center}.play-you-complete-me__answer{color:#eee;padding:.3em .6em;font-size:3.5rem}.play-you-complete-me__answer:not(:last-of-type){margin-right:30px}.play-you-complete-me__answer-text{transition:transform .3s ease-out;transform:rotateX(90deg)}.play-you-complete-me__answer-text--visible{transform:rotateX(0)}.play-you-complete-me__answer .animate-expand{border-color:var(--hog-secondary);box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.play-z-to-a{flex:1;justify-content:center;align-items:center;display:flex;flex-direction:column;position:relative}.play-z-to-a__clues-container{display:flex;flex-direction:column;flex:1;justify-content:center}.play-z-to-a__clue,.play-z-to-a__space{display:flex;padding:5px;margin:0 10px;border:2px solid #FFD246;box-shadow:0 0 4px #ffd246,inset 0 0 4px #ffd246;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));text-shadow:0 0 5px rgb(246.5,246.5,246.5);width:4.5rem;height:4.5rem;font-size:3.5rem;align-items:center;justify-content:center;color:#eee;text-transform:capitalize;font-weight:500}.play-z-to-a__clue-container,.play-z-to-a__space-container{display:flex;justify-content:center;align-items:center;margin:20px 0}.play-z-to-a__space{border-color:transparent;box-shadow:none;filter:none}.play-z-to-a__letters{display:flex;flex-direction:row-reverse}.play-z-to-a__letters-container{position:absolute;top:60px;left:50%;transform:translate(-50%);padding:10px;border:3px solid #FFD246;box-shadow:0 0 4px #ffd246,inset 0 0 4px #ffd246;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));font-size:3rem;text-transform:uppercase;color:#eee;font-weight:500;text-shadow:0 0 5px rgb(246.5,246.5,246.5)}.play-z-to-a__letter{padding:0 5px;transform:rotateX(0);transition:transform .3s linear}.play-z-to-a__letter--hidden{transform:rotateX(90deg)}.play-z-to-a__answer{position:absolute;top:0}.audio-configuration-modal{width:80%;max-width:800px;border:3px solid var(--hog-gold);padding:20px 60px;text-align:center;background:var(--hog-red);box-shadow:inset 0 0 .7rem #000;position:relative}.audio-configuration-modal__container{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:110;display:flex;justify-content:center;align-items:center}.audio-configuration-modal__header{font-size:3em;color:var(--off-white);font-weight:500;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.audio-configuration-modal__info{margin:30px 0;color:var(--off-white);font-size:1.3em;font-weight:500;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.audio-configuration-modal__close{position:absolute;top:.75rem;right:.75rem;z-index:10}.audio-configuration-modal__close svg{fill:#eee;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));transition:filter .1s linear}.audio-configuration-modal__close:hover svg{filter:drop-shadow(0 5px 5px rgba(34,34,34,.7)) drop-shadow(0 5px 5px rgba(238,238,238,.7))}.buzzer-test__container{flex:1;display:flex;flex-direction:column}.buzzer-test__title{margin:auto}.buzzer-test__player-names{border:3px solid var(--hog-primary);background:#000000b3;min-width:500px;text-align:center;overflow-y:auto;max-height:70%}.buzzer-test__player-names-container{display:flex;justify-content:center;align-items:center;flex:1;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.buzzer-test__player-name{padding:10px 5px;font-size:2em;color:var(--off-white)}.buzzer-test__player-name--ready{background:var(--hog-secondary-dark)}.buzzer-test__player-name>span{filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.home{justify-content:center;align-items:center}.home .top-left{position:absolute;left:.5em;top:.5em;z-index:5000}.home .top-left__about{border-color:var(--hog-secondary);margin-right:10px;margin-left:0}.home .top-left__about:hover{box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.home .top-left__link-faq{cursor:default;margin-right:10px;margin-left:0}.home .top-left__link-join{cursor:default}.home .top-left__link-profile{cursor:default;margin-right:10px;margin-left:0}.home .about__subheader{font-weight:700;text-decoration:underline;margin-bottom:5px;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.home .about__text{margin-bottom:10px;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.home .about__text .email{-webkit-user-select:text;user-select:text;color:var(--hog-primary)}.home .header{width:90%}.home .header .box-header__container{bottom:unset}.home .home__buttons-container :not(:last-child){margin-right:20px;margin-left:0}.home .home__buttons-container :last-child{margin-left:0;margin-right:0}.home .home__link-join{cursor:default}.home .home__buttons-storage,.home .home__buttons-search{cursor:default;border-color:var(--hog-secondary)}.home .home__buttons-storage:hover,.home .home__buttons-search:hover{box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.home .games-grid-item__rating{display:flex;justify-content:center;align-items:center;padding:5px 5px 0}.home .games-grid-item__rating .game-item__rate-down,.home .games-grid-item__rating .game-item__rate-up{fill:var(--off-white);opacity:.5}.home .games-grid-item__rating .game-item__rating-count{min-width:2ch}.home__buttons-container{margin:10px 0;width:100%;display:flex;justify-content:center;align-items:center}.home .main-content{width:100%}.games-grid-header{display:inline-block;font-size:1.4rem;color:#eee;margin-top:.5rem;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.games-grid-item__label{position:absolute;top:0;left:0;transform:translate(-50%,-50%) rotate(45deg);width:3.6rem;height:3.6rem;border-right:3px solid var(--hog-primary);transition:box-shadow .15s linear,text-shadow .15s linear}.games-grid-item__number{transform:rotate(-45deg);font-size:.8rem;font-weight:700;width:1.8rem;height:1.8rem;position:absolute;right:0;bottom:0;transform-origin:top left;transform:rotate(-45deg) translate(-.1rem,-.1rem);display:flex;justify-content:center;align-items:center}.games-grid-item__container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#eee}.games-grid-item__container--new{line-height:1.6rem;font-size:1.4rem;font-weight:500;border-color:var(--hog-secondary)}.games-grid-item__container:hover .games-grid-item__label{box-shadow:0 0 4px 0 var(--hog-primary),inset 0 0 4px 0 var(--hog-primary);text-shadow:0 0 .2em rgb(246.5,246.5,246.5)}.games-grid-item__text{font-size:1.4rem;font-weight:500;margin-bottom:.5rem}.draggable-grid-item--dragging .games-grid-item__label,.draggable-grid-item--selected .games-grid-item__label{border-color:var(--hog-secondary)!important;box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)!important}.form__subtext{filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.form__item{--primary-fill: var(--hog-secondary);--primary-outline: var(--hog-secondary-dark);--primary-text: var(--hog-secondary-dark);width:100%;height:4rem;font-size:1.4rem;padding:.5rem;margin-bottom:.7rem;position:relative}.form__item--shifted .form__label{transform:translate(-50%,calc(-50% + .5rem + 1.5px));top:0;font-size:.8rem;border-color:var(--primary-outline);border-width:3px;padding:.25rem .4rem;font-weight:700}.form__item--shifted .form__input{padding-top:.6rem}.form__item--focussed .form__label{color:#eee}.form__item--focussed .form__input{border:3px solid #EEE;color:#eee}.form__item--errored .form__label{color:#333}.form__item--errored .form__input{border:3px solid #333;color:#333}.form__item--errored .form__error{visibility:visible}.form__item--outline .form__label{background-color:transparent;filter:drop-shadow(0 3px 3px rgba(34,34,34,.7))}.form__item--outline .form__input{background-color:transparent}.form__item--outline.form__item--shifted .form__label{background-color:#d41521;text-shadow:0px 1px 3px rgba(34,34,34,.7);box-shadow:inset 0 0 3px #222222b3}.form__label,.form__label--hidden{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:var(--primary-text);background-color:var(--primary-fill);transition:all .4s,border-width .1s;border:0px solid;border-color:transparent;text-shadow:none;z-index:1;font-weight:500;white-space:nowrap}.form__label--hidden{transition:initial;visibility:hidden;pointer-events:none}.form__input{width:100%;height:100%;font-size:1rem;font-weight:700;padding:0 .6rem;background-color:var(--primary-fill);border:3px solid var(--primary-outline);filter:drop-shadow(0 3px 3px rgba(34,34,34,.7));z-index:-1;color:var(--primary-text);transition:all .4s,min-width 0ms}.form__input:focus{outline:none}.form__error{color:#333;font-size:.7rem;padding:.2rem 0;visibility:hidden;filter:drop-shadow(0 3px 3px rgba(34,34,34,.7))}.form__error--show{visibility:hidden}.text-tooltip{background:#000000b3;border-radius:5px;padding:5px;font-size:.5em;color:var(--off-white);font-weight:700;position:absolute;transform:translate(-50%);left:50%;width:max-content;opacity:0;transition:opacity .3s}.form__item--focussed .text-tooltip__visible{opacity:1}.form__item--shifted.form__item--errored>.form__label{border-color:#333}.form__item--shifted.form__item--focussed>.form__label{border-color:#eee}.noticeboard .confirmation-modal{background:#000000b3}.noticeboard .confirmation-modal .modal-text{margin-bottom:0}.noticeboard__header{font-size:1.5rem;font-weight:700;text-decoration:underline}.noticeboard__item{margin-top:30px;font-size:1rem}.noticeboard .christmas-tree{margin:0 7px;transform:translateY(5px)}.play{align-items:center}.play .answer-component-container{display:grid;width:100%;height:100%;justify-content:center;grid-template:"shelf__top" minmax(auto,120px) "content" 1fr "shelf__bottom" minmax(auto,200px)}.play .answer-component{grid-area:content;overflow:hidden}.play .answer-submitted-toast{color:var(--hog-gold);font-weight:500;background:#000000b3;border:3px solid var(--hog-gold);z-index:10}.play .answer-submitted-toast.toast--visible{bottom:50px}.play .shelf{display:flex;flex-direction:column;align-items:center}.play .shelf__top{margin-top:40px;margin-bottom:20px;grid-area:shelf__top}.play .shelf__bottom{margin-top:20px;margin-bottom:100px;grid-area:shelf__bottom}.answer-component__player-buzzer{display:flex;flex:1;align-items:center;padding:15px}.answer-component__player-buzzer .buzzer{border:3px solid var(--hog-primary);border-radius:300px;width:90vw;height:90vw;max-width:300px;max-height:300px;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));transition:transform .4s,filter .4s}.answer-component__player-buzzer .buzzer .icon__buzzer{width:90%;height:90%;fill:#eee6;transition:fill .4s}.answer-component__player-buzzer .buzzer--pressed{filter:drop-shadow(0 2px 2px rgba(34,34,34,.7));transform:scale(.95);transition:transform 20ms,filter 20ms}.answer-component__player-buzzer .buzzer--pressed .icon__buzzer{fill:#ff9696b3;transition:fill 20ms}.answer-component__player-buzzer-answer .answer-field__container{position:relative;padding:0 30px}.answer-component__player-buzzer-answer .answer-field__container .form__item{margin-bottom:0}.answer-component__player-buzzer-answer .answer-field__instructions{font-size:.8em;text-align:center;font-weight:700;padding:0 10px;color:#eee;opacity:.7;max-width:300px}.answer-component__player-buzzer-answer .send-icon__container{position:absolute;height:24px;width:24px;top:calc(50% - 12px);left:calc(100% - 30px);fill:#eee;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));transition:transform .3s ease-in-out}.answer-component__player-buzzer-answer .send-icon__container--disabled{opacity:.7}.answer-component__player-buzzer-answer .send-icon__container--sending{transform:scale3d(1.2,.8,1) rotate(40deg)}.answer-finger-on-it{display:flex;justify-content:center;align-items:center}.answer-finger-on-it .image-with-coordinates{max-height:90%;max-width:90%}.answer-finger-on-it .image-with-coordinates__image{max-width:100%;max-height:calc(100vh - 320px)}.answer-when-they-sing__sound-toast{color:var(--hog-primary)}.join__logo{display:flex;justify-content:center;align-items:flex-end;flex:2;margin-bottom:30px;width:100%}.join__logo .logo__container{width:60%;max-width:300px}.join__form{flex:3;display:flex;flex-direction:column;justify-content:flex-start;text-align:center}.join__form .button{margin:unset;margin-left:auto;margin-right:auto}.join__game-code input{text-transform:uppercase}.join__back-button .box-header__back-button-container{left:calc(15% - 30px)}.logo__container{justify-content:center;display:flex;position:relative}.logo__text{position:absolute;font-weight:700;color:#eee;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));text-align:center;width:100%;left:0}.profile .form{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:500px;padding:1rem .5rem;width:90%}.profile .form__container{display:flex;justify-content:center;margin-top:10px}.search-input{margin-bottom:0}.search .box-subheader{font-size:1rem;margin-top:0}.search-results{display:grid;justify-content:center;grid-template-columns:repeat(auto-fill,200px);grid-column-gap:20px;grid-row-gap:20px;padding:20px}.search-results__container{max-height:100%;overflow:auto}.search-item{color:#eee;border:3px solid var(--hog-primary);box-shadow:0 0 10px #22222280,inset 0 0 10px #22222280;text-align:center;padding:15px}.search-item__name{filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));font-size:1.3rem;font-weight:500;margin-bottom:5px}.search-item__info{filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));margin-bottom:10px}.search-item__rating{height:36px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:500}.search-item__rating-count{min-width:4ch;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.search-item__rating .search-item__rate-down--voted .icon__vote{fill:#00acc7}.search-item__rating .search-item__rate-down--voted .icon__vote:hover{filter:drop-shadow(0 5px 5px rgba(0,172,199,.7))}.search-item__rating .search-item__rate-up--voted .icon__vote{fill:#ffd246}.search-item__rating .search-item__rate-up--voted .icon__vote:hover{filter:drop-shadow(0 5px 5px rgba(255,210,70,.7))}.search-item__rating .icon__vote{fill:#eee;transition:.3s all;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.search-item__rating .icon__vote:hover{transform:scale(1.3);filter:drop-shadow(0 5px 5px rgba(238,238,238,.7))}.search-item__download{height:35px}.search-item__download .icon__download,.search-item__download .icon__check{filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));fill:#eee}.search-item__download .icon__download{transition:.3s all}.search-item__download .icon__download:hover{filter:drop-shadow(0 5px 5px rgba(238,238,238,.7));transform:scale(1.1)}.search-item__profile{filter:drop-shadow(0 5px 5px rgba(34,34,34,.7));color:#eee;font-size:.8rem;font-weight:500;margin-top:10px;text-decoration:underline}.search-item .loading-overlay__container{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1100}.search-item .loading-overlay__container .loading{width:160px;height:160px;left:calc(50% - 80px)}.search-item .loading-overlay__container .loading-text{bottom:30%;position:absolute;left:50%;transform:translate(-50%,100%);padding-top:10px;font-weight:bolder;font-size:1.4em}.homepage{height:100%;display:flex;flex-direction:column;align-items:center;padding:15px}.homepage .logo__container{margin:60px 0;width:60%;max-width:500px}.homepage .summary{color:#eee;text-align:center;margin:40px 0;font-size:1.1rem;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.homepage .logged-in-info-container{border:3px solid var(--hog-gold);padding:10px;background:#000000b3;color:var(--off-white);text-align:center;margin-bottom:20px;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.homepage .logged-in-info-title{display:block;font-weight:700}.homepage .logged-in-info-text{display:block;font-size:.8em;margin-top:8px;line-height:1.3em}.homepage .action-buttons{display:flex;align-items:center;justify-content:center;flex-direction:column}.homepage .action-button{margin:10px 30px;width:9rem;text-align:center}.homepage .action-button__join-game{border:3px solid var(--hog-secondary)}.homepage .action-button__join-game:hover{box-shadow:0 0 4px 0 var(--hog-secondary),inset 0 0 4px 0 var(--hog-secondary)}.homepage .action-button__sign-up{border:3px solid #EEE}.homepage .action-button__sign-up:hover{box-shadow:0 0 4px #eee,inset 0 0 4px #eee}.homepage .screenshot{flex:1;margin:10px 10px 40px;filter:drop-shadow(0 5px 5px rgba(34,34,34,.7))}.homepage .screenshot__container{padding:0 20px}.homepage .screenshot__image{width:100%;border:3px solid var(--hog-primary)}.homepage .screenshot__text{font-size:1.2rem;color:#eee;text-align:center;padding:6px 0}@media only screen and (min-width: 768px){.homepage .logo__text{bottom:55px;font-size:3.4rem}.homepage .action-buttons{flex-direction:row}.homepage .screenshot__container{display:flex}}.login{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:15px}.login__logo{display:flex;justify-content:center;align-items:flex-end;flex:2;margin-bottom:30px;width:100%}.login .logo__container{width:60%;max-width:300px;margin-top:20px}.login .logo__image{width:13.75rem;height:13.75rem}.login .logo__text{width:100%;font-size:1.7rem;color:#eee;font-weight:bolder;position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%);word-spacing:.3rem}.login .form{display:flex;padding:1rem .5rem;flex-direction:column;width:90%;max-width:500px;justify-content:center;align-items:center}.login .form__container{display:flex;flex:3;justify-content:center;align-items:flex-start}.login .form__title{color:var(--hog-secondary);font-size:1.5rem;text-transform:uppercase;margin-bottom:.5rem}.login .form__logo{width:80%}.login .form__subtext{margin-top:4px;text-align:center}.login .form__subtext .link{display:block;margin-top:4px}.login .form .error-text{text-align:center}.verify-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}