@import"https://fonts.googleapis.com/css2?family=Kalam:wght@300&display=swap";*{box-sizing:border-box;font-family:"Kalam",cursive}*:focus{outline:none}html{font:500 100%/1.4 system-ui;background-color:#ccc}body{padding:0;margin:0;background-color:#ccc}a{text-decoration:none;color:#000}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.ellipsis.l2{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ellipsis.l3{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.ellipsis.l4{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.ellipsis.l5{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.ellipsis.l6{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}.hide{display:none}.transparent{visibility:hidden}.link{cursor:pointer}.top_bar *,.footer *,.card_box *{margin:0;padding:0}.top_bar{background:#fff;padding:.5rem;position:fixed;width:100%;top:0;z-index:10;box-shadow:0 0 10px 5px #666}.top_bar .logo_box{float:left;font-size:1.8rem}.top_bar .menu_box{float:right}.top_bar button{border-radius:20px;padding:6px 1rem;background:#000;color:#fff;font-weight:700}.top_bar #btn_mypin{background:#000;border:1px solid #000}.top_bar #btn_mypin.all{background:red;border:1px solid red}.top_bar .form_search{margin:0rem auto;text-align:center}.top_bar .form_search .search_box{border:1px solid #333;background:#fff;border-radius:20px;width:40%;max-width:500px;margin:0 32%;padding:3px 0px 3px 13px}.top_bar .form_search .search_box input{border:0;background:rgba(0,0,0,0);font-size:1rem;line-height:1.6rem;width:calc(100% - 110px);vertical-align:middle}.top_bar .form_search .search_box button{border-radius:20px;padding:0rem 1rem;background:#000;color:#fff;font-weight:700;width:100px;height:33px}@media(max-width: 600px){.top_bar .form_search{clear:both;padding-top:.3rem;margin:0rem -0.2rem}.top_bar .form_search .search_box{width:100%;max-width:100%;margin:0}}.top_bar::after{content:" ";clear:both;display:block}.page{margin-top:4rem;padding:0 1rem}.page .card_box{display:grid;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));gap:0rem;padding:1rem;margin:0 -1rem}.page .card_box .search{text-align:center}.page .card_box .card{height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;padding:1rem 1rem 2rem;background:#f8f3e8;box-shadow:0 0 40px rgba(0,0,0,.2),0 0 40px rgba(0,0,0,.2);border-radius:3px;max-width:400px}.page .card_box .card .btn.pin{position:absolute;right:1rem;top:.5rem;transform:rotate(20deg);color:#af0000}.page .card_box .card .btn.pin.mypin{color:red}.page .card_box .card .gpts_image{width:100%;height:auto;aspect-ratio:600/300;-o-object-fit:cover;object-fit:cover;background:#000;margin:-1rem -1rem;width:calc(100% + 2rem)}.page .card_box .card .gpts_image.unknown{content:url(/images/unknown_tool.jpg);filter:grayscale(100%);opacity:.5}.page .card_box .card>a>h2{padding-top:1rem;font-family:"Kalam",cursive;font-weight:normal;font-size:2rem;color:#4a4a7d;text-align:center;word-break:break-word}.page .card_box .card>a>p{font-family:"Kalam",cursive;font-size:1rem;color:#5e5e89;text-align:center;word-break:break-word}.page h2{margin:1rem 0}.page ol{list-style:decimal}.page.detail .contents{max-width:1024px;width:100%;margin:0 auto;padding:1rem}.page.detail .contents>*{margin-bottom:2rem}.page.detail .contents .top img,.page.detail .contents .top video,.page.detail .contents .top iframe{width:100%}.page.detail .contents .top .profile_image{max-height:500px;-o-object-fit:cover;object-fit:cover}.page.detail .contents .top .quick_view{height:600px}.page.detail .contents .top .icons{margin-top:1rem}.page.detail .contents .top .icons>*{margin-right:10px}.page.detail .contents .tools_bonus{text-align:center}.page.detail .contents .tools_title{font-size:3rem}.page.detail .contents .tools_description{font-size:1.5rem}.page.detail .contents .video-container{position:relative;padding-bottom:56.25%;height:0}.page.detail .contents .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.page.about .logo{text-align:center;padding:2rem 0}.page.about .logo img{width:300px}@media(max-width: 600px){.page{margin-top:7rem}}.footer{margin-top:2rem;font-size:1rem;text-align:center}form .message{color:red}