.quiz-playlist{font-size:.75rem}.quiz-playlist .actions{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:10px}.quiz-playlist .actions button{font-size:.625rem;padding:7px;min-height:26px;min-width:38px}.quiz-playlist .actions span,.quiz-playlist .actions a{height:min-content}.quiz-playlist .actions > div{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.quiz-playlist .actions .info{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;font-size:.9375rem;position:relative;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;max-width:calc(300% / 7)}.quiz-playlist .actions .info .label{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;max-width:calc(100% - 38px)}.quiz-playlist .actions .info .label .playlist-name{margin-left:15px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:calc(100% - 116px);display:inline-block;width:min-content;font-weight:bold}.quiz-playlist .actions .info .label .playlist-stats{color:var(--color-gray-dark);text-transform:uppercase;position:relative;margin-left:20px}.quiz-playlist .actions .info .label .playlist-stats::before{content:'';background-color:var(--color-orange);border:2px solid var(--color-orange);border-radius:100px;height:1px;width:1px;position:absolute;left:-12px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.quiz-playlist .actions .info button{position:relative}.quiz-playlist .actions .info button::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width=%22200%22 height=%22200%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M12.5 158.789h9.722M12.5 111.19h9.722M12.5 63.592h9.722%22 stroke=%22%23000%22 stroke-width=%2210%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath clip-rule=%22evenodd%22 d=%22M142.541 49.141c0-1.275.76-2.433 1.95-2.951a3.351 3.351 0 0 1 3.55.53l34.69 30.188a3.203 3.203 0 0 1 1.11 2.42c0 .926-.402 1.806-1.11 2.421l-34.69 30.187a3.352 3.352 0 0 1-3.55.531 3.228 3.228 0 0 1-1.95-2.951V49.141Z%22 stroke=%22%23000%22 stroke-width=%2210%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M51.392 158.789h136.11M51.392 111.19h58.333M51.392 63.592h58.333%22 stroke=%22%23000%22 stroke-width=%2210%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;filter:var(--theme-filter);-webkit-background-size:20px;-moz-background-size:20px;background-size:20px}.quiz-playlist .actions .info button:hover::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width=%22200%22 height=%22200%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M12.5 158.789h9.722M12.5 111.19h9.722M12.5 63.592h9.722%22 stroke=%22%23fff%22 stroke-width=%2210%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath clip-rule=%22evenodd%22 d=%22M142.541 49.141c0-1.275.76-2.433 1.95-2.951a3.351 3.351 0 0 1 3.55.53l34.69 30.188a3.203 3.203 0 0 1 1.11 2.42c0 .926-.402 1.806-1.11 2.421l-34.69 30.187a3.352 3.352 0 0 1-3.55.531 3.228 3.228 0 0 1-1.95-2.951V49.141Z%22 stroke=%22%23fff%22 stroke-width=%2210%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M51.392 158.789h136.11M51.392 111.19h58.333M51.392 63.592h58.333%22 stroke=%22%23fff%22 stroke-width=%2210%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;filter:var(--theme-filter);-webkit-background-size:20px;-moz-background-size:20px;background-size:20px}.quiz-playlist .actions .info button.selected{background-color:var(--color-black)}.quiz-playlist .actions .info button.selected::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width=%22200%22 height=%22200%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M12.5 158.789h9.722M12.5 111.19h9.722M12.5 63.592h9.722%22 stroke=%22%23fff%22 stroke-width=%2210%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath clip-rule=%22evenodd%22 d=%22M142.541 49.141c0-1.275.76-2.433 1.95-2.951a3.351 3.351 0 0 1 3.55.53l34.69 30.188a3.203 3.203 0 0 1 1.11 2.42c0 .926-.402 1.806-1.11 2.421l-34.69 30.187a3.352 3.352 0 0 1-3.55.531 3.228 3.228 0 0 1-1.95-2.951V49.141Z%22 stroke=%22%23fff%22 stroke-width=%2210%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M51.392 158.789h136.11M51.392 111.19h58.333M51.392 63.592h58.333%22 stroke=%22%23fff%22 stroke-width=%2210%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;filter:var(--theme-filter);-webkit-background-size:20px;-moz-background-size:20px;background-size:20px}.quiz-playlist .actions .random{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.quiz-playlist .actions .random button{position:relative;padding-right:30px}.quiz-playlist .actions .random button::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2228%22 height=%2228%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M12.25 11.313s-1.688-3.938-5.063-3.938H1M26.875 7.375h-6.188c-5.625 0-7.875 12.375-13.5 12.375H1M15.063 16.375s2.25 3.375 5.624 3.375h6.188%22 stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22m24.625 4 2.25 3.375-2.25 3.375M24.625 16.375l2.25 3.375-2.25 3.375%22 stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;filter:var(--theme-filter);-webkit-background-size:20px;-moz-background-size:20px;background-size:20px}.quiz-playlist .actions .random button:hover::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2228%22 height=%2228%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M12.25 11.313s-1.688-3.938-5.063-3.938H1M26.875 7.375h-6.188c-5.625 0-7.875 12.375-13.5 12.375H1M15.063 16.375s2.25 3.375 5.624 3.375h6.188%22 stroke=%22%23fff%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22m24.625 4 2.25 3.375-2.25 3.375M24.625 16.375l2.25 3.375-2.25 3.375%22 stroke=%22%23fff%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;filter:var(--theme-filter);-webkit-background-size:20px;-moz-background-size:20px;background-size:20px}.quiz-playlist .actions .follow{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.quiz-playlist .actions .follow .label{font-size:.75rem;font-weight:normal;margin-right:1rem}.playlist-quiz-container{border:1px solid var(--color-gray-medium);position:relative}.playlist-quiz-container .nav-button{position:absolute;top:calc(50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;width:23px;height:42px;border:none;border-radius:4px;background-color:var(--color-gray-medium)}.playlist-quiz-container .nav-button::before{-webkit-background-size:50%;-moz-background-size:50%;background-size:50%}.playlist-quiz-container .nav-button.right-btn{right:0;-webkit-transform:translate(50%,-50%);-moz-transform:translate(50%,-50%);-o-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%)}.playlist-quiz-container .nav-button.left-btn{left:0;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.playlist-quiz-container .nav-button.show-next::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2224%22 height=%2224%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22m8 23 7.75-10.22a1.37 1.37 0 0 0 0-1.57L8 1%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;filter:var(--theme-filter)}.playlist-quiz-container .nav-button.show-next:hover{background-color:var(--color-orange-pale)}.playlist-quiz-container .nav-button.show-next:hover::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2224%22 height=%2224%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22m8 23 7.75-10.22a1.37 1.37 0 0 0 0-1.57L8 1%22 stroke=%22%23F90%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;filter:none}.playlist-quiz-container .nav-button.show-prev::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2224%22 height=%2224%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M16 1 8.24 11.22a1.4 1.4 0 0 0 0 1.57L16 23%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;filter:var(--theme-filter)}.playlist-quiz-container .nav-button.show-prev:hover{background-color:var(--color-orange-pale)}.playlist-quiz-container .nav-button.show-prev:hover::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2224%22 height=%2224%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M16 1 8.24 11.22a1.4 1.4 0 0 0 0 1.57L16 23%22 stroke=%22%23F90%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;filter:none}.playlist-quiz-container .playlist-list-container{overflow:hidden}.playlist-list{height:98px;width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;position:relative}.playlist-list .playlist-quiz{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 calc(calc(100% / 3) - 49px);-ms-flex:0 0 calc(calc(100% / 3) - 49px);flex:0 0 calc(calc(100% / 3) - 49px);margin:4px 0;padding:0 24px;border-right:1px solid var(--color-gray-medium);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:5px;font-weight:bold}.playlist-list .playlist-quiz:not(.active):hover{text-decoration:none}.playlist-list .playlist-quiz:not(.active):hover .name{text-decoration:underline}.playlist-list .playlist-quiz.active{background-color:var(--color-orange-pale);font-weight:normal}.playlist-list .playlist-quiz .name{display:block;font-size:.9375rem;gap:1rem;width:100%;text-align:center}.playlist-list .playlist-quiz .name .quiz-link{word-break:break-word;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:center;display:inline}.playlist-list .playlist-quiz .name .game-type-icon{width:20px;height:20px;margin-left:5px;position:relative;top:4px}.playlist-list .playlist-quiz .best-score{font-size:calc(12 / 16);color:var(--color-gray-dark)}.quiz-playlist-dropdown .header{padding-left:16px;position:relative;margin-bottom:6px}.quiz-playlist-dropdown .header .name{font-size:.9375rem;font-weight:bold}.quiz-playlist-dropdown .header .close{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2224%22 height=%2224%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M21 3 4 20M21 20 4 3%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;filter:var(--theme-filter);-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;cursor:pointer;position:absolute;right:0;top:0;width:9px;height:9px}.quiz-playlist-dropdown .header .close:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2224%22 height=%2224%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M21 3 4 20M21 20 4 3%22 stroke=%22%23F90%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;filter:none}.quiz-playlist-dropdown .quizzes{overflow-y:scroll;max-height:261px}.quiz-playlist-dropdown .quizzes .row{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;padding:3px 20px 3px 16px;font-size:.875rem;line-height:1.6875rem}.quiz-playlist-dropdown .quizzes .row .order{width:22px}.quiz-playlist-dropdown .quizzes .row .quiz-name-container{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.quiz-playlist-dropdown .quizzes .row .quiz-name-container .quiz-name{max-width:300px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;font-weight:bold}.quiz-playlist-dropdown .quizzes .row .quiz-name-container .icon{width:20px;height:20px;margin-left:6px;position:relative;top:3px;cursor:inherit}.quiz-playlist-dropdown .quizzes .row .best-score{color:var(--color-gray-dark)}.quiz-playlist-dropdown .quizzes .row.active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2216%22 height=%2216%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22m5 15 5.815-6.425a.997.997 0 0 0 0-1.157L5 1%22 stroke=%22%23F90%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:-2px 7px;filter:none;-webkit-background-size:18px;-moz-background-size:18px;background-size:18px}.quiz-playlist-dropdown .quizzes .row.active .quiz-name{font-weight:normal;color:var(--color-gray-dark)}.quiz-playlist-dropdown .quizzes .row:not(.active):hover{background-color:var(--color-orange-pale);text-decoration:none}.quiz-playlist-dropdown .quizzes .row:not(.active):hover .quiz-name-container{text-decoration:underline}.quiz-playlist .quiz-playlist-dropdown{width:452px;left:-9px}.game-bar-playlist-container{position:relative}.game-bar-playlist-container .quiz-playlist-dropdown{width:452px;left:-226px}.quiz-playlist-dropdown{display:none;background-color:var(--color-white);border-radius:4px;border:1px solid var(--color-gray-medium);z-index:2;padding:10px;position:absolute;top:100%;text-align:left}.quiz-playlist-dropdown.visible{display:block}/*# sourceMappingURL=/style/games/playlist.sp.css.map */