@font-face{font-family:Alice;src:url(/assets/AliceYotsubaInc-Ea7Zj-q0qqeO3O.ttf);font-weight:400;font-style:normal}:root{--primary: rgb(70, 70, 70);--resolution: 150px;--ratio: calc(186 / 314);--columnCount: 8;--rowWidth: calc(var(--resolution) * var(--columnCount));--fullRowWidth: calc(var(--rowWidth) + var(--resolution));--radius: 30px;--animSlowMS: 1s;--animNormMS: .5s;--animFastMS: .2s;--animInstMS: .1s;--colorGreyed: rgb(255, 255, 255, .5);--colorSelected: rgba(69, 202, 255, .5);--colorSelectedLightened: color-mix(in srgb, var(--colorSelected) 12.5%, transparent)}body{background-color:var(--primary);margin:0}#pageCenterColumn{display:flex;flex-direction:column;align-items:center;border:solid 1px blue}#imageContainer{width:var(--fullRowWidth);display:flex;flex-wrap:wrap;height:calc(var(--resolution) * 2);background:repeating-linear-gradient(135deg,#0000,#0006 6px);border:solid 1px green}#rowList{display:flex;flex-direction:column;border:solid 1px yellow;width:100%;align-items:center}.rowFull{display:flex;flex-direction:row;height:var(--resolution);margin-bottom:calc(var(--resolution) / 20)}.rowTab{height:100%;width:calc(var(--resolution) / 2);transition:width var(--animNormMS),padding var(--animNormMS),border-radius var(--animNormMS);display:flex;flex-direction:column;justify-content:space-between;position:absolute;top:0;left:0;transform:translate(-100%);box-sizing:border-box;border-radius:var(--radius) 0 0 var(--radius);background:repeating-linear-gradient(290deg,#0000,#0f06 5px);overflow:hidden}.rowTab.closed{width:0;padding:0;border-radius:0}.dragContainer{flex-grow:1;min-height:0;display:flex;justify-content:center;align-items:center}.tabButton{width:100%;background-position:center;background-repeat:no-repeat;background-size:contain;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tabButton:hover{z-index:2}.addRowButton{box-sizing:border-box}.addRowAboveButton{padding:5px 5px 0}.addRowBelowButton{padding:0 5px 5px}.dragHandle{min-height:0;min-width:0;background-repeat:no-repeat;background-size:contain;background-position:center;max-width:calc(var(--resolution) / 4);padding:0 4px;box-sizing:border-box}.resetDeleteButton,.tabButton{filter:brightness(60%);background-size:contain;background-position:center;background-repeat:no-repeat;transition:transform var(--animInstMS),filter var(--animInstMS)}.resetDeleteButton:hover,.tabButton:hover{filter:brightness(80%);transform:scale(1.1) rotate(0)}.resetDeleteButton:active,.tabButton:active{filter:brightness(100%);transform:scale(.9) rotate(0)}.resetDeleteButton.resetButton:active{transform:scale(.9) rotate(-1turn)}.rowHeader{position:relative;width:var(--resolution);display:flex;flex-direction:row;background:repeating-linear-gradient(135deg,#0000,#f006 40px)}.rowBody{width:var(--rowWidth);background:repeating-linear-gradient(135deg,#0000,#00f6 40px);display:flex;flex-direction:row}.rankingImage{width:var(--resolution);height:var(--resolution);box-sizing:border-box;object-position:center;object-fit:cover;border:solid 0px transparent;background-color:transparent;border-radius:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;transition:border var(--animFastMS),background-color var(--animFastMS),border-radius var(--animFastMS),padding var(--animFastMS),transform var(--animFastMS),backdrop-filter var(--animFastMS)}body.allow-hover .rankingImage:hover{border-radius:5px;transform:scale(1.1);z-index:5}body .Container .rankingImage.selectedImage{border:solid 5px rgba(255,255,255,.05);background-color:#ffffff4d;border-radius:10px;padding:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:scale(1);z-index:1}body .Container .rankingImage.draggingImage{padding:20px}.rowTitle{width:100%;text-align:center;font:2em Alice,sans-serif;background-color:transparent;border:none;color:#fff;z-index:2}.resetDeleteContainer{height:100%;display:flex;flex-direction:column;justify-content:space-between;position:absolute;right:0}.resetDeleteButton{width:calc(var(--resolution) / 3);height:calc(var(--resolution) / 3);z-index:3}#headerBox{display:flex;flex-direction:column;padding:2% 0% 1%;gap:5px;width:var(--fullRowWidth);flex-wrap:wrap}.headerText{background-color:transparent;color:#fff;resize:none;border:3px transparent solid;border-radius:10px;transition:border var(--animNormMS)}#headerTitle{font:3em Alice,sans-serif;flex:1}#headerDescription{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:1.5em}.headerText:hover{border-color:var(--colorGreyed);transition:border-color var(--animNormMS)}.headerText:focus{outline:none;border-color:var(--colorSelected);transition:border var(--animSlowMS)}