.elearning-module{container-type:inline-size;container-name:elearning-module;margin:0;padding:0;box-sizing:border-box}.elearning-module *{margin:0;padding:0;box-sizing:border-box}.elearning-module__content{display:grid;gap:1rem}.elearning-module__status-message{grid-column:1 / -1}@container elearning-module (min-width: 1024px){.elearning-module__content{grid-template-columns:1fr 1fr 1fr 1fr}}@container elearning-module (min-width: 768px) and (max-width: 1023px){.elearning-module__content{grid-template-columns:1fr 1fr}.elearning-module__section--status{grid-column:1;grid-row:1}.elearning-module__section--email{grid-column:2;grid-row:1}.elearning-module__section--confirmation{grid-column:1;grid-row:2}.elearning-module__section--button{grid-column:2;grid-row:2}}@container elearning-module (min-width: 480px) and (max-width: 767px){.elearning-module__content{grid-template-columns:1fr 1fr}.elearning-module__section--status{grid-column:1;grid-row:1}.elearning-module__section--email{grid-column:2;grid-row:1}.elearning-module__section--confirmation,.elearning-module__section--button{grid-column:1 / -1}}@container elearning-module (max-width: 479px){.elearning-module__content{grid-template-columns:1fr}}.elearning-module__section{display:flex;flex-direction:column;gap:.5rem}.email-input-group{display:flex;gap:.5rem}.elearning-module__input{flex:1}.elearning-module__checkbox-label{display:flex;align-items:center;gap:.75rem}.elearning-module__status{display:flex;flex-direction:column;gap:.75rem}.status-item{display:flex;align-items:center;gap:.75rem}.status-indicator{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:700;font-size:.9rem}.status-indicator.status-success{background:#4caf50;color:#fff}.status-indicator.status-pending{background:#ff9800;color:#fff}.elearning-module__status-message{padding:1rem;border-radius:4px;font-weight:500;text-align:center}.elearning-module__status-message--success{background:#e8f5e9;color:#2e7d32;border:1px solid #4caf50}.elearning-module__status-message--error{background:#ffebee;color:#c62828;border:1px solid #f44336}.elearning-module__error{color:#f44336;font-size:.875rem;margin-top:.25rem}.elearning-module__success{color:#4caf50;font-size:.875rem;margin-top:.25rem}.participant-picker{display:flex;flex-direction:column;gap:.375rem}.participant-picker__hint{font-size:.8125rem;color:#333;line-height:1.3}.participant-picker__list{display:flex;flex-wrap:wrap;gap:.375rem;max-height:7.5rem;overflow-y:auto}.participant-picker__option{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #000;background:#fff;color:#000;padding:.35rem .75rem;min-height:34px;cursor:pointer;font-size:.875rem;white-space:nowrap}.participant-picker__option:hover:not(:disabled){background:#f3f3f3}.participant-picker__option:disabled{cursor:not-allowed;opacity:.6}.participant-picker__option--selected{background-color:#5eb7a9!important;border-color:#5eb7a9}.elearning-module__button--secondary{height:34px;padding:0 15px;border:none;background-color:#5eb7a9!important;color:#000}.elearning-module__button--primary{height:34px;padding:0 15px;border:none;background-color:#f3f3f3!important;color:#000}@media (min-width: 1501px){.elearning-module__section--status{order:1}.elearning-module__section--confirmation{order:2}.elearning-module__section--email{order:3}.elearning-module__section--button{order:4}.elearning-module__content{position:fixed;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:space-evenly;min-height:60px;padding:10px 24px;background:#fff;border-top:1px solid #000;box-sizing:border-box;font-size:1rem}.elearning-module__status,.elearning-module__checkbox-label,.elearning-module__input,.elearning-module__button,.elearning-module__label,.status-item{font-size:1rem!important}.elearning-module__content>.elearning-module__section{flex:0 1 auto;min-width:0;margin:0!important;padding:0!important}.elearning-module__status{display:flex;flex-direction:column;gap:2px}.status-item{display:flex;align-items:center;gap:8px;white-space:nowrap}.elearning-module__checkbox-label{display:flex;align-items:center;gap:10px;margin:0}.elearning-module__checkbox{width:20px;height:20px}.elearning-module__label{display:none}.email-input-group{display:flex;align-items:center;gap:6px}.elearning-module__section--email{position:relative}.participant-picker{position:absolute;bottom:calc(100% + 8px);left:0;z-index:10000;min-width:280px;max-width:420px;padding:12px;background:#fff;border:1px solid #000;box-shadow:0 -4px 16px #0000001f}.elearning-module__input{width:300px;min-width:300px;height:34px;padding:0 15px}.elearning-module__button--primary,.elearning-module__button--secondary{white-space:nowrap}body{padding-bottom:70px}}@media (min-width: 768px) and (max-width: 1500px){.elearning-module__content{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;padding:16px 24px;background:#fff;border-top:1px solid #000}.elearning-module__section--status{grid-column:1;grid-row:1}.elearning-module__section--email{grid-column:2;grid-row:1}.elearning-module__section--confirmation{grid-column:1;grid-row:2}.elearning-module__section--button{grid-column:2;grid-row:2}.elearning-module__status,.elearning-module__checkbox-label,.elearning-module__input,.elearning-module__button,.status-item{font-size:1rem!important}.elearning-module__checkbox{width:22px;height:22px}.email-input-group{display:flex;align-items:center;gap:6px}.elearning-module__section--email{position:relative}.participant-picker{position:absolute;bottom:calc(100% + 8px);right:0;z-index:10000;min-width:260px;max-width:100%;padding:12px;background:#fff;border:1px solid #000;box-shadow:0 -4px 16px #0000001f}.elearning-module__input{width:100%;min-width:0;height:34px;padding:0 15px}body{padding-bottom:140px}}@media (max-width: 767px){.elearning-module__content{position:static;display:flex;flex-direction:column;gap:16px;width:100%;padding:20px 16px;background:#fff;border-top:1px solid #d9d9d9;box-sizing:border-box}.email-input-group{display:flex;flex-direction:column;gap:8px}.elearning-module__input,.elearning-module__button{width:100%}.elearning-module__checkbox-label{display:flex;align-items:center;gap:10px}.elearning-module__checkbox{transform:scale(1.2)}}