.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-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;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;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-task-controls{flex-wrap:wrap;justify-content:center;gap:1em;margin:1em auto;display:flex}.pg-task-controls-button{background:var(--pg-activities-button-background-color,#007bff);color:var(--pg-activities-button-color,#fff);text-align:center;font-size:var(--wp--preset--font-size--medium);border:none;border-radius:5px;padding:10px 20px;font-weight:bolder}.pg-task-controls-button:hover{background:var(--pg-activities-button-hover-background-color,#0056b3)}.pg-task-controls 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%}}.pg-task-pages{justify-content:flex-end;align-items:center;gap:.25rem;margin:1rem 0;list-style:none;display:flex;padding:0!important}.pg-task-pagebutton{border:3px solid var(--pg-color-primary);min-width:2.5rem;height:2.5rem;color:var(--pg-color-primary);background-color:#0000;border-radius:50%;justify-content:center;align-items:center;padding:.25em;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex;margin:.25em!important}.pg-task-pagebutton:hover{transform:scale(1.08)}.pg-task-pagebutton-selected{border-color:var(--pg-color-primary);background-color:var(--pg-color-primary);color:#fff}.pg-task-pagebutton:focus-visible{outline:3px solid var(--pg-color-primary);outline-offset:2px}.pg-settings-menu{text-align:right;position:relative}.pg-settings-menu-button{-webkit-user-select:none;user-select:none;background:0 0;border:0;margin-left:.5em;padding-top:.35em;font-size:2em;position:relative}.pg-settings-menu-button:not([aria-expanded=true]):hover:after{content:attr(data-label);white-space:nowrap;text-align:right;background:var(--pg-tasks-background-color);border-radius:var(--pg-border-radius);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-settings-menu-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)}.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:1em;position:absolute;top:-.5em;right:0}.pg-settings-menu-panel-closer{background:0 0;border:2px solid #000;border-radius:25%;width:1.5em;height:1.5em;font-size:1em;position:absolute;top:1em;right:1em}.pg-settings-menu-panel-closer:hover{color:#fff;background:#000}.pg-settings-menu-controller{justify-content:space-between;align-items:center;gap:1em;margin:1em;font-weight:700;display:flex}.pg-settings-menu-controller select{font-size:.8em}: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}@media (width<=599px){.pg-task-container{box-shadow:none;margin:auto -5px!important}}.pg-task-top-controls{text-align:right;justify-content:right;width: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.2}.pg-tasks-activitytext p{margin:0 0 .75em}.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 shake!important}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}