.page-note-detail .note-action.sticky{height:0;position:sticky;top:10em}@media screen and (max-width:960px){.page-note-detail .note-action.sticky{display:none}}.page-note-detail .note-action.sticky .btn{margin-bottom:1.5em}.page-note-detail .note-action:not(.sticky){display:flex;gap:3em;justify-content:center;margin-bottom:3.5em}.page-note-detail .note-action .btn{border-radius:4em;display:flex;gap:.5em;padding:0;position:relative;text-align:center}.page-note-detail .note-action .btn i{font-size:1.5em}.page-note-detail .note-action .btn:hover i{transform:scale(1.1)}.page-note-detail .note-action .btn span{background-color:var(--primary-600);border-radius:10em;color:var(--light);display:block;font-size:.75em;padding:.125em .5em;position:absolute;right:-1.5em;top:-1.5em}.page-note-detail .note-body{margin:0 auto;max-width:50em;width:100%}.page-note-detail .note-title{margin-bottom:1em}.page-note-detail .note-title a{margin-left:.25em}.page-note-detail .note-meta{margin-bottom:3.5em;opacity:.5}.page-note-detail .note-meta span{margin-right:1.5em}.page-note-detail .note-meta .ri{margin-right:.5em}.page-note-detail .note-card{margin-bottom:3.5em;padding:var(--padding)}.page-note-detail .note-card .note-media{margin-top:2em}.page-note-detail .note-card .note-media img,.page-note-detail .note-card .note-media video{border-radius:var(--radius);margin-bottom:1em}.page-note-detail .note-card .note-media img:last-child,.page-note-detail .note-card .note-media video:last-child{margin-bottom:0}.page-note-detail .note-card .note-media img{cursor:pointer;cursor:zoom-in}.page-note-detail .note-card .note-music{align-items:center;background-color:var(--lighter-gray-2);border-radius:var(--radius);cursor:pointer;display:flex;margin-top:3em;padding:1em;position:relative}.page-note-detail .note-card .note-music:after{bottom:-.25em;content:"";font-family:remixicon;font-size:8em;opacity:.2;pointer-events:none;position:absolute;right:0;transform:rotate(-15deg)}.page-note-detail .note-card .note-music img{border-radius:var(--radius);height:4em;margin-right:1em;width:4em}.page-note-detail .note-card .note-music p{margin-bottom:0}.page-note-detail .note-card .note-music small{opacity:.6}.page-note-detail .note-author{display:table;padding:var(--padding);position:relative}.page-note-detail .note-author .author-avatar{display:table-cell;vertical-align:middle;width:5em}.page-note-detail .note-author .author-avatar img{border-radius:66%;height:auto}.page-note-detail .note-author .author-info{margin-left:1.5em}.page-note-detail .note-author .author-info h4{font-weight:700;margin-bottom:.5em}@media screen and (max-width:800px){.page-note-detail .note-author{margin-top:6em;padding-top:3em}.page-note-detail .note-author .author-avatar{left:0;margin:auto;position:absolute;right:0;top:-3em}.page-note-detail .note-author .author-avatar img{border:5px solid var(--light)}.page-note-detail .note-author .author-info{margin-left:0}.page-note-detail .note-author .author-info h4{text-align:center}}.page-note-detail .note-comments{margin-top:3.5em;padding:var(--padding);scroll-margin-top:6em}.page-note-detail .note-sidebar{margin-top:3.5em}.page-note-detail .note-sidebar .is-card{padding:var(--padding)}.page-note-detail .note-sidebar .recent-comments a{color:var(--text-secondly);display:block;margin-bottom:.5em}.page-note-detail .note-sidebar .recent-comments a:last-child{margin-bottom:0}