.hex-board-wrapper{container-type:inline-size;--hex-radius:calc(100cqw / 11.5);--hex-width:calc(var(--hex-radius) * 1.732);--hex-height:calc(var(--hex-radius) * 2);--cell-spacing:calc(var(--hex-radius) * -0.2);--cell-width:calc(var(--hex-width) + var(--cell-spacing));--cell-height:calc(var(--hex-height) + var(--cell-spacing));--cell-size:calc(var(--hex-radius) * 2.2);--overlap-ratio:0.75;--drag-size:calc(var(--hex-radius) * 0.5);--champ-size:calc(var(--hex-radius) * 1.5);--item-size:calc(var(--champ-size) * 0.32);--star-size:calc(var(--champ-size) * 0.25);--item-border-width:max(1px,calc(var(--hex-radius) * 0.04));--empty-cell-scale:1.08;--empty-cell-scale-hover:1.12;--stroke-normal:max(2px,calc(var(--hex-radius) * 0.08));--stroke-hover:max(3px,calc(var(--hex-radius) * 0.12));--offset-x:calc(var(--cell-size) / 2 - var(--hex-radius) * 0.3);--offset-y:calc(var(--cell-size) / 2 - var(--hex-radius) * 0.3);position:relative;width:100%;aspect-ratio:1.95/1;margin:0 auto}.hex-cell{position:absolute;width:var(--cell-size);height:var(--cell-size)}.hex-cell[data-pos="0,0"]{left:calc(var(--offset-x) - var(--cell-size) / 2);top:calc(var(--offset-y) - var(--cell-size) / 2)}.hex-cell[data-pos="0,1"]{left:calc(var(--offset-x) + var(--cell-width) - var(--cell-size) / 2);top:calc(var(--offset-y) - var(--cell-size) / 2)}.hex-cell[data-pos="0,2"]{left:calc(var(--offset-x) + 2 * var(--cell-width) - var(--cell-size) / 2);top:calc(var(--offset-y) - var(--cell-size) / 2)}.hex-cell[data-pos="0,3"]{left:calc(var(--offset-x) + 3 * var(--cell-width) - var(--cell-size) / 2);top:calc(var(--offset-y) - var(--cell-size) / 2)}.hex-cell[data-pos="0,4"]{left:calc(var(--offset-x) + 4 * var(--cell-width) - var(--cell-size) / 2);top:calc(var(--offset-y) - var(--cell-size) / 2)}.hex-cell[data-pos="0,5"]{left:calc(var(--offset-x) + 5 * var(--cell-width) - var(--cell-size) / 2);top:calc(var(--offset-y) - var(--cell-size) / 2)}.hex-cell[data-pos="0,6"]{left:calc(var(--offset-x) + 6 * var(--cell-width) - var(--cell-size) / 2);top:calc(var(--offset-y) - var(--cell-size) / 2)}.hex-cell[data-pos="1,0"]{left:calc(var(--offset-x) + var(--cell-width) / 2 - var(--cell-size) / 2)}.hex-cell[data-pos="1,0"],.hex-cell[data-pos="1,1"]{top:calc(var(--offset-y) + var(--cell-height) * var(--overlap-ratio) - var(--cell-size) / 2)}.hex-cell[data-pos="1,1"]{left:calc(var(--offset-x) + var(--cell-width) / 2 + var(--cell-width) - var(--cell-size) / 2)}.hex-cell[data-pos="1,2"]{left:calc(var(--offset-x) + var(--cell-width) / 2 + 2 * var(--cell-width) - var(--cell-size) / 2)}.hex-cell[data-pos="1,2"],.hex-cell[data-pos="1,3"]{top:calc(var(--offset-y) + var(--cell-height) * var(--overlap-ratio) - var(--cell-size) / 2)}.hex-cell[data-pos="1,3"]{left:calc(var(--offset-x) + var(--cell-width) / 2 + 3 * var(--cell-width) - var(--cell-size) / 2)}.hex-cell[data-pos="1,4"]{left:calc(var(--offset-x) + var(--cell-width) / 2 + 4 * var(--cell-width) - var(--cell-size) / 2)}.hex-cell[data-pos="1,4"],.hex-cell[data-pos="1,5"]{top:calc(var(--offset-y) + var(--cell-height) * var(--overlap-ratio) - var(--cell-size) / 2)}.hex-cell[data-pos="1,5"]{left:calc(var(--offset-x) + var(--cell-width) / 2 + 5 * var(--cell-width) - var(--cell-size) / 2)}.hex-cell[data-pos="1,6"]{left:calc(var(--offset-x) + var(--cell-width) / 2 + 6 * var(--cell-width) - var(--cell-size) / 2);top:calc(var(--offset-y) + var(--cell-height) * var(--overlap-ratio) - var(--cell-size) / 2)}.hex-cell[data-pos="2,0"]{left:calc(var(--offset-x) - var(--cell-size) / 2)}.hex-cell[data-pos="2,0"],.hex-cell[data-pos="2,1"]{top:calc(var(--offset-y) + 2 * var(--cell-height) * var(--overlap-ratio) - var(--cell-size) / 2)}.hex-cell[data-pos="2,1"]{left:calc(var(--offset-x) + var(--cell-width) - var(--cell-size) / 2)}.hex-cell[data-pos="2,2"]{left:calc(var(--offset-x) + 2 * var(--cell-width) - var(--cell-size) / 2)}.hex-cell[data-pos="2,2"],.hex-cell[data-pos="2,3"]{top:calc(var(--offset-y) + 2 * var(--cell-height) * var(--overlap-ratio) - var(--cell-size) / 2)}.hex-cell[data-pos="2,3"]{left:calc(var(--offset-x) + 3 * var(--cell-width) - var(--cell-size) / 2)}.hex-cell[data-pos="2,4"]{left:calc(var(--offset-x) + 4 * var(--cell-width) - var(--cell-size) / 2)}.hex-cell[data-pos="2,4"],.hex-cell[data-pos="2,5"]{top:calc(var(--offset-y) + 2 * var(--cell-height) * var(--overlap-ratio) - var(--cell-size) / 2)}.hex-cell[data-pos="2,5"]{left:calc(var(--offset-x) + 5 * var(--cell-width) - var(--cell-size) / 2)}.hex-cell[data-pos="2,6"]{left:calc(var(--offset-x) + 6 * var(--cell-width) - var(--cell-size) / 2);top:calc(var(--offset-y) + 2 * var(--cell-height) * var(--overlap-ratio) - var(--cell-size) / 2)}.hex-cell[data-pos="3,0"]{left:calc(var(--offset-x) + var(--cell-width) / 2 - var(--cell-size) / 2)}.hex-cell[data-pos="3,0"],.hex-cell[data-pos="3,1"]{top:calc(var(--offset-y) + 3 * var(--cell-height) * var(--overlap-ratio) - var(--cell-size) / 2)}.hex-cell[data-pos="3,1"]{left:calc(var(--offset-x) + var(--cell-width) / 2 + var(--cell-width) - var(--cell-size) / 2)}.hex-cell[data-pos="3,2"]{left:calc(var(--offset-x) + var(--cell-width) / 2 + 2 * var(--cell-width) - var(--cell-size) / 2)}.hex-cell[data-pos="3,2"],.hex-cell[data-pos="3,3"]{top:calc(var(--offset-y) + 3 * var(--cell-height) * var(--overlap-ratio) - var(--cell-size) / 2)}.hex-cell[data-pos="3,3"]{left:calc(var(--offset-x) + var(--cell-width) / 2 + 3 * var(--cell-width) - var(--cell-size) / 2)}.hex-cell[data-pos="3,4"]{left:calc(var(--offset-x) + var(--cell-width) / 2 + 4 * var(--cell-width) - var(--cell-size) / 2)}.hex-cell[data-pos="3,4"],.hex-cell[data-pos="3,5"]{top:calc(var(--offset-y) + 3 * var(--cell-height) * var(--overlap-ratio) - var(--cell-size) / 2)}.hex-cell[data-pos="3,5"]{left:calc(var(--offset-x) + var(--cell-width) / 2 + 5 * var(--cell-width) - var(--cell-size) / 2)}.hex-cell[data-pos="3,6"]{left:calc(var(--offset-x) + var(--cell-width) / 2 + 6 * var(--cell-width) - var(--cell-size) / 2);top:calc(var(--offset-y) + 3 * var(--cell-height) * var(--overlap-ratio) - var(--cell-size) / 2)}.hex-board-wrapper--sub{filter:sepia(.4) hue-rotate(-30deg) saturate(1.4)}.hex-board-wrapper img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none}.champion-container{position:absolute;left:50%;top:50%;width:var(--drag-size);height:var(--drag-size);transform:translate(-50%,-50%);z-index:10;filter:drop-shadow(0 4px 4px rgba(37,36,34,.25));-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none}.champion-border{position:absolute;width:calc(var(--champ-size) + var(--champ-border-width));height:calc(var(--champ-size) + var(--champ-border-width));left:calc((var(--drag-size) - var(--champ-size) - var(--champ-border-width)) / 2);top:calc((var(--drag-size) - var(--champ-size) - var(--champ-border-width)) / 2)}.champion-image-wrapper{position:absolute;width:var(--champ-size);height:var(--champ-size);left:calc((var(--drag-size) - var(--champ-size)) / 2);top:calc((var(--drag-size) - var(--champ-size)) / 2)}.champion-image-wrapper,.champion-image-wrapper img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.champion-image-wrapper img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}.champion-name{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--champ-size) * .8);z-index:15;display:flex;align-items:center;justify-content:center;pointer-events:none}.champion-name-text{font-size:calc(var(--champ-size) * .12);min-font-size:8px}.champion-items{position:absolute;top:calc((var(--drag-size) + var(--champ-size)) / 3.6);left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:1%}.champion-items>div{position:relative;z-index:20}.champion-stars{position:absolute;left:50%;top:calc((var(--drag-size) - var(--champ-size)) / 5 - var(--star-size));transform:translateX(-50%);display:flex;align-items:center}.hex-board-wrapper{--champ-border-width:max(5px,calc(var(--hex-radius) * 0.2))}.empty-hex-renderer{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.empty-hex-outer{width:calc(var(--champ-size) * var(--empty-cell-scale));height:calc(var(--champ-size) * var(--empty-cell-scale))}.empty-hex-inner,.empty-hex-outer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.empty-hex-inner{width:calc(var(--champ-size) * var(--empty-cell-scale) - var(--stroke-normal) * 2);height:calc(var(--champ-size) * var(--empty-cell-scale) - var(--stroke-normal) * 2);z-index:1}.empty-hex-renderer--drop-target .empty-hex-outer{width:calc(var(--champ-size) * var(--empty-cell-scale-hover));height:calc(var(--champ-size) * var(--empty-cell-scale-hover))}.empty-hex-renderer--drop-target .empty-hex-inner{width:calc(var(--champ-size) * var(--empty-cell-scale-hover) - var(--stroke-hover) * 2);height:calc(var(--champ-size) * var(--empty-cell-scale-hover) - var(--stroke-hover) * 2)}.rich-text-editor_editor__eg1Go .ProseMirror{min-height:200px}.rich-text-editor_editor__eg1Go .ProseMirror p.is-editor-empty:first-child:before{color:#adb5bd;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.rich-text-editor_editor__eg1Go .ProseMirror-focused{outline:none}.rich-text-editor_editor__eg1Go .tiptap{min-height:200px}