.play-notice-viewport{inset:0;z-index:20;overflow:hidden}.play-notice,.play-notice-viewport{position:absolute;pointer-events:none}.play-notice{top:8px;right:8px;width:300px;max-width:calc(100% - 16px);box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:10px 6px 10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(29,29,32,.97);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:start;animation:play-notice-in .28s cubic-bezier(.18,.8,.25,1) both}.play-notice-viewport--controls .play-notice{top:calc(env(safe-area-inset-top, 0px) + 52px)}.play-notice--floating{position:fixed;top:calc(env(safe-area-inset-top, 0px) + 16px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:190;max-width:calc(100vw - 16px)}.play-notice.is-leaving{animation:play-notice-out .24s ease-in both}.play-notice__icon{display:grid;place-items:center;flex:none;width:24px}.play-notice__icon>svg{width:22px;height:22px}.play-notice__icon .pg-icon{width:28px;height:28px}.play-notice__icon .ach-ic{font-size:14px}.play-notice__copy{flex:1 1;min-width:0;overflow-wrap:anywhere}.play-notice .play-notice__title{font:600 13px/18px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff}.play-notice .play-notice__body{margin-top:1px;font:400 12px/16px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:rgba(255,255,255,.6)}.play-notice__action{flex:none;max-width:30%;pointer-events:auto}.play-notice__action :is(button,a){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 3px;border:0;background:none;color:#8878fa;font:600 13px/18px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:center;text-decoration:none;cursor:pointer;overflow-wrap:anywhere}.play-notice__close{flex:none;display:grid;place-items:center;width:28px;min-height:44px;padding:0;border:0;background:none;color:rgba(255,255,255,.4);cursor:pointer;pointer-events:auto}.play-notice :is(button,a):focus-visible{outline:2px solid #8878fa;outline-offset:2px;border-radius:4px}.play-notice__recording{width:8px;height:8px;border-radius:50%;background:#ff4b4d}@keyframes play-notice-in{0%{opacity:0;transform:translateX(calc(100% + 16px))}to{opacity:1;transform:translateX(0)}}@keyframes play-notice-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(calc(100% + 16px))}}@media (prefers-reduced-motion:reduce){.play-notice,.play-notice.is-leaving{animation:none}}