.timeline.fren-trail{position:relative;display:block;border:0;padding:8px 0 0;margin:0}.timeline.fren-trail::before{content:"";position:absolute;top:42px;bottom:6px;left:50%;width:1px;background:#4b3b59}.trail-legend{position:relative;z-index:1;display:flex;justify-content:space-between;margin:0 0 22px;font-size:.74rem;font-weight:700}.trail-legend span{width:calc(50% - 26px)}.trail-legend .josh{text-align:right;color:#a98ad4}.trail-legend .ashie{color:#9bce78}.fren-event{position:relative;width:fit-content;max-width:min(42%,360px);padding:0 0 28px}.fren-event.josh{margin:0;left:calc(50% - 28px);transform:translateX(-100%);text-align:right}.fren-event.ashie{margin:0;left:calc(50% + 28px)}.fren-event .moment-content{width:fit-content;max-width:100%;padding:14px 15px;border:1px solid #493657;border-radius:14px;background:#211a2d}.fren-event.ashie .moment-content{border-color:#315d45;background:#173126}.fren-event .moment-dot{left:auto;top:17px;width:18px;height:18px;border-width:3px;background:#49315f;color:#d8af55}.fren-event.josh .moment-dot{right:-37px}.fren-event.ashie .moment-dot{left:-37px;background:#234e37;color:#d8f0bd}.fren-event .moment-meta{display:block}.fren-event .moment-meta strong{color:#c3a5eb}.fren-event.ashie .moment-meta strong{color:#b6e59b}.fren-event .moment-meta time{display:block;margin-top:3px}.fren-event .moment-note{font-size:.93rem}.fren-event .moment-image{max-width:100%;max-height:220px}.fren-event.josh .moment-image{margin-left:auto}.fren-event.josh .delete-moment{margin-left:auto}.fren-event.ashie .delete-moment{margin-right:auto}@media(max-width:640px){.timeline.fren-trail{padding:8px 0 0}.timeline.fren-trail::before{left:50%;top:36px}.trail-legend span{width:calc(50% - 18px)}.fren-event{width:calc(50% - 19px);max-width:none;padding-bottom:22px}.fren-event.josh{left:calc(50% - 19px);transform:translateX(-100%)}.fren-event.ashie{left:calc(50% + 19px)}.fren-event .moment-content{width:100%;padding:10px 11px}.fren-event .moment-dot{top:13px}.fren-event.josh .moment-dot{right:-28px}.fren-event.ashie .moment-dot{left:-28px}.fren-event .moment-meta{display:block}.fren-event .moment-meta time{display:block;margin-top:3px}.fren-event .moment-note{font-size:.8rem;line-height:1.35}.fren-event .moment-image{max-height:150px}.fren-event.josh .moment-image{margin-left:auto}.fren-event.josh .delete-moment{margin-left:auto}}