.square{width:260px;height:260px;position:relative;overflow:hidden;aspect-ratio:1 / 1;border:1px solid #eee}.design{margin-top:30px}input#bg-color{padding:0;margin:0;height:35px;width:50px}button#bg-transparent{margin:0;text-transform:capitalize}div#bg-control{display:flex;align-items:center;margin-bottom:30px}.upload-box{display:flex;justify-content:center;align-items:center;flex-direction:column;width:700px;border-radius:8px;padding:30px 20px 10px 20px;box-shadow:0 6px 14px rgb(0 0 0 / .04);border:1px solid #e4e7ec}div#step-upload{display:flex;justify-content:center}div#step-upload p{text-align:center;font-size:14px}.preview-wrap{display:flex;justify-content:space-around;gap:20px}.preview-wrap h4{font-size:18px;text-align:center}.preview-wrap img#orig-preview{height:auto;width:200px;object-fit:cover;aspect-ratio:1 / 1;border:1px solid #eee}.tool-content h2{margin-bottom:30px;text-align:center;font-size:32px}.bg-layer{position:absolute;inset:0;background:#fff0;z-index:1}.square img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;aspect-ratio:1 / 1}.sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.size-item{cursor:pointer;text-align:center}.size-item[data-size="16"] .size-box img{width:16px;height:16px}.size-item[data-size="32"] .size-box img{width:32px;height:32px}.size-item[data-size="48"] .size-box img{width:48px;height:48px}.size-item[data-size="64"] .size-box img{width:64px;height:64px}.size-item[data-size="128"] .size-box img{width:128px;height:128px}.size-item[data-size="180"] .size-box img{width:180px;height:180px}.bx-rotate-right:before{content:"\ebed"}.bx-download:before{content:"\eab9"}.result-actions button{margin:0;padding:1px 18px 4px;border:1px solid #0075db;border-radius:99px;color:#0075db;margin-right:10px;text-transform:capitalize;height:40px}.html-output{margin-top:30px}button#copy-html{margin:10px 0 20px;color:#0075db;border:1px solid #0075db;border-radius:99px;height:40px;text-transform:capitalize}i.button-icon{position:inherit;padding-right:5px}.size-item[data-size="192"] .size-box img{width:192px;height:192px}.size-item[data-size="512"] .size-box img{width:512px;height:512px}.size-box{background:#f5f7fa;border:1px solid #fff0;display:flex;align-items:center;justify-content:center;transition:all .15s ease;aspect-ratio:1 / 1;width:100%;overflow:hidden}button#enable-bg-btn{border:1px solid #eee;color:#777;border-radius:99px;margin-bottom:30px}.size-box img{object-fit:cover;display:block;max-width:100%;max-height:100%}button#create-favicon{font-size:16px;background:#0075db;color:#fff;border-radius:99px;margin:0;text-transform:capitalize;height:40px;display:flex;align-items:center}.size-item.active .size-box{border-color:#0075db}.size-item.locked{pointer-events:none;opacity:.6}.size-label{margin-top:6px;font-size:13px;color:#444}.html-output pre{background:#111;color:lime;padding:12px;white-space:pre-wrap;border-radius:8px}