@charset "UTF-8";.outer-link-container[data-v-d1452a16],.note-detail-mask[data-v-d1452a16]{outline:none!important}.outer-link-container[data-v-d1452a16]:focus,.note-detail-mask[data-v-d1452a16]:focus{outline:none!important}.author[data-v-d1452a16]{background:var(--elevation-note-background);height:64px;position:sticky;z-index:5;top:0;display:none}@media screen and (min-width: 696px) and (max-width: 959px){.author[data-v-d1452a16]{display:flex}}@media screen and (max-width: 695px){.author[data-v-d1452a16]{display:flex}}.close-mask[data-v-d1452a16]{display:flex}@media screen and (min-width: 696px) and (max-width: 959px){.close-mask[data-v-d1452a16]{display:none}}@media screen and (max-width: 695px){.close-mask[data-v-d1452a16]{display:none}}.interaction-container[data-v-d1452a16]{flex-shrink:0!important;flex-grow:0;flex-basis:auto;border-radius:0 20px 20px 0;position:relative;display:flex;flex-direction:column;height:100%;background-color:var(--elevation-note-background);overflow:visible;border-left:1px solid var(--color-border);box-sizing:border-box;min-width:0;opacity:1;transition:opacity .12s ease-out}.interaction-container.is-hidden[data-v-d1452a16]{width:0!important;min-width:0!important;opacity:0;border-left-color:transparent;overflow:hidden;pointer-events:none}@media screen and (max-width: 959px){.interaction-container[data-v-d1452a16]{width:100%!important;min-width:100%!important;border-radius:0 0 20px 20px}}.outer-link-container[data-v-d1452a16]{flex-grow:1;width:100%;height:calc(100vh - 88px);flex-shrink:1;display:flex;justify-content:center;margin-top:88px;transition:height .6s}@media screen and (min-width: 1920px){.outer-link-container[data-v-d1452a16]{width:1605.3333333333px}}@media screen and (max-width: 959px){.outer-link-container[data-v-d1452a16]{margin-top:72px;height:calc(100vh - 136px - env(safe-area-inset-bottom))}}.note-detail-mask[data-v-d1452a16]{width:100vw;height:100vh;z-index:2000;overflow:auto;background-color:#00000040;opacity:1;transition:opacity .22s ease-out}.note-detail-mask[data-entering=true][data-v-d1452a16],.note-detail-mask[data-leaving=true][data-v-d1452a16]{opacity:0}.note-container[data-v-d1452a16]{display:flex;box-shadow:var(--elevation-note-shadow);border-radius:20px;overflow:hidden;background:var(--elevation-note-background);transform-origin:left top;box-sizing:border-box;justify-content:flex-start;transition:width .16s ease-out}.note-container.is-closing[data-v-d1452a16]{box-shadow:none}.note-container .media-container[data-v-d1452a16]{position:relative;background:#000;flex-shrink:0;flex-grow:0;overflow:hidden;border-radius:20px 0 0 20px;height:auto;width:var(--media-width)!important;max-width:var(--media-width)!important;padding:0!important;margin:0!important}.note-container .media-container video[data-v-d1452a16]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.note-container .media-container .player-container[data-v-d1452a16]{position:relative;width:100%;height:100%;padding:0;margin:0;overflow:hidden;cursor:pointer}.note-container .media-container .player-container .player-state-overlay[data-v-d1452a16]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none}.note-container .media-container .player-container .player-pause-indicator[data-v-d1452a16],.note-container .media-container .player-container .player-loading-indicator[data-v-d1452a16]{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center}.note-container .media-container .player-container .player-pause-indicator img[data-v-d1452a16]{width:46px;height:46px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))}.note-container .media-container .player-container .player-loading-indicator[data-v-d1452a16]:before{content:"";width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;animation:video-loading-spin-d1452a16 .8s linear infinite}.note-container .media-container .player-container .player-el[data-v-d1452a16]{width:100%;height:100%;padding:0;margin:0;opacity:0;transition:opacity .18s ease-out}.note-container .media-container .player-container .player-el.is-ready[data-v-d1452a16]{opacity:1}.note-container .media-container .player-container .video-cover-placeholder[data-v-d1452a16]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;background:#000;opacity:1;pointer-events:none;transition:opacity .18s ease-out}.note-container .media-container .player-container .video-cover-placeholder.is-hidden[data-v-d1452a16]{opacity:0}.note-container .media-container .player-container .xgplayer-skin-default[data-v-d1452a16]{background:#000;width:100%;height:100%;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.note-container .media-container .player-container .xgplayer-skin-default video[data-v-d1452a16]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;outline:none;z-index:9;position:relative}.note-container .media-container .player-container[data-v-d1452a16] .xgplayer-start{display:none!important}@media screen and (min-width: 1424px) and (max-width: 1920px){.note-container .media-container[data-v-d1452a16]{height:auto!important;max-width:var(--media-width)!important}}@keyframes video-loading-spin-d1452a16{to{transform:rotate(360deg)}}@media screen and (min-width: 1728px){.note-container[data-v-d1452a16]{height:calc(100% - 64px)}}@media screen and (min-width: 1192px) and (max-width: 1423px){.note-container[data-v-d1452a16]{height:calc(100% - 48px)}}@media screen and (min-width: 1424px) and (max-width: 1727px){.note-container[data-v-d1452a16]{height:calc(100% - 64px)}}@media screen and (min-width: 960px) and (max-width: 1191px){.note-container[data-v-d1452a16]{height:calc(100% - 48px)}}@media screen and (max-width: 959px){.note-container[data-v-d1452a16]{height:100%;width:100%!important;border:0;flex-direction:column;box-shadow:none;border-radius:0;transition:transform .4s,width .4s;transform:translate(0) scale(1);overflow:scroll}.note-container .media-container[data-v-d1452a16]{border-radius:0;height:300px!important}}@media screen and (min-width: 1440px){.note-container[data-v-d1452a16]{max-width:calc(100vw - 80px)}}