/* Folien der Unterweisungen (ADR-034): 16:9-Fläche, Positionen im 1-%-Raster (Klassen statt Inline-Styles wegen der CSP).
   Schriftgrößen in cqw (Prozent der Folienbreite) – Text skaliert mit der Folie. Auf schmalen Geräten werden die Elemente
   in Lesereihenfolge untereinander gestellt. */
.slide-frame { container-type: inline-size; width: 100%; }
.slide { position: relative; aspect-ratio: 16 / 9; width: 100%; overflow: hidden; border-radius: .5rem;
  box-shadow: 0 1px 4px rgba(0,0,0,.18); font-size: max(.9rem, 2.8cqw); line-height: 1.35; text-align: left; font-weight: 400; }
.slide.bg-white { background: #fff; color: #1a1a1a; }
.slide.bg-surface { background: #f4f6f8; color: #1a1a1a; }
.slide.bg-primary { background: var(--cb-primary); color: #fff; }
.slide.bg-dark { background: #1d2733; color: #fff; }
.slide .el { position: absolute; box-sizing: border-box; margin: 0; padding: .6cqw .8cqw; overflow: auto; }
.slide h2.el { font-size: max(1.2rem, 4.4cqw); line-height: 1.15; display: flex; align-items: flex-end; }
.slide .el p { margin: 0 0 .6em; }
.slide .el ul, .slide ul.el { padding-left: 2.6cqw; }
.slide ul.el li { margin-bottom: .4em; }
.slide .fs-s { font-size: max(.8rem, 2.2cqw); } .slide .fs-m { font-size: max(.9rem, 2.8cqw); } .slide .fs-l { font-size: max(1.1rem, 4cqw); } .slide .fs-xl { font-size: max(1.4rem, 6cqw); }
.slide .ta-left { text-align: left; justify-content: flex-start; } .slide .ta-center { text-align: center; justify-content: center; }
.slide .ta-right { text-align: right; justify-content: flex-end; }
.slide .b { font-weight: 700; } .slide .i { font-style: italic; }
.slide .c-text { color: #1a1a1a; } .slide .c-primary { color: var(--cb-primary); } .slide .c-muted { color: #555; }
.slide .c-green { color: #0b5d1e; } .slide .c-red { color: #a4161a; } .slide .c-white { color: #fff; }
.slide.bg-primary .c-primary, .slide.bg-dark .c-primary { color: #fff; }
.slide .el-shape { padding: 0; background: var(--cb-primary); }
.slide .el-shape.c-text { background: #1a1a1a; } .slide .el-shape.c-muted { background: #8a8f96; } .slide .el-shape.c-green { background: #0b5d1e; }
.slide .el-shape.c-red { background: #a4161a; } .slide .el-shape.c-white { background: #fff; }
.slide .el-callout { border-left: .6cqw solid #c75a00; background: #fff4e5; color: #1a1a1a; border-radius: .4cqw; padding: 1.2cqw 1.6cqw; }
.slide .el-callout.tone-info { border-color: var(--cb-primary); background: #e8f1fb; }
.slide .el-quote blockquote { margin: 0; font-style: italic; }
.slide .el-quote figcaption { margin-top: .6em; font-size: .7em; opacity: .85; }
.slide .el-image, .slide .el-video { padding: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.slide .el-image img, .slide .el-video video { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: .3cqw; }
.slide .el-quiz { overflow: auto; }
.slide .quiz-q { font-size: max(1rem, 3.2cqw); font-weight: 700; }
.slide .quiz-form .check { display: block; font-size: max(.9rem, 2.8cqw); margin: .5em 0; }
.slide .quiz-form button { font-size: max(.9rem, 2.4cqw); }
.slide .quiz-options { list-style: none; padding: 0; }
.slide .quiz-options li { padding: .4em .7em; margin: .3em 0; border-radius: .3em; border: 1px solid #c8ccd2; background: #fff; color: #1a1a1a; }
.slide .quiz-options li.correct { border-color: #0b5d1e; background: #e6f4ea; }
.slide .quiz-options li.wrong.chosen { border-color: #a4161a; background: #fdecea; }
.slide .quiz-result.ok { color: #0b5d1e; font-weight: 700; } .slide .quiz-result.nok { color: #a4161a; font-weight: 700; }
.slide.bg-primary .quiz-result, .slide.bg-dark .quiz-result { color: #fff; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@container (max-width: 560px) {
  .slide-frame:not(.fixed) .slide { aspect-ratio: auto; font-size: 1rem; padding: 1rem; }
  .slide-frame:not(.fixed) .slide .el { position: static; width: auto !important; height: auto !important; padding: .3rem 0; overflow: visible; }
  .slide-frame:not(.fixed) .slide h2.el { font-size: 1.4rem; } .slide-frame:not(.fixed) .slide .fs-s { font-size: .9rem; } .slide-frame:not(.fixed) .slide .fs-m { font-size: 1rem; }
  .slide-frame:not(.fixed) .slide .fs-l { font-size: 1.3rem; } .slide-frame:not(.fixed) .slide .fs-xl { font-size: 1.6rem; }
  .slide-frame:not(.fixed) .slide .el-shape { display: none; }
  .slide-frame:not(.fixed) .slide .quiz-q { font-size: 1.1rem; } .slide-frame:not(.fixed) .slide .quiz-form .check { font-size: 1rem; } .slide-frame:not(.fixed) .slide .quiz-form button { font-size: 1rem; }
  .slide-frame:not(.fixed) .slide .el-callout { border-left-width: 4px; padding: .6rem .8rem; }
}

/* Feste Folien (Editor, Vorschaubilder): immer 16:9, Schrift nur relativ zur Folie, nie untereinander gestellt */
.slide-frame.fixed .slide { font-size: 2.8cqw; }
.slide-frame.fixed .slide h2.el { font-size: 4.4cqw; }
.slide-frame.fixed .slide .fs-s { font-size: 2.2cqw; } .slide-frame.fixed .slide .fs-m { font-size: 2.8cqw; }
.slide-frame.fixed .slide .fs-l { font-size: 4cqw; } .slide-frame.fixed .slide .fs-xl { font-size: 6cqw; }
.slide-frame.fixed .slide .quiz-q { font-size: 3.2cqw; } .slide-frame.fixed .slide .quiz-form .check { font-size: 2.8cqw; }

/* Folien-Editor (ADR-035) */
.editor { width: calc(100vw - 2rem); margin-left: calc(50% - 50vw + 1rem); }
.editor-bar { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-bottom: .8rem; }
.editor-bar h1 { font-size: 1.3rem; margin: 0 1rem 0 0; }
.editor-bar .save-state { color: var(--cb-muted); font-size: .9rem; margin-right: auto; }
.editor-grid { display: grid; grid-template-columns: 14rem minmax(0, 1fr) 19rem; gap: 1rem; align-items: start; }
.editor-slides { background: var(--cb-surface); border-radius: .5rem; padding: .6rem; max-height: calc(100vh - 9rem); overflow: auto; }
.editor-slides .chapter { margin-bottom: 1rem; }
.editor-slides .chapter-title { display: flex; gap: .3rem; align-items: center; margin-bottom: .4rem; }
.editor-slides .chapter-title input { flex: 1; font-weight: 600; min-width: 0; }
.editor-slides .thumb { position: relative; margin-bottom: .5rem; }
.editor-slides .thumb > button.pick { display: block; width: 100%; padding: 0; border: 2px solid transparent; border-radius: .45rem; background: none; cursor: pointer; }
.editor-slides .thumb.current > button.pick { border-color: var(--cb-primary); }
.editor-slides .thumb .no { position: absolute; left: .3rem; top: .2rem; font-size: .7rem; background: rgba(255,255,255,.85); color: #1a1a1a; padding: 0 .3rem; border-radius: .2rem; }
.editor-slides .thumb .slide { pointer-events: none; box-shadow: none; border: 1px solid #c8ccd2; }
.editor-slides .thumb-actions { display: flex; gap: .2rem; justify-content: flex-end; margin-top: .15rem; }
.editor-slides .thumb-actions button, .icon-btn { padding: .15rem .45rem; font-size: .85rem; background: #fff; color: var(--cb-text); border: 1px solid #c8ccd2; }
.editor-stage .stage-tools { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; margin-bottom: .6rem; }
.editor-stage .slide-frame { max-width: 64rem; }
.editor-stage .slide { box-shadow: 0 2px 10px rgba(0,0,0,.2); user-select: none; }
.editor-stage .slide .el { cursor: pointer; }
.editor-stage .slide .el:hover { outline: 1px dashed #8a8f96; }
.editor-stage .slide .el.empty { outline: 1px dashed #c75a00; }
.editor-stage .slide .el-image.empty::after, .editor-stage .slide .el-video.empty::after { content: attr(data-placeholder); color: #555; font-size: 2cqw; }
.sel-box { position: absolute; box-sizing: border-box; outline: 2px solid var(--cb-focus); box-shadow: 0 0 0 4px rgba(0,0,0,.55); cursor: move; z-index: 20; touch-action: none; }
.sel-box .hd { position: absolute; width: 1.1cqw; height: 1.1cqw; min-width: 10px; min-height: 10px; background: #fff; border: 2px solid #1a1a1a; box-sizing: border-box; }
.sel-box .hd.nw { left: -6px; top: -6px; cursor: nwse-resize; } .sel-box .hd.ne { right: -6px; top: -6px; cursor: nesw-resize; }
.sel-box .hd.sw { left: -6px; bottom: -6px; cursor: nesw-resize; } .sel-box .hd.se { right: -6px; bottom: -6px; cursor: nwse-resize; }
.sel-box .hd.n { left: calc(50% - 6px); top: -6px; cursor: ns-resize; } .sel-box .hd.s { left: calc(50% - 6px); bottom: -6px; cursor: ns-resize; }
.sel-box .hd.w { top: calc(50% - 6px); left: -6px; cursor: ew-resize; } .sel-box .hd.e { top: calc(50% - 6px); right: -6px; cursor: ew-resize; }
.slide textarea.inline-edit { position: absolute; z-index: 30; box-sizing: border-box; margin: 0; padding: .6cqw .8cqw; border: 2px solid var(--cb-focus);
  font: inherit; color: #1a1a1a; background: #fffef5; resize: none; line-height: 1.35; }
.editor-props { background: var(--cb-surface); border-radius: .5rem; padding: .8rem; max-height: calc(100vh - 9rem); overflow: auto; }
.editor-props h2 { font-size: 1rem; margin: 0 0 .6rem; }
.editor-props label { display: block; font-size: .85rem; font-weight: 600; margin: .6rem 0 .2rem; }
.editor-props input[type=text], .editor-props input[type=number], .editor-props textarea, .editor-props select { width: 100%; box-sizing: border-box; font: inherit; }
.editor-props .row { display: flex; gap: .4rem; flex-wrap: wrap; }
.editor-props .pos { display: grid; grid-template-columns: repeat(4, 1fr); gap: .3rem; }
.editor-props .pos label { margin: 0; font-weight: 400; }
.editor-props .toggle[aria-pressed="true"] { background: var(--cb-primary); color: #fff; }
.editor-props .opt { display: grid; grid-template-columns: auto 1fr auto; gap: .3rem; align-items: center; margin: .25rem 0; }
.editor-props .hint { font-size: .82rem; color: var(--cb-muted); }
.layout-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; }
.layout-grid button { background: #fff; color: var(--cb-text); border: 1px solid #c8ccd2; padding: .4rem; text-align: center; }
.layout-grid button:hover, .layout-grid button:focus-visible { border-color: var(--cb-primary); }
dialog.editor-dialog { max-width: 46rem; width: calc(100vw - 2rem); border: 0; border-radius: .6rem; box-shadow: 0 10px 40px rgba(0,0,0,.35); }
dialog.editor-dialog::backdrop { background: rgba(0,0,0,.4); }
dialog.editor-dialog label { display: block; font-weight: 600; margin: .6rem 0 .2rem; }
dialog.editor-dialog textarea { width: 100%; box-sizing: border-box; font: inherit; }
@media (max-width: 1100px) { .editor-grid { grid-template-columns: 11rem minmax(0, 1fr); } .editor-props { grid-column: 1 / -1; max-height: none; } }

/* Kursansicht */
.course { display: grid; grid-template-columns: minmax(14rem, 18rem) 1fr; gap: 1.5rem; align-items: start; }
.course-nav { position: sticky; top: .5rem; background: var(--cb-surface); border-radius: .5rem; padding: .8rem; max-height: calc(100vh - 2rem); overflow: auto; }
.course-nav h2 { font-size: 1rem; margin: .2rem 0 .5rem; }
.course-nav ol { list-style: none; margin: 0 0 .8rem; padding: 0; }
.course-nav li a { display: flex; gap: .5rem; padding: .35rem .4rem; border-radius: .3rem; text-decoration: none; color: var(--cb-text); font-size: .92rem; }
.course-nav li a[aria-current="page"] { background: #fff; box-shadow: inset 3px 0 0 var(--cb-primary); font-weight: 600; }
.course-nav li a:hover { background: #fff; }
.course-nav .tick { width: 1.2rem; flex: none; text-align: center; color: #0b5d1e; }
.course-nav .tick.open { color: #8a8f96; }
.progress { height: .5rem; background: #dde2e7; border-radius: .25rem; overflow: hidden; margin: .3rem 0 .2rem; }
.progress span { display: block; height: 100%; background: #0b5d1e; }
.course-main .slide-toolbar { display: flex; justify-content: space-between; align-items: center; gap: .5rem; margin: .8rem 0; flex-wrap: wrap; }
.course-main:fullscreen { background: #111; padding: 2vh 2vw; display: flex; flex-direction: column; justify-content: center; }
.course-main:fullscreen .slide-toolbar, .course-main:fullscreen .slide-meta { color: #fff; }
.slide-meta { color: var(--cb-muted); font-size: .9rem; margin: .2rem 0 .6rem; }
.slide-list .slide-frame { margin-bottom: 1.2rem; max-width: 56rem; }
.course-main .slide-toolbar > span { display: flex; gap: .5rem; flex-wrap: wrap; }
@media (max-width: 800px) { .course { grid-template-columns: 1fr; } .course-nav { position: static; max-height: none; } .course-main { order: -1; } }

/* Breite des Fortschrittsbalkens */
.pw-0{width:0%}.pw-1{width:1%}.pw-2{width:2%}.pw-3{width:3%}.pw-4{width:4%}.pw-5{width:5%}.pw-6{width:6%}.pw-7{width:7%}.pw-8{width:8%}.pw-9{width:9%}.pw-10{width:10%}.pw-11{width:11%}.pw-12{width:12%}.pw-13{width:13%}.pw-14{width:14%}.pw-15{width:15%}.pw-16{width:16%}.pw-17{width:17%}.pw-18{width:18%}.pw-19{width:19%}.pw-20{width:20%}.pw-21{width:21%}.pw-22{width:22%}.pw-23{width:23%}.pw-24{width:24%}.pw-25{width:25%}.pw-26{width:26%}.pw-27{width:27%}.pw-28{width:28%}.pw-29{width:29%}.pw-30{width:30%}.pw-31{width:31%}.pw-32{width:32%}.pw-33{width:33%}.pw-34{width:34%}.pw-35{width:35%}.pw-36{width:36%}.pw-37{width:37%}.pw-38{width:38%}.pw-39{width:39%}.pw-40{width:40%}.pw-41{width:41%}.pw-42{width:42%}.pw-43{width:43%}.pw-44{width:44%}.pw-45{width:45%}.pw-46{width:46%}.pw-47{width:47%}.pw-48{width:48%}.pw-49{width:49%}.pw-50{width:50%}.pw-51{width:51%}.pw-52{width:52%}.pw-53{width:53%}.pw-54{width:54%}.pw-55{width:55%}.pw-56{width:56%}.pw-57{width:57%}.pw-58{width:58%}.pw-59{width:59%}.pw-60{width:60%}.pw-61{width:61%}.pw-62{width:62%}.pw-63{width:63%}.pw-64{width:64%}.pw-65{width:65%}.pw-66{width:66%}.pw-67{width:67%}.pw-68{width:68%}.pw-69{width:69%}.pw-70{width:70%}.pw-71{width:71%}.pw-72{width:72%}.pw-73{width:73%}.pw-74{width:74%}.pw-75{width:75%}.pw-76{width:76%}.pw-77{width:77%}.pw-78{width:78%}.pw-79{width:79%}.pw-80{width:80%}.pw-81{width:81%}.pw-82{width:82%}.pw-83{width:83%}.pw-84{width:84%}.pw-85{width:85%}.pw-86{width:86%}.pw-87{width:87%}.pw-88{width:88%}.pw-89{width:89%}.pw-90{width:90%}.pw-91{width:91%}.pw-92{width:92%}.pw-93{width:93%}.pw-94{width:94%}.pw-95{width:95%}.pw-96{width:96%}.pw-97{width:97%}.pw-98{width:98%}.pw-99{width:99%}.pw-100{width:100%}

/* Raster */
.sx-0{left:0%}.sy-0{top:0%}.sw-0{width:0%}.sh-0{height:0%}
.sx-1{left:1%}.sy-1{top:1%}.sw-1{width:1%}.sh-1{height:1%}
.sx-2{left:2%}.sy-2{top:2%}.sw-2{width:2%}.sh-2{height:2%}
.sx-3{left:3%}.sy-3{top:3%}.sw-3{width:3%}.sh-3{height:3%}
.sx-4{left:4%}.sy-4{top:4%}.sw-4{width:4%}.sh-4{height:4%}
.sx-5{left:5%}.sy-5{top:5%}.sw-5{width:5%}.sh-5{height:5%}
.sx-6{left:6%}.sy-6{top:6%}.sw-6{width:6%}.sh-6{height:6%}
.sx-7{left:7%}.sy-7{top:7%}.sw-7{width:7%}.sh-7{height:7%}
.sx-8{left:8%}.sy-8{top:8%}.sw-8{width:8%}.sh-8{height:8%}
.sx-9{left:9%}.sy-9{top:9%}.sw-9{width:9%}.sh-9{height:9%}
.sx-10{left:10%}.sy-10{top:10%}.sw-10{width:10%}.sh-10{height:10%}
.sx-11{left:11%}.sy-11{top:11%}.sw-11{width:11%}.sh-11{height:11%}
.sx-12{left:12%}.sy-12{top:12%}.sw-12{width:12%}.sh-12{height:12%}
.sx-13{left:13%}.sy-13{top:13%}.sw-13{width:13%}.sh-13{height:13%}
.sx-14{left:14%}.sy-14{top:14%}.sw-14{width:14%}.sh-14{height:14%}
.sx-15{left:15%}.sy-15{top:15%}.sw-15{width:15%}.sh-15{height:15%}
.sx-16{left:16%}.sy-16{top:16%}.sw-16{width:16%}.sh-16{height:16%}
.sx-17{left:17%}.sy-17{top:17%}.sw-17{width:17%}.sh-17{height:17%}
.sx-18{left:18%}.sy-18{top:18%}.sw-18{width:18%}.sh-18{height:18%}
.sx-19{left:19%}.sy-19{top:19%}.sw-19{width:19%}.sh-19{height:19%}
.sx-20{left:20%}.sy-20{top:20%}.sw-20{width:20%}.sh-20{height:20%}
.sx-21{left:21%}.sy-21{top:21%}.sw-21{width:21%}.sh-21{height:21%}
.sx-22{left:22%}.sy-22{top:22%}.sw-22{width:22%}.sh-22{height:22%}
.sx-23{left:23%}.sy-23{top:23%}.sw-23{width:23%}.sh-23{height:23%}
.sx-24{left:24%}.sy-24{top:24%}.sw-24{width:24%}.sh-24{height:24%}
.sx-25{left:25%}.sy-25{top:25%}.sw-25{width:25%}.sh-25{height:25%}
.sx-26{left:26%}.sy-26{top:26%}.sw-26{width:26%}.sh-26{height:26%}
.sx-27{left:27%}.sy-27{top:27%}.sw-27{width:27%}.sh-27{height:27%}
.sx-28{left:28%}.sy-28{top:28%}.sw-28{width:28%}.sh-28{height:28%}
.sx-29{left:29%}.sy-29{top:29%}.sw-29{width:29%}.sh-29{height:29%}
.sx-30{left:30%}.sy-30{top:30%}.sw-30{width:30%}.sh-30{height:30%}
.sx-31{left:31%}.sy-31{top:31%}.sw-31{width:31%}.sh-31{height:31%}
.sx-32{left:32%}.sy-32{top:32%}.sw-32{width:32%}.sh-32{height:32%}
.sx-33{left:33%}.sy-33{top:33%}.sw-33{width:33%}.sh-33{height:33%}
.sx-34{left:34%}.sy-34{top:34%}.sw-34{width:34%}.sh-34{height:34%}
.sx-35{left:35%}.sy-35{top:35%}.sw-35{width:35%}.sh-35{height:35%}
.sx-36{left:36%}.sy-36{top:36%}.sw-36{width:36%}.sh-36{height:36%}
.sx-37{left:37%}.sy-37{top:37%}.sw-37{width:37%}.sh-37{height:37%}
.sx-38{left:38%}.sy-38{top:38%}.sw-38{width:38%}.sh-38{height:38%}
.sx-39{left:39%}.sy-39{top:39%}.sw-39{width:39%}.sh-39{height:39%}
.sx-40{left:40%}.sy-40{top:40%}.sw-40{width:40%}.sh-40{height:40%}
.sx-41{left:41%}.sy-41{top:41%}.sw-41{width:41%}.sh-41{height:41%}
.sx-42{left:42%}.sy-42{top:42%}.sw-42{width:42%}.sh-42{height:42%}
.sx-43{left:43%}.sy-43{top:43%}.sw-43{width:43%}.sh-43{height:43%}
.sx-44{left:44%}.sy-44{top:44%}.sw-44{width:44%}.sh-44{height:44%}
.sx-45{left:45%}.sy-45{top:45%}.sw-45{width:45%}.sh-45{height:45%}
.sx-46{left:46%}.sy-46{top:46%}.sw-46{width:46%}.sh-46{height:46%}
.sx-47{left:47%}.sy-47{top:47%}.sw-47{width:47%}.sh-47{height:47%}
.sx-48{left:48%}.sy-48{top:48%}.sw-48{width:48%}.sh-48{height:48%}
.sx-49{left:49%}.sy-49{top:49%}.sw-49{width:49%}.sh-49{height:49%}
.sx-50{left:50%}.sy-50{top:50%}.sw-50{width:50%}.sh-50{height:50%}
.sx-51{left:51%}.sy-51{top:51%}.sw-51{width:51%}.sh-51{height:51%}
.sx-52{left:52%}.sy-52{top:52%}.sw-52{width:52%}.sh-52{height:52%}
.sx-53{left:53%}.sy-53{top:53%}.sw-53{width:53%}.sh-53{height:53%}
.sx-54{left:54%}.sy-54{top:54%}.sw-54{width:54%}.sh-54{height:54%}
.sx-55{left:55%}.sy-55{top:55%}.sw-55{width:55%}.sh-55{height:55%}
.sx-56{left:56%}.sy-56{top:56%}.sw-56{width:56%}.sh-56{height:56%}
.sx-57{left:57%}.sy-57{top:57%}.sw-57{width:57%}.sh-57{height:57%}
.sx-58{left:58%}.sy-58{top:58%}.sw-58{width:58%}.sh-58{height:58%}
.sx-59{left:59%}.sy-59{top:59%}.sw-59{width:59%}.sh-59{height:59%}
.sx-60{left:60%}.sy-60{top:60%}.sw-60{width:60%}.sh-60{height:60%}
.sx-61{left:61%}.sy-61{top:61%}.sw-61{width:61%}.sh-61{height:61%}
.sx-62{left:62%}.sy-62{top:62%}.sw-62{width:62%}.sh-62{height:62%}
.sx-63{left:63%}.sy-63{top:63%}.sw-63{width:63%}.sh-63{height:63%}
.sx-64{left:64%}.sy-64{top:64%}.sw-64{width:64%}.sh-64{height:64%}
.sx-65{left:65%}.sy-65{top:65%}.sw-65{width:65%}.sh-65{height:65%}
.sx-66{left:66%}.sy-66{top:66%}.sw-66{width:66%}.sh-66{height:66%}
.sx-67{left:67%}.sy-67{top:67%}.sw-67{width:67%}.sh-67{height:67%}
.sx-68{left:68%}.sy-68{top:68%}.sw-68{width:68%}.sh-68{height:68%}
.sx-69{left:69%}.sy-69{top:69%}.sw-69{width:69%}.sh-69{height:69%}
.sx-70{left:70%}.sy-70{top:70%}.sw-70{width:70%}.sh-70{height:70%}
.sx-71{left:71%}.sy-71{top:71%}.sw-71{width:71%}.sh-71{height:71%}
.sx-72{left:72%}.sy-72{top:72%}.sw-72{width:72%}.sh-72{height:72%}
.sx-73{left:73%}.sy-73{top:73%}.sw-73{width:73%}.sh-73{height:73%}
.sx-74{left:74%}.sy-74{top:74%}.sw-74{width:74%}.sh-74{height:74%}
.sx-75{left:75%}.sy-75{top:75%}.sw-75{width:75%}.sh-75{height:75%}
.sx-76{left:76%}.sy-76{top:76%}.sw-76{width:76%}.sh-76{height:76%}
.sx-77{left:77%}.sy-77{top:77%}.sw-77{width:77%}.sh-77{height:77%}
.sx-78{left:78%}.sy-78{top:78%}.sw-78{width:78%}.sh-78{height:78%}
.sx-79{left:79%}.sy-79{top:79%}.sw-79{width:79%}.sh-79{height:79%}
.sx-80{left:80%}.sy-80{top:80%}.sw-80{width:80%}.sh-80{height:80%}
.sx-81{left:81%}.sy-81{top:81%}.sw-81{width:81%}.sh-81{height:81%}
.sx-82{left:82%}.sy-82{top:82%}.sw-82{width:82%}.sh-82{height:82%}
.sx-83{left:83%}.sy-83{top:83%}.sw-83{width:83%}.sh-83{height:83%}
.sx-84{left:84%}.sy-84{top:84%}.sw-84{width:84%}.sh-84{height:84%}
.sx-85{left:85%}.sy-85{top:85%}.sw-85{width:85%}.sh-85{height:85%}
.sx-86{left:86%}.sy-86{top:86%}.sw-86{width:86%}.sh-86{height:86%}
.sx-87{left:87%}.sy-87{top:87%}.sw-87{width:87%}.sh-87{height:87%}
.sx-88{left:88%}.sy-88{top:88%}.sw-88{width:88%}.sh-88{height:88%}
.sx-89{left:89%}.sy-89{top:89%}.sw-89{width:89%}.sh-89{height:89%}
.sx-90{left:90%}.sy-90{top:90%}.sw-90{width:90%}.sh-90{height:90%}
.sx-91{left:91%}.sy-91{top:91%}.sw-91{width:91%}.sh-91{height:91%}
.sx-92{left:92%}.sy-92{top:92%}.sw-92{width:92%}.sh-92{height:92%}
.sx-93{left:93%}.sy-93{top:93%}.sw-93{width:93%}.sh-93{height:93%}
.sx-94{left:94%}.sy-94{top:94%}.sw-94{width:94%}.sh-94{height:94%}
.sx-95{left:95%}.sy-95{top:95%}.sw-95{width:95%}.sh-95{height:95%}
.sx-96{left:96%}.sy-96{top:96%}.sw-96{width:96%}.sh-96{height:96%}
.sx-97{left:97%}.sy-97{top:97%}.sw-97{width:97%}.sh-97{height:97%}
.sx-98{left:98%}.sy-98{top:98%}.sw-98{width:98%}.sh-98{height:98%}
.sx-99{left:99%}.sy-99{top:99%}.sw-99{width:99%}.sh-99{height:99%}
.sx-100{left:100%}.sy-100{top:100%}.sw-100{width:100%}.sh-100{height:100%}