*,:after,:before{box-sizing:initial!important}body{font:10pt Rubik,sans-serif;background-color:#f0ede6}body ::-webkit-scrollbar{height:15px!important}body ::-webkit-scrollbar-thumb{background-color:#8b939b;background:linear-gradient(360deg,rgba(85,91,99,1) 0,rgba(72,79,89,1) 28%,rgba(155,162,168,1) 69%,rgba(49,56,65,1) 100%);border-radius:10px}body ::-webkit-scrollbar-thumb:hover{background:#39567e;background:linear-gradient(360deg,rgba(57,86,126,1) 0,rgba(39,73,122,1) 28%,rgba(130,159,194,1) 69%,rgba(19,53,97,1) 100%)}body ::-webkit-scrollbar-track{background-color:#2a261f;background:linear-gradient(360deg,rgba(42,38,31,1) 0,rgba(21,20,16,1) 100%);border-radius:10px}.guild-columns{display:flex;justify-content:space-between}.guild-emblemer-header{margin:0 auto;padding:5px 0 10px 0;width:80%;font-weight:700;font-size:15pt}.author{float:right;margin-top:3px;font-weight:initial;font-size:12pt;font-weight:600;color:rgb(12,11,7,.3)}.guild-emblemer{margin:auto;margin-bottom:25px;padding:20px;width:80%;color:#f0ede6;background-color:rgb(12,11,7,.9);background-image:url(png/gw001.jpg);background-size:cover;background-position:center;border:1px solid #cfcec4;border-radius:7px;box-shadow:rgba(50,50,93,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px;box-sizing:border-box!important}.twoColumns-gb{width:49%}.hide{display:none}.header-text{margin:0 0 15px 0;font-size:15pt;font-weight:700}.header-text-inside{margin:0 0 6px 0;padding:0 0 5px 0;border-bottom:2px solid #222428;font-size:15pt;font-weight:700;text-align:left}.header-details{margin:10px 0;font-size:12pt;font-weight:700}.color-my-cape,.trim-selector{background-color:rgb(12,11,7,.7);padding:15px;border-radius:5px;backdrop-filter:blur(4px)}.color-my-cape{text-align:center}.cape-display,.cape-options{background-color:rgb(12,11,7,.7);border-radius:5px;backdrop-filter:blur(4px)}#symbol-selection{margin-top:18px;overflow-x:auto}.symbol-row{display:flex;flex-wrap:wrap;flex-direction:column;height:90px}#symbol-selection .symbol-icon{position:relative;background-color:rgba(15,15,15,.6);border-top:7px solid transparent;border-bottom:8px solid transparent;border-right:5px solid transparent;border-left:9px solid transparent;width:90px;height:90px;background-size:cover;background-repeat:no-repeat;cursor:pointer;box-sizing:border-box!important;transition:all .2s}#symbol-selection .symbol-icon:before{content:'';position:absolute;background-image:url(png/symbol-border.gif);background-size:cover;top:-7px;bottom:-8px;right:-5px;left:-9px;cursor:pointer}#symbol-selection .symbol-icon:hover{background-color:#000}#symbol-selection .symbol-icon:hover:before{filter:contrast(1.5)}#details-selection{text-align:center}#preload{display:none}.svg{height:0}.color-picker{background-color:rgba(12,11,7,.9);padding:20px;border-radius:5px}.color-picker-row{display:flex;justify-content:center}.color-zone{position:relative;margin:4px;width:28px;height:28px;border-radius:6px;transition:transform .15s;cursor:pointer}.color-zone:hover{transform:scale(1.15)}.color-zone.active:hover{transform:scale(1)}.color-zone.active:after,.color-zone:after{content:'';position:absolute;background-image:url(png/color-palette.png);background-size:cover;top:0;bottom:0;right:0;left:0}.color-zone.active:after{background-image:url(png/color-palette-hover.png);transform:scale(1.15)}.button-selection label i{margin-right:2px}.button-double-left,.button-double-right,.button-left,.button-right{padding:0;width:21px;height:21px;background-image:url(png/arrows.png);background-position:0 0;transform:scale(1.2)}.button-double-right:active{background-position:0 21px}.button-right{background-position:63px 0}.button-right:active{background-position:63px 21px}.button-left{background-position:42px 0}.button-left:active{background-position:42px 21px}.button-double-left{background-position:21px 0}.button-double-left:active{background-position:21px 21px}.extra-button{margin:15px 0}.cape-outside{background-color:rgba(10,10,10,.8);background-image:url(png/gw001.jpg);background-size:cover;background-position:center;margin:20px auto 10px auto;padding:20px;border-radius:5px}.cape{position:relative;width:128px;height:256px}.cape.cape-1{clip-path:url(#cape1)}.cape.cape-2{clip-path:url(#cape2)}.cape.cape-3{clip-path:url(#cape3)}.cape.cape-4{clip-path:url(#cape4)}.cape.cape-5{clip-path:url(#cape5)}.cape.cape-6{clip-path:url(#cape6)}.cape.cape-7{clip-path:url(#cape7)}.cape.cape-8{clip-path:url(#cape8)}.cape.cape-9{clip-path:url(#cape9)}.cape-details{position:absolute;width:100%;height:100%;z-index:5}.cape-extralayer{position:absolute;width:100%;height:100%;mix-blend-mode:screen;filter:contrast(1.7);z-index:7}.cape-extralayer.cape-1{background-image:url(png/base-1h.png)}.cape-extralayer.cape-2{background-image:url(png/base-2h.png)}.cape-extralayer.cape-3{background-image:url(png/base-3h.png)}.cape-extralayer.cape-4{background-image:url(png/base-4h.png)}.cape-extralayer.cape-5{background-image:url(png/base-5h.png)}.cape-extralayer.cape-6{background-image:url(png/base-6h.png)}.cape-extralayer.cape-7{background-image:url(png/base-7h.png)}.cape-extralayer.cape-8{background-image:url(png/base-8h.png)}.cape-extralayer.cape-9{background-image:url(png/base-9h.png)}.cape-design{position:absolute;width:100%;height:100%;mix-blend-mode:hard-light;filter:contrast(1.7);z-index:8}.cape-design.cape-1{background-image:url(png/base-1.png)}.cape-design.cape-2{background-image:url(png/base-2.png)}.cape-design.cape-3{background-image:url(png/base-3.png)}.cape-design.cape-4{background-image:url(png/base-4.png)}.cape-design.cape-5{background-image:url(png/base-5.png)}.cape-design.cape-6{background-image:url(png/base-6.png)}.cape-design.cape-7{background-image:url(png/base-7.png)}.cape-design.cape-8{background-image:url(png/base-8.png)}.cape-design.cape-9{background-image:url(png/base-9.png)}.cape-outer{position:absolute;width:100%;height:100%;mix-blend-mode:color;z-index:9}.cape-outer.cape-1{background-image:url(png/base-1c.png)}.cape-outer.cape-2{background-image:url(png/base-2c.png)}.cape-outer.cape-3{background-image:url(png/base-3c.png)}.cape-outer.cape-4{background-image:url(png/base-4c.png)}.cape-outer.cape-5{background-image:url(png/base-5c.png)}.cape-outer.cape-6{background-image:url(png/base-6c.png)}.cape-outer.cape-7{background-image:url(png/base-7c.png)}.cape-outer.cape-8{background-image:url(png/base-8c.png)}.cape-outer.cape-9{background-image:url(png/base-9c.png)}.cape-trim{position:absolute;width:100%;height:100%;z-index:9}.cape-symbol{position:absolute;filter:contrast(.9);margin-top:24px;z-index:10}input[type=range]{-webkit-appearance:none;position:relative;width:160px;height:20px;margin:0 50px;background:linear-gradient(to right,#746b59 0,#746b59 100%);background-image:url(png/slider-mid.png);background-position:center;background-repeat:repeat-x;outline:0}.color-slider-trick{position:relative}.color-slider-trick:before{content:'';position:absolute;width:7px;height:16px;top:-6px;left:43px;background-image:url(png/slider-start.png);background-repeat:no-repeat}.color-slider-trick:after{content:'';position:absolute;width:7px;height:16px;top:-6px;right:43px;background-image:url(png/slider-end.png);background-repeat:no-repeat}input[type=range]:first-of-type{margin-top:15px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#22314a;border:4px ridge #778498;position:relative;z-index:3;box-shadow:0 0 5px 0 rgba(0,0,0,.7)}input[type=range]::-webkit-slider-thumb:after{content:" ";width:160px;height:10px;position:absolute;z-index:1;right:20px;top:5px}body.swal2-shown>[aria-hidden=true]{filter:blur(10px)}body>*{transition:.1s filter linear}#save-file{margin-top:.3em;padding:.525em 1.4em;border-radius:.25em;background-color:#1f2937;color:#f3f4f6;font-size:1.0625em;transition:all .2s}#save-file:hover{background-color:#1e3a8a}#save-file i{margin-right:5px}.filter-switch label{cursor:pointer}.filter-switch-item input:checked+label{color:#fff;background-color:#312e81}.filter-switch-item input:not(:checked)+label{--bg-opacity:0;box-shadow:none}button:focus{outline:5px solid transparent}@media screen and (max-width:991px){.container{width:95%!important}.guild-emblemer,.guild-emblemer-header{width:90%!important}}@media screen and (max-width:576px){.container{width:100%!important}.ui.container{margin-left:0!important;margin-right:0!important}.guild-emblemer,.guild-emblemer-header{width:95%!important}.guild-columns{display:block}.twoColumns-gb{width:100%}.cape-options{margin-bottom:14px}.author{float:none;text-align:right}}