html,body{margin:0;padding:0;box-sizing:border-box;background-color:#0000!important;height:100%;width:100%}body{overflow:hidden}#root{position:relative;height:100%;overflow:hidden;margin:0 auto;display:flex;aspect-ratio:1;width:100%}.perk-overlay-container{position:relative;width:100vmin;height:100vmin;margin:0 auto}.perk-4{transform:translate(-52%)}.perk-2{transform:translate(52%)}.perk-3{transform:translateY(52%)}.perk-1{transform:translateY(-52%)}.perk-container{position:absolute;left:25.5%;top:25.5%;width:49%;height:49%;-webkit-user-select:none;user-select:none}.perk-background,.perk-icon{position:absolute;width:100%;height:100%}.perk-background{z-index:1}.perk-icon{z-index:2}.perk-selector-container{display:flex;width:100%;height:100%}.perk-viewer-wrapper{flex:1;display:flex;justify-content:center;align-items:center;min-width:400px}.perk-viewer{position:relative;aspect-ratio:1;width:min(90vh,100%)}.icon-picker-wrapper{display:flex;flex-wrap:wrap;align-content:flex-start;min-width:400px;max-width:800px;padding:16px;gap:16px;margin:16px;justify-content:center;overflow-y:auto}.selected-perk{outline:4px dotted rgba(0,128,255,.8);outline-color:#0080ffcc!important}.icon-picker-item{cursor:pointer;-webkit-user-select:none;user-select:none;width:100px;box-sizing:border-box}.icon-picker-item:hover{transform-origin:center;transform:scale(1.1);transition:transform .2s;outline:4px dotted rgba(100,100,100,.5)}.icon-picker-wrapper::-webkit-scrollbar{width:8px}.icon-picker-wrapper::-webkit-scrollbar-thumb{background:#000;border-radius:4px}@media(max-width:1200px){.perk-selector-container{flex-direction:column;height:initial}body{overflow:initial}#root{overflow:initial;flex-direction:column}.icon-picker-wrapper{max-width:none;max-height:500px;min-width:initial}.perk-viewer-wrapper{min-width:initial}}