:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:rgba(255,255,255,.87);background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:#6366f1;text-decoration:inherit}a:hover{color:#8b5cf6}body{margin:0;min-width:320px;min-height:100vh;background-color:#0f0f0f;color:#ffffff}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#2a2a2a;color:#ffffff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#6366f1}button:focus,button:focus-visible{outline:2px solid #6366f1;outline-offset:2px}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#ffffff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.layout-container{height:100%;display:flex;flex-direction:column}.main-content{flex:1 1;display:flex;flex-direction:column}body,html{height:100%;margin:0;padding:0}#root{min-height:100vh;display:flex;flex-direction:column}.app{min-height:100%;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);padding:20px;color:#ffffff;position:relative;z-index:1;flex:1 1}.app-header{text-align:center;margin-bottom:40px;color:white;z-index:2}.header-top{display:flex;align-items:center;margin-bottom:10px;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 20px;position:relative}.header-top h1{text-align:center;margin:0 0 0 90px;white-space:nowrap;flex:1 1}.lang-switcher{display:inline-flex;align-items:center;gap:8px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:10px;padding:6px 8px;box-shadow:0 2px 8px rgba(0,0,0,.2);flex-shrink:0;margin-left:auto;z-index:1}.lang-switcher svg{color:#a1a1aa;flex-shrink:0}.lang-option{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:600;color:#a1a1aa;cursor:pointer;transition:all .2s ease;min-width:28px}.lang-option:hover{background:#3a3a3a;color:#ffffff}.lang-option.active{background:#6366f1;color:#ffffff;box-shadow:0 2px 4px rgba(99,102,241,.3)}.lang-option.active:hover{background:#7c3aed}.lang-switcher-loading{display:inline-flex;align-items:center;gap:8px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:10px;padding:6px 8px;box-shadow:0 2px 8px rgba(0,0,0,.2);flex-shrink:0;margin-left:auto;z-index:1}.lang-switcher-loading .lang-option{opacity:.6;pointer-events:none;background:transparent;border:none;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:600;color:#a1a1aa;min-width:28px}.app-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3);font-weight:700;background:linear-gradient(135deg,#ffffff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}.app-header p{font-size:1.1rem;opacity:.8;color:#a1a1aa;margin-bottom:20px}.buy-coffee-button{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:white;border:none;border-radius:25px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(245,158,11,.3);margin-top:10px}.buy-coffee-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,.4);background:linear-gradient(135deg,#d97706,#b45309);color:white;text-decoration:none}.app-main{max-width:1200px;margin:0 auto;background:#1c1c1e;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.4);overflow:hidden;border:1px solid #2a2a2a;position:relative;z-index:2}.upload-section{padding:40px;text-align:center;background:linear-gradient(135deg,#2a2a2a,#1f1f1f);color:white;border-bottom:1px solid #2a2a2a}.upload-button{display:inline-flex;align-items:center;gap:10px;background:#3b3b3b;border:2px solid #4a4a4a;border-radius:12px;padding:12px 24px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,.2)}.upload-button:hover{background:#4a4a4a;border-color:#5a5a5a;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3)}.hidden{display:none}.crop-section{padding:40px;background:#1c1c1e;color:#ffffff}.crop-section h2{color:#ffffff;margin-bottom:10px;font-size:1.8rem;font-weight:600}.crop-section p{color:#a1a1aa;margin-bottom:30px;font-size:1rem;line-height:1.6}.crop-container{margin-bottom:30px;background:#2a2a2a;border-radius:12px;padding:20px;border:1px solid #3a3a3a}.crop-container,.process-button{display:flex;justify-content:center}.process-button{align-items:center;gap:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;border:none;border-radius:12px;padding:16px 32px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(99,102,241,.3);width:100%}.process-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.4);background:linear-gradient(135deg,#7c3aed,#a855f7)}.process-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.results-section{padding:40px;background:linear-gradient(135deg,#1f1f1f,#2a2a2a);border-top:1px solid #2a2a2a}.results-section h2{color:#ffffff;margin-bottom:10px;font-size:1.8rem;text-align:center;font-weight:600}.results-section>p{color:#a1a1aa;margin-bottom:30px;text-align:center;font-size:1rem}.results-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px;margin-bottom:40px}.result-item{background:#2a2a2a;border-radius:12px;padding:25px;text-align:center;box-shadow:0 8px 25px rgba(0,0,0,.2);transition:transform .3s ease;border:1px solid #3a3a3a}.result-item:hover{transform:translateY(-5px);box-shadow:0 12px 35px rgba(0,0,0,.3)}.result-item h3{color:#ffffff;margin-bottom:20px;font-size:1.3rem;font-weight:600}.result-image{width:100%;max-width:200px;height:auto;border:2px solid #3a3a3a;border-radius:8px;margin-bottom:20px;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;background:#1a1a1a}.download-button{display:inline-flex;border-radius:8px;padding:12px 24px;font-size:.9rem}.info-box{background:#2a2a2a;border-radius:12px;padding:25px;margin-top:30px;box-shadow:0 8px 25px rgba(0,0,0,.2);border:1px solid #3a3a3a}.info-box h3{color:#ffffff;margin-bottom:15px;font-size:1.2rem;font-weight:600}.info-box ul{color:#a1a1aa;line-height:1.6;padding-left:20px}.info-box li{margin-bottom:8px}.info-box strong{color:#ffffff}.filters-section{margin-bottom:20px}.filter-toggle-button{display:inline-flex;align-items:center;gap:8px;background:#3b3b3b;border:1px solid #4a4a4a;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;color:#ffffff;margin-bottom:15px}.filter-toggle-button:hover{background:#4a4a4a;border-color:#5a5a5a}.filters-panel{background:#2a2a2a;border-radius:12px;padding:20px;border:1px solid #3a3a3a}.filter-presets,.filters-panel{margin-bottom:20px}.filter-presets h4{color:#ffffff;margin-bottom:12px;font-size:1rem;font-weight:600}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.preset-btn{background:#3b3b3b;border:1px solid #4a4a4a;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;color:#ffffff}.preset-btn:hover{background:#4a4a4a;border-color:#6366f1}.preset-btn.active{background:#6366f1;border-color:#6366f1}.reset-btn{display:inline-flex;align-items:center;gap:6px;background:#dc2626;border:1px solid #ef4444;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;color:#ffffff}.reset-btn:hover{background:#ef4444;border-color:#f87171}.filter-controls h4{color:#ffffff;margin-bottom:15px;font-size:1rem;font-weight:600}.filter-slider{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:#ffffff}.filter-slider label{min-width:80px;font-size:.9rem;font-weight:500}.filter-slider input[type=range]{flex:1 1;height:6px;background:#3b3b3b;border-radius:3px;outline:none;-webkit-appearance:none}.filter-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#6366f1;border-radius:50%;cursor:pointer;border:2px solid #ffffff}.filter-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#6366f1;border-radius:50%;cursor:pointer;border:2px solid #ffffff}.filter-slider span{min-width:40px;font-size:.8rem;font-weight:500;color:#a1a1aa;text-align:right}@media (max-width:768px){.filters-panel{padding:15px}.preset-buttons{gap:6px}.preset-btn{padding:4px 8px;font-size:.7rem}.filter-slider{flex-direction:column;align-items:stretch;gap:8px}.filter-slider label{min-width:auto}.filter-slider span{text-align:left}.app-header h1{font-size:2rem}.app-main{margin:0 10px}.crop-section,.results-section,.upload-section{padding:20px}.results-grid{grid-template-columns:1fr;gap:20px}.crop-container{padding:10px}}.ReactCrop{border-radius:8px;overflow:hidden}.ReactCrop__crop-selection{border:2px solid #6366f1;border-radius:4px}.ReactCrop__drag-handle{background:#6366f1;border:2px solid #ffffff;border-radius:50%;width:12px;height:12px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.app-footer{text-align:center;padding:20px;color:#a1a1aa;font-size:.9rem;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);border-top:1px solid #2a2a2a;flex-shrink:0;margin-top:auto}.app-footer p{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;flex-wrap:wrap}.app-footer a{color:#6366f1;text-decoration:none;font-weight:600;transition:color .3s ease}.app-footer a:hover{color:#8b5cf6;text-decoration:underline}.app-footer svg{color:#6366f1}@media (max-width:768px){.app-footer p{flex-direction:column;gap:4px}.app-footer{padding:16px}}.drop-zone{border:2px dashed #4a4a4a;background:#2b2b2b;width:100%;min-height:144px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px}.drop-zone.dragging{border-color:#6366f1;background:rgba(99,102,241,.1)}.tint-controls{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.tint-label{color:#ddd;font-size:.95rem;font-weight:500}.tint-input{width:48px;height:48px;border:2px solid #4a4a4a;border-radius:8px}.result-image{image-rendering:pixelated}.preview-layout{padding:40px;background:linear-gradient(135deg,#1f1f1f,#2a2a2a);border-top:1px solid #2a2a2a}.preview-layout h2{color:#ffffff;margin-bottom:30px;font-size:1.8rem;text-align:center;font-weight:600}.preview-content{display:grid;grid-template-columns:auto 1fr;grid-gap:40px;gap:40px;max-width:1200px;margin:0 auto}.preview-pane{display:flex;flex-direction:column;align-items:center}.preview-pane h3{color:#ffffff;margin-bottom:20px;font-size:1.2rem;font-weight:600;text-align:center}.game-preview{width:100%;max-width:400px;background:transparent;border:2px solid #3a3a3a;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.4)}.player-info{padding:16px;background:transparent;display:flex;flex-direction:column;align-items:center}.title-text{color:#6bb7ff;font-weight:600;font-size:14px;text-align:center;min-height:18px;padding:0 8px;border-radius:4px}.name-row{display:flex;align-items:center;gap:8px;padding:6px 12px;background:transparent;border-radius:8px}.name-text{color:#ffffff;font-weight:700;font-size:16px;text-align:center;min-height:20px}.crest-stack{display:flex;align-items:center;gap:2px}.crest-ally{width:12px}.crest-ally,.crest-clan{height:18px;image-rendering:pixelated;image-rendering:crisp-edges}.crest-clan{width:24px}.player-image{width:100%;height:auto;display:block}.controls-pane{display:flex;flex-direction:column;align-items:stretch}.controls-pane h3{color:#ffffff;margin-bottom:20px;font-size:1.2rem;font-weight:600;text-align:center}.controls-card{background:#2a2a2a;border:2px solid #3a3a3a;border-radius:16px;padding:24px;box-shadow:0 8px 32px rgba(0,0,0,.3)}.tint-controls{display:grid;grid-template-columns:auto 1fr;grid-gap:16px;gap:16px;align-items:center;margin-bottom:24px;padding:16px;background:#1f1f1f;border-radius:12px;border:1px solid #3a3a3a}.tint-label{display:flex;align-items:center;gap:8px;color:#ffffff;font-size:1rem;font-weight:600}.tint-input{width:60px;height:60px;padding:0;border:3px solid #4a4a4a;background:#1a1a1a;border-radius:12px;cursor:pointer;transition:all .3s ease;justify-self:end}.tint-input:hover{border-color:#6366f1;transform:scale(1.05)}.download-actions{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.download-button{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#10b981,#059669);color:white;border:none;border-radius:12px;padding:16px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(16,185,129,.3)}.download-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.4);background:linear-gradient(135deg,#059669,#047857)}.editable{cursor:text}.editable,.editable:focus{outline:none;border:none;background:transparent}.editable:hover{background:transparent}@media (max-width:900px){.preview-content{grid-template-columns:1fr;gap:32px}.game-preview{max-width:350px}.tint-controls{grid-template-columns:1fr;text-align:center}.tint-input{justify-self:center}}@media (max-width:768px){.app{padding:16px}.header-top{flex-direction:row;justify-content:space-between;margin-left:0;gap:12px;text-align:center;padding:0 10px}.header-top h1{order:2;font-size:1.8rem;text-align:left;margin:0;line-height:1.2}.lang-switcher{order:3;margin-top:8px;margin-left:0;align-self:center}.logo-icon{width:28px;height:28px}.lang-switcher-loading{margin-left:15px}.app-header p{font-size:1rem;padding:0 10px}.buy-coffee-button{font-size:.9rem;padding:10px 20px}.app-main{margin:0;border-radius:12px}.crop-section,.upload-section{padding:20px 15px}.upload-button{padding:14px 24px;font-size:.9rem;min-height:100px;text-align:center}.drop-zone{min-height:100px;padding:20px 15px}.tint-controls{flex-direction:row;justify-content:space-between;align-items:center}.tint-label{font-size:.9rem}.crop-section h2{font-size:1.5rem}.crop-section p{font-size:.9rem;padding:0 5px}.crop-container{padding:15px 10px;margin-bottom:20px}.process-button{padding:14px 24px;font-size:1rem;margin-top:15px}.preview-layout{padding:20px 15px}.preview-layout h2{font-size:1.5rem;margin-bottom:20px}.preview-content{gap:24px}.controls-pane h3,.preview-pane h3{font-size:1.1rem;margin-bottom:15px}.game-preview{max-width:100%;width:100%}.player-info{padding:12px}.title-text{font-size:12px;padding:2px 6px}.name-text{font-size:14px}.name-row{padding:4px 8px;gap:6px}.crest-ally{width:10px;height:15px}.crest-clan{width:20px;height:15px}.controls-card{padding:18px}.tint-controls{grid-template-columns:1fr auto;gap:12px;margin-bottom:18px;padding:12px}.tint-input{width:50px;height:50px;justify-self:end}.download-actions{gap:10px}.download-button{padding:12px 18px;font-size:.9rem}.app-footer{padding:15px;margin-top:20px}.app-footer p{font-size:.8rem}}@media (max-width:480px){.app{padding:12px}.header-top{gap:10px;padding:0 8px}.header-top h1{font-size:1.3rem;line-height:1.2}.lang-switcher{margin-left:0;align-self:center}.logo-link{font-size:1.1rem}.logo-text{font-size:1.3rem}.logo-icon{width:24px;height:24px}.app-header p{font-size:.9rem;padding:0 5px}.crop-section,.preview-layout,.upload-section{padding:15px 10px}.upload-button{padding:12px 20px;font-size:.85rem;min-height:80px}.crop-section h2,.preview-layout h2{font-size:1.3rem}.preview-content{gap:20px}.controls-card{padding:15px}.download-button{padding:10px 15px;font-size:.85rem}}.app-footer p a{color:#8ab4ff;text-decoration:none}.app-footer p a:hover{text-decoration:underline}.no-image-selected{min-height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);padding:20px;color:#ffffff}.how-to-section{margin:40px 0;text-align:center}.how-to-section h2{font-size:2em;margin-bottom:30px;color:#ffffff;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;max-width:1200px;margin:0 auto;padding:0 20px}.step-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;text-align:left;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.step-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.08);border-color:rgba(99,102,241,.3);box-shadow:0 8px 32px rgba(99,102,241,.2)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;border-radius:50%;font-size:1.5em;font-weight:700;margin-bottom:16px}.step-content h3{font-size:1.4em;margin:0 0 12px;color:#ffffff}.step-content p{margin:0;color:rgba(255,255,255,.8);line-height:1.6}.faq-section{margin:60px 0}.faq-section h2{font-size:2em;margin-bottom:40px;color:#ffffff;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.faq-list{max-width:100%;margin:0 auto;padding:0 20px}.faq-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .3s ease;width:100%}.faq-item:hover{background:rgba(255,255,255,.08);border-color:rgba(99,102,241,.3)}.faq-question{padding:20px;cursor:pointer;display:flex;align-items:center;font-weight:600;color:#ffffff;transition:color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-question:hover{color:#6366f1}.faq-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;border-radius:50%;font-size:24px;font-weight:700;margin-right:16px;transition:all .3s ease;flex-shrink:0}.faq-item[open] .faq-icon{transform:none}.faq-answer,pre.faq-answer{padding:0 20px 20px 76px;margin:0;color:rgba(255,255,255,.8);line-height:1.6}pre.faq-answer{font-family:inherit;white-space:pre-line;background:transparent;border:none;font-size:inherit}@media (max-width:1024px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 20px}}@media (max-width:768px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 16px}.step-card{padding:20px}.faq-section h2,.how-to-section h2{font-size:2em}.faq-list{padding:0 16px}.faq-question{padding:16px}.faq-answer{padding:0 16px 16px 68px}}@media (max-width:480px){.steps-grid{grid-template-columns:1fr;padding:0 12px}.step-card{padding:16px}.step-number{width:40px;height:40px;font-size:1.2em}.faq-section h2,.how-to-section h2{font-size:1.8em}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:rgba(0,0,0,.2);--rc-drag-bar-size:6px;--rc-border-color:rgba(255,255,255,.7);--rc-focus-color:#0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;cursor:ne-resize}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;transform:translate(50%,-50%)}.ReactCrop .ord-e{top:50%;cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{left:50%;cursor:s-resize}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;transform:translate(-50%,50%)}.ReactCrop .ord-sw{left:0;cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}