@keyframes shine-before{0%{transform:translate(-150%) rotate(20deg)}30%,to{transform:translate(700%) rotate(20deg)}}@keyframes up-enter{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes move-bg{0%{background-position:0%}to{background-position:-600% -600%}}@keyframes pulse{0%,20%{transform:scale(1)}10%{transform:scale(1.1)}}@keyframes float-down{0%{top:-100%}to{top:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wobble{0%,24%{-webkit-transform:translateX(0%);transform:translate(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}4%{-webkit-transform:translateX(-10px) rotate(-5deg);transform:translate(-10px) rotate(-5deg)}8%{-webkit-transform:translateX(5px) rotate(5deg);transform:translate(5px) rotate(5deg)}12%{-webkit-transform:translateX(-5px) rotate(calc(-5deg / 1.8));transform:translate(-5px) rotate(calc(-5deg / 1.8))}16%{-webkit-transform:translateX(calc(10px / 3.3)) rotate(calc(5deg / 3));transform:translate(calc(10px / 3.3)) rotate(calc(5deg / 3))}20%{-webkit-transform:translateX(calc(-10px / 5.5)) rotate(-1deg);transform:translate(calc(-10px / 5.5)) rotate(-1deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flipper{0%{transform:rotateY(180deg)}40%{transform:rotateY(180deg)}50%{transform:rotateY(0)}90%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes shine{0%{transform:translate(-20cqw) rotate(20deg)}30%,to{transform:translate(140cqw) rotate(20deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.title-card{background-color:#fff;min-height:14rem;padding:2rem;border-radius:.2rem;color:#fff;background-image:linear-gradient(to left,transparent 0,rgba(34,34,34,.4) 10%,rgba(34,34,34,.9) 40%,#222 50%),url(../../../assets/crosshair-generator/title-landscape.png);background-size:cover;background-position:20% 50%;display:flex;align-items:center;overflow:hidden;box-shadow:0 1px 4px #0006;width:100%}@media only screen and (max-width: 768px){.title-card{background-image:linear-gradient(to right,#222c,#222c),url(../../../assets/crosshair-generator/title-landscape.png);padding:0;min-height:0}}.title-card__content,.title-card__graphic{flex:0 1 45%;font-family:Source Sans Pro,sans-serif}@media only screen and (max-width: 992px){.title-card__content{flex:0 0 55%}}@media only screen and (max-width: 768px){.title-card__content{flex:1 1 100%;text-align:center;backdrop-filter:blur(4px);align-self:stretch;height:100%;padding:2rem}}@media only screen and (max-width: 768px){.title-card__graphic{display:none}}.title-card__title-container{display:flex;align-items:center}@media only screen and (max-width: 768px){.title-card__title-container{justify-content:center}}@media only screen and (max-width: 576px){.title-card__title-container{flex-direction:column}}.title-card__icon{width:20px;height:20px;margin-right:8px;fill:#ffffffbf}@media only screen and (max-width: 576px){.title-card__icon{margin:0 0 10px}}.title-card__title{font-weight:600;font-size:32px;margin-bottom:0}@media only screen and (max-width: 992px){.title-card__title{font-size:24px}}.title-card__description{font-size:14px;margin:7px 0 14px;color:#ffffffbf}@media only screen and (max-width: 576px){.title-card__description{margin:15px 0 20px}}.title-card__button-container{display:flex}@media only screen and (max-width: 768px){.title-card__button-container{justify-content:center}}.title-card__button{display:inline-block;color:#222;background-color:#db8f21;padding:6px 14px;border-radius:.2rem;font-size:13px;font-weight:600}.title-card__button:not(:last-of-type){margin-right:2rem}.title-card__button:hover{color:#222;background-color:#ebbc77}.title-card__button--neutral{background-color:#ffffffbf}.title-card__button--neutral:hover{background-color:#fff}.title-card__graphic{position:relative;align-self:stretch;flex:1}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-5px)}to{transform:translatey(0)}}.title-card__crosshair{position:absolute}.title-card__crosshair--1{top:10%;right:5%;animation-delay:0s;animation:float 6s ease-in-out infinite}.title-card__crosshair--2{top:80%;right:20%;animation-delay:1s;animation:float 4.5s ease-in-out infinite}.title-card__crosshair--3{top:65%;right:75%;animation-delay:.2s;animation:float 5s ease-in-out infinite}.title-card__crosshair--4{top:20%;right:50%;animation-delay:.8s;animation:float 4s ease-in-out infinite}.crosshairgen{scroll-margin-top:2rem}.crosshairgen__fullscreen-wrapper{display:grid;flex-direction:column;overflow:hidden;grid-template-columns:100%}.crosshairgen__top-button-list{display:flex;flex-flow:row wrap;width:calc(100% + 2rem);margin:-1rem;list-style-type:none;padding:0 0 2rem}.crosshairgen__top-button-item{flex:1 1 calc(20% - 2rem);white-space:nowrap;margin:1rem}@media only screen and (max-width: 768px){.crosshairgen__top-button-item{flex:1 1 calc(50% - 2rem)}}.crosshairgen__top-button{display:block;width:100%;padding:10px;background-color:transparent;backdrop-filter:blur(10px);border:none;border-radius:.2rem;color:#222;font-weight:700;font-size:13px;box-shadow:0 1px 4px #0006;cursor:pointer;transition:.15s ease}@media only screen and (max-width: 576px){.crosshairgen__top-button{font-size:11px;padding:8px}}.crosshairgen__top-button--light{background-color:#ffffffbf}.crosshairgen__top-button--light:hover{background-color:#fff}.crosshairgen__top-button--primary{background-color:#db8f21}.crosshairgen__top-button--primary:hover{background-color:#e19a35}.crosshairgen__top-button--green{background-color:#3bf75e}.crosshairgen__top-button--green:hover{background-color:#23f64a}.crosshairgen__top-button--red{background-color:#e73737;color:#ffffffe6;font-weight:500}.crosshairgen__top-button--red:hover{background-color:#ea4e4e}.crosshairgen__top-button:focus{outline:0}.crosshairgen__container{display:grid;grid-template-columns:repeat(2,calc(50% - 1rem));grid-gap:2rem;align-items:start;color:#ffffffbf;margin-bottom:2rem}@media only screen and (max-width: 992px){.crosshairgen__container{grid-template-columns:1fr}}.crosshairgen__container--fullscreen{position:fixed;z-index:998;top:0;left:0;width:100%;height:100%;max-width:100vw;overflow-x:hidden;overflow-y:auto;padding:2rem;backdrop-filter:blur(15px);background-color:#00000080}.crosshairgen__left,.crosshairgen__right{display:grid;grid-template-columns:1fr;grid-gap:2rem;align-items:start}.crosshairgen__right .crosshairgen__top-button-list{padding:0}.crosshairgen__right .crosshairgen__top-button-item:nth-of-type(3),.crosshairgen__right .crosshairgen__top-button-item:nth-of-type(1){display:none}.crosshairgen__container--fullscreen .crosshairgen__left{display:flex;flex-direction:column;align-items:stretch;height:100%;width:100%}@media only screen and (max-width: 768px){.crosshairgen__container--fullscreen .crosshairgen__right{padding-bottom:2rem}}.crosshairgen__settings{background-color:#222;padding:1.5rem;box-shadow:0 1px 4px #0006;border-radius:.2rem}.crosshairgen__showcase{background-color:#222;box-shadow:0 1px 4px #0006;border-radius:.2rem;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.crosshairgen__container--fullscreen .crosshairgen__showcase{flex:1}.crosshairgen__showcase-options{display:flex;justify-content:space-between;flex-flow:row wrap;padding:.5rem 1.5rem 1.5rem;width:calc(100% + 2rem);margin-left:-1rem}@media only screen and (max-width: 1200px){.crosshairgen__showcase-options{align-items:center;justify-content:center;text-align:center}}@media only screen and (max-width: 992px){.crosshairgen__showcase-options{align-items:stretch;justify-content:space-between;text-align:left}}@media only screen and (max-width: 576px){.crosshairgen__showcase-options{align-items:center;justify-content:center;text-align:center}}.crosshairgen__showcase-option{margin:0 1rem}.crosshairgen__showcase-option--right{text-align:right}@media only screen and (max-width: 1200px){.crosshairgen__showcase-option--right{text-align:center;margin-top:2rem}}@media only screen and (max-width: 992px){.crosshairgen__showcase-option--right{text-align:right;margin-top:0}}@media only screen and (max-width: 576px){.crosshairgen__showcase-option--right{text-align:center;margin-top:2rem}}.crosshairgen__showcase-preview-container{height:280px;overflow:hidden;text-align:center;display:flex;flex-direction:column;position:relative}@media only screen and (max-width: 576px){.crosshairgen__showcase-preview-container{height:240px}}.crosshairgen__container--fullscreen .crosshairgen__showcase-preview-container{flex:1;height:auto}.crosshairgen__showcase-preview{object-fit:cover;object-position:center;display:inline-flex;text-align:center;align-self:center;position:relative;background-image:url(../../../maps/backgrounds/nuke.jpg);background-position:center;background-size:cover;cursor:none}.crosshairgen__showcase-preview--locked:before{content:"LOCKED";display:block;position:absolute;z-index:20;top:10px;left:10px;color:#e73737;width:100px;height:20px}.crosshairgen__showcase-preview .crosshair{position:relative}.crosshairgen__showcase-preview-fullscreen-button{position:absolute;bottom:.5rem;right:.3rem;z-index:300;background-color:transparent;border:0;cursor:pointer}.crosshairgen__showcase-preview-fullscreen-button:focus{outline:0}.crosshairgen__showcase-preview-fullscreen-button svg{fill:#ffffffe6;width:1rem;height:1rem;transition:.15s ease;filter:drop-shadow(0 0 2px #000)}.crosshairgen__showcase-preview-fullscreen-button svg:last-of-type{display:none}.crosshairgen__showcase-preview-fullscreen-button:hover svg{fill:#fff}@media only screen and (max-width: 576px){.crosshairgen__container:not(.crosshairgen__container--fullscreen) .crosshairgen__showcase-preview-fullscreen-button{display:none}}.crosshairgen__container--fullscreen .crosshairgen__showcase-preview-fullscreen-button svg:first-of-type{display:none}.crosshairgen__container--fullscreen .crosshairgen__showcase-preview-fullscreen-button svg:last-of-type{display:block}.crosshairgen__showcase-backgrounds{padding:1rem}.crosshairgen__showcase-backgrounds-list{margin:0;padding:0 0 8px;list-style-type:none;display:flex;align-items:center;min-width:100%;overflow-x:auto;position:relative!important;scroll-behavior:smooth}.crosshairgen__showcase-backgrounds-list::-webkit-scrollbar{height:5px}.crosshairgen__showcase-backgrounds-list::-webkit-scrollbar-track{background:#0003}.crosshairgen__showcase-backgrounds-list::-webkit-scrollbar-thumb{background:#db8f21;border-radius:3px}.crosshairgen__showcase-backgrounds-item{flex:0 0 100px}.crosshairgen__showcase-backgrounds-item:not(:last-of-type){margin-right:8px}.crosshairgen__showcase-backgrounds-arrow-container{position:sticky;align-self:stretch}.crosshairgen__showcase-backgrounds-arrow-container[data-move=left]{margin-right:8px;left:0}.crosshairgen__showcase-backgrounds-arrow-container[data-move=right]{right:0}.crosshairgen__showcase-backgrounds-arrow{height:100%;background-color:#ffffff26;border:1px solid rgba(0,0,0,.1);backdrop-filter:blur(10px);width:18px;align-self:stretch;border-radius:.2rem;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.crosshairgen__showcase-backgrounds-arrow:focus{outline:0}.crosshairgen__showcase-backgrounds-arrow:hover{background-color:#fff3}.crosshairgen__showcase-backgrounds-arrow span{display:inline-block;width:8px;height:8px;border-right:2px solid rgba(255,255,255,.75);border-bottom:2px solid rgba(255,255,255,.75)}.crosshairgen__showcase-backgrounds-arrow[data-move=left] span{transform:rotate(-225deg) translate(-1px,-3px)}.crosshairgen__showcase-backgrounds-arrow[data-move=right] span{transform:rotate(315deg)}.crosshairgen__showcase-backgrounds-button{display:block;width:100%;height:auto;border-radius:.2rem;overflow:hidden;background-color:transparent;border:2px solid #f1d2a4;cursor:pointer;transition:.15s ease;padding:0}.crosshairgen__showcase-backgrounds-button:focus{outline:none}.crosshairgen__showcase-backgrounds-button:hover,.crosshairgen__showcase-backgrounds-button--active{border-color:#db8f21;box-shadow:0 0 10px #db8f21cc}.crosshairgen__showcase-backgrounds-button-image{display:block;width:100%;object-fit:cover}.crosshairgen__command{background-color:#222;border-radius:.2rem;box-shadow:0 1px 4px #0006}.crosshairgen__command-button-list{display:grid;grid-template-columns:repeat(2,1fr);list-style-type:none;margin:0;padding:0}.crosshairgen__command-button-item{display:block;width:100%;position:relative}.crosshairgen__command-button-item .copy-config-popup{z-index:100;position:absolute;top:100%;left:0;width:300px;max-width:200%;display:block;background-color:#e73737;padding:10px;border-bottom-right-radius:.2rem;font-size:11px;color:#ffffffbf;font-weight:400;text-align:left}.crosshairgen__command-button-item .copy-config-popup--hide{width:auto;padding:0}.crosshairgen__command-button-item .copy-config-popup__button{background-color:transparent;border:none;outline:none;display:inline-block;padding:10px;margin:0 -8px -5px;text-transform:uppercase;letter-spacing:1px;font-size:9px;color:#ffffffbf;cursor:pointer;transition:.1s ease}.crosshairgen__command-button-item .copy-config-popup__button svg{fill:currentColor;width:10px;margin-right:5px;transform:translateY(-2px)}.crosshairgen__command-button-item .copy-config-popup__button:hover{color:#fff;transform:translateY(-2px)}.crosshairgen__command-button-item .copy-config-popup--hide .copy-config-popup__button{margin:0}.crosshairgen__command-button-item .copy-config-popup--hide .copy-config-popup__button svg{transform:rotateX(180deg) translateY(1px)}.crosshairgen__command-button-item .copy-config-popup--hide .copy-config-popup__button:hover{transform:translateY(2px)}.crosshairgen__command-button{display:block;width:100%;padding:10px;background-color:transparent;border:none;color:#222;font-family:inherit;font-size:13px;font-weight:900;cursor:pointer;transition:.15s ease}.crosshairgen__command-button--neutral{background-color:#fffffff2;border-radius:.2rem 0 0}.crosshairgen__command-button--neutral:hover{background-color:#fff}.crosshairgen__command-button--primary{background-color:#db8f21;border-radius:0 .2rem 0 0}.crosshairgen__command-button--primary:hover{background-color:#e4a54b}.crosshairgen__command-button:focus{outline:none}.crosshairgen__command-textarea{background-color:transparent;display:block;width:100%;padding:10px;font-size:1.5rem;color:#ffffffbf;font-family:monospace;border:0;outline:0;box-shadow:none!important;resize:none;height:240px;min-height:200px}.crosshairgen__command-textarea::-webkit-scrollbar{width:5px}.crosshairgen__command-textarea::-webkit-scrollbar-track{background:#0003}.crosshairgen__command-textarea::-webkit-scrollbar-thumb{background:#db8f21;border-radius:3px}.crosshairgen__command-textarea::-webkit-input-placeholder{color:#fff3}.crosshair-presets{overflow:hidden;position:relative}.crosshair-presets__item{margin-bottom:2rem;width:100%}.crosshair-presets__button{display:block;background-color:#111;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:8px;border:none;padding:0;width:100%;cursor:pointer;transition:.2s ease}.crosshair-presets__button:focus{outline:none}.crosshair-presets__button .crosshair-canvas{position:relative;transition:.1s ease}.crosshair-presets__button:hover{background-color:#1e1e1e}.crosshair-presets__arrow-button{position:absolute;z-index:999;background-color:#fff3;backdrop-filter:blur(10px);width:32px;height:32px;border-radius:5px;border:0;box-shadow:0 1px 4px #0006;top:calc(50% - 1rem);transform:translateY(-50%);cursor:pointer;transition:.2s ease;transform-origin:center;opacity:0}.crosshair-presets__arrow-button svg{fill:#222;width:10px;transition:.3s cubic-bezier(.34,1.3,.64,1)}.crosshair-presets__arrow-button:focus{outline:0}.crosshair-presets__arrow-button:hover{background-color:#ffffffb3}.crosshair-presets__arrow-button--left{left:2rem}.crosshair-presets__arrow-button--left svg{transform:rotate(180deg) translate(1.5px,.5px)}.crosshair-presets__arrow-button--right{right:2rem}.crosshair-presets__arrow-button--right svg{transform:translate(1.5px,-.5px)}.crosshair-presets__arrow-button{transition:all .2s ease,transform .3s ease .5s,opacity .3s ease .2s;opacity:1}.crosshair{height:24px;width:24px;--color:#27c527;--thickness:3px;--size:35%;--gap:6px}.crosshair span{display:inline-block;position:absolute;background-color:var(--color)}.crosshair span:nth-of-type(1),.crosshair span:nth-of-type(3){width:var(--thickness);height:var(--size)}.crosshair span:nth-of-type(2),.crosshair span:nth-of-type(4){width:var(--size);height:var(--thickness)}.crosshair span:nth-of-type(1){bottom:calc(50% + (var(--gap) / 2));left:50%;transform:translate(-50%)}.crosshair span:nth-of-type(3){top:calc(50% + (var(--gap) / 2));left:50%;transform:translate(-50%)}.crosshair span:nth-of-type(2){left:calc(50% + (var(--gap) / 2));top:50%;transform:translateY(-50%)}.crosshair span:nth-of-type(4){right:calc(50% + (var(--gap) / 2));top:50%;transform:translateY(-50%)}.crosshair--1{--thickness:2px}.crosshair--2{width:22px;height:22px;--color:yellow;--thickness:2px;--size:22%;--gap:6px}.crosshair--3{--thickness:2px;--gap:10px;--size:20%}.crosshair--3:before{content:"";width:2px;height:2px;background-color:var(--color);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.crosshair--4{--color:#fff;--thickness:2px;--gap:6px;--size:35%}.crosshair--4 span{box-shadow:0 0 0 1px #000}.form{display:flex;flex-flow:row wrap}.form__element{flex:1 1 100%;display:flex;flex-direction:column;align-items:flex-start}.form__element:not(:last-of-type){margin-bottom:12px}.form__element--25{flex:1 0 auto}@media only screen and (max-width: 576px){.form__element--25{flex:1 0 50%}}.form__element--hide,.form__element--hide-mode{display:none}.form__element-inner{align-self:stretch;display:flex;align-items:center;flex:1 1 100%}.form__splitter{border-color:#ffffff12;border-width:1px;width:100%;display:block}.form__label-container{display:flex;align-items:center;margin-bottom:8px}.form__label{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:#ffffffbf;margin:0}.form__label--margin{margin-bottom:8px}.form__label-icon{display:inline-block;width:12px;height:12px;fill:#ffffffbf;margin-left:5px;border-radius:100%;cursor:pointer;transition:.1s ease}.form__label-icon:hover{background-color:#fff3}.form__radio-list{display:flex;flex-flow:row wrap;position:relative;width:calc(100% + 1rem);margin:-.5rem;flex:0}.form__radio-list--color{background-color:transparent}.form__radio-container{width:80px;height:auto;position:relative;margin:.5rem}.form__radio-list--grow .form__radio-container{flex:1 1 80px;width:unset}.form__radio-list--large .form__radio-container{flex:1 1 130px}.form__radio{display:none}.form .version-text{font-size:1rem;display:block;padding-bottom:.2rem;opacity:.6}.form__radio-overlay{width:100%;height:100%;padding:.4rem 0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-weight:500;font-size:1.1rem;border-radius:.2rem;background-color:#ffffff1a;cursor:pointer;transition:.1s ease;user-select:none}.form__radio-list--color .form__radio-overlay{--col:100, 100, 100;background-color:rgba(var(--col),.2);color:#fff9;text-shadow:0 0 5px #000}.form__radio-list--color .form__radio-overlay:hover{background-color:rgba(var(--col),.4)!important}.form__radio-dropdown-trigger{background-color:#ffffff1a;border:none;outline:none!important;color:#ffffffbf;display:flex;align-items:center}.form__radio-dropdown-trigger:hover{background-color:#ffffff0f}.form__radio-list--large .form__radio-overlay{padding:6px}.form__radio:not(:checked)+.form__radio-overlay:hover{background-color:#ffffff12}.form__radio:checked+.form__radio-overlay{background-color:#db8f21!important;color:#222}.form__radio-list--color .form__radio:checked+.form__radio-overlay{background-color:rgba(var(--col),1)!important;color:#fff}.form__radio-list--color .form__radio:checked+.form__radio-overlay:hover{background-color:rgba(var(--col),1)!important}.form__radio-dropdown{display:none;flex-direction:column;align-items:stretch;position:absolute;z-index:100;top:calc(100% + .5rem);right:.5rem;width:80px;height:auto;overflow:hidden;border-radius:.2rem;background-color:#393939}.form__radio-dropdown--show{display:flex}.form__radio-dropdown>.form__radio-container{width:100%;margin:0}.form__radio-dropdown>.form__radio-container .form__radio-overlay{margin:0;padding:5px;border-radius:0;background-color:transparent}.form__checkbox-container{position:relative;width:24px;height:24px;margin-right:12px}.form__checkbox{display:none}.form__checkbox-overlay{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:.2rem;padding-bottom:2px;cursor:pointer;transition:.1s ease}.form__checkbox:not(:checked):hover+.form__checkbox-overlay{background-color:#ffffff26}.form__checkbox:checked+.form__checkbox-overlay{background-color:#db8f21}.form__checkbox:checked+.form__checkbox-overlay:after{content:"";display:block;width:12px;height:6px;border-bottom:2px solid #222;border-left:2px solid #222;transform:rotate(-50deg)}.form__slider-container{flex:1;display:flex;align-items:center}.form__slider{flex:1;-webkit-appearance:none;width:100%;background:transparent;overflow:hidden}.form__slider::-webkit-slider-thumb{-webkit-appearance:none;height:100%;border:none;width:20px;border-radius:1px;background-color:#db8f21;background-image:linear-gradient(to bottom,#ffffff1a,#ffffff4d);cursor:pointer;background:#ffffffbf;box-shadow:-500px 0 0 500px #ffffff4d}.form__slider::-webkit-slider-runnable-track{width:100%;height:10px;cursor:pointer;background-color:#ffffff26}.form__slider:disabled::-webkit-slider-thumb{display:none}.form__slider:focus{outline:none}.form__slider-number{margin-left:12px;width:48px;height:unset!important;text-align:center;color:#fff;font-size:12px!important;padding:5px 8px;outline:none;box-shadow:none!important;border-radius:.2rem;background-color:transparent;border:1px solid rgba(255,255,255,.1);-moz-appearance:textfield}.form__slider-number::-webkit-outer-spin-button,.form__slider-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form__slider-number:not(:focus):hover{background-color:#ffffff26}.form__slider-number:focus{background-color:#fff3}.form__slider:active+.form__slider-number{border-color:#db8f21;color:#db8f21}.form__toggle{display:none}.form__toggle-container{display:flex;justify-content:space-between;align-items:center;position:relative;height:38px;width:72px;cursor:pointer}.form__toggle-thumb{position:absolute;z-index:2;border-radius:.2rem;padding:10px;width:36px;height:36px;top:50%;transform:translateY(-50%);transition:.4s cubic-bezier(.34,1.3,.64,1);background-color:#e73950;left:0}.form__toggle:checked+.form__toggle-container .form__toggle-thumb{background-color:#23af46;left:calc(100% - 36px)}.form__toggle-background{position:absolute;width:calc(100% - 10px);height:calc(100% - 12px);top:6px;left:5px;border-radius:.2rem;background-color:#ffffff1a;transition:.4s cubic-bezier(.34,1.3,.64,1);transform:translate(3px)}.form__toggle:checked+.form__toggle-container .form__toggle-background{transform:translate(-3px)}.form__toggle-option{position:relative;z-index:3;color:#fff;font-weight:600;font-size:12px;text-transform:uppercase;width:36px;height:36px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;user-select:none;opacity:0;transition:.3s cubic-bezier(.34,1.3,.64,1) .1s}.form__toggle:checked+.form__toggle-container .form__toggle-option:last-of-type{opacity:1;transform:translate(0)}.form__toggle:not(:checked)+.form__toggle-container .form__toggle-option:first-of-type{opacity:1;transform:translate(0)}.form__textarea{background-color:#ffffff0a;border:none;outline:0;box-shadow:0 0 5px #0003;width:100%;padding:6px;border-radius:.2rem;font-size:13px;font-family:monospace;color:#fff;min-height:200px;max-height:600px;transition-duration:0s}.form__textarea:focus{box-shadow:none}.form__input{background-color:#ffffff0a;border:none;outline:0;box-shadow:0 0 5px #0003;border:1px solid rgba(255,255,255,.04);margin-bottom:7px;width:100%;padding:12px 15px;border-radius:5px;font-size:13px;font-family:monospace;color:#fff;transition-duration:0s}.form__input:focus{box-shadow:none}.form__button{background-color:#db8f21;color:#222222e6;border:none;border-radius:.2rem;padding:5px 10px;font-weight:600;font-size:13px;margin-top:1rem;cursor:pointer;transition:.2s ease}.form__button:hover{filter:brightness(1.2)}.color-picker{width:24px;height:24px}.color-picker__container{margin-top:2rem;display:flex;align-items:center}.color-picker__container--hide{display:none!important}.color-picker__text{margin:0 0 0 8px;color:#ffffffb3;font-size:12px}.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;border-radius:.15em;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat 50%;background-size:0;transition:all .3s}.pickr .pcr-button:before{background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;z-index:-1;z-index:auto}.pickr .pcr-button:after,.pickr .pcr-button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:.15em}.pickr .pcr-button:after{transition:background .3s;background:currentColor}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear:before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px currentColor}.pickr .pcr-button.disabled{cursor:not-allowed}.pcr-app *,.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pcr-app button.pcr-active,.pcr-app button:focus,.pcr-app input.pcr-active,.pcr-app input:focus,.pickr button.pcr-active,.pickr button:focus,.pickr input.pcr-active,.pickr input:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px currentColor}.pcr-app .pcr-palette,.pcr-app .pcr-slider,.pickr .pcr-palette,.pickr .pcr-slider{transition:box-shadow .3s}.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus,.pickr .pcr-palette:focus,.pickr .pcr-slider:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #00000040}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-shadow:0 .15em 1.5em #0000001a,0 0 1em #00000008;left:0;top:0}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit,1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:transparent;z-index:1}.pcr-app .pcr-swatches>button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -.2em}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #4285f4bf}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-save{width:auto;color:#fff}.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover,.pcr-app .pcr-interaction .pcr-save:hover{filter:brightness(.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{background:#f44250}.pcr-app .pcr-interaction .pcr-cancel:focus,.pcr-app .pcr-interaction .pcr-clear:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #f44250bf}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity,.pcr-app .pcr-selection .pcr-color-palette{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active,.pcr-app .pcr-selection .pcr-color-palette:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=classic]{width:28.5em;max-width:95vw;padding:.8em}.pcr-app[data-theme=classic] .pcr-selection{display:flex;justify-content:space-between;flex-grow:1}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview{position:relative;z-index:1;width:2em;display:flex;flex-direction:column;justify-content:space-between;margin-right:.75em}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color{cursor:pointer;transition:background-color .3s,box-shadow .3s;border-radius:.15em .15em 0 0;z-index:2}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color{border-radius:0 0 .15em .15em}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color{background:currentColor;width:100%;height:50%}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette{width:100%;height:8em;z-index:1}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette{flex-grow:1;border-radius:.15em}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity{margin-left:.75em}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-picker{left:50%;transform:translate(-50%)}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider{width:8px;flex-grow:1;border-radius:50em}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(180deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(180deg,transparent,#000),url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:100%,50%}.pickr{border-radius:.2rem;transition:.2s ease}.pickr:hover{filter:brightness(1.2)}.pickr .pcr-button,.pickr .pcr-button:before,.pickr .pcr-button:after{border-radius:0!important}.pickr,.pickr:focus,.pickr:active,.pickr .pcr-button,.pickr .pcr-button:focus,.pickr .pcr-button:active{outline:0!important;border:none!important;box-shadow:none!important}.c-modal{width:600px;max-width:94%;min-height:150px;background-color:#17181a;box-shadow:0 0 20px #0006;border:2px solid #db8f21;padding:14px;color:#ffffffbf;border-radius:.2rem;opacity:0;visibility:hidden;transform:translateY(50px) scale(.2);transition:all .5s cubic-bezier(.34,1.3,.64,1)}.c-modal__background{position:fixed;z-index:999;width:100%;height:100%;background-color:#00000080;backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;display:none;transition:.2s ease}.c-modal__background--show{display:flex}.c-modal__background--animate-in{opacity:1;visibility:visible}.c-modal--animate-in{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.c-modal h3{font-size:20px;font-weight:900;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05);color:#db8f21}.c-modal p{font-size:13px}.c-modal__share{margin-top:2rem;display:flex;position:relative;background-color:#ffffff0d;border-radius:.2rem}.c-modal__share-icon{fill:#fff6;width:3rem;padding:0 .9rem;height:100%;position:absolute;top:50%;transform:translateY(-50%);left:0;border-right:1px solid rgba(255,255,255,.01);background-color:#ffffff0d}.c-modal__share-input{min-height:unset;border:none!important;font-size:1.4rem!important;padding:1rem;margin-left:3rem;background-color:transparent!important;cursor:text}.c-modal__share-button{background-color:#db8f21;border:none;padding:.2rem 1.5rem .1rem;border-radius:0 .2rem .2rem 0;font-weight:500;font-size:1rem;letter-spacing:1px;text-transform:uppercase;font-weight:700;cursor:pointer;transition:.1s ease}.c-modal__share-button:focus{outline:0}.c-modal__share-button:hover{background-color:#e19a35}.popup{position:absolute;z-index:9999;width:300px;min-height:30px;max-width:90vw;padding:12px;border-radius:.2rem;box-shadow:0 0 10px #00000080;background-color:#555;display:none;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:12px;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.7)}.popup--show{display:flex}.popup__container{position:fixed;left:0;top:0;width:100%;height:100%}.popup__gif{width:140px;margin:10px;border-radius:.2rem;border:1px solid rgba(0,0,0,.2);box-shadow:0 0 10px #0003}.toast{width:300px;height:auto;border-radius:4px;box-shadow:0 0 10px #0003;overflow:hidden;cursor:pointer;transition:transform .4s cubic-bezier(.36,0,.66,-.56);animation:toast-in .4s cubic-bezier(.34,1.4,.64,1);transform:translate(0)}.toast:not(:first-of-type){margin-bottom:10px}@keyframes toast-in{0%{transform:translate(120%)}to{transform:translate(0)}}.toast--bottom-right{bottom:2rem;right:2rem}.toast--animate-out{animation:unset;transform:translate(120%)}.toast--primary{background-color:#db8f2133;border:1px solid rgba(219,143,33,.4);backdrop-filter:blur(20px);color:#fff}.toast--success{background-color:#1caf3c;color:#fff}.toast--error{background-color:#b30a0a;color:#fff}.toast--neutral{background-color:#222;backdrop-filter:blur(20px);color:#fff}.toast__content{position:relative;z-index:999;padding:13px 10px 10px}.toast__content p{font-size:12px;color:inherit;margin:0}.toast__progress{position:relative;z-index:3;height:6px;width:100%}.toast__progress-inner{width:0;height:100%}.toast--primary .toast__progress-inner{background-color:#db8f2180}.toast--error .toast__progress-inner,.toast--success .toast__progress-inner{background-color:#fff6}.toast--neutral .toast__progress-inner{background-color:#ffffffb3}.toast__list{position:fixed;z-index:9999;bottom:2rem;right:2rem;display:flex;flex-direction:column-reverse}.fancy-card{background-color:#222;border-radius:.2rem;box-shadow:0 1px 4px #0006;scroll-margin-top:2rem;margin-bottom:2rem}.fancy-card__header{color:#fff;background-color:#ffffff0a;padding:12px;box-shadow:0 5px 10px #00000026;border-radius:.2rem .2rem 0 0;display:flex;align-items:center}.fancy-card__header h2{margin-bottom:2px;font-size:20px;font-weight:700}.fancy-card__header p{color:#ffffff80;margin:0;font-size:12px}.fancy-card__header-icon-container{padding:8px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:.2rem}.fancy-card__header-icon{width:26px;fill:#ffffffbf}.fancy-card__header-info{margin-left:12px}.fancy-card__body{color:#ffffffbf;padding:12px}.prevent-scroll{overflow:hidden!important;padding-right:15px!important;height:100vh!important}.background-takeover{position:fixed;z-index:-1;top:0;left:0;width:100%;height:100%}.background-takeover source,.background-takeover img{position:absolute;top:0;left:50%;transform:translate(-50%);width:1920px}@media (max-width: 1400px){.background-takeover source,.background-takeover img{top:15px;width:1776px}}@media (max-width: 1300px){.background-takeover source,.background-takeover img{width:1652px;top:29px}}@media (max-width: 991.98px){.background-takeover source,.background-takeover img{width:992px;top:23px}}@media (max-width: 991.98px){.background-takeover source,.background-takeover img{top:0}}#popper-tooltip#popper-tooltip{padding:1.2rem!important;display:flex;flex-direction:column;gap:1.5rem}#import-crosshair-form{margin-top:1.5rem}#import-crosshair-submit{padding:1rem 1.5rem}.jumbo-content{padding:2rem;color:#ffffffbf;display:flex;align-items:flex-start}@media only screen and (max-width: 992px){.jumbo-content{flex-direction:column}}.jumbo-content .main{flex:1}.jumbo-content .main h1{color:#fff;font-size:3.6rem;line-height:1.2;margin-bottom:1rem}.jumbo-content .main p{font-size:1.3rem}.jumbo-content .main .button-container{margin-top:1.5rem;display:flex;gap:2rem;align-items:flex-start}.jumbo-content .side{margin:2rem;flex:0 0 30rem;align-self:stretch;position:relative}@media only screen and (max-width: 992px){.jumbo-content .side{display:none}}.pcr-color-preview{display:none!important}.pcr-swatches button:after{background:var(--pcr-color)!important}.pcr-app{background-color:#151515;box-shadow:0 0 15px #0000004d}.pcr-button{border-radius:.2rem}.pcr-button:after{background:var(--pcr-color)!important}#share-crosshair{order:999}.crosshair-code__warning{background-color:#ff51001a;color:#ff5100;border:1px solid rgba(255,81,0,.15);margin:5px 10px 10px;padding:7px 15px;border-radius:5px;font-weight:500;display:flex;align-items:center;gap:15px}.crosshair-code__warning svg{fill:#ff5100;width:44px;height:44px}.crosshair-code__warning span{color:#ff5100;font-size:12px}.crosshair-code-box{display:flex;flex-flow:row wrap;align-items:center;border-radius:.2rem;background-color:#090909;margin:-.5rem 0}.crosshair-code-box #crosshair-code{display:flex;justify-content:center;padding:1.5rem 2rem;flex:1;font-family:monospace;font-size:1.5rem;font-weight:500;text-align:center;line-height:1.2;cursor:text}.crosshair-code-box button{background-color:#e4a54b26;color:#e4a54b;border:1px solid rgba(228,165,75,.07);margin:1rem;border-radius:.2rem;padding:1rem;width:180px}.crosshair-code-box button:hover{background-color:#e4a54b33;color:#e4a54b}.crosshair-code-box button span{font-weight:600;font-size:1.3rem;padding:1.4rem}