.pg-task-header{flex-direction:column;justify-content:space-between;align-items:center;display:flex}.pg-task-instructions{text-align:center;font-size:var(--pg-medium-text);border-radius:var(--pg-border-radius);background-color:#ff03;border:2px solid #ff0;width:100%;margin-bottom:1em;padding:2px}.pg-activities-top-control-bar{--top-control-bar-size:40px;width:100%;min-height:var(--top-control-bar-size);font-size:var(--top-control-bar-size);justify-content:flex-end;align-items:center;gap:.3em;display:flex}.pg-activities-top-control-bar-button{width:calc(var(--top-control-bar-size) * 1.3);height:calc(var(--top-control-bar-size) * 1.3);color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:1em;line-height:1;display:flex;position:relative}.pg-activities-top-control-bar-button>svg{width:100%;height:100%;display:block}.pg-task-pages-container{width:auto;height:var(--top-control-bar-size);align-items:center;gap:inherit;flex:none;margin:0 .5em 0 0;padding:0;list-style:none;display:flex}.pg-task-pages-button{flex:0 0 var(--top-control-bar-size);width:var(--top-control-bar-size);min-width:var(--top-control-bar-size);height:var(--top-control-bar-size);color:var(--pg-color-primary);border:3px solid var(--pg-color-primary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;font-size:1em;font-weight:700;line-height:1;transition:background-color .2s,border-color .2s,color .2s,transform .2s;display:flex}.pg-task-pages-button span{font-size:.5em;line-height:1}.pg-task-pages-button-selected{color:#fff;background-color:var(--pg-color-primary);border-color:var(--pg-color-primary)}.pg-task-pages-button:hover,.pg-activities-top-control-bar-button:hover{transform:scale(1.08)}.pg-task-pages-button:focus-visible,.pg-activities-top-control-bar-button:focus-visible{outline:3px solid var(--pg-color-primary);outline-offset:2px}.pg-activities-top-control-bar-button:not([aria-expanded=true]):hover:after{content:attr(data-label);color:#000;background:var(--pg-tasks-background-color);border-radius:var(--pg-border-radius);white-space:nowrap;text-align:right;z-index:102;border:1px solid #000;padding:.5em .75em;font-size:.5em;font-weight:700;line-height:1;position:absolute;top:calc(100% + .7em);right:0}.pg-activities-top-control-bar-button:not([aria-expanded=true]):hover:before{content:"";z-index:100;background:#000;border-top:2px solid #000;border-left:2px solid #000;width:.6em;height:.6em;position:absolute;top:calc(100% + .2em);right:.25em;transform:rotate(45deg)}.nop .pg-task-pages-container{list-style:none;display:flex}.nop .pg-task-pages-button{width:var(--top-control-bar-base-unit);height:var(--top-control-bar-base-unit);min-width:var(--top-control-bar-base-unit);border:3px solid var(--pg-color-primary);color:var(--pg-color-primary);background:0 0;border-radius:50%;justify-content:center;align-items:center;margin:0 .1em;padding:.3em;font-weight:700;line-height:1;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.nop .pg-task-pages-button span{font-size:.4em}.nop .pg-task-pages-button:hover{transform:scale(1.08)}.nop .pg-task-pages-button-selected{border-color:var(--pg-color-primary);background-color:var(--pg-color-primary);color:#fff}.nop .pg-task-pages-button:focus-visible{outline:3px solid var(--pg-color-primary);outline-offset:2px}.pg-activities-top-control-bar-full-screen-button svg{color:#646464;transition:color .2s,transform .2s}.pg-activities-top-control-bar-full-screen-button:hover svg{transform:scale(1.5)}.full-screen .pg-activities-top-control-bar-full-screen-button:hover svg{transform:scale(.6)}.full-screen{overscroll-behavior:contain;z-index:1000000;background:#000;flex-direction:column;justify-content:flex-start;align-items:center;min-width:100vw;min-height:100vh;padding:3em;display:flex;inset:0;overflow:auto;margin:0!important;position:fixed!important}:is(html:has(.full-screen),body:has(.full-screen)){overflow:hidden!important}.pg-settings-menu{position:relative}.pg-settings-menu-button:hover svg{transform:rotate(35deg)}.pg-settings-menu-panel{text-align:center;background:var(--pg-tasks-background-color);border-radius:var(--pg-border-radius);width:max-content;max-width:calc(100vw - 2em);box-shadow:var(--pg-box-shadow);z-index:50;padding:2em;font-size:.5em;display:none;position:absolute;top:0;right:0}.pg-settings-menu:focus-within .pg-settings-menu-panel{display:block}.pg-settings-menu-panel-closer{cursor:pointer;background:0 0;border:2px solid #000;border-radius:25%;justify-content:center;align-items:center;width:1.5em;height:1.5em;margin:0;padding:0;font-size:1em;line-height:1;display:flex;position:absolute;top:1em;right:1em}.pg-settings-menu-panel-closer:hover{color:#fff;background:#000}.pg-settings-menu-controls{flex-direction:column;gap:.75em;display:flex}.pg-settings-menu-controller{justify-content:space-between;align-items:center;gap:1em;margin:0;font-weight:700;display:flex}.pg-settings-menu-controller select{font-size:.8em}@media (width<800px){.pg-settings-menu-controller{flex-direction:column;gap:.5em}}.pg-task-image-container.expanded{width:80%}.pg-task-image-container.expanded .pg-task-image{max-height:90vh}.pg-listen{text-align:center;background:var(--pg-activities-button-background-color,#007bff);width:48px;height:48px;color:var(--pg-activities-button-color,#fff);border:none;border-radius:50%;margin:1em auto;display:block;position:relative}.pg-listen:before{content:"";background-color:#fff;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20version='1.0'%20width='500'%20height='500'%20viewBox='0%200%2075%2075'%3e%3cpath%20d='M39.389,13.769%20L22.235,28.606%20L6,28.606%20L6,47.699%20L21.989,47.699%20L39.389,62.75%20L39.389,13.769z'%20style='stroke:%23111;stroke-width:5;stroke-linejoin:round;fill:%23111;'%20/%3e%3cpath%20d='M48,27.6a19.5,19.5%200%200%201%200,21.4M55.1,20.5a30,30%200%200%201%200,35.6M61.6,14a38.8,38.8%200%200%201%200,48.6'%20style='fill:none;stroke:%23111;stroke-width:5;stroke-linecap:round'/%3e%3c/svg%3e") 50%/60% no-repeat;mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20version='1.0'%20width='500'%20height='500'%20viewBox='0%200%2075%2075'%3e%3cpath%20d='M39.389,13.769%20L22.235,28.606%20L6,28.606%20L6,47.699%20L21.989,47.699%20L39.389,62.75%20L39.389,13.769z'%20style='stroke:%23111;stroke-width:5;stroke-linejoin:round;fill:%23111;'%20/%3e%3cpath%20d='M48,27.6a19.5,19.5%200%200%201%200,21.4M55.1,20.5a30,30%200%200%201%200,35.6M61.6,14a38.8,38.8%200%200%201%200,48.6'%20style='fill:none;stroke:%23111;stroke-width:5;stroke-linecap:round'/%3e%3c/svg%3e") 50%/60% no-repeat}.pg-listen:hover{background:var(--pg-activities-button-hover-background-color,blueviolet)}.pg-tasks-feedback-displayer{text-align:center;border:1px solid #ccc;border-radius:10px;width:100%;max-width:1000px;margin:1em auto;padding:10px;font-size:1.5em!important}.pg-tasks-feedback-displayer h3{padding:0 10%;margin:0!important;font-size:clamp(2rem,5vw,3rem)!important}.pg-task-container .pg-tasks-feedback-displayer.pg-task-correct h3{color:green}.pg-task-container .pg-tasks-feedback-displayer.pg-task-incorrect h3{color:#8b0000}.pg-tasks-feedback-displayer p{background-color:#fff9;border-radius:10px;min-width:100%;margin:auto;padding:1em 10%;line-height:2em}.pg-tasks-feedback-displayer img{width:auto;height:200px}@media screen and (width>=680px){.pg-tasks-feedback-displayer img{float:left;margin:20px 0 0 5%;position:relative;bottom:-10px}.pg-maxw-500 .pg-tasks-feedback-displayer img{float:none;margin:inherit;position:inherit;bottom:inherit}}.pg-bottom-control-bar{flex-wrap:wrap;justify-content:center;justify-self:flex-end;gap:1em;margin:1em auto;display:flex}.pg-bottom-control-bar-button{background:var(--pg-activities-button-background-color,#007bff);color:var(--pg-activities-button-color,#fff);text-align:center;font-size:var(--pg-medium-text);border:none;border-radius:5px;padding:10px 20px;font-weight:bolder}.pg-bottom-control-bar-button:hover{background:var(--pg-activities-button-hover-background-color,#0056b3)}.pg-bottom-control-bar input[type=checkbox]{margin-right:.5em;transform:scale(1.8)}.pg-task-progress-bar-container{background-color:#f3f3f3;border-radius:10px;width:100%;height:20px;margin:15px 0;box-shadow:inset 0 4px 6px #0003,inset 2px 4px 6px #ffffffb3}.pg-task-progress-bar{background-color:var(--pg-tasks-light-blue);opacity:.3;background:linear-gradient(45deg,red,orange,#ff0,green,#00f,indigo,violet) 0 0/900% 100%;border-radius:10px;width:0;height:100%;transition:all 1s ease-in-out;animation-name:gradient-shift;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes gradient-shift{0%{background-position:0%}to{background-position:100%}}:root{--pg-large-text:var(--wp--preset--font-size--large);--pg-medium-text:var(--wp--preset--font-size--medium);--pg-color-primary:var(--wp--preset--color--primary);--pg-tasks-background-color:#f9f9f9;--pg-tasks-gaps-color:#cff1fcb9;--pg-activities-button-background-color:#007bff;--pg-activities-button-text-color:white;--pg-activities-button-hover-background-color:#0056b3}.pg-task-container{border-radius:var(--pg-border-radius);background:var(--pg-tasks-background-color);box-shadow:var(--pg-box-shadow);border:1px solid #ccc;margin:auto;padding:20px;position:relative;box-sizing:border-box!important}.pg-task-container *,.pg-task-container :before,.pg-task-container :after{box-sizing:inherit!important}@media (width<=599px){.pg-task-container{box-shadow:none;margin:1em -5px!important}}.pg-task-activity-viewer{width:100%;max-width:1500px;height:100%;max-height:1500px;margin:auto;padding:0 clamp(1em,3em,4dvw)}.pg-task-activity-viewer>*{flex-direction:column;justify-content:space-around;min-height:100%;display:flex}.pg-task-image-container{text-align:center;cursor:pointer;width:clamp(200px,60%,400px);max-width:100%;margin:0 auto 1em;transition:max-height .5s,max-width .5s,height .5s,width .5s;position:relative}.pg-task-image{border-radius:var(--pg-border-radius);width:100%;max-width:80%;height:auto;max-height:30vh;margin:0 auto;transition:max-height .5s,max-width .5s,height .5s,width .5s;display:block}.pg-task-container button{cursor:pointer}.pg-task-container select,.pg-task-container input,.pg-dtw-gap{text-align:center;background-color:var(--pg-tasks-gaps-color);cursor:pointer;border:2px solid #add8e6;border-radius:10px;padding:.3em;line-height:1.5}:is(.pg-task-container select,.pg-task-container input,.pg-dtw-gap):hover{border-color:#007bff}.pg-tasks-activitytext,.pg-tasks-activitytext *,.pg-dtw-activityText,.pg-dtw-choice,.pg-quiz-question,.pg-quiz-options button{font-size:var(--pg-medium-text);line-height:2}.pg-tasks-activitytext p{margin:0}.pg-task-correct{background-color:#a6f1a1!important;border-color:#9acd32!important}.pg-task-incorrect{background-color:#fe3f3f97!important;background-image:repeating-linear-gradient(45deg,#ff00001a 0% 10%,#f003 10% 20%)!important;border:2px solid red!important;animation:.5s ease-in-out incorrect-shake!important}@keyframes incorrect-shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}