body{margin:0;padding:0;font-family:sans-serif}html{color:#222;font-size:1em;line-height:1.4}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{*,:after,:before{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.gold{color:#eeca44!important}.purple{color:#a35ef9!important}.blue{color:#2997f1!important}.green{color:#8fff3a!important}.gray{color:#ccfffe!important}.red-text{color:red!important}.increase{color:#60bd1b}.increase:before{content:"+"}.decrease{color:#e64343}.center{text-align:center!important}.left{text-align:left!important}.box{display:inline-block!important;border:1px solid #1e90ff!important;padding:.25em!important}.grid-2{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin-bottom:1em}.grid-2 *{max-width:50%}.inset{z-index:100;position:relative}.inset:after{top:0;left:0;right:0;bottom:0;background-color:#000;z-index:-1}.inset:after,.inset:before{position:absolute;content:"";border-radius:2px}.inset:before{top:-2px;left:-2px;right:-2px;bottom:-2px;background-image:linear-gradient(30deg,#afa992 10%,#000 70%);z-index:-2}#root,.App,body,html{height:100%}.App{text-align:left;font-family:"Helvetica","Arial",sans-serif;display:flex;flex-direction:column}::-webkit-scrollbar{width:.4em;height:.4em;margin-left:1em}::-webkit-scrollbar-track{border:1px inset #1e90ff;background:#1e2f46}::-webkit-scrollbar-thumb{background:#1e90ff;min-height:3em}.App-header{flex:0 1 auto;display:grid;grid-template-areas:auto 1fr/auto auto;background-color:#222;padding:0;color:#fff;border-bottom:1px solid grey}.App-title{grid-row:1;grid-column:1;font-size:1.5em;margin:.5em;background-image:url(/img/gold-crit-dmg-arrow-mod-cropped.png);background-position:0 50%;background-repeat:no-repeat;background-size:2em 2em;padding-left:2.5em}.App-title .subtitle{display:block;font-size:.5em}.App-header nav{grid-row:2;grid-column:1;display:flex;align-items:flex-end;position:relative;bottom:-1px}.App-header nav button{margin-bottom:0;border-radius:5px 5px 0 0;border:1px solid grey;background-color:#202020;color:#d3d3d3}.App-header nav button:focus,.App-header nav button:hover{color:#fff}.App-header .actions{grid-row:1/span 2;grid-column:2;text-align:right}.App-header .actions input:not(.button),.App-header .actions label:not(.button){margin:0 .25em;vertical-align:middle}.App-header input#ally-code{font-size:1.2em}.App-header .actions .fetch-actions,.App-header .actions form,.modal .actions form{display:inline-block}.App-footer{flex:0 1 auto;background-color:#222;padding:0;color:#d3d3d3;font-size:.75em;border-top:1px solid grey;text-align:center;position:relative}.App-footer a{color:#d3d3d3;text-decoration:underline}.App-footer #donate-button{display:inline-block;vertical-align:middle}.App-footer .version{position:absolute;left:0;bottom:0;font-size:.75em;margin:.5em}.app-body{flex:1 1 auto;display:flex;background:#000 url(/img/cantina-background.jpg) no-repeat fixed;background-size:cover;overflow:hidden;color:#fff;text-shadow:2px 2px 1px #000;align-items:stretch}.app-body a{color:#fff;text-decoration:underline}.app-body a.call-out{font-weight:700;color:#eeca44}nav.sub-nav{border-bottom:1px solid #1e90ff;position:relative}nav.sub-nav button{border-radius:5px 5px 0 0;border:1px solid #1e90ff;background-color:#202020;margin-bottom:-1px;color:#d3d3d3}.button,button{display:inline-block;margin:.25em;background-color:#46801a;border:1px outset #32cd32;border-radius:5px;font-size:1rem;font-weight:300;color:#fff;padding:1px .25em;opacity:.9;cursor:pointer;line-height:1.3;vertical-align:middle;text-decoration:none;text-shadow:none}button[disabled],button[disabled]:hover{opacity:.5;cursor:auto}.button.small,button.small{font-size:.6em}.button:active,button:active{border:1px inset #32cd32}.button.red,button.red{background-color:#8b0000;border:1px outset red}.button.red:active,button.red:active{border:1px inset red}.button.blue,button.blue{background-color:#0b4884;border:1px outset #1e90ff;color:#fff!important}.button.blue:active,button.blue:active{border:1px inset #1e90ff}.button:focus,.button:hover,button:focus,button:hover{outline:0;opacity:1}button.link{text-decoration:underline;background-color:initial;border:none;color:#d3d3d3;font-size:1em;margin:.1em;padding:0;font-weight:400}nav button.active{border-bottom:none;color:#fff;position:relative}.icon{display:inline-block;height:1em;width:1em;margin:0 .25em;vertical-align:middle}.welcome{text-align:center;margin:0 auto;max-width:45em}.modal.reset-modal{width:40em}.modal.error-modal{border:1px solid #8b0000;background-color:#ead118;width:30em;min-height:12em;color:#000;text-shadow:none}.modal.error-modal .warning-label{float:right;height:10em}.modal.error-modal p{word-break:break-word}.modal.changelog-modal{max-width:45em}.modal.pull-unequipped-modal{max-width:40em}.modal.c3po-modal{max-width:45em}.modal .help{max-width:30em}.modal .fetch-results{max-width:40em}.modal .progress{height:1em;width:17em;margin:.5em auto;border-radius:.5em;border:1px solid #32cd32;padding:0;overflow:hidden}.modal .progress .progress-bar{display:block;height:100%;background-image:repeating-linear-gradient(-45deg,#8fff3a,#46801a 1em,#8fff3a 2em);background-size:2.828em 1em;background-repeat:repeat-x;animation:Progress 1s linear infinite;transition:width .5s}strong{font-weight:700;color:#a35ef9}select{-webkit-appearance:none;-moz-appearance:none;font-size:1em;color:#fff;background-color:#000040;border:1px solid #1e90ff;border-radius:0;padding:.25em}[draggable=true]{cursor:grab}.add-ally-code-form,.add-ally-code-form input[type=text]{font-size:1.2em}.add-ally-code-form h4{color:#eeca44;margin-top:0;margin-bottom:1em}.add-ally-code-form .actions{margin-top:1em}input{color:#222}li{text-align:left;margin-bottom:.5em}a{cursor:pointer}code{background-color:#222}dl{text-align:left}dt{font-weight:700;color:#2997f1}img.fit{width:100%}img.textIcon{width:1.25em;height:1.25em}.form-item{display:inline-block}.arrow path{fill:#000;stroke:#eeca44;stroke-width:5px}.pips{font-size:0;padding:1px;margin:5px 0;text-align:left}.pip{width:5px;height:5px;background-color:#fae8da;border-radius:3px;margin:2px 1.6px}.mod-image,.pip{display:inline-block}.mod-image{text-align:right;position:relative;z-index:100}.mod-image.square{left:20px}.mod-image.circle{left:17px}.mod-image.cross{left:3px}.mod-image .avatar{position:absolute;left:-.5em;bottom:-.5em;width:2em;height:2em}.mod-image.cross .avatar{left:2em}.mod-slot-image{position:relative;background-image:url(/img/mod-shape-atlas.png);background-size:48em 20em;width:3.99em;height:3.99em}.mod-image.arrow .mod-slot-image,.mod-image.diamond .mod-slot-image{font-size:1.05em}.mod-image.triangle .mod-slot-image{font-size:1.04em}.mod-image.circle .mod-slot-image{font-size:1.05em}.mod-image.cross .mod-slot-image{font-size:1.1em}.mod-image.arrow .mod-slot-image{background-position-x:-4em}.mod-image.diamond .mod-slot-image{background-position-x:-8em}.mod-image.triangle .mod-slot-image{background-position-x:-12em}.mod-image.circle .mod-slot-image{background-position-x:-16em}.mod-image.cross .mod-slot-image{background-position-x:-20em}.mod-image.square.dots-6 .mod-slot-image{background-position-x:-24em}.mod-image.arrow.dots-6 .mod-slot-image{background-position-x:-28em}.mod-image.diamond.dots-6 .mod-slot-image{background-position-x:-32em}.mod-image.triangle.dots-6 .mod-slot-image{background-position-x:-36em}.mod-image.circle.dots-6 .mod-slot-image{background-position-x:-40em}.mod-image.cross.dots-6 .mod-slot-image{background-position-x:-44em}.mod-image.gray .mod-slot-image{background-position-y:-.2em}.mod-image.green .mod-slot-image{background-position-y:-4.2em}.mod-image.blue .mod-slot-image{background-position-y:-8.2em}.mod-image.purple .mod-slot-image{background-position-y:-12.2em}.mod-image.gold .mod-slot-image{background-position-y:-16.2em}.mod-slot-image:after{content:"";display:block;position:absolute;background-image:url(/img/mod-icon-atlas.png);background-size:8em 5em;width:1em;height:1em}.mod-image.square .mod-slot-image:after{font-size:1.3em;left:1.3em;top:.68em}.mod-image.arrow .mod-slot-image:after{font-size:1.1em;left:1.8em;top:.7em}.mod-image.diamond .mod-slot-image:after{font-size:1.2em;left:1.16em;top:1.01em}.mod-image.triangle .mod-slot-image:after{font-size:1.05em;left:1.4em;top:1.45em}.mod-image.circle .mod-slot-image:after{font-size:1.2em;left:1.17em;top:1.01em}.mod-image.cross .mod-slot-image:after{font-size:1.2em;left:1.18em;top:1.03em}.mod-image.offense .mod-slot-image:after{background-position-x:-1em}.mod-image.defense .mod-slot-image:after{background-position-x:-2em}.mod-image.speed .mod-slot-image:after{background-position-x:-3em}.mod-image.critchance .mod-slot-image:after{background-position-x:-4em}.mod-image.critdamage .mod-slot-image:after{background-position-x:-5em}.mod-image.potency .mod-slot-image:after{background-position-x:-6em}.mod-image.tenacity .mod-slot-image:after{background-position-x:-7em}.mod-image.green .mod-slot-image:after{background-position-y:-1em}.mod-image.blue .mod-slot-image:after{background-position-y:-2em}.mod-image.purple .mod-slot-image:after{background-position-y:-3em}.mod-image.gold .mod-slot-image:after{background-position-y:-4em}.mod-level{display:inline-block;padding:1px;font-weight:100;position:absolute;background-size:100%;z-index:-1;box-sizing:border-box;font-size:14px;text-align:center}.mod-level.square{background-image:url(/img/modlevel-square.png);width:2.08em;height:1.5em;left:-1.45em;top:1.85em;padding:.15em .6em .15em .15em}.mod-level.arrow{background-image:url(/img/modlevel-arrow.png);width:1.56em;height:1.71em;bottom:-.85em;right:1.4em;padding:.43em .14em .14em}.mod-level.diamond{background-image:url(/img/modlevel-diamond.png);width:1.71em;height:2.64em;bottom:-.86em;right:.19em;padding:1.29em .14em .14em}.mod-level.triangle{background-image:url(/img/modlevel-triangle.png);width:2.29em;height:1.57em;bottom:1.06em;right:-1.67em;padding:.14em .14em .14em .64em}.mod-level.circle{background-image:url(/img/modlevel-circle.png);width:2.5em;height:1.57em;left:-1.24em;top:1.95em;padding:.14em 1.07em .14em .14em}.mod-level.cross{background-image:url(/img/modlevel-cross.png);width:1.79em;height:2.21em;left:-.2em;bottom:-.67em;padding:.86em .21em .14em .14em}.avatar{width:4em;height:4em;position:relative;margin:.75em .5em .25em;border-radius:100%;display:inline-block}.avatar img{width:99%;height:99%;border-radius:100%}.avatar:after{content:"";display:block;width:100%;height:100%;z-index:9999;left:0;top:0;background-size:cover}.avatar .character-level,.avatar:after{position:absolute;box-sizing:border-box;pointer-events:none}.avatar .character-level{bottom:0;left:50%;text-align:center;width:3em;margin-left:-1.5em;height:3em;line-height:3em;margin-bottom:-1em;background:radial-gradient(100% 100% at 50% 85%,#1c385d 0,#1c385d 44%,#fff 45%,#fff 49%,transparent 50%) 50% 15%/1.6em 1.6em,radial-gradient(125% 100% at 50% -28%,#1c385d 0,#1c385d 44%,#fff 45%,#fff 49%,transparent 50%) 50% 123%/1.5em 1.6em;background-repeat:no-repeat;z-index:10000}.avatar.gear-0{border:1px inset #ccfffe}.avatar.gear-1:after{border-radius:100%;border:1px inset #ccfffe}.avatar.gear-2:after{background-image:url(/img/g2-overlay.png)}.avatar.gear-3:after{background-image:url(/img/g3-overlay.png)}.avatar.gear-4:after{background-image:url(/img/g4-overlay.png)}.avatar.gear-5:after{background-image:url(/img/g5-overlay.png)}.avatar.gear-6:after{background-image:url(/img/g6-overlay.png)}.avatar.gear-7:after{background-image:url(/img/g7-overlay.png)}.avatar.gear-8:after{background-image:url(/img/g8-overlay.png)}.avatar.gear-9:after{background-image:url(/img/g9-overlay.png)}.avatar.gear-10:after{background-image:url(/img/g10-overlay.png)}.avatar.gear-11:after{background-image:url(/img/g11-overlay.png)}.avatar.gear-12:after{background-image:url(/img/g12-overlay.png)}.avatar.gear-13:after{background-image:url(/img/g13-overlay.png)}.avatar.gear-13.align-dark:after,.avatar.gear-13.align-light:after,.avatar.gear-13.align-neutral:after{width:120%;height:120%;left:-10%;top:-10%;background-image:url(/img/g13-frame-atlas.png);background-size:100% 300%;background-position-x:center}.avatar.gear-13.align-dark:after{background-position-y:50%}.avatar.gear-13.align-neutral:after{background-position-y:100%}.avatar .star{background:url(/img/star-passive.png) no-repeat;background-size:contain;display:block;width:16.66%;height:16.66%;position:absolute;left:41.66%;top:41.66%;z-index:10000}.avatar .star.active{background-image:url(/img/star-active.png)}.avatar .star-1{transform:rotate(-70deg) translateY(-350%)}.avatar .star-2{transform:rotate(-47deg) translateY(-350%)}.avatar .star-3{transform:rotate(-23deg) translateY(-350%)}.avatar .star-4{transform:rotate(0deg) translateY(-350%)}.avatar .star-5{transform:rotate(23deg) translateY(-350%)}.avatar .star-6{transform:rotate(47deg) translateY(-350%)}.avatar .star-7{transform:rotate(70deg) translateY(-350%)}.mod-stats{text-align:left;width:17em;position:relative}.mod-stats h4{text-transform:uppercase;margin:0}.mod-stats ul{list-style:none;padding-left:1em;margin:0 0 .5em;font-weight:lighter}.mod-stats ul.secondary{color:#c5f5f5}.mod-stats ul li{line-height:1.2em;margin:0}.mod-stats .class{display:inline-block;float:right;height:1em}.mod-stats .class-S{color:#eeca44}.mod-stats .class-A{color:#a35ef9}.mod-stats .class-B{color:#2997f1}.mod-stats .class-C{color:#8fff3a}.mod-stats .class-D{color:#ccfffe}.stat-rating{float:right;cursor:default;font-size:.8em}.mod-rating{text-align:left;cursor:default;font-size:1em;padding-bottom:1em}.mod-rating .badge-0{text-shadow:none}.mod-rating .badge-1{text-shadow:0 2px 2px #fff,1px 1px 3px #fff}.mod-rating .badge-2{text-shadow:0 2px 2px gold,1px 1px 3px gold}.mod-stats .avatar{display:inline-block;vertical-align:middle;font-size:.8em}.mod-stats .avatar-name{vertical-align:middle;margin-left:.5em}.mod-stats button.delete-button{position:absolute;top:0;right:0}.delete-mod-display,.mod-detail{position:relative;display:inline-grid;grid-template-columns:5em 1fr;grid-template-rows:1fr auto auto;grid-column-gap:1em;grid-row-gap:0;align-items:start;border:1px solid #1e90ff;background-color:rgba(0,0,96,.5);color:#fff;text-shadow:2px 2px 1px #000;margin:1em;padding:1em;width:22em}.delete-mod-display .mod-image,.mod-detail .mod-image{vertical-align:top;grid-row:1;grid-column:1;width:4em}.delete-mod-display>.avatar,.mod-detail>.avatar{grid-row:2;grid-column:1;text-align:center;font-size:.8em;margin-top:1.75em}.delete-mod-display .character-name,.mod-detail .character-name{grid-row:3;grid-column:1/span 2;margin:0;text-align:left;font-weight:400;font-size:.8em}.delete-mod-display>.stats,.mod-detail>.stats{grid-row:1/span 2;grid-column:2/span 2;font-size:.9em}.mod-detail>.stats>.assigned{float:right;font-size:.6em}.mod-detail>.stats>.assigned .arrow{width:4em;height:4em}.mod-detail button.delete-button{position:absolute;top:0;right:0}.modal .optimizer-messages .missed-goals{color:red}.review,.review-list{flex-grow:1;display:flex}.review-list{flex-direction:column}.review-list h2{padding-top:.5em}.review-list h2,.review-list h3{text-align:center;margin-bottom:0;margin-top:0}.review-list .mod-row.individual .character-id h3,.review-list .mod-row.individual .character-id h4{font-size:.8em}.review-list h4{text-align:center;margin-top:0}.sort-options{text-align:center;font-size:24px}.review-list .mods-list{overflow-y:auto;box-sizing:border-box}.review-list .mods-list:after{content:"";display:block;height:5em}.mod-row{margin:10px auto;text-align:center}.mod-row .mod-detail{vertical-align:middle;margin-right:30px}.mod-row .mod-set-block{padding:1em;border:1px solid #1e90ff;background-color:rgba(0,0,96,.5)}.mod-row .mod-set-block,.mod-row .mod-set-detail{display:inline-block;margin:0 1em;vertical-align:middle}.mod-row div.character-id{display:inline-block;vertical-align:middle}.mod-row.set div.character-id>.arrow{width:6em;height:6em}.mod-row.individual div.character-id>.arrow{width:4em;height:4em}.mod-row div.character-id>.avatar{display:inline-block;margin:1em}.mod-row .actions{display:inline-block;text-align:center;margin:0;vertical-align:middle}.mod-row .actions button{display:block}.mod-row.set .avatar{font-size:1.5em}.mod-row.set .mod-image .avatar{font-size:1em}.mod-row.set .mod-stats .avatar{font-size:.8em}pre.summary{background-color:#222;padding:1em;text-shadow:none!important;max-height:calc(100vh - 27em);overflow-y:auto}.sidebar .filter-form .organize-toggle .toggle-left-value,.sidebar .filter-form .organize-toggle .toggle-right-value{font-size:.8em}.sidebar-hotutils{text-align:center}.modal.hotutils-modal{max-width:40em}.modal.hotutils-modal p{text-align:left}.modal.hotutils-modal .form-row{margin:1em 0}.modal.hotutils-modal label{display:inline-block;margin-right:.5em;width:10em;text-align:right}.modal.hotutils-modal input{font-size:1.2em}.modal.hotutils-modal p.error{visibility:visible;text-align:center}.modal.mod-move-progress h3{color:#a35ef9}.modal.cancel-mod-move .canceling{height:1em;width:17em;text-align:center;margin:.5em auto;padding:0}div.toggle-wrapper{margin-bottom:.5em}input.toggle{display:none}div.toggle-label{border-bottom:1px solid #fff;margin-bottom:.3em}div.toggle-wrapper label{font-size:.9em;border:none;margin:0}div.toggle-wrapper.disabled label{opacity:.6}.toggle-left-value,.toggle-right-value{cursor:pointer}span.toggle-switch{display:inline-block;width:2em;height:1em;position:relative;border-radius:.25em;background-color:#222;vertical-align:middle;margin:0 .5em;cursor:pointer}span.toggle-switch:after{content:"";display:block;position:absolute;border-radius:.25em;border:.2em outset #72e817;width:1.2em;height:1.2em;box-sizing:border-box;top:-.1em;left:.9em;right:.9em;background-color:#61c714;transition-property:left;transition-duration:.2s}span.toggle-switch.left:after{left:0}span.toggle-switch.right:after{right:0}.mod-set-view{width:12em;height:21.03em;display:inline-block;background-image:url(/img/modset-background.png);background-size:100%;position:relative}.mod-set-view .mod{position:absolute}.mod-set-view .mod .no-move .mod-slot-image{background-image:url(/img/mod-shape-atlas-faded.png)}.mod-set-view .mod .no-move .mod-slot-image:after{background-image:url(/img/mod-icon-atlas-faded.png)}.mod-set-view .mod .no-move .avatar:after{border-radius:50%;background-color:rgba(0,0,0,.5)}.mod-set-view .mod .icon{display:block;position:absolute;width:1.5em;height:1.5em;background-image:url(/img/character_icons.png);background-size:15em 3em;font-size:.9em;z-index:101}.mod-set-view .mod .icon.slice{background-position-x:-1.5em}.mod-set-view .mod .mod-level,.mod-set-view .mod .pips:after,.mod-set-view .mod .pips:before{background:none}.mod-set-view .mod .mod-stats{display:none}.mod-set-view .mod:hover .mod-stats{display:block;position:absolute;border:1px solid #1e90ff;background-color:#000042;padding:1em;z-index:1000}.mod-set-view .mod.square{left:.25em;top:.7em}.mod-set-view .mod.square .pips{left:0;top:4px}.mod-set-view .mod.square .mod-level{top:1.83em}.mod-set-view .mod.square .icon.level{right:-1.7em;top:1.6em}.mod-set-view .mod.square .icon.slice{right:-1.7em;top:3.3em}.mod-set-view .mod.arrow{right:1.09em;top:-.08em}.mod-set-view .mod.arrow .pips{left:3px;top:3px}.mod-set-view .mod.arrow .mod-level{bottom:-.95em;right:1.7em}.mod-set-view .mod.arrow .icon.level{right:-.5em;top:1.6em}.mod-set-view .mod.arrow .icon.slice{right:-.5em;top:3.3em}.mod-set-view .mod.diamond{left:2.16em;top:9.1em}.mod-set-view .mod.diamond .pips{left:4px;top:2px}.mod-set-view .mod.diamond .mod-level{bottom:-.9em;right:.4em}.mod-set-view .mod.diamond .icon.level{left:.3em;top:1.6em}.mod-set-view .mod.diamond .icon.slice{top:1.6em;right:.3em}.mod-set-view .mod.triangle{right:1.7em;top:7.17em}.mod-set-view .mod.triangle .pips{left:1px;top:5px}.mod-set-view .mod.triangle .mod-level{right:-1.25em;bottom:1em}.mod-set-view .mod.triangle .icon.level{left:.3em;top:1.6em}.mod-set-view .mod.triangle .icon.slice{top:1.6em;right:.3em}.mod-set-view .mod.circle{left:1.05em;bottom:.2em}.mod-set-view .mod.circle .pips{left:5px;top:3px}.mod-set-view .mod.circle .mod-level{left:-1.25em;top:1.9em}.mod-set-view .mod.circle .icon.level{right:-1.1em;top:1.6em}.mod-set-view .mod.circle .icon.slice{right:-1.1em;top:3.3em}.mod-set-view .mod.cross{right:1.12em;bottom:1.9em}.mod-set-view .mod.cross .pips{left:6px;top:4px}.mod-set-view .mod.cross .mod-level{left:-.35em;bottom:-.5em}.mod-set-view .mod.cross .icon.level{left:.5em;top:1.5em}.mod-set-view .mod.cross .icon.slice{right:0;top:1.5em}.sidebar-wrapper{float:left;position:relative}.sidebar-wrapper .toggle-sidebar{display:block;position:absolute;top:4rem;left:17.5rem;width:1em;height:2em;margin:0;border-radius:1em;border:1px solid grey;background-color:#333;transition:all .5s ease-in-out}.sidebar-wrapper .toggle-sidebar.show{left:0;transform:rotate(180deg)}.sidebar-wrapper .toggle-sidebar:before{right:.25em;border-right:.5em solid #ccc}.sidebar-wrapper .toggle-sidebar:after,.sidebar-wrapper .toggle-sidebar:before{content:"";position:absolute;top:calc(50% - .5em);width:0;height:0;border-top:.5em solid transparent;border-bottom:.5em solid transparent}.sidebar-wrapper .toggle-sidebar:after{right:0;border-right:.5em solid #333}.sidebar{position:relative;left:0;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;transition:all .5s ease-in-out}.sidebar.hide .toggle-sidebar{left:.7em}.sidebar.hide{left:-18em;margin-right:-20em;overflow-x:hidden;overflow-y:hidden}.sidebar>div{background-color:#444;padding:1em;border-radius:0 .5em .5em 0;border:1px solid #888;border-left-width:0;margin:1em 1em 1em 0;width:18rem;box-sizing:border-box}.sidebar-actions{text-align:center}.sidebar-actions button{margin-bottom:.5em}.sidebar-actions button:last-of-type{margin-bottom:0}.filter-form{text-align:center}.filter-form .toggle-label,.filter-form label,.sidebar>div h3{display:block;border-bottom:1px solid #fff;margin-top:.5em;margin-bottom:.25em}.sidebar-actions h3{margin-top:0}.sidebar h4{margin:0}.sidebar div>h3:first-child{margin-top:0}.mod-set-detail{display:block;position:relative;border:1px solid #1e90ff;background-color:rgba(0,0,96,.5);padding:1em}.mod-set-detail .summary{display:inline-block;vertical-align:top;margin:0 0 0 1em}.mod-set-detail .summary table{margin:0;padding:0;text-align:left}.mod-set-detail .summary table th{background-color:#1f738c;text-align:center;font-weight:400}.mod-set-detail .summary table td{padding:.2em .5em;font-size:.95em}.mod-set-detail .summary table tr:nth-child(odd) td{background-color:#1e2f46}.mod-set-detail .summary table tr:nth-child(2n) td{background-color:#1c385d}.mod-set-detail .summary td.stat-value{color:#fff}.mod-set-detail .summary td.stat-value .mods-value{color:#19ccb4}.mod-set-detail .summary table td.stat-type{text-align:left}.mod-set-detail .summary table td.stat-value{text-align:right;width:9em}.mod-set-detail .summary table td.stat-diff{width:4em}.mod-set-detail .summary table td.optimizer-value{width:3.2em}.mod-set-detail .set-value{position:absolute;left:1em;bottom:1em;text-align:left}svg.credits{height:1em}svg.credits path{fill:#000;stroke:#eeca44;stroke-width:6px}.icon.help{background-image:url(/img/help.png);background-size:1em 1em;cursor:pointer}.dropdown{position:relative;display:inline-block;vertical-align:middle;margin:.25em}.dropdown select{padding-right:1em}.dropdown:after{content:"";position:absolute;display:block;right:.2em;top:calc(50% - .1em);width:0;height:0;border:.4em solid transparent;border-top-color:#1e90ff;pointer-events:none}.character-edit{flex-grow:1;display:flex;overflow:hidden;text-align:center}.character-edit .selected-characters{max-width:calc(33% - 7em);margin:0 0 0 1em;flex-grow:0}.character-edit.sort-view .selected-characters{flex-grow:1;max-width:none}.character-edit .available-characters{overflow-y:auto;flex-grow:1;width:auto}.character-edit.sort-view .available-characters{flex-grow:0;width:0}.character-edit .available-characters .character{display:inline-block;vertical-align:top;margin:.5em 1em;width:8em;position:relative;border:1px solid transparent}.character-edit .available-characters .character.locked{border-color:#8b0000;opacity:.75}.character-edit .available-characters .character .icon.locked{position:absolute;top:.2em;right:.2em;background-image:url(/img/character_icons.png);background-size:12em 2.4em;background-position-x:-9.6em;background-position-y:-1.2em;width:1.2em;height:1.2em;line-height:1.2em;display:block;margin:0;padding:0}.character-edit .available-characters .character .icon.active{background-position-y:0}.character-edit .available-characters .character .avatar{font-size:1.2em}.character-edit .available-characters .character.inactive{opacity:.25}.character-edit .character-list{height:calc(100% - 6.8em);overflow-y:auto;overflow-x:hidden}.character-edit.sort-view .character-list{display:flex;flex-wrap:wrap;align-items:flex-start}.character-edit.sort-view .character-list .top-block{width:100%;height:1em}.character-edit.sort-view .character-list .character-block-wrapper{margin-right:1em}.character-edit.sort-view .character-list .character-block-wrapper.drop-character .character-block{box-shadow:2px 0 3px #8b0000}.character-edit .selected-characters h4{margin-bottom:0}.character-edit .selected-characters h5{margin:.25em 0 0}.character-edit .selected-characters .template-buttons{font-size:.83em}.character-edit .selected-characters .template-buttons .button,.character-edit .selected-characters .template-buttons button{margin:.2em}.character-edit .selected-characters .template-buttons form.file-input{display:inline-block}.character-edit .selected-characters .character-list{padding-right:1em}.character-list-omicronboosts{margin-top:.5em}.global-settings h3 .icon{font-size:.83em}.global-settings input[type=range]{vertical-align:middle}.global-settings .form-row{padding:.5em 0;border-bottom:1px solid #fff}.modal.instructions{height:auto;width:50em;text-align:left}.modal.instructions h2,.modal.instructions h3{text-align:center;border-bottom:1px solid #fff}.modal.instructions .actions{text-align:right}.modal.save-template input{font-size:1.5em}.modal p.error{color:#d11;visibility:hidden;margin:0 0 .5em}.modal form select{margin-bottom:0}.modal input.invalid+p.error{visibility:visible}.modal .help,.modal.template-targets{max-width:40em}.modal .help ul li{list-style:none}.modal.optimizer-progress h3{color:#a35ef9}.modal.generate-character-list{max-width:40em}.modal.generate-character-list span.purple{font-weight:700}.modal.generate-character-list form{display:inline-block}.modal.generate-character-list label{display:block}.modal.generate-character-list .toggle-wrapper{margin-top:1em}.modal.generate-character-list .form-row{margin-bottom:.25em}.modal.generate-character-list .form-row label{display:inline;vertical-align:middle}@keyframes Progress{0%{background-position:0 0}to{background-position:2.828em 0}}.top-block{height:1.83em;margin:0;padding:0}.top-block.drop-character{box-shadow:-3px 2px 3px #8b0000}.character-block-wrapper{padding:.25em 0;margin:0}.character-block-wrapper.drop-character *{pointer-events:none}.character-block{display:grid;grid-template-rows:auto auto auto;grid-template-columns:fit-content(1em) auto;grid-column-gap:.5em;width:19.5em;min-height:4em;border:1px solid #1e90ff;background-color:rgba(0,0,96,.5);padding:.25em;text-align:left;max-width:100%}.character-block-wrapper.drop-character .character-block,.character-list.drop-character .character-block-wrapper:last-child .character-block{box-shadow:0 2px 3px 0 #8b0000}.character-block .character-icons{grid-row:2;grid-column:2}.character-block .character-icons .icon{font-size:.75em;background-image:url(/img/character_icons.png);background-size:15em 3em;background-position-y:-1.5em;width:1.5em;height:1.5em;line-height:1.5em;text-align:center;margin:0 .2em;padding:0}.character-block .character-icons .icon.active{background-position-y:0}.icon.level,.icon.slice{cursor:pointer}.icon.slice{background-position-x:-1.5em}.icon.restrictions{background-position-x:-3em}.icon.target{background-position-x:-4.5em}.icon.duplicate{background-position-x:-6em}.icon.negative{background-position-x:-7.5em}.icon.changed-target{background-position-x:-9em}.icon.blank-target{background-position-x:-10.5em}.icon.locked{background-position-x:-12em;cursor:pointer}.icon.minimum-dots{background-position-x:-13.5em;position:relative}.icon.minimum-dots select{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;width:100%;height:100%;color:transparent;background-color:initial;border:none;cursor:pointer;padding:0;text-align-last:center;margin:0}.icon.minimum-dots select:focus{color:#fff}.icon.minimum-dots span{position:absolute;z-index:2;pointer-events:none;top:0;left:0;right:0;bottom:0;display:block;text-align:center}.character-block.locked{border-color:#8b0000;opacity:.75}.character-block .avatar{grid-row:1/span 3;grid-column:1;font-size:.8em}.character-block .character-name{grid-row:1;grid-column:2;display:inline-block;vertical-align:middle;pointer-events:none}.character-block .target{grid-row:3;grid-column:2}.character-block label{font-weight:300;font-size:90%;vertical-align:middle;pointer-events:none}.character-block select{display:inline-block;width:7.8em;vertical-align:middle;color:#1ca9d4;background-color:#1e2f46}.character-block button{font-size:1em}.slider-input{width:3em}.character-edit-form{text-align:center}.character-edit-form h3{font-weight:400;border-bottom:1px solid #fff}.character-edit-form h4{margin:0}.character-edit-form #advanced-form,.character-edit-form #basic-form,.character-edit-form #character-level-options{display:inline-block}.character-edit-form .character-view .avatar{font-size:1.5em}.character-edit-form .character-name{margin-bottom:0}.character-edit-form .instructions{max-width:30em;margin:.5em auto}.character-edit-form .header-row{max-width:40em;margin:0 auto .5em}.character-edit-form .header-row.stat-weights-toggle{max-width:30em}.column{display:inline-block;vertical-align:top;margin:0 1em}.target-level-options h3{margin-top:0}.target-level-options .row{display:flex;justify-content:space-around}.target-level-options .row .column{flex:0 1 auto}.target-level-options .group{border:1px solid #fff;box-sizing:border-box;padding:.5em}.target-level-options .breakable-group{display:inline-block}.target-level-options .breakable-group .mod-block .dropdown{margin:0 0 1em}.target-level-options .group h4{margin-bottom:.5em}.target-level-options .group p{margin:.25em auto}.target-level-options .non-stats{display:inline-block;margin-bottom:.5em}.target-level-options .target-stats input{margin:.25em}.character-edit-form .form-row{text-align:right;margin:.25em auto;padding:.25em .5em;line-height:1em}.character-edit-form .form-row.center,.character-edit-form div.mod-blocks{text-align:center}.character-edit-form div.mod-block{display:inline-block;margin:0 .5em}.character-edit-form div.mod-block .mod-image{display:block;width:4em;height:4em;margin:auto;background-image:url(/img/mod-shape-atlas.png);background-size:48em 20em}.character-edit-form div.mod-block .mod-image.mod-image-arrow{background-position-x:-4em}.character-edit-form div.mod-block .mod-image.mod-image-triangle{background-position-x:-12em}.character-edit-form div.mod-block .mod-image.mod-image-circle{background-position-x:-16em}.character-edit-form div.mod-block .mod-image.mod-image-cross{background-position-x:-20em}.character-edit-form div.mod-sets div.set-options img{height:3em;padding:0 .25em}.character-edit-form div.mod-sets div.set-options img.disabled{opacity:.5}.character-edit-form div.mod-sets div.selected-sets p{margin-bottom:0}.character-edit-form div.mod-sets div.selected-sets img{height:3em;padding:0 .25em}.character-edit-form div.mod-sets div.selected-sets span.empty-set{display:inline-block;height:3em;width:3em;margin:0 .25em;vertical-align:middle;box-sizing:border-box;border:.1em dashed #ccfffe}.character-edit-form .form-row input{vertical-align:middle}.character-edit-form .form-row label+input,.character-edit-form .form-row label+select{margin-left:1em}.character-edit-form .form-row input[type=number],.character-edit-form .form-row input[type=range]{width:5em;padding:.1em .25em}.character-edit-form .form-row input[type=range]{width:9em}.character-edit-form .form-row output{display:inline-block;width:3em}.character-edit-form .form-row input.slider-input{width:3.5em;margin-left:.5em}.character-edit-form .form-row:nth-child(odd){background-color:#1e2f46;color:#75cbcb}.character-edit-form .form-row:nth-child(2n){background-color:#1c385d;color:#1ca9d4}.character-edit-form #plan-name{width:7em}.character-edit-form .actions{text-align:right}.character-edit-form #delete-button,.character-edit-form #reset-button{float:left}.character-edit-form .incremental-optimization{border-radius:1em;border:1px solid #fff;margin-top:1em}.character-edit-form .incremental-optimization .title{color:#a35ef9;margin:.25em}.character-edit-form .incremental-optimization hr{margin:0}.character-edit-form .incremental-optimization .content{margin:.25em}.character-edit-form .incremental-optimization .actions{text-align:center}input[type=file]{display:none}.spoiler{width:100%;border:1px solid #fff;border-radius:1em}.spoiler .title{cursor:pointer;position:relative;color:#a35ef9}.spoiler .title:before{content:"";position:absolute;left:1em;top:calc(50% - .2em);display:block;width:0;height:0;line-height:0;margin-right:.5em;border:.4em solid transparent;border-top-color:#1e90ff;pointer-events:none;transition:all .5s cubic-bezier(.65,0,.35,1)}.spoiler .divider{height:1px;width:0;margin:auto;background-color:#fff;transition:width .5s cubic-bezier(.65,0,.35,1)}.spoiler .content{height:0;overflow:hidden;padding:0 .5em;transition:all .5s cubic-bezier(.65,0,.35,1)}.spoiler.open .title:before{transform:rotate(180deg);top:calc(50% - .6em)}.spoiler.open .divider{width:100%}.spoiler.open .content{height:var(--content-height);padding-top:.5em;padding-bottom:.5em}.optimizer-view{overflow:hidden;flex-grow:1;display:flex;align-items:stretch}.filter-form.mod-filters{display:flex;flex-wrap:wrap;justify-content:space-around}.mod-filters input[type=checkbox],.mod-filters input[type=number]{display:none}.filter-form.mod-filters label{display:inline;border:none;font-size:1em;margin:auto}.mod-filters span.option{display:inline-block;border-radius:.25em;border:1px outset #1e90ff;background-color:#000060;margin:.25em;padding:.2em;opacity:.5;font-size:.9em}.mod-filters .sets,.mod-filters .slots{line-height:0}.mod-filters span.option.pips-button{padding:.2em .4em}.mod-filters span.option.pips-button,.mod-filters span.option.tier{display:block;width:4em;margin:.25em auto}.mod-filters .option-image{display:inline-block;width:2.5em;height:2.5em;padding:.2em;opacity:.5;background-origin:content-box;background-clip:content-box;line-height:0}.mod-filters .option-image.shape{background-image:url(/img/empty-mod-shapes.png);background-size:15em 5em}.mod-filters .option-image.arrow{background-position-x:-2.5em}.mod-filters .option-image.diamond{background-position-x:-5em}.mod-filters .option-image.triangle{background-position-x:-7.5em}.mod-filters .option-image.circle{background-position-x:-10em}.mod-filters .option-image.cross{background-position-x:-12.5em}.mod-filters .option-image.set{background-image:url(/img/icon-buffs.png);background-size:20em 5em}.mod-filters .option-image.offense{background-position-x:-2.5em}.mod-filters .option-image.defense{background-position-x:-5em}.mod-filters .option-image.speed{background-position-x:-7.5em}.mod-filters .option-image.critchance{background-position-x:-10em}.mod-filters .option-image.critdamage{background-position-x:-12.5em}.mod-filters .option-image.potency{background-position-x:-15em}.mod-filters .option-image.tenacity{background-position-x:-17.5em}.mod-filters input.select+.option-image{opacity:1}.mod-filters input.unselect+.option-image{opacity:1;background-position-y:-2.5em}.mod-filters input.select+span.option{border-style:inset;background-color:#000040;opacity:1}.mod-filters input.unselect+span.option{border-style:inset;background-color:#400000;border-color:maroon;opacity:1}.mod-filters .actions{text-align:center}.mod-filters button{font-size:.9em}.mod-filters .slots label:nth-child(2n):after{content:"\a";white-space:pre}.mod-filters .form-actions{text-align:center;margin-bottom:1em}.mod-filters .form-actions:last-child{margin-top:1em;margin-bottom:0}.mod-filters .form-actions button{font-size:1em;margin:.2em}#mod-filters>div{margin-bottom:.6em}#mod-filters>div:last-child{margin-bottom:0}#equipped-filters,#level-filters,#pips-filters,#set-filters,#slot-filters,#tier-filters{width:7em;vertical-align:top;display:inline-block}#level-filters{width:9em;margin-left:0}#equipped-filters{width:6em;margin-right:0}.mods{overflow-y:auto}.mods h3{margin-left:1em}.overlay{overflow:hidden;width:100%}.modal,.overlay{box-sizing:border-box}.modal{border:1px solid #1e90ff;background-color:#000040;margin:0 auto;display:inline-block;vertical-align:middle;padding:1em;max-width:100%;max-height:100%;overflow-y:auto}.modal.flash h2{color:#eeca44}.modal.flash .errors{color:#ff4500;border-bottom:1px solid #fff}.modal.notice{max-width:40em}.modal.notice h2{color:#eeca44}.modal.notice h3{color:#e64343}.spinner{display:inline-block;vertical-align:middle;width:5em;height:5em;border-color:#eeca44 transparent;animation:spinner 2s linear infinite;position:relative}.spinner,.spinner:after{border-radius:100%;border-style:solid;border-width:.25em;box-sizing:border-box}.spinner:after{content:"";position:absolute;top:50%;left:50%;width:4em;height:4em;margin-left:-2em;margin-top:-2em;border-color:#a35ef9 transparent;animation:reverse-spinner 1s linear infinite}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes reverse-spinner{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);margin:0;padding:2em;z-index:10000;text-align:center}.overlay:before{content:"";display:inline-block;height:100%;vertical-align:middle}svg.warning-label{fill:#8b0000}
/*# sourceMappingURL=main.d838f3eb.chunk.css.map */