div[data-floating-ui-portal]>div>div{&:has(.chat-dialog-small-wrapper){width:100%!important;max-width:31.25rem!important;height:calc(80dvh - var(--headerHeight) - 5.625rem)!important;background-color:transparent!important;border-radius:0!important;display:block!important;backdrop-filter:blur(0)!important;-webkit-backdrop-filter:blur(0)!important;padding:0 .5rem!important;position:fixed!important;left:0!important;bottom:0!important;transition:all .2s ease-in-out!important}&:has(.chat-dialog-large-wrapper){width:100%!important;max-width:43.75rem!important;height:calc(100dvh - var(--headerHeight) - 5.625rem)!important;background-color:transparent!important;border-radius:0!important;display:block!important;backdrop-filter:blur(0)!important;-webkit-backdrop-filter:blur(0)!important;padding:0 .5rem!important;position:fixed!important;left:0!important;bottom:0!important;transition:all .2s ease-in-out!important}.chat-dialog-large-wrapper,.chat-dialog-small-wrapper{all:unset!important;width:100%!important;margin:0!important}.chat-dialog-body{all:unset!important;height:60vh;.chat-wrap{height:100%;.player-chat-module{height:100%;display:flex;flex-direction:column;position:relative;&:before{content:"";width:.813rem;height:.813rem;background-color:var(--white-1000);display:inline-block;position:absolute;top:0;right:0;transform:rotate(-90deg);transition:all .3s ease-in-out;clip-path:polygon(100% 100%,100% 0,0 100%)}.top-left-corner{width:100%;max-width:6.25rem;height:auto;z-index:2;pointer-events:none;position:absolute;top:-.25rem;left:-.25rem}.chat-header{width:100%;height:3.625rem;min-height:3.625rem;background-color:var(--primary-1000);display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:.75rem 1rem .75rem 2.25rem;position:relative;clip-path:polygon(0 0,calc(100% - 1.125rem) 0,100% calc(100% - 2.5rem),100% 100%,0 100%,0 50%);.heading-text{color:var(--black-1000);font-size:1.5rem;font-weight:600;line-height:1.4;letter-spacing:.063rem}.btn-box{display:flex;justify-content:flex-end;.header-btn{svg{fill:var(--black-1000)}&:hover{background-color:var(--black-200);svg{fill:var(--white-1000)}}}.close-btn{svg{width:1.75rem;height:1.75rem;path{&:first-child{fill:transparent}&:nth-child(2){fill:var(--black-1000)}}}&:hover{svg{path{&:nth-child(2){fill:var(--white-1000)}}}}}}}.connecting-status-wrap{width:100%;background-color:var(--chineseBlack-1000);.connecting-status-box{width:100%;max-width:22.75rem;padding:.5rem;margin-left:auto;margin-right:auto;position:relative;&:before{content:"";width:100%;height:2px;background-image:linear-gradient(to right,transparent,transparent,var(--primary-1000),transparent,transparent);display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.text{color:var(--taupeGray-1000);font-size:.875rem;font-weight:600;line-height:1.2;text-align:center}}}.chat-section{height:100%;background-color:var(--chineseBlack-1000);overflow-y:auto;padding:1.75rem 1rem;display:flex;flex-direction:column-reverse;.infinite-scroll-component__outerdiv{.infinite-scroll-component{scrollbar-width:none;::-webkit-scrollbar{width:0}}}.pdf-wrap{display:flex;gap:1rem;margin-top:1rem;justify-content:left;color:#fff;.text-box{.text{color:var(--white-1000);font-size:.875rem;font-weight:400;line-height:1.4;letter-spacing:.063rem}}}.chat-message{display:flex;gap:1rem;margin-top:1rem;.profile-img-box{width:2.5rem;min-width:2.5rem;height:2.5rem;border-radius:100%;border:2px solid var(--primary-1000);overflow:hidden;.profile-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}}.chat-text-wrap{--bg-color:var(--raisinBlack-1000);--top-bg-height:1.25rem;width:-moz-fit-content;width:fit-content;max-width:18.25rem;min-height:2.5rem;z-index:0;padding-top:.5rem;padding-bottom:.5rem;position:relative;&:before{height:var(--top-bg-height);-webkit-mask-image:url(/_next/static/media/chat-bubble-top-bg-mask.1fcc83e2.png);mask-image:url(/_next/static/media/chat-bubble-top-bg-mask.1fcc83e2.png);top:0}&:after,&:before{content:"";width:100%;background-color:var(--bg-color);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;display:block;z-index:-1;pointer-events:none;position:absolute;left:0;transform:translateX(0)}&:after{height:calc(100% - var(--top-bg-height));-webkit-mask-image:url(/_next/static/media/chat-bubble-bottom-bg-mask.cc5e5116.png);mask-image:url(/_next/static/media/chat-bubble-bottom-bg-mask.cc5e5116.png);top:1.25rem}.corner-shape{width:.75rem;height:.75rem;border:.375rem solid var(--primary-1000);border-bottom:.375rem solid transparent;display:block;position:absolute;top:0}.text-box{.text{color:var(--white-1000);font-size:.875rem;font-weight:400;line-height:1.4;letter-spacing:.063rem;&>span{color:var(--white-1000);font-size:.875rem;strong{font-weight:400;display:inline-block}.tip-amount{color:var(--primary-1000);font-size:1.5rem;font-weight:600;display:block}img{width:100%;max-width:1rem;height:auto;display:inline-block}}}}.timestamp{color:var(--white-500);font-size:.625rem;font-weight:400;line-height:1.4;letter-spacing:.063rem;display:block;margin-top:.5rem}}.file-message{background-color:#444;border-left:3px solid var(--primary-1000)}&.user-message,&.user_file_message{flex-direction:row-reverse;.chat-text-wrap{padding-left:.625rem;padding-right:1.25rem;.corner-shape{border-right-color:transparent;left:0}}.timestamp{text-align:right;padding-right:.75rem}}&.staff-message,&.staff_file_message{.chat-text-wrap{padding-left:1.25rem;padding-right:.625rem;&:after,&:before{transform:scaleX(-1) translateX(0)}.corner-shape{border-left-color:transparent;right:0}}.timestamp{text-align:left;padding-left:.75rem}}}}.chat-footer{background-color:var(--chineseBlack-1000);padding:1rem;.chat-footer-container{display:flex;flex-direction:row-reverse;gap:.5rem}.input-box:focus-within{background-color:var(--primary-100);border:1px solid var(--primary-1000)}.input-box{width:100%;position:relative;background-color:var(--white-100);border:1px solid transparent;input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.input-field{width:93%;min-height:2.75rem;color:var(--primary-1000);background-color:transparent;border:none;font-size:1rem;font-weight:400;line-height:1.4;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.25rem 1rem}.send-btn{border-radius:0;position:absolute;top:50%;right:0;transform:translateY(-50%);svg{fill:var(--primary-1000)}}.typedownloadClass{position:absolute;top:-2rem;left:0}}.tip-wrap{.tip-header{margin-bottom:.25rem;position:relative;.text{color:var(--text-color);font-size:.875rem;font-weight:600;line-height:1.25;display:inline-block;transform:translateY(-.388rem)}.tip-close-btn{width:2rem;min-width:2rem;height:2rem;position:absolute;top:-.5rem;right:0}}.tip-container{display:flex;gap:.5rem}}}}}}@media screen and (max-width:767.98px){&:has(.chat-dialog-small-wrapper,.chat-dialog-large-wrapper){max-width:100%!important;height:calc(100dvh - var(--headerHeightMobile) - .25rem)!important}.chat-dialog-body{.chat-wrap{.player-chat-module{.chat-header{.btn-box{.header-btn:not(.close-btn){display:none}}}}}}}}.chat-support-btn{width:3.5rem;min-width:3.5rem;height:3.5rem;background-color:var(--primary-1000);border:2px solid var(--black-1000);border-radius:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:9999;position:fixed;left:1.25rem;bottom:1.25rem;.icon-box{width:2rem;min-width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;position:relative;svg{width:2rem;height:2rem;fill:var(--black-1000)}}.text{background-color:#bd0000;border-radius:.5rem;color:var(--white-1000);font-size:.875rem;font-weight:400;line-height:1.4;display:inline-block;padding:0 .25rem;position:absolute;top:-.125rem;right:-.125rem}@media screen and (max-width:991.98px){width:3rem;min-width:3rem;height:3rem;left:.75rem;bottom:5rem;.icon-box{width:1.5rem;min-width:1.5rem;height:1.5rem;svg{width:1.5rem;height:1.5rem}}.text{font-size:.625rem}}}.chat-btn-wrap,.tip-btn-wrap{display:flex;gap:.5rem;.chat-btn,.tip-btn{display:inline-block;position:relative;transition:all .3s ease-in-out;.btn-inner{--bg-color:var(--black-1000);--bg-color-hover:var(--primary-1000);--border-width:1.5px;--border-color:var(--white-1000);--text-color:var(--primary-1000);--text-color-hover:var(--black-1000);--blur:4px;--curve-top-left-1:0rem;--curve-top-left-2:0rem;--curve-bottom-right-1:0.75rem;--curve-bottom-right-2:1rem;width:100%;min-width:2.75rem;border:0;display:inline-grid;place-content:center;padding:.75rem;cursor:pointer;position:relative;transition:all .3s ease-in-out;clip-path:polygon(0 var(--curve-top-left-1),var(--curve-top-left-2) 0,100% 0,100% calc(100% - var(--curve-bottom-right-1)),calc(100% - var(--curve-bottom-right-2)) 100%,0 100%);&:after,&:before{content:"";width:100%;height:100%;position:absolute;inset:0}&:before{background-color:var(--border-color);z-index:-2}&:after{background-color:var(--bg-color);z-index:-1;transition:all .3s ease-in-out;clip-path:polygon(var(--border-width) calc(var(--curve-top-left-1) + var(--border-width) * .5),calc(var(--curve-top-left-2) + var(--border-width) * .5) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - calc(var(--curve-bottom-right-1) + var(--border-width) * .5)),calc(100% - calc(var(--curve-bottom-right-2) + var(--border-width) * .5)) calc(100% - var(--border-width)),var(--border-width) calc(100% - var(--border-width)))}}svg{width:1.25rem;height:1.25rem;fill:var(--text-color)}.text,svg{transition:all .3s ease-in-out}.text{color:var(--text-color);font-size:.875rem;font-weight:600;line-height:1.25}.corner-shape{width:.688rem;height:.5rem;background-color:var(--primary-1000);display:inline-block;position:absolute;right:0;bottom:0;transition:all .3s ease-in-out;clip-path:polygon(100% 100%,100% 0,0 100%)}&:hover{.btn-inner{&:after,&:before{background-color:var(--bg-color-hover)}}svg{fill:var(--text-color-hover)}.text{color:var(--text-color-hover)}}&.send-tip-btn{transform:scaleY(-1);svg{transform:scaleY(-1)}&:active{transform:scale3d(.9,-.9,.9)}}&.send-media-btn{transform:scale3d(-1,-1,1);svg{transform:scale3d(-1,-1,1)}&:active{transform:scale3d(-.9,-.9,.9)}}input[type=file]{display:none}}.tip-btn:nth-child(odd){width:3rem;min-width:3rem;transform:scaleY(-1);.text{transform:scaleY(-1)}}.tip-btn:nth-child(2n){width:3rem;min-width:3rem;transform:scale3d(-1,-1,1);.text{transform:scale3d(-1,-1,1)}}}div[data-floating-ui-portal]>div:has(.chat-dialog-small-wrapper,.chat-dialog-large-wrapper){pointer-events:none;&>div{pointer-events:all}}body[data-floating-ui-scroll-lock]:has(.chat-dialog-small-wrapper,.chat-dialog-large-wrapper){overflow:unset!important}.tip-text{.tip-amount,.tip-username{color:var(--primary-1000);font-weight:600}}