:root{--primary-color: rgb(122, 23, 122);--primary-color-alpha: rgba(149, 0, 52, .55);--blue-color: rgb(43, 82, 161);--green-color: rgb(22, 87, 44);--red-color: rgb(127, 17, 20);--light-gray-color: rgb(232, 232, 232);--light-bg-color: rgb(250, 250, 250);--dark-gray-color: rgb(80, 80, 80)}html{background-color:#fff;touch-action:manipulation;overflow-x:hidden;width:100%}body{font-size:16px;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;width:100%;padding:0;margin:0;background:linear-gradient(90deg,#fff,#f8f8f8)}a{color:inherit;text-decoration:underline;font-weight:700}h1{color:var(--primary-color);font-size:44px;margin:5px 0;padding:0;font-weight:700;cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}h2{color:var(--primary-color);font-size:20px;font-weight:700;margin-top:30px}p{color:#000;font-size:18px;padding:0;cursor:default;line-height:1.7}.intro-feedback{background-color:var(--primary-color);color:#fff;padding:8px;border-radius:6px}.code-span{color:#fff;font-family:Courier,monospace;background-color:#323232;padding:2px 4px;border-radius:4px}.code-div{color:#fff;font-family:Courier,monospace;display:block;width:100%;background-color:#282828;padding:20px;box-sizing:border-box;border-radius:8px;line-height:1.5;overflow-x:scroll}.row,.column{width:100%}@media (width >= 800px){.row{display:flex}}.fade-in{opacity:0;animation:fadeIn .25s ease-in-out forwards}@keyframes fadeIn{0%,50%{opacity:0}to{opacity:1}}.nav{overflow:hidden;position:fixed;top:0;width:100%;align-items:center;justify-content:center;z-index:100;opacity:.95;background-color:#232323;border-bottom-style:solid;border-bottom-color:#000;border-bottom-width:.5px;min-height:40px}.nav-item{text-align:center;color:var(--light-gray-color);cursor:pointer;font-size:14px;margin:20px 10px;transition:transform .2s;display:none}.nav-logo{cursor:pointer;position:absolute;left:20px;transition:transform .2s}.nav-logo:hover{transform:scale(1.05)}.nav-search{color:var(--light-gray-color);position:absolute;right:20px;border-bottom:solid;border-bottom-color:var(--light-gray-color);border-bottom-width:2px;padding-bottom:2px;width:128px;font-size:14px}.nav-collapse{position:absolute;top:8px;right:10px;z-index:200}@media (width >= 700px){.nav{display:flex}.nav-item{display:block;margin:10px}.nav-item:hover{transform:scale(1.1)}.nav-collapse{display:none}}.page{display:none}.page-title{color:#f2f2f2;font-size:36px;text-align:center}.page-desc{margin-top:10px;margin-bottom:2px;text-align:center;font-size:18px;color:var(--light-gray-color);line-height:24px}.large-logo{cursor:default;width:90%;height:auto;padding:0 0 10px}@media (width >= 1024px){.large-logo{width:55%}}.contents{color:#000;margin-left:auto;margin-right:auto;padding:0 8px;cursor:default}@media (width >= 850px){.contents{max-width:800px}}.slides{font-size:24px}.home-news{display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000;background-color:var(--primary-color);padding:3px 2px;margin-left:auto;margin-right:auto;margin-bottom:8px;transition:transform .2s;font-size:3vw;min-height:24px;text-align:center}.home-news:hover{transform:scale(1.02);max-width:100%}@media (width >= 480px){.home-news{padding:6px 2px;font-size:12px}}@media (width >= 1024px){.home-news{font-size:16px}}.buy-me-a-coffee{background-color:#a9a9a9;color:#000;font-size:12px;text-align:center;padding:5px 0;font-style:italic;cursor:default;width:100%;display:flex;align-items:center;justify-content:center;transition:transform .2s;cursor:pointer}.buy-me-a-coffee-inner{display:flex;align-items:center;gap:5px}.buy-me-a-coffee:hover{transform:scale(1.025)}@media (width >= 1024px){.home-blog-intro{padding:10px 15px;font-size:16px}}.detail{color:#000;border-radius:12px;padding:10px;cursor:default}@media (width >= 1024px){.detail{font-size:24px}}.photos-container{width:100%;margin:0;padding:0}.photo-box{width:100%;margin:0;padding:0;position:relative;overflow:hidden}.photo{width:100%}.photo-info{color:#000;font-size:14px;text-align:center;position:absolute;top:10px;left:10px;background-color:#000;opacity:.6;padding:10px;border-radius:4px}.photo-box-me{width:100%;margin:16px}.photo-me{width:100%;width:calc(100% - 36px);border-style:solid;border-color:#fff;border-radius:32px}@media (width >= 640px){.photo{transition:transform .2s}.photo-me{width:100%}.photos-container{max-width:1536px;margin-left:auto;margin-right:auto;display:flex}.photo-box{padding:0 2px}.photo-info{opacity:0}.photo-box:hover .photo-info{opacity:.6}}@media (width >= 1550px){.first-photo{border-top-left-radius:16px}.third-photo{border-top-right-radius:16px}}.panel-container{padding:3px 6px;display:flex;overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.panel-container::-webkit-scrollbar{display:none}.panel{position:relative;cursor:pointer;min-width:200px;width:200px;max-width:200px;aspect-ratio:1 / 1;margin-right:10px;padding:0;border-style:solid;border-color:#373737;border-width:1px;border-radius:16px;color:#fff;background-color:#141414;transition:transform .2s;overflow:hidden;font-size:12.5px;text-align:center;margin-bottom:3px;-webkit-box-shadow:0px 0px 4px 0px #ececec;-moz-box-shadow:0px 0px 4px 0px #ececec;box-shadow:0 0 4px #ececec;opacity:.9}.panel-dark{background-color:#050505}.panel-long{aspect-ratio:8 / 9;padding:0 10px}.panel-short{aspect-ratio:5 / 1;padding:0 10px}.download-icon{width:32px;padding-right:4px}.no-padding{padding:0;min-width:245px;width:245px;max-width:245px}.no-border{border-style:none}.panel-img-rounded{border-radius:12px}.panel-title{font-size:12px;padding:10px 14px 4px 10px;text-align:center;color:#b7b7b7}.panel-title-research{font-size:20px;padding:8px 14px 6px 10px;text-align:center}.panel-footer{width:calc(100% - 50px);position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.panel-img{width:100%;height:auto}.panel-img-small{width:85%}.panel-img-very-small{width:25%}.panel-icon{text-align:center;cursor:pointer;margin:5px 2px;transition:transform .2s;font-size:10px}.panel-icon:hover{color:var(--primary-color);transform:scale(1.1)}.tooltip{position:absolute;bottom:-20%;left:50%;transform:translate(-50%);background-color:#8b8b8b;color:#000;padding:5px 10px;border-radius:5px;font-size:10px;white-space:nowrap;visibility:hidden;transition:opacity .3s}@media (width >= 1024px){.tooltip{border-color:#8f8f8f;font-size:12px}}.tooltip-left{left:20%}.tooltip-right{left:80%}.panel-icon:hover .tooltip{visibility:visible;opacity:.8}.panel-icon-svg{height:42px;opacity:.75;margin:6px 0}.panel-icon-td{padding:0}.panel-table{font-size:12px}.panel-top-img{height:48px;width:auto;max-width:100%}.panel-button{cursor:pointer;background-color:var(--primary-color);color:#fff;border-style:none;border-radius:5px;padding:5px 10px;margin:3px 5px;font-size:14px;width:100%;transition:transform .2s;text-align:center}.panel-button:hover{transform:scale(1.05)}.panel-url{color:var(--dark-gray-color);font-size:12px;text-align:center;margin-top:4px}@media (width >= 1024px){.panel:hover{transform:scale(1.015)}}@media (width >= 640px){.panel-container{padding-left:12px}}@media (width >= 1024px) and (height >= 640px){.panel-container{padding-top:12px}.panel{border-radius:20px;font-size:14px;margin-right:15px;margin-bottom:8px;-webkit-box-shadow:0px 0px 12px 0px #ececec;box-shadow:0 0 12px #ececec}.panel-img-rounded{border-radius:15px}.panel-icon{font-size:12px}.panel-icon-td{padding:0 0 1px}.panel-icon-svg{height:52px;margin-bottom:6px}.panel-top-img{height:64px;width:auto}}@media (width >= 1536px){.panel-container{padding-left:calc((100vw - 1536px)/2)}}.panel-slide{aspect-ratio:10 / 13;min-width:90%;width:90%;max-width:90%;align-items:center;justify-content:center;display:flex;cursor:default;background-color:#fff;padding:4px 2px;margin:4px}.panel-slide:hover{transform:none}@media (width >= 480px){.panel-slide{min-width:400px;width:400px;max-width:400px;padding:10px 4px;margin:8px}}.button-group{display:flex;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.forward-backward-button-container{color:#fff;display:flex;margin-top:0;margin-bottom:4px;justify-content:end;width:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.forward-backward-button{color:#fff;border-radius:24px;border-color:#fff;background-color:var(--primary-color);padding:10px 10px 2px;margin-left:0;margin-right:8px;width:16px;height:24px;text-align:center;cursor:pointer;user-select:none}@media (width >= 1024px){.forward-backward-button:hover{background-color:#0000004d}}.blog-background{background-color:#121212;cursor:default}.blog-img-container{margin:0 auto;max-width:1536px;position:relative;padding:0}.blog-img-container-small{max-width:1024px}.blog-img{width:100%;margin:0;padding:0}.blog-img-caption{width:100%;max-width:1536px;text-align:center;font-size:12px;color:#fff;padding:6px 0;margin:4px 0;background-color:#000000a8;position:absolute;bottom:1px}@media (width >= 1024px){.blog-img-caption{font-size:16px}}@media (width >= 1536px){.blog-img{border-radius:16px}}.slider-container{width:300px;overflow:hidden;position:relative;margin:auto}.slider{display:flex;transition:transform .5s ease-in-out}.slider img{width:100%;flex-shrink:0;user-select:none;opacity:1;transition:opacity .5s ease-in-out}.slider img.active{opacity:1}.dots{display:flex;justify-content:center;margin-top:10px}.dot{width:15px;height:15px;margin:5px;border-radius:50%;background:#414141;cursor:pointer;transition:background .3s ease-in-out}.dot.active{background:#dadada}.filter{display:flex;flex-flow:wrap;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}.filter-light{background-color:var(--light-bg-color);color:#000}.filter-tag{cursor:pointer;color:#fff;border-style:solid;border-width:2px;border-color:#fff;border-radius:16px;padding:4px 16px;transition:transform .2s;margin:3px}.filter-tag-light{background-color:var(--light-bg-color);color:#000;border-color:#000}.filter-tag-selected{font-weight:700;background-color:#000}.filter-tag:hover{color:#fff;background-color:#000;transform:scale(1.05)}.legal{display:none;text-align:center;font-size:14px;line-height:1.6;color:gray}table{width:100%;border-collapse:collapse}tr:not(:last-child){border-bottom-style:solid;border-bottom-color:#212121;border-bottom-width:1px}.tr-no-border:not(:last-child){border-bottom-style:none}th{padding:8px;font-weight:700;text-align:start}td{padding:4px;vertical-align:top}.td-download{border-style:solid;border-color:#fff;border-radius:8px;padding:12px}.td-download:hover{background-color:#ffffff20;cursor:pointer}.centered{text-align:center}.right-aligned{text-align:end}.pool-topic-container{line-height:30px}.pool-topic-button{cursor:pointer;border-style:solid;border-color:#000;border-width:1px;padding:4px 6px;margin:4px;border-radius:4px;transition:transform .2s;height:22px;display:inline-block;white-space:nowrap}.pool-topic-button:hover{background-color:#dedede4d;transform:scale(1.025)}.pool-topic-button-selected{border-color:var(--primary-color);color:var(--primary-color);border-width:2px}.pool-author{position:absolute;top:5px;right:8px;font-size:12px;font-style:italic}.pool-button-group{display:flex;justify-content:end;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.pool-button{border-style:solid;border-color:#000;border-width:3px;border-radius:8px;margin-left:2px;margin-bottom:2px;text-align:center;justify-content:center;align-items:center;width:25px;height:25px;display:flex;transition:transform .2s}.pool-button:hover{transform:scale(1.05)}