.preview-dashboard{background:var(--preview-bg)}.preview-dashboard-sidebar{z-index:1;background:color-mix(in oklch, var(--preview-muted) 55%, var(--preview-bg));position:relative}@media (min-width:1024px){.preview-dashboard-sidebar{width:15rem;height:100vh;max-height:100dvh;transition:width var(--duration-normal) var(--ease-out);align-self:flex-start;position:sticky;top:0;overflow-x:clip}.preview-dashboard-sidebar.is-collapsed{width:4.5rem}}@media (prefers-reduced-motion:reduce){.preview-dashboard-sidebar{transition:none}}.preview-dashboard-sidebar-nav{padding:.75rem 1rem}.preview-dashboard-sidebar-inner{flex-direction:column;gap:1rem;min-height:100%;padding:.75rem 1rem 1rem;display:flex}.preview-dashboard-sidebar-top{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex}.preview-dashboard-sidebar-bottom{border-top:1px solid var(--preview-border);flex-direction:column;gap:1rem;margin-top:auto;padding-top:1rem;display:flex}.preview-dashboard-recents{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:none}@media (min-width:1024px){.preview-dashboard-recents{display:flex}}.preview-dashboard-recents-slot{min-height:0;display:none}@media (min-width:1024px){.preview-dashboard-recents-slot{min-height:0;transition:grid-template-rows var(--duration-normal) var(--ease-out), flex var(--duration-normal) var(--ease-out), opacity var(--duration-normal) var(--ease-out);flex:auto;grid-template-rows:1fr;display:grid}.preview-dashboard-recents-slot.is-collapsed{opacity:0;pointer-events:none;flex:0 0 0;grid-template-rows:0fr}.preview-dashboard-recents-slot>*{min-height:0;overflow:hidden}}.preview-dashboard-recents-heading{font-family:var(--font-preview-headline), "Red Hat Display", system-ui, sans-serif;letter-spacing:-.01em;color:var(--preview-fg);margin:0;padding:0 .5rem;font-size:.9375rem;font-weight:700;line-height:1.35}.preview-dashboard-recents-list{scrollbar-width:thin;flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.preview-dashboard-recents-link{min-height:2.75rem;color:var(--preview-muted-fg);white-space:nowrap;text-overflow:ellipsis;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;line-height:1.35;text-decoration:none;transition:background .15s,color .15s;display:flex;overflow:hidden}.preview-dashboard-recents-link:hover{background:color-mix(in oklch, var(--preview-primary) 8%, white);color:var(--preview-fg)}.preview-dashboard-recents-link.is-active{background:color-mix(in oklch, var(--preview-primary) 12%, white);color:var(--preview-primary);font-weight:600}.preview-dashboard-recents-link:focus-visible{outline:2px solid var(--preview-primary);outline-offset:2px}.preview-dashboard-recents-empty{flex-direction:column;gap:.375rem;padding:.25rem .75rem .75rem;display:flex}.preview-dashboard-recents-empty__text{color:var(--preview-muted-fg);margin:0;font-size:.875rem;line-height:1.4}.preview-dashboard-recents-empty__link{color:var(--preview-primary);font-size:.875rem;font-weight:600;line-height:1.4;text-decoration:none}.preview-dashboard-recents-empty__link:hover{color:var(--preview-primary-hover);text-underline-offset:2px;text-decoration:underline}.preview-dashboard-recents-empty__link:focus-visible{outline:2px solid var(--preview-primary);outline-offset:2px;border-radius:.25rem}@keyframes preview-dashboard-skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.preview-dashboard-skeleton__bar{border-radius:var(--preview-radius-md);background:var(--preview-muted);height:.75rem;animation:1.4s ease-in-out infinite preview-dashboard-skeleton-pulse;display:block}.preview-dashboard-skeleton__bar.is-title{flex:auto;min-width:0;max-width:18rem;height:1.75rem}.preview-dashboard-skeleton__bar.is-action{border-radius:var(--preview-radius-lg);flex:0 0 5.5rem;height:2.25rem}.preview-dashboard-skeleton__bar.is-meta{width:14rem;max-width:72%}.preview-dashboard-skeleton__bar.is-label{width:5.5rem;height:.625rem}.preview-dashboard-skeleton__bar.is-section-title{width:6.5rem;height:.875rem}.preview-dashboard-skeleton__bar.is-score-row{border-radius:var(--preview-radius-lg);width:100%;height:2.25rem}.preview-dashboard-recents-skeleton{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.preview-dashboard-recents-skeleton__item{padding:.5rem .625rem}.preview-dashboard-skeleton__header{flex-direction:column;gap:.75rem;display:flex}.preview-dashboard-skeleton__header .preview-results-page-header__row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.preview-dashboard-skeleton__score-panel{min-height:10.5rem}.preview-dashboard-skeleton__score-column,.preview-dashboard-skeleton__summary-column{flex-direction:column;gap:.875rem;display:flex}.preview-dashboard-skeleton__score-rows,.preview-dashboard-skeleton__summary-lines{flex-direction:column;gap:.625rem;display:flex}.preview-dashboard-skeleton__essay-column{flex-direction:column;gap:.875rem;display:flex}.preview-dashboard-skeleton__essay-block{border:1px solid var(--preview-border);border-radius:var(--preview-radius-lg);background:#fff;flex-direction:column;gap:.625rem;padding:1.25rem 1.5rem;display:flex}.preview-dashboard-skeleton__feedback-panel{border:1px solid var(--preview-border);border-radius:var(--preview-radius-lg);background:#fff;flex-direction:column;gap:.875rem;min-height:12rem;padding:1rem;display:flex}.preview-dashboard-skeleton__feedback-cards{flex-direction:column;gap:.75rem;display:flex}.preview-dashboard-skeleton__feedback-card{border-radius:var(--preview-radius-lg);background:var(--preview-muted);animation:1.4s ease-in-out infinite preview-dashboard-skeleton-pulse;display:block}@media (prefers-reduced-motion:reduce){.preview-dashboard-skeleton__bar,.preview-dashboard-skeleton__feedback-card{animation:none}}.preview-results-page-title-cluster{flex:0 auto;align-items:flex-start;min-width:0;max-width:100%;display:flex}.preview-results-page-title-wrap{flex:0 auto;min-width:0;max-width:100%;overflow:hidden}.preview-results-page-title-wrap .preview-results-page-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.preview-results-page-title-cluster .preview-results-page-mascot{pointer-events:none;flex-shrink:0;width:3.25rem;height:3.25rem;margin-left:.625rem;position:static}@media (min-width:640px){.preview-results-page-title-cluster .preview-results-page-mascot{width:4.25rem;height:4.25rem;margin-top:-1.5rem;margin-left:.875rem}}.preview-dashboard-recent-list-item{opacity:1;max-height:6.5rem;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1),max-height .22s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translateY(0)}.preview-dashboard-recent-list-item.is-visible{transition-delay:calc(var(--recent-enter-i,0) * 50ms)}.preview-dashboard-recent-list-item.is-entering{opacity:0;max-height:0;transform:translateY(-.375rem)}.preview-dashboard-recent-list-item.is-exiting{opacity:0;pointer-events:none;max-height:0;transform:translateY(-.375rem)}@media (prefers-reduced-motion:reduce){.preview-dashboard-recent-list-item{transition:none}}.preview-dashboard-recents-list-item{opacity:1;max-height:3rem;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1),max-height .22s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translateY(0)}.preview-dashboard-recents-list-item.is-visible{transition-delay:calc(var(--recent-enter-i,0) * 45ms)}.preview-dashboard-recents-list-item.is-entering{opacity:0;max-height:0;transform:translateY(-.25rem)}.preview-dashboard-recents-list-item.is-exiting{opacity:0;pointer-events:none;max-height:0;transform:translateY(-.25rem)}@media (prefers-reduced-motion:reduce){.preview-dashboard-recents-list-item{transition:none}}@media (prefers-reduced-motion:no-preference){::view-transition-group(*){animation-duration:.22s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(*){animation-duration:.22s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(*){animation-duration:.22s;animation-timing-function:cubic-bezier(.22,1,.36,1)}}.preview-dashboard-intro__class-select{flex-shrink:0}@media (min-width:640px){.preview-dashboard-intro__class-select .preview-dashboard-dropdown-trigger{min-width:12rem}}@media (min-width:1024px){.preview-bento-span-12{grid-column:span 12}}.preview-results-summary--markdown p{margin:0}.preview-results-summary--markdown p+p,.preview-results-summary--markdown p+ul,.preview-results-summary--markdown ul+p{margin-top:.75rem}.preview-results-summary--markdown ul{margin:0;padding-left:1.25rem;list-style:outside}.preview-results-summary--markdown li+li{margin-top:.35rem}.preview-results-summary--markdown strong{font-weight:600}.preview-results-summary--markdown em{font-style:italic}.preview-results-summary--markdown,.preview-results-summary{overflow-wrap:anywhere;word-break:break-word}.preview-dashboard-settings-actions{opacity:0;pointer-events:none;flex-wrap:wrap;gap:.75rem;max-height:0;padding-top:.25rem;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1),max-height .22s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden;transform:translateY(-.375rem)}.preview-dashboard-settings-actions.is-visible{opacity:1;pointer-events:auto;max-height:8rem;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.preview-dashboard-settings-actions{transition:none;transform:none}.preview-dashboard-settings-actions:not(.is-visible){display:none}}.preview-dashboard-session-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.preview-dashboard-session-item{border:1px solid var(--preview-border);border-radius:var(--preview-radius-md);background:#fff;padding:.875rem 1rem}.preview-dashboard-session-badge{letter-spacing:.02em;text-transform:uppercase;color:var(--preview-primary);background:color-mix(in oklch, var(--preview-primary) 12%, transparent);border-radius:999px;margin-left:.5rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:700}.preview-dashboard-settings-delete .preview-dashboard-input,.preview-dashboard-settings-delete input[type=password]{width:100%}.preview-dashboard-delete-actions .preview-dashboard-secondary-btn{justify-content:center;width:100%}@media (max-width:639px){.preview-dashboard-password-field{width:100%}.preview-dashboard-settings-actions{flex-direction:column}.preview-dashboard-settings-actions .preview-dashboard-primary-btn,.preview-dashboard-settings-actions .preview-dashboard-secondary-btn{width:100%}}.preview-dashboard-settings-suggestion{border:1px solid var(--preview-border);background:color-mix(in oklch, var(--preview-bg) 96%, var(--preview-accent-muted));color:var(--preview-muted-fg);cursor:pointer;border-radius:999px;align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;line-height:1.35;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.preview-dashboard-settings-suggestion:hover{border-color:color-mix(in oklch, var(--preview-primary) 30%, var(--preview-border));background:var(--preview-accent-muted);color:var(--preview-fg)}.preview-dashboard-settings-suggestion:focus-visible{outline:2px solid var(--preview-primary);outline-offset:2px}.preview-dashboard-settings-grading-textarea{resize:none;min-height:6.5rem}.preview-dashboard-settings-subject-dropdown{width:100%}.preview-dashboard-settings-custom-instructions{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),opacity .22s cubic-bezier(.22,1,.36,1);display:grid}.preview-dashboard-settings-custom-instructions.is-open{opacity:1;grid-template-rows:1fr}.preview-dashboard-settings-custom-instructions__inner{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.preview-dashboard-settings-custom-instructions{transition:none}.preview-dashboard-settings-custom-instructions:not(.is-open){display:none}}
@media (max-width:1023px){.preview-dashboard-sidebar-inner{display:none}}.preview-dashboard-mobilebar{justify-content:space-between;align-items:center;gap:.75rem;padding:.25rem 1rem;display:flex}@media (min-width:1024px){.preview-dashboard-mobilebar{display:none}}.preview-dashboard-mobilebar-trigger{border:1px solid var(--preview-border);background:var(--preview-bg);width:2.75rem;height:2.75rem;color:var(--preview-fg);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;padding:0;transition:border-color .15s,box-shadow .15s;display:inline-flex}.preview-dashboard-mobilebar-trigger:hover{border-color:color-mix(in oklch, var(--preview-primary) 45%, var(--preview-border))}.preview-dashboard-mobilebar-trigger:focus-visible{outline:2px solid var(--preview-primary);outline-offset:2px}.preview-dashboard-mobilebar-avatar{width:2.25rem;height:2.25rem}.preview-dashboard-mobile-overlay{z-index:60;display:flex;position:fixed;inset:0}@media (min-width:1024px){.preview-dashboard-mobile-overlay{display:none}}.preview-dashboard-mobile-drawer{z-index:1;width:100%;height:100%;padding:1rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom));background:var(--preview-bg);will-change:transform;flex-direction:column;gap:1rem;transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow-y:auto;transform:translate(100%)}.preview-dashboard-mobile-drawer.is-open{transform:translate(0)}@media (prefers-reduced-motion:reduce){.preview-dashboard-mobile-drawer{transition:none}}.preview-dashboard-mobile-close{background:color-mix(in oklch, var(--preview-muted) 60%, white);width:2.75rem;height:2.75rem;color:var(--preview-fg);cursor:pointer;border:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .16s,box-shadow .16s,transform .16s;display:inline-flex;position:relative;box-shadow:0 8px 22px -10px #00000047,inset 0 0 0 1px #ffffffb3}.preview-dashboard-mobile-close:after{content:"";border:1px solid color-mix(in oklch, var(--preview-fg) 12%, transparent);pointer-events:none;border-radius:9999px;position:absolute;inset:-5px}.preview-dashboard-mobile-close:hover{background:color-mix(in oklch, var(--preview-muted) 80%, white);box-shadow:0 10px 26px -10px #00000057,inset 0 0 0 1px #fffc}.preview-dashboard-mobile-close:active{transform:scale(.96)}.preview-dashboard-mobile-close:focus-visible{outline:2px solid var(--preview-primary);outline-offset:4px}.preview-dashboard-mobile-drawer__header{border-bottom:1px solid var(--preview-border);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.75rem;display:flex}.preview-dashboard-mobile-profile{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.preview-dashboard-mobile-profile .preview-dashboard-avatar-image{border:1.5px solid var(--preview-fg)}.preview-dashboard-mobile-profile__avatar-link{border-radius:9999px;line-height:0;display:inline-flex}.preview-dashboard-mobile-profile__avatar-link:focus-visible{outline:2px solid var(--preview-primary);outline-offset:3px}@media (max-width:639px){.preview-dashboard-toolbar__optional{display:none}}.preview-dashboard-locked{text-align:center;border:1px solid var(--preview-border);border-radius:var(--preview-radius-lg);background:radial-gradient(120% 90% at 50% 0%, color-mix(in oklch, var(--preview-accent-muted) 55%, white), var(--preview-bg) 70%);flex-direction:column;align-items:center;gap:1rem;padding:clamp(2rem,5vw,3rem) 1.5rem;display:flex}.preview-dashboard-locked__art{border-radius:var(--preview-radius-lg);width:clamp(8rem,38%,12rem);height:auto;margin-bottom:.25rem}.preview-dashboard-locked__title{font-family:var(--font-preview-headline), "Red Hat Display", system-ui, sans-serif;letter-spacing:-.01em;color:var(--preview-fg);margin:0;font-size:clamp(1.375rem,3.5vw,1.75rem);font-weight:700;line-height:1.2}.preview-dashboard-locked__body{max-width:30rem;color:var(--preview-muted-fg);margin:0;font-size:1rem;line-height:1.55}.preview-dashboard-locked__progress{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.preview-dashboard-locked__dot{background:color-mix(in oklch, var(--preview-fg) 16%, transparent);border-radius:9999px;width:.625rem;height:.625rem;transition:background .2s}.preview-dashboard-locked__dot.is-filled{background:var(--preview-primary)}.preview-dashboard-locked__cta{min-height:2.75rem;margin-top:.5rem;padding-inline:1.25rem}.preview-dashboard-mobile-profile__name{color:var(--preview-fg);text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.375rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.preview-dashboard-mobile-drawer__nav .preview-dashboard-sidebar-list{flex-direction:column;padding-bottom:0;overflow:visible}.preview-dashboard-mobile-drawer__nav .preview-dashboard-sidebar-link{width:100%;display:flex}.preview-dashboard-mobile-recents{border-top:1px solid var(--preview-border);flex-direction:column;flex:1;gap:.5rem;min-height:0;padding-top:1rem;display:flex}.preview-dashboard-mobile-recents .preview-dashboard-recents-heading{font-size:1.125rem;font-weight:700}.preview-dashboard-mobile-drawer__footer{border-top:1px solid var(--preview-border);margin-top:auto;padding-top:.75rem}.preview-dashboard-mobile-drawer__footer .preview-dashboard-sidebar-list{flex-direction:column;padding-bottom:0;overflow:visible}.preview-dashboard-mobile-drawer__footer .preview-dashboard-sidebar-link{width:100%;display:flex}
.preview-dashboard-learn-shell{--preview-learn-pattern:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='48' height='42' patternTransform='scale(2.5) rotate(0)'><rect width='100%' height='100%' fill='none'/><path d='M0 0h24L0 42Z' fill='%235bb8e8ff'/><path d='M24 0h24l-24 42Z' fill='%237ebef0ff'/><path d='M0 42h48L24 0Z' fill='%23A7CEFEff'/><path d='M12 21L0 42h24Z' fill='%23fdd2d9ff'/><path d='M36 21L24 42h24Z' fill='%23FA6982ff'/><path d='M24 0l12 21H24V0Z' fill='%23f9b8c4ff'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");--preview-learn-pattern-alt:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='48' height='42' patternTransform='scale(2.5) rotate(180)'><rect width='100%' height='100%' fill='none'/><path d='M0 0h24L0 42Z' fill='%23A7CEFEff'/><path d='M24 0h24l-24 42Z' fill='%23c8e4fcff'/><path d='M0 42h48L24 0Z' fill='%23fdd2d9ff'/><path d='M12 21L0 42h24Z' fill='%23f9b8c4ff'/><path d='M36 21L24 42h24Z' fill='%23feeef1ff'/><path d='M24 0l12 21H24V0Z' fill='%23fbc4ceff'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");isolation:isolate;flex:1;width:100%;min-height:100%;position:relative;overflow:hidden}.preview-dashboard-learn-shell>:not(.preview-learn-stripes){z-index:1;position:relative}.preview-learn-stripes{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.preview-learn-stripes:before{content:"";transform-origin:0;background-color:var(--preview-bg);background-image:var(--preview-learn-pattern);background-repeat:repeat;background-size:auto;width:auto;height:3rem;position:absolute;top:48%;left:-4%;right:-10%;transform:rotate(-27deg)}.preview-learn-stripes:after{content:"";transform-origin:0;background-color:var(--preview-bg);background-image:var(--preview-learn-pattern-alt);background-repeat:repeat;background-size:auto;width:auto;height:3rem;position:absolute;top:62%;left:-4%;right:-10%;transform:rotate(-27deg)}.preview-learn-tabs{margin-top:1.75rem}.preview-learn-tabs-list-wrap{max-width:100%;display:inline-flex}.preview-learn-tabs-list{border:1px solid var(--preview-border);border-radius:calc(var(--preview-radius-lg) + .25rem);background:#fff;max-width:100%;margin:0;padding:.3125rem;list-style:none;display:inline-flex;position:relative}.preview-learn-tabs-list:before{content:"";z-index:0;width:var(--learn-tab-width,0px);border-radius:var(--preview-radius-md);background:var(--preview-primary);pointer-events:none;transform:translateX(var(--learn-tab-left,0px));transition:transform var(--duration-emphasis) var(--ease-in-out);position:absolute;top:.3125rem;bottom:.3125rem;left:0}.preview-learn-tabs-list>li{z-index:1;display:flex;position:relative}.preview-learn-tab{border-radius:var(--preview-radius-md);min-height:2.5rem;color:var(--preview-muted-fg);white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:.5rem clamp(.875rem,3vw,1.375rem);font-size:.9375rem;font-weight:600;transition:color .2s;display:inline-flex;position:relative}.preview-learn-tab:before{content:"";background:var(--preview-border);width:1px;height:1.125rem;transition:opacity .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.preview-learn-tabs-list>li:first-child .preview-learn-tab:before,.preview-learn-tab.is-active:before{opacity:0}.preview-learn-tabs-list>li:has(.preview-learn-tab.is-active)+li .preview-learn-tab:before{opacity:0}.preview-learn-tab:hover:not(.is-active){color:var(--preview-fg)}.preview-learn-tab.is-active{color:#fff}.preview-learn-tab:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch, var(--preview-primary) 30%, transparent);outline:none}.preview-learn-content{margin-top:1.75rem}.preview-learn-panel{flex-direction:column;gap:2.5rem;animation:.34s cubic-bezier(.22,1,.36,1) both preview-learn-panel-in;display:flex}@keyframes preview-learn-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.preview-learn-group-title{font-family:var(--font-preview-headline), "Red Hat Display", system-ui, sans-serif;letter-spacing:-.01em;color:var(--preview-fg);margin:0 0 .75rem;font-size:1.1875rem;font-weight:700}.preview-learn-group-lead{max-width:62ch;color:var(--preview-muted-fg);margin:-.25rem 0 1rem;font-size:.9375rem;line-height:1.55}.preview-learn-list{border-radius:var(--preview-radius-lg);background:var(--preview-card);border:1px solid #0000;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}.preview-learn-list>li+li{border-top:1px solid var(--preview-border)}.preview-learn-row{align-items:flex-start;gap:1rem;padding:1rem clamp(1rem,2.5vw,1.25rem);text-decoration:none;transition:background .16s;display:flex}.preview-learn-row:hover{background:color-mix(in oklch, var(--preview-accent-muted) 40%, white)}.preview-learn-row:focus-visible{background:color-mix(in oklch, var(--preview-accent-muted) 55%, white);box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--preview-primary) 28%, transparent);outline:none}.preview-learn-row-main{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.preview-learn-row-title{font-family:var(--font-preview-headline), "Red Hat Display", system-ui, sans-serif;letter-spacing:-.01em;color:var(--preview-fg);font-size:1.0625rem;font-weight:600;line-height:1.3;transition:color .16s}.preview-learn-row:hover .preview-learn-row-title,.preview-learn-row:focus-visible .preview-learn-row-title{color:var(--preview-primary)}.preview-learn-row-note{max-width:62ch;color:var(--preview-muted-fg);font-size:.875rem;line-height:1.5}.preview-learn-row-arrow{width:1.0625rem;height:1.0625rem;color:color-mix(in oklch, var(--preview-muted-fg) 70%, var(--preview-border));flex-shrink:0;margin-top:.1875rem;transition:transform .16s,color .16s}.preview-learn-row:hover .preview-learn-row-arrow,.preview-learn-row:focus-visible .preview-learn-row-arrow{color:var(--preview-primary);transform:translate(2px,-2px)}.preview-learn-video-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,16.5rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.preview-learn-video-card{border-radius:var(--preview-radius-lg);background:var(--preview-card);height:100%;box-shadow:var(--shadow-sm);border:1px solid #0000;flex-direction:column;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;overflow:hidden}.preview-learn-video-card:hover{border-color:color-mix(in oklch, var(--preview-primary) 38%, var(--preview-border));box-shadow:0 14px 30px color-mix(in oklch, var(--preview-primary) 10%, transparent);transform:translateY(-2px)}.preview-learn-video-card:focus-visible{border-color:color-mix(in oklch, var(--preview-primary) 50%, var(--preview-border));box-shadow:0 0 0 3px color-mix(in oklch, var(--preview-primary) 26%, transparent);outline:none}.preview-learn-video-thumb{aspect-ratio:16/9;background:color-mix(in oklch, var(--preview-accent-muted) 60%, var(--preview-muted));width:100%;position:relative;overflow:hidden}.preview-learn-video-thumb img{object-fit:cover;width:100%;height:100%;display:block}.preview-learn-video-thumb-fallback{background:linear-gradient(145deg, color-mix(in oklch, var(--preview-accent-muted) 85%, white) 0%, color-mix(in oklch, var(--preview-primary) 12%, white) 100%);width:100%;height:100%;display:block}.preview-learn-video-play{color:#fff;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.preview-learn-video-play:before{content:"";background:color-mix(in oklch, var(--preview-fg) 52%, transparent);border-radius:999px;width:2.75rem;height:2.75rem;transition:background .16s;position:absolute}.preview-learn-video-play>svg{position:relative;translate:1px}.preview-learn-video-card:hover .preview-learn-video-play:before,.preview-learn-video-card:focus-visible .preview-learn-video-play:before{background:var(--preview-primary)}.preview-learn-video-body{gap:var(--space-2,.5rem);padding:var(--space-4,1rem) var(--space-4,1rem) var(--space-4,1rem);flex-direction:column;flex:1;display:flex}.preview-learn-video-title-row{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.preview-learn-video-title{font-family:var(--font-preview-headline), "Red Hat Display", system-ui, sans-serif;letter-spacing:-.01em;color:var(--preview-fg);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:600;line-height:1.3;transition:color .16s;display:-webkit-box;overflow:hidden}.preview-learn-video-card:hover .preview-learn-video-title,.preview-learn-video-card:focus-visible .preview-learn-video-title{color:var(--preview-primary)}.preview-learn-video-arrow{width:1rem;height:1rem;color:color-mix(in oklch, var(--preview-muted-fg) 70%, var(--preview-border));flex-shrink:0;margin-top:.1875rem;transition:transform .16s,color .16s}.preview-learn-video-card:hover .preview-learn-video-arrow,.preview-learn-video-card:focus-visible .preview-learn-video-arrow{color:var(--preview-primary);transform:translate(2px,-2px)}.preview-learn-video-note{color:var(--preview-muted-fg);font-size:.8125rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.preview-learn-panel{animation:none}.preview-learn-tab,.preview-learn-row,.preview-learn-row-title,.preview-learn-row-arrow,.preview-learn-video-card,.preview-learn-video-title,.preview-learn-video-arrow,.preview-learn-video-play:before{transition:none}.preview-learn-row:hover .preview-learn-row-arrow,.preview-learn-row:focus-visible .preview-learn-row-arrow,.preview-learn-video-card:hover,.preview-learn-video-card:hover .preview-learn-video-arrow,.preview-learn-video-card:focus-visible .preview-learn-video-arrow{transform:none}}
.preview-portaled-surface{--preview-bg:#fff;font-family:var(--font-preview-body), "Source Sans 3", system-ui, sans-serif;color:var(--preview-fg);font-size:1rem;line-height:1.5}.preview-dashboard-history-popover{z-index:60;border:1px solid var(--preview-border);border-radius:var(--preview-radius-lg);background:var(--preview-bg);width:min(18.5rem,100vw - 2rem);color:var(--preview-fg);box-shadow:0 14px 36px color-mix(in oklch, var(--preview-primary) 12%, transparent);opacity:0;flex-direction:column;animation:.15s cubic-bezier(.22,1,.36,1) forwards preview-history-popover-enter;display:flex;position:fixed;overflow:hidden;transform:translateY(4px)}@keyframes preview-history-popover-enter{to{opacity:1;transform:translateY(0)}}.preview-shell>.preview-dashboard-history-popover{z-index:60;position:fixed}.preview-dashboard-history-popover__header{font-family:var(--font-preview-headline), "Red Hat Display", system-ui, sans-serif;letter-spacing:-.01em;color:var(--preview-fg);flex-shrink:0;margin:0;padding:.875rem 1rem .5rem;font-size:.9375rem;font-weight:700;line-height:1.35}.preview-dashboard-history-popover__list{scrollbar-width:thin;flex:1;min-height:0;padding:0 .375rem .5rem;overflow-y:auto}.preview-dashboard-history-popover__empty{padding:0 .375rem .75rem}.preview-dashboard-history-popover__link{min-height:2.75rem}.preview-dashboard-history-popover__active-dot{background:var(--preview-primary);border-radius:999px;flex-shrink:0;width:.4375rem;height:.4375rem}@media (prefers-reduced-motion:reduce){.preview-dashboard-history-popover{animation:.12s forwards preview-history-popover-enter-reduced;transform:none}@keyframes preview-history-popover-enter-reduced{to{opacity:1}}}@media (min-width:1024px){.preview-dashboard-sidebar-inner{height:100%;min-height:0;transition:padding var(--duration-normal) var(--ease-out);padding:.875rem .875rem 1rem;overflow:hidden auto}.preview-dashboard-sidebar.is-collapsed .preview-dashboard-sidebar-inner{padding-left:.625rem;padding-right:.625rem}}.preview-dashboard-sidebar-logo{flex-shrink:0;line-height:0}@media (min-width:1024px){.preview-dashboard-sidebar-header{min-height:4rem;transition:justify-content var(--duration-normal) var(--ease-out)}.preview-dashboard-sidebar-logo{opacity:1;max-width:12rem;transition:max-width var(--duration-normal) var(--ease-out), opacity var(--duration-normal) var(--ease-out), visibility var(--duration-normal) var(--ease-out);overflow:hidden}.preview-dashboard-sidebar-header.is-collapsed .preview-dashboard-sidebar-logo{opacity:0;visibility:hidden;pointer-events:none;max-width:0}}.preview-dashboard-collapse-btn{width:2.5rem;height:2.5rem;color:color-mix(in oklch, var(--preview-fg) 80%, white);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s}.preview-dashboard-collapse-btn:hover{color:var(--preview-primary)}.preview-dashboard-collapse-icon{width:1.75rem;height:1.75rem}.preview-dashboard-sidebar-list{gap:.5rem;margin:0;padding:0;list-style:none;display:flex}@media (max-width:1023px){.preview-dashboard-sidebar-list{flex-direction:row;padding-bottom:.25rem;overflow-x:auto}}@media (min-width:1024px){.preview-dashboard-sidebar-list{flex-direction:column}}.preview-dashboard-sidebar-link{border-radius:var(--preview-radius-md);min-height:3rem;color:var(--preview-muted-fg);white-space:nowrap;transition:background .15s ease, color .15s ease, gap var(--duration-normal) var(--ease-out), padding var(--duration-normal) var(--ease-out);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:1.0625rem;font-weight:600;line-height:1.35;text-decoration:none;display:inline-flex}.preview-dashboard-sidebar-link__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width:1024px){.preview-dashboard-sidebar-link__label{opacity:1;max-width:10rem;transition:max-width var(--duration-normal) var(--ease-out), opacity var(--duration-normal) var(--ease-out)}.preview-dashboard-sidebar.is-collapsed .preview-dashboard-sidebar-link{justify-content:center;gap:0;padding-left:.75rem;padding-right:.75rem}.preview-dashboard-sidebar.is-collapsed .preview-dashboard-sidebar-link__label{opacity:0;max-width:0}}.preview-dashboard-sidebar-link svg{flex-shrink:0;width:1.125rem;height:1.125rem}@media (min-width:1024px){.preview-dashboard-sidebar-link{width:100%;display:flex}}.preview-dashboard-sidebar-link:hover{background:color-mix(in oklch, var(--preview-accent-muted) 70%, white);color:var(--preview-fg)}.preview-dashboard-sidebar-link.is-active{background:var(--preview-accent-muted);color:var(--preview-primary)}.preview-dashboard-sidebar-link--button{cursor:pointer;width:100%;font-family:inherit;font-size:inherit;line-height:inherit;text-align:left;background:0 0;border:0}.preview-dashboard-sidebar-list--bottom{gap:.375rem}@media (min-width:1024px){.preview-dashboard-sidebar-list--bottom{flex-direction:column}}.preview-dashboard-text-link{color:var(--preview-primary);align-items:center;gap:.375rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.preview-dashboard-text-link:hover{color:var(--preview-primary-hover)}.preview-dashboard-recent-list{border:1px solid var(--preview-border);border-radius:var(--preview-radius-lg);background:#fff;margin:0;padding:0;list-style:none;overflow:hidden}.preview-dashboard-recent-item{border-top:1px solid var(--preview-border);align-items:center;gap:1rem;padding:1rem 1.125rem;text-decoration:none;transition:background .15s;display:flex}.preview-dashboard-recent-list>li:first-child .preview-dashboard-recent-item{border-top:0}.preview-dashboard-recent-item:hover{background:color-mix(in oklch, var(--preview-accent-muted) 45%, white)}.preview-dashboard-score{background:var(--preview-accent-muted);color:var(--preview-primary);border-radius:999px;flex-shrink:0;padding:.25rem .625rem;font-size:.875rem;font-weight:700}.preview-dashboard-panel{border:1px solid color-mix(in oklch, var(--preview-primary) 14%, var(--preview-border));border-radius:var(--preview-radius-lg);background:#fff;padding:1rem 1.125rem}