.openings-board-wrapper{-moz-column-gap:3rem;column-gap:3rem;display:grid;grid-template-columns:repeat(auto-fit,20.6rem);justify-content:space-evenly;row-gap:2.4rem}.openings-game-block{position:relative}.openings-board{display:block;height:20.6rem;margin-bottom:1rem;width:20.6rem}.openings-image{display:inherit;height:auto;width:100%}.openings-game-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--globalColorThemeBlueToMid);display:block;font-weight:600;width:calc(100% - 3rem)}.openings-bookmark-button-wrapper{bottom:0;position:absolute;z-index:1}[dir=ltr] .openings-bookmark-button-wrapper{right:0}[dir=rtl] .openings-bookmark-button-wrapper{left:0}.bookmark-button-add,.bookmark-button-remove{background-color:transparent;border:none;margin:0;padding:0;color:var(--color-icon-default)}.bookmark-button-add.bookmark-button-small>span,.bookmark-button-remove.bookmark-button-small>span{font-size:2rem;color:currentColor}.bookmark-button-add:hover,.bookmark-button-remove:hover{color:var(--color-icon-default-hovered)}.hide-button{display:none}.openings-move-type{display:flex;justify-content:space-between}.openings-move-type:not(:last-child){margin-bottom:.5rem}.openings-move-link{color:var(--color-text-bolder)}.openings-move-link:hover{color:var(--color-text-default)}.openings-move-link-wrapper{width:5.5rem}.openings-move-statistics{display:flex;flex-grow:1;font-size:1.1rem;font-weight:600}[dir=ltr] .openings-move-statistics{margin-left:.5rem}[dir=rtl] .openings-move-statistics{margin-right:.5rem}.openings-move-statistics-white{background-color:var(--color-bg-white-eval);color:var(--color-text-white-eval)}[dir=ltr] .openings-move-statistics-white{border-radius:var(--radius-2) 0 0 var(--radius-2);text-align:left}[dir=rtl] .openings-move-statistics-white{border-radius:0 var(--radius-2) var(--radius-2) 0;text-align:right}.openings-move-statistics-draw{background-color:var(--color-bg-draw-eval);color:var(--color-text-draw-eval);text-align:center}.openings-move-statistics-black{background-color:var(--color-bg-black-eval);color:var(--color-text-black-eval)}[dir=ltr] .openings-move-statistics-black{border-radius:0 var(--radius-2) var(--radius-2) 0;text-align:right}[dir=rtl] .openings-move-statistics-black{border-radius:var(--radius-2) 0 0 var(--radius-2);text-align:left}.openings-percent-label{line-height:2.3rem;padding:0 .5rem}.openings-lessons-links-section{-moz-column-gap:.7rem;column-gap:.7rem;display:grid;grid-template-columns:repeat(5,minmax(14rem,1fr));margin-bottom:2.4rem;overflow-x:auto}.openings-lessons-links{border-radius:var(--radius-3);display:flex;overflow:hidden;position:relative}.openings-lessons-links img{display:block;max-width:100%;width:100%}.openings-lessons-links-name{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;bottom:.5rem;color:var(--color-neutrals-white);font-family:var(--font-family-heading);font-size:1.4rem;line-height:1.22;position:absolute;top:.5rem;word-break:break-word;z-index:1}[dir=ltr] .openings-lessons-links-name{left:1rem;right:5rem;text-shadow:.1rem .2rem 0 rgba(135,135,135,.41)}[dir=rtl] .openings-lessons-links-name{right:1rem;left:5rem;text-shadow:-.1rem .2rem 0 rgba(135,135,135,.41)}:export{board-wrapper:openings-board-wrapper;game-block:openings-game-block;board:openings-board;image:openings-image;game-name:openings-game-name;bookmark-button-wrapper:openings-bookmark-button-wrapper;move-type:openings-move-type;move-link:openings-move-link;move-link-wrapper:openings-move-link-wrapper;move-statistics:openings-move-statistics;move-statistics-white:openings-move-statistics-white;move-statistics-draw:openings-move-statistics-draw;move-statistics-black:openings-move-statistics-black;percent-label:openings-percent-label;lessons-links-section:openings-lessons-links-section;lessons-links:openings-lessons-links;lessons-links-name:openings-lessons-links-name}


.upgrade-link-component{background-color:transparent;border:none;margin:0;padding:.8rem 1.6rem;align-items:center;border-top:.1rem solid var(--color-border-default);color:var(--color-text-default);display:flex;gap:var(--space-8);justify-content:center;min-height:5rem;position:relative;width:100%}[dir=ltr] .upgrade-link-component{text-align:left}[dir=rtl] .upgrade-link-component{text-align:right}.upgrade-link-component:active{opacity:.8}.upgrade-link-component:hover .upgrade-link-text{color:var(--color-text-default-hovered)}:export{component:upgrade-link-component;text:upgrade-link-text}