@layer pages{.joe_journal_add{cursor:pointer;color:var(--text-primary);font-size:16px;position:absolute;top:14px;right:14px;&:hover{color:var(--theme)}& i{font-size:20px}}.joe_journals__list{padding:10px 0 20px;container:joe-moments/inline-size;&.hidden{visibility:hidden}}.joe_journal__item{padding:0 0 30px 40px;position:relative;&:before{z-index:0;content:"";border-left:1px dashed var(--border-faint);width:0;height:150%;position:absolute;top:0;left:12px}&:hover{& .joe_journal_block{border-color:color-mix(in srgb, var(--theme) 30%, var(--border-lighter))}}}.joe_journal_date{z-index:1;height:34px;color:var(--text-regular);background:var(--bg-page);font-size:14px;line-height:34px;position:relative;left:-36px;& i{margin-right:8px}& em{font-style:normal}}.joe_journal_block{z-index:2;box-sizing:border-box;word-break:break-word;color:var(--text-primary);background:var(--background-journal);border-bottom:1px solid var(--border-lighter);border-radius:0 var(--radius-wrap) var(--radius-wrap) var(--radius-wrap);border:1px solid var(--border-lighter);transition:border-color var(--dur-base) var(--ease-out);margin-top:10px;padding:10px;position:relative}.joe_journal_body{box-sizing:content-box;font-size:calc(14px * var(--reading-scale,1));background:var(--background-journal-block);border-radius:var(--radius-inner);max-height:none;transition:height var(--dur-fast) var(--ease-out);padding:10px 12px;position:relative;overflow:hidden;&.is-collapsible{max-height:var(--moment-max-height,300px)}&.open{max-height:none;& .journal_content_expander{background:0 0;margin-top:8px;padding:6px 0;position:static;& i{transform:rotate(180deg)}}}& .content-wrp{display:flow-root;& h1,& h2,& h3,& h4,& h5,& h6{color:var(--text-primary);margin-bottom:18px;line-height:24px;position:relative}& h1{margin:30px 0 20px;&:before{vertical-align:middle;content:"¶";color:var(--theme);margin-right:12px;font-size:24px;display:inline-block;position:relative;top:-4px}}& h2{margin:20px 0;font-size:1.4em;&:before{vertical-align:middle;content:"";background-position:50%;background-repeat:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAVJJREFUWEftl7FKw1AUhv9rbmf1PRw6utkHEOoi6WPoE1ifQJ8gySKCOtRFRBKsDuIiDdZAURBFF50M2sFIzpGogVK03JA2cbh3S/i55zvfvYETgRyLj5erIKOO949FyKm5eHvvHEBV2jyruq1QDQ7n2DNXALEx+D7e2vl6lBYp76scHCzErtmCEPVhqEIAfus8BZk4wM+Zd/46tskDeI0mgLUyAdoAFsoDcM0XCDFdHoDX4FGfbRF3QANoA9qANqANaAPawD82EEWId1sAOJQWz6iO+5nGch41kDw9I3bbYOaTis21wgG4G4AuAzCwXrEoGV6V1ngMJPoPjoB+PzSIa8KBr1QdwFgA6KID7t1AgFYNC5uqxZNcbgB+eASdngHM+9LmpSzF8wFEEagbgHvXoQA3s3aegmYz8P1f4NNVME+39z5e3w4lkSMc3GXtPM1/AjYDFjDGddN5AAAAAElFTkSuQmCC);background-size:auto 100%;width:20px;height:20px;margin-right:6px;display:inline-block;position:relative;top:-2px;left:0}}& h3{margin:20px 0 16px;font-size:1.3em;&:before{vertical-align:middle;content:"";background-position:50%;background-repeat:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAH1JREFUWEft1qENgDAQheH/JANg60DAJIgmrMFCzEEYgTFgDyRFIClp0yBf9evl8pl3RsYbp7BjNLHoMptljPiMZH3WAhKQgAQkIIGXQAXUT79cniHaNMa5draliqqojIID86nRHEtvbSqlBSQgAQlIQAISkECRAA746SC5Ad6XpiGnnOGPAAAAAElFTkSuQmCC);background-size:auto 100%;width:20px;height:20px;margin-right:8px;display:inline-block;position:relative;top:-3px;left:0}}& h4{font-size:1.18em;&:before{vertical-align:middle;content:"";width:22px;height:22px;color:var(--theme);background-position:50%;background-repeat:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAndJREFUWEftVkty2kAQfT1SBLtwg6AqwzbxCQIniG8QvAmwCp8kRqvgFa5KwHjlkI3NCeIbhJwgXptUgW9AdiDQdGoITqUsjcZyuYqNZ6WSXs88vel+3YQtL9ry+Xgk8KhApALNAe8x5PPbCUrgabdsD2/e+1edEpN4FsIRps7OwT9cXKKHCLw75QIL+V0XRFIUP1dptBx3ChKkxQlw8UnOG5mqLESgdsYZy5dTAE8jg5lH3Ypd5Mlxxl8ttDgGRulcq5iYgApofgn6ILzVBQsSu5/e0OXiqnMOotdatVjsOvkPl4muQIFrp5y1hJzEBA67ZavEk07WX5EexzxM5b1SYgJrFQbBOQDt3wVSuP0qTRfjowsAr3SHODa75HrqqiKX1gdMycjAYa9stU3JCPBhKue1ExNQAY3BakSgl1HBDMykI9z+Ps0WV0eXIITKdhM3c+yUS259FrVPrBM2TlclEnSmY8+S93tV+/yvH+hxxLzv5D11paFltOLmIFD3FzIbtRMzpr2K5arn+bgzJZAWl8631rjby0zAUJI3xnTfkjQTiFEAwHW3bGWNCoCv0zlvjUukgOoJgPymzQGg3itbfVMOMKiezh30ExOIqwIAvwNHZFUVzMcdbbUonGOnsomr4P1XfiFZ/tS6GOOkW7FqJh8gwomz06ol9oE7O6GhH9zLCbfeCxqDoE3AR61sm5nA/3XUZ47pmneYCSLnAeHLCQGZaAvmH72yXdjMA6oTanHpnFfQ5tDmQ+KJ6MZ+jckXY7//k4pWYB7sQVCUccxU3a9teHKcWS7ne0wI4Rhipqv7REZkku8hvhut+CEOidvjkcDWFfgD9RMzMKE7f80AAAAASUVORK5CYII=);background-size:auto 100%;margin-right:6px;display:inline-block;position:relative;top:-2px}}& h5{font-size:1em;&:before{vertical-align:middle;content:"";background-position:50%;background-repeat:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAC8klEQVRYR+3WP2gTURwH8O/vKnVRRHKXP52cBO3g4p/BqYNIhy4muajUQRBFKjQV1En6ZxJBcmlRCoJDRe3FDiJVwamLS3FwqbgIgss1l2ZQF5XeT3I1Z3NJ7u5dLlAwN9699/t97vfe7/EIO/yhHe5DD9jpCv3fFVTu856+Xzi62Y/35hj9CFPNrlUwWeRJAJfBGADwBcBNI0/PRZFdAdo4xlQLjCqKjBzogat7hZCRAgPghJGBgbFnxglAOvS7b/fLb+q+qnv5BHBCyEBAWTdnANy2IxOtWSC1qsY+1jOFwAVG+gIVvXyHQbcaKuZCxmf5iMQogXFQtEsBeO5JT6BcMu+Bcb1lUhcyqfExACUAB6JEtgUqi+U5JrrmmcyFHCjwSYtQO+tSUSFbAmXdnAdwJVASdyWLPAS2kbFA8xsHNS13EzCmlx8R6KJQcBcypfFpho3cKxRna3ADsgEo6+ZjAKMhgjZ1d2KWR2gTSyD0h4jnIB2gXDIXwciFCPZvSnMl0wwshYrJGDImaMUGKovlLBPVOrDjh8APzFx8zDkjNa7FzYoGZsKT9XEarQOHmei1aJA246cqOWW6/i2l8VMGzoWIPW/k6eq2Ja6UwCz8pw2JGZ8sS8pUz8fWau/jGp+SgLchcGBgZD1Py41NUuoI+ZloV8ZU93+ogZKzfBiWfXAPCgMJU8Y42avQdMzI4ZBfmSizocqrUeJaAmsvBZGGBCtTziXeRY1rCxRAViEhXckqK93AeQJ9kYTvlmVlqmcTdhNEtefc+9X3utVmuX+CkK6oyqtu4nwrWP8bF5IZdGYjJ79wDuMCz4D+XmhFWnZbt7ab5ltBB6mbkyAaBPFCJassuwMmNb4L4EZgXwBc4AoGTZrUeA6A9x1yK6tzzvnFDlxBv0D176kCP2TCpbbjBXCRV9DZk0VeAONCE1IQ1zWg3dlF1sFQHWQIXFeBNrLAw5BwHBZWjQl6E3SbbB8X+R4Mg/Ca0wN2WtFeBTut4B84mFI4VpekyAAAAABJRU5ErkJggg==);background-size:100% 100%;width:18px;height:18px;margin-right:6px;display:inline-block;position:relative;top:-1px;left:0}}& h6{font-size:1em;&:before{vertical-align:middle;content:"";background-position:50%;background-repeat:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAEI0lEQVRYR+3Xb2wTZRwH8G/vL22RPy5GW8fK6rJpGeFFY9RO3TRRE1HfmEAammEyjZmOSEg1RrPZaTD6xjhU/Ndlf0CZgwmD+qcgZBRIETeqY0Vcnc7pGonhRY2l3m2t5upqjq693l2vcy+8N81zz/NcPvf75fd7rjos8ku3yH34HyjK0PqlDLPzD56vMNL0VHxmpgXAoUIZXKgI3sMSpK+cNTAbylaj/9IkprnLM3+mkg8XQi4EsJ4lSL+ZNbAfVd+JG/XLcSERg3M8IAtZauBtDEkeNdN6fX9NfRqXueQiSwm00wQRMDMGw94snBJkqYBrSYIIXs/ojftqGq6IXHZRFIpkKYC2JSw9SJE663W0nthlqcMawwrJYpVCag1M48pNy1YNvLWRffGNIYSCv6Cnog7rjCtVIbUEXoG7qeqaNMj51F58dWoKPZY62JeWyUJG+ctcIplcIizWCpgTl9EIyODJn9BtceDWq/6B57tO/H4R688fFaZ7AWzWAiiJEyMDx39Ed6UDdyy7Ni/w1ekxbP95VJi/F8CRYoGycGLksaEJdFU6cPdy0zxkR/RbtE6FhPvHATQUm2JFODHSfyyCLmsd7lth/hf53q/jcE8OC+NTAG7PTKiNoCqcGPnpF+PotDrwwNXl+OC3H9A8cVqYPgPgFnFo1QCLwomRg4cvoPMGBzZHTgq3zwKwZ+ddKVATXAZhf+gdnPvuojAUqmJdrspRAtQU93pXEM+8clgwhQHU5itruUBNcTt6TsP9sl8weQC0S/VFOUBNcW/2folt2z+XhZPTZh6kSKJ79aqVRuFszRxfUm8sNbdz9xlsfekz2bhCQBvDMMM8z+ubN92Mjrb71brS+97dM4wtnk8U4SSBBEGErVarzeVywePxoHVLA1pb6lUh3+8bwZMv+BTjpIAVACa9Xq+uqakJ7e3tqpGd/WfR3Jr+81awIJS0mY0A+sLhMGw2W3qfGmTXvhAef/6gapxUBDuqqqoejUQiBvFbKUH2DHyNx54bLAqXF0jT9HBjY6Pd6/XOi7oc5K7936Dp2QNF4/IBrTqdLuLxeIi2tracRSGF/PDgKB55er8muHzATQB2m81m+P1+1NbmPoVyIfsOnUOj+2PNcPmAO1iWbeE4TmexWODz+WQhayrL4No2oCkuJ5Bl2VGO49ZmcisXObdeVSuRaq7ZZ3G10KBTqRQl3pQPGY1GEQgE4HQ6heVDAO5S1cklNmUDXQRB9KZSqXkfESaTCW63G7FYDKFQKDEyMoJoNKqfe/bbAJ7QGpcrxa8xDLOV5/k0kGXZv2ZnZ5FMJtNjmqYvURR1IpFInAcwAeD7ud/pUuDmAY1G41g8Hl9DkmScoqggx3FHAIyJMMlSQfI9V5zKagDC93dsoRFKimQx2dIWOV/U/yn6bx0WyDj8vgLOAAAAAElFTkSuQmCC);background-size:auto 100%;width:16px;height:16px;margin-right:6px;display:inline-block;position:relative;top:-1px;left:0}}& a:not([class]){text-indent:0;color:var(--theme);line-height:26px;display:inline-block;position:relative;&:hover:after{opacity:1;transform:scaleX(1)}&:after{content:"";background:var(--theme);opacity:0;width:100%;height:1px;transition:transform var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);position:absolute;bottom:-1px;left:0;transform:scaleX(.25)}}& a[href*=tag]{color:var(--theme);cursor:pointer;background-color:var(--fill-base);white-space:nowrap;border-radius:3px;padding:1px 4px;display:inline-block;&:before{content:"#"}}& ins,& del{&>a:not([class]){text-decoration:inherit;&:after{display:none}}}& hr{background-color:var(--border-light);border:none;height:1px;margin-bottom:18px}& p{line-height:26px}& blockquote{color:var(--text-regular);background:var(--fill-base);border-left:5px solid var(--quote);border-radius:var(--radius-inner);margin:10px 0;padding:8px 15px;line-height:26px;& p{margin:0}}& ol,& ul{margin-bottom:18px;padding-left:36px;& li{line-height:26px;&.task-list-item{margin-left:-16px;list-style:none;& input{position:relative;top:1px}}}}& ol li{list-style:decimal}& ul li{list-style:outside}& span[data-fancybox=Joe]{display:inline-block}& img{cursor:zoom-in;border-radius:var(--radius-img);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);height:120px;margin:5px 0;display:inline-block;max-width:var(--img-max-width)!important;@container joe-moments (width<=640px){height:80px}&:hover{transform:translateY(-3px);box-shadow:0 34px 20px -24px #88a1ce4d}}& table{table-layout:fixed;border-collapse:unset;width:100%;max-width:100%;color:var(--text-regular);border:1px solid var(--border-muted);border-radius:4px;margin-bottom:18px;font-size:13px;overflow:hidden;& td,& th{border-right:1px solid var(--border-muted);border-bottom:1px solid var(--border-muted);padding:8px}& thead{& th{background:var(--border-lighter);font-weight:500;&:last-child{border-right:none}}}& tbody{& tr{transition:background var(--dur-base) var(--ease-out);&:last-child td{border-bottom:none}&:hover{background:var(--fill-base)}& td:last-child{border-right:none}}}}& video{max-width:100%!important}}}.joe_journal_footer{padding:12px 0 2px;& .footer-wrap.open{& .joe_journal_comment{padding-top:18px;display:block}}}.joe_journal_operate_item{border-radius:var(--radius-inner);font-size:0;font:inherit;user-select:none;color:var(--text-secondary);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:4px;margin-right:8px;padding:2px 4px;display:inline-flex;&:hover{color:var(--theme-text);background:var(--fill-base)}& .joe-font{font-size:16px}& em{font-size:13px;font-style:normal;font-family:var(--font-default)}&.like,&.comment{margin-left:10px;margin-right:0;& i:hover{color:var(--text-icon);transform:scale(1.1)}}& .journal-unlike{cursor:default;color:#f15c43;display:none;&:hover{color:#f15c43;transform:scale(1)}}&.like[aria-pressed=true]{& .journal-like{display:none}& .journal-unlike{color:#f15c43;display:inline-flex}}&.journal_content_expander{background:linear-gradient(to top, var(--background-journal-block) 65%, transparent);justify-content:flex-end;align-items:center;gap:6px;width:100%;min-height:42px;margin-right:0;padding:10px 12px 6px;font-size:13px;display:flex;position:absolute;bottom:0;left:0;&[hidden]{display:none}& i{font-size:16px}}}.joe_journal_comment{display:none}.joe_pagination{padding:0 0 20px}.page-journals{& .joe_detail{position:relative;overflow-y:hidden}}@container joe-moments (width<=480px){.joe_journals__list{& .joe_journal__item{padding:0 0 12px;&:before{display:none}& .joe_journal_date{left:0}& .joe_journal_block{border-radius:0 10px 10px}& .joe_journal_body{padding:8px 8px 14px}}}}}