@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";:root{--color-text: #0a0905;--color-subtitle: #8e8e8c;--color-background: #f6f8f8;--color-stroke: #e0e0e0;--color-neutral: #ffffff;--color-information: #0061fd}*{margin:0;padding:0;box-sizing:border-box;font-variation-settings:"slnt" 0;font-optical-sizing:auto;scrollbar-gutter:overlay;font-family:Geist,sans-serif;scrollbar-width:none;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none}* h1,* h2,* h3,* h4,* h5,* h6,* small,* p,* span,* a{margin:0;padding:0;text-shadow:none}* img,* picture,* video,* canvas,* svg{display:block;max-width:100%}.reguler{font-weight:400;font-style:normal}.medium{font-weight:500;font-style:normal}.text-12px{font-size:12px;line-height:16px}.text-14px{font-size:14px;line-height:20px}.text-20px{font-size:20px;line-height:28px;letter-spacing:-.2px}.container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;max-width:932px;width:100%;padding-left:24px;padding-right:24px;overflow:hidden;opacity:0;animation:containerFadeIn 1s ease forwards}.sidebar{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100dvh;border-left:1px dashed var(--color-stroke);border-right:1px dashed var(--color-stroke);padding:24px 8px;max-width:264px;width:100%;background-color:var(--color-neutral)}.sidebar a{text-decoration-line:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:3px}.sidebar .sidebar-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.sidebar .sidebar-section p{color:var(--color-subtitle)}.sidebar .sidebar-intro{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px}.sidebar .sidebar-footer{color:var(--color-subtitle)}.content{max-width:480px;width:100%;padding:24px 8px;border-left:1px dashed var(--color-stroke);border-right:1px dashed var(--color-stroke);height:100dvh;overflow-x:scroll}.content .wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:48px}.content .wrapper h2{text-align:end;color:var(--color-subtitle)}.content .content-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;position:relative}.content .content-item img{display:block;width:100%;height:auto}.content .content-item a{color:var(--color-information);text-decoration-line:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:3px}.content .content-item .content-item-count{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;height:20px;width:20px;background-color:#000000a6;right:8px;top:8px;border-radius:999px}.content .content-item .content-item-count p{color:var(--color-neutral)}.popup{display:flex;flex-direction:row;justify-content:center;align-items:center;position:fixed;background-color:#000000bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);width:100%;height:100dvh;z-index:15;top:0;left:0;right:0;opacity:0;pointer-events:none;transition:opacity .3s ease;padding-left:16px;padding-right:16px}.popup.active{opacity:1;pointer-events:auto}.popup-body{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:16px;max-width:800px;width:100%;height:calc(100dvh - 80px);padding:16px;background-color:var(--color-neutral);transform:translateY(20px) scale(.98);opacity:0;transition:all .3s ease}.popup.active .popup-body{transform:translateY(0) scale(1);opacity:1}.popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.popup-title button{background-color:transparent;border:none;outline:none;width:24px;height:24px;cursor:pointer}.popup-title button:hover{background-color:var(--color-background)}.popup-content{flex:1 0 0}.popup-content svg{width:100%;height:100%}.popup-content .node{fill:var(--color-stroke);stroke:var(--color-neutral);stroke-width:2px;cursor:pointer}.popup-content .link{stroke:var(--color-stroke);stroke-width:1}.popup-content .label{font-size:10px;fill:var(--color-text);pointer-events:none;-webkit-user-select:none;user-select:none}.popup-content .self-made{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.popup-content .self-made a{text-decoration-line:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:3px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.media-skeleton-wrapper{position:relative;overflow:hidden;display:block}.media-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-background) 25%,#948b8b 50%,var(--color-background) 75%);background-size:200% 100%;animation:skeleton-loading 1.2s infinite;transition:opacity .3s ease}@media(max-width:768px){.container{padding-left:20px;padding-right:20px}}@media(max-width:512px){.container{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow:visible;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}.sidebar{max-width:100%;height:auto;gap:48px}.sidebar .sidebar-footer{display:none}.content{max-width:100%;overflow-x:visible}}@keyframes containerFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}