.icon-card.selected .quick-add{opacity:1}.quick-add{border-radius:8px!important}.quick-add svg{pointer-events:none}
.selected-panel.active{overflow-y:auto}.selected-panel .hamyar-floating-ad{border:none;position:relative;inset:auto;transform:none;width:calc(100% - 28px);aspect-ratio:1/1;min-height:0;margin:14px;border-radius:13px;grid-template-columns:1fr;grid-template-rows:auto auto auto;align-content:center;justify-items:center;text-align:center;padding:22px;gap:13px;box-shadow:none}.selected-panel .hamyar-floating-ad .ad-icon{width:68px;height:68px}.selected-panel .hamyar-floating-ad .ad-icon img{width:60px;height:60px}.selected-panel .hamyar-floating-ad .ad-copy strong{font-size:12px;line-height:1.9}.selected-panel .hamyar-floating-ad .ad-copy span{font-size:9px;line-height:1.9;margin-top:7px}.selected-panel .hamyar-floating-ad .ad-buy{width:100%;height:44px}.ad-buy-mobile{display:none}.ad-close{display:none;border:1px solid #35353a;background:#0b0b0d;color:#fff;width:29px;height:29px;border-radius:50%;place-items:center;cursor:pointer}.ad-close svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.hamyar-floating-ad{transition:opacity .24s ease,filter .24s ease}.hamyar-floating-ad.is-dismissing{opacity:0;filter:blur(4px);pointer-events:none}.hamyar-floating-ad.is-dismissed{display:none!important}.mobile-toolbar{transition:bottom .48s cubic-bezier(.22,1,.36,1)}
.color-control{height:54px;position:relative;z-index:12}.color-control>button{width:100%;height:100%;border:1px solid #29292d;border-radius:40px;background:#070707;color:#fff;display:flex;align-items:center;gap:9px;padding:0 11px;cursor:pointer;font:600 12px Outfit,sans-serif;corner-shape:squircle}.color-control>button i{width:25px;height:25px;border-radius:7px;corner-shape:squircle;box-shadow:inset 0 0 0 1px #0003}.color-control>button span{direction:ltr}.color-control>button svg{width:10px;height:7px;margin-left:0;margin-right:auto;fill:none;stroke:currentColor;stroke-width:1.5;transition:.18s}.color-control>button[aria-expanded="true"] svg{transform:rotate(180deg)}.color-popover{position:absolute;left:0;bottom:calc(100% + 9px);width:220px;padding:12px;border:1px solid #303034;border-radius:13px;background:#0c0c0e;color:#fff;box-shadow:0 18px 55px #000;z-index:30;corner-shape:squircle}.color-popover[hidden]{display:none!important}.color-hex-row,.native-color-row{display:flex;align-items:center;justify-content:space-between;gap:9px;color:#777;font:600 9px Outfit,sans-serif}.color-hex-row input{width:132px;height:36px;border:1px solid #29292d;border-radius:9px;background:#141416;color:#fff;outline:none;padding:0 10px;text-transform:uppercase;font:600 12px Outfit,sans-serif}.rgb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:9px 0}.rgb-grid label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px;height:36px;border:1px solid #29292d;border-radius:9px;padding:0 6px;color:#6f6f77;font:600 9px Outfit,sans-serif}.rgb-grid input{width:100%;min-width:0;border:0;outline:0;background:none;color:#fff;text-align:center;font:600 10px Outfit,sans-serif;appearance:textfield}.rgb-grid input::-webkit-inner-spin-button{appearance:none}.native-color-row input{width:132px;height:32px;border:0;border-radius:8px;background:none;padding:0;cursor:pointer}.modal-controls{grid-template-columns:150px 112px 200px 110px 1fr}.icon-dialog #toast-message-wrapper{position:fixed!important;z-index:2147483647!important;left:20px!important;bottom:35px!important}
.guide-dialog{width:min(470px,calc(100vw - 28px));border:1px solid #303034;border-radius:40px;background:#080809;color:#fff;padding:34px;text-align:right;box-shadow:0 30px 100px #000;corner-shape:squircle}.guide-dialog::backdrop{background:#000c;backdrop-filter:blur(9px)}.guide-close{position:absolute;left:14px;top:14px;width:35px;height:35px;border:1px solid #303034;border-radius:40px;background:#111;color:#fff;display:grid;place-items:center;cursor:pointer}.guide-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.guide-icon{width:48px;height:48px;border:1px solid #283656;border-radius:13px;background:#0d59f118;color:#4c87ff;display:grid;place-items:center}.guide-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.guide-dialog>span{display:block;color:#4c87ff;font-size:9px;font-weight:800;margin-top:17px}.guide-dialog h2{font-size:19px;margin:5px 0 9px}.guide-dialog p{color:#85858d;font-size:11px;line-height:2.2;margin:0}.guide-dialog>button:last-child{height:43px;margin-top:20px;border:0;border-radius:40px;background:#0d59f1;color:#fff;padding:0 19px;font-weight:750;cursor:pointer;corner-shape:squircle}
@media(max-width:860px){.app-header{position:sticky!important;top:0;z-index:29;background:#030303f2;backdrop-filter:blur(12px)}.search-toolbar{z-index:28}.icon-dialog{max-height:calc(100dvh - 16px);overflow-y:auto;overflow-x:hidden}.modal-main{grid-template-rows:270px auto!important;min-width:0}.code-pane{width:100%;max-width:100%;min-width:0;height:min(230px,34dvh);min-height:180px;overflow:hidden}.code-pane pre{width:100%;height:100%!important;min-height:0;max-height:100%;box-sizing:border-box;overflow:auto}.modal-controls{grid-template-columns:1fr 1fr 1fr}.color-control{height:47px}.color-popover{width:min(240px,calc(100vw - 24px))}.hamyar-floating-ad{position:fixed!important;z-index:31;bottom:31px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(440px,calc(100vw - 20px))!important;aspect-ratio:auto!important;min-height:65px!important;margin:0!important;border-radius:40px!important;grid-template-columns:42px 1fr 64px!important;grid-template-rows:1fr!important;align-content:normal!important;justify-items:stretch!important;text-align:right!important;padding:8px!important;gap:7px!important;box-shadow:0 18px 55px #000!important}.hamyar-floating-ad .ad-close{display:grid;position:absolute;top:-11px;left:-7px;z-index:5;box-shadow:0 8px 22px #000}.hamyar-floating-ad .ad-icon{width:40px!important;height:40px!important}.hamyar-floating-ad .ad-icon img{width:38px!important;height:38px!important}.hamyar-floating-ad .ad-copy strong{font-size:9px!important;line-height:1.7!important}.hamyar-floating-ad .ad-copy span{font-size:7px!important;line-height:1.7!important;margin-top:2px!important}.hamyar-floating-ad .ad-buy{width:auto!important;height:35px!important;align-self:center}.ad-buy-desktop{display:none}.ad-buy-mobile{display:inline}.mobile-toolbar{bottom:104px!important}body.floating-ad-dismissed .mobile-toolbar{bottom:34px!important}}
@media(max-width:520px){.modal-main{grid-template-columns:46px minmax(0,1fr)!important}.code-pane{grid-column:1/-1!important}.modal-controls{grid-template-columns:1fr 1fr!important}.color-control{grid-column:1/2}.select-control{grid-column:2/3}.hamyar-floating-ad{grid-template-columns:40px 1fr 60px!important}.hamyar-floating-ad .ad-copy span{display:none!important}}
.load-sentinel{height:1px;margin-bottom:34px}.loading-cards{display:grid;place-items:center;min-height:150px}.loading-spinner{display:inline-block;width:18px;height:18px;border:1px solid #ffffff26;border-top-color:#fff;border-radius:50%;animation:hmyiSpinner .72s linear infinite;vertical-align:middle}@keyframes hmyiSpinner{to{transform:rotate(360deg)}}
.tag-new>.con-gradients{inset:-70%;filter:saturate(2.2) brightness(1.6);opacity:1}.tag-new>.con-gradients .gradient{filter:blur(7px);opacity:1}
.copy-code{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.copy-code svg{transition:opacity .16s ease,transform .2s ease}.copy-code.is-copied{border:1px solid #fff!important;box-shadow:0 0 0 1px #ffffff12,0 0 16px #ffffff14}.copy-code.is-copied svg{transform:scale(1.04)}