.tools-container{background-color:#303030;border-radius:24px;display:flex;justify-content:center;padding:8px 24px 8px 8px;transition:transform .3s ease}@media (max-width:767px){.tools-container{border-radius:0 0 24px 24px;max-height:70vh;overflow-y:auto;padding:16px;width:100%}}.tools-container--full-mobile{max-height:90vh}.tools-container .tools-content{display:inline-flex;gap:15px}@media (max-width:767px){.tools-container .tools-content{display:flex;flex-direction:column;overflow-y:auto}}.tools-container .tools-left{background-color:#2c2c2c;border-radius:16px;color:#fff;display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:24px}@media (max-width:767px){.tools-container .tools-left{align-items:center;display:flex;flex-direction:column;gap:32px}}.tools-container .tools-left .menu-text{color:#fff;font-family:Unbounded,sans-serif;font-size:20px;font-style:normal;font-weight:500;letter-spacing:-.8px;line-height:100%;text-align:center}@media (max-width:767px){.tools-container .tools-left .menu-text{font-size:16px;letter-spacing:-.64px}}.tools-container .tools-left .tools-free-label{background:linear-gradient(96.82deg,#66a1ff 27.14%,#f372f4 67.23%);-webkit-background-clip:text;font-family:Unbounded,sans-serif;font-size:32px;text-align:center;-webkit-text-fill-color:transparent}.tools-container .tools-left .start-free-btn{background-color:#fff;border-radius:100px;color:#303030;font-family:Inter,sans-serif;font-size:17px;font-style:normal;font-weight:600;letter-spacing:-.72px;line-height:19px;padding:20px 48px}.tools-container .tools-left .start-free-btn:hover{background-color:#dcdcdc}@media (max-width:767px){.tools-container .tools-left .start-free-btn{font-size:18px;width:100%}}.tools-container .tools-right{align-content:flex-start;display:flex;flex:2;flex-wrap:wrap;gap:8px;padding:10px 0}@media (max-width:767px){.tools-container .tools-right{display:flex;flex-direction:column}}.tools-container .tools-right .tool-box{align-items:flex-start;background:linear-gradient(135deg,#3a3a3a,#7c2bff00 50%,#7c2bff33);border-radius:16px;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:110px;justify-content:space-between;padding:12px 16px;width:calc(50% - 4px)}@media (max-width:767px){.tools-container .tools-right .tool-box{height:100px;padding:16px;width:100%}}.tools-container .tools-right .tool-box .menu_choice{color:#fff;display:inline-block;font-family:Unbounded,sans-serif;font-size:16px;font-style:normal;font-weight:600;letter-spacing:4 -.8px;line-height:100%;margin-bottom:8px;min-height:40px;text-align:left}.tools-container .tools-right .tool-box p{cursor:pointer;font-family:Inter,sans-serif;font-size:13px;line-height:1.2;opacity:.7}.tools-container .tools-right .chip-wrapper{display:flex;justify-content:center;margin-top:8px;width:100%}@media (max-width:767px){.tools-container .tools-right .chip-wrapper{margin-bottom:20px}}.tools-container .tools-right .chip-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:left}.tools-container .tools-right .tag-label{background-color:#3a3a3a;border-radius:46px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;letter-spacing:-.03em;line-height:17px;opacity:.8;padding:12px 16px;text-align:center;transition:background-color .3s ease}.tools-container .tools-right .tag-label:hover{background-color:#d1d1d1;color:#000;opacity:1}.tools-container .tools-right .tag-label:hover a{color:#000}.overlay{background-color:#00000080;margin-top:20px;z-index:1000}@media (max-width:767px){.overlay{margin-top:0}}
