.dev-tools{background-image:url(https://www.idealfe.com/images/bg/bg_dev_tools.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;padding:20px;transition:filter .25s,transform .25s}.dev-tools *{box-sizing:content-box}.dev-tools span{color:#5a5a5a;margin:0;padding:0;font-family:Rubik,sans-serif;font-weight:400}.dev-tools .tools-section{margin-bottom:40px}.dev-tools .menu-section-title{flex-flow:wrap;align-items:center;gap:12px;display:flex}.dev-tools .menu-section-title .menu-section-title-text{color:rgba(255,255,255,.8);align-items:center;gap:8px;font-size:24px;display:flex}.dev-tools .menu-section-title .menu-section-title-text i{font-size:1em}.dev-tools .menu-section-title .menu-section-description{color:rgba(255,255,255,.6);font-size:14px}.dev-tools .menu-section-content{flex-wrap:wrap;gap:1em;margin-top:15px;padding-top:5px;display:flex}.dev-tools .menu-section-content .tool-card{background-color:gray(30);cursor:pointer;border-radius:10px;width:12.5%;height:8vw;min-height:140px;max-height:160px;transition:transform .25s;display:block;position:relative;overflow:hidden;box-shadow:2px 2px 4px rgba(0,0,0,.25)}.dev-tools .menu-section-content .tool-card:hover{transform:translateY(-5px)}.dev-tools .menu-section-content .tool-card:hover .tool-card-background{filter:grayscale(25%)}.dev-tools .menu-section-content .tool-card .background-image{background-image:url(https://www.idealfe.com/images/bg/aircraft.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.dev-tools .menu-section-content .tool-card .tool-card-background{filter:grayscale();opacity:.5;border-radius:10px;width:100%;height:100%;transition:filter .25s;position:absolute;top:0;left:0}.dev-tools .menu-section-content .tool-card .tool-card-content{z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.4),rgba(0,0,0,.1));border-radius:10px;flex-direction:column;width:calc(100% - 40px);height:calc(100% - 40px);padding:20px;display:flex;position:relative}.dev-tools .menu-section-content .tool-card .tool-card-content .tool-card-content-header{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex}.dev-tools .menu-section-content .tool-card .tool-card-content .tool-card-content-header .tool-card-labels{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.dev-tools .menu-section-content .tool-card .tool-card-content .tool-card-content-header .tool-card-label{color:#42a5f5;text-transform:uppercase;white-space:nowrap;background:rgba(66,165,245,.15);border:1px solid rgba(66,165,245,.3);border-radius:3px;padding:2px 6px;font-size:.7em}.dev-tools .menu-section-content .tool-card .tool-card-content .tool-card-content-header .tool-card-label.tool-card-label-more{color:rgba(255,255,255,.6);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.dev-tools .menu-section-content .tool-card .tool-card-content .tool-card-content-header .tool-card-name{color:#f5f5f5;margin-top:2px;font-size:1.25em;font-weight:500}.dev-tools .menu-section-content .tool-card .tool-card-content .tool-card-content-header .tool-card-featured{color:gold;background:rgba(255,215,0,.2);border-radius:4px;width:-moz-fit-content;width:fit-content;margin-top:4px;padding:2px 6px;font-size:.7em;display:inline-block}.dev-tools .menu-section-content .tool-card .tool-card-content .tool-card-stats{gap:12px;margin-top:auto;padding-top:8px;display:flex}.dev-tools .menu-section-content .tool-card .tool-card-content .tool-card-stats .tool-card-stat{color:rgba(255,255,255,.7);align-items:center;gap:6px;font-size:.8em;display:flex}.dev-tools .menu-section-content .tool-card .tool-card-content .tool-card-stats .tool-card-stat i{opacity:.75;font-size:.9em}.dev-tools .menu-section-content .tool-card .tool-card-content .tool-card-stats .tool-card-stat .tool-card-stat-value{color:rgba(255,255,255,.75);min-width:20px;font-weight:500}.dev-tools .menu-section-content .tool-card .tool-card-content .tool-card-stats .tool-card-stat.tool-card-like{cursor:pointer;transition:all .2s}.dev-tools .menu-section-content .tool-card .tool-card-content .tool-card-stats .tool-card-stat.tool-card-like i{color:rgba(255,107,107,.7);opacity:.75}.dev-tools .menu-section-content .tool-card .tool-card-content .tool-card-stats .tool-card-stat.tool-card-like .tool-card-stat-value{color:rgba(255,255,255,.75)}.dev-tools .menu-section-content .tool-card .tool-card-content .tool-card-stats .tool-card-stat.tool-card-like:hover{color:rgba(255,255,255,.85)}.dev-tools .menu-section-content .tool-card .tool-card-content .tool-card-stats .tool-card-stat.tool-card-like:hover i{color:#ff6b6b;opacity:.9}.dev-tools .menu-section-content .tool-card .tool-card-content .tool-card-stats .tool-card-stat.tool-card-like:hover .tool-card-stat-value{color:rgba(255,255,255,.85)}.dev-tools .menu-section-content .tool-card .tool-card-content .tool-card-icon{color:rgba(255,255,255,.4);z-index:1;pointer-events:none;font-size:2em;position:absolute;bottom:15px;right:15px}.dev-tools .loading-container{color:rgba(255,255,255,.8);flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.dev-tools .loading-container i{margin-bottom:16px;font-size:2em}.dev-tools .loading-container span{font-size:1.2em}.dev-tools .error-container{color:rgba(255,255,255,.8);flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.dev-tools .error-container i{color:#ff6b6b;margin-bottom:16px;font-size:2em}.dev-tools .error-container span{margin-bottom:16px;font-size:1.2em}.dev-tools .error-container .retry-button{color:rgba(255,255,255,.8);cursor:pointer;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:8px 16px;transition:all .2s}.dev-tools .error-container .retry-button:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5)}.dev-tools .tool-card-skeleton{pointer-events:none;opacity:.6}.dev-tools .tool-card-skeleton .skeleton-shimmer{background:linear-gradient(90deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 100%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}.dev-tools .tool-card-skeleton .tool-card-label.skeleton-shimmer{width:50px;height:18px}.dev-tools .tool-card-skeleton .tool-card-name.skeleton-shimmer{width:80%;height:20px;margin-top:4px}.dev-tools .tool-card-skeleton .tool-card-stat.skeleton-shimmer{width:40px;height:16px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}