.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats]{display:flex;flex-direction:column;overflow:auto;padding:20px}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-content{display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;height:100%;min-height:340px}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-width-panel{display:flex;justify-content:center;min-width:0}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-width-segment{width:min(100%,360px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--panel-border) 70%,transparent)}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-width-segment .panel-segment-button{min-height:34px;font-size:12px;letter-spacing:0}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-message-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:0;min-height:0}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-message-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;min-width:0;min-height:0;overflow:hidden;padding:12px;border:1px solid var(--panel-border);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-surface) 92%,var(--panel-accent) 8%),var(--panel-surface-muted));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 34%,transparent)}.demo-bubbles-panel .dark .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-message-card,.demo-bubbles-panel .demo-panel-root.dark .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-message-card{box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 10%,transparent)}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-message-card-header{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;align-content:center;align-items:center;min-height:81px}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-message-title{order:-1;align-self:center;color:var(--panel-text);display:block;font-size:13px;font-weight:650;line-clamp:unset;overflow:visible;text-align:center;text-wrap:balance;white-space:normal;-webkit-line-clamp:unset}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-preview-bubble{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;min-height:81px;padding:12px 10px;border:1px solid var(--chat-layout-preview-border,var(--panel-border));border-radius:14px 14px 14px 0;background:var(--chat-layout-preview-bg);color:var(--chat-layout-preview-text);box-shadow:var(--panel-shadow-sm);margin-top:0}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-preview-bubble--user{border-radius:14px 14px 0 14px;margin-top:0}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-preview-line{display:block;width:62%;height:5px;border-radius:9999px;background:currentColor;opacity:.42}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-preview-line--wide{width:100%;opacity:.62}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-color-grid{display:grid;grid-template-columns:1fr;align-content:end;gap:8px;min-height:0}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-color-control{display:grid;grid-template-columns:minmax(0,1fr) 46px 64px;align-items:center;gap:6px;min-width:0;padding:6px;border:1px solid var(--panel-border);border-radius:10px;background:color-mix(in srgb,var(--panel-surface) 72%,transparent)}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-color-control>.flex{justify-content:flex-start;text-align:left}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-control-label-icon{width:12px;height:12px;flex:0 0 12px}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-border-label,.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-control-label{-moz-column-gap:8px;column-gap:8px;overflow:hidden}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-control-button .panel-button-label,.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-control-label-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-control-swatch{width:46px;height:28px;justify-self:end}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-control-button{width:64px;min-height:28px;padding:4px 6px;justify-self:end}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-border-control{display:flex;min-width:0;min-height:42px;align-items:center;justify-content:space-between;gap:6px;padding:6px;border:1px solid var(--panel-border);border-radius:10px;background:color-mix(in srgb,var(--panel-surface) 72%,transparent)}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-border-label{display:inline-flex;min-width:0;align-items:center;gap:8px;color:var(--panel-muted);font-size:11px;line-height:1}.demo-bubbles-panel .demo-panel-tokens[data-layout=modal]>.stylergpt-motion-modal-root .panel-modal-surface{max-width:calc((100vw - 48px) / 1.2);max-height:calc((100vh - 48px) / 1.2)}.demo-bubbles-panel .panel-modal-surface .panel-button-secondary:hover{background:var(--panel-surface-muted-hover)}.demo-bubbles-panel .panel-modal-surface .panel-icon-choice-button{background:var(--panel-surface-muted);color:var(--panel-muted);border-color:var(--panel-border)}.demo-bubbles-panel .panel-modal-surface .panel-icon-choice-button:hover{background:var(--panel-surface-muted-hover);color:var(--panel-text);border-color:var(--panel-border-strong)}.demo-bubbles-panel .panel-modal-surface .panel-icon-choice-button[data-active=true]{background:var(--panel-accent);color:#fff;border-color:var(--panel-accent)}.demo-bubbles-panel .panel-modal-surface .panel-icon-choice-button[data-active=true]:hover{background:var(--panel-accent-strong);color:#fff;border-color:var(--panel-accent-strong)}.demo-bubbles-panel .panel-input{width:100%;padding:8px 10px;border-radius:var(--panel-radius-sm);border:1px solid var(--panel-border);background:var(--panel-surface);color:var(--panel-text);font-size:13px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.demo-bubbles-panel .panel-input-muted{background:var(--panel-surface-muted);color:var(--panel-muted)}.demo-bubbles-panel .panel-input:focus{outline:none;border-color:var(--panel-accent);box-shadow:var(--panel-focus-ring)}.demo-bubbles-panel .panel-input:not(:disabled):not(.border-red-500):hover{border-color:var(--panel-border-strong);background-color:var(--panel-surface-muted)}.demo-bubbles-panel .panel-modal-surface{background:var(--panel-modal-surface,var(--panel-surface));border:1px solid var(--panel-border);border-radius:16px;box-shadow:var(--panel-shadow-md)}.demo-bubbles-panel .support-ticket-field .panel-input::-moz-placeholder{color:#9ca3af;opacity:1}.demo-bubbles-panel .support-ticket-field .panel-input::placeholder{color:#9ca3af;opacity:1}.demo-bubbles-panel .demo-panel-root.stylergpt-theme-root--modal-panel .support-ticket-field .panel-input{height:32px;min-height:32px;padding:6px 10px}.demo-bubbles-panel .panel-toggle:hover .panel-toggle-track{box-shadow:0 0 0 3px var(--panel-accent-soft)}.demo-bubbles-panel .react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.demo-bubbles-panel .react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.demo-bubbles-panel .react-colorful__alpha-gradient,.demo-bubbles-panel .react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.demo-bubbles-panel .react-colorful__alpha-gradient,.demo-bubbles-panel .react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.demo-bubbles-panel .react-colorful__alpha,.demo-bubbles-panel .react-colorful__hue{position:relative;height:24px}.demo-bubbles-panel .react-colorful__hue{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.demo-bubbles-panel .react-colorful__last-control{border-radius:0 0 8px 8px}.demo-bubbles-panel .react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.demo-bubbles-panel .react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.demo-bubbles-panel .react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.demo-bubbles-panel .react-colorful__alpha,.demo-bubbles-panel .react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.demo-bubbles-panel .react-colorful__saturation-pointer{z-index:3}.demo-bubbles-panel .react-colorful__hue-pointer{z-index:2}.demo-bubbles-panel .react-colorful{width:100%!important;max-width:100%!important;height:160px!important}.demo-bubbles-panel .react-colorful__last-control,.demo-bubbles-panel .react-colorful__saturation{cursor:pointer!important}.demo-bubbles-panel .react-colorful__saturation{border-radius:8px!important}.demo-bubbles-panel .react-colorful__last-control{margin-top:12px!important;border-radius:8px!important}.demo-bubbles-panel .react-colorful__pointer{width:20px!important;height:20px!important}.demo-bubbles-panel .stylergpt-modal-panel-stage .panel-toggle:has(input:focus-visible){outline:2px solid var(--panel-accent);outline-offset:3px}.demo-bubbles-panel .stylergpt-section-workspace__inspector>div:has(>.stylergpt-section-editor){flex:1;display:flex;min-height:0}.demo-bubbles-panel .stylergpt-section-workspace .stylergpt-section-editor .line-clamp-1{display:block;overflow:visible;white-space:normal;-webkit-line-clamp:unset;overflow-wrap:anywhere}.demo-bubbles-panel .stylergpt-editor-section--idle{grid-template-columns:minmax(0,1fr)}.demo-bubbles-panel .stylergpt-editor-section--idle>.stylergpt-section-workspace__inspector{display:none}.demo-bubbles-panel .stylergpt-section-editor .panel-modal-surface{width:100%;padding:0;border:0;box-shadow:none;background:transparent}.demo-bubbles-panel .stylergpt-section-editor .react-colorful{width:100%;height:160px}.demo-bubbles-panel .stylergpt-section-editor [class*="grid-cols-[minmax(96px"]{grid-template-columns:minmax(68px,1fr) repeat(3,minmax(30px,34px)) 28px;gap:6px}.demo-bubbles-panel .stylergpt-section-editor .panel-input{min-width:0;padding-inline:3px}.demo-bubbles-panel .stylergpt-section-editor>div,.demo-bubbles-panel .stylergpt-section-editor>div>div{max-width:100%}.demo-bubbles-panel .stylergpt-section-workspace:has(.stylergpt-section-editor) [data-testid=background-color-select],.demo-bubbles-panel .stylergpt-section-workspace:has(.stylergpt-section-editor) [data-testid=background-gradient-select]{display:none}.demo-bubbles-panel .stylergpt-section-editor .stylergpt-gradient-endpoint{margin:0;padding:0}.demo-bubbles-panel .stylergpt-editor-section.stylergpt-section-workspace--catalog>.stylergpt-section-workspace__main>div:empty{display:none}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-color-control{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-control-label-text,.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .panel-button-label{white-space:normal;overflow:visible;overflow-wrap:anywhere}@container (max-width: 480px){.demo-bubbles-panel .stylergpt-editor-section--idle{grid-template-rows:max-content}}.demo-bubbles-panel .stylergpt-section-editor .panel-modal-surface>.line-clamp-1{display:flex;align-items:center}.demo-bubbles-panel .stylergpt-section-editor .panel-modal-surface svg{flex-shrink:0}.demo-bubbles-panel .stylergpt-section-editor .mt-4{margin-top:0}.demo-bubbles-panel .stylergpt-section-editor .mb-4,.demo-bubbles-panel .stylergpt-section-editor .mb-6{margin-bottom:10px}.demo-bubbles-panel .stylergpt-section-editor .gap-3{gap:8px}.demo-bubbles-panel .stylergpt-section-workspace__inspector:has(.stylergpt-section-editor){padding-inline-end:0;scrollbar-gutter:auto}.demo-bubbles-panel .stylergpt-section-editor,.demo-bubbles-panel .stylergpt-section-editor .panel-modal-surface:not([hidden]),.demo-bubbles-panel .stylergpt-section-editor>div{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.demo-bubbles-panel .stylergpt-section-editor .panel-modal-surface>.flex.flex-col{flex:1;justify-content:space-between;gap:16px}.demo-bubbles-panel .stylergpt-section-editor .panel-modal-surface>.panel-text-strong{margin-bottom:18px;flex-shrink:0}.demo-bubbles-panel .stylergpt-section-editor .panel-modal-surface>.flex.flex-col>.flex:has(>.panel-button){margin-top:auto}.demo-bubbles-panel .stylergpt-section-editor .react-colorful{height:180px!important;width:calc(100% - 12px)!important;margin-inline-end:12px}.demo-bubbles-panel .stylergpt-section-editor .grid>.rounded-full{width:28px;height:28px}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section--idle>.stylergpt-section-workspace__main{padding-inline:10px;scrollbar-gutter:stable both-edges}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-message-grid{gap:28px}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-content{height:auto;min-height:100%;grid-template-rows:auto 1fr;gap:12px}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-message-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,168px),1fr));gap:12px}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-message-card{grid-template-rows:auto minmax(56px,1fr) auto auto;align-content:start;min-height:290px;padding:10px;gap:8px}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-message-card-header,.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-preview-bubble{min-height:56px}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-message-card-header{align-content:stretch;align-items:stretch}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-message-title{font-size:12px;line-height:1.35;text-wrap:balance}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-color-grid{gap:6px;align-content:start}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-color-control{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 6px;padding:5px}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-control-button{width:auto;min-width:0;font-size:10px;padding:4px 7px}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-control-button .panel-button-label{white-space:nowrap;overflow-wrap:normal}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-border-control{min-height:34px;padding:4px 5px}.demo-bubbles-panel .demo-panel-tokens .panel-select:not(.panel-modal-surface .panel-select),.demo-bubbles-panel .demo-panel-tokens .panel-select:not(.panel-modal-surface .panel-select):active,.demo-bubbles-panel .demo-panel-tokens .panel-select:not(.panel-modal-surface .panel-select):focus{background-color:var(--panel-surface);color:var(--panel-text);border-color:var(--panel-border);outline:none;box-shadow:none}.demo-bubbles-panel .demo-panel-tokens .panel-select:not(.panel-modal-surface .panel-select) option{background-color:var(--panel-surface);color:var(--panel-text)}@supports ((-webkit-appearance:base-select) or (-moz-appearance:base-select) or (appearance:base-select)){.demo-bubbles-panel .demo-panel-tokens .panel-select:not(.panel-modal-surface .panel-select),.demo-bubbles-panel .demo-panel-tokens .panel-select:not(.panel-modal-surface .panel-select)::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}.demo-bubbles-panel .demo-panel-tokens .panel-select:not(.panel-modal-surface .panel-select)::picker-icon{display:none}.demo-bubbles-panel .demo-panel-tokens .panel-select:not(.panel-modal-surface .panel-select)::picker(select){background:var(--panel-surface);color:var(--panel-text);border:1px solid var(--panel-border);border-radius:10px;padding:4px;box-shadow:var(--panel-shadow);max-height:280px;overflow-x:hidden;scrollbar-color:var(--panel-accent) var(--panel-bg);scrollbar-width:thin}.demo-bubbles-panel .demo-panel-tokens .panel-select:not(.panel-modal-surface .panel-select) option{padding:7px 10px;border-radius:6px;white-space:normal}.demo-bubbles-panel .demo-panel-tokens .panel-select:not(.panel-modal-surface .panel-select) option:active,.demo-bubbles-panel .demo-panel-tokens .panel-select:not(.panel-modal-surface .panel-select) option:checked,.demo-bubbles-panel .demo-panel-tokens .panel-select:not(.panel-modal-surface .panel-select) option:focus{background:var(--panel-surface);color:var(--panel-text);outline:none;box-shadow:none}}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-content{min-height:0}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-message-card{grid-template-rows:auto minmax(56px,1fr) auto auto}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-message-card-header{min-height:0;align-items:stretch;align-content:stretch;grid-template-rows:minmax(0,1fr)}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-preview-bubble{min-height:56px}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-control-label{grid-column:auto;justify-content:flex-start;-moz-column-gap:5px;column-gap:5px}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-control-swatch{width:100%;height:28px;padding:0}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-control-button{width:auto;padding-inline:8px}.demo-bubbles-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-control-button .panel-button-label{white-space:nowrap;overflow-wrap:normal}.demo-bubbles-panel .stylergpt-modal-panel-stage:is([data-section=appearance],[data-section=chats],[data-section=background]) .stylergpt-section-workspace__inspector{container-type:size}.demo-bubbles-panel .stylergpt-modal-panel-stage:is([data-section=appearance],[data-section=chats],[data-section=background]) .stylergpt-section-editor .react-colorful{height:clamp(120px,calc(100cqh - 200px),180px)!important}.feature-demo-bubbles .demo-chat-conversation{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:28px;padding:24px 38px 38px;min-height:0}.demo-bubble-conversation{width:768px;max-width:100%;flex:1;padding-top:12px;font-size:16px;line-height:1.65}.demo-bubble-user{width:-moz-fit-content;width:fit-content;max-width:78%;margin-left:auto;padding:10px 20px;border:1px solid transparent;border-radius:24px;background:#e9e9e9}[data-mode=dark] .demo-bubble-user{background:#303030}.demo-bubble-user[data-colored=true]{border-bottom-right-radius:0}.demo-bubble-assistant{margin-top:24px;padding:16px;border:1px solid transparent;border-radius:24px 24px 24px 0;min-height:64px}.demo-bubble-assistant p{margin:0}.demo-bubble-assistant ol{list-style:decimal;padding-left:24px;margin:12px 0}.demo-bubble-assistant li+li{margin-top:8px}.demo-bubble-actions{display:flex;gap:16px;margin:10px 0 22px 16px;color:var(--host-muted)}.demo-bubbles-panel .demo-bubble-transparent{background:repeating-conic-gradient(#666 0 25%,#fff 0 50%) 0 0 /16px 16px!important}.demo-bubbles-panel .demo-bubble-toggle-track{position:absolute;inset:0;border-radius:999px;background:var(--panel-toggle-off-bg)}.demo-bubbles-panel .demo-bubble-toggle-track[data-checked=true]{background:var(--panel-accent)}.demo-bubble-toggle-track:before{content:"";position:absolute;top:2px;left:2px;height:20px;width:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0001}.demo-bubble-toggle-track[data-checked=true]:before{transform:translateX(20px)}.demo-bubbles-panel .react-colorful__saturation-pointer,.feature-demo-bubbles .demo-pointer[data-dragging=true]{transition:transform .3s linear,left .3s linear,top .3s linear}.feature-demo-bubbles .demo-controls>div:last-child{flex-shrink:0}.feature-demo-bubbles .demo-controls{text-wrap:balance}