/* docara-shell-source: smart/smart/pager/css/pager.min.css */
@layer sf.reset, sf.tokens, sf.base, sf.utilities, sf.components, sf.overrides, sf.states;
@layer sf.components{.sf-pager{--sf-pager--line: var(--sf-text-height-1);--sf-pager--text: var(--sf-text-size-1);--sf-pager--note-line: var(--sf-text-height-1\/2);--sf-pager--note-text: var(--sf-text-size-1\/2);--sf-pager--space-x: var(--sf-ui-1--space-x);--sf-pager--text-space: var(--sf-ui-1--text-space-x);--sf-pager--inset-y: var(--sf-ui-1--space-y);--sf-pager--gap: var(--sf-pager-gap, var(--sf-pager--text-space));--sf-pager--card-background: var(--sf-pager-card-background-color, var(--sf-pager-card-background, var(--sf-surface-card)));--sf-pager--card-border-color: var(--sf-pager-card-border-color, var(--sf-outline-variant));--sf-pager--card-radius: var(--sf-pager-card-radius, var(--sf-radius--ui));--sf-pager--link-color: var(--sf-pager-link-color, var(--sf-primary));--sf-pager--meta-color: var(--sf-pager-meta-color, var(--sf-on-surface-variant));--sf-pager--track-color: var(--sf-pager-track-color, var(--sf-surface-container));--sf-pager--fill-color: var(--sf-pager-fill-color, var(--sf-primary));display:block;box-sizing:border-box;min-width:0;min-inline-size:0;color:var(--sf-on-surface);font-size:var(--sf-pager--text);line-height:var(--sf-pager--line)}.sf-pager--size-half{--sf-pager--line: var(--sf-text-height-1\/2);--sf-pager--text: var(--sf-text-size-1\/2);--sf-pager--note-line: var(--sf-text-height-1\/3);--sf-pager--note-text: var(--sf-text-size-1\/3);--sf-pager--space-x: var(--sf-ui-1\/2--space-x);--sf-pager--text-space: var(--sf-ui-1\/2--text-space-x);--sf-pager--inset-y: var(--sf-ui-1\/2--space-y)}.sf-pager *,.sf-pager *::before,.sf-pager *::after{box-sizing:border-box}.sf-pager .sf-pager-icon{--sf-pager--icon-size: var(--sf-pager--line);--sf-icon--font-size: var(--sf-pager--icon-size);--sf-icon--width: var(--sf-pager--icon-size);--sf-icon--height: var(--sf-pager--icon-size);flex:none}.sf-pager:dir(rtl) .sf-pager-icon:not(.sf-pager-lesson-mark),.sf-pager:dir(rtl) .sf-pager-back .sf-icon,.sf-pager:dir(rtl) .sf-pager-forward .sf-icon,.sf-pager:dir(rtl) .sf-pager-lesson-action .sf-icon{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.sf-pager-title{display:block;min-width:0;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-pager-meta,.sf-pager-place{color:var(--sf-pager--meta-color);font-size:var(--sf-pager--note-text);line-height:var(--sf-pager--note-line)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-pager-side{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-pager-side{text-align:left}}.sf-pager-side:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-pager-side{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-pager-side{text-align:right}}.sf-pager-side:where(:dir(rtl)){text-align:right}.sf-pager-side{margin:0;border:0;background:none;color:var(--sf-pager--link-color);font:inherit;text-align:start;text-decoration:none;cursor:pointer}.sf-pager-side.focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-pager-side:focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-pager--cards{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);grid-gap:var(--sf-pager--gap);gap:var(--sf-pager--gap)}.sf-pager--cards .sf-pager-side{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-inline-size:0;padding-top:var(--sf-pager--inset-y);padding-bottom:var(--sf-pager--inset-y);padding-block:var(--sf-pager--inset-y);padding-left:var(--sf-pager--space-x);padding-right:var(--sf-pager--space-x);padding-inline:var(--sf-pager--space-x);border:var(--sf-px) solid var(--sf-pager--card-border-color);border-radius:var(--sf-pager--card-radius);background:var(--sf-pager--card-background)}.sf-pager--cards .sf-pager-side:hover{border-color:var(--sf-outline-primary)}.sf-pager--cards .sf-pager-side--prev{grid-column:1}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-pager--cards .sf-pager-side--next{text-align:right}@supports not (text-align: end){html:not([dir="rtl"]) .sf-pager--cards .sf-pager-side--next{text-align:right}}.sf-pager--cards .sf-pager-side--next:where(:dir(ltr)){text-align:right}_:-ms-input-placeholder, [dir="rtl"] .sf-pager--cards .sf-pager-side--next{text-align:left}@supports not (text-align: end){[dir="rtl"] .sf-pager--cards .sf-pager-side--next{text-align:left}}.sf-pager--cards .sf-pager-side--next:where(:dir(rtl)){text-align:left}.sf-pager--cards .sf-pager-side--next{grid-column:2;align-items:flex-end;text-align:end}.sf-pager--cards .sf-pager-direction{display:flex;align-items:center;gap:var(--sf-pager--text-space);color:var(--sf-pager--meta-color);font-size:var(--sf-pager--note-text);line-height:var(--sf-pager--note-line)}.sf-pager--cards .sf-pager-direction .sf-pager-icon{--sf-pager--icon-size: var(--sf-pager--note-line);--sf-icon--color: var(--sf-on-surface-variant)}.sf-pager--cards .sf-pager-title{max-width:100%;max-inline-size:100%;font-weight:var(--sf-font-weight-medium)}.sf-pager--row{display:flex;align-items:center;gap:var(--sf-pager--gap);min-height:var(--sf-pager--line);min-block-size:var(--sf-pager--line)}.sf-pager--row .sf-pager-side{display:inline-flex;align-items:center;gap:var(--sf-pager--text-space);max-width:calc(50% - var(--sf-pager--gap)/2);max-inline-size:calc(50% - var(--sf-pager--gap)/2);min-width:0;min-inline-size:0;padding:0}.sf-pager--row .sf-pager-side:hover .sf-pager-title{text-decoration:underline}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-pager--row .sf-pager-side--next{margin-left:auto}@supports not (margin-inline-start: initial){html:not([dir="rtl"]) .sf-pager--row .sf-pager-side--next{margin-left:auto}}.sf-pager--row .sf-pager-side--next:where(:dir(ltr)){margin-left:auto}_:-ms-input-placeholder, [dir="rtl"] .sf-pager--row .sf-pager-side--next{margin-right:auto}@supports not (margin-inline-start: initial){[dir="rtl"] .sf-pager--row .sf-pager-side--next{margin-right:auto}}.sf-pager--row .sf-pager-side--next:where(:dir(rtl)){margin-right:auto}.sf-pager--row .sf-pager-side--next{-webkit-margin-start:auto;margin-inline-start:auto}.sf-pager--row .sf-pager-icon{--sf-icon--color: var(--sf-on-surface-variant)}.sf-pager--steps{display:flex;align-items:center;gap:var(--sf-pager--gap)}.sf-pager-middle{display:flex;flex:1 1 0;flex-direction:column;align-items:center;gap:var(--sf-a4);min-width:0;min-inline-size:0}.sf-pager--steps .sf-pager-place{max-width:100%;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-pager-track{display:flex;gap:var(--sf-a4);width:100%;inline-size:100%}.sf-pager-segment{flex:1 1 0;height:var(--sf-a4);block-size:var(--sf-a4);border-radius:var(--sf-a2);background:var(--sf-pager--track-color)}.sf-pager-segment--done{background:var(--sf-pager--fill-color)}.sf-pager--course{display:flex;flex-direction:column;gap:var(--sf-pager--gap)}.sf-pager-progress{display:flex;align-items:center;gap:var(--sf-pager--text-space);min-height:var(--sf-pager--note-line);min-block-size:var(--sf-pager--note-line)}.sf-pager-dots{display:flex;flex:none;align-items:center;gap:var(--sf-a4)}.sf-pager-dot{width:var(--sf-a8);inline-size:var(--sf-a8);height:var(--sf-a8);block-size:var(--sf-a8);border-radius:50%;background:var(--sf-pager--track-color)}.sf-pager-dot--done{background:var(--sf-pager--fill-color)}.sf-pager-dot--current{border:var(--sf-a2) solid var(--sf-pager--fill-color);background:var(--sf-surface-place)}.sf-pager-lesson{display:flex;align-items:center;gap:var(--sf-pager--text-space);padding-top:var(--sf-pager--inset-y);padding-bottom:var(--sf-pager--inset-y);padding-block:var(--sf-pager--inset-y);padding-left:var(--sf-pager--space-x);padding-right:var(--sf-pager--space-x);padding-inline:var(--sf-pager--space-x);border:var(--sf-px) solid var(--sf-pager--card-border-color);border-radius:var(--sf-pager--card-radius);background:var(--sf-pager--card-background)}.sf-pager-lesson-number{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--sf-pager--line);inline-size:var(--sf-pager--line);height:var(--sf-pager--line);block-size:var(--sf-pager--line);border-radius:50%;background:var(--sf-primary-container);color:var(--sf-on-primary-container);font-size:var(--sf-pager--note-text);font-weight:var(--sf-font-weight-medium);line-height:1}.sf-pager-lesson-text{display:flex;flex:1 1 0;flex-direction:column;min-width:0;min-inline-size:0}.sf-pager-lesson .sf-pager-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-pager-lesson .sf-pager-title{font-weight:var(--sf-font-weight-medium)}.sf-pager-lesson-action{flex:none}.sf-pager--counter{display:inline-flex;align-items:center;gap:var(--sf-pager--gap)}.sf-pager--counter .sf-icon{contain:layout}.sf-pager--counter .sf-pager-place{min-width:7ch;min-inline-size:7ch;color:var(--sf-on-surface);font-size:var(--sf-pager--text);line-height:var(--sf-pager--line);-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}@media(prefers-reduced-motion: no-preference){.sf-pager--cards .sf-pager-side{transition:border-color var(--sf-duration-fast) var(--sf-animation)}.sf-pager-segment,.sf-pager-dot{transition:background-color var(--sf-duration-fast) var(--sf-animation)}}@media(forced-colors: active){.sf-pager-side.focus-visible{outline:var(--sf-focus-outline-width) solid currentColor}.sf-pager-side:focus-visible{outline:var(--sf-focus-outline-width) solid currentColor}.sf-pager-segment--done,.sf-pager-dot--done{background:Highlight}.sf-pager-segment,.sf-pager-dot{border:var(--sf-px) solid CanvasText}}}