@font-face{font-family:'Lemonmilk';src:url("/vendor/zenith/a49a7d5ca538f9589218.otf");font-style:normal}@font-face{font-family:'Open SansCondensed Bold';src:url("/vendor/zenith/a470fde7cc5c0fe26f39.ttf");font-style:normal}@font-face{font-family:'Open SansCondensed Light';src:url("/vendor/zenith/1f6bcb7b1eaa3b6a71b9.ttf");font-style:normal}@fa-font-path : "./font-awesome";body ::-webkit-scrollbar{-webkit-appearance:none;width:10px;height:10px}body ::-webkit-scrollbar-track{background:rgba(0,0,0,0.1);border-radius:0}body ::-webkit-scrollbar-thumb{cursor:pointer;border-radius:5px;background:rgba(0,0,0,0.25);-webkit-transition:color 0.2s ease;transition:color 0.2s ease}body ::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,0.15)}body ::-webkit-scrollbar-thumb:hover{background:rgba(128,135,139,0.8)}body{--color-tooltip-background-light: #3D3C3B;--color-tooltip-background: #32312F;--color-tooltip-background-dark: #292e33;--color-rarity-relic: rgb(197, 112, 239);--color-rarity-relic-rgb: 197, 112, 239;--color-rarity-epic: rgb(238, 188, 215);--color-rarity-epic-rgb: 238, 188, 215;--color-rarity-memory: rgb(128, 214, 212);--color-rarity-memory-rgb: 128, 214, 212;--color-rarity-legendary: rgb(255, 239, 100);--color-rarity-legendary-rgb: 255, 239, 100;--color-rarity-mythic: rgb(221, 127, 19);--color-rarity-mythic-rgb: 221, 127, 19;--color-rarity-rare: rgb(76, 150, 70);--color-rarity-rare-rgb: 76, 150, 70;--color-rarity-common: rgb(255, 255, 255);--color-rarity-common-rgb: 255, 255, 255;--color-rarity-dark-relic: rgb(84, 57, 98);--color-rarity-dark-relic-rgb: 84, 57, 98;--color-rarity-dark-epic: rgb(116, 73, 96);--color-rarity-dark-epic-rgb: 116, 73, 96;--color-rarity-dark-memory: rgb(61, 114, 113);--color-rarity-dark-memory-rgb: 61, 114, 113;--color-rarity-dark-legendary: rgb(158, 150, 81);--color-rarity-dark-legendary-rgb: 158, 150, 81;--color-rarity-dark-mythic: rgb(122, 92, 57);--color-rarity-dark-mythic-rgb: 122, 92, 57;--color-rarity-dark-rare: rgb(44, 98, 49);--color-rarity-dark-rare-rgb: 44, 98, 49;--color-rarity-dark-common: rgb(44, 98, 49);--color-rarity-dark-common-rgb: 44, 98, 49}body .relic-item{color:var(--color-rarity-relic)}body .epic-item{color:var(--color-rarity-epic)}body .memory-item{color:var(--color-rarity-memory)}body .legendary-item{color:var(--color-rarity-legendary)}body .mythic-item{color:var(--color-rarity-mythic)}body .rare-item{color:var(--color-rarity-rare)}body .common-item{color:var(--color-rarity-common)}html{overflow:auto;@fa-font-path : "./font-awesome";@fa-font-path : "./font-awesome"}html .sublimation-colors{display:flex}html .sublimation-colors .information img{width:20px;height:20px}html .sublimation-max{font-size:11px;color:#c1c1c1;text-transform:uppercase;display:flex;align-items:center}html .sublimation-max svg{margin-right:2px}html .tooltip-effect{height:100%}html .builder-container{min-height:inherit}html .builder-container .lds-ring{position:absolute;width:80px;height:80px;top:0;left:0;right:0;bottom:0;margin:auto}html .builder-container .lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #4c4c4c;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#4c4c4c transparent transparent transparent}html .builder-container .lds-ring div:nth-child(1){animation-delay:-0.45s}html .builder-container .lds-ring div:nth-child(2){animation-delay:-0.3s}html .builder-container .lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}html .builder-container .top-side{background-color:#2A2D34;position:relative}html .builder-container .top-side:after{border-bottom:1px solid white;content:"";width:80%;bottom:0;position:absolute;left:10%;right:10%}html .builder-container .top-side .build-header{display:flex}html .builder-container .top-side .build-header .avatars{position:relative}html .builder-container .top-side .build-header .avatars .avatar-frame{width:85px;height:85px;cursor:pointer;background-size:contain;margin:5px;border:solid .5px black;transition:background-image .5s}html .builder-container .top-side .build-header .avatars .job-container{display:flex;background-color:white;position:absolute;flex-wrap:wrap;width:calc((50px * 6) + 8px);z-index:1;border:solid 1px;bottom:0;top:0;left:100%;height:fit-content;margin:auto 0 auto 0;user-select:none;opacity:1;transition:all .5s}html .builder-container .top-side .build-header .avatars .job-container.job-hidden{opacity:0;visibility:hidden;pointer-events:none}html .builder-container .top-side .build-header .avatars .job-container .job{margin:.5px}html .builder-container .top-side .build-header .avatars .job-container .job .job-image{width:50px;height:50px}html .builder-container .top-side .build-header .avatars .job-container .job .job-image img{border:solid 1px black;cursor:pointer;width:50px;height:50px;margin:0}html .builder-container .top-side .build-header .build-information{margin:5px;padding:5px}html .builder-container .top-side .build-header .build-information .build-main-information{display:flex;margin-bottom:5px}html .builder-container .top-side .build-header .build-information .build-main-information .build-common{margin:auto 10px auto;font-size:18px;color:gray;text-align:left;padding:0;height:100%}html .builder-container .top-side .build-header .build-information .build-main-information .build-common.level{width:20%}html .builder-container .top-side .build-header .build-information .build-main-information .build-common.name{width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html .builder-container .top-side .build-header .build-information .build-main-information .build-common:hover{color:darkgrey;cursor:pointer}html .builder-container .top-side .build-header .build-information .build-main-information .ui.input{margin:auto 0 auto 15px}html .builder-container .top-side .build-header .build-information .build-main-information .ui.input input{padding:5px;background:burlywood !important}html .builder-container .top-side .build-header .build-information .build-main-information .builder-main-part-body{display:flex}html .builder-container .top-side .build-header .build-information .build-main-information .builder-sidebar{display:flex;background-color:#F3F2F2;flex-direction:column;width:50%;border:solid 1px darkgrey}html .builder-container .top-side .build-header .build-information .build-main-information .item-place{padding:10px}html .builder-container .top-side .build-header .build-information .build-information-bottom{display:flex}html .builder-container .top-side .build-header .build-information .build-information-bottom .build-parameters .ui.icon.button{width:35px;height:35px;background-color:#575a5c;color:white;margin-right:4px;font-size:1.4rem}html .builder-container .top-side .build-header .build-information .build-information-bottom .build-parameters .ui.icon.button i{font-size:1.4em}html .builder-container .top-side .build-header .build-information .build-information-bottom .build-parameters .ui.icon.button .icon{margin:0 .42857143em 0 -.21428571em !important}html .builder-container .top-side .build-header .build-information .build-information-bottom .build-parameters .ui.icon.button.craftkfu{position:relative;vertical-align:top}html .builder-container .top-side .build-header .build-information .build-information-bottom .build-parameters .ui.icon.button.craftkfu .craftkfu{position:absolute;top:0;bottom:0;right:0;left:0;background-image:url(/vendor/zenith/cefdd1db87baddf2f1dd.png);background-size:contain}html .builder-container .top-side .build-header .build-information .build-information-bottom .build-bonus{display:flex}html .builder-container .top-side .build-header .build-information .build-information-bottom .build-bonus .bonus{padding:2px;border-radius:5px;background-color:#575a5c;margin:0 2px 0 2px;transition:all 500ms;opacity:1;cursor:pointer}html .builder-container .top-side .build-header .build-information .build-information-bottom .build-bonus .bonus .bonus-name{border-top:3px solid}html .builder-container .top-side .build-header .build-information .build-information-bottom .build-bonus .bonus.disabled{transition:all 500ms;opacity:0.5}html .builder-container .top-side .build-header .build-information .build-information-bottom .build-bonus .bonus .bonus-body{text-align:center}html .builder-container .top-side .build-header .build-information .build-information-bottom .build-bonus .bonus .bonus-body .no-dot{list-style-type:none}html .builder-container .top-side .build-header .build-information .build-information-bottom .build-bonus .bonus .bonus-body .icon{margin:0}html .builder-container .top-side .build-header .build-information .build-information-bottom .build-bonus .fade-in{-webkit-animation:fadeIn ease 1s;animation:fadeIn ease 1s;-moz-animation:fadeIn ease 1s;-o-animation:fadeIn ease 1s;animation-fill-mode:forwards}html .builder-container .top-side .build-header .build-information .build-information-bottom .build-bonus .fade-out{-webkit-animation:fadeOut ease 2s;animation:fadeOut ease 2s;-moz-animation:fadeOut ease 2s;-o-animation:fadeOut ease 2s;animation-fill-mode:forwards}@-webkit-keyframes fadeIn{20%{opacity:.9}}@-webkit-keyframes fadeIn{40%{opacity:.8}}@-webkit-keyframes fadeIn{60%{opacity:.7}}@-webkit-keyframes fadeIn{80%{opacity:.6}}@-webkit-keyframes fadeIn{100%{opacity:.5}}@-moz-keyframes fadeIn{20%{opacity:.9}}@-moz-keyframes fadeIn{40%{opacity:.8}}@-moz-keyframes fadeIn{60%{opacity:.7}}@-moz-keyframes fadeIn{80%{opacity:.6}}@-moz-keyframes fadeIn{100%{opacity:.5}}@keyframes fadeIn{20%{opacity:.9}}@keyframes fadeIn{40%{opacity:.8}}@keyframes fadeIn{60%{opacity:.7}}@keyframes fadeIn{80%{opacity:.6}}@keyframes fadeIn{100%{opacity:.5}}@-o-keyframes fadeIn{20%{opacity:.9}}@-o-keyframes fadeIn{40%{opacity:.8}}@-o-keyframes fadeIn{60%{opacity:.7}}@-o-keyframes fadeIn{80%{opacity:.6}}@-o-keyframes fadeIn{100%{opacity:.5}}html .builder-container .top-side .item-criteria{display:flex;align-self:center;margin-right:10px}html .builder-container .top-side .list-items{display:flex}html .builder-container .top-side .list-items .item-wrapper .elements-displayer .stats-element{height:15px;width:15px}html .builder-container .top-side .list-items .item-wrapper .element-modal{display:block;position:absolute;z-index:2;background-color:black}html .builder-container .middle-side{background-color:rgba(69,69,69,0.1);position:relative}html .builder-container .middle-side .inner-tab{display:flex;height:100%}html .builder-container .middle-side .dotted-stats{outline:dotted 2px;z-index:1}html .builder-container .middle-side .stats-category .stats-header{border:.5px solid #7b7676;margin:5px}html .builder-container .middle-side .stats-category .stats-content{display:flex;flex-wrap:wrap}html .builder-container .middle-side .stats-category .stats-content .wr{display:flex;width:calc(50% - 5px);margin:0 2.5px 0 2.5px}html .builder-container .middle-side .stats-category .stats-content .wr .stats-body{margin-left:0;border-radius:0;width:50%}html .builder-container .middle-side .stats-category .stats-content .wr .stats-body .stats-body-value{width:100%}html .builder-container .middle-side .stats-category .stats-content .wr .stats-body .stats-body-header{flex:unset}html .builder-container .middle-side .stats-category .stats-content .wr .stats-body .stats-body-name{display:none}html .builder-container .middle-side .stats-category .stats-content .stats-body{display:flex;margin:0 2.5px 3px 2.5px;width:calc(50% - 5px);padding-left:5px;background-color:#201e1e;color:white;border-radius:2px;align-items:center}html .builder-container .middle-side .stats-category .stats-content .stats-body .stats-body-header{flex:1;display:flex;align-items:center;overflow:hidden;white-space:nowrap}html .builder-container .middle-side .stats-category .stats-content .stats-body .stats-body-header .stats-body-name{overflow:hidden;text-overflow:ellipsis}html .builder-container .middle-side .stats-category .stats-content .stats-body .stats-body-header img{width:20px;margin-right:5px;filter:drop-shadow(0px 1px 0px #fff)}html .builder-container .middle-side .stats-category .stats-content .stats-body .stats-body-value{display:flex;margin:2px 5px 2px;user-select:none;cursor:pointer}html .builder-container .middle-side .stats-category .stats-content .stats-body .stats-body-value .statistic:not(input){margin-left:5px;width:100%;text-align:right}html .builder-container .middle-side .stats-category .stats-content .stats-body .stats-body-value input{height:20px;color:grey;float:right;width:100%}html .builder-container .middle-side .stats-category .stats-content .stats-body.element{height:30px}html .builder-container .middle-side .stats-category .stats-content .stats-body.main{width:calc(20% - 5px);height:40px;border-radius:5px}html .builder-container .middle-side .top-filters p.MuiTypography-root{padding:0 12px;margin-top:6px}html .builder-container .middle-side .top-filters.grouped{padding:3px;margin-bottom:15px;display:flex;flex-wrap:wrap}html .builder-container .middle-side .top-filters .filter-name{width:100%;padding:3px 5px;margin:8px 0 0 0;border-radius:2px;box-sizing:border-box}html .builder-container .middle-side .top-filters .grouped-filters{user-select:none;display:flex;flex-direction:column}html .builder-container .middle-side .top-filters .grouped-filters .multiple{margin-top:5px;background-color:#201e1e}html .builder-container .middle-side .top-filters .grouped-filters .multiple .disabled.item{margin-left:15px;font-size:12px}html .builder-container .middle-side .top-filters .grouped-filters .multiple .disabled.item:hover{background:initial}html .builder-container .middle-side .top-filters .grouped-filters .multiple .ui.label{color:white;font-size:0.6em;background-color:rgba(122,98,122,0.7)}html .builder-container .middle-side .top-filters .grouped-filters .multiple .ui.label img{filter:drop-shadow(1px 1px 2px #fff);display:inline-flex}html .builder-container .middle-side .top-filters .grouped-filters .grouped-input-filters{display:flex;flex-wrap:wrap}html .builder-container .middle-side .top-filters .grouped-filters .grouped-input-filters .input-filter{width:calc((100% / 4) - 4px);border:solid 1px;margin:2px;font-size:0.6em;border-radius:5px;display:flex;background-color:#201e1e;align-items:center;position:relative}html .builder-container .middle-side .top-filters .grouped-filters .grouped-input-filters .input-filter .header-input{text-align:center;width:100%;margin-right:3px;color:white}html .builder-container .middle-side .top-filters .grouped-filters .grouped-input-filters .input-filter .header-input img{margin-right:5px;filter:drop-shadow(1px 1px 2px #fff)}html .builder-container .middle-side .top-filters .grouped-filters .grouped-input-filters .input-filter.focused{border:solid 1px red}html .builder-container .middle-side .top-filters .grouped-filters .grouped-input-filters .input-filter.focused:after{transform:scaleX(1)}html .builder-container .middle-side .top-filters .grouped-filters .grouped-input-filters .input-filter input:after,html .builder-container .middle-side .top-filters .grouped-filters .grouped-input-filters .input-filter input:before{content:unset}html .builder-container .middle-side .top-filters .grouped-filters .grouped-input-filters .input-filter input::-webkit-outer-spin-button,html .builder-container .middle-side .top-filters .grouped-filters .grouped-input-filters .input-filter input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}html .builder-container .middle-side .top-filters .grouped-filters .grouped-input-filters .input-filter input[type=number]{-moz-appearance:textfield}html .builder-container .middle-side .top-filters .grouped-filters .grouped-input-filters .input-filter:after{right:0;bottom:0;content:"";position:absolute;transform:scaleX(0);transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;border-bottom:2px solid #3f51b5;pointer-events:none;border-bottom-color:#f50057;width:100%;border-radius:2px;outline:0}html .builder-container .middle-side .top-filters .grouped-filters .grouped-input-filters .input-filter .MuiDivider-root{margin:0 2px}html .builder-container .middle-side .top-filters .grouped-filters .grouped-input-filters .input-filter img{margin-left:2px}html .builder-container .middle-side .builder-searcher{border-color:black;border-radius:10px;overflow:auto;flex-basis:0;flex-grow:1;max-height:stretch}html .builder-container .middle-side .builder-searcher .loader{display:none;height:100%;position:sticky;top:0;background-color:rgba(20,20,20,0.7)}html .builder-container .middle-side .builder-searcher .loader .lds-ellipsis{display:inline-block;position:absolute;width:80px;height:80px;top:0;bottom:0;left:0;right:0;margin:auto}html .builder-container .middle-side .builder-searcher .loader .lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fcf;animation-timing-function:cubic-bezier(0, 1, 1, 0)}html .builder-container .middle-side .builder-searcher .loader .lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}html .builder-container .middle-side .builder-searcher .loader .lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}html .builder-container .middle-side .builder-searcher .loader .lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}html .builder-container .middle-side .builder-searcher .loader .lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}html .builder-container .middle-side .builder-searcher .result-wrapper{height:0;max-height:100%}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result{line-break:auto;height:auto;margin:auto;width:100%;border-radius:5px;flex-wrap:wrap;display:flex;padding:5px 0 5px}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result.animate{-webkit-animation:search-animate 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;animation:search-animate 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}@-webkit-keyframes search-animate{0%{transform:translateY(5px)}100%{transform:translateY(0px)}}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment{cursor:default;display:flex;background-color:#201e1e;border-radius:5px;padding:5px;position:relative;transition:transform .5s}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment .item-lvl{font-size:12px;align-self:center}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment.with-criterias{box-shadow:0 0 0 2px darkred}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment:hover{box-shadow:0 0 5px #65645b;transform:scale(1.03);z-index:10;transition:transform .5s}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment.listing{width:100%}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment.double-listing{width:calc(50% - 6px)}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment .item-body{display:flex;width:90%;border-right:solid 1px}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment .item-body .item-header{flex:1;color:white;width:0}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment .item-body .item-header .item-display{display:flex}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment .item-body .item-header .item-display img{align-self:center}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment .item-body .item-header .item-inner-information{align-self:center;margin:0 5px 0 10px}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment .item-body .item-header .item-inner-information .item-name{font-weight:bolder;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment .item-body .item-header .item-inner-information .item-inner-wrapper{display:flex}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment .item-body .item-header .item-inner-information .item-inner-wrapper .item-link{margin:auto 0 0 auto}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment .item-body .item-header .item-inner-information .item-inner-wrapper .item-link:hover{filter:drop-shadow(0px 3px 5px #fff)}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment .item-body .item-header .item-inner-information .item-inner-wrapper .item-link img{width:40px;height:40px}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment .item-body .item-side{display:flex}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment .item-body .item-side .item-image{background-color:rgba(85,85,85,0.7);border-radius:5px;padding:2px}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment .item-body .item-side .item-image .inner-image{background-position:center;background-size:contain;background-repeat:no-repeat}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment .item-inner{display:flex;flex-direction:column;align-self:center;padding-left:5px;height:100%;place-content:center}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment .item-inner .equiped{width:20px;border:solid 1px darkgrey;margin:0 5px 0 5px}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment .item-inner img{width:25px;height:25px}html .builder-container .middle-side .builder-searcher .result-wrapper .item-result .equipment .item-stats{color:white}html .builder-container .middle-side .search-buttons{text-align:center;margin:auto auto .5em auto;display:flex}html .builder-container .middle-side .search-buttons button{font-family:Open SansCondensed Bold, sans-serif;font-size:1.3em;color:#ffffff;text-transform:uppercase;display:flex;margin:0 1.5px}html .builder-container .middle-side .inner-tab{position:relative}html .builder-container .hide-t{display:none}html .builder-container .build-aptitudes{align-self:center}html .builder-container .build-aptitudes .aptitude-category{display:flex;justify-content:center}html .builder-container .build-aptitudes .aptitude-category .aptitude{width:50px;height:50px;background-size:contain;cursor:pointer}html .builder-container .build-aptitudes .aptitude-category .aptitude:hover{animation:ttt 300ms ease-out forwards}@keyframes ttt{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(5px);transform:translateY(5px)}}html .builder-container .build-aptitudes .aptitude-category .aptitude .value{color:white;font-weight:bold;border:solid 1px;padding:1px;background-color:#466262;border-radius:2px;user-select:none}html .builder-container .build-aptitudes .aptitude-showing{display:flex;flex-wrap:wrap}html .builder-container .build-aptitudes .aptitude-showing .aptitudes-summary{overflow:auto;flex-basis:0;flex-grow:1}html .builder-container .build-aptitudes .aptitude-showing .aptitude-type-information{background-size:contain;height:100%;background-repeat:no-repeat;width:100%;background-position:right;color:#575a5c;margin-left:10px}html .builder-container .build-aptitudes .aptitude-showing .zn-inner-block{height:100%}html .builder-container .aptitude-body{display:flex;background:#201e1e;color:white;padding:2px;margin:3px}html .builder-container .aptitude-body .aptitude-body-header{flex:1;display:flex;align-items:center;margin-left:5px}html .builder-container .aptitude-body .aptitude-body-value .innericon{border:solid 1px;padding:0 4px 0 4px;cursor:pointer;border-radius:2px;font-size:16px;user-select:none;margin-right:2px}html .builder-container .aptitude-body .aptitude-body-value .innericon.disabled{color:darkgrey;cursor:default}html .builder-container .aptitude-body .aptitude-body-value .innericon:hover:not(.disabled){background-color:#5a6d5d;color:white;border:solid 1px grey}html .builder-container .shard-block{width:100%;--selected-shard-border-size: 2px;--selected-shard-border-color: white;--selected-shard-doubled-color: #F5005766}html .builder-container .shard-block .zn-inner-block{height:100%}html .builder-container .shard-block .shard-line-doubled,html .builder-container .shard-block .shards-slots-side.selected{background-color:var(--selected-shard-doubled-color);outline:#201e1e 1px solid}html .builder-container .shard-block .shard-selector .shards{flex-basis:0;flex-grow:1;overflow-y:auto;padding:var(--selected-shard-border-size);gap:5px}html .builder-container .shard-block .shard-selector .shard-container{display:block;width:100%}html .builder-container .shard-block .shard-selector .slider-shards{padding:0 20px}html .builder-container .shard-block .sublimations-list{display:flex;width:100%}html .builder-container .shard-block .sublimations-list .sublimation-selector .sublimations{padding:5px;display:flex;flex-wrap:wrap;height:fit-content;flex-basis:0;flex-grow:1;overflow-y:auto;place-content:flex-start}html .builder-container .shard-block .sublimations-list .sublimation-selector .shard-container{width:calc(50% - 10px);margin-right:5px;margin-left:5px;display:block}html .builder-container .shard-block .shard{border-radius:3px}html .builder-container .shard-block .shard-selected{outline:var(--selected-shard-border-size) var(--selected-shard-border-color) solid}html .builder-container .shard-block .shard-slot{margin-bottom:3px;display:flex;align-items:center;background-color:#201e1e;color:white;padding:2px;border-radius:5px}html .builder-container .shard-block .shard-slot.doubled{background-color:#6f464c}html .builder-container .shard-block .shard-slot.selected{outline:2px solid white;outline-offset:-2px}html .builder-container .shard-block .shard-slot .shard-image{position:relative;width:22px;height:22px;background-size:contain;background-position:center;margin-left:5px;background-repeat:no-repeat}html .builder-container .shard-block .shard-slot .shard-body-left{flex:1;display:flex;align-items:center;margin-right:15px}html .builder-container .shard-block .shard-slot .shard-body-left .shard-name{font-size:15px;color:#cdd1d6;font-weight:bold;overflow:hidden;text-overflow:ellipsis;margin-left:8px;white-space:nowrap}html .builder-container .shard-block .shard-slot .shard-body-right{margin:0 5px 0 auto}html .builder-container .shard-block .shard-slot .shard-body-right .shard-information{display:flex}html .builder-container .shard-block .shard-slot .shard-body-right .shard-information div{display:flex}html .builder-container .shard-block .shard-side-list{display:flex;flex-direction:column;gap:6px}html .builder-container .zn-block-header{font-family:Open SansCondensed Bold, sans-serif;font-size:28px;color:#ffffff;background-color:#201e1e;padding:10px;text-transform:uppercase;display:flex}html .builder-container .zn-block-header .zn-block-header-additional{display:flex}html .builder-container .zn-block-header .zn-block-header-additional button{margin-right:3px}html .builder-container .zn-title{font-family:Open SansCondensed Bold, sans-serif;font-size:20px;color:#ffffff;text-transform:uppercase}html .builder-container .zn-block-wrapper{display:flex;flex-direction:column;-webkit-box-shadow:5px 5px 5px 0 rgba(0,0,0,0.75);-moz-box-shadow:5px 5px 5px 0 rgba(0,0,0,0.75);box-shadow:5px 5px 5px 0 rgba(0,0,0,0.75)}html .builder-container .zn-block-wrapper.zn-no-spread{height:min-content}html .builder-container .zn-block-wrapper.zn-with-scroll{height:100%}html .builder-container .zn-inner-block{background-color:#575a5c;padding:5px}html .builder-container .zn-inner-block .zn-content-1{margin-bottom:4px;background-color:#201e1e;padding:3px;font-size:15px;color:#cdd1d6;font-weight:bold;text-transform:uppercase}html .builder-container .zn-hidden{visibility:hidden;height:0 !important;padding-top:0;padding-bottom:0;margin:0}html .builder-container .item-image{display:flex}html .builder-container .zn-summary .shard-block{flex-direction:column;flex-flow:wrap;flex-basis:0;flex-grow:1;overflow-y:auto;align-content:flex-start}html .builder-container .zn-summary .shard-block .shard-wrapper{position:relative;width:calc(25% - 10px);margin:3px;border:solid 3px #9a9a9a}html .builder-container .zn-summary .shard-block .shard-wrapper.__block{padding:0}html .builder-container .zn-summary .shard-block .shard-wrapper .shard-type-equipment{height:25px;width:25px;background-repeat:no-repeat;background-size:contain;position:absolute;right:0;filter:drop-shadow(1px 1px 2px #fff);top:-7px}html .builder-container .zn-summary .shard-block .shard-wrapper .shard-container{display:block;width:initial}html .builder-container .zn-summary .shard-block .shard-wrapper .shard-container .shard-image{height:27px;width:27px}html .builder-container .zn-summary .shard-block .shard-wrapper .shard-container .shard-image .level-tag{font-size:13px}html .builder-container .zn-summary .shard-block .shard-wrapper .shard-container .shard-name{font-size:12px}html .builder-container .zn-left-block{display:flex;flex-direction:column}html .builder-container .zn-left-block .aptitudes-summary{flex-basis:0;flex-grow:1;overflow-y:auto}html .builder-container .zn-left-block .aptitudes-summary .aptitude-body{font-size:12px}html .builder-container .zn-left-block .aptitudes-summary .aptitude-body .apt-img{height:15px;width:15px}html .builder-container .top-side:after,html .builder-container .bottom-side:after{border-bottom:1px solid white;content:"";width:80%;bottom:0;position:absolute;left:10%;right:10%}html .build-spells{display:flex}html .build-spells .deck-actions{display:flex;position:relative}html .build-spells .deck-actions #deck{opacity:0;position:absolute;z-index:-9999;pointer-events:none}html .build-spells .spell-container.zn-inner-block{padding:3px}html .build-spells .spell-container .inner{display:flex;flex-wrap:wrap}html .build-spells .spell-container .inner .spell{background:white no-repeat center;background-size:contain;border-radius:2px;border:1px solid;margin:1px;transition:all .5s;position:relative}html .build-spells .spell-container .inner .spell:hover:not(.default){transform:scale(1.2);opacity:.8}html .build-spells .spell-container .inner .spell:not(.default){cursor:pointer}html .theorycraft{display:flex;text-align:center;margin:auto 0;border-radius:3px;background-color:#575a5c}html .theorycraft .elements{place-content:center;margin:auto 5px auto}html .theorycraft .elements .grouped{display:block}html .theorycraft .elements .grouped .element{opacity:.5;margin-right:10px}html .theorycraft .grouped{display:flex;margin:5px 0}html .theorycraft .multi-grouped{display:flex;flex-wrap:wrap;place-content:center}html .theorycraft img{filter:drop-shadow(1px 1px 2px #fff);min-width:15px;min-height:15px}html .theorycraft .boost-block{display:flex;flex-direction:column;align-items:center}html .theorycraft .boost-block img{filter:drop-shadow(1px 1px 2px #fff)}html .theorycraft .boost-block .sides{margin-top:15px}html .theorycraft .boost-block .sides .grouped{display:flex}html .theorycraft .boost-block .sides img{width:15px;height:40px}html .spell-content{height:100%;margin-bottom:2em;display:flex;flex-direction:column;padding:0}html .spell-content .spell-effect-header{text-transform:uppercase;color:white;font-size:15px}html .spell-content .spell-effect-header .spell-main-information{padding:8px;background-color:#333333;display:flex}html .spell-content .spell-effect-header .spell-main-information .spell-data{display:flex;align-items:center;margin-right:10px}html .spell-content .spell-effect-header .spell-main-information .spell-data .image-spell{position:relative}html .spell-content .spell-effect-header .spell-main-information .spell-data .image-spell img{border-radius:5px;width:50px;height:50px}html .spell-content .spell-effect-header .spell-main-information .spell-data .spell-information{margin-left:15px}html .spell-content .spell-effect-header .spell-main-information .spell-data .spell-information .unlock-level{text-align:initial;font-size:11px;color:#c1c1c1}html .spell-content .spell-effect-header .spell-main-information .spell-data .spell-information .unlock-level span{margin-right:5px}html .spell-content .spell-effect-header .spell-main-information .spell-data .spell-information .unlock-level span.no-evolution{color:#dc2e2e}html .spell-content .spell-effect-header .spell-main-information .spell-data .spell-information .unlock-level span i{width:initial}html .spell-content .spell-effect-header .spell-main-information .spell-data .spell-information .name-spell{font-family:Open SansCondensed Bold, sans-serif;font-size:22px;color:#ffffff}html .spell-content .spell-effect{color:white;height:80%;overflow:auto;flex-basis:0;flex-grow:1;background-color:#5a5858}html .spell-content .spell-effect .asset-effect{margin:0 2px}html .spell-content .spell-effect .state{color:#242523;margin:0 2px;text-transform:uppercase;font-family:Open SansCondensed Bold, sans-serif;font-size:15px}html .MuiTooltip-tooltip .spell-displayer{width:initial;margin:0}html .MuiTooltip-tooltip .spell-displayer .spell-content{margin-bottom:initial}html .MuiTooltip-tooltip .spell-displayer .spell-content .spell-effect{flex-basis:initial;flex-grow:initial}html .common-item{color:#fff}html .rare-item{color:#4c9646}html .mythic-item{color:#dd7f13}html .legendary-item{color:#ffef64}html .relic-item{color:#c570ef}html .memory-item{color:#80d6d4}html .epic-item{color:#eebcd7}html .halo{border:solid 2px}html .info-inner{font-size:12px;width:max-content;display:flex}html .info-inner .__block{margin:0}html .info-inner .tooltip-main{margin-bottom:0;margin-right:.5em}html .info-inner .item-inner-frame-header{align-items:center}html .info-inner .item-inner-frame-header .item-inner-frame-name{margin-left:.15em}html .info-inner .item-inner-frame-header .criterias{display:flex;color:#b72121;font-weight:800;font-size:13px}html .info-inner .item-inner-frame-header .tooltip-title{font-size:13px}html .info-inner .item-inner-frame-header .item-inner-frame-information{text-align:initial;font-size:11px;color:#c1c1c1;align-self:center}html .info-inner .item-inner-frame-header .item-inner-frame-information img{width:15px;height:15px}html .info-inner .item-inner-frame-body .item-inner-frame-stats{padding:5px;list-style-type:none}html .info-inner .item-inner-frame-body .item-inner-frame-stats ul{margin:0;padding:0}html .info-inner .item-inner-frame-body .stats-equi-body{display:flex;width:100%;align-items:center}html .info-inner .item-inner-frame-body .stats-equi-body .stats-element{width:20px;height:20px}html .MuiTooltip-tooltip .stats-line,html .MuiTooltip-tooltip .stats-effect{line-height:1.7em;font-size:14px}html .stats-line:nth-of-type(even){background-color:var(--color-tooltip-background)}html .stats-line:nth-of-type(odd){background-color:var(--color-tooltip-background-light)}html .stats-effect{background-color:var(--color-tooltip-background-dark)}html .stats-line,html .stats-effect{padding-left:5px;padding-right:5px;align-items:center;line-height:2em}html .stats-line:first-of-type,html .stats-effect:first-of-type{border-top:var(--color-tooltip-background) 1px solid}html .stats-line span,html .stats-effect span{display:inline-block;vertical-align:middle}html .stats-line .stats-nl,html .stats-effect .stats-nl{margin:0 5px}html .stats-line b,html .stats-effect b{margin:0 3px}html .stats-line.negative,html .stats-effect.negative{background-color:#782227}html .stats-line.positive,html .stats-effect.positive{background-color:#3e8834}html .stats-line.mitigated,html .stats-effect.mitigated{background-color:#ba6901}html .stats-line .image-stats,html .stats-effect .image-stats{margin-right:2px}html .stats-line .stats-effect-critical,html .stats-effect .stats-effect-critical{filter:drop-shadow(1px 1px 4px #fff);float:right;height:21px}html .stats-line .stats-equi-comparator,html .stats-effect .stats-equi-comparator{display:inline-block;float:right;margin-left:auto;font-weight:700}html .stats-line .stats-equi-comparator.upper,html .stats-effect .stats-equi-comparator.upper{color:lightgreen}html .stats-line .stats-equi-comparator.lower,html .stats-effect .stats-equi-comparator.lower{color:lightcoral}html .elements{display:flex;flex-direction:column;align-self:center;margin:auto;border-left:solid 3px;padding:0 2em;border-right:solid 3px}html .element-wrapper{display:flex;user-select:none}html .element-wrapper .element-header{filter:drop-shadow(0px 2px 2px #000);filter:invert(1);height:30px;width:30px}html .element-wrapper i.angle.left.icon:hover{color:black;cursor:pointer}html .level-tag{position:absolute;background-color:black;color:darkgrey;border-radius:3px;font-size:9px;padding:0 2px;opacity:.7;right:0;margin:0 2px 1px 0;bottom:0}html .__block{border-radius:3px;-webkit-box-shadow:5px 5px 5px 0 rgba(0,0,0,0.5);-moz-box-shadow:5px 5px 5px 0 rgba(0,0,0,0.5);box-shadow:5px 5px 5px 0 rgba(0,0,0,0.5)}html .__block.__as-popup{margin-right:0;border:solid 2px #989494}html .__block .__light{padding:0}html .__block.__dark-theme{background-color:#201e1e}html .filter-level-title{display:flex;align-items:center;gap:4px;color:white}html .filter-level-title .MuiInputBase-root{font-size:unset !important;align-self:stretch}html .filter-level-title .MuiInput-input{text-align:center;width:60px}html .filter-level-title .MuiInput-input input{padding:0 !important}html .state{color:#242523;margin:0 2px;text-transform:uppercase;font-family:Open SansCondensed Bold, sans-serif;font-size:15px}html .state .state-information{display:flex;padding-bottom:7px;border-bottom:2px solid}html .state .state-information .state-image{position:relative;width:35px;background-color:black;background-repeat:no-repeat;background-position:center;border:solid 0.5px lightgray;height:35px;background-size:contain}html .state .state-information .state-name{margin:auto 15px;font-size:20px;color:#4dbfbf;text-transform:uppercase;text-decoration:underline}html .state .state-effects{font-size:15px;line-height:1.5em;margin-top:5px}@font-face{html{font-family:'Lemonmilk';src:url("/vendor/zenith/a49a7d5ca538f9589218.otf");font-style:normal}}@font-face{html{font-family:'Open SansCondensed Bold';src:url("/vendor/zenith/a470fde7cc5c0fe26f39.ttf");font-style:normal}}@font-face{html{font-family:'Open SansCondensed Light';src:url("/vendor/zenith/1f6bcb7b1eaa3b6a71b9.ttf");font-style:normal}}html .tooltip-main{width:initial;height:inherit;display:flex;flex-direction:column;padding:0}html .tooltip-main-rarity{position:relative;border:1px solid var(--color-tooltip-background-dark);outline:2px solid;border-radius:5px;min-width:250px}html .tooltip-main-rarity-relic{outline-color:var(--color-rarity-relic)}html .tooltip-main-rarity-epic{outline-color:var(--color-rarity-epic)}html .tooltip-main-rarity-memory{outline-color:var(--color-rarity-memory)}html .tooltip-main-rarity-legendary{outline-color:var(--color-rarity-legendary)}html .tooltip-main-rarity-mythic{outline-color:var(--color-rarity-mythic)}html .tooltip-main-rarity-rare{outline-color:var(--color-rarity-rare)}html .tooltip-main-rarity-common{outline-color:var(--color-rarity-common)}html .tooltip-main-rarity::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;outline:5px solid var(--color-tooltip-background-dark);z-index:-1;border-radius:3px}html .tooltip-main .tooltip-header{padding:8px;background-color:var(--color-tooltip-background-light);display:flex;align-items:center}html .tooltip-main .tooltip-header .gfx{position:relative}html .tooltip-main .tooltip-header .gfx img{border-radius:5px;width:35px;height:35px}html .tooltip-main .tooltip-header-rarity-relic{background:var(--color-tooltip-background-light) linear-gradient(135deg, rgba(var(--color-rarity-dark-relic-rgb), 0.3), rgba(0,0,0,0))}html .tooltip-main .tooltip-header-rarity-epic{background:var(--color-tooltip-background-light) linear-gradient(135deg, rgba(var(--color-rarity-dark-epic-rgb), 0.3), rgba(0,0,0,0))}html .tooltip-main .tooltip-header-rarity-memory{background:var(--color-tooltip-background-light) linear-gradient(135deg, rgba(var(--color-rarity-dark-memory-rgb), 0.3), rgba(0,0,0,0))}html .tooltip-main .tooltip-header-rarity-legendary{background:var(--color-tooltip-background-light) linear-gradient(135deg, rgba(var(--color-rarity-dark-legendary-rgb), 0.3), rgba(0,0,0,0))}html .tooltip-main .tooltip-header-rarity-mythic{background:var(--color-tooltip-background-light) linear-gradient(135deg, rgba(var(--color-rarity-dark-mythic-rgb), 0.3), rgba(0,0,0,0))}html .tooltip-main .tooltip-header-rarity-rare{background:var(--color-tooltip-background-light) linear-gradient(135deg, rgba(var(--color-rarity-dark-rare-rgb), 0.3), rgba(0,0,0,0))}html .tooltip-main .tooltip-header-rarity-common{background:var(--color-tooltip-background-light) linear-gradient(135deg, rgba(var(--color-rarity-dark-common-rgb), 0.3), rgba(0,0,0,0))}html .tooltip-main .tooltip-header .tooltip-information{margin-left:15px}html .tooltip-main .tooltip-header .tooltip-information .tooltip-title{font-family:Open SansCondensed Bold, sans-serif;font-size:18px;text-transform:uppercase}html .tooltip-main-rarity .tooltip-header .tooltip-information{align-items:flex-start;justify-content:flex-start;display:flex;flex-direction:column;gap:4px}html .tooltip-main-rarity .tooltip-header .item-inner-frame-information{display:flex;flex-direction:column;align-items:flex-start}html .tooltip-main-rarity .tooltip-header .gfx img{background-color:var(--color-tooltip-background-light);border:var(--color-tooltip-background) 1px solid;padding:2px;width:50px;height:50px}html .tooltip-main .PopupHeaderChip{display:flex;align-items:center;gap:5px;padding:0 4px;border-radius:5px;border:var(--color-tooltip-background) 1px solid;background-color:var(--color-tooltip-background-light)}html .tooltip-main .PopupHeaderChip img{width:15px;height:15px}html .cost-information{display:flex;background-color:#201e1e;font-family:Open SansCondensed Bold, sans-serif}html .cost-information .picto-group{display:flex}html .cost-information .picto-group .picto{display:flex;justify-content:center}html .cost-information .picto-group .picto .image{height:20px;margin:auto 0 auto 0;width:20px;display:block;background-repeat:no-repeat;background-position:center;background-size:100%}html .cost-information .picto-group .picto .name{font-size:17px;color:white}html .criteria{color:#ef8c8c;font-weight:700}html .equipment{font-family:'Open SansCondensed Bold';font-size:17px;text-transform:uppercase}@keyframes barberpole{from{background-position:0 0}to{background-position:60px 30px}}html .element-modal .elements{padding:0;border:0}html .hidden-tabs{display:none !important}html .animated{-webkit-animation-duration:500ms;animation-duration:500ms}html .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}html .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@font-face{html{font-family:'Lemonmilk';src:url("/vendor/zenith/a49a7d5ca538f9589218.otf");font-style:normal}}@font-face{html{font-family:'Open SansCondensed Bold';src:url("/vendor/zenith/a470fde7cc5c0fe26f39.ttf");font-style:normal}}@font-face{html{font-family:'Open SansCondensed Light';src:url("/vendor/zenith/1f6bcb7b1eaa3b6a71b9.ttf");font-style:normal}}html .app #item-inner-frame{position:relative;background:#dedede;transition:transform .25s, background-image .5s}html .app #item-inner-frame.unrespected-criteria{color:#8f0e21;background-image:linear-gradient(45deg, #991e43 25%, #5f0f0f 25%, #5f0f0f 50%, #991e43 50%, #991e43 75%, #5f0f0f 75%, #5f0f0f)}html #item-inner-frame.edit-elements{border:dashed 2px #a3b3e2;animation:barberpole 0.5s linear infinite;background-size:30px 30px !important;background-image:linear-gradient(45deg, #1e6899 25%, #0f205f 25%, #0f205f 50%, #1e6899 50%, #1e6899 75%, #0f205f 75%, #0f205f) !important}html #item-inner-frame.relic-item{background-color:var(--color-rarity-dark-relic)}html #item-inner-frame.epic-item{background-color:var(--color-rarity-dark-epic)}html #item-inner-frame.memory-item{background-color:var(--color-rarity-dark-memory)}html #item-inner-frame.legendary-item{background-color:var(--color-rarity-dark-legendary)}html #item-inner-frame.mythic-item{background-color:var(--color-rarity-dark-mythic)}html #item-inner-frame.rare-item{background-color:var(--color-rarity-dark-rare)}html #item-inner-frame.common-item{background-color:var(--color-rarity-dark-common)}html #item-inner-frame.filled{background-size:contain}html #item-inner-frame:hover{transform:translateY(2px);z-index:1;cursor:pointer}html #item-inner-frame:hover .delete-item{display:inline-block}html #item-inner-frame .delete-item{display:none;right:0;top:0;position:absolute;margin:0;width:1em}.item-result .MuiButtonBase-root .MuiButton-label{width:25px;height:25px}

/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
	box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/

html {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	   tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
	margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
	font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
	text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
	text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
	box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
	display: list-item;
}/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}


/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button,
[role="button"] {
  cursor: pointer;
}

/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */
 
:-moz-focusring {
	outline: auto;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */

[hidden] {
  display: none;
}

*, ::before, ::after {
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	--tw-border-opacity: 1;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity));
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59, 130, 246, 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-blur: var(--tw-empty,/*!*/ /*!*/);
	--tw-brightness: var(--tw-empty,/*!*/ /*!*/);
	--tw-contrast: var(--tw-empty,/*!*/ /*!*/);
	--tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
	--tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
	--tw-invert: var(--tw-empty,/*!*/ /*!*/);
	--tw-saturate: var(--tw-empty,/*!*/ /*!*/);
	--tw-sepia: var(--tw-empty,/*!*/ /*!*/);
	--tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
	--tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}
.pointer-events-none {
	pointer-events: none;
}
.static {
	position: static;
}
.fixed {
	position: fixed;
}
.absolute {
	position: absolute;
}
.relative {
	position: relative;
}
.inset-y-0 {
	top: 0px;
	bottom: 0px;
}
.bottom-0 {
	bottom: 0px;
}
.right-0 {
	right: 0px;
}
.-top-1 {
	top: -0.25rem;
}
.-right-1 {
	right: -0.25rem;
}
.left-2 {
	left: 0.5rem;
}
.top-0 {
	top: 0px;
}
.left-0 {
	left: 0px;
}
.left-4 {
	left: 1rem;
}
.-top-8 {
	top: -2rem;
}
.right-4 {
	right: 1rem;
}
.z-50 {
	z-index: 50;
}
.z-10 {
	z-index: 10;
}
.order-2 {
	order: 2;
}
.m-auto {
	margin: auto;
}
.m-0\.5 {
	margin: 0.125rem;
}
.m-0 {
	margin: 0px;
}
.m-1 {
	margin: 0.25rem;
}
.mx-auto {
	margin-left: auto;
	margin-right: auto;
}
.my-auto {
	margin-top: auto;
	margin-bottom: auto;
}
.my-2 {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.my-3 {
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}
.my-1 {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}
.mx-1 {
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}
.mx-2 {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}
.my-6 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.mx-0\.5 {
	margin-left: 0.125rem;
	margin-right: 0.125rem;
}
.mx-0 {
	margin-left: 0px;
	margin-right: 0px;
}
.-mx-3 {
	margin-left: -0.75rem;
	margin-right: -0.75rem;
}
.mx-4 {
	margin-left: 1rem;
	margin-right: 1rem;
}
.mr-8 {
	margin-right: 2rem;
}
.mb-4 {
	margin-bottom: 1rem;
}
.-mr-1 {
	margin-right: -0.25rem;
}
.-ml-1 {
	margin-left: -0.25rem;
}
.mr-3 {
	margin-right: 0.75rem;
}
.ml-3 {
	margin-left: 0.75rem;
}
.mr-1 {
	margin-right: 0.25rem;
}
.ml-8 {
	margin-left: 2rem;
}
.mb-1\.5 {
	margin-bottom: 0.375rem;
}
.mb-1 {
	margin-bottom: 0.25rem;
}
.ml-1 {
	margin-left: 0.25rem;
}
.mr-auto {
	margin-right: auto;
}
.mr-2 {
	margin-right: 0.5rem;
}
.mb-2 {
	margin-bottom: 0.5rem;
}
.mr-4 {
	margin-right: 1rem;
}
.ml-auto {
	margin-left: auto;
}
.mr-0\.5 {
	margin-right: 0.125rem;
}
.mr-0 {
	margin-right: 0px;
}
.mt-auto {
	margin-top: auto;
}
.mt-1 {
	margin-top: 0.25rem;
}
.ml-2 {
	margin-left: 0.5rem;
}
.mb-10 {
	margin-bottom: 2.5rem;
}
.mt-5 {
	margin-top: 1.25rem;
}
.mt-10 {
	margin-top: 2.5rem;
}
.mt-8 {
	margin-top: 2rem;
}
.mb-5 {
	margin-bottom: 1.25rem;
}
.-ml-10 {
	margin-left: -2.5rem;
}
.ml-0\.5 {
	margin-left: 0.125rem;
}
.ml-0 {
	margin-left: 0px;
}
.mt-4 {
	margin-top: 1rem;
}
.ml-4 {
	margin-left: 1rem;
}
.mt-0\.5 {
	margin-top: 0.125rem;
}
.mt-0 {
	margin-top: 0px;
}
.block {
	display: block;
}
.inline-block {
	display: inline-block;
}
.inline {
	display: inline;
}
.flex {
	display: flex;
}
.inline-flex {
	display: inline-flex;
}
.hidden {
	display: none;
}
.h-full {
	height: 100%;
}
.h-6 {
	height: 1.5rem;
}
.h-3 {
	height: 0.75rem;
}
.h-5 {
	height: 1.25rem;
}
.h-10 {
	height: 2.5rem;
}
.h-8 {
	height: 2rem;
}
.h-16 {
	height: 4rem;
}
.h-4 {
	height: 1rem;
}
.h-14 {
	height: 3.5rem;
}
.h-max-content {
	height: -moz-max-content;
	height: max-content;
}
.h-auto {
	height: auto;
}
.h-12 {
	height: 3rem;
}
.h-96 {
	height: 24rem;
}
.h-7 {
	height: 1.75rem;
}
.h-inherit {
	height: inherit;
}
.h-0 {
	height: 0px;
}
.h-0\.5 {
	height: 0.125rem;
}
.max-h-6 {
	max-height: 1.5rem;
}
.max-h-8 {
	max-height: 2rem;
}
.min-h-48 {
	min-height: 12rem;
}
.min-h-96 {
	min-height: 24rem;
}
.min-h-screen {
	min-height: 100vh;
}
.w-full {
	width: 100%;
}
.w-6 {
	width: 1.5rem;
}
.w-3 {
	width: 0.75rem;
}
.w-5 {
	width: 1.25rem;
}
.w-10 {
	width: 2.5rem;
}
.w-16 {
	width: 4rem;
}
.w-8 {
	width: 2rem;
}
.w-auto {
	width: auto;
}
.w-4 {
	width: 1rem;
}
.w-max {
	width: -moz-max-content;
	width: max-content;
}
.w-1\/3 {
	width: 33.333333%;
}
.w-1\/2 {
	width: 50%;
}
.w-1\/6 {
	width: 16.666667%;
}
.w-8\/9 {
	width: 88.8888888%;
}
.w-14 {
	width: 3.5rem;
}
.w-4\/9 {
	width: 44.4444444%;
}
.w-1\/5 {
	width: 20%;
}
.w-7 {
	width: 1.75rem;
}
.w-1\/9 {
	width: 11.1111111%;
}
.w-3\/10 {
	width: 30.0000000%;
}
.w-inherit {
	width: inherit;
}
.min-w-full {
	min-width: 100%;
}
.min-w-7 {
	min-width: 1.75rem;
}
.min-w-8 {
	min-width: 2rem;
}
.max-w-7xl {
	max-width: 80rem;
}
.max-w-14 {
	max-width: 3.5rem;
}
.flex-1 {
	flex: 1 1 0%;
}
.flex-none {
	flex: none;
}
.flex-shrink-0 {
	flex-shrink: 0;
}
.flex-grow {
	flex-grow: 1;
}
.transform {
	transform: var(--tw-transform);
}
@keyframes spin {

	to {
		transform: rotate(360deg);
	}
}
.animate-spin {
	animation: spin 1s linear infinite;
}
.cursor-pointer {
	cursor: pointer;
}
.select-none {
	-moz-user-select: none;
	     user-select: none;
}
.flex-col {
	flex-direction: column;
}
.flex-col-reverse {
	flex-direction: column-reverse;
}
.flex-wrap {
	flex-wrap: wrap;
}
.place-content-center {
	place-content: center;
}
.items-center {
	align-items: center;
}
.justify-center {
	justify-content: center;
}
.justify-between {
	justify-content: space-between;
}
.gap-1 {
	gap: 0.25rem;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-right: calc(1rem * var(--tw-space-x-reverse));
	margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.self-center {
	align-self: center;
}
.overflow-hidden {
	overflow: hidden;
}
.overflow-y-auto {
	overflow-y: auto;
}
.overflow-x-hidden {
	overflow-x: hidden;
}
.overflow-ellipsis {
	text-overflow: ellipsis;
}
.whitespace-nowrap {
	white-space: nowrap;
}
.rounded-lg {
	border-radius: 0.5rem;
}
.rounded-md {
	border-radius: 0.375rem;
}
.rounded-full {
	border-radius: 9999px;
}
.rounded-sm {
	border-radius: 0.125rem;
}
.rounded {
	border-radius: 0.25rem;
}
.rounded-3xl {
	border-radius: 1.5rem;
}
.border {
	border-width: 1px;
}
.border-2 {
	border-width: 2px;
}
.border-t-2 {
	border-top-width: 2px;
}
.border-solid {
	border-style: solid;
}
.border-gray-400 {
	--tw-border-opacity: 1;
	border-color: rgba(156, 163, 175, var(--tw-border-opacity));
}
.border-gray-700 {
	--tw-border-opacity: 1;
	border-color: rgba(55, 65, 81, var(--tw-border-opacity));
}
.border-gray-300 {
	--tw-border-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}
.border-red-600 {
	--tw-border-opacity: 1;
	border-color: rgba(220, 38, 38, var(--tw-border-opacity));
}
.border-gray-200 {
	--tw-border-opacity: 1;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}
.border-gray-500 {
	--tw-border-opacity: 1;
	border-color: rgba(107, 114, 128, var(--tw-border-opacity));
}
.bg-gray-800 {
	--tw-bg-opacity: 1;
	background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}
.bg-white {
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-black {
	--tw-bg-opacity: 1;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.bg-eqs {
	--tw-bg-opacity: 1;
	background-color: rgba(222, 222, 222, var(--tw-bg-opacity));
}
.bg-gray-900 {
	--tw-bg-opacity: 1;
	background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
}
.bg-gray-700 {
	--tw-bg-opacity: 1;
	background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
}
.bg-yellow-900 {
	--tw-bg-opacity: 1;
	background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
}
.bg-wreqs {
	--tw-bg-opacity: 1;
	background-color: rgba(42, 45, 52, var(--tw-bg-opacity));
}
.bg-discord {
	--tw-bg-opacity: 1;
	background-color: rgba(114, 137, 218, var(--tw-bg-opacity));
}
.bg-gray-100 {
	--tw-bg-opacity: 1;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}
.bg-items {
	--tw-bg-opacity: 1;
	background-color: rgba(220, 220, 220, var(--tw-bg-opacity));
}
.bg-indigo-500 {
	--tw-bg-opacity: 1;
	background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
}
.bg-dgrey {
	--tw-bg-opacity: 1;
	background-color: rgba(87, 90, 92, var(--tw-bg-opacity));
}
.bg-mainDark {
	--tw-bg-opacity: 1;
	background-color: rgba(32, 30, 30, var(--tw-bg-opacity));
}
.bg-gray-200 {
	--tw-bg-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}
.bg-filler {
	--tw-bg-opacity: 1;
	background-color: rgba(90, 88, 88, var(--tw-bg-opacity));
}
.bg-purple-300 {
	--tw-bg-opacity: 1;
	background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
}
.bg-purple-400 {
	--tw-bg-opacity: 1;
	background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
}
.bg-blue-900 {
	--tw-bg-opacity: 1;
	background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
}
.bg-opacity-30 {
	--tw-bg-opacity: 0.3;
}
.bg-opacity-100 {
	--tw-bg-opacity: 1;
}
.bg-opacity-50 {
	--tw-bg-opacity: 0.5;
}
.bg-opacity-80 {
	--tw-bg-opacity: 0.8;
}
.bg-contain {
	background-size: contain;
}
.bg-cover {
	background-size: cover;
}
.bg-center {
	background-position: center;
}
.bg-no-repeat {
	background-repeat: no-repeat;
}
.p-5 {
	padding: 1.25rem;
}
.p-2 {
	padding: 0.5rem;
}
.p-0\.5 {
	padding: 0.125rem;
}
.p-0 {
	padding: 0px;
}
.p-1 {
	padding: 0.25rem;
}
.p-1\.5 {
	padding: 0.375rem;
}
.p-4 {
	padding: 1rem;
}
.p-0\.25 {
	padding: 0.0625rem;
}
.px-4 {
	padding-left: 1rem;
	padding-right: 1rem;
}
.py-2 {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.px-2 {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.py-1 {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}
.px-3 {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.px-5 {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}
.py-5 {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}
.px-1 {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}
.pr-2 {
	padding-right: 0.5rem;
}
.pt-2 {
	padding-top: 0.5rem;
}
.pb-3 {
	padding-bottom: 0.75rem;
}
.pl-1 {
	padding-left: 0.25rem;
}
.pl-10 {
	padding-left: 2.5rem;
}
.pr-3 {
	padding-right: 0.75rem;
}
.text-center {
	text-align: center;
}
.font-osb {
	font-family: Open SansCondensed Bold;
}
.text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem;
}
.text-xs {
	font-size: 0.75rem;
	line-height: 1rem;
}
.text-2xl {
	font-size: 1.5rem;
	line-height: 2rem;
}
.text-sm {
	font-size: 0.875rem;
	line-height: 1.25rem;
}
.text-3xl {
	font-size: 1.875rem;
	line-height: 2.25rem;
}
.font-medium {
	font-weight: 500;
}
.font-bold {
	font-weight: 700;
}
.font-semibold {
	font-weight: 600;
}
.uppercase {
	text-transform: uppercase;
}
.text-white {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-red-700 {
	--tw-text-opacity: 1;
	color: rgba(185, 28, 28, var(--tw-text-opacity));
}
.text-red-600 {
	--tw-text-opacity: 1;
	color: rgba(220, 38, 38, var(--tw-text-opacity));
}
.text-black {
	--tw-text-opacity: 1;
	color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.text-gray-400 {
	--tw-text-opacity: 1;
	color: rgba(156, 163, 175, var(--tw-text-opacity));
}
.text-subtitle {
	--tw-text-opacity: 1;
	color: rgba(193, 193, 193, var(--tw-text-opacity));
}
.text-red-100 {
	--tw-text-opacity: 1;
	color: rgba(254, 226, 226, var(--tw-text-opacity));
}
.text-pink-200 {
	--tw-text-opacity: 1;
	color: rgba(251, 207, 232, var(--tw-text-opacity));
}
.text-gray-500 {
	--tw-text-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-text-opacity));
}
.text-blue-800 {
	--tw-text-opacity: 1;
	color: rgba(30, 64, 175, var(--tw-text-opacity));
}
.text-gray-700 {
	--tw-text-opacity: 1;
	color: rgba(55, 65, 81, var(--tw-text-opacity));
}
.text-gray-900 {
	--tw-text-opacity: 1;
	color: rgba(17, 24, 39, var(--tw-text-opacity));
}
.text-red-900 {
	--tw-text-opacity: 1;
	color: rgba(127, 29, 29, var(--tw-text-opacity));
}
.text-btn {
	--tw-text-opacity: 1;
	color: rgba(204, 202, 202, var(--tw-text-opacity));
}
.text-red-800 {
	--tw-text-opacity: 1;
	color: rgba(153, 27, 27, var(--tw-text-opacity));
}
.text-classic {
	--tw-text-opacity: 1;
	color: rgba(205, 209, 214, var(--tw-text-opacity));
}
.text-green-400 {
	--tw-text-opacity: 1;
	color: rgba(52, 211, 153, var(--tw-text-opacity));
}
.text-red-400 {
	--tw-text-opacity: 1;
	color: rgba(248, 113, 113, var(--tw-text-opacity));
}
.text-opacity-50 {
	--tw-text-opacity: 0.5;
}
.opacity-25 {
	opacity: 0.25;
}
.opacity-75 {
	opacity: 0.75;
}
.opacity-50 {
	opacity: 0.5;
}
.opacity-100 {
	opacity: 1;
}
.opacity-70 {
	opacity: 0.7;
}
.opacity-30 {
	opacity: 0.3;
}
.shadow-md {
	--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
	--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.ring {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.blur {
	--tw-blur: blur(8px);
	filter: var(--tw-filter);
}
.filter {
	filter: var(--tw-filter);
}
.transition {
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.transition-opacity {
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.transition-all {
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.duration-300 {
	transition-duration: 300ms;
}
.duration-500 {
	transition-duration: 500ms;
}
.w-spells-12-1\/6 {
        width: calc(3rem * 6 + 6px);
    }
.w-spells-12-1\/5 {
        width: calc(3rem * 5 + 6px);
    }
.filter-dw {
            filter: drop-shadow(1px 1px 2px #fff)
        }
.w-1\/6-gap-1 {
    width: calc(16.666667% - 0.25rem)
}
.zn-place-shard {
    cursor: url('/vendor/zenith/f593ac86b9810a464019.webp') 4 12, auto;
}
.zn-unplace-shard {
    cursor: url('/vendor/zenith/f6c207e44210b907150e.webp') 4 12, auto;
}
button:focus {
    outline: 0;
}
.hover\:scale-110:hover {
	--tw-scale-x: 1.1;
	--tw-scale-y: 1.1;
	transform: var(--tw-transform);
}
.hover\:bg-gray-900:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
}
.hover\:bg-gray-700:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
}
.hover\:bg-blue-900:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
}
.hover\:bg-eqs:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(222, 222, 222, var(--tw-bg-opacity));
}
.hover\:bg-wreqs:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(42, 45, 52, var(--tw-bg-opacity));
}
.hover\:bg-gray-300:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
}
.hover\:bg-opacity-50:hover {
	--tw-bg-opacity: 0.5;
}
.hover\:bg-opacity-100:hover {
	--tw-bg-opacity: 1;
}
.hover\:text-white:hover {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.hover\:text-red-300:hover {
	--tw-text-opacity: 1;
	color: rgba(252, 165, 165, var(--tw-text-opacity));
}
.hover\:text-red-600:hover {
	--tw-text-opacity: 1;
	color: rgba(220, 38, 38, var(--tw-text-opacity));
}
.hover\:text-pink-300:hover {
	--tw-text-opacity: 1;
	color: rgba(249, 168, 212, var(--tw-text-opacity));
}
.hover\:text-black:hover {
	--tw-text-opacity: 1;
	color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.hover\:opacity-100:hover {
	opacity: 1;
}
.hover\:filter-dw:hover {
            filter: drop-shadow(1px 1px 2px #fff)
        }
.focus\:border-indigo-500:focus {
	--tw-border-opacity: 1;
	border-color: rgba(99, 102, 241, var(--tw-border-opacity));
}
.focus\:outline-none:focus {
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.focus\:outline-0:focus {
	outline: 0;
	outline-offset: 0;
}
.focus\:ring-2:focus {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-inset:focus {
	--tw-ring-inset: inset;
}
.focus\:ring-white:focus {
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
}
.focus\:transition-opacity:focus {
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.disabled\:text-gray-500:disabled {
	--tw-text-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-text-opacity));
}
.group:hover .group-hover\:block {
	display: block;
}
@media (min-width: 640px) {

	.sm\:order-3 {
		order: 3;
	}

	.sm\:mx-0 {
		margin-left: 0px;
		margin-right: 0px;
	}

	.sm\:my-0 {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.sm\:mx-2 {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}

	.sm\:ml-3 {
		margin-left: 0.75rem;
	}

	.sm\:-mr-2 {
		margin-right: -0.5rem;
	}

	.sm\:hidden {
		display: none;
	}

	.sm\:min-h-initial {
		min-height: initial;
	}

	.sm\:w-4\/5 {
		width: 80%;
	}

	.sm\:w-full {
		width: 100%;
	}

	.sm\:w-max {
		width: -moz-max-content;
		width: max-content;
	}

	.sm\:w-6\/9 {
		width: 66.6666666%;
	}

	.sm\:flex-row {
		flex-direction: row;
	}

    .sm\:w-1\/2-gap-1 {
        width: calc(50% - 0.25rem)
    }

    .sm\:w-1\/2-gap-2 {
        width: calc(50% - 0.5rem)
    }
}
@media (min-width: 768px) {

	.md\:m-4 {
		margin: 1rem;
	}

	.md\:mr-4 {
		margin-right: 1rem;
	}

	.md\:block {
		display: block;
	}

	.md\:flex {
		display: flex;
	}

	.md\:h-full {
		height: 100%;
	}

	.md\:min-h-0 {
		min-height: 0px;
	}

	.md\:w-2\/5 {
		width: 40%;
	}

	.md\:w-8\/12 {
		width: 66.666667%;
	}

	.md\:w-5\/12 {
		width: 41.666667%;
	}

	.md\:w-5\/9 {
		width: 55.5555555%;
	}

	.md\:flex-row {
		flex-direction: row;
	}

	.md\:flex-row-reverse {
		flex-direction: row-reverse;
	}

	.md\:flex-col {
		flex-direction: column;
	}

	.md\:items-stretch {
		align-items: stretch;
	}

	.md\:justify-start {
		justify-content: flex-start;
	}

	.md\:px-10 {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}

    .md\:w-1\/2-gap-1 {
        width: calc(50% - 0.25rem)
    }
}
@media (min-width: 1024px) {

	.lg\:m-0 {
		margin: 0px;
	}

	.lg\:block {
		display: block;
	}

	.lg\:flex {
		display: flex;
	}

	.lg\:h-10 {
		height: 2.5rem;
	}

	.lg\:h-96 {
		height: 24rem;
	}

	.lg\:w-3\/4 {
		width: 75%;
	}

	.lg\:w-1\/2 {
		width: 50%;
	}

	.lg\:w-5\/12 {
		width: 41.666667%;
	}

	.lg\:flex-row {
		flex-direction: row;
	}

    .lg\:w-full-gap-1 {
        width: calc(100% - 0.25rem)
    }

    .lg\:w-spells-10-1\/6 {
        width: calc(2.5rem * 6 + 6px);
    }

    .lg\:w-spells-10-1\/5 {
        width: calc(2.5rem * 5 + 6px);
    }
}
@media (min-width: 1280px) {

	.xl\:sticky {
		position: sticky;
	}

	.xl\:m-0 {
		margin: 0px;
	}

	.xl\:ml-0\.5 {
		margin-left: 0.125rem;
	}

	.xl\:ml-0 {
		margin-left: 0px;
	}

	.xl\:flex {
		display: flex;
	}

	.xl\:h-12 {
		height: 3rem;
	}

	.xl\:h-full {
		height: 100%;
	}

	.xl\:w-5\/9 {
		width: 55.5555555%;
	}

	.xl\:w-4\/9 {
		width: 44.4444444%;
	}

	.xl\:w-2\/5 {
		width: 40%;
	}

	.xl\:w-full {
		width: 100%;
	}

	.xl\:flex-row {
		flex-direction: row;
	}

	.xl\:flex-col {
		flex-direction: column;
	}

	.xl\:p-2 {
		padding: 0.5rem;
	}

	.xl\:text-2xl {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.xl\:text-base {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.xl\:text-sm {
		font-size: 0.875rem;
		line-height: 1.25rem;
	}

    .xl\:w-2\/6-gap-2 {
        width: calc(33.333333% - 0.5rem)
    }

    .xl\:w-1\/2-gap-1 {
        width: calc(50% - 0.25rem)
    }

    .xl\:w-spells-12-1\/6 {
        width: calc(3rem * 6 + 6px);
    }

    .xl\:w-spells-12-1\/5 {
        width: calc(3rem * 5 + 6px);
    }
}
@media (min-width: 1536px) {

	.\32xl\:h-8 {
		height: 2rem;
	}

	.\32xl\:w-11\/12 {
		width: 91.666667%;
	}

	.\32xl\:w-1\/2 {
		width: 50%;
	}

	.\32xl\:w-3\/10 {
		width: 30.0000000%;
	}

	.\32xl\:w-3\/12 {
		width: 25%;
	}

	.\32xl\:w-full {
		width: 100%;
	}

	.\32xl\:w-8 {
		width: 2rem;
	}

	.\32xl\:flex-row {
		flex-direction: row;
	}

	.\32xl\:flex-nowrap {
		flex-wrap: nowrap;
	}

	.\32xl\:p-2 {
		padding: 0.5rem;
	}

	.\32xl\:text-sm {
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
    .\32xl\:w-2\/6-gap-1 {
        width: calc(33.333333% - 0.25rem)
    }

    .\32xl\:w-1\/2-gap-1 {
        width: calc(50% - 0.25rem)
    }
}
.backgrounding {
    background-image: url(/vendor/zenith/68ecc960de7c8fa4c71b.webp);
    background-attachment: fixed;
    color: #666;
    background-color: rgba(248, 247, 216, 0.7);
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

button.close {
    right: 0;
    position: absolute;
    margin-right: 15px;
}

.modal-header {
    display: flex !important;
}

.modal-header .close {
    margin-top: 0 !important;
    opacity: .8 !important;
    color: unset !important;
}

.modal-header .close:hover {
    opacity: 1 !important;
}

.modal-content {
    background-color: rgb(64, 64, 64) !important;
    color: white !important;
}

.modal-body {
    background-color: rgb(96, 96, 96) !important;
}
:root {
    --title-value: #49392C;
    --background-value: #6A5D52;
}

.header-one {
    height: 60px;
    margin: auto;
    background-color: rgba(64, 64, 64, .85);
    position: relative;
    display: flex;
}

.header-two {
    height: 25px;
    width: 20%;
    background-color: rgba(64, 64, 64, .85);
    margin: auto;
    border-radius: 0 0 5px 5px;
    border: solid;
    border-top: 0;
}

.left-header {
    width: 40%;
    margin: auto;
}

.middle-header {
    width: 20%;
    margin: 5px;
}

.right-header {
    width: 40%;
    margin: auto;
}

.border-r {
    position: absolute;
    border: solid 2px;
    top: 100%;
    right: 0;
    left: 60%;
}

.border-l {
    position: absolute;
    border: solid 2px;
    top: 100%;
    right: 60%;
    left: 0;

}

/*!*LOADER*!*/

.banner {
    position: relative;
    z-index: 400;
}

.logo {
    height: 75px;
}

.banner-logo {
    height: 70px;
    background-size: contain;
    margin: auto;
}

.inner-logo {
    background-image: url('/vendor/zenith/d5b4c99dd6efeb49320c.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 75px;
}

.loader{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(20, 20, 20, 2);
    z-index: 20;
}

.footer {
    height: 50px;
    background-color: #404040;
    border-top: solid;
    text-align: center;
    display: flex;
    width: 100%;
    z-index: 100;
}

.disclaimer {
    color: white;
    margin: auto;
}

.left-menu {
    height: 40px;
    display: inline-flex;
    float: right;
    vertical-align: middle;
    align-items: center;
}

.row.justify-content-center {
    padding: 15px;
}

.col-md-8 {
    padding: 15px;
    background-color: white;
    border-radius: 15px;
}

.right-menu {
    height: 40px;
    display: inline-flex;
    float: left;
    vertical-align: middle;
    align-items: center;
}

.item-menu {
    cursor: pointer;
    font-size: 15px;
    color: white;
    margin-left: 5px;
}

.item-menu-disabled {

    font-size: 15px;
    color: grey;
    margin-left: 5px;
}

.item-menu-a:hover {
    color: white;
    text-decoration: none;
}

.item-menu-a {
    color: white;

}

.item-menu-a-disabled {
    color: grey;
}

.item-menu:hover {
    background-color: rgba(110, 110, 110);
    color: white;
    text-decoration: none;
    /*border-top: 0;*/
    /*border-bottom: solid;*/
    transition: width 0.3s ease-in-out;
}

.item-menu:before, .item-menu:after {
    content: '';
    height: 4px;
    background: white;
    display: block;
    transition: width 0.3s ease-in-out;
    margin: 3px auto;
}

.item-menu:before {
    width: 100%;
}

.item-menu:after {
    width: 0;
}

.item-menu:hover:before {
    width: 0;
}

.item-menu:hover:after {
    width: 100%;
}

.modal-open .modal{
    top: 25%;
    right: 25%;
    bottom: 25%;
    left: 25%;
}

.layer {
    background-color: rgba(64, 64, 64, 0.7);
    min-height: calc(100vh - 50px);
    overflow: auto;
    width: 100%;
}

.menu-img {
    width: 25px !important;
    height: 25px;
    margin-right: 3px !important;
}

.ui.menu {
    margin: auto !important;
}

/*#region rarityEquipements */