.timeline{display:flex;flex-direction:column;width:100%;max-width:100%;margin-bottom:1em;gap:.5em}.event-container{width:100%;padding:20px 0;aspect-ratio:16 / 9;display:flex;justify-content:center;align-items:center;overflow:hidden;flex-flow:column;flex-direction:column;position:relative}.event-container.normal-event,.event-container.join-event,.event-container.leave-event{margin-top:18px}.event-container.normal-event,.event-container.talk-event{padding:0;aspect-ratio:auto;align-items:flex-start}.event-container.join-event,.event-container.leave-event{background-color:#f1f1f1;border-radius:10px;box-shadow:var(--box-shadow);padding:10px;max-width:80%;text-align:left}.trigger-feeling-container,.trigger,.feeling{margin:0!important;padding:0!important}.trigger-feeling-container{margin-bottom:auto}.trigger{font-size:16px}.feeling{font-size:12px;color:#666}.person-container{height:100%;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto 1fr;gap:10px!important}.person-container.one-people{grid-template-areas:". person-0 ." ". table-circle ." ". person-tsumugu ."}.person-container.two-people{grid-template-areas:"person-0 . person-1" ". table-circle ." ". person-tsumugu ."}.person-container.three-people{grid-template-areas:"person-0 person-1 person-2" ". table-circle ." ". person-tsumugu ."}.person-container.four-people{grid-template-areas:"person-0 person-1 person-2" "person-3 table-circle ." ". person-tsumugu ."}.person-container.five-people{grid-template-areas:"person-0 person-1 person-2" "person-3 table-circle person-4" ". person-tsumugu ."}.person-container.six-people{grid-template-areas:"person-0 person-1 person-2" "person-3 table-circle person-4" "person-5 person-tsumugu ."}.person-container.seven-people{grid-template-areas:"person-0 person-1 person-2" "person-3 table-circle person-4" "person-5 person-tsumugu person-6"}.person-container.eight-people{grid-template-areas:"person-0 person-1 person-2" "person-3 table-circle person-4" "person-5 person-tsumugu person-6" "person-7 - -"}.person-container.nine-people{grid-template-areas:"person-0 person-1 person-2" "person-3 table-circle person-4" "person-5 person-tsumugu person-6" "person-7 person-8 -"}.event-container:has(.eight-people,.nine-people){aspect-ratio:auto}.event-bubble{max-width:80%;text-align:left;position:relative;padding-left:16px}.event-bubble:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:#000;border-radius:50%}.event-text,.talk-text{margin:0!important;padding:0!important;font-size:16px}.event-feeling{display:block;font-size:12px;color:#666}.talk-bubble{display:grid;grid-template-columns:72px 1fr;gap:.5em;align-items:top}.talk-bubble ul{list-style:none;padding:0}.talk-person-info{display:flex;flex-direction:column;align-items:center;margin:.5em 0!important}.talk-person-circle{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;color:#fff;background-size:contain!important;background-repeat:no-repeat!important}.talk-person-name{font-size:16px;margin:0!important;padding:0!important}.talk-bubble-content{min-height:calc(100% - 2em);padding:.5em;display:flex;justify-content:center;align-items:center;position:relative}.section .section-text{font-size:1.2rem;padding:0!important;position:relative;margin:0 0 0 60px!important;color:rgb(var(--gray))}.section .section-text:before,.section .section-text:after{content:"";position:absolute;top:50%;width:50px;height:1px;background-color:rgb(var(--gray))}.section .section-text:before{left:-60px}.section .section-text:after{right:-60px}.person,.table{display:flex;justify-content:center;align-items:center;flex-flow:column}.person{z-index:999}.person-circle,.table-circle{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;color:#fff;background-size:contain!important;background-repeat:no-repeat!important}.table-circle{background-color:#fff;filter:invert(0%) sepia(3%) saturate(32%) hue-rotate(67deg) brightness(84%) contrast(98%);border-radius:0}.person-label,.person-label-tooltip{text-align:center;font-size:12px;color:#333;margin:0!important;padding:0!important}.person-name{font-size:16px;margin:0!important;padding:0!important}.person-department,.person-grade{font-size:12px;margin:0!important;padding:0!important}.join{animation:slidein 3s infinite}.left{animation:slideout 3s infinite}@keyframes slidein{0%{opacity:0;transform:translate(50px)}to{transform:translate(0)}}@keyframes slideout{0%{transform:translate(0)}to{opacity:0;transform:translate(-50px)}}