[data-theme=light]{--profile-image:url(../media/profile_white.3ocvnff5hzlnv.jpg);--color-text:#666;--color-background:#eee9e9;--color-sub-background:#fff;--color-border:#ddd;--color-sub-icon-color:#ddd}[data-theme=dark]{--profile-image:url(../media/profile_black.3t214zpwg8ps2.jpg);--color-text:#fff;--color-background:#111;--color-sub-background:#222;--color-border:#333;--color-sub-icon-color:#777}:root{--color-impact:#fa5b0f}html,body{background-color:var(--color-background);color:var(--color-text)}body{margin:0}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.wrapper{overflow:hidden}.max-container{width:100%;max-width:1280px;margin:0 auto}.content-container{padding:0 24px}@media (max-width:480px){.content-container{padding:0 15px}}.detail-layout{box-sizing:border-box;border:0;margin:0;padding:0}.detail-header{z-index:-1;background-color:var(--color-impact);color:#fff;width:100%;height:22.5rem;position:fixed;top:0}.detail-back-btn{z-index:10;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff26;border-radius:999px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.9rem;font-weight:500;line-height:1;transition:background-color .2s,transform .2s;display:flex;position:fixed;top:1.5rem;left:1.5rem}.detail-back-btn svg{fill:currentColor;width:1.1rem;height:1.1rem}.detail-back-btn:hover{background-color:#ffffff47;transform:translate(-2px)}@media (max-width:600px){.detail-back-btn{padding:.5rem;top:1rem;left:1rem}.detail-back-btn span{display:none}}.detail-header-txt-wrap{z-index:1;width:670px;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.detail-header-txt-wrap h3{letter-spacing:-.5px;font-size:2.25rem;font-weight:700;line-height:1.25}.detail-header-txt-wrap p{letter-spacing:2px;align-items:center;gap:.5rem;padding-top:3rem;font-size:.9rem;display:flex}.detail-content-wrapper{background-color:var(--color-background);width:100%;margin-top:22.5rem;padding:3rem 0 4rem}.detail-content{max-width:680px;margin:0 auto;position:relative}.detail-content-section h2{font-size:32px;font-weight:700}@media (max-width:800px){.detail-content{padding:0 24px}}@media (max-width:600px){.detail-header{height:27rem}.detail-header-txt-wrap{width:100%;padding:0 20px}.detail-header-txt-wrap h3{font-size:2rem}.detail-header-txt-wrap p{padding-top:2rem;font-size:.8rem}.detail-content-wrapper{margin-top:27rem}.detail-content-section h2{font-size:24px}}[data-theme=light] .detail-content-section h2{color:#444}
