:root{--gray-0:#fff;--gray-50:#f9f9f9;--gray-100:#f2f2f2;--gray-150:#ebebeb;--gray-200:#e0e0e0;--gray-250:#d6d6d6;--gray-300:#ccc;--gray-350:#bfbfbf;--gray-400:#b3b3b3;--gray-450:#a6a6a6;--gray-500:#999;--gray-550:#8c8c8c;--gray-600:gray;--gray-650:#737373;--gray-700:#666;--gray-750:#595959;--gray-800:#4d4d4d;--gray-850:#404040;--gray-900:#333;--gray-950:#262626;--gray-1000:#000;--gray-0-10:#ffffff1a;--gray-0-25:#ffffff40;--gray-0-50:#ffffff80;--gray-0-75:#ffffffbf;--gray-900-10:#1a1a1a1a;--gray-900-25:#1a1a1a40;--gray-900-50:#1a1a1a80;--gray-900-75:#1a1a1abf;--accent:var(--red);--black:var(--gray-1000);--black-secondary:var(--gray-800);--black-tertiary:var(--gray-600);--white:var(--gray-0);--white-secondary:var(--gray-200);--white-tertiary:var(--gray-400);--line-1:var(--gray-1000);--line-2:var(--gray-900-75);--line-3:var(--gray-900-50);--line-4:var(--gray-900-25);--line-5:var(--gray-900-10);--line-1-reverse:var(--gray-0);--line-2-reverse:var(--gray-0-75);--line-3-reverse:var(--gray-0-50);--line-4-reverse:var(--gray-0-25);--line-5-reverse:var(--gray-0-10);--shadow-1:#0000001a 0px 1px 3px 0px, #0000000f 0px 1px 2px 0px;--shadow-2:#0000001a 0px 4px 6px -1px, #0000000f 0px 2px 4px -1px;--shadow-3:#0000001a 0px 10px 15px -3px, #0000000d 0px 4px 6px -2px;--dot-color:#41564940;--greenBg:#415649;--greenBgSemi:#415649d9;--greenSurface:#54675b;--greenLine:#627669;--greenText:#e1e9e3;--beige:#f7efc2;--background:#e7e5d4;--background-semi:#e7e5d4d9;--surface-1:#e0decd;--yellow:#f6a000;--yellowHover:#dd9000;--blue:#3867d6;--sage:#817e61;--red:#ff4848;--redHover:#e92a2a;--colorHeading:var(--colorBody);--colorBody:#060c14;--text-primary:#3b3a2f;--text-secondary:#555344;--text-tertiary:#6a6855;--link:var(--red);--link-hover:var(--redHover);--navHide:translateY(-103px);--fontBase:"Lexend Deca", system-ui, sans-serif;--fontHeading:"Prata", serif;--fontMono:system-ui;--navbarGreenBg:var(--greenBg);--navbarGreenBgSemi:var(--greenBgSemi);--navbarGreenBtn:var(--gray-0);--navbarGreenBorder:var(--greenLine);--navbarGreenSurface:var(--greenSurface);--navbarGreenUnderline:var(--greenLine);--navbarGreenText:var(--greenText);--navbarGreenTextHover:var(--gray-0);--navbarGreenLoginColor:var(--navbarGreenBtn);--navbarGreenSearchForm:var(--greenText);--navbarGrayBorder:var(--gray-0);--navbarGrayBorder2:var(--gray-900-10);--navbarGraySurface:var(--gray-100);--navbarGrayText:var(--gray-800);--navbarGrayTextHover:var(--gray-1000);--navbarGraySearchForm:var(--gray-800)}html[data-theme=dark]{--background:#1b1b1b;--background-semi:#1b1b1bd9;--surface-1:#161616;--accent:var(--yellow);--black:var(--gray-0);--black-secondary:var(--gray-200);--black-tertiary:var(--gray-400);--white:var(--gray-1000);--white-secondary:var(--gray-800);--white-tertiary:var(--gray-600);--line-1:var(--gray-0);--line-2:var(--gray-0-75);--line-3:var(--gray-0-50);--line-4:var(--gray-0-25);--line-5:var(--gray-0-10);--line-1-reverse:var(--gray-1000);--line-2-reverse:var(--gray-900-75);--line-3-reverse:var(--gray-900-50);--line-4-reverse:var(--gray-900-25);--line-5-reverse:var(--gray-900-10);--colorHeading:var(--gray-0);--colorBody:var(--gray-200);--text-primary:var(--gray-350);--text-secondary:#a0a0a0;--text-tertiary:#8c8c8c;--link:var(--yellow);--link-hover:var(--yellowHover);--dot-color:#96969640;--navbarGrayBorder:var(--gray-800);--navbarGrayBorder2:var(--gray-800);--navbarGraySurface:var(--gray-900);--navbarGrayText:var(--gray-250);--navbarGrayTextHover:var(--gray-0);--navbarGraySearchForm:var(--gray-200)}*,:after,:before{box-sizing:border-box}@font-face{font-display:swap;font-family:Prata;font-style:normal;font-weight:400;src:url(../../fonts/prata-v22-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Lexend Deca;font-style:normal;font-weight:300;src:url(../../fonts/lexend-deca-v25-latin-300.woff2)format("woff2")}@font-face{font-display:swap;font-family:Lexend Deca;font-style:normal;font-weight:400;src:url(../../fonts/lexend-deca-v25-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Lexend Deca;font-style:normal;font-weight:500;src:url(../../fonts/lexend-deca-v25-latin-500.woff2)format("woff2")}@font-face{font-display:swap;font-family:Lexend Deca;font-style:normal;font-weight:600;src:url(../../fonts/lexend-deca-v25-latin-600.woff2)format("woff2")}@font-face{font-display:swap;font-family:Lexend Deca;font-style:normal;font-weight:700;src:url(../../fonts/lexend-deca-v25-latin-700.woff2)format("woff2")}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{font-size:16px;font-weight:400;font-family:var(--fontBase);text-align:left;color:var(--colorBody);background-color:var(--background);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scrollbar-color:unset;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;line-height:1.5;transition:background .3s;position:relative}.navgap{padding-top:103px!important}.container{counter-reset:section;width:100%;max-width:1250px;margin:0 auto}.space,.spaceTablet,.spaceNotebook,article p{padding:0 5%}.nospace{padding:0}button{cursor:pointer;font-family:var(--fontBase)}figure{margin:0}img{background:var(--gray-400)}h1,h2{font-family:var(--fontHeading);color:var(--colorHeading);line-height:1.375}.underline1{background-size:0 1px}.underline2{background-size:0 2px}.underline1,.underline2{background-image:linear-gradient(currentColor,currentColor);background-position:100% 100%;background-repeat:no-repeat;transition:background-size .5s;display:inline}.underline1Parent:hover .underline1{background-position:0 100%;background-size:100% 1px}.underline2Parent:hover .underline2{background-position:0 100%;background-size:100% 2px}.content{justify-content:space-between;padding-top:0;display:flex}article{counter-reset:section;width:600px;overflow-x:hidden}article>:first-child{margin:0 0 35px}p{color:var(--text-primary);margin:35px 0;font-size:18px;font-weight:400;line-height:1.8}p a,li a{color:var(--link);background-image:linear-gradient(var(--link), var(--link));background-position:100% 100%;background-repeat:no-repeat;background-size:100% 1px;text-decoration:none}p a:hover,li a:hover{color:var(--link-hover);background-image:linear-gradient(var(--link-hover), var(--link-hover))}p mark{color:var(--black);background:#ffd9003f;padding:3px}article h2{counter-reset:subsection;text-transform:capitalize;color:var(--black);align-items:center;margin:70px 0 35px;font-size:25px;font-weight:400;display:flex}article h2.count:before{counter-increment:section;content:counter(section);border-right:1px solid var(--black);align-items:center;margin-right:15px;padding:3px 15px 3px 0;display:inline-flex}article h3{color:var(--black);align-items:center;margin:35px 0;font-size:21px;font-weight:500;line-height:1.2;display:flex}article h3.count:before{counter-increment:subsection;content:counter(subsection);width:30px;height:30px;color:var(--white);background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;font-size:16px;display:inline-flex}.single{margin:35px 0}.single .horizontal,.single .square,.single .vertical{width:100%;height:auto}.collage img,.single img{object-fit:cover;object-position:50% 50%;border-radius:10px}.single figcaption{text-align:center;margin-top:2px;font-size:14px}.single figcaption svg,.captionEach figcaption svg,.captionOne figcaption svg{fill:currentColor;width:15px;height:15px;margin:0 4px -2px 0;transition:all .1s}.single figcaption a,.captionEach figcaption a,.captionOne figcaption a{color:var(--colorBody);text-decoration:none}.collage{margin:35px 0}.captionEach{flex-flow:column wrap;justify-content:center;gap:20px;display:flex}.captionEach>div{width:auto;position:relative}.collage .vertical,.collage .horizontal,.collage .square{width:100%;height:auto}.captionEach figcaption{text-align:center;white-space:nowrap;background:var(--background);border-radius:8px 8px 0 0;padding:5px 10px 0;font-size:14px;transition:all .3s;display:inline-block;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.captionEach figcaption:before{content:"";width:12px;height:12px;box-shadow:3px 3px var(--background);z-index:1;background:0 0;border-radius:0 0 8px;transition:all .3s;position:absolute;bottom:0;right:100%}.captionEach figcaption:after{content:"";width:12px;height:12px;box-shadow:-3px 3px var(--background);z-index:1;background:0 0;border-radius:0 0 0 8px;transition:all .3s;position:absolute;bottom:0;left:100%}.figcaptionDot{color:var(--text-secondary);margin:0 10px;transition:all .3s}.captionOne>div{flex-flow:column wrap;justify-content:center;gap:20px;display:flex}.captionOne figcaption{text-align:center;margin-top:8px;font-size:14px}.info{border-left:3px solid var(--accent);background:var(--surface-1);border-radius:0 10px 10px 0;margin:35px 0 35px 10px;padding:30px;transition:all .3s;position:relative}.info:before{border:5px solid var(--background);width:44px;height:44px;color:var(--white);background-color:var(--accent);content:"✦";border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .3s;display:flex;position:absolute;top:-15px;left:-23px}.infoHead{font-family:var(--fontHeading);margin-bottom:5px;font-size:25px}.infoBody{font-size:17px}.info ul,.info ol{margin:0 0 0 -15px}.info ul li,.info ol li{font-size:17px}.serif{font-family:var(--fontHeading);letter-spacing:.5px;color:var(--black);font-size:25px}ul li::marker{color:var(--accent)}ul,li{color:var(--text-primary);margin:20px 0;font-size:18px;line-height:1.8}.listTitle{color:var(--black);margin:35px 0 -20px;font-size:18px;font-weight:700}.listNormal,.listDetail{margin:35px 0;padding-right:5%}.listNormal li{margin:10px 0}.listDetail li{margin:35px 0}.commentSection{margin:50px 0}.commentHeaderLine{font-family:var(--fontHeading);color:var(--black);align-items:center;margin-bottom:15px;font-size:28px;display:flex}.commentHeaderLine>svg{fill:currentColor;width:32px;height:32px;margin-right:7px}.commentSort{cursor:pointer;background:0 0;border:none;border-radius:5px;width:30px;height:30px;margin-left:auto}.commentSort svg{width:28px;height:28px;fill:var(--black)}.commentList{margin-bottom:20px}.commentEmpty{color:var(--black);font-size:17px;font-weight:500}.commentItem{margin:25px 0}.commentHeader{align-items:center;gap:6px;display:flex}.commentAvatar{object-fit:cover;border-radius:50%;width:30px;height:30px;margin-right:5px}.commentAvatarPlaceholder{background:var(--line-5)}.commentName{color:var(--black);font-size:16px;font-weight:700}.commentTime,.commentEdited{color:var(--text-secondary);font-size:13px}.commentText{color:var(--text-primary);white-space:pre-wrap;margin:2px 0 0 41px;font-size:16px;line-height:1.6}.commentControls{gap:12px;margin:6px 0 0 39px;display:flex}.commentModify{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:500}.commentModify:hover{color:var(--black)}.commentBtn{cursor:pointer;border:none;border-radius:5px;padding:6px 15px;font-size:13px;font-weight:500}.commentBtn.empty{border:1px solid var(--line-4);color:var(--black);cursor:not-allowed;background:0 0}.commentBtn.allowed{border:1px solid var(--black);background:var(--black);color:var(--white)}.commentBtn.disabled{border:1px solid var(--accent);background:var(--accent);color:var(--white);cursor:not-allowed}.commentBtn.cancel{border:1px solid var(--line-4);color:var(--black);background:0 0}.commentEditArea{padding-left:41px}.commentEditArea textarea{border:1px solid var(--accent);width:100%;color:var(--black);background:var(--white);border-radius:6px;margin:6px 0;padding:8px;font-family:inherit}.editButtons{gap:8px;margin:4px 0 0;display:flex}.commentForm{padding-right:unset;margin-top:30px}.commentInputRow{gap:10px;display:flex}.commentInputArea{flex-direction:column;flex:1;display:flex}.commentInputArea textarea{resize:vertical;border:1px solid var(--line-5);width:100%;color:var(--text-primary);background:var(--white);border-radius:6px;padding:10px;font-family:inherit;font-size:15px;transition:background .3s}.commentInputArea textarea:focus{outline:1px solid var(--accent)}.commentActions{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.commentCounter span{color:var(--text-tertiary);font-size:14px;font-weight:500;transition:color .2s}.commentCounter .warning{color:var(--accent)}.commentUserAvatar{object-fit:cover;border-radius:50%;width:36px;height:36px;margin-top:4px}.commentLogin{border:1px solid var(--line-2-reverse);text-align:center;background:var(--surface-1);border-radius:20px;margin:35px auto;padding:30px 20px}.commentLogin>div:first-child{font-family:var(--fontHeading);color:var(--black);font-size:25px}.commentLogin>div:nth-child(2){color:var(--text-primary);margin:15px 0 25px}.commentLogin button{color:var(--black);border:1px solid var(--line-5);background:var(--line-2-reverse);border-radius:25px;align-items:center;margin:0 auto;padding:5px 20px 5px 8px;font-size:15px;font-weight:500;display:flex}.commentLogin button:hover{color:var(--white);background:var(--black)}.commentLogin button div{background-image:url(/assets/google.svg);background-position:50%;background-size:cover;border-radius:50%;width:40px;height:40px;margin-right:5px}.procon{gap:35px;justify-content:unset;flex-direction:column;margin:35px 0;display:flex}.pros,.cons{border-right:1px solid var(--line-5);border-bottom:1px solid var(--line-5);border-left:1px solid var(--line-5);border-radius:8px;width:100%;overflow:hidden}.prosTitle,.consTitle{color:var(--gray-0);align-items:center;padding:8px 10px;font-weight:500;display:flex}.prosTitle{background:var(--blue)}.consTitle{background:var(--red)}.prosTitle svg,.consTitle svg{fill:currentColor;width:20px;height:20px;margin-right:12px}.proconList{margin:0}.proconList div{margin:0;padding:10px 15px 10px 40px;position:relative}.proconList div:nth-child(2n){background:var(--surface-1);transition:all .3s}.pros .proconList div:before{content:"✔";color:var(--blue);position:absolute;top:10px;left:13px}.cons .proconList div:before{content:"✖";color:var(--red);position:absolute;top:10px;left:13px}.tableResponsive{-webkit-overflow-scrolling:touch;margin:35px 0;overflow-x:auto}table{color:var(--black);margin-left:unset;caption-side:bottom;border-collapse:collapse}table caption{color:var(--text-tertiary);text-align:left;margin:12px 30px;font-size:14px}th{padding:15px 30px;font-weight:700}tbody{border-top:1px solid var(--line-5);border-bottom:1px solid var(--line-5)}tr:nth-child(2n){background:var(--surface-1);transition:all .3s}td{padding:15px 30px;font-size:15px}td svg{width:18px;height:18px;fill:var(--yellow)}.quote{border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);text-align:center;margin:50px 0;padding:40px 15px 45px;position:relative}.quote:before{height:80px;color:var(--accent);content:"❝";background:var(--background);padding-right:20px;font-size:80px;transition:all .3s;position:absolute;top:-50px;left:0}.quote:after{content:"QUOTE";font-family:var(--fontHeading);letter-spacing:2px;background:var(--background);padding:0 15px;font-size:14px;font-weight:700;transition:all .3s;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.quoteText{font-family:system-ui;font-size:25px;font-style:italic}.quoteCredit{background:var(--background);padding:0 20px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.quoteCredit div:first-child{text-wrap:nowrap;font-size:16px;font-weight:700}.quoteCredit div:nth-child(2){color:var(--text-secondary);text-wrap:nowrap;font-size:14px}hr{border:1px solid var(--line-5);margin:50px 0}.paint{flex-wrap:wrap;justify-content:center;gap:10px;margin:35px 0;display:flex}.paint div{text-align:center;text-transform:capitalize;width:100px;height:150px;box-shadow:var(--shadow-2);flex-shrink:0;justify-content:center;align-items:center;padding:0 10px;display:flex}.paintDark{color:var(--gray-0)}.paintLight{color:var(--gray-900)}.button1{width:fit-content;margin:50px auto}.button1 a,.button1 button{width:fit-content;color:var(--white);background:var(--accent);box-shadow:var(--shadow-3);border:none;border-radius:50px;align-items:center;padding:12px 30px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.button1 a:hover,.button1 button:hover{background:var(--link-hover);transition:all .1s}.button1 svg{fill:currentColor;vertical-align:middle;width:24px;height:24px;margin-right:5px}.recommend{padding-top:50px;padding-bottom:50px}.recommendUptitle{align-items:center;gap:8px;margin-bottom:32px;display:none}.recommendUptitle svg{fill:currentColor;width:24px;height:24px;rotate:90deg}.recommendTitle{justify-content:space-between;align-items:center;display:flex}.recommendTitle>div{font-family:var(--fontHeading);color:var(--colorHeading);padding-left:unset;margin:0 auto;font-size:30px;position:relative}.recommendTitle>div:before{content:"";background:var(--colorHeading);width:40px;height:1px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.recommendTitle>a{color:var(--black);text-transform:uppercase;border:1px solid var(--line-4);border-radius:25px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;text-decoration:none;display:none}.recommendTitle>a svg{fill:currentColor;width:20px;height:20px}.recommendTitle>a:hover{color:var(--white);border:1px solid var(--accent);background:var(--accent)}.recommendWrapper{flex-flow:column wrap;gap:50px;margin-top:50px;display:flex}.threeCardWhiteSquare{width:100%;position:relative}.threeCardWhiteSquareLink{flex-direction:column;text-decoration:none;display:flex}.threeCardWhiteSquareCategory{background:var(--background);z-index:1;border-radius:0 0 0 10px;width:fit-content;padding:0 0 8px 8px;transition:all .3s;display:inline-block;position:absolute;top:0;right:0}.threeCardWhiteSquareCategory:before{content:"";width:12px;height:12px;box-shadow:3px -3px var(--background);z-index:1;background:0 0;border-radius:0 30px 0 0;transition:all .3s;position:absolute;top:0;right:100%}.threeCardWhiteSquareCategory:after{content:"";width:10px;height:10px;box-shadow:3px -3px var(--background);z-index:1;background:0 0;border-radius:0 30px 0 0;transition:all .3s;position:absolute;top:100%;right:0}.threeCardWhiteSquareCategory a{border:2px solid var(--line-5);text-transform:uppercase;color:var(--black);background:0 0;border-radius:8px;padding:5px 13px;font-size:14px;text-decoration:none;transition:all .3s;display:inline-block}.threeCardWhiteSquareCategory a:hover{border:2px solid var(--black);color:var(--white);background:var(--black)}.threeCardWhiteSquareTagImg{border-radius:10px;flex-shrink:0;width:100%;height:280px;overflow:hidden}.threeCardWhiteSquareTagImg img{object-fit:cover;object-position:50% 50%;width:100%;height:100%}.threeCardWhiteSquareDate{color:var(--text-primary);text-transform:uppercase;vertical-align:baseline;gap:8px;margin-top:25px;font-size:14px;display:flex}.threeCardWhiteSquareDate svg{fill:currentColor;width:16px;height:16px}.threeCardWhiteSquareTitle{font-family:var(--fontHeading);color:var(--colorHeading);line-clamp:2;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:10px 0 15px;font-size:24px;line-height:1.625;display:-webkit-box;overflow:hidden}.threeCardWhiteSquareAuthor{color:var(--text-primary);text-transform:uppercase;align-items:center;font-size:14px;display:flex}.threeCardWhiteSquareAuthor img{border:1px solid var(--line-5);border-radius:25px;width:25px;height:25px;margin-right:8px}.threeCardWhiteSquareAuthor span:nth-child(3){margin:0 10px}.threeCardWhiteSquareArrow{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-top:20px;display:flex}.threeCardWhiteSquareArrow svg{width:28px;height:28px;fill:var(--black);transition:all .3s}.threeCardWhiteSquare:hover .threeCardWhiteSquareArrow svg{rotate:45deg}@media (width>=768px){.space,article p{padding:0}.nospace{padding:0 5%}article{margin-left:auto;margin-right:auto}article h2{font-size:30px}.single .horizontal{width:600px;height:450px}.single .square{width:600px;height:600px}.captionEach{flex-direction:row;gap:20px 10px}.captionEach>div{width:min-content}.captionEach figcaption{bottom:0}.collage .vertical{width:295px;height:100%}.collage .horizontal{width:295px;height:221px}.collage .square{width:295px;height:295px}.captionOne>div{flex-direction:row;gap:10px}.commentName{font-size:18px;font-weight:600}.commentTime,.commentEdited{font-size:15px}.commentText{font-size:17px}.commentControls{margin:6px 0 0 42px}.commentLogin{padding:30px 50px}.commentLogin>div:first-child{font-size:30px}.commentForm{padding-right:1px}.info{margin:35px 0 35px 15px}.infoBody,.info ul li,.info ol li{font-size:18px}.listNormal,.listDetail{padding-right:unset}.procon{gap:unset;flex-direction:row;justify-content:space-between}.pros,.cons{width:270px}.quote{padding:35px 25px 45px}.recommend{width:690px;padding-top:75px;padding-bottom:75px}.recommendUptitle{display:flex}.recommendTitle>div{margin:unset;padding-left:64px;font-size:40px}.recommendTitle>a{display:flex}.recommendTitle>div:before{transform:unset;bottom:45%;left:0}.recommendWrapper{flex-direction:row;gap:50px 24px}.threeCardWhiteSquare{width:333px}.threeCardWhiteSquareTagImg{width:333px;height:250px}}@media (width>=992px){:root{--navHide:translateY(-62px)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--line-5)}::-webkit-scrollbar-thumb{background:var(--white-tertiary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.spaceTablet{padding:0}.navgap{padding-top:118px!important}.content{padding-bottom:75px;padding-top:75px!important}}@media (width>=1280px){:root{--navHide:translateY(-75px)}.spaceNotebook,.nospace{padding:0}.navgap{padding-top:131px!important}.recommend{width:100%;padding-top:0;padding-bottom:75px}.threeCardWhiteSquare{width:400px}.threeCardWhiteSquareTagImg{width:400px;height:288px}}.navbar[data-astro-cid-l7arcky5]{will-change:top, background, color;z-index:101010;width:100%;transition:all .3s;position:fixed;top:0;left:0;transform:translateY(0)}.top[data-astro-cid-l7arcky5]{transition:all .3s}body.navGreen .top[data-astro-cid-l7arcky5]{background:var(--greenBg)}body.navGray .top[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .top[data-astro-cid-l7arcky5]{background:var(--background)}.top[data-astro-cid-l7arcky5] .container[data-astro-cid-l7arcky5]{align-items:center;height:62px;padding:0 5%;display:flex;position:relative}.left[data-astro-cid-l7arcky5]{align-items:center;gap:unset;margin-right:auto;display:flex}.subscribe[data-astro-cid-l7arcky5]{display:none}.searchBtn[data-astro-cid-l7arcky5]{background:0 0;border:none;border-radius:50%;justify-content:left;align-items:center;gap:5px;width:35px;height:60px;padding:0;font-size:15px;font-weight:500;transition:all .3s;display:flex}body.navGreen .searchBtn[data-astro-cid-l7arcky5]{color:var(--navbarGreenBtn)}body.navGray .searchBtn[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .searchBtn[data-astro-cid-l7arcky5]{color:var(--black)}.searchBtn[data-astro-cid-l7arcky5] svg[data-astro-cid-l7arcky5]{width:22px;height:22px;transition:all .3s}body.navGreen .searchBtn[data-astro-cid-l7arcky5] svg[data-astro-cid-l7arcky5]{fill:var(--navbarGreenBtn)}body.navGray .searchBtn[data-astro-cid-l7arcky5] svg[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .searchBtn[data-astro-cid-l7arcky5] svg[data-astro-cid-l7arcky5]{fill:var(--black)}.themeToggle{background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:60px;padding:0;display:inline-flex}.themeToggle .themeIcon{width:22px;height:22px;line-height:0;transition:all .3s;display:none}body.navGreen .themeIcon{fill:var(--navbarGreenBtn)}body.navGreen .scrolled .themeIcon,body.navGray .themeIcon{fill:var(--black)}html[data-theme=light] .themeToggle .iconSun,html[data-theme=dark] .themeToggle .iconMoon{display:inline-block}.themeToggle .iconHalf{display:none}.top[data-astro-cid-l7arcky5] .center[data-astro-cid-l7arcky5]{font-size:30px;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo[data-astro-cid-l7arcky5]{width:150px;height:auto;transition:all .3s}body.navGreen .logo[data-astro-cid-l7arcky5]{fill:var(--navbarGreenBtn)}body.navGray .logo[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .logo[data-astro-cid-l7arcky5]{fill:var(--black)}.top[data-astro-cid-l7arcky5] .right[data-astro-cid-l7arcky5]{align-items:center;gap:5px;margin-left:auto;display:flex}.loginButton{border:unset;border-radius:unset;background:0 0;justify-content:center;align-items:center;gap:8px;width:35px;height:60px;padding:0;font-size:15px;font-weight:400;transition:all .3s;display:flex}.loginAvatar{align-items:center;display:flex}.loginAvatarIcon{width:22px;height:22px;transition:all .3s}.loginText{display:none}body.navGreen .loginAvatarIcon{fill:var(--navbarGreenLoginColor)}body.navGray .loginAvatarIcon,body.navGreen .scrolled .loginAvatarIcon{fill:var(--gray-500)}.userPhoto{background-position:50%;background-size:cover;border-radius:50%;width:26px;height:26px;transition:all .3s}body.navGreen .userPhoto{border:1px solid var(--navbarGreenBtn)}body.navGray .userPhoto,body.navGreen .scrolled .userPhoto{border:1px solid var(--navbarGrayBorder)}.logoutOverlay{background:var(--gray-900-75);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;z-index:101011;pointer-events:none;transition:opacity .25s ease-in-out;position:fixed;inset:0}.logoutOverlay.fadeStart,.logoutOverlay.fadeOut{opacity:0;pointer-events:none}.logoutOverlay.fadeIn{opacity:1;pointer-events:auto}.logoutModal{opacity:0;text-align:center;width:90vw;max-width:400px;color:var(--gray-0);background:url(/assets/wave.webp), var(--greenBg) center / contain;border:1px solid var(--greenLine);z-index:101012;pointer-events:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:50px 40px;transition:transform .25s ease-in-out,opacity .25s ease-in-out;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.logoutModal.fadeStart,.logoutModal.fadeOut{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.8)}.logoutModal.fadeIn{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.logoutExit{background:var(--gray-0-10);border:none;border-radius:50px;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;display:flex;position:absolute;top:15px;right:15px}.logoutExit svg{width:24px;height:24px;fill:var(--gray-0)}.logoutExit:hover{background:var(--redHover)}.logoutHeadline{font-family:var(--fontHeading);font-size:30px}.logoutActions{gap:20px;display:flex}.logoutActions button{border-radius:5px;width:100px;height:35px}.logoutLogout{color:var(--gray-0);border:1px solid var(--redHover);background:var(--red)}.logoutLogout:hover{background:var(--redHover)}.logoutCancel{color:var(--gray-0);border:1px solid var(--greenLine);background:0 0}.logoutCancel:hover{color:var(--gray-900);background:var(--gray-0)}.toastContainer{z-index:101013;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:200px;right:1rem}.toastBox{background:var(--navbarGraySurface);border:1px solid var(--navbarGrayBorder);min-width:280px;max-width:360px;box-shadow:var(--shadow-3);border-radius:10px;align-items:center;gap:.75rem;padding:12px;animation:.2s slideIn,.2s 3.2s forwards fadeOut;display:flex;position:relative}.toastIcon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:25px;display:flex}.loginToastIcon,.logoutToastIcon{width:30px;height:30px;fill:var(--gray-0)}.toastIcon.login{background:#17c0eb}.toastIcon.logout{background:var(--red)}.toastContent{flex-grow:1}.toastTitle{color:var(--colorHeading);margin-bottom:2px;font-size:15px;font-weight:600}.toastMessage{color:var(--black-secondary);font-size:14px}.toastClose{cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.toastClose svg{width:18px;height:18px;fill:var(--gray-500)}.toastClose:hover{color:var(--gray-950);background:var(--gray-300)}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px)}}.mid[data-astro-cid-l7arcky5]{width:100%;position:fixed;top:62px;left:0}.search[data-astro-cid-l7arcky5]{will-change:top, opacity, background, color;width:100%;transition:top .3s,opacity .3s,background .3s;position:absolute;left:0}.search[data-astro-cid-l7arcky5].inactive{visibility:hidden;opacity:0;z-index:0;height:0;top:-10px}.search[data-astro-cid-l7arcky5].active{visibility:visible;opacity:1;z-index:1;height:auto;top:0}.search[data-astro-cid-l7arcky5]::-webkit-scrollbar{display:none}body.navGreen .search[data-astro-cid-l7arcky5]{background-color:var(--navbarGreenBg)}body.navGray .search[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .search[data-astro-cid-l7arcky5]{background-color:var(--background)}.searchBox[data-astro-cid-l7arcky5]{width:100%;max-width:1200px;margin:0 auto;padding:30px 5% 40px;position:relative}.searchBarForm[data-astro-cid-l7arcky5]{padding-bottom:8px;display:flex}body.navGreen .searchBarForm[data-astro-cid-l7arcky5]{border-bottom:1px solid var(--yellow)}body.navGray .searchBarForm[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .searchBarForm[data-astro-cid-l7arcky5]{border-bottom:1px solid var(--accent)}.searchBarForm[data-astro-cid-l7arcky5] svg[data-astro-cid-l7arcky5]{width:40px;height:40px}body.navGreen .searchBarForm[data-astro-cid-l7arcky5] svg[data-astro-cid-l7arcky5]{fill:var(--navbarGreenSearchForm)}body.navGray .searchBarForm[data-astro-cid-l7arcky5] svg[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .searchBarForm[data-astro-cid-l7arcky5] svg[data-astro-cid-l7arcky5]{fill:var(--navbarGraySearchForm)}.searchBarForm[data-astro-cid-l7arcky5] input[data-astro-cid-l7arcky5]{font-family:var(--fontHeading);background:0 0;border:none;width:100%;margin-left:10px;font-size:32px}body.navGreen .searchBarForm[data-astro-cid-l7arcky5] input[data-astro-cid-l7arcky5]{color:var(--gray-0)}body.navGray .searchBarForm[data-astro-cid-l7arcky5] input[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .searchBarForm[data-astro-cid-l7arcky5] input[data-astro-cid-l7arcky5]{color:var(--black)}body.navGreen .searchBarForm[data-astro-cid-l7arcky5] input[data-astro-cid-l7arcky5]::placeholder{color:var(--navbarGreenSearchForm)}body.navGray .searchBarForm[data-astro-cid-l7arcky5] input[data-astro-cid-l7arcky5]::placeholder,body.navGreen .scrolled[data-astro-cid-l7arcky5] .searchBarForm[data-astro-cid-l7arcky5] input[data-astro-cid-l7arcky5]::placeholder{color:var(--navbarGraySearchForm)}.searchBarForm[data-astro-cid-l7arcky5] input[data-astro-cid-l7arcky5]:focus{outline:none}.post[data-astro-cid-l7arcky5]{margin:30px 0 50px}.postTitle[data-astro-cid-l7arcky5]{text-transform:uppercase;margin-bottom:30px;padding-left:17px;font-weight:500;position:relative}body.navGreen .postTitle[data-astro-cid-l7arcky5]{color:var(--gray-0)}body.navGray .postTitle[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .postTitle[data-astro-cid-l7arcky5]{color:var(--black)}.postTitle[data-astro-cid-l7arcky5]:before{content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:0;transform:translateY(-50%)}body.navGreen .postTitle[data-astro-cid-l7arcky5]:before{background:var(--yellow)}body.navGray .postTitle[data-astro-cid-l7arcky5]:before,body.navGreen .scrolled[data-astro-cid-l7arcky5] .postTitle[data-astro-cid-l7arcky5]:before{background:var(--accent)}.postCard[data-astro-cid-l7arcky5]{flex-flow:column wrap;gap:20px;display:flex}.card[data-astro-cid-l7arcky5]{gap:13px;text-decoration:none;display:flex}.card[data-astro-cid-l7arcky5]:nth-child(3),.card[data-astro-cid-l7arcky5]:nth-child(4){display:none}.cardImg[data-astro-cid-l7arcky5]{border-radius:8px;flex-shrink:0;width:100px;height:110px;overflow:hidden}.cardImg[data-astro-cid-l7arcky5] img[data-astro-cid-l7arcky5]{object-fit:cover;object-position:50% 50%;width:100%;height:100%}.cardDate[data-astro-cid-l7arcky5]{text-transform:uppercase;align-items:center;margin-bottom:10px;font-size:13px;font-weight:500;display:flex}body.navGreen .cardDate[data-astro-cid-l7arcky5]{color:var(--gray-250)}body.navGray .cardDate[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .cardDate[data-astro-cid-l7arcky5]{color:var(--black-secondary)}.cardDate[data-astro-cid-l7arcky5] svg[data-astro-cid-l7arcky5]{fill:currentColor;width:17px;height:17px;margin-right:5px}.cardTitle[data-astro-cid-l7arcky5]{-webkit-line-clamp:3;text-overflow:ellipsis;font-family:var(--fontHeading);-webkit-box-orient:vertical;width:100%;font-size:18px;display:-webkit-box;overflow:hidden}body.navGreen .cardTitle[data-astro-cid-l7arcky5]{color:var(--gray-100)}body.navGray .cardTitle[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .cardTitle[data-astro-cid-l7arcky5]{color:var(--colorHeading)}.tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:nth-child(5),.tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:nth-child(6),.tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:nth-child(7),.tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:nth-child(8){display:none}.tagList[data-astro-cid-l7arcky5]{flex-wrap:wrap;gap:15px;display:flex}.tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]{text-transform:uppercase;border-radius:7px;flex-shrink:0;padding:8px 13px;font-size:14px;font-weight:600;text-decoration:none}body.navGreen .tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]{color:var(--gray-100);border:1px solid var(--navbarGreenBorder)}body.navGray .tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]{color:var(--black);border:1px solid var(--line-5)}.tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5] span[data-astro-cid-l7arcky5]{border-radius:50px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:7px;padding:0 5px;font-size:12px;font-weight:400;display:inline-flex}body.navGreen .tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5] span[data-astro-cid-l7arcky5]{color:var(--gray-1000);background:var(--yellow)}body.navGray .tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5] span[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5] span[data-astro-cid-l7arcky5]{color:var(--white);background:var(--accent)}body.navGreen .tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:hover{color:var(--gray-1000);border:1px solid var(--gray-0);background:var(--gray-0)}body.navGray .tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:hover,body.navGreen .scrolled[data-astro-cid-l7arcky5] .tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:hover{color:var(--white);border:1px solid var(--black);background:var(--black)}.menu[data-astro-cid-l7arcky5]{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);interpolate-size:allow-keywords;transform-origin:top;will-change:top, background, color;justify-content:center;transition:all .5s;display:flex}body.navGreen .menu[data-astro-cid-l7arcky5]{background-color:var(--navbarGreenBgSemi)}body.navGray .menu[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .menu[data-astro-cid-l7arcky5]{background-color:var(--background-semi)}.menu[data-astro-cid-l7arcky5].inactive{visibility:hidden;z-index:0;height:0;transform:scaleY(0)}.menu[data-astro-cid-l7arcky5].active{visibility:visible;z-index:1;height:auto;transform:scaleY(1)}.menuBox[data-astro-cid-l7arcky5]{padding:32px 0}.menuBoxTop[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]{font-family:var(--fontHeading);text-align:center;opacity:0;padding:10px 0;font-size:30px;text-decoration:none;transition:all .3s;display:block}body.navGreen .menuBoxTop[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]{color:var(--navbarGreenBtn)}body.navGray .menuBoxTop[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .menuBoxTop[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]{color:var(--black)}.menu[data-astro-cid-l7arcky5].active .menuBoxTop[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]{opacity:1;transition-delay:.3s}.menu[data-astro-cid-l7arcky5].active:hover .menuBoxTop[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]{transition-delay:0s}.menu[data-astro-cid-l7arcky5].active .menuBoxTop[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:first-child{transition-duration:.2s}.menu[data-astro-cid-l7arcky5].active .menuBoxTop[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:nth-child(2){transition-duration:.3s}.menu[data-astro-cid-l7arcky5].active .menuBoxTop[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:nth-child(3){transition-duration:.4s}.menu[data-astro-cid-l7arcky5].active .menuBoxTop[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:nth-child(4){transition-duration:.5s}.menu[data-astro-cid-l7arcky5].active .menuBoxTop[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:nth-child(5){transition-duration:.6s}.menu[data-astro-cid-l7arcky5].active .menuBoxTop[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:nth-child(6){transition-duration:.7s}.menu[data-astro-cid-l7arcky5] .menuBoxTop[data-astro-cid-l7arcky5].home a[data-astro-cid-l7arcky5].home,.menu[data-astro-cid-l7arcky5] .menuBoxTop[data-astro-cid-l7arcky5].about a[data-astro-cid-l7arcky5].about,.menu[data-astro-cid-l7arcky5] .menuBoxTop[data-astro-cid-l7arcky5].contact a[data-astro-cid-l7arcky5].contact,.menu[data-astro-cid-l7arcky5] .menuBoxTop[data-astro-cid-l7arcky5].dmca a[data-astro-cid-l7arcky5].dmca,.menu[data-astro-cid-l7arcky5] .menuBoxTop[data-astro-cid-l7arcky5].privacy a[data-astro-cid-l7arcky5].privacy,.menu[data-astro-cid-l7arcky5] .menuBoxTop[data-astro-cid-l7arcky5].terms a[data-astro-cid-l7arcky5].terms{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.menu[data-astro-cid-l7arcky5].active .menuBoxTop[data-astro-cid-l7arcky5]:hover a[data-astro-cid-l7arcky5]{opacity:.4;transition:all .2s}.menu[data-astro-cid-l7arcky5].active .menuBoxTop[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:hover{opacity:1;text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px;transition:all .2s}.menuBoxBot[data-astro-cid-l7arcky5]{opacity:0;justify-content:center;margin-top:40px;padding:20px 0;transition:all .3s;display:flex}body.navGreen .menuBoxBot[data-astro-cid-l7arcky5]{border-top:1px solid var(--greenLine)}body.navGray .menuBoxBot[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .menuBoxBot[data-astro-cid-l7arcky5]{border-top:1px solid var(--line-5)}.menu[data-astro-cid-l7arcky5].active .menuBoxBot[data-astro-cid-l7arcky5]{opacity:1;transition:all .2s .3s}.menuBoxBot[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]{border-radius:25px;justify-content:center;align-items:center;gap:3px;padding:5px 15px 5px 8px;font-size:20px;text-decoration:none;transition:all .3s;display:flex}.social[data-astro-cid-l7arcky5]{fill:currentColor;width:35px;height:35px;transition:all .3s}body.navGreen .menuBoxBot[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]{color:var(--navbarGreenBtn)}body.navGreen .social[data-astro-cid-l7arcky5]{fill:var(--navbarGreenBtn)}body.navGray .menuBoxBot[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .menuBoxBot[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]{color:var(--black)}body.navGray .social[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .social[data-astro-cid-l7arcky5]{fill:var(--black)}body.navGreen .menuBoxBot[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:hover{color:var(--navbarGreenBg);background:var(--navbarGreenBtn)}body.navGray .menuBoxBot[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:hover,body.navGreen .scrolled[data-astro-cid-l7arcky5] .menuBoxBot[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:hover{color:var(--white);background:var(--black)}body.navGreen .menuBoxBot[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:hover .social[data-astro-cid-l7arcky5]{fill:var(--navbarGreenBg)}body.navGray .menuBoxBot[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:hover .social[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .menuBoxBot[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:hover .social[data-astro-cid-l7arcky5]{fill:var(--background)}.bot[data-astro-cid-l7arcky5]{z-index:-1;transition:all .3s;position:relative}body.navGreen .bot[data-astro-cid-l7arcky5].block{background-color:var(--navbarGreenSurface);border-bottom:none}body.navGray .bot[data-astro-cid-l7arcky5].block,body.navGreen .scrolled[data-astro-cid-l7arcky5] .bot[data-astro-cid-l7arcky5].block{background-color:var(--navbarGraySurface);border-bottom:none}body.navGreen .bot[data-astro-cid-l7arcky5].line{border-bottom:1px solid var(--navbarGreenBorder);background-color:var(--navbarGreenBg)}body.navGray .bot[data-astro-cid-l7arcky5].line,body.navGreen .scrolled[data-astro-cid-l7arcky5] .bot[data-astro-cid-l7arcky5].line{border-bottom:1px solid var(--navbarGrayBorder2);background-color:var(--background)}.bot[data-astro-cid-l7arcky5] .container[data-astro-cid-l7arcky5]{justify-content:left;align-items:center;display:flex;overflow:auto}.bot[data-astro-cid-l7arcky5] .container[data-astro-cid-l7arcky5]::-webkit-scrollbar{display:none}.link[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5],.link[data-astro-cid-l7arcky5] button[data-astro-cid-l7arcky5]{text-wrap:nowrap;align-items:center;height:40px;padding:0 15px;text-decoration:none;transition:all .3s;display:flex}body.navGreen .link[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5],body.navGreen .link[data-astro-cid-l7arcky5] button[data-astro-cid-l7arcky5]{color:var(--navbarGreenText)}body.navGray .link[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5],body.navGray .link[data-astro-cid-l7arcky5] button[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .link[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .link[data-astro-cid-l7arcky5] button[data-astro-cid-l7arcky5]{color:var(--navbarGrayText)}.link[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:hover,.link[data-astro-cid-l7arcky5] button[data-astro-cid-l7arcky5]:hover{text-decoration:underline}body.navGreen .link[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:hover,body.navGreen .link[data-astro-cid-l7arcky5] button[data-astro-cid-l7arcky5]:hover{color:var(--navbarGreenTextHover)}body.navGray .link[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:hover,body.navGray .link[data-astro-cid-l7arcky5] button[data-astro-cid-l7arcky5]:hover,body.navGreen .scrolled[data-astro-cid-l7arcky5] .link[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:hover body.navGreen .scrolled[data-astro-cid-l7arcky5] .link[data-astro-cid-l7arcky5] button[data-astro-cid-l7arcky5]:hover{color:var(--navbarGrayTextHover)}.link[data-astro-cid-l7arcky5] button[data-astro-cid-l7arcky5]{background:0 0;border:none;font-size:16px}.link[data-astro-cid-l7arcky5] button[data-astro-cid-l7arcky5] svg[data-astro-cid-l7arcky5]{width:24px;height:24px;fill:var(--navbarGrayText)}.more[data-astro-cid-l7arcky5],.more-menu[data-astro-cid-l7arcky5]{display:none}.menuBtn[data-astro-cid-l7arcky5]{background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:35px;height:60px;padding:0;transition:all .3s;display:flex;position:relative}.bar[data-astro-cid-l7arcky5]{border-radius:1px;height:2px;transition:background .3s,transform .5s;display:block}body.navGreen .bar[data-astro-cid-l7arcky5]{background:var(--navbarGreenBtn)}body.navGray .bar[data-astro-cid-l7arcky5],body.navGreen .scrolled[data-astro-cid-l7arcky5] .bar[data-astro-cid-l7arcky5]{background:var(--black)}.bar[data-astro-cid-l7arcky5]:first-child{width:12px;margin:0 0 0 auto}.bar[data-astro-cid-l7arcky5]:nth-child(2){width:24px;margin-left:auto}.bar[data-astro-cid-l7arcky5]:nth-child(3){width:12px;margin:0 auto 0 11px}.menuBtn[data-astro-cid-l7arcky5].open .bar[data-astro-cid-l7arcky5]:first-child{transform:translate(-2px,11px)rotate(45deg)}.menuBtn[data-astro-cid-l7arcky5].open .bar[data-astro-cid-l7arcky5]:nth-child(2){transform:rotate(-45deg)}.menuBtn[data-astro-cid-l7arcky5].open .bar[data-astro-cid-l7arcky5]:nth-child(3){transform:translate(2px,-11px)rotate(45deg)}@media (width>=768px){.left[data-astro-cid-l7arcky5]{gap:10px}.top[data-astro-cid-l7arcky5] .right[data-astro-cid-l7arcky5]{gap:30px}.subscribe[data-astro-cid-l7arcky5]{height:35px;color:var(--gray-1000);background:var(--beige);text-transform:uppercase;border:none;border-radius:25px;align-items:center;gap:5px;padding:0 15px;font-weight:500;display:flex}.bell[data-astro-cid-l7arcky5] svg[data-astro-cid-l7arcky5]{width:20px;height:20px;fill:var(--red);vertical-align:middle;transform-origin:top}.subscribe[data-astro-cid-l7arcky5]:hover svg[data-astro-cid-l7arcky5]{animation:.8s ease-in-out ring}@keyframes ring{0%{transform:rotate(0)}15%{transform:rotate(20deg)}30%{transform:rotate(-18deg)}45%{transform:rotate(15deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}.searchBtn[data-astro-cid-l7arcky5]{justify-content:center}.searchBtn[data-astro-cid-l7arcky5],.themeToggle{width:35px;height:35px;transition:all .3s}body.navGreen .searchBtn[data-astro-cid-l7arcky5],body.navGreen .themeToggle{border:1px solid var(--navbarGreenBorder);background:var(--navbarGreenSurface)}body.navGray .searchBtn[data-astro-cid-l7arcky5],body.navGray .themeToggle,body.navGreen .scrolled[data-astro-cid-l7arcky5] .searchBtn[data-astro-cid-l7arcky5],body.navGreen .scrolled .themeToggle{border:1px solid var(--navbarGrayBorder);background:var(--navbarGraySurface)}.searchBtn[data-astro-cid-l7arcky5] .searchBtn[data-astro-cid-l7arcky5] svg[data-astro-cid-l7arcky5],.themeToggle .themeIcon{width:20px;height:20px}.postCard[data-astro-cid-l7arcky5]{flex-direction:row;gap:20px}.card[data-astro-cid-l7arcky5]:nth-child(3),.card[data-astro-cid-l7arcky5]:nth-child(4){display:flex}.cardTitle[data-astro-cid-l7arcky5]{width:215px}.tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:nth-child(5),.tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:nth-child(6),.tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:nth-child(7),.tagList[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:nth-child(8){display:inline}.logo[data-astro-cid-l7arcky5]{width:180px}.loginButton{width:unset;height:unset;border-radius:20px;padding:6px 13px 6px 8px}body.navGreen .loginButton{border:1px solid var(--navbarGreenBorder);background:var(--navbarGreenSurface)}body.navGray .loginButton,body.navGreen .scrolled .loginButton{border:1px solid var(--navbarGrayBorder);background:var(--navbarGraySurface)}.loginText{font-size:14px;font-weight:500;transition:all .3s;display:block!important}body.navGreen .loginText{color:var(--navbarGreenBtn)}body.navGray .loginText,body.navGreen .scrolled .loginText{color:var(--black)}.loginAvatarIcon{width:20px;height:20px}.logoutModal{padding:50px}.menuBtn[data-astro-cid-l7arcky5]{justify-content:space-between;width:32px;height:22px}.bar[data-astro-cid-l7arcky5]{height:3px}.bar[data-astro-cid-l7arcky5]:first-child{width:50%;margin:0 0 0 auto}.bar[data-astro-cid-l7arcky5]:nth-child(2){width:100%;margin-left:auto}.bar[data-astro-cid-l7arcky5]:nth-child(3){width:50%;margin:0 auto 0 0}.menuBtn[data-astro-cid-l7arcky5].open .bar[data-astro-cid-l7arcky5]:first-child{transform:translate(-2px,16px)rotate(45deg)}.menuBtn[data-astro-cid-l7arcky5].open .bar[data-astro-cid-l7arcky5]:nth-child(2){transform:rotate(-45deg)}.menuBtn[data-astro-cid-l7arcky5].open .bar[data-astro-cid-l7arcky5]:nth-child(3){transform:translate(2px,-15px)rotate(45deg)}}@media (width>=992px){.cardTitle[data-astro-cid-l7arcky5]{width:270px}.bot[data-astro-cid-l7arcky5] .container[data-astro-cid-l7arcky5]{justify-content:center}.more[data-astro-cid-l7arcky5]{display:block}.direct-entryway[data-astro-cid-l7arcky5],.direct-outdoor[data-astro-cid-l7arcky5]{display:none}.more[data-astro-cid-l7arcky5]:hover .more-menu[data-astro-cid-l7arcky5]{border:1px solid var(--navbarGrayBorder2);background:var(--background);border-radius:8px;display:block;position:absolute;top:55px}.more-menu[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:not(:first-child){border-top:1px solid var(--navbarGrayBorder2)}.link[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5],.link[data-astro-cid-l7arcky5] button[data-astro-cid-l7arcky5]{height:56px;padding:0 24px}}@media (width>=1280px){.top[data-astro-cid-l7arcky5] .container[data-astro-cid-l7arcky5]{height:75px;padding:unset}.card[data-astro-cid-l7arcky5]:nth-child(4){display:none}.mid[data-astro-cid-l7arcky5]{top:75px}.searchBox[data-astro-cid-l7arcky5]{padding:50px 0}.direct-entryway[data-astro-cid-l7arcky5],.direct-outdoor[data-astro-cid-l7arcky5]{display:block}.more[data-astro-cid-l7arcky5]{display:none}}footer[data-astro-cid-jo6i4kqk]{color:var(--gray-0);background-color:var(--gray-1000);background-image:url(/assets/bricks.webp);background-position:top,50%;background-repeat:no-repeat;background-size:100%,contain}.box[data-astro-cid-jo6i4kqk]{gap:50px;justify-content:unset;flex-flow:column wrap;padding:70px 0;display:flex}.details[data-astro-cid-jo6i4kqk]{width:100%;max-width:350px}.logo[data-astro-cid-jo6i4kqk] svg[data-astro-cid-jo6i4kqk]{width:170px;fill:var(--gray-0);margin-top:10px}.text[data-astro-cid-jo6i4kqk]{color:var(--gray-300);margin:20px 0}.social[data-astro-cid-jo6i4kqk]{border:1px solid var(--gray-0-25);width:min-content;height:50px;color:var(--gray-0);background:0 0;border-radius:25px;align-items:center;gap:5px;padding:0 22px 0 10px;font-size:18px;text-decoration:none;transition:all .2s;display:flex}.social[data-astro-cid-jo6i4kqk] svg[data-astro-cid-jo6i4kqk]{width:30px;height:30px;fill:var(--gray-0);transition:all .2s}.social[data-astro-cid-jo6i4kqk]:hover{color:var(--gray-1000);border:1px solid var(--gray-0);background:var(--gray-0)}.social[data-astro-cid-jo6i4kqk]:hover svg[data-astro-cid-jo6i4kqk]{fill:var(--gray-1000)}.header[data-astro-cid-jo6i4kqk]{font-family:var(--fontHeading);font-size:34px;line-height:1.375}.footerForm{width:fit-content;margin-top:32px;position:relative}.footerForm input{border:1px solid var(--gray-0-50);width:350px;font-family:var(--fontBase);color:var(--gray-0);background:0 0;border-radius:50px;padding:15px 30px;font-size:16px}.footerForm input:focus{outline:none}.footerForm button{background:var(--red);border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .3s;display:flex;position:absolute;top:7px;right:7px}.footerForm button svg{width:20px;height:20px;fill:var(--gray-0);transition:all .3s}.footerForm button:hover{background:var(--redHover)}.footerForm button:hover svg{rotate:45deg}.navigasi[data-astro-cid-jo6i4kqk]{max-width:400px}.link[data-astro-cid-jo6i4kqk]{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.link[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{border:1px solid var(--gray-0-25);color:var(--gray-350);text-transform:uppercase;background:var(--gray-0-10);border-radius:6px;flex-shrink:0;padding:6px 12px;font-size:14px;text-decoration:none;transition:all .2s}.link[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--gray-1000);border:1px solid var(--gray-0);background:var(--gray-0)}.copyright[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--gray-0-25);text-align:center;padding:20px 0}.copyright[data-astro-cid-jo6i4kqk] span[data-astro-cid-jo6i4kqk]:nth-child(2){margin:0 10px}.copyright[data-astro-cid-jo6i4kqk] span[data-astro-cid-jo6i4kqk]:nth-child(2),.copyright[data-astro-cid-jo6i4kqk] span[data-astro-cid-jo6i4kqk]:nth-child(3){display:none}@media (width>=768px){.box[data-astro-cid-jo6i4kqk]{flex-direction:row;justify-content:space-around}.details[data-astro-cid-jo6i4kqk]{max-width:290px}.logo[data-astro-cid-jo6i4kqk] svg[data-astro-cid-jo6i4kqk]{width:200px}.copyright[data-astro-cid-jo6i4kqk] span[data-astro-cid-jo6i4kqk]:nth-child(2),.copyright[data-astro-cid-jo6i4kqk] span[data-astro-cid-jo6i4kqk]:nth-child(3){display:inline}}@media (width>=992px){.details[data-astro-cid-jo6i4kqk]{max-width:350px}.social[data-astro-cid-jo6i4kqk] button[data-astro-cid-jo6i4kqk]{width:40px;height:40px}.social[data-astro-cid-jo6i4kqk] button[data-astro-cid-jo6i4kqk] svg[data-astro-cid-jo6i4kqk]{width:20px;height:20px}}@media (width>=1280px){.box[data-astro-cid-jo6i4kqk]{justify-content:space-between}}#subscribeOverlay[data-astro-cid-7234nlcp]{background-color:var(--gray-900-75);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;z-index:101011;transition:all .2s ease-in-out;position:fixed;inset:0}#subscribeOverlay[data-astro-cid-7234nlcp].deactive{visibility:hidden;opacity:0;transition-delay:.1s}#subscribeOverlay[data-astro-cid-7234nlcp].active{visibility:visible;opacity:1}#subscribeModal[data-astro-cid-7234nlcp]{text-align:center;width:90vw;max-width:500px;height:auto;color:var(--gray-0);background:url(/assets/wave.webp), var(--greenBg) center / contain;border:1px solid var(--greenLine);z-index:101012;border-radius:20px;padding:50px 40px;transition:all .2s ease-in-out;position:fixed;top:50%;left:50%}#subscribeModal[data-astro-cid-7234nlcp].deactive{visibility:hidden;opacity:0;transition-delay:0s;transform:translate(-50%,-50%)scale(.9)}#subscribeModal[data-astro-cid-7234nlcp].active{visibility:visible;opacity:1;transition-delay:.1s;transform:translate(-50%,-50%)scale(1)}#subscribeModal[data-astro-cid-7234nlcp] .exit[data-astro-cid-7234nlcp]{background:var(--gray-0-10);border:none;border-radius:50px;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;display:flex;position:absolute;top:15px;right:15px}#subscribeModal[data-astro-cid-7234nlcp] .exit[data-astro-cid-7234nlcp]:hover{background:var(--redHover)}#subscribeModal[data-astro-cid-7234nlcp] .exit[data-astro-cid-7234nlcp] svg[data-astro-cid-7234nlcp]{width:24px;height:24px;fill:var(--gray-0)}.subscribeModalGambar[data-astro-cid-7234nlcp] svg[data-astro-cid-7234nlcp]{width:50px;height:50px;fill:var(--gray-0)}#subscribeModal[data-astro-cid-7234nlcp]>div[data-astro-cid-7234nlcp]:nth-child(3){margin:15px 0 30px}#subscribeModal[data-astro-cid-7234nlcp]>div[data-astro-cid-7234nlcp] div[data-astro-cid-7234nlcp]:first-child{font-family:var(--fontHeading);margin-bottom:10px;font-size:30px}.popupForm{flex-direction:column;align-items:center;gap:15px;display:flex}.popupForm input{border:1px solid var(--greenLine);background:var(--greenBg);width:100%;color:var(--gray-0);border-radius:50px;padding:12px 20px}.popupForm input:focus{outline:none}.popupForm input::placeholder{color:var(--greenText)}.popupForm button{color:var(--gray-0);background:var(--red);border:none;border-radius:20px;justify-content:center;align-items:center;width:100%;height:40px;padding:0;font-size:15px;font-weight:500;display:flex}.popupForm button svg{width:25px;height:25px}.popupForm button:hover{background:var(--redHover)}@media (width>=768px){#subscribeModal[data-astro-cid-7234nlcp]{width:500px;padding:50px}#subscribeModal[data-astro-cid-7234nlcp]>div[data-astro-cid-7234nlcp] div[data-astro-cid-7234nlcp]:first-child{font-size:40px}.popupForm input,.popupForm button{width:250px}}