.pncloud-bendsimulator{position:relative;height:100%;width:100%}.pncloud-bendsimulator canvas{height:100%;width:100%;display:block;outline:none}.pncloud-bendsimulator #playbar-background{position:absolute;bottom:0;width:100%;height:50px}.pncloud-bendsimulator #playbar-container{display:grid;grid-template-rows:auto auto;position:absolute;left:15px;right:15px;bottom:5px}.pncloud-bendsimulator #playbar-container .progress-bar{display:flex;width:100%;position:relative;overflow:visible;cursor:pointer}.pncloud-bendsimulator #playbar-container .progress-bar .progress-segment-container{height:12px}.pncloud-bendsimulator #playbar-container .progress-bar .progress-segment-container .progress-segment{position:relative;background-color:#a19f9f;margin-right:4px;margin-top:3px;height:6px}.pncloud-bendsimulator #playbar-container .progress-bar .progress-segment-container .progress-segment .collision-zone{position:absolute;top:20%;height:60%;background-color:red}.pncloud-bendsimulator #playbar-container .progress-bar .progress-segment-container .progress-segment .progress-bar-fill{position:absolute;top:0;left:0;height:100%;width:0;background-color:#001991}.pncloud-bendsimulator #playbar-container .progress-bar .progress-segment-container.active .progress-segment{height:10px;margin-top:1px}.pncloud-bendsimulator #playbar-container .progress-bar .progress-segment-container:hover .progress-segment{height:10px;margin-top:1px}.pncloud-bendsimulator #playbar-container .playbar-control-container{height:36px}.pncloud-bendsimulator #playbar-container .playbar-control-container .playbar-control{opacity:.9;display:inline-block;height:36px;width:36px;border:none;color:#eee;background-color:rgba(0,0,0,0);cursor:pointer;padding:0}.pncloud-bendsimulator #playbar-container .playbar-control-container .playbar-control path{transition:opacity .35s cubic-bezier(0.4, 0, 0.2, 1),transform .35s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:center center}.pncloud-bendsimulator #playbar-container .playbar-control-container .playbar-play-button .play-path{opacity:1;transform:scale(1) rotate(0deg)}.pncloud-bendsimulator #playbar-container .playbar-control-container .playbar-play-button .pause-path{opacity:0;transform:scale(0.7) rotate(-90deg)}.pncloud-bendsimulator #playbar-container .playbar-control-container .playbar-play-button.pause .play-path{opacity:0;transform:scale(0.7) rotate(90deg)}.pncloud-bendsimulator #playbar-container .playbar-control-container .playbar-play-button.pause .pause-path{opacity:1;transform:scale(1) rotate(0deg)}#pncloud-bendlist{position:absolute;top:0;left:0}.pncloud-3d-viewer{position:relative}