.quiz-view-switcher{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;padding:7px 8px 7px 12px;border:1px solid #dbe4e9;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(32,61,77,.05)} .quiz-view-switcher__label{display:flex;align-items:center;gap:7px;color:#607985;font-size:13px;font-weight:700;white-space:nowrap} .quiz-view-switcher__choices{display:inline-flex;gap:3px;padding:3px;border-radius:9px;background:#eef3f5} .quiz-view-switcher__button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 11px;border:0;border-radius:7px;background:transparent;color:#60727b;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease} .quiz-view-switcher__button:hover{color:#25566a;background:rgba(255,255,255,.62)} .quiz-view-switcher__button.is-active{color:#155e75;background:#fff;box-shadow:0 2px 7px rgba(37,73,91,.13)} .quiz-view-switcher__button:focus-visible{outline:2px solid #2185a4;outline-offset:2px} .quiz-collections-panel{margin:12px 0 18px;padding:16px;border:1px solid #dbe5eb;border-radius:16px;background:linear-gradient(145deg,#fff,#f7fafc);box-shadow:0 7px 22px rgba(32,61,77,.07)} .quiz-collections-panel[hidden]{display:none!important} .quiz-collections-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px} .quiz-collections-heading h3{display:flex;align-items:center;gap:9px;margin:0;color:#334e5c} .quiz-collections-heading__actions{display:flex;gap:7px;flex-wrap:wrap} .quiz-collection-tree{display:grid;gap:10px} .quiz-collection-node.quiz-collection-feed-entry{margin:0 0 14px;border-color:#cddfe7;box-shadow:0 5px 16px rgba(32,61,77,.07)} .quiz-collection-node.quiz-collection-feed-entry>summary{min-height:56px;background:linear-gradient(135deg,#f8fbfc,#eef6f8)} .quiz-collection-node.quiz-collection-feed-entry>summary:hover{background:linear-gradient(135deg,#f3f9fb,#e7f1f5)} .quiz-collection-feed__owner{display:block;margin-top:3px;color:#718892;font-size:11px;font-weight:600} .quiz-collection-feed-entry .quiz-collection-feed__quizzes{display:block} .quiz-collection-feed__quiz{margin:7px 0;padding:11px 10px 4px;border:1px solid #e1e9ed;border-radius:11px;background:#fff;box-shadow:0 2px 7px rgba(39,75,93,.04)} .quiz-item[data-active-assignment="1"],.quiz-active-assignment{border-inline-start:4px solid #ee9b22!important;background-image:linear-gradient(90deg,rgba(255,248,230,.56),rgba(255,255,255,0));box-shadow:0 3px 12px rgba(160,105,25,.1)} [dir=rtl] .quiz-item[data-active-assignment="1"],[dir=rtl] .quiz-active-assignment{background-image:linear-gradient(270deg,rgba(255,248,230,.56),rgba(255,255,255,0))} .quiz-active-assignment-badge{display:flex;align-items:center;gap:5px;width:max-content;max-width:100%;margin:0 0 5px;padding:3px 8px;border:1px solid #f0c36a;border-radius:999px;background:#fff7dc;color:#8a5600;font-size:11px;font-weight:800;line-height:1.35} .quiz-active-assignment-badge--teacher>span{min-width:0;white-space:normal} .quiz-collection-feed__quiz>hr{display:none} .quiz-collection-feed-entry .quiz-collection-children{margin-top:10px} .quiz-collection-full-cards{display:grid;gap:10px} .quiz-collection-card-shell{min-width:0;border:1px solid #dfe8ec;border-radius:12px;background:#fff;overflow:visible;box-shadow:0 2px 8px rgba(35,69,86,.05)} .quiz-collection-card-shell--alternate{border-style:dashed;background:#fbfcfd} .quiz-collection-card-shell[hidden],.quiz-collection-duplicate-placement[hidden],.quiz-collection-node[hidden],.quiz-collections-empty[hidden]{display:none!important} .quiz-collection-card-shell__tools{display:flex;align-items:center;justify-content:flex-end;gap:3px;padding:4px 6px;border-bottom:1px solid #edf1f3;background:#f8fafb;border-radius:12px 12px 0 0} .quiz-collection-card-shell--assignment{border-color:#efc66f;box-shadow:0 4px 14px rgba(160,105,25,.13)} .quiz-collection-card-shell--assignment>.quiz-collection-card-shell__tools{background:#fff9e8;border-bottom-color:#f2ddad} .quiz-collection-active-groups{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:calc(100% - 104px);margin-inline-end:auto;padding:3px 8px;border:1px solid #efc66f;border-radius:999px;background:#fff3cd;color:#865600;font-size:11px;font-weight:800;line-height:1.35} .quiz-collection-active-groups>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .quiz-collection-card-shell__tools--status-only{justify-content:flex-start} .quiz-collection-card-shell__tools--status-only .quiz-collection-active-groups{max-width:100%} .quiz-collection-full-card .quiz-active-assignment-badge--teacher{display:none} .quiz-collection-card-shell__tools button{display:inline-grid;place-items:center;width:30px;height:30px;padding:0!important;border:0;border-radius:7px;background:transparent;color:#6e838d;cursor:pointer} .quiz-collection-card-shell__tools button:hover{background:#e8f1f4;color:#155e75} .quiz-collection-card-shell__tools button:last-child:hover{background:#fff0f0;color:#a52b2b} .quiz-collection-card-shell__tools button:disabled{opacity:.3;cursor:default;background:transparent;color:#6e838d} .quiz-collection-full-card{margin:0!important;padding:10px 10px 2px} .quiz-collection-full-card>hr:last-child{display:none} .quiz-collection-node__empty{padding:5px 2px} .quiz-collection-duplicate-placement{display:flex;align-items:center;gap:10px;min-height:48px;padding-inline-start:11px;border:1px dashed #ccd8de;border-radius:10px;background:#fbfcfd;color:#516b77} .quiz-collection-duplicate-placement__text{display:flex;align-items:center;gap:8px;flex:1;min-width:0} .quiz-collection-duplicate-placement__text b{min-width:0;overflow-wrap:anywhere} .quiz-collection-duplicate-placement__text small{display:block;margin-top:2px;color:#80919a;font-weight:500} .quiz-collection-duplicate-placement>.quiz-collection-card-shell__tools{flex:0 0 auto;border:0;border-radius:0;background:transparent} .quiz-collection-show-card{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-height:34px;padding:6px 10px;border:1px solid #9eb9c5;border-radius:8px;background:#fff;color:#245d73;font:inherit;font-size:12px;font-weight:700;cursor:pointer} .quiz-collection-show-card:hover{border-color:#4e8297;background:#edf7fa;color:#164d62} .quiz-collection-show-card:focus-visible{outline:2px solid #2185a4;outline-offset:2px} .quiz-collections-panel>.bulk-quiz-toolbar{margin:4px 0 12px} .quiz-collection-node{--collection-depth:0;margin-inline-start:calc(var(--collection-depth) * 14px);border:1px solid #dce6ec;border-radius:13px;background:#fff;overflow:hidden} .quiz-collection-editable-node[open],.quiz-collection-node--full-cards[open]{overflow:visible} .quiz-collection-node>summary{display:flex;align-items:center;gap:9px;min-height:48px;padding:9px 11px;cursor:pointer;list-style:none;background:#fbfdfe} .quiz-collection-editable-node>summary,.quiz-collection-node--unfiled>summary{-webkit-touch-callout:none;user-select:none;touch-action:pan-y} .quiz-collection-node>summary.quiz-collection-summary--bulk-picked{animation:quiz-collection-branch-picked 1.1s ease-out} @keyframes quiz-collection-branch-picked{0%,35%{background:#dff4f1;box-shadow:inset 4px 0 #16877d}100%{background:#fbfdfe;box-shadow:inset 0 0 transparent}} [dir=rtl] .quiz-collection-node>summary.quiz-collection-summary--bulk-picked{animation-name:quiz-collection-branch-picked-rtl} @keyframes quiz-collection-branch-picked-rtl{0%,35%{background:#dff4f1;box-shadow:inset -4px 0 #16877d}100%{background:#fbfdfe;box-shadow:inset 0 0 transparent}} .quiz-collection-node>summary::-webkit-details-marker{display:none} .quiz-collection-node>summary:before{content:'\25B8';color:#718b98;transition:transform .15s ease} [dir=rtl] .quiz-collection-node>summary:before{transform:scaleX(-1)} .quiz-collection-node[open]>summary:before{transform:rotate(90deg)} [dir=rtl] .quiz-collection-node[open]>summary:before{transform:rotate(90deg) scaleX(-1)} .quiz-collection-node__icons{position:relative;z-index:0;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;align-self:center;flex:0 0 16px;width:16px;height:20px;line-height:1;overflow:visible} .quiz-collection-node__icons--nested{flex-basis:16px;width:16px} .quiz-collection-node__folder-icon{position:relative;z-index:1;font-size:16px} .quiz-collection-node__level-icon{position:absolute;z-index:2;inset-inline-start:-6px;top:9px;color:#3f6f82;font-size:15px;line-height:1;transform:rotate(90deg);transform-origin:center} .quiz-collection-node__title{flex:1;min-width:0;font-weight:800;color:#274b5d;overflow-wrap:anywhere} .quiz-collection-node__title small{display:block;margin-top:2px;color:#7b8d96;font-size:11px;font-weight:500} .quiz-collection-node__count{display:inline-grid;place-items:center;min-width:27px;height:27px;padding:0 7px;border-radius:999px;background:#e8f2f6;color:#17677e;font-weight:800;font-size:12px} .quiz-collection-node__private{padding:2px 7px;border-radius:999px;background:#fff0e4;color:#9a4d10;font-size:11px;font-weight:700} .quiz-collection-node__tools{display:flex;gap:2px} .quiz-collection-node__tools button{width:32px;height:32px;padding:0!important;border:0;border-radius:8px;background:transparent;color:#607d8b;cursor:pointer} .quiz-collection-node__tools button:hover{background:#eaf2f5;color:#155e75} .quiz-collection-node__tools button:disabled{opacity:.3;cursor:default;background:transparent;color:#607d8b} .quiz-collection-node__body{padding:5px 11px 11px} .quiz-collection-node__description{margin:2px 0 8px;color:#6b7f89;font-size:13px} .quiz-collection-children{display:grid;gap:8px;margin-top:9px} .quiz-collection-quizzes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:7px} .quiz-collection-quiz{display:flex;align-items:center;gap:9px;width:100%;min-width:0;max-width:100%;min-height:44px;padding:8px 10px;box-sizing:border-box;border:1px solid #e1e9ed;border-radius:10px;background:#fff;color:#34515f;text-decoration:none!important} .quiz-collection-quiz:hover{border-color:#7ba7b8;background:#f5fbfd;color:#14647d} .quiz-collection-quiz__main{display:flex;align-items:center;gap:9px;flex:1;min-width:0;max-width:100%;color:inherit;text-decoration:none!important} .quiz-collection-quiz__number{display:inline-grid;place-items:center;flex:0 0 auto;min-width:28px;height:28px;padding:0 5px;border-radius:8px;background:#edf4f7;color:#52717f;font-weight:800;font-size:12px} .quiz-collection-quiz__text{display:block;flex:1;min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;word-break:normal} .quiz-collection-quiz__text>b{display:block;min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;word-break:normal} .quiz-collection-quiz__meta{display:block;margin-top:2px;color:#84959d;font-size:11px} .quiz-collection-quiz__tools{display:flex;gap:2px;flex:0 0 auto} .quiz-collection-quiz__tools button{width:30px;height:30px;padding:0!important;border:0;border-radius:7px;background:transparent;color:#7a8d96;cursor:pointer} .quiz-collection-quiz__tools button:hover{background:#f2e8e8;color:#a52b2b} .quiz-collection-quiz__tools button:disabled{opacity:.3;cursor:default;background:transparent;color:#7a8d96} .quiz-collections-empty{padding:22px;text-align:center;color:#708792;border:1px dashed #bdccd3;border-radius:12px;background:rgba(255,255,255,.65)} .quiz-collections-empty--compact{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 15px;text-align:start;background:#fbfcfd} .quiz-collections-empty--compact i{font-size:20px;color:#8ba0aa} .quiz-collection-node--unfiled{margin-top:4px;border-style:dashed;border-color:#cbd7dd;background:transparent;box-shadow:none} .quiz-collection-node--unfiled>summary{min-height:42px;padding:7px 10px;background:#f7f9fa;color:#617680} .quiz-collection-node--unfiled>summary:hover{background:#f1f5f7} .quiz-collection-node--unfiled>summary>i{color:#7c929d} .quiz-collection-node--unfiled .quiz-collection-node__title{color:#516b77;font-weight:600} .quiz-collection-node--unfiled .quiz-collection-node__count{background:#e9eef1;color:#5d7480} .quiz-collection-node--unfiled[open]>summary{border-bottom:1px dashed #d6e0e5} .quiz-collection-modal-content{max-width:680px;border-radius:16px;overflow:hidden} .quiz-collection-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} .quiz-collection-form-grid .full{grid-column:1/-1} .quiz-collection-bulk-list{max-height:52vh;overflow:auto;display:grid;gap:8px;padding:4px} .quiz-collection-choice{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #dde7ec;border-radius:11px;background:#fff;cursor:pointer} .quiz-collection-choice:hover{border-color:#6e9dae;background:#f6fbfd} .quiz-collection-status{min-height:26px;margin-top:8px} @media(max-width:600px){ .quiz-view-switcher{align-items:stretch;flex-direction:column;padding:8px} .quiz-view-switcher__label{padding-inline:4px} .quiz-view-switcher__choices{display:grid;grid-template-columns:1fr 1fr;width:100%} .quiz-view-switcher__button{min-width:0;padding-inline:7px} .quiz-collections-panel{padding:8px;border-radius:12px} .quiz-collection-tree{gap:8px} .quiz-collection-node{width:auto;min-width:0;margin-inline-start:0!important} .quiz-collection-node__body{min-width:0;padding-inline:8px} .quiz-collection-node .quiz-collection-children{width:auto;min-width:0;margin:8px -8px -3px;padding:0;border-inline-start:3px solid #dbe9ee;gap:6px} .quiz-collection-node .quiz-collection-children>.quiz-collection-node{border-inline-width:0;border-radius:0} .quiz-collection-node .quiz-collection-children>.quiz-collection-node>summary{padding-inline:9px;background:#f8fbfc} .quiz-collection-form-grid{grid-template-columns:1fr} .quiz-collection-form-grid .full{grid-column:auto} .quiz-collection-node>summary{align-items:flex-start;flex-wrap:wrap;gap:7px;padding:8px 9px} .quiz-collection-node__title{flex:1 1 60%;min-width:min(60%,12rem);overflow-wrap:break-word;word-break:normal} .quiz-collection-node__tools{display:flex;flex:1 0 100%;flex-wrap:nowrap;justify-content:flex-end;border-top:1px solid #eef3f5;padding-top:4px} .quiz-collection-node__tools button{width:36px;height:34px} .quiz-collection-quizzes,.quiz-collection-full-cards{min-width:0;grid-template-columns:1fr} .quiz-collection-full-card,.quiz-collection-feed__quiz{width:100%;min-width:0;padding-inline:7px;box-sizing:border-box} .quiz-collection-full-card>.w3-cell-row:first-of-type,.quiz-collection-feed__quiz>.w3-cell-row:first-of-type{display:grid!important;grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:6px;width:100%;min-width:0;max-width:100%} .quiz-collection-full-card>.w3-cell-row:first-of-type:before,.quiz-collection-full-card>.w3-cell-row:first-of-type:after,.quiz-collection-feed__quiz>.w3-cell-row:first-of-type:before,.quiz-collection-feed__quiz>.w3-cell-row:first-of-type:after{content:none!important;display:none!important} .quiz-collection-full-card>.w3-cell-row:first-of-type>.w3-cell,.quiz-collection-feed__quiz>.w3-cell-row:first-of-type>.w3-cell{display:block!important;width:auto!important;min-width:0} .quiz-collection-full-card>.w3-cell-row:first-of-type>.w3-cell:nth-child(n+3),.quiz-collection-feed__quiz>.w3-cell-row:first-of-type>.w3-cell:nth-child(n+3){grid-column:1/-1;padding-inline:4px!important} .quiz-collection-full-card>.w3-cell-row:first-of-type>.w3-cell:nth-child(2),.quiz-collection-feed__quiz>.w3-cell-row:first-of-type>.w3-cell:nth-child(2){width:100%!important;max-width:100%;padding-inline:5px!important;overflow:visible!important;white-space:normal!important;overflow-wrap:anywhere;word-break:normal} .quiz-collection-full-card>.w3-cell-row:first-of-type>.w3-cell:nth-child(2)>a,.quiz-collection-full-card>.w3-cell-row:first-of-type>.w3-cell:nth-child(2)>span,.quiz-collection-feed__quiz>.w3-cell-row:first-of-type>.w3-cell:nth-child(2)>a,.quiz-collection-feed__quiz>.w3-cell-row:first-of-type>.w3-cell:nth-child(2)>span{display:block;min-width:0;max-width:100%;overflow:visible!important;text-overflow:clip!important;white-space:normal!important} .quiz-collection-full-card>.w3-cell-row:first-of-type>.w3-cell:nth-child(2)>a>b,.quiz-collection-full-card>.w3-cell-row:first-of-type>.w3-cell:nth-child(2)>span>b,.quiz-collection-feed__quiz>.w3-cell-row:first-of-type>.w3-cell:nth-child(2)>a>b,.quiz-collection-feed__quiz>.w3-cell-row:first-of-type>.w3-cell:nth-child(2)>span>b{display:block;min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;word-break:normal} .quiz-collection-full-card>.w3-cell-row:first-of-type>.w3-cell:nth-child(2) .first-part-selector,.quiz-collection-full-card>.w3-cell-row:first-of-type>.w3-cell:nth-child(2) .second-part-selector,.quiz-collection-full-card>.w3-cell-row:first-of-type>.w3-cell:nth-child(2) .rest-of-title-selector,.quiz-collection-feed__quiz>.w3-cell-row:first-of-type>.w3-cell:nth-child(2) .first-part-selector,.quiz-collection-feed__quiz>.w3-cell-row:first-of-type>.w3-cell:nth-child(2) .second-part-selector,.quiz-collection-feed__quiz>.w3-cell-row:first-of-type>.w3-cell:nth-child(2) .rest-of-title-selector{white-space:normal!important;overflow-wrap:anywhere;word-break:normal} .quiz-collection-full-card>.w3-cell-row:nth-of-type(2),.quiz-collection-feed__quiz>.w3-cell-row:nth-of-type(2){display:flex!important;align-items:center;flex-wrap:wrap;gap:5px;width:100%} .quiz-collection-full-card>.w3-cell-row:nth-of-type(2)>.w3-cell,.quiz-collection-feed__quiz>.w3-cell-row:nth-of-type(2)>.w3-cell{display:block!important;width:auto!important;padding:4px!important} .quiz-number-cell{align-self:start;position:relative;z-index:auto} .quiz-collection-duplicate-placement{align-items:flex-start;flex-direction:column;padding:9px} .quiz-collection-duplicate-placement>.quiz-collection-card-shell__tools{align-self:flex-end;padding:0} .quiz-collection-show-card{width:100%} }