section.learn-index-main #placeholder{display:grid;margin-bottom:1rem;grid-template-columns:var(--sm-grid-template-columns);grid-template-rows:var(--sm-grid-template-rows);row-gap:calc(var(--sm-std-gutter) * var(--sm-row-gap));-moz-column-gap:calc(var(--sm-std-gutter) * var(--sm-column-gap));column-gap:calc(var(--sm-std-gutter) * var(--sm-column-gap))}@media (max-width:575.98px){section.learn-index-main #placeholder{--sm-grid-template-columns:1fr;--sm-column-gap:1.5;--sm-row-gap:1.5}}@media (min-width:576px) and (max-width:767.98px){section.learn-index-main #placeholder{--sm-grid-template-columns:max-content 1fr;--sm-column-gap:0.75;--sm-row-gap:0.75}}@media (min-width:768px) and (max-width:991.98px){section.learn-index-main #placeholder{--sm-grid-template-columns:max-content 1fr;--sm-column-gap:1.5;--sm-row-gap:1.5}}@media (min-width:992px) and (max-width:1199.98px){section.learn-index-main #placeholder{--sm-grid-template-columns:max-content 1fr;--sm-column-gap:1.5;--sm-row-gap:1.5}}@media (min-width:1200px){section.learn-index-main #placeholder{--sm-grid-template-columns:max-content 1fr;--sm-column-gap:1.5;--sm-row-gap:1.5}}section.learn-index-main #placeholder #levels{display:flex;justify-content:var(--sm-justify-content);grid-row:var(--sm-grid-row);grid-column:var(--sm-grid-column)}@media (max-width:575.98px){section.learn-index-main #placeholder #levels{--sm-grid-row:1;--sm-grid-column:1;--sm-justify-content:flex-start}}@media (min-width:576px){section.learn-index-main #placeholder #levels{--sm-grid-row:1;--sm-grid-column:1/span 2;--sm-justify-content:flex-end}}section.learn-index-main #placeholder #levels .level-tag{padding:0 calc(var(--sm-std-gutter) * .75);border-radius:var(--bs-border-radius-xl);border:1px solid var(--bs-body-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}section.learn-index-main #placeholder #levels .level-tag:not(:first-child){margin-left:calc(var(--sm-std-gutter) * .5)}section.learn-index-main #placeholder #levels .level-tag.active.easy{background-color:var(--sm-theme-learn-easy-tag-bg-color)}section.learn-index-main #placeholder #levels .level-tag.active.medium{background-color:var(--sm-theme-learn-medium-tag-bg-color)}section.learn-index-main #placeholder #levels .level-tag.active.hard{background-color:var(--sm-theme-learn-hard-tag-bg-color)}section.learn-index-main #placeholder #levels .level-tag.active.expert{background-color:var(--sm-theme-learn-expert-tag-bg-color)}section.learn-index-main #placeholder #levels .level-tag.active.extreme{background-color:var(--sm-theme-learn-extreme-tag-bg-color)}section.learn-index-main #placeholder #sidebar{background-color:var(--sm-theme-learn-sidebar-bg-color);padding:calc(var(--sm-std-gutter) * .5) 0;border-radius:var(--bs-border-radius);font-size:1.1875rem;display:var(--sm-display);grid-row:var(--sm-grid-row);grid-column:var(--sm-grid-column)}@media (max-width:575.98px){section.learn-index-main #placeholder #sidebar{--sm-display:none}}@media (min-width:576px){section.learn-index-main #placeholder #sidebar{--sm-display:block;--sm-grid-row:2;--sm-grid-column:1}}section.learn-index-main #placeholder #sidebar ul.level-1 ul.level-2 ul.level-3 svg:first-child{visibility:hidden}section.learn-index-main #placeholder #sidebar ul{margin:0;padding:0}section.learn-index-main #placeholder #sidebar ul li{list-style-type:none;padding:0 calc(var(--sm-std-gutter) * .5);margin:0 calc(var(--sm-std-gutter) * .5);border-radius:var(--bs-border-radius);white-space:nowrap}section.learn-index-main #placeholder #sidebar ul li.active{background-color:var(--sm-theme-learn-sidebar-item-active-bg-color)}section.learn-index-main #placeholder #sidebar ul li:hover{background-color:var(--sm-theme-learn-sidebar-item-hover-bg-color)}section.learn-index-main #placeholder #sidebar ul li svg{width:1em;height:1em;color:var(--sm-theme-learn-sidebar-tree-hierarchy-color)}section.learn-index-main #placeholder #sidebar ul li a{font-weight:600;text-decoration:none;color:var(--bs-body-color);display:block}section.learn-index-main #placeholder #techniques{--sm-item-bg-color:var(--sm-theme-choose-difficulty-item-bg-color);grid-row:var(--sm-grid-row);grid-column:var(--sm-grid-column);align-self:stretch;display:flex;flex-direction:column;align-items:center;--sm-padding-x:0;padding:0 calc(var(--sm-std-gutter) * var(--sm-padding-x));--sm-padding-x:0!important}@media (max-width:575.98px){section.learn-index-main #placeholder #techniques{--sm-grid-row:2;--sm-grid-column:1;--sm-max-width-grid-template-columns:1fr;--sm-technique-description-lines:2;--sm-title-font-size:1.4rem}}@media (min-width:576px) and (max-width:767.98px){section.learn-index-main #placeholder #techniques{--sm-grid-row:2;--sm-grid-column:2;--sm-max-width-grid-template-columns:1fr;--sm-technique-description-lines:2;--sm-title-font-size:1.2rem}}@media (min-width:768px) and (max-width:991.98px){section.learn-index-main #placeholder #techniques{--sm-grid-row:2;--sm-grid-column:2;--sm-max-width-grid-template-columns:1fr;--sm-technique-description-lines:2;--sm-title-font-size:1.4rem}}@media (min-width:992px) and (max-width:1199.98px){section.learn-index-main #placeholder #techniques{--sm-grid-row:2;--sm-grid-column:2;--sm-max-width-grid-template-columns:1fr;--sm-technique-description-lines:2;--sm-title-font-size:1.4rem}}@media (min-width:1200px){section.learn-index-main #placeholder #techniques{--sm-grid-row:2;--sm-grid-column:2;--sm-max-width-grid-template-columns:repeat(2, minmax(0, 1fr));--sm-technique-description-lines:3;--sm-title-font-size:1.4rem}}@media (min-width:576px) and (max-width:991.98px){section.learn-index-main #placeholder #techniques{--sm-padding-x:1.5}}section.learn-index-main #placeholder #techniques .choose-difficulty-wrapper{display:grid;-moz-column-gap:calc(var(--sm-std-gutter) * var(--sm-column-gap));column-gap:calc(var(--sm-std-gutter) * var(--sm-column-gap));row-gap:calc(var(--sm-std-gutter) * var(--sm-row-gap));grid-template-columns:var(--sm-max-width-grid-template-columns);grid-template-rows:var(--sm-max-width-grid-template-rows)}section.learn-index-main #placeholder #techniques .choose-difficulty-wrapper .choose-difficulty-item{background-color:var(--sm-item-bg-color);border-radius:var(--bs-border-radius);padding:calc(var(--sm-std-gutter) * .5) calc(var(--sm-std-gutter) * 1);position:relative;transition:transform .3s}section.learn-index-main #placeholder #techniques .choose-difficulty-wrapper .choose-difficulty-item:hover{transform:translateY(-.25rem);box-shadow:var(--sm-theme-default-card-hover-shadow)}section.learn-index-main #placeholder #techniques .choose-difficulty-wrapper .choose-difficulty-item a::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--bs-border-radius)}section.learn-index-main #placeholder #techniques .choose-difficulty-wrapper .technique.choose-difficulty-item.hide{display:none}section.learn-index-main #placeholder #techniques .choose-difficulty-wrapper .technique.choose-difficulty-item .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-size:var(--sm-title-font-size);color:var(--sm-theme-learn-technique-title-color);font-weight:600}section.learn-index-main #placeholder #techniques .choose-difficulty-wrapper .technique.choose-difficulty-item .description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:var(--sm-technique-description-lines);-webkit-line-clamp:var(--sm-technique-description-lines);-webkit-box-orient:vertical}section.learn-index-main #placeholder #techniques .choose-difficulty-wrapper .technique.choose-difficulty-item .technique-link a{font-weight:600}section.learn-index-main #placeholder #techniques .choose-difficulty-wrapper .technique.choose-difficulty-item .item-footer{display:flex;justify-content:flex-end;margin-top:calc(var(--sm-std-gutter) * .25)}section.learn-index-main #placeholder #techniques .choose-difficulty-wrapper .technique.choose-difficulty-item .item-footer .tag{padding:0 calc(var(--sm-std-gutter) * .75);border-radius:var(--bs-border-radius-xl);border:1px solid var(--bs-body-color)}section.learn-index-main #placeholder #techniques .choose-difficulty-wrapper .technique.choose-difficulty-item .item-footer .tag.category-tag{margin-right:calc(var(--sm-std-gutter) * .5);background-color:var(--sm-theme-learn-sidebar-bg-color)}section.learn-index-main #placeholder #techniques .choose-difficulty-wrapper .technique.choose-difficulty-item .item-footer .tag.level-tag.easy{background-color:var(--sm-theme-learn-easy-tag-bg-color)}section.learn-index-main #placeholder #techniques .choose-difficulty-wrapper .technique.choose-difficulty-item .item-footer .tag.level-tag.medium{background-color:var(--sm-theme-learn-medium-tag-bg-color)}section.learn-index-main #placeholder #techniques .choose-difficulty-wrapper .technique.choose-difficulty-item .item-footer .tag.level-tag.hard{background-color:var(--sm-theme-learn-hard-tag-bg-color)}section.learn-index-main #placeholder #techniques .choose-difficulty-wrapper .technique.choose-difficulty-item .item-footer .tag.level-tag.expert{background-color:var(--sm-theme-learn-expert-tag-bg-color)}section.learn-index-main #placeholder #techniques .choose-difficulty-wrapper .technique.choose-difficulty-item .item-footer .tag.level-tag.extreme{background-color:var(--sm-theme-learn-extreme-tag-bg-color)}section.technique-main #placeholder{display:grid;margin-bottom:1rem;grid-template-columns:var(--sm-grid-template-columns);grid-template-rows:var(--sm-grid-template-rows);row-gap:calc(var(--sm-std-gutter) * var(--sm-row-gap));-moz-column-gap:calc(var(--sm-std-gutter) * var(--sm-column-gap));column-gap:calc(var(--sm-std-gutter) * var(--sm-column-gap))}@media (max-width:575.98px){section.technique-main #placeholder{--sm-grid-template-columns:1fr;--sm-column-gap:1.5;--sm-row-gap:1.5}}@media (min-width:576px) and (max-width:767.98px){section.technique-main #placeholder{--sm-grid-template-columns:1fr;--sm-column-gap:0.75;--sm-row-gap:0.75}}@media (min-width:768px) and (max-width:991.98px){section.technique-main #placeholder{--sm-grid-template-columns:1fr auto;--sm-column-gap:1.5;--sm-row-gap:1.5}}@media (min-width:992px) and (max-width:1199.98px){section.technique-main #placeholder{--sm-grid-template-columns:1fr auto;--sm-column-gap:1.5;--sm-row-gap:1.5}}@media (min-width:1200px){section.technique-main #placeholder{--sm-grid-template-columns:1fr auto;--sm-column-gap:1.5;--sm-row-gap:1.5}}section.technique-main #placeholder #levels{display:flex;justify-content:var(--sm-justify-content);grid-row:var(--sm-grid-row);grid-column:var(--sm-grid-column);align-items:flex-start}@media (max-width:767.98px){section.technique-main #placeholder #levels{--sm-grid-row:1;--sm-grid-column:1;--sm-justify-content:flex-end}}@media (min-width:768px){section.technique-main #placeholder #levels{--sm-grid-row:1;--sm-grid-column:2;--sm-justify-content:flex-end}}section.technique-main #placeholder #levels .level-tag{padding:0 calc(var(--sm-std-gutter) * .75);border-radius:var(--bs-border-radius-xl);border:1px solid var(--bs-body-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}section.technique-main #placeholder #levels .level-tag:not(:first-child){margin-left:calc(var(--sm-std-gutter) * .5)}section.technique-main #placeholder #levels .level-tag.active.easy{background-color:var(--sm-theme-learn-easy-tag-bg-color)}section.technique-main #placeholder #levels .level-tag.active.medium{background-color:var(--sm-theme-learn-medium-tag-bg-color)}section.technique-main #placeholder #levels .level-tag.active.hard{background-color:var(--sm-theme-learn-hard-tag-bg-color)}section.technique-main #placeholder #levels .level-tag.active.expert{background-color:var(--sm-theme-learn-expert-tag-bg-color)}section.technique-main #placeholder #levels .level-tag.active.extreme{background-color:var(--sm-theme-learn-extreme-tag-bg-color)}section.technique-main #placeholder #sidebar{background-color:var(--sm-theme-learn-sidebar-bg-color);padding:calc(var(--sm-std-gutter) * .5) 0;border-radius:var(--bs-border-radius);font-size:1.1875rem;display:var(--sm-display);grid-row:var(--sm-grid-row);grid-column:var(--sm-grid-column)}@media (max-width:767.98px){section.technique-main #placeholder #sidebar{--sm-display:none}}@media (min-width:768px){section.technique-main #placeholder #sidebar{--sm-display:block;--sm-grid-row:1;--sm-grid-column:1}}section.technique-main #placeholder #sidebar ul.level-1 ul.level-2 ul.level-3 svg:first-child{visibility:hidden}section.technique-main #placeholder #sidebar ul{margin:0;padding:0}section.technique-main #placeholder #sidebar ul li{list-style-type:none;padding:0 calc(var(--sm-std-gutter) * .5);margin:0 calc(var(--sm-std-gutter) * .5);border-radius:var(--bs-border-radius);white-space:nowrap}section.technique-main #placeholder #sidebar ul li.active{background-color:var(--sm-theme-learn-sidebar-item-active-bg-color)}section.technique-main #placeholder #sidebar ul li:hover{background-color:var(--sm-theme-learn-sidebar-item-hover-bg-color)}section.technique-main #placeholder #sidebar ul li svg{width:1em;height:1em;color:var(--sm-theme-learn-sidebar-tree-hierarchy-color)}section.technique-main #placeholder #sidebar ul li a{font-weight:600;text-decoration:none;color:var(--bs-body-color);display:block}section.technique-main #placeholder #technique{grid-row:var(--sm-grid-row);grid-column:var(--sm-grid-column)}@media (max-width:767.98px){section.technique-main #placeholder #technique{--sm-grid-row:1;--sm-grid-column:1}}@media (min-width:768px){section.technique-main #placeholder #technique{--sm-grid-row:1;--sm-grid-column:2}}section.technique-main #placeholder #technique h2{text-align:left;color:var(--bs-body-color)}section.technique-main #placeholder #technique .description .hidden-single-info{background-color:var(--sm-theme-learn-technique-hidden-single-info-bg-color);border-radius:var(--bs-border-radius);padding:.5rem 1rem}section.technique-main #placeholder #technique .description .hidden-single-info a{font-weight:600}section.technique-main #placeholder #technique .description .hidden-single-info svg{vertical-align:sub;width:1.25em;height:1.25em}section.technique-main #placeholder #technique .description .examples{display:grid;-moz-column-gap:calc(var(--sm-std-gutter) * var(--sm-column-gap));column-gap:calc(var(--sm-std-gutter) * var(--sm-column-gap));row-gap:calc(var(--sm-std-gutter) * var(--sm-row-gap));grid-template-columns:var(--sm-grid-template-columns);grid-template-rows:var(--sm-grid-template-rows)}@media (max-width:575.98px){section.technique-main #placeholder #technique .description .examples{--sm-grid-template-columns:1fr}}@media (min-width:576px) and (max-width:767.98px){section.technique-main #placeholder #technique .description .examples{--sm-grid-template-columns:1fr}}@media (min-width:768px) and (max-width:991.98px){section.technique-main #placeholder #technique .description .examples{--sm-grid-template-columns:1fr}}@media (min-width:992px) and (max-width:1199.98px){section.technique-main #placeholder #technique .description .examples{--sm-grid-template-columns:1fr}}@media (min-width:1200px){section.technique-main #placeholder #technique .description .examples{--sm-grid-template-columns:repeat(2, minmax(0, 1fr))}}section.technique-main #placeholder #technique .description .examples .example{display:flex;flex-direction:row;justify-content:center}section.technique-main #placeholder #technique .description .examples .example .wrapper{flex-basis:var(--sm-board-width)}section.technique-main #placeholder #technique .description .examples .example .wrapper .title{width:100%;font-weight:600}section.technique-main #placeholder #technique .description .examples .example .wrapper img{aspect-ratio:1/1;width:100%;max-width:var(--sm-board-width)}section.technique-main #placeholder #technique #demoInfo.show{display:block}section.technique-main #placeholder #technique #demoInfo .wrapper{display:flex;justify-content:center}section.technique-main #placeholder #technique #demoInfo .wrapper .wrapper-inner{width:var(--sm-board-width);background-color:var(--sm-theme-learn-technique-demo-info-bg-color);color:var(--sm-theme-learn-technique-demo-info-color);border-radius:var(--bs-border-radius);margin-bottom:1rem;padding:.5rem 1rem;display:flex;align-items:flex-start;justify-content:center;text-align:center}section.technique-main #placeholder #technique #demoInfo .wrapper .wrapper-inner svg{width:1.25em;height:1.25em;margin-right:.25em;vertical-align:sub}section.technique-main #placeholder #technique #demoInfo .wrapper .wrapper-inner .message{margin-right:auto}section.technique-main #placeholder #technique #demoInfo .wrapper .wrapper-inner .btn-close{margin-left:1rem;font-size:.875em;filter:none}section.technique-main #placeholder #technique #demo{display:grid;-moz-column-gap:calc(var(--sm-std-gutter) * var(--sm-column-gap) * .5);column-gap:calc(var(--sm-std-gutter) * var(--sm-column-gap) * .5);row-gap:calc(var(--sm-std-gutter) * var(--sm-row-gap) * .5);grid-template-columns:var(--sm-grid-template-columns);grid-template-rows:var(--sm-grid-template-rows)}@media (max-width:991.98px){section.technique-main #placeholder #technique #demo{--sm-grid-template-columns:repeat(2, 1fr)}}@media (min-width:992px){section.technique-main #placeholder #technique #demo{--sm-grid-template-columns:1fr min-content 1fr}}section.technique-main #placeholder #technique #demo .board-svg{width:var(--sm-board-width);height:var(--sm-board-width);display:block;shape-rendering:geometricPrecision}section.technique-main #placeholder #technique #demo .board-svg .board-bg{fill:var(--bs-body-bg)}section.technique-main #placeholder #technique #demo .board-svg .primary-gutter{stroke:var(--sm-theme-board-primary-gutter-color)}section.technique-main #placeholder #technique #demo .board-svg .secondary-gutter{stroke:var(--sm-theme-board-secondary-gutter-color)}section.technique-main #placeholder #technique #demo .board-svg .cell{--sm-cell-background-color:var(--sm-theme-board-bg-color);--sm-digit-color:var(--sm-theme-cell-digit-color);--sm-pencil-note-color:var(--sm-theme-cell-pencil-note-color);--sm-pencil-note-bg-opacity:0;--sm-pencil-note-bg-color:var(--sm-cell-background-color);--sm-cell-outer-background-color:var(--sm-cell-background-color);--sm-cell-outer-animation:var(--sm-cell-animation);--sm-board-cell-outer-width:calc(var(--sm-board-cell-width) - var(--sm-board-cell-padding) * 2)}section.technique-main #placeholder #technique #demo .board-svg .cell.given{--sm-digit-color:var(--sm-theme-cell-given-color)}section.technique-main #placeholder #technique #demo .board-svg .cell.highlighted-group{--sm-cell-background-color:var(--sm-theme-cell-highlighted-group-bg-color);--sm-pencil-note-color:var(--sm-theme-cell-highlighted-pencil-note-color)}section.technique-main #placeholder #technique #demo .board-svg .cell.highlighted-value{--sm-cell-background-color:var(--sm-theme-cell-highlighted-digit-bg-color)}section.technique-main #placeholder #technique #demo .board-svg .cell.highlighted{--sm-cell-background-color:var(--sm-theme-cell-highlighted-digit-bg-color)}section.technique-main #placeholder #technique #demo .board-svg .cell.error{--sm-digit-color:var(--sm-theme-cell-error-color)}section.technique-main #placeholder #technique #demo .board-svg .cell.filled-cell{--sm-pencil-note-display:none}section.technique-main #placeholder #technique #demo .board-svg .cell.hint-light-moonstone{--sm-cell-background-color:var(--sm-theme-hint-light-moonstone)}section.technique-main #placeholder #technique #demo .board-svg .cell.hint-light-purple{--sm-cell-background-color:var(--sm-theme-hint-light-purple)}section.technique-main #placeholder #technique #demo .board-svg .cell.hint-light-green{--sm-cell-background-color:var(--sm-theme-hint-light-green)}section.technique-main #placeholder #technique #demo .board-svg .cell.hint-green{--sm-cell-background-color:var(--sm-theme-hint-green)}section.technique-main #placeholder #technique #demo .board-svg .cell.hint-moonstone{--sm-cell-background-color:var(--sm-theme-hint-moonstone)}section.technique-main #placeholder #technique #demo .board-svg .cell.hint-purple{--sm-cell-background-color:var(--sm-theme-hint-purple)}section.technique-main #placeholder #technique #demo .board-svg .cell.hint-font-white .value{--sm-digit-color:var(--sm-theme-hint-cell-hint-highlight-digit-color)}section.technique-main #placeholder #technique #demo .board-svg .cell.hint-animate-green-to-transparent{--sm-cell-animation:blink-green-to-transparent 0.4s 4 alternate}section.technique-main #placeholder #technique #demo .board-svg .cell.hint-animate-purple-to-transparent{--sm-cell-animation:blink-purple-to-transparent 0.4s 4 alternate}section.technique-main #placeholder #technique #demo .board-svg .cell.hint-animate-transparent-to-light-moonstone{--sm-cell-animation:blink-transparent-to-light-moonstone 0.4s 4 alternate}section.technique-main #placeholder #technique #demo .board-svg .cell.hint-animate-transparent-to-light-purple{--sm-cell-animation:blink-transparent-to-light-purple 0.4s 4 alternate}section.technique-main #placeholder #technique #demo .board-svg .cell.hint-animate-transparent-to-light-purple-copy{--sm-cell-animation:blink-transparent-to-light-purple-copy 0.4s 4 alternate}section.technique-main #placeholder #technique #demo .board-svg .cell.hint-animate-light-purple-to-transparent{--sm-cell-animation:blink-light-purple-to-transparent 0.4s 4 alternate}section.technique-main #placeholder #technique #demo .board-svg .cell.hint-animate-transparent-to-light-green{--sm-cell-animation:blink-transparent-to-light-green 0.4s 4 alternate}section.technique-main #placeholder #technique #demo .board-svg .cell.hint-transparent-frame{--sm-cell-outer-background-color:var(--sm-theme-board-bg-color);--sm-cell-outer-animation:none}section.technique-main #placeholder #technique #demo .board-svg .cell.hint-transparent-frame.hint-transparent-frame-remove-with-delay{--sm-cell-outer-background-color-transition:background-color 0 1.6s;--sm-cell-outer-background-color:var(--sm-cell-background-color)}section.technique-main #placeholder #technique #demo .board-svg .cell .cell-inner{fill:var(--sm-cell-outer-background-color);animation:var(--sm-cell-outer-animation);transition:var(--sm-cell-outer-background-color-transition)}section.technique-main #placeholder #technique #demo .board-svg .cell .wrapper{fill:var(--sm-cell-background-color);animation:var(--sm-cell-animation)}section.technique-main #placeholder #technique #demo .board-svg .cell .value{text-anchor:middle;dominant-baseline:central;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:sans-serif;fill:var(--sm-digit-color);font-size:2.8em}section.technique-main #placeholder #technique #demo .board-svg .cell .p{display:var(--sm-pencil-note-display)}section.technique-main #placeholder #technique #demo .board-svg .cell .p.highlighted-candidate{--sm-pencil-note-color:var(--sm-theme-cell-highlighted-candidate-color);--sm-pencil-note-bg-opacity:1;--sm-pencil-note-bg-color:var(--sm-theme-cell-highlighted-candidate-bg-color);--sm-pencil-note-font-weight:bold}section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-green,section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-highlight-yellow,section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-red,section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-yellow{--sm-pencil-note-color:var(--sm-theme-pencil-hint-color);--sm-pencil-note-font-weight:bold}section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-green.pencil-hint-highlight-yellow,section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-highlight-yellow.pencil-hint-highlight-yellow,section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-red.pencil-hint-highlight-yellow,section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-yellow.pencil-hint-highlight-yellow{--sm-pencil-note-bg-opacity:1;--sm-pencil-note-bg-color:var(--sm-theme-cell-highlighted-candidate-bg-color)}section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-green.pencil-hint-green,section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-highlight-yellow.pencil-hint-green,section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-red.pencil-hint-green,section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-yellow.pencil-hint-green{--sm-pencil-note-bg-opacity:1;--sm-pencil-note-bg-color:var(--sm-theme-pencil-hint-green)}section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-green.pencil-hint-yellow,section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-highlight-yellow.pencil-hint-yellow,section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-red.pencil-hint-yellow,section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-yellow.pencil-hint-yellow{--sm-pencil-note-bg-opacity:1;--sm-pencil-note-bg-color:var(--sm-theme-pencil-hint-yellow)}section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-green.pencil-hint-red,section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-highlight-yellow.pencil-hint-red,section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-red.pencil-hint-red,section.technique-main #placeholder #technique #demo .board-svg .cell .p.pencil-hint-yellow.pencil-hint-red{--sm-pencil-note-bg-opacity:1;--sm-pencil-note-bg-color:var(--sm-theme-pencil-hint-red)}section.technique-main #placeholder #technique #demo .board-svg .cell .p .pc{fill:var(--sm-pencil-note-bg-color);fill-opacity:var(--sm-pencil-note-bg-opacity)}section.technique-main #placeholder #technique #demo .board-svg .cell .p .pv{text-anchor:middle;dominant-baseline:central;font-family:sans-serif;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;fill:var(--sm-pencil-note-color);font-weight:var(--sm-pencil-note-font-weight);font-size:1em}section.technique-main #placeholder #technique #demo .board-svg g{fill-opacity:1}@keyframes blink-green-to-transparent{from{fill:var(--sm-theme-hint-green)}to{fill:var(--sm-theme-board-bg-color)}}@keyframes blink-purple-to-transparent{from{fill:var(--sm-theme-hint-purple)}to{fill:var(--sm-theme-board-bg-color)}}@keyframes blink-transparent-to-light-moonstone{from{fill:var(--sm-theme-board-bg-color)}to{fill:var(--sm-theme-hint-light-moonstone)}}@keyframes blink-transparent-to-light-purple{from{fill:var(--sm-theme-board-bg-color)}to{fill:var(--sm-theme-hint-light-purple)}}@keyframes blink-transparent-to-light-purple-copy{from{fill:var(--sm-theme-board-bg-color)}to{fill:var(--sm-theme-hint-light-purple)}}@keyframes blink-light-purple-to-transparent{from{fill:var(--sm-theme-hint-light-purple)}to{fill:var(--sm-theme-board-bg-color)}}@keyframes blink-transparent-to-light-green{from{fill:var(--sm-theme-board-bg-color)}to{fill:var(--sm-theme-hint-light-green)}}@keyframes scale-up{from{transform:scale(1)}to{transform:scale(1.05)}}section.technique-main #placeholder #technique #demo .board-svg{grid-row:var(--sm-grid-row);grid-column:var(--sm-grid-column);margin:0 auto}@media (max-width:991.98px){section.technique-main #placeholder #technique #demo .board-svg{--sm-grid-row:1;--sm-grid-column:1/span 2}}@media (min-width:992px){section.technique-main #placeholder #technique #demo .board-svg{--sm-grid-row:1;--sm-grid-column:2}}section.technique-main #placeholder #technique #demo .btn-div{display:flex;align-items:center}@media (max-width:991.98px){section.technique-main #placeholder #technique #demo .btn-div{--sm-btn-size:3rem;--sm-btn-spacing:3rem}}@media (min-width:992px){section.technique-main #placeholder #technique #demo .btn-div{--sm-btn-size:3rem;--sm-btn-spacing:0}}section.technique-main #placeholder #technique #demo .btn-div.prev{justify-content:flex-end;margin-right:var(--sm-btn-spacing)}@media (max-width:991.98px){section.technique-main #placeholder #technique #demo .btn-div.prev{--sm-grid-row:3;--sm-grid-column:1}}@media (min-width:992px){section.technique-main #placeholder #technique #demo .btn-div.prev{--sm-grid-row:1;--sm-grid-column:1}}section.technique-main #placeholder #technique #demo .btn-div.next{justify-content:flex-start;margin-left:var(--sm-btn-spacing)}@media (max-width:991.98px){section.technique-main #placeholder #technique #demo .btn-div.next{--sm-grid-row:3;--sm-grid-column:2}}@media (min-width:992px){section.technique-main #placeholder #technique #demo .btn-div.next{--sm-grid-row:1;--sm-grid-column:3}}section.technique-main #placeholder #technique #demo .btn-div .btn{--bs-btn-border-radius:50%;--bs-btn-padding-y:0;--bs-btn-padding-x:0}section.technique-main #placeholder #technique #demo .btn-div .btn.btn-prev svg{position:relative;right:2px}section.technique-main #placeholder #technique #demo .btn-div .btn.btn-next svg{position:relative;left:2px}section.technique-main #placeholder #technique #demo .btn-div .btn svg{width:var(--sm-btn-size);height:var(--sm-btn-size)}section.technique-main #placeholder #technique #demo .explanation{grid-row:var(--sm-grid-row);grid-column:var(--sm-grid-column);width:var(--sm-board-width);margin:0 auto;background-color:var(--sm-theme-learn-technique-explanation-bg-color);border-radius:var(--bs-border-radius);position:relative}@media (min-width:576px) and (max-width:991.98px){section.technique-main #placeholder #technique #demo .explanation{font-size:1.1875rem}}@media (max-width:991.98px){section.technique-main #placeholder #technique #demo .explanation{--sm-grid-row:2;--sm-grid-column:1/span 2}}@media (min-width:992px){section.technique-main #placeholder #technique #demo .explanation{--sm-grid-row:2;--sm-grid-column:2}}section.technique-main #placeholder #technique #demo .explanation .message{position:absolute;inset:0}section.technique-main #placeholder #technique #demo .explanation .all-messages{display:grid;grid-template-columns:1fr}section.technique-main #placeholder #technique #demo .explanation .all-messages div{grid-row:1;grid-column:1;visibility:hidden}section.technique-main #placeholder #technique #demo .explanation .all-messages,section.technique-main #placeholder #technique #demo .explanation .message{padding:.25em .5em}body section.technique-main #placeholder #technique .description .examples img.light{display:block}body section.technique-main #placeholder #technique .description .examples img.dark{display:none}body[data-bs-theme=dark] section.technique-main #placeholder #technique .description .examples img.light{display:none}body[data-bs-theme=dark] section.technique-main #placeholder #technique .description .examples img.dark{display:block}.sprite{display:none}