.live-float-widget{--docked-height: 4rem;position:fixed;bottom:12rem;right:2rem;z-index:9999;cursor:pointer;width:5.625rem;height:10rem;border-radius:.75rem;touch-action:none;user-select:none;-webkit-user-select:none}@media(orientation:portrait){.live-float-widget{bottom:auto;top:8rem;right:1.25rem;width:5rem;height:8rem}}.live-float-widget .live-float-pulse{position:absolute;top:-.375rem;left:-.375rem;right:-.375rem;bottom:-.375rem;border-radius:.75rem;border:2px solid #ff4444;animation:livePulse 2s ease-in-out infinite}.live-float-widget .live-float-inner{position:relative;width:100%;height:100%;border-radius:.5rem;overflow:hidden;background-color:#fff;box-shadow:0 4px 20px #0000004d}.live-float-widget .live-float-inner .live-float-badge{position:absolute;bottom:.375rem;left:50%;transform:translate(-50%);background:#f44;color:#fff;font-size:.625rem;font-weight:700;padding:.0625rem .375rem;border-radius:.25rem;z-index:1;letter-spacing:.05em}.live-float-widget .live-float-inner .live-float-broadcast{display:none}.live-float-widget .live-float-inner .live-float-thumb-container{width:100%;height:100%}.live-float-widget .live-float-inner .live-float-thumb-container .live-float-thumb{width:100%;height:100%;object-fit:cover}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.1)}}.live-float-widget.dragging{transform:scale(1.2)}.live-float-widget.dragging .live-float-pulse{display:none}.live-float-widget.dragging .live-float-inner{box-shadow:0 12px 32px #00000073}.live-float-widget.docked-left,.live-float-widget.docked-right{height:var(--docked-height)}.live-float-widget.docked-left .live-float-pulse,.live-float-widget.docked-right .live-float-pulse{display:none}.live-float-widget.docked-left .live-float-inner,.live-float-widget.docked-right .live-float-inner{box-shadow:0 8px 24px #0000001a}.live-float-widget.docked-left .live-float-inner .live-float-badge,.live-float-widget.docked-right .live-float-inner .live-float-badge{display:none}.live-float-widget.docked-left .live-float-inner .live-float-broadcast,.live-float-widget.docked-right .live-float-inner .live-float-broadcast{display:flex;position:absolute;top:0;z-index:10;width:var(--docked-height);height:var(--docked-height);justify-content:center;align-items:center;padding:.25rem}.live-float-widget.docked-left .live-float-inner .live-float-broadcast .broadcast,.live-float-widget.docked-right .live-float-inner .live-float-broadcast .broadcast{width:50%;height:50%;margin-top:-25%;align-items:center;display:inline-flex;justify-content:space-evenly;align-items:flex-end}.live-float-widget.docked-left .live-float-inner .live-float-broadcast .broadcast>span,.live-float-widget.docked-right .live-float-inner .live-float-broadcast .broadcast>span{animation-direction:alternate;animation-duration:.5s;background:#fff;animation-iteration-count:infinite;animation-timing-function:linear;border-radius:10px;display:inline-block;width:15%}.live-float-widget.docked-left .live-float-inner .live-float-broadcast .broadcast>span:first-child,.live-float-widget.docked-right .live-float-inner .live-float-broadcast .broadcast>span:first-child{animation-name:spark-0}.live-float-widget.docked-left .live-float-inner .live-float-broadcast .broadcast>span:nth-child(2),.live-float-widget.docked-right .live-float-inner .live-float-broadcast .broadcast>span:nth-child(2){animation-name:spark-1}.live-float-widget.docked-left .live-float-inner .live-float-broadcast .broadcast>span:nth-child(3),.live-float-widget.docked-right .live-float-inner .live-float-broadcast .broadcast>span:nth-child(3){animation-name:spark-2}.live-float-widget.docked-left .live-float-inner .live-float-broadcast .broadcast>span:nth-child(4),.live-float-widget.docked-right .live-float-inner .live-float-broadcast .broadcast>span:nth-child(4){animation-name:spark-3}@keyframes spark-0{0%{height:27%}25%{height:19%}75%{height:28%}to{height:37%}}@keyframes spark-1{0%{height:36%}25%{height:63%}75%{height:37%}to{height:28%}}@keyframes spark-2{0%{height:64%}25%{height:27%}75%{height:46%}to{height:71%}}@keyframes spark-3{0%{height:45%}25%{height:36%}75%{height:19%}to{height:28%}}.live-float-widget.docked-left .live-float-inner .live-float-thumb-container,.live-float-widget.docked-right .live-float-inner .live-float-thumb-container{width:100%;height:100%;padding:.25rem;position:relative}.live-float-widget.docked-left .live-float-inner .live-float-thumb-container .live-float-thumb,.live-float-widget.docked-right .live-float-inner .live-float-thumb-container .live-float-thumb{object-position:center 20%;border-radius:.5rem}.live-float-widget.docked-left .live-float-inner .live-float-thumb-container:before,.live-float-widget.docked-right .live-float-inner .live-float-thumb-container:before{content:"";position:absolute;top:.25rem;left:.25rem;right:.25rem;bottom:.25rem;background:#0003;border-radius:.5rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}.live-float-widget.docked-right{transform:translate(calc(100% - var(--docked-height)))}.live-float-widget.docked-right .live-float-inner{border-radius:.75rem 0 0 .75rem}.live-float-widget.docked-right .live-float-inner .live-float-broadcast{left:0}.live-float-widget.docked-right .live-float-inner .live-float-thumb-container{padding-right:1.25rem}.live-float-widget.docked-right .live-float-inner .live-float-thumb-container:before{right:1.25rem}.live-float-widget.docked-left{transform:translate(calc(-100% + var(--docked-height)))}.live-float-widget.docked-left .live-float-inner{border-radius:0 .75rem .75rem 0}.live-float-widget.docked-left .live-float-inner .live-float-broadcast{right:0}.live-float-widget.docked-left .live-float-inner .live-float-thumb-container{padding-left:1.25rem}.live-float-widget.docked-left .live-float-inner .live-float-thumb-container:before{left:1.25rem}.live-room-overlay{position:fixed;top:0;left:0;width:100%;height:100%;width:100vw;overflow:hidden;z-index:2147483637;background:#0000008c;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.live-room-overlay.active{opacity:1;visibility:visible}.live-room-overlay .live-room{--header-height: 5rem;position:relative;width:100rem;height:50rem;min-height:80vh;max-width:100rem;max-height:100svh;display:flex;flex-direction:column;background:#111;border-radius:2rem;overflow:hidden;transform:translateY(3rem);transition:transform .35s cubic-bezier(.16,1,.3,1)}@media(max-width:900px){.live-room-overlay .live-room{--header-height: 3.5rem;width:100vw;height:100svh;max-width:100vw;border-radius:0}}.live-room-overlay .live-room .live-room-header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);background:#111;flex-shrink:0}@media(max-width:900px){.live-room-overlay .live-room .live-room-header{background:#000}}.live-room-overlay .live-room .live-room-header .live-room-header-logo{height:1rem;width:auto;margin-left:calc((var(--header-height) - 1rem) / 2)}@media(max-width:900px){.live-room-overlay .live-room .live-room-header .live-room-header-logo{height:.75rem;margin-left:calc((var(--header-height) - .75rem) / 2)}}.live-room-overlay .live-room .live-room-header .live-room-close{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;width:calc(var(--header-height) * .5);height:calc(var(--header-height) * .5);margin-right:calc(var(--header-height) * .25);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.live-room-overlay .live-room .live-room-header .live-room-close:hover{color:#fff;background:#ffffff1a}@media(max-width:900px){.live-room-overlay .live-room .live-room-header .live-room-close{width:var(--header-height);height:var(--header-height);margin-right:0;border-radius:0}}@media(max-width:768px){.live-room-overlay .live-room .live-room-header .live-room-close{padding:1rem}}.live-room-overlay .live-room .live-room-body{flex:1;display:flex;min-height:0}@media(orientation:portrait){.live-room-overlay .live-room .live-room-body{flex-direction:column}}.live-room-overlay .live-room .live-room-body .yt-video-container{position:relative;flex:1}.live-room-overlay .live-room .live-room-body .yt-video-container iframe{width:100%;height:100%;border:none}.live-room-overlay .live-room .live-room-body .yt-chat-container{flex:none;min-width:20rem;border-left:1px solid #333}@media(orientation:portrait){.live-room-overlay .live-room .live-room-body .yt-chat-container{width:100%;height:calc(100vh - var(--header-height) - 100vw);min-height:320px;border-left:none;border-top:1px solid #333}}.live-room-overlay .live-room .live-room-body .yt-chat-container iframe{width:100%;height:100%;border:none}.live-room-overlay.active .live-room{transform:translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/55/assets/theme-version-2026/css/live-room.css.map */