.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99999;opacity:0;transform:scale(0);transition:opacity .2s}.modal-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-rows:4rem minmax(0,1fr) auto;width:95vw;max-width:90rem;max-height:90vh;background:#fff;border-radius:var(--radius-lg);transform:translate(-50% -50%);opacity:0;transition:all .2s .2s}.modal-header .heading{margin-left:1rem}.modal-close{width:4rem;height:4rem;border:none;background:none}.modal-close:focus-within{outline:2px solid;outline-offset:-1rem}.modal-content{padding:1rem;overflow-y:scroll}.modal-content::-webkit-scrollbar{display:none}.modal-content:focus-visible{outline:2px solid;outline-offset:-2px}.modal-footer{padding:1rem}.modal-open{opacity:1;transform:scale(1)}.modal-open .modal-inner{opacity:1}.page-title{position:relative;display:flex;flex-direction:column;gap:.5rem;margin:6rem 0 1.5rem}.page-title-desc{display:flex;flex-direction:column;gap:1.5rem;font-size:1.25rem;line-height:1.5}.page-title-desc p{margin:0}.notification{--color: var(--light-grey);--text-color: black;border:2px solid var(--color);border-radius:var(--radius);font-weight:600;overflow:hidden}.notification-error{--color: var(--red);--text-color: white}.notification-warning{--color: var(--orange);--text-color: white}.notification-success{--color: var(--green);--text-color: white}.notification-head{padding:.5rem 1rem;background:var(--color);color:var(--text-color);line-height:1.2}.notification-message{width:auto;white-space:break-word}.notification-learn-more{background:transparent;margin:0;padding:0;border:none;font-size:.875rem;font-weight:500;color:var(--text-color);white-space:nowrap}.notification-learn-more:focus-visible{outline:2px solid}.notification-close{color:#fff;background:transparent;margin:0;padding:0;border:none}.notification-close:focus-visible{outline:2px solid}.notification-body{display:none;padding:1rem;background:#fff;font-weight:400}.notification-open .notification-body{display:block}.notification-list{position:fixed;top:3.5rem;left:50%;transform:translate(-50%);z-index:999999;display:flex;flex-direction:column;gap:.25rem}.notification-list .notification{width:40rem;max-width:90vw}.notification{position:relative;top:0;opacity:1;transition:all .3s}.notification-enter-from{top:1rem;opacity:0}.notification-leave-to{top:-1rem;opacity:0}.account-logout{margin-top:1.5rem;margin-bottom:1.5rem;align-self:flex-start}.account{display:flex;flex-direction:column;gap:1.5rem}.account-panel{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--light-grey);border-radius:var(--radius)}.account-panel-blue{background:var(--blue);color:#fff}.account-logo{padding:1.5rem;max-width:100%;height:auto}.account-depot-actions{margin-left:-.875rem;gap:0}.account .table code{margin-left:.5rem;font-size:.875rem;font-weight:400}.form-help{font-size:.875rem;color:#666;margin-top:.25rem}.enrollment-course-selection{display:flex;flex-direction:column;gap:.75rem;border:1px solid #ddd;border-radius:var(--radius);padding:1rem;max-height:200px;overflow-y:auto}.course-option{display:flex;align-items:center}.course-option label{width:100%;cursor:pointer}.course-info{flex:1}.course-name{font-weight:500}.course-cost{font-size:.875rem;color:#666}.data-notice{background:#f8f9fa;border:1px solid #dee2e6;border-radius:var(--radius);padding:1rem}.data-notice p{margin:.5rem 0}.data-notice p:first-child{margin-top:0}.data-notice p:last-child{margin-bottom:0}@media (min-width: 720px){.account-logout{position:absolute;top:50%;right:0;transform:translateY(-50%);margin:0}}@media (min-width: 1024px){.account{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.account-panel{justify-content:space-between}.account-panel-full{grid-column:span 2 / span 2}.account-panel-purchase-history{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4rem}}@media (min-width: 1280px){.account-panel{padding:3rem}}.message-main{max-width:45rem;margin-left:auto;margin-right:auto;min-height:100vh;min-height:100svh;padding:2rem;text-align:center}.message-logo{width:100%;height:auto;max-width:8rem}.activity-card{padding:2rem;background:var(--light-grey);border-radius:var(--radius)}.row[data-v-9ba30407]{display:flex;flex-wrap:wrap;gap:20px}.column[data-v-9ba30407]{flex:1;min-width:300px}.full-width[data-v-9ba30407]{width:100%;margin-top:20px}.flex-col[data-v-9ba30407]{position:relative}.form-input[data-v-9ba30407]{z-index:1}select[data-v-9ba30407]{display:block;width:100%;max-height:200px;overflow-y:auto}.pagination[data-v-9ba30407]{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.autocomplete-wrapper[data-v-9ba30407]{position:relative;width:100%}.autocomplete-dropdown[data-v-9ba30407]{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;z-index:10;margin-top:2px}.dropdown-item[data-v-9ba30407]{padding:.5rem 1rem;cursor:pointer}.dropdown-item[data-v-9ba30407]:hover{background-color:#f3f4f6}.scorm-log[data-v-9ba30407]{background-color:#f9f9f9;border:1px solid #e5e7eb;border-radius:4px;padding:10px;max-height:300px;overflow-y:auto;white-space:pre-wrap;font-family:monospace}.required-asterisk[data-v-9ba30407]{color:#dc2626;font-weight:700}.optional-text[data-v-9ba30407]{color:#6b7280;font-size:.875rem}.cancel-button{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.badge{--gap: 1rem;display:inline-flex;justify-content:space-between;align-items:center;gap:var(--gap);padding:0 var(--gap);font-size:1.25rem;color:#000;background:var(--light-grey);border:none;border-radius:var(--radius);min-height:4rem;text-align:left}button.badge,a.badge{cursor:pointer}button.badge:hover,a.badge:hover{filter:brightness(.97)}button.badge:focus-visible,a.badge:focus-visible{outline:2px solid}.badge-inner{display:flex;align-items:center;gap:var(--gap);font-family:var(--font);font-weight:500;overflow:hidden}button.badge-blue:hover,a.badge-blue:hover{filter:brightness(1.2)}button.badge-blue:focus-visible,a.badge-blue:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.badge .badge{border:1px solid;background:transparent;font-size:1rem;min-height:auto;line-height:1.2;padding:.25rem;align-self:center}.badge-blue .badge{color:#fff}.input-no-border{border:none;border-bottom:1px solid black}.progress-bar{width:100%;background-color:#f3f3f3;border-radius:4px;overflow:hidden;margin-top:10px}.progress-bar-fill{height:10px;background-color:#4caf50;transition:width .2s}.current-certificate{max-width:100%;height:auto;margin-top:10px}.autocomplete-wrapper[data-v-b27f537d]{position:relative;width:100%}.autocomplete-dropdown[data-v-b27f537d]{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;z-index:10;margin-top:2px;box-shadow:0 4px 6px -1px #0000001a}.dropdown-item[data-v-b27f537d]{padding:.5rem 1rem;cursor:pointer;border-bottom:1px solid #f3f4f6}.dropdown-item[data-v-b27f537d]:last-child{border-bottom:none}.dropdown-item[data-v-b27f537d]:hover{background-color:#f3f4f6}.dropdown-empty[data-v-b27f537d]{color:#6b7280;font-style:italic;cursor:default}.dropdown-empty[data-v-b27f537d]:hover{background-color:transparent}.form-input-error[data-v-b27f537d]{color:#dc2626;font-size:.875rem;margin-top:.25rem}.required-asterisk[data-v-7e1b4715]{color:#dc2626;font-weight:700}.optional-text[data-v-7e1b4715]{color:#6b7280;font-size:.875rem}.certificate-image{max-width:100%;height:auto;margin-top:15px}.searchable-multiselect[data-v-c5744cf9]{position:relative;width:100%}.form-label[data-v-c5744cf9]{display:block;font-weight:500;color:#374151;font-size:.875rem;margin-bottom:.5rem}.selected-items[data-v-c5744cf9]{min-height:2.5rem;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.25rem}.selected-items[data-v-c5744cf9]:hover{border-color:#9ca3af}.selected-items[data-v-c5744cf9]:focus-within{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.placeholder[data-v-c5744cf9]{color:#9ca3af;font-size:.875rem}.selected-tags[data-v-c5744cf9]{display:flex;flex-wrap:wrap;gap:.25rem;flex:1}.tag[data-v-c5744cf9]{display:inline-flex;align-items:center;gap:.25rem;background:#3b82f6;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.tag-remove[data-v-c5744cf9]{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;line-height:1;padding:0;margin-left:.25rem}.tag-remove[data-v-c5744cf9]:hover{color:#fecaca}.dropdown-arrow[data-v-c5744cf9]{color:#6b7280;transition:transform .2s;font-size:.75rem;margin-left:.5rem}.dropdown-arrow.open[data-v-c5744cf9]{transform:rotate(180deg)}.dropdown-content[data-v-c5744cf9]{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a;z-index:50;max-height:20rem;display:flex;flex-direction:column}.search-container[data-v-c5744cf9]{padding:.75rem;border-bottom:1px solid #e5e7eb}.search-input[data-v-c5744cf9]{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem}.search-input[data-v-c5744cf9]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.options-list[data-v-c5744cf9]{flex:1;overflow-y:auto;max-height:12rem}.no-results[data-v-c5744cf9]{padding:1rem;text-align:center;color:#6b7280;font-size:.875rem}.option-item[data-v-c5744cf9]{display:flex;align-items:center;gap:.5rem;padding:.75rem;cursor:pointer;border-bottom:1px solid #f3f4f6}.option-item[data-v-c5744cf9]:last-child{border-bottom:none}.option-item[data-v-c5744cf9]:hover{background:#f9fafb}.option-item.selected[data-v-c5744cf9]{background:#eff6ff;color:#1d4ed8}.option-checkbox[data-v-c5744cf9]{margin:0}.option-text[data-v-c5744cf9]{flex:1;font-size:.875rem}.actions[data-v-c5744cf9]{padding:.75rem;border-top:1px solid #e5e7eb;display:flex;gap:.5rem;justify-content:space-between}.action-btn[data-v-c5744cf9]{padding:.25rem .75rem;border:1px solid #d1d5db;border-radius:.25rem;background:#fff;cursor:pointer;font-size:.75rem;color:#374151}.action-btn[data-v-c5744cf9]:hover{background:#f9fafb}.close-btn[data-v-c5744cf9]{background:#3b82f6;color:#fff;border-color:#3b82f6}.close-btn[data-v-c5744cf9]:hover{background:#2563eb}.reports-container[data-v-4b8dda12]{max-width:1000px;margin:0 auto;padding:2rem}.heading[data-v-4b8dda12]{color:#111827;font-weight:600;margin-bottom:.5rem}.reports-description[data-v-4b8dda12]{color:#6b7280;margin-bottom:2rem}.date-range-section[data-v-4b8dda12]{background:#f9fafb;border-radius:.5rem;padding:1.5rem;margin-bottom:2rem;border:1px solid #e5e7eb}.section-title[data-v-4b8dda12]{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1rem}.date-inputs[data-v-4b8dda12]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.date-field[data-v-4b8dda12]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-4b8dda12]{font-weight:500;color:#374151;font-size:.875rem}.form-input[data-v-4b8dda12],.form-select[data-v-4b8dda12]{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff}.form-input[data-v-4b8dda12]:focus,.form-select[data-v-4b8dda12]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.reports-list[data-v-4b8dda12]{display:flex;flex-direction:column;gap:2rem}.report-group[data-v-4b8dda12]{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.group-title[data-v-4b8dda12]{background:#f3f4f6;padding:1rem 1.5rem;font-weight:600;color:#111827;margin:0;border-bottom:1px solid #e5e7eb}.report-item[data-v-4b8dda12]{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid #f3f4f6;gap:2rem}.report-item[data-v-4b8dda12]:last-child{border-bottom:none}.report-info[data-v-4b8dda12]{flex:1}.report-name[data-v-4b8dda12]{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .5rem}.report-description[data-v-4b8dda12]{color:#6b7280;font-size:.875rem;margin:0 0 .75rem}.additional-options[data-v-4b8dda12]{margin-top:.75rem}.single-course-select[data-v-4b8dda12]{display:flex;flex-direction:column;gap:.5rem}.generate-btn[data-v-4b8dda12]{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .2s}.generate-btn[data-v-4b8dda12]:hover:not(:disabled){background:#2563eb}.generate-btn[data-v-4b8dda12]:disabled{background:#9ca3af;cursor:not-allowed}.status-message[data-v-4b8dda12]{padding:1rem;border-radius:.375rem;margin-top:1rem;font-weight:500}.status-message.success[data-v-4b8dda12]{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-message.error[data-v-4b8dda12]{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}@media (max-width: 768px){.reports-container[data-v-4b8dda12]{padding:1rem}.date-inputs[data-v-4b8dda12]{grid-template-columns:1fr}.report-item[data-v-4b8dda12]{flex-direction:column;align-items:stretch;gap:1rem}.generate-btn[data-v-4b8dda12]{align-self:flex-start}}.course-description .badge{min-height:auto;padding:.25rem .5rem;font-size:.875rem;white-space:nowrap}.course-description-categories{display:flex;flex-direction:column;gap:.5rem;font-weight:500}.course-description-categories svg{color:var(--blue)}@media (min-width: 720px){.course-description-categories{flex-direction:row;flex-wrap:wrap;gap:1.5rem}}.selected-panel{position:fixed;left:0;bottom:-4rem;height:4rem;margin:0;width:100%;border-top:2px solid var(--orange);background:#fff;transition:all .3s;overflow:hidden;z-index:1000}.selected-panel-visible{bottom:0}.selected-panel-open{height:75vh;overflow:scroll}.selected-panel-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;height:4rem;padding:.75rem;background:#fff;z-index:999}.selected-panel-inner{padding:1rem}.selected-panel-toggle{background:transparent;border:none;font-size:.875rem;font-weight:700;text-transform:uppercase;color:var(--orange)}.selected-panel-toggle svg{width:1.25rem;height:1.25rem}.selected-panel-open .selected-panel-toggle svg{transform:rotate(180deg)}@media (min-width: 1024px){.selected-panel{position:relative;top:auto;bottom:auto;height:auto;border:none;overflow:visible}.selected-panel-header{display:none}.selected-panel-inner{padding:0}}.button{display:flex;justify-content:center;align-items:center;gap:.5em;padding:1em 2em;font-size:1rem;font-weight:600;text-transform:uppercase;color:#000;background:#fff;text-decoration:none;border:1px solid black;border-radius:9999px}.button:focus-visible{outline:1px solid}.button[disabled]{border-color:#0009;color:#0009}.button-lg{font-size:1.5rem;border-width:2px}.button-lg:focus-visible{outline:2px solid}.button-orange{color:#fff;border:none;background:var(--orange)}.button-orange:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.button-orange[disabled]{background:#eee;color:#0009}.button-link{cursor:pointer;border:none;font-size:1rem}.button-link.underline{color:var(--blue);text-decoration:underline}.badge-rounded{border:1px solid var(--blue);border-radius:3rem;padding:7px 15px;color:var(--blue);font-size:22px;font-weight:700}.p-0{padding:0}.w-100{width:100%}.enrollment-note{color:#6b7280;font-style:italic}.course-selection{margin-top:4rem}.course-selection-course{display:flex;flex-direction:column-reverse;gap:1rem}.selected-course,.selected-course .badge-inner,.selected-course .badge-inner .flex-row{width:100%}.selected-course .link{font-size:1rem}.course-selection .selected-panel-inner .heading{display:none}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}@media (min-width: 720px){.course-selection-course{flex-direction:row;align-items:flex-start}.course-selection-course .button{min-width:10rem}}@media (min-width: 1024px){.course-selection{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:4rem;align-items:start}.course-selection .selected-panel-inner .heading{display:block}}.stats-panel{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--light-grey);border-radius:var(--radius)}.stats-panel-title{font-size:1.25rem;font-weight:500}.stats-panel-number{font-family:var(--font-heading);font-size:3.5rem;font-weight:700;line-height:.85}.stats-panel-slot{align-self:flex-end;font-weight:500}.stats-panel-slot a{color:#000;text-decoration:none}@media (min-width: 1280px){.stats-panel{flex-direction:row;justify-content:space-between;padding:2rem}}.progress-bar{position:relative;width:100%;height:1rem;border-radius:var(--radius);background:var(--light-grey);overflow:hidden}.progress{height:1rem;background:var(--green);transition:width .2s;display:flex;align-items:center;justify-content:center}.progress-text{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.2rem;font-size:12px}.dashboard-stats{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:4rem}.dashboard-stats.full-width{grid-template-columns:1fr}.dashboard-chart{display:flex;flex-direction:column-reverse;align-items:center;gap:1rem}.dashboard-chart-pie{height:80vw;max-height:340px}.dashboard-square{width:1rem;height:1rem;background:var(--red)}.dashboard-square-blue{background:var(--blue)}.dashboard-square-green{background:var(--green)}@media (max-width: 1100px){.dashboard-stats{grid-template-columns:1fr}}.spinner{display:flex;align-items:center;gap:.5em;font-size:1rem;font-weight:500}.spinner:before{display:inline-block;position:relative;width:1.25rem;height:1.25rem;vertical-align:middle;animation:anim_spinner .6s linear infinite;border-radius:100%;border-top:1px solid currentColor;border-bottom:1px solid transparent;border-left:1px solid currentColor;border-right:1px solid transparent;content:"";opacity:1}@keyframes anim_spinner{0%{transform:rotate(-360deg)}to{transform:rotate(0)}}.edit-course-expiry{font-size:1.125rem;font-weight:500}.edit-course-expiry .form-input{padding:.25rem .5rem;max-width:5rem}.edit-course-action-row{min-height:2.5rem}.enroll-existing-user .form-input{padding-right:3rem}.enroll-existing-user .spinner{position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.enroll-existing-user .badge{width:100%}.enroll-existing-user .badge-inner{width:100%;justify-content:space-between}.enroll-existing-user-results-text{font-weight:600}.enroll-existing-user-select{font-size:1rem;font-weight:500;color:var(--blue)}.badge-blue .enroll-existing-user-select{color:#fff}.has-error[data-v-5017d0e9]{background-color:#f8d7da}.alert-box[data-v-5017d0e9]{background-color:#2bb950;border:1px solid #3ec561;color:#fff;padding:10px;margin-top:10px;border-radius:4px}.enroll{margin-top:4rem}@media (min-width: 1024px){.enroll{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:4rem;align-items:start}}.autocomplete-wrapper{position:relative}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;max-height:250px;overflow-y:auto;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10;margin-top:.25rem}.dropdown-item{padding:.75rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f3f4f6}.dropdown-item.clickable-row{cursor:pointer;transition:background-color .2s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#f9fafb}.dropdown-item.clickable-row:hover{background-color:#eff6ff}.dropdown-item.clickable-row:hover .user-action{color:var(--blue);font-weight:600}.dropdown-item.loading,.dropdown-item.no-results{justify-content:center;color:#6b7280;cursor:default}.dropdown-item.loading:hover,.dropdown-item.no-results:hover{background-color:#fff}.user-info{display:flex;flex-direction:column}.user-name{font-weight:500;color:#111827}.user-email{font-size:.75rem;color:#6b7280}.user-action{color:var(--blue);font-weight:500}.add-text{display:inline-flex;align-items:center}.add-text:before{content:"+";margin-right:.25rem}.spinner-small{width:1rem;height:1rem;margin-right:.5rem}.added-users-container{margin-top:1.5rem;border-top:1px solid #e5e7eb;padding-top:1rem}.added-users-title{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#111827}.added-users-list{list-style:none;padding:0;margin:0}.added-user-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid #e5e7eb;border-radius:.375rem;margin-bottom:.5rem;background-color:#f9fafb}.added-user-info{display:flex;flex-direction:column}.added-user-name{font-weight:500;color:#111827}.added-user-email{font-size:.75rem;color:#6b7280}.remove-user-button{background-color:transparent;color:#ef4444;border:none;font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem}.remove-user-button:hover{background-color:#fee2e2}.enroll{margin-top:2rem;display:flex;flex-direction:column;align-items:center;width:100%}.enroll .flex-col{width:100%;max-width:900px}.user-type{font-size:.75rem;padding:.125rem .375rem;border-radius:.25rem;background-color:#e5e7eb;margin-left:.5rem}.step-indicator{display:flex;justify-content:space-between;position:relative;max-width:1050px;margin-left:auto;margin-right:auto;background-color:#fff;border-radius:.5rem .5rem 0 0;padding:1.5rem 1.5rem 2.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:-60px;z-index:0}.step-indicator:before{content:"";position:absolute;top:50px;left:2rem;right:2rem;height:2px;background-color:#e5e7eb;z-index:0}.step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;flex:1;text-align:center}.step-number{width:50px;height:50px;border-radius:50%;background-color:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.5rem;border:2px solid #e5e7eb;transition:all .3s ease;position:relative;z-index:2}.step-title{font-size:.875rem;color:#6b7280;font-weight:500;transition:all .3s ease}.step.active .step-number{background-color:var(--blue);color:#fff;border-color:var(--blue)}.step.active .step-title{color:var(--blue);font-weight:600}.step.completed .step-number{background-color:#10b981;color:#fff;border-color:#10b981}.step.completed .step-title{color:#10b981}.step.clickable{cursor:pointer}.step.clickable:hover .step-number{transform:scale(1.05);box-shadow:0 0 0 4px #3b82f61a}.step-content{background-color:#fff;border-radius:.25rem .25rem .5rem .5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:1.5rem;width:100%;position:relative;z-index:1}.employee-section{margin-top:1rem}.users-list{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.user-section{padding-top:1rem;border-top:1px solid #e5e7eb}.step-navigation{display:flex;justify-content:space-between;margin-top:2rem}.button-outline{background-color:#fff;color:var(--blue);border:1px solid var(--blue)}.button-blue{background-color:var(--blue);color:#fff}.button-blue:disabled{background-color:#9ca3af;cursor:not-allowed}.sub-heading{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#374151}.selected-item{background-color:#f3f4f6;border:1px solid #e5e7eb;width:100%}.finalize-section{display:flex;flex-direction:column;gap:1.5rem}.credit-info{background-color:#f9fafb;padding:1rem;border-radius:.5rem;margin:1rem 0}.credit-warning{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;color:#fff;gap:1rem}.button-white{background-color:#fff;color:#e5a3a3;font-size:.8rem;padding:.5rem 1rem;font-weight:600;border-radius:.25rem;text-decoration:none;transition:opacity .2s}.button-white:hover{opacity:.9}.progress-indicator{margin-top:1rem}.credit-details{list-style:none;padding:0;margin:1rem 0}.credit-details li{margin-bottom:.5rem}.credit-usage{position:absolute;top:-2rem;left:50%;transform:translate(-50%);background-color:var(--orange);color:#fff;padding:.5rem 1rem;border-radius:9999px;font-weight:500;font-size:.875rem;z-index:1}@media (max-width: 1024px){.credit-usage{position:relative;top:0;left:0;transform:none;align-self:center;margin-bottom:1rem}}.progress-text{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;color:#6b7280}.badge-blue{background:var(--blue);color:#fff}.progress-bar{height:8px;background-color:#e5e7eb;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background-color:var(--blue);transition:width .3s ease}.inline-spinner{margin-left:.5rem}.enroll-selected .badge{width:100%}.enroll-saving{display:flex;justify-content:center;align-items:center;min-height:1.5rem}.selected-courses{font-size:.75rem;color:#6b7280;margin-top:.25rem;font-weight:400;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enrol-modal-buttons{display:flex;flex-direction:column;align-items:center;gap:1rem}.enrol-modal-buttons .button{align-self:stretch}.enrollment-summary{background:#f8f9fa;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.summary-stats{display:flex;justify-content:center;gap:2rem;margin:1rem 0}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-number{font-size:2rem;font-weight:700;line-height:1}.stat-number.success{color:#10b981}.stat-number.failed{color:#ef4444}.stat-number.total{color:#374151}.stat-label{font-size:.875rem;color:#6b7280;font-weight:500}.failed-section{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.text-red{color:#dc2626}.failed-users-list{display:flex;flex-direction:column;gap:.75rem}.failed-user-item{background:#fff;border:1px solid #fecaca;border-radius:.375rem;padding:.75rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:600;color:#374151}.user-email{font-size:.875rem;color:#6b7280}.failure-reason{font-size:.875rem;color:#dc2626;background:#fef2f2;padding:.375rem .75rem;border-radius:.25rem;border:1px solid #fecaca;flex-shrink:0}@media (max-width: 1024px){.enroll{grid-template-columns:1fr}.step-indicator{flex-direction:column;gap:1rem;align-items:flex-start;margin-bottom:-60px;padding:1rem}.step-indicator:before{display:none}.step{flex-direction:row;width:100%;gap:1rem;justify-content:flex-start}.step-number{margin-bottom:0}.summary-stats{gap:1rem}.failed-user-item{flex-direction:column;align-items:stretch}.failure-reason{align-self:stretch;text-align:center}}.dropdown{position:relative}.dropdown-button{padding:0;background:none;border:none}.dropdown-button:focus-visible{outline:2px solid}.dropdown-panel{position:absolute;top:100%;left:0;width:100%;background:#fff;z-index:99;padding:1rem;min-width:20em;border:1px solid black;border-radius:var(--radius);transform:scale(0);transform-origin:top left;transition:transform .2s}.dropdown-panel[data-open=true]{transform:scale(1)}.pages .button{padding:.5rem;border-radius:var(--radius);min-width:2rem}.pages div.button{border:none;cursor:auto}.pages div.button:hover{color:initial}.pages li{display:none}.pages li:has([aria-current=true]),.pages li:has([aria-label="Go to previous page"]),.pages li:has([aria-label="Go to next page"]){display:flex}.pages-list{justify-content:center}@media (min-width: 720px){.pages li{display:flex}}.learn-header{position:fixed;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:4rem;background:#2f2f2f}.learn-header-logo{padding:1rem;height:100%;width:auto}.learn-header-back{display:flex;align-items:center;gap:.5rem;padding:1rem;font-weight:700;color:#fff;text-decoration:none}.learn-header-back:focus-visible{outline:2px solid white;outline-offset:-2px}.learn-header-back svg{color:var(--orange);transform:rotate(180deg);width:2rem;height:auto}.learn-main{padding-top:4rem;display:flex;justify-content:center;align-items:center;background:#2f2f2f;min-height:100vh}@media (orientation: landscape) and (max-width: 1023px){.learn-header{height:3rem;background:transparent;z-index:999}.learn-header-logo{display:none}.learn-main{padding-top:0}}@media (min-width: 720px){.learn-header{justify-content:center}.learn-header-back{position:absolute;top:50%;left:1rem;transform:translateY(-50%)}}.scorm-iframe{width:100%;height:calc(100vh - 4rem);border:none}.learn-activities{max-width:767px;margin-top:2rem;margin-left:auto;margin-right:auto;padding:0 .75rem 4rem;color:#fff}.learn-activity{padding:1rem;background:var(--light-grey);color:#000;border-radius:var(--radius)}.learn-activity-title svg{height:2rem;width:auto;color:var(--orange)}.learn-activity-video{width:100%;height:15rem}.learn-activity-image{width:100%;height:auto}.learn-activity-code .button{white-space:nowrap}@media (min-width: 720px){.learn-activities{margin-top:4rem;padding-left:2rem;padding-right:2rem}.learn-activity-video{height:25rem}}.modal-overlay[data-v-c1d3a3f6]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999999;padding:1rem}.modal-content[data-v-c1d3a3f6]{background:#fff;border-radius:var(--radius);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header[data-v-c1d3a3f6]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-close[data-v-c1d3a3f6]{background:none;border:none;cursor:pointer;padding:.25rem;color:#6b7280;transition:color .2s}.modal-close[data-v-c1d3a3f6]:hover{color:#374151}.modal-close svg[data-v-c1d3a3f6]{width:1.25rem;height:1.25rem}.modal-body[data-v-c1d3a3f6]{padding:1.5rem}.modal-description[data-v-c1d3a3f6]{margin-bottom:1.5rem;color:#6b7280;line-height:1.5}.name-form[data-v-c1d3a3f6]{display:flex;flex-direction:column;gap:1.5rem}.name-fields[data-v-c1d3a3f6]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-actions[data-v-c1d3a3f6]{display:flex;gap:.75rem;justify-content:flex-end}.button-secondary[data-v-c1d3a3f6]{background:#f3f4f6;color:#374151}.button-secondary[data-v-c1d3a3f6]:hover{background:#e5e7eb}.form-input-error[data-v-c1d3a3f6]{color:#dc2626;font-size:.875rem;margin-top:.25rem}.form-input.form-input-error[data-v-c1d3a3f6]{border-color:#dc2626}@media (max-width: 640px){.name-fields[data-v-c1d3a3f6]{grid-template-columns:1fr}.modal-actions[data-v-c1d3a3f6]{flex-direction:column}.modal-actions .button[data-v-c1d3a3f6]{width:100%}}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.learner-course-summary{padding:1rem;background:var(--light-grey);border-radius:var(--radius)}.learner-course-summary .badge{min-height:auto;padding:.25rem .5rem;font-size:.875rem;white-space:nowrap;background:#fff}.learner-course-summary-incomplete{background:var(--blue);color:#fff}.learner-course-summary-incomplete .badge{background:transparent;border:1px solid white;color:#fff}.learner-course-summary-not-started{background:#fff;border:1px solid var(--orange)}.learner-course-summary-not-started .badge{background:var(--light-grey)}.learner-course-summary-failed{background:#fff;border:1px solid var(--red)}.learner-course-summary-failed .badge{background:var(--light-grey)}.learner-course-summary-details{display:flex;flex-direction:column;gap:1rem;font-weight:500}.learner-course-summary-details .link{display:flex;align-items:center;align-self:flex-start;gap:.5em;font-size:1.25rem;text-decoration:none}.learner-course-summary-incomplete .learner-course-summary-details .link{color:#fff}.learner-course-summary-status{display:flex;align-items:center;gap:.5rem}.learner-course-summary-dates{display:flex;flex-direction:column;gap:.5rem}.learner-course-summary-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.learner-course-summary-details .learner-course-summary-expired{background:var(--red);color:#fff;align-self:flex-start;border:none}.button-full-width{width:100%;text-align:center;padding:.75rem;background-color:var(--blue);color:#fff;border:none;border-radius:var(--radius);cursor:pointer}@media (min-width: 720px){.learner-course-summary-details{flex-direction:row;align-items:center;justify-content:space-between}.learner-course-summary-actions{flex-direction:row;align-items:center}}.learner-columns{margin-top:4rem;display:flex;flex-direction:column;gap:4rem}@media (min-width: 1024px){.learner-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}}.local-login-container[data-v-7ba37961]{width:100%;max-width:800px;margin:0 auto;padding:2rem 1rem}.dev-badge[data-v-7ba37961]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius);text-align:center;font-weight:700;font-size:.875rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 6px #0000001a}.verify-card[data-v-7ba37961]{padding:2rem;background:var(--light-grey);border-radius:var(--radius);width:100%}.text-muted[data-v-7ba37961]{color:#666;font-size:.95rem;text-align:center}.user-grid[data-v-7ba37961]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:1rem;max-height:400px;overflow-y:auto;padding:.5rem}.user-card[data-v-7ba37961]{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:2px solid #e5e7eb;border-radius:var(--radius);cursor:pointer;transition:all .2s}.user-card[data-v-7ba37961]:hover{border-color:var(--orange);box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.user-card.selected[data-v-7ba37961]{border-color:var(--orange);background:#fff7ed;box-shadow:0 4px 12px #fb923c33}.user-avatar[data-v-7ba37961]{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--orange) 0%,#fb923c 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.user-info[data-v-7ba37961]{flex:1;min-width:0}.user-name[data-v-7ba37961]{font-weight:600;font-size:1rem;color:#111;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email[data-v-7ba37961]{font-size:.875rem;color:#666;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta[data-v-7ba37961]{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.role-badge[data-v-7ba37961]{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-admin[data-v-7ba37961]{background:#dc2626;color:#fff}.badge-manager[data-v-7ba37961]{background:#2563eb;color:#fff}.badge-learner[data-v-7ba37961]{background:#059669;color:#fff}.badge-default[data-v-7ba37961]{background:#6b7280;color:#fff}.company-name[data-v-7ba37961]{font-size:.75rem;color:#666}.quick-links[data-v-7ba37961]{border-top:1px solid #e5e7eb;padding-top:1rem}.text-sm[data-v-7ba37961]{font-size:.875rem}.quick-link-list[data-v-7ba37961]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.quick-link[data-v-7ba37961]{display:inline-block;padding:.5rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius);font-size:.875rem;color:var(--orange);text-decoration:none;transition:all .2s}.quick-link[data-v-7ba37961]:hover{background:var(--orange);color:#fff;border-color:var(--orange)}.mb-4[data-v-7ba37961]{margin-bottom:1rem}.mt-4[data-v-7ba37961]{margin-top:1rem}.w-full[data-v-7ba37961]{width:100%}.login-container[data-v-1b14be63]{width:100%;max-width:700px;margin:0 auto;padding:2rem 1rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.login-header[data-v-1b14be63]{text-align:center;margin-bottom:2rem}.login-header h1[data-v-1b14be63]{font-size:2rem;font-weight:700;color:#111;margin:0 0 .5rem}.login-subtitle[data-v-1b14be63]{color:#666;font-size:1rem;margin:0}.login-tabs[data-v-1b14be63]{display:flex;gap:.5rem;margin-bottom:1rem}.tab-button[data-v-1b14be63]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;background:var(--light-grey);border:2px solid #e5e7eb;border-radius:var(--radius);color:#666;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}.tab-button[data-v-1b14be63]:hover{background:#fff;border-color:#d1d5db}.tab-button.active[data-v-1b14be63]{background:#fff;border-color:var(--orange);color:var(--orange)}.tab-button svg[data-v-1b14be63]{color:currentColor}.login-card[data-v-1b14be63]{padding:2rem;background:var(--light-grey);border-radius:var(--radius);box-shadow:0 4px 6px #0000000d}.tab-content[data-v-1b14be63]{animation:fadeIn-1b14be63 .2s ease-in}@keyframes fadeIn-1b14be63{0%{opacity:0}to{opacity:1}}.form-group[data-v-1b14be63]{margin-bottom:1.5rem}.form-group label[data-v-1b14be63]{display:block;font-weight:600;font-size:.95rem;color:#333;margin-bottom:.75rem;text-align:center}.code-inputs[data-v-1b14be63]{display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.code-input[data-v-1b14be63]{width:3.5rem;height:4rem;padding:0;font-size:2rem;font-weight:700;text-align:center;letter-spacing:0;border:2px solid #e5e7eb;border-radius:var(--radius);background:#fff;transition:all .2s;text-transform:uppercase;font-family:Courier New,monospace}.code-input[data-v-1b14be63]:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #fb923c1a;transform:scale(1.05)}.code-input.input-error[data-v-1b14be63]{border-color:#dc2626;background:#fef2f2}.input-hint[data-v-1b14be63]{font-size:.75rem;color:#888;text-align:center;margin:.5rem 0 0}.form-input[data-v-1b14be63]{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:var(--radius);background:#fff;transition:all .2s}.form-input[data-v-1b14be63]:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #fb923c1a}.form-input.input-error[data-v-1b14be63]{border-color:#dc2626;background:#fef2f2}.error-message[data-v-1b14be63]{color:#dc2626;font-size:.875rem;margin-top:.5rem;margin-bottom:0;text-align:center}.login-help[data-v-1b14be63]{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;text-align:center}.help-text[data-v-1b14be63]{font-size:.875rem;color:#666;margin:0;line-height:1.5}.help-link[data-v-1b14be63]{display:inline-block;color:var(--orange);font-weight:600;text-decoration:none;font-size:.95rem;transition:all .2s}.help-link[data-v-1b14be63]:hover{color:#ea580c;text-decoration:underline}.login-footer[data-v-1b14be63]{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.footer-text[data-v-1b14be63]{font-size:.875rem;color:#888;margin:0;text-align:center;line-height:1.5}.footer-link[data-v-1b14be63]{color:var(--orange);text-decoration:none;font-weight:600}.footer-link[data-v-1b14be63]:hover{text-decoration:underline}.w-full[data-v-1b14be63]{width:100%}@media (max-width: 640px){.login-container[data-v-1b14be63]{padding:1rem}.login-header h1[data-v-1b14be63]{font-size:1.5rem}.login-card[data-v-1b14be63]{padding:1.5rem}.tab-button[data-v-1b14be63]{font-size:.875rem;padding:.75rem .5rem;flex-direction:column;gap:.25rem}.tab-button svg[data-v-1b14be63]{width:16px;height:16px}.code-input[data-v-1b14be63]{width:3rem;height:3.5rem;font-size:1.75rem}.code-inputs[data-v-1b14be63]{gap:.375rem}}.verify-card{padding:2rem;background:var(--light-grey);border-radius:var(--radius);width:100%;max-width:500px;margin:0 auto}.form-label{display:block;margin-bottom:.5rem;text-align:left;font-weight:700}.form-input{padding:.75rem;border:1px solid #ddd;border-radius:var(--radius);width:100%;font-size:1rem}.success-animation{animation:fadeIn 1s;color:green;display:flex;align-items:center;gap:.5rem}.error-animation{animation:fadeIn 1s;color:red}.mb-4{margin-bottom:1rem}.w-full{width:100%}.link,.cursor-pointer{cursor:pointer}.enrollments-loading{min-height:1.5rem}.enrollments-table-wrapper-loading{opacity:.5}.enrollments-table-header{display:flex;flex-direction:column;gap:1rem}.enrollments-table-header .form-input-wrapper{width:100%}.enrollments-table-header .form-input-wrapper .form-input{width:100%;border-radius:9999px}.enrollments-table-header .button{padding-left:1rem;padding-right:1rem;white-space:nowrap}.enrollments-filters{display:flex;gap:1rem}.enrollments-filters svg{width:2rem;height:2rem}.enrollments-filters-inner .text-button{margin-left:-1em}.enrollments-col-name{width:10rem;min-width:10rem}.enrollments-col-login{width:10rem;min-width:10rem;max-width:10rem}.enrollments-col-course{min-width:15rem}.enrollments-col-status{width:10.5rem;min-width:10.5rem}.enrollments-col-date{width:8.5rem;min-width:8.5rem;max-width:8.5rem}.enrollment-login-code{position:relative;min-height:3rem;font-size:1rem;-webkit-user-select:text;user-select:text}.enrollment-login-code:focus-visible{outline-color:var(--blue)}.enrollment-login-code .badge-inner{font-family:var(--font-mono);font-weight:500;letter-spacing:1.1;gap:.5rem}.enrollment-login-code svg{color:var(--blue)}.enrollments-footer{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.enrollments-none{margin-top:2rem;padding:1.5rem;justify-content:center;align-items:center;max-width:30rem;margin-left:auto;margin-right:auto;font-size:1.25rem;text-align:center;background:var(--light-grey);border-radius:var(--radius)}@media (min-width: 1024px){.enrollments-table-wrapper.table-wrapper{overflow-x:visible}.enrollments-col-name{width:15rem;min-width:15rem}}@media (min-width: 1280px){.enrollments-table-header{flex-direction:row;justify-content:space-between;align-items:center}.enrollments-table-header .form-input-wrapper{width:13em}.enrollments-table-header .button{padding-left:2em;padding-right:2em}.enrollments-footer{flex-direction:row;justify-content:space-between}.disabled-button{color:gray!important;cursor:not-allowed!important}}.text-red{color:red}.verify-card{padding:2rem;background:var(--light-grey);border-radius:var(--radius)}.verify-card .form-label{text-align:left}.success-animation,.error-animation{animation:fadeIn 1s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.blue-strap{display:flex;justify-content:space-between;align-items:center;padding:0 .75rem;background:var(--blue);color:#fff;min-height:3rem}.blue-strap>div{display:flex;justify-content:space-between;align-items:center;gap:1rem}.main-menu-link{margin-left:-.5rem;padding:.25rem .5rem;font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:#000;text-decoration:none}.main-menu-link:focus-visible{outline:2px solid}.main-menu-link svg{width:2rem;height:auto;color:var(--orange)}.main-menu-link.active{color:var(--orange)}.header{position:sticky;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;background:#fff;z-index:9999}.header-stars{display:flex;align-items:center;gap:1rem}.header-stars-img{max-height:1.25rem;width:auto}.header-stars-ratings{display:none}.header-credits{display:flex;align-items:center;border-radius:var(--radius);background:#fff;color:var(--orange);text-decoration:none;height:2rem}.header-credits:focus-visible{outline:2px solid white;outline-offset:2px}.header-credits svg{margin:.5rem .75rem;width:1rem;height:auto}.header-credits span{line-height:2rem;padding:0 .75rem;border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);background:var(--orange);color:#fff;font-weight:700;align-self:stretch}.header-logo-link{max-width:10rem;margin:.25rem;padding:1rem .5rem;color:#000}.header-logo-link:focus-visible{outline:2px solid}.header-logo-link svg{width:100%;height:auto}.header-desktop-nav{display:none}.header .dropdown-button{display:flex;justify-content:center;align-items:center;width:6rem;height:6rem;border:none;border-radius:0}.header .dropdown-button:focus-visible{outline-width:2px;outline-offset:-4px}.header .dropdown-button svg{width:3rem;height:3rem}.header .dropdown-button rect{transition:all .2s}.header .dropdown-button[aria-expanded=true] rect:first-child{transform-origin:center center;transform:translate(-3.5px) translateY(3.5px) rotate(45deg)}.header .dropdown-button[aria-expanded=true] rect:last-child{transform-origin:center center;transform:translate(-3.5px) translateY(-3.5px) rotate(-45deg)}.header .dropdown-button[aria-expanded=true] rect:nth-child(2){opacity:0}.header .dropdown-panel{padding:0;border:none;border-radius:0;left:auto;right:0;width:100vw;max-height:calc(100vh - 10rem);display:flex;flex-direction:column;overflow-y:scroll;border-bottom:4px solid var(--orange);transform-origin:top right}.header-mobile-nav{padding:1.25rem}.header-menu-details{display:flex;flex-direction:column;gap:2rem;background:var(--light-grey);padding:1.25rem}.header-menu-details p{margin:0}.header-menu-detail-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700;text-transform:uppercase}@media (min-width: 720px){.header{max-width:1440px;margin-left:auto;margin-right:auto}.header-stars-ratings{display:inline}.header-logo-link{max-width:13rem;padding:1.5rem 1.25rem}.header .dropdown{display:none}.header-desktop-nav{display:block;padding-right:1rem}.header-desktop-nav .main-menu{flex-direction:row;gap:1rem}.header-desktop-nav .main-menu-link{font-size:1rem}}@media (min-width: 1024px){.header-desktop-nav{padding-right:2rem}.header-desktop-nav .main-menu{gap:3rem}}.footer{margin-top:16rem;background:#000;color:#fff}.footer-top{display:flex;flex-direction:column;gap:2rem;padding:3rem .75rem}.footer-logo-link{max-width:10rem;margin:.25rem .25rem .25rem -.25rem;padding:.5rem .25rem;color:#fff}.footer-logo-link:focus-visible{outline:2px solid}.footer-logo-link svg{width:100%;height:auto}.footer-item{display:flex;flex-direction:column;gap:.25rem;font-weight:500}.footer-item h2{margin:0;font-family:var(--font-heading);font-weight:700;font-size:1.5rem}.footer .blue-strap{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;font-size:.875rem}@media (min-width: 720px){.footer-top{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem}.footer .blue-strap{flex-direction:row;align-items:center;padding:0 .75rem}}.layout-main{padding:0 .75rem}@media (min-width: 720px){.layout-main{padding:0 1.5rem}}@media (min-width: 1280px){.layout-main{padding:0 3rem;max-width:1440px;margin-left:auto;margin-right:auto;margin-bottom:.5rem}}