#sc-chatroom #sc-v446-tools-panel .sc570-tools-section{margin-top:12px;border-top:1px solid #3d4051;padding-top:8px}#sc-chatroom #sc-v446-tools-panel #sc-v570-appearance-button{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;width:100%!important;min-height:58px!important;padding:10px 13px!important;text-align:left!important;border:1px solid #79748f!important;background:#32283c!important;color:#fff!important;border-radius:10px!important;cursor:pointer!important}#sc-chatroom #sc-v446-tools-panel #sc-v570-appearance-button strong{font-size:14px!important;color:#fff!important;line-height:1.25!important}#sc-chatroom #sc-v446-tools-panel #sc-v570-appearance-button span{font-size:12px!important;font-weight:600!important;color:#ded8e7!important;line-height:1.3!important}#sc-chatroom #sc-v446-tools-panel #sc-v570-appearance-button:focus-visible{outline:3px solid #ffd27f!important;outline-offset:3px!important}.sc570-appearance-shade[hidden]{display:none!important}.sc570-appearance-shade{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:2147483640!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important;background:#000000c9!important;box-sizing:border-box!important}body.sc570-dialog-open{overflow:hidden!important}.sc570-appearance-shade *{box-sizing:border-box!important}.sc570-appearance-shade .sc570-panel{width:min(100%,490px)!important;max-height:calc(100dvh - 26px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;border:1px solid #bf97c9!important;border-radius:16px!important;padding:17px!important;background:#21182a!important;color:#fff!important;box-shadow:0 25px 75px #0009!important;font:500 15px/1.4 system-ui,Arial,sans-serif!important}.sc570-panel .sc570-header{display:flex;align-items:start;justify-content:space-between;gap:12px!important}.sc570-panel .sc570-header small{font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;color:#edbadf!important}.sc570-panel .sc570-header h2{margin:4px 0 0!important;color:#fff!important;font:900 clamp(20px,5vw,27px)/1.12 system-ui,sans-serif!important}.sc570-panel .sc570-header .sc570-close{flex:0 0 auto!important;min-width:44px!important;min-height:44px!important;padding:9px!important}.sc570-panel p{font-size:13px!important;line-height:1.45!important;color:#e2d6e5!important;margin:10px 0 14px!important}.sc570-panel .sc570-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px!important}.sc570-panel label{display:flex;flex-direction:column;gap:5px!important;color:#fff!important;font-size:13px!important;font-weight:800!important;min-width:0!important}.sc570-panel select{width:100%!important;min-width:0!important;min-height:46px!important;border:1px solid #a995b4!important;border-radius:9px!important;background:#382743!important;color:#fff!important;font:700 14px/1.3 system-ui,sans-serif!important;padding:9px!important}.sc570-panel .sc570-colorfields{display:grid;grid-template-columns:1fr 1fr;gap:10px!important;margin-top:12px!important}.sc570-panel input[type=color]{display:block;width:100%!important;min-height:44px!important;border:1px solid #a995b4!important;border-radius:9px!important;padding:3px!important;background:#382743!important;cursor:pointer!important}.sc570-panel .sc570-preview{display:flex;flex-direction:column;gap:7px!important;min-height:134px!important;margin-top:13px!important;padding:13px!important;border:1px solid var(--sc570-accent,#f3adca)!important;border-radius:12px!important;background-color:var(--sc570-bg,#080808)!important;background-image:var(--sc571-effective-image,var(--sc570-pattern,none))!important;background-size:var(--sc571-effective-size,var(--sc570-pattern-size,auto))!important;color:var(--sc570-ink,#fff)!important}.sc570-panel .sc570-note{font-size:11px!important;font-weight:800!important;letter-spacing:.02em!important;color:var(--sc570-ink,#fff)!important}.sc570-panel .sc570-bubble{align-self:flex-start!important;max-width:91%!important;padding:8px 11px!important;border:1px solid var(--sc570-accent,#f3adca)!important;border-radius:var(--sc571-radius,10px)!important;padding:var(--sc571-padding,8px 11px)!important;background:var(--sc570-panel,#171717)!important;color:var(--sc570-ink,#fff)!important;font-size:var(--sc571-font,13px)!important;line-height:1.45!important;font-weight:750!important}.sc570-panel .sc570-bubble.sc570-mine{align-self:flex-end!important;background:var(--sc570-mine,#382438)!important}.sc570-panel .sc570-actions{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:7px!important;margin-top:15px!important}.sc570-panel button{min-height:46px!important;border:1px solid #aa97af!important;border-radius:9px!important;background:#42344b!important;color:#fff!important;font:900 12px/1.15 system-ui,sans-serif!important;padding:8px!important;cursor:pointer!important}.sc570-panel button[data-sc570-action=save]{background:#f6d6eb!important;color:#251327!important;border-color:#f6d6eb!important}.sc570-panel :is(button,select,input):focus-visible{outline:3px solid #ffe18a!important;outline-offset:2px!important}.sc570-panel .sc570-feedback{margin-bottom:0!important;font-size:12px!important}@media(max-width:365px){.sc570-appearance-shade{padding-inline:7px!important}.sc570-appearance-shade .sc570-panel{padding:12px!important}.sc570-panel .sc570-fields{grid-template-columns:1fr!important}.sc570-panel .sc570-actions{gap:4px!important}.sc570-panel .sc570-actions button{font-size:11px!important;padding:7px 4px!important}}html body #sc-chatroom#sc-chatroom[data-sc570-chat-appearance] .sc-chat-shell,html body #sc-chatroom#sc-chatroom[data-sc570-chat-appearance] .sc-main,html body #sc-chatroom#sc-chatroom[data-sc570-chat-appearance] .sc-chat-header{background-color:var(--sc570-bg)!important;color:var(--sc570-ink)!important}html body #sc-chatroom#sc-chatroom[data-sc570-chat-appearance] :is(.sc-messages-wrap,#sc-messages){background-color:var(--sc570-bg)!important;color:var(--sc570-ink)!important}html body #sc-chatroom#sc-chatroom[data-sc570-chat-appearance] #sc-messages{background-image:var(--sc571-effective-image,var(--sc570-pattern))!important;background-size:var(--sc571-effective-size,var(--sc570-pattern-size))!important;background-position:center!important;background-repeat:repeat!important;scrollbar-color:var(--sc570-accent) transparent}html body #sc-chatroom#sc-chatroom[data-sc570-chat-appearance] :is(.sc-compose,.sc-room-notice){background-color:var(--sc570-panel)!important;color:var(--sc570-ink)!important;border-color:var(--sc570-accent)!important}html body #sc-chatroom#sc-chatroom[data-sc570-chat-appearance] #sc-messages>.sc-message:not(.sc-v54-special):not(.sc-v84-special){background:var(--sc570-panel)!important;color:var(--sc570-ink)!important;border:1px solid var(--sc570-accent)!important;border-left:3px solid var(--sc570-accent)!important;box-shadow:0 2px 9px #0000001f!important}html body #sc-chatroom#sc-chatroom[data-sc570-chat-appearance] #sc-messages>.sc-message.sc-message-mine:not(.sc-v54-special):not(.sc-v84-special){background:var(--sc570-mine)!important;border-left:1px solid var(--sc570-accent)!important;border-right:4px solid var(--sc570-accent)!important}html body #sc-chatroom#sc-chatroom[data-sc570-chat-appearance] #sc-messages :is(.sc-message-user,.sc-message-text,.sc-message-time){color:var(--sc570-ink)!important}html body #sc-chatroom#sc-chatroom[data-sc570-chat-appearance] #sc-messages .sc-message-text a{color:var(--sc570-ink)!important;text-decoration:underline!important}html body #sc-chatroom#sc-chatroom[data-sc570-chat-appearance] #sc-messages .sc-message-mentioned{outline:2px solid var(--sc570-accent)!important;outline-offset:1px!important}html body #sc-chatroom#sc-chatroom[data-sc570-chat-appearance] #sc-message-input{background:var(--sc570-bg)!important;color:var(--sc570-ink)!important;border:1px solid var(--sc570-accent)!important}html body #sc-chatroom#sc-chatroom[data-sc570-chat-appearance] #sc-message-input::placeholder{color:var(--sc570-ink)!important;opacity:.7!important}html body #sc-chatroom#sc-chatroom[data-sc570-chat-appearance] #sc-send{background:var(--sc570-accent)!important;color:var(--sc570-accent-ink,#111)!important;border:1px solid var(--sc570-accent)!important}@media(prefers-reduced-motion:reduce){.sc570-appearance-shade *{transition:none!important;animation:none!important}}.sc570-panel .sc571-options{min-width:0;margin:13px 0 0!important;padding:11px!important;border:1px solid #705c7d!important;border-radius:12px!important;background:#ffffff09!important}.sc570-panel .sc571-options legend{padding:0 7px!important;font:900 12px/1.3 system-ui,sans-serif!important;letter-spacing:.07em!important;color:#ffd6ec!important}.sc570-panel .sc571-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}.sc570-panel .sc571-controls label:last-child{grid-column:1/-1}.sc570-panel .sc571-options p{margin:0 0 8px!important;font-size:12px!important}.sc570-panel input[type=file]{width:100%!important;min-width:0;padding:10px 5px!important;font-size:12px!important;color:#fff!important;overflow-wrap:anywhere}.sc570-panel input[type=file]::file-selector-button{border:1px solid #f1cade!important;background:#53375e!important;color:#fff!important;border-radius:8px!important;padding:9px 12px!important;font-weight:800!important;margin-right:9px!important}.sc570-panel .sc571-wallpaper-row{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;margin:4px 0 9px!important}.sc570-panel .sc571-wallpaper-row span{font-size:12px!important;line-height:1.3!important;overflow-wrap:anywhere}.sc570-panel .sc571-wallpaper-row button{min-height:40px!important;padding:7px 10px!important}.sc570-panel button:disabled{opacity:.48!important;cursor:not-allowed!important}.sc570-panel .sc571-looks-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important}.sc570-panel .sc571-looks-controls label{grid-column:1/-1}.sc570-panel .sc571-looks-controls button{font-size:11px!important;padding:7px 4px!important;min-width:0!important}html body #sc-chatroom#sc-chatroom[data-sc570-chat-appearance] #sc-messages>.sc-message:not(.sc-v54-special):not(.sc-v84-special){border-radius:var(--sc571-radius,10px)!important;padding:var(--sc571-padding,11px 14px)!important}html body #sc-chatroom#sc-chatroom[data-sc570-chat-appearance] #sc-messages :is(.sc-message-text,.sc-message-user){font-size:var(--sc571-font,16px)!important;line-height:1.5!important;overflow-wrap:anywhere!important}html body #sc-chatroom#sc-chatroom[data-sc570-chat-appearance] #sc-message-input{font-size:var(--sc571-font,16px)!important}@media(max-width:365px){.sc570-panel .sc571-controls{grid-template-columns:1fr}.sc570-panel .sc571-looks-controls{gap:5px!important}.sc570-panel .sc571-looks-controls button{font-size:10px!important}}.sc570-panel .sc573-section-title{margin:15px 0 7px!important;font:900 12px/1.3 system-ui,sans-serif!important;color:#ffe0f2!important;letter-spacing:.05em!important}.sc570-panel .sc573-section-title small{display:block!important;margin-top:2px!important;font:500 11px/1.4 system-ui,sans-serif!important;color:#dcd2dd!important;letter-spacing:0!important}.sc570-panel .sc573-chat-theme-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.sc570-panel .sc573-chat-card{display:flex!important;flex-direction:column!important;gap:5px!important;text-align:left!important;position:relative!important;min-width:0!important;padding:6px!important;min-height:96px!important;border:1.5px solid #6c5d79!important;border-radius:10px!important;background:#282432!important;color:#fff!important}.sc570-panel .sc573-chat-card[aria-pressed=true]{border-color:#ffdeab!important;box-shadow:inset 0 0 0 1px #ffdeab!important}.sc570-panel .sc573-chat-card[aria-pressed=true]:after{content:"\2713"!important;position:absolute!important;right:10px!important;bottom:8px!important;color:#ffdeab!important;font-size:16px!important}.sc570-panel .sc573-chat-card strong{color:#fff!important;font:850 12px/1.2 system-ui,sans-serif!important;padding:0 3px!important}.sc570-panel .sc573-chat-swatch{display:flex!important;flex-direction:column!important;gap:5px!important;height:54px!important;min-width:0!important;width:100%!important;border:1px solid var(--sw-accent)!important;border-radius:5px!important;background:var(--sw-bg)!important;padding:5px 7px!important}.sc570-panel .sc573-dots{font-size:7px!important;line-height:1!important;letter-spacing:2px!important;color:var(--sw-accent)!important}.sc570-panel .sc573-chat-swatch i{height:6px!important;display:block!important;border-radius:10px!important;background:var(--sw-panel)!important;width:64%!important}.sc570-panel .sc573-chat-swatch i:last-child{align-self:flex-end!important;width:54%!important;background:var(--sw-mine)!important}.sc570-panel .sc573-chat-patterns{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.sc570-panel .sc573-chat-patterns button{min-height:43px!important;font:850 11px/1.15 system-ui,sans-serif!important;padding:7px 3px!important}.sc570-panel .sc573-chat-patterns [aria-pressed=true]{background:#ffe0ef!important;color:#25162b!important;border-color:#ffe0ef!important}.sc570-panel .sc573-select-fallback{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;clip-path:inset(50%)!important;white-space:nowrap!important;pointer-events:none!important}.sc570-panel .sc573-custom-colors{margin-top:13px!important;border:1px solid #716379!important;border-radius:10px!important;padding:0 10px 11px!important}.sc570-panel .sc573-custom-colors summary{font:900 12px/1.3 system-ui,sans-serif!important;color:#fff!important;padding:12px 0!important;cursor:pointer!important}.sc570-panel .sc573-custom-colors .sc570-colorfields{margin-top:0!important}.sc570-panel .sc570-preview{margin-top:11px!important;margin-bottom:12px!important}@media(max-width:390px){.sc570-panel .sc573-chat-card{min-height:86px!important}.sc570-panel .sc573-chat-swatch{height:49px!important}}@media(max-width:700px){.sc570-appearance-shade{align-items:flex-end!important;padding:6px 6px 0!important}.sc570-appearance-shade .sc570-panel{width:100%!important;max-height:calc(100dvh - 14px)!important;min-height:min(72dvh,570px)!important;border-radius:16px 16px 0 0!important;padding-top:20px!important;position:relative!important}.sc570-appearance-shade .sc570-panel:before{content:""!important;position:sticky!important;display:block!important;top:0!important;width:50px!important;height:5px!important;margin:-11px auto 12px!important;border-radius:10px!important;background:#dac9dd!important;z-index:2!important}}@media(max-width:700px){.sc570-appearance-shade{width:100vw!important;max-width:100vw!important;min-width:0!important;overflow:hidden!important}.sc570-appearance-shade .sc570-panel{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;min-width:0!important;overflow-x:hidden!important}}.sc570-appearance-shade{height:100dvh!important;max-height:100dvh!important;min-height:0!important}
/*# sourceMappingURL=/cdn/shop/t/701/assets/sc-v573-public-chat-appearance.css.map */