[data-page=Home]{--color-home:#94a7a1;--color-blog:#ada07b;--color-tools:#c19c7b;--color-notes:#c49a97;--color-primary:#94a7a1;--color-secondary:#ada07b;--color-tertiary:#c19c7b;--color-quaternary:#c49a97;--color-primary-accent:#4b8a76;--color-primary-invert:#a7949a;--color-primary-darken10:#789088;--color-primary-darken20:#60756e;--color-primary-darken30:#495954;--color-primary-darken40:#323d39;--color-primary-darken50:#1b211f;--color-primary-lighten10:#b0beba;--color-primary-lighten20:#ccd5d2;--color-primary-lighten30:#e8eceb;--color-primary-lighten40:#fff;--color-primary-lighten50:#fff;--color-primary-desaturate10:#9e9e9e;--color-primary-desaturate20:#9e9e9e;--color-primary-desaturate30:#9e9e9e;--color-primary-desaturate40:#9e9e9e;--color-primary-desaturate50:#9e9e9e;--color-secondary-darken10:#97885e;--color-secondary-darken20:#786c4a;--color-secondary-darken30:#585037;--color-secondary-darken40:#393323;--color-secondary-darken50:#191710;--color-secondary-lighten10:#c1b79a;--color-secondary-lighten20:#d4cdba;--color-secondary-lighten30:#e8e4d9;--color-secondary-lighten40:#fbfbf9;--color-secondary-lighten50:#fff;--color-secondary-desaturate10:#a29b86;--color-secondary-desaturate20:#989690;--color-secondary-desaturate30:#949494;--color-secondary-desaturate40:#949494;--color-secondary-desaturate50:#949494;--color-tertiary-darken10:#b18258;--color-tertiary-darken20:#926944;--color-tertiary-darken30:#6f5034;--color-tertiary-darken40:#4c3724;--color-tertiary-darken50:#2a1e13;--color-tertiary-lighten10:#d1b69e;--color-tertiary-lighten20:#e2d0c0;--color-tertiary-lighten30:#f2eae3;--color-tertiary-lighten40:#fff;--color-tertiary-lighten50:#fff;--color-tertiary-desaturate10:#b79d85;--color-tertiary-desaturate20:#ae9d8e;--color-tertiary-desaturate30:#a49e98;--color-tertiary-desaturate40:#9e9e9e;--color-tertiary-desaturate50:#9e9e9e;--color-quaternary-darken10:#b27a76;--color-quaternary-darken20:#9c5d59;--color-quaternary-darken30:#7c4a46;--color-quaternary-darken40:#5b3634;--color-quaternary-darken50:#3b2321;--color-quaternary-lighten10:#d6bab8;--color-quaternary-lighten20:#e9d9d8;--color-quaternary-lighten30:#fbf9f9;--color-quaternary-lighten40:#fff;--color-quaternary-lighten50:#fff;--color-quaternary-desaturate10:#bca19f;--color-quaternary-desaturate20:#b4a8a7;--color-quaternary-desaturate30:#aeaeae;--color-quaternary-desaturate40:#aeaeae;--color-quaternary-desaturate50:#aeaeae}[data-page=Blog]{--color-home:#94a7a1;--color-blog:#ada07b;--color-tools:#c19c7b;--color-notes:#c49a97;--color-primary:#ada07b;--color-secondary:#c19c7b;--color-tertiary:#c49a97;--color-quaternary:#94a7a1;--color-primary-accent:#8b7537;--color-primary-invert:#7b88ad;--color-primary-darken10:#97885e;--color-primary-darken20:#786c4a;--color-primary-darken30:#585037;--color-primary-darken40:#393323;--color-primary-darken50:#191710;--color-primary-lighten10:#c1b79a;--color-primary-lighten20:#d4cdba;--color-primary-lighten30:#e8e4d9;--color-primary-lighten40:#fbfbf9;--color-primary-lighten50:#fff;--color-primary-desaturate10:#a29b86;--color-primary-desaturate20:#989690;--color-primary-desaturate30:#949494;--color-primary-desaturate40:#949494;--color-primary-desaturate50:#949494;--color-secondary-darken10:#b18258;--color-secondary-darken20:#926944;--color-secondary-darken30:#6f5034;--color-secondary-darken40:#4c3724;--color-secondary-darken50:#2a1e13;--color-secondary-lighten10:#d1b69e;--color-secondary-lighten20:#e2d0c0;--color-secondary-lighten30:#f2eae3;--color-secondary-lighten40:#fff;--color-secondary-lighten50:#fff;--color-secondary-desaturate10:#b79d85;--color-secondary-desaturate20:#ae9d8e;--color-secondary-desaturate30:#a49e98;--color-secondary-desaturate40:#9e9e9e;--color-secondary-desaturate50:#9e9e9e;--color-tertiary-darken10:#b27a76;--color-tertiary-darken20:#9c5d59;--color-tertiary-darken30:#7c4a46;--color-tertiary-darken40:#5b3634;--color-tertiary-darken50:#3b2321;--color-tertiary-lighten10:#d6bab8;--color-tertiary-lighten20:#e9d9d8;--color-tertiary-lighten30:#fbf9f9;--color-tertiary-lighten40:#fff;--color-tertiary-lighten50:#fff;--color-tertiary-desaturate10:#bca19f;--color-tertiary-desaturate20:#b4a8a7;--color-tertiary-desaturate30:#aeaeae;--color-tertiary-desaturate40:#aeaeae;--color-tertiary-desaturate50:#aeaeae;--color-quaternary-darken10:#789088;--color-quaternary-darken20:#60756e;--color-quaternary-darken30:#495954;--color-quaternary-darken40:#323d39;--color-quaternary-darken50:#1b211f;--color-quaternary-lighten10:#b0beba;--color-quaternary-lighten20:#ccd5d2;--color-quaternary-lighten30:#e8eceb;--color-quaternary-lighten40:#fff;--color-quaternary-lighten50:#fff;--color-quaternary-desaturate10:#9e9e9e;--color-quaternary-desaturate20:#9e9e9e;--color-quaternary-desaturate30:#9e9e9e;--color-quaternary-desaturate40:#9e9e9e;--color-quaternary-desaturate50:#9e9e9e}[data-page=Tools]{--color-home:#94a7a1;--color-blog:#ada07b;--color-tools:#c19c7b;--color-notes:#c49a97;--color-primary:#c19c7b;--color-secondary:#c49a97;--color-tertiary:#94a7a1;--color-quaternary:#ada07b;--color-primary-accent:#a7682f;--color-primary-invert:#7ba0c1;--color-primary-darken10:#b18258;--color-primary-darken20:#926944;--color-primary-darken30:#6f5034;--color-primary-darken40:#4c3724;--color-primary-darken50:#2a1e13;--color-primary-lighten10:#d1b69e;--color-primary-lighten20:#e2d0c0;--color-primary-lighten30:#f2eae3;--color-primary-lighten40:#fff;--color-primary-lighten50:#fff;--color-primary-desaturate10:#b79d85;--color-primary-desaturate20:#ae9d8e;--color-primary-desaturate30:#a49e98;--color-primary-desaturate40:#9e9e9e;--color-primary-desaturate50:#9e9e9e;--color-secondary-darken10:#b27a76;--color-secondary-darken20:#9c5d59;--color-secondary-darken30:#7c4a46;--color-secondary-darken40:#5b3634;--color-secondary-darken50:#3b2321;--color-secondary-lighten10:#d6bab8;--color-secondary-lighten20:#e9d9d8;--color-secondary-lighten30:#fbf9f9;--color-secondary-lighten40:#fff;--color-secondary-lighten50:#fff;--color-secondary-desaturate10:#bca19f;--color-secondary-desaturate20:#b4a8a7;--color-secondary-desaturate30:#aeaeae;--color-secondary-desaturate40:#aeaeae;--color-secondary-desaturate50:#aeaeae;--color-tertiary-darken10:#789088;--color-tertiary-darken20:#60756e;--color-tertiary-darken30:#495954;--color-tertiary-darken40:#323d39;--color-tertiary-darken50:#1b211f;--color-tertiary-lighten10:#b0beba;--color-tertiary-lighten20:#ccd5d2;--color-tertiary-lighten30:#e8eceb;--color-tertiary-lighten40:#fff;--color-tertiary-lighten50:#fff;--color-tertiary-desaturate10:#9e9e9e;--color-tertiary-desaturate20:#9e9e9e;--color-tertiary-desaturate30:#9e9e9e;--color-tertiary-desaturate40:#9e9e9e;--color-tertiary-desaturate50:#9e9e9e;--color-quaternary-darken10:#97885e;--color-quaternary-darken20:#786c4a;--color-quaternary-darken30:#585037;--color-quaternary-darken40:#393323;--color-quaternary-darken50:#191710;--color-quaternary-lighten10:#c1b79a;--color-quaternary-lighten20:#d4cdba;--color-quaternary-lighten30:#e8e4d9;--color-quaternary-lighten40:#fbfbf9;--color-quaternary-lighten50:#fff;--color-quaternary-desaturate10:#a29b86;--color-quaternary-desaturate20:#989690;--color-quaternary-desaturate30:#949494;--color-quaternary-desaturate40:#949494;--color-quaternary-desaturate50:#949494}[data-page=Notes]{--color-home:#94a7a1;--color-blog:#ada07b;--color-tools:#c19c7b;--color-notes:#c49a97;--color-primary:#c49a97;--color-secondary:#94a7a1;--color-tertiary:#ada07b;--color-quaternary:#c19c7b;--color-primary-accent:#b54840;--color-primary-invert:#97c1c4;--color-primary-darken10:#b27a76;--color-primary-darken20:#9c5d59;--color-primary-darken30:#7c4a46;--color-primary-darken40:#5b3634;--color-primary-darken50:#3b2321;--color-primary-lighten10:#d6bab8;--color-primary-lighten20:#e9d9d8;--color-primary-lighten30:#fbf9f9;--color-primary-lighten40:#fff;--color-primary-lighten50:#fff;--color-primary-desaturate10:#bca19f;--color-primary-desaturate20:#b4a8a7;--color-primary-desaturate30:#aeaeae;--color-primary-desaturate40:#aeaeae;--color-primary-desaturate50:#aeaeae;--color-secondary-darken10:#789088;--color-secondary-darken20:#60756e;--color-secondary-darken30:#495954;--color-secondary-darken40:#323d39;--color-secondary-darken50:#1b211f;--color-secondary-lighten10:#b0beba;--color-secondary-lighten20:#ccd5d2;--color-secondary-lighten30:#e8eceb;--color-secondary-lighten40:#fff;--color-secondary-lighten50:#fff;--color-secondary-desaturate10:#9e9e9e;--color-secondary-desaturate20:#9e9e9e;--color-secondary-desaturate30:#9e9e9e;--color-secondary-desaturate40:#9e9e9e;--color-secondary-desaturate50:#9e9e9e;--color-tertiary-darken10:#97885e;--color-tertiary-darken20:#786c4a;--color-tertiary-darken30:#585037;--color-tertiary-darken40:#393323;--color-tertiary-darken50:#191710;--color-tertiary-lighten10:#c1b79a;--color-tertiary-lighten20:#d4cdba;--color-tertiary-lighten30:#e8e4d9;--color-tertiary-lighten40:#fbfbf9;--color-tertiary-lighten50:#fff;--color-tertiary-desaturate10:#a29b86;--color-tertiary-desaturate20:#989690;--color-tertiary-desaturate30:#949494;--color-tertiary-desaturate40:#949494;--color-tertiary-desaturate50:#949494;--color-quaternary-darken10:#b18258;--color-quaternary-darken20:#926944;--color-quaternary-darken30:#6f5034;--color-quaternary-darken40:#4c3724;--color-quaternary-darken50:#2a1e13;--color-quaternary-lighten10:#d1b69e;--color-quaternary-lighten20:#e2d0c0;--color-quaternary-lighten30:#f2eae3;--color-quaternary-lighten40:#fff;--color-quaternary-lighten50:#fff;--color-quaternary-desaturate10:#b79d85;--color-quaternary-desaturate20:#ae9d8e;--color-quaternary-desaturate30:#a49e98;--color-quaternary-desaturate40:#9e9e9e;--color-quaternary-desaturate50:#9e9e9e}html{scroll-behavior:smooth;overflow-x:hidden}*{box-sizing:border-box;font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#fff0}::-webkit-scrollbar-thumb{background-color:rgba(var(--rgb-gray20), .8);border-radius:99px}* ruby{opacity:.8}[data-page=Home],[data-page=Tools],[data-page=Notes],[data-page=Blog]{font-family:var(--font-varelaround),var(--font-kosugimaru),-apple-system,blinkmacsystemfont,"Segoe UI","Hiragino Kaku Gothic ProN","BIZ UDPGothic",meiryo,sans-serif;display:block}body{max-width:1100px;min-height:100vh;color:var(--color-black);letter-spacing:-.3px;word-break:break-all;background-color:var(--color-primary);margin:0 auto;font-size:16px;font-weight:400;display:none;overflow-x:hidden}body mark{background:#ff9;border-radius:5px}body svg:focus{outline:none}body code{color:var(--color-primary-darken40);background-color:var(--color-primary-lighten30);border:solid 1px var(--color-primary-lighten20);border-radius:5px;padding:.1em .25em;display:inline-block}body a{color:var(--color-primary-accent);text-decoration:none}@media (hover:hover){body a:hover{cursor:pointer;opacity:.7;text-decoration:underline}}body a:active{color:var(--color-primary-invert)}body a:visited{color:var(--color-primary-darken30)}body img{max-width:100%;max-height:fit-content;display:block}body details{border:1px solid var(--color-primary-darken30);border-radius:10px;padding:.5em .5em 0;transition:all .5s}body details[open] summary:after{content:none}body summary{color:var(--color-primary-darken40);cursor:pointer;margin:-.5em -.5em 0;padding:.5rem;font-weight:500}body summary:hover{opacity:.7}body summary:active{color:invert(var(--color-primary))}body summary:after{content:"(クリックで詳細表示)";padding-left:10px;font-size:smaller}body summary::marker{color:var(--color-primary-darken20)}body details[open]{padding:.5em}body details details{border:none;border-radius:0}body details details summary{border-bottom:solid 2px var(--color-primary);padding:0}body details[open],body details[open] details summary{border-bottom:solid 2px var(--color-primary)}body details[open] details summary:after{content:"(クリックで詳細表示)";padding-left:10px;font-size:smaller}body details[open] details[open] summary:after{content:none}body .react-tooltip{z-index:9999;max-width:500px}body blockquote{background-color:var(--color-primary-lighten30);border-left:3px solid var(--color-primary-darken30);margin:0;padding-left:10px;position:relative}body blockquote:before{color:var(--color-primary-darken30);content:"“";padding-block-start:16px;padding-inline-start:10px;font-size:40px;position:absolute}body blockquote p{padding-block:6px;padding-inline-start:30px;font-style:italic;position:relative}body blockquote cite{font-size:.8rem;font-style:italic;display:block}body blockquote cite a{color:var(--color-primary-accent)}body blockquote cite a:visited{color:var(--color-primary-darken30)}body blockquote cite{text-align:right}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation:.75s ease-in-out fadeIn}@media screen and (max-width:481px){body{scrollbar-width:none;-ms-overflow-style:none;overflow-y:scroll}body::-webkit-scrollbar{display:none}}hr{border:1px dashed var(--color-primary-darken40);margin-block:0}.section{height:100vh}:root{--color-white:#f7f7f7;--rgb-white:247, 247, 247;--color-black:#191919;--rgb-black:25, 25, 25;--color-gray10:#e4e4e4;--rgb-gray10:228, 228, 228;--color-gray20:#d7d7d7;--rgb-gray20:215, 215, 215;--color-gray30:#cacaca;--rgb-gray30:202, 202, 202;--color-gray40:#bdbdbd;--rgb-gray40:189, 189, 189;--color-gray50:#b0b0b0;--rgb-gray50:176, 176, 176;--color-gray60:#909090;--rgb-gray60:144, 144, 144;--color-gray70:#727272;--rgb-gray70:114, 114, 114;--color-gray80:#545454;--rgb-gray80:84, 84, 84;--color-gray90:#393939;--rgb-gray90:57, 57, 57;--color-gray100:#1f1f1f;--rgb-gray100:31, 31, 31}.wrapper{grid-template-columns:7fr 3fr;gap:1rem 2%;width:95%;margin:3% auto;margin-block-end:3%;display:grid}@media screen and (max-width:1100px){.wrapper{width:97%;display:block}}.List,.RecommendedList,.toolsList{margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.List{grid-template-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem 1%;width:100%;margin:0 0 3%}@media screen and (max-width:980px){.List{grid-template-columns:1fr}}.List .blogListCategories,.List .noteListCategories,.List .toolListCategories{background-color:var(--color-white);border-radius:14px;grid-template-rows:130px 1fr;height:100%;margin-block-end:2vh;display:grid;position:relative;overflow:hidden}.List .blogListCategories .categories,.List .noteListCategories .categories,.List .toolListCategories .categories{position:absolute}.List .blogListCategories>a,.List .noteListCategories>a,.List .toolListCategories>a{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}@media (hover:hover){.List .blogListCategories>a:hover~.imageContainer img,.List .noteListCategories>a:hover~.imageContainer img,.List .toolListCategories>a:hover~.imageContainer img{animation:.5s ease-in-out forwards scaleImg}.List .blogListCategories>a:hover~.textContainer h2,.List .noteListCategories>a:hover~.textContainer h2,.List .toolListCategories>a:hover~.textContainer h2{text-decoration:underline;-webkit-text-decoration-color:var(--color-primary-lighten10);text-decoration-color:var(--color-primary-lighten10)}}@keyframes scaleImg{0%{transform:scale(1)}to{transform:scale(1.2)}}.List .blogListCategories a:active~.textContainer,.List .noteListCategories a:active~.textContainer,.List .toolListCategories a:active~.textContainer{color:var(--color-primary-darken40);translate:2px 2px}.List .blogListCategories .reset h2,.List .noteListCategories .reset h2,.List .toolListCategories .reset h2{text-decoration:none}.List .blogListCategories .reset img,.List .noteListCategories .reset img,.List .toolListCategories .reset img{opacity:1;transition:all .2s ease-in-out;transform:scale(1)}.List .blogListCategories .reset h4,.List .blogListCategories .reset span,.List .noteListCategories .reset h4,.List .noteListCategories .reset span,.List .toolListCategories .reset h4,.List .toolListCategories .reset span{opacity:1}.note{background-color:var(--color-gray10);margin:3% auto;padding:10px;position:relative}.note:after{content:"";border-color:var(--color-gray30) var(--color-white) var(--color-gray30);border-style:solid;border-width:0 30px 30px 0;position:absolute;top:0;right:0;box-shadow:-1px 1px 1px #00000026}.simple{border-radius:10px;margin-top:20px;padding:10px;position:relative;overflow:hidden}.simple:after{z-index:-1;content:"";background-color:var(--color-primary);opacity:.15;width:100%;height:100%;position:absolute;top:0;left:0}.point{border:2px solid var(--color-primary-darken30);border-radius:10px;margin:2em 0;padding:1em;position:relative}.point:before{width:auto;height:20px;color:var(--color-primary-darken40);text-indent:18px;content:"POINT";background-color:var(--color-white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23452c0d' viewBox='0 0 256 256'%3E%3Cpath d='M227.31,73.37,182.63,28.68a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H92.69A15.86,15.86,0,0,0,104,219.31L227.31,96a16,16,0,0,0,0-22.63ZM92.69,208H48V163.31l88-88L180.69,120ZM192,108.68,147.31,64l24-24L216,84.68Z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;padding:0 .1em;font-weight:500;position:absolute;top:-.8em;left:1em}.info,.exclamation,.question{border-radius:10px;min-height:50px;padding:6px 12px 6px 32px;position:relative}.info p,.exclamation p,.question p{margin:6px;padding:0}.info ul,.exclamation ul,.question ul{margin:6px;padding:0 0 0 calc(1% + 12px)}.info ol,.exclamation ol,.question ol{padding:0 0 0 6px}.info h2,.exclamation h2,.question h2,.info h3,.exclamation h3,.question h3,.info h4,.exclamation h4,.question h4{margin-inline-start:0 calc(1% + 12px);padding:0 1%}.question{background-color:#ccd5d2}.question:before{content:"?";background:#94a7a1}.question h4{border-bottom:3px solid #b0beba!important}.question h5{border-bottom:2px dashed #b0beba!important}.question ul li::marker{color:#94a7a1!important}.question a{color:#427a68!important}.exclamation{background-color:#e9d9d8}.exclamation:before{content:"!";background:#c49a97}.exclamation h4{border-bottom:3px solid #d6bab8!important}.exclamation h5{border-bottom:2px dashed #d6bab8!important}.exclamation ul li::marker{color:#c49a97}.exclamation a{color:#a2403a!important}.info{background-color:#ded9ca}.info:before{content:"i";background:#ada07b}.info h2{border:3px solid #685e41!important}.info h4{border-bottom:3px solid #c1b79a!important}.info h5{border-bottom:2px dashed #c1b79a!important}.info ul li::marker{color:#ada07b}.info a{color:#796630!important}.question:before,.exclamation:before,.info:before{vertical-align:middle;width:20px;height:20px;color:var(--color-white);text-align:center;border-radius:50%;font-size:20px;font-weight:500;line-height:20px;position:absolute;top:12px;left:12px}@media screen and (max-width:980px){.List[data-type=Tools]{grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}}@media screen and (max-width:768px){.List[data-type=Tools]{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}@media screen and (max-width:481px){.List[data-type=Tools]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.noticeContent{grid-column:span 2}@media screen and (max-width:980px){.noticeContent{grid-column:inherit}}.noteList h2{color:var(--color-black);margin-bottom:2%;font-size:small;font-weight:500;line-height:120%}.noteList h3{margin:0}.noteListContainer{grid-auto-flow:column;display:grid}.blogListCategories .categories,.noteListCategories .categories,.toolListCategories .categories{z-index:1;color:var(--color-primary-darken40);white-space:nowrap;border-radius:0 0 12px 12px;align-items:center;padding:2% 4%;font-size:small;display:flex;position:relative;top:0;right:1.5em}.blogListCategories .categories a,.noteListCategories .categories a,.toolListCategories .categories a{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}@media (hover:hover){.blogListCategories .categories a:hover,.noteListCategories .categories a:hover,.toolListCategories .categories a:hover{border-radius:inherit;background:#ffffff40;overflow:hidden}.blogListCategories .categories a:hover~p,.noteListCategories .categories a:hover~p,.toolListCategories .categories a:hover~p{font-weight:700}.blogListCategories .categories a:hover~svg,.noteListCategories .categories a:hover~svg,.toolListCategories .categories a:hover~svg{stroke-width:10px}}.blogListCategories .categories svg,.blogListCategories .categories p,.noteListCategories .categories svg,.noteListCategories .categories p,.toolListCategories .categories svg,.toolListCategories .categories p{vertical-align:middle;margin:0;padding:0}.blogListCategories .categories svg,.noteListCategories .categories svg,.toolListCategories .categories svg{min-width:14px}.MM,.orange{background-color:#c19c7be6}.brown{background-color:#97887ae6}.Tool,.TekeyLogAggregator,.cocGrowthCheck{background-color:#9bb7a0e6}.purple,.MonoCharaPie,.MonoEnePie{background-color:#a69cb8e6}.green,.CoC{background-color:#898552e6}.blue,.Udonarium,.Udonarium2D{background-color:#7b96ade6}.pink,.notice{background-color:#c49a97e6}.red,.DX3rd{background-color:#ba8ea0e6}.gray,.News,.default,.BCDice-API{background-color:#c0c0c0e6}.RecommendedList{grid-template-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(0,1fr));width:100vw;max-width:100vw;height:200px;position:relative;left:50%;transform:translate(-50%)}.RecommendedList .categories{position:absolute}.RecommendedList a{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}@media (hover:hover){.RecommendedList a:hover~.noteListCategories .categories,.RecommendedList a:hover~.categories,.RecommendedList a:hover~.ribbonContainer{opacity:.2}.RecommendedList a:hover~.imageContainer img{filter:brightness();animation:.5s ease-in-out forwards hoverOn}.RecommendedList a:hover~.headerContainer h2{opacity:.2}}.RecommendedList li{cursor:pointer;grid-template-rows:auto;height:200px;display:grid;position:relative}.RecommendedList li .imageContainer{z-index:0;width:100%;height:200px;position:relative;right:0;overflow:hidden}.RecommendedList li .imageContainer img{object-fit:cover;object-position:center;filter:brightness(70%)}.RecommendedList li .headerContainer{width:100%;color:var(--color-white);word-break:keep-all;overflow-wrap:break-word;text-shadow:1px 1px #000,-1px -1px #000,-1px 1px #000,1px -1px #000,0 1px #000,0 -1px #000,-1px 0 #000,1px 0 #000;justify-content:center;align-items:flex-end;padding-inline:1.5em;font-size:small;line-height:1.2;display:flex;position:absolute;bottom:.5em}.RecommendedList li .headerContainer h2{justify-content:center;width:100%;display:flex}@keyframes hoverOn{0%{filter:brightness(70%)}to{filter:brightness()}}.introduction{width:70%;margin-block:3%;margin-inline:auto;font-size:small;animation:1s ease-in-out fadeIn}.categories{z-index:10;cursor:pointer}.ribbonContainer{z-index:10;cursor:default;width:84px;height:84px;position:absolute;top:0;left:0;overflow:hidden}.ribbonContainer .ribbon{width:160px;color:var(--color-white);text-align:center;letter-spacing:.05em;opacity:.9;border-top:1.75px dashed #ffffffa6;border-bottom:1.75px dashed #ffffffa6;padding:5px 0;font-size:small;line-height:16px;display:inline-block;position:absolute;top:10px;right:-24px;transform:rotate(-45deg)}.ribbonContainer .ribbon[data-type=New]{background:var(--color-secondary);box-shadow:0 0 0 2px var(--color-secondary)}.ribbonContainer .ribbon[data-type=Pickup]{background:var(--color-tertiary);box-shadow:0 0 0 2px var(--color-tertiary)}.imageContainer{pointer-events:none;justify-content:center;align-items:center;width:100%;min-height:100px;position:relative;overflow:hidden}.imageContainer img{object-fit:cover;object-position:center;width:100%;height:100%}.textContainer{align-items:flex-start;row-gap:6px;width:100%;padding:.5em 1.5em;font-size:small;display:grid}.textContainer h2{margin:0;font-size:x-large;line-height:1}.textContainer ul{border:var(--color-primary-darken30);margin:0;margin-block:2%;padding-inline-start:8%}.textContainer ul li{background-color:#0000;padding:.5em 0 .5em 1em;line-height:1.5;list-style-type:"✔"}.textContainer ul li::marker{color:var(--color-primary-darken20);margin:0;margin-inline-end:1em;padding:0}.textContainer ul li ul{padding-inline-start:4%}.textContainer ul li ul li{list-style:inside}.textContainer ul li ul li ul li{list-style:inside circle}.textContainer ul li ul li ul ul li{list-style:inside inside}.textContainer ul li p{margin:0 auto}.textContainer .description,.textContainer .tags{margin:0}.textContainer .description{line-height:1.6}.textContainer .description .simple{width:100%;margin:0;padding:.5em 1em}.textContainer .description a{z-index:1;position:relative}.textContainer .description ul{margin:0;padding:0}.textContainer .description ul li{margin-inline:1.5em}.textContainer .description h4{color:var(--color-primary-darken40);align-items:center;margin:0 .5em;font-size:medium;display:flex}.textContainer .description h4 svg{color:var(--color-primary-darken40);margin-inline-end:.5em}.textContainer .pVersion{text-align:right}.textContainer .pVersion .versions{z-index:1;font-weight:600;position:relative}@media (hover:hover){.categories:hover{cursor:text}.categories:hover a{cursor:pointer}}.emptyPosts{height:300px}@media screen and (max-width:980px){.emptyPosts{display:none}}.lightText{text-align:right;place-self:end;width:100%;max-height:30vh;margin:0;font-size:small}.lightText svg{margin-inline-end:2px}.tags,.guide{z-index:1;position:relative}.tags{flex-wrap:wrap;column-gap:6px;width:100%;display:flex}.tags svg{margin-inline-end:3px}.guide ul{margin:0;padding:0}.guide ul h3{margin:3px 1em}.guide ul h3 svg{margin-inline-end:3px;transform:translateY(3px)}.date svg,.date span{vertical-align:middle}@media screen and (max-width:980px){.introduction{width:90%!important}.RecommendedList,.RecommendedHeading,.toolHeader,.systemHeader,.categoriesHeader,.tagsHeader{display:none}}.mark{background:#ff9;border-radius:5px}