.single-hotspot .wpvr-legacy-sticker-settings { margin-top: 8px; padding: 20px; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; color: #334155; } .wpvr-sticker-panel-heading { font-size: 16px; font-weight: 600; margin-bottom: 18px; } .wpvr-sticker-template-label, .wpvr-sticker-field-label { display: block; font-size: 13px; font-weight: 500; margin-bottom: 7px; } .wpvr-legacy-sticker-settings .wpvr-sticker-section { border-top: 1px solid #e5e7eb; padding-top: 18px; margin: 22px 0 14px; font-size: 14px; color: #0f172a; } .single-hotspot .hotspot-setting .wpvr-legacy-sticker-settings input:not([type=hidden]), .single-hotspot .hotspot-setting .wpvr-legacy-sticker-settings select, .single-hotspot .hotspot-setting .wpvr-legacy-sticker-settings textarea { height: 38px; padding: 7px 10px; font-size: 13px; border-color: #dbe1e8; border-radius: 7px; margin-bottom: 0; background: #fff; } .single-hotspot .hotspot-setting .wpvr-legacy-sticker-settings textarea { height: auto; min-height: 90px; resize: vertical; } .wpvr-sticker-field input:focus-visible, .wpvr-sticker-field button:focus-visible { outline: 2px solid #7c3aed; outline-offset: 2px; } .wpvr-sticker-color-control, .wpvr-sticker-range-control { display: flex; align-items: center; gap: 10px; } .single-hotspot .hotspot-setting .wpvr-sticker-color-control input[type=color] { width: 38px; min-width: 38px; height: 38px; padding: 3px; cursor: pointer; } .single-hotspot .hotspot-setting .wpvr-sticker-range-control input[type=range] { flex: 1; height: 6px; padding: 0; accent-color: #7c3aed; cursor: pointer; } .single-hotspot .hotspot-setting .wpvr-sticker-range-control input[type=number] { width: 70px; } .single-hotspot .hotspot-setting .wpvr-sticker-toggle-value { display: none; } .wpvr-sticker-switch { border: 0; border-radius: 20px; width: 40px; height: 22px; background: #cbd5e1; padding: 3px; cursor: pointer; position: relative; vertical-align: middle; } .wpvr-sticker-switch::after { content: ''; display: block; background: #fff; border-radius: 50%; width: 16px; height: 16px; transition: transform .15s; box-shadow: 0 1px 3px #0002; } .wpvr-sticker-switch[aria-checked=true] { background: #7c3aed; } .wpvr-sticker-switch[aria-checked=true]::after { transform: translateX(18px); } .wpvr-sticker-switch-state { margin-inline-start: 9px; font-size: 12px; color: #64748b; } .wpvr-sticker-side { display: inline-block; width: calc(25% - 5px); margin-inline-end: 5px; font-size: 10px; color: #64748b; } .wpvr-sticker-avatar-preview { width: 56px; height: 56px; object-fit: cover; border-radius: 50%; margin: 10px 0; display: block; } .wpvr-sticker-icon-control { position: relative; margin-top: 7px; } .wpvr-sticker-icon-trigger { display: flex; align-items: center; gap: 10px; width: 100%; border: 1px solid #dbe1e8; border-radius: 7px; background: #f8fafc; padding: 10px; cursor: pointer; text-align: start; } .wpvr-sticker-icon-trigger i { font-size: 18px; width: 24px; text-align: center; } .wpvr-sticker-icon-menu { padding: 10px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; margin-top: 7px; } .wpvr-sticker-icon-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(38px, 1fr)); gap: 5px; max-height: 180px; overflow-y: auto; margin-top: 8px; } .wpvr-sticker-icon-option { border: 1px solid #e2e8f0; border-radius: 6px; background: #fff; min-height: 36px; cursor: pointer; } .wpvr-sticker-icon-option:hover, .wpvr-sticker-icon-option[aria-pressed=true] { border-color: #7c3aed; background: #f5f3ff; color: #7c3aed; } .wpvr-sticker-link { background: #f8fafc; padding: 10px; border: 1px solid #e2e8f0; border-radius: 8px; } .wpvr-sticker-icon-value { display: none; } @media (max-width: 782px) { .single-hotspot .wpvr-legacy-sticker-settings { padding: 14px; } } .single-hotspot .wpvr-legacy-sticker-settings { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } .single-hotspot .hotspot-setting .wpvr-sticker-side { display: inline-block; width: calc(25% - 5px); font-size: 10px; line-height: 1.4; margin-top: 6px; vertical-align: bottom; } .single-hotspot .hotspot-setting .wpvr-sticker-side input { padding: 6px; } .single-hotspot .wpvr-legacy-sticker-settings .button { font-size: 12px; border: 1px solid #dbe1e8; border-radius: 6px; background: #f8fafc; padding: 5px 10px; cursor: pointer; color: #334155; } .single-hotspot .wpvr-legacy-sticker-settings textarea { font-family: inherit; } .wpvr-sticker-sides { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; } .single-hotspot .hotspot-setting .wpvr-sticker-sides .wpvr-sticker-side { width: auto; margin-inline-end: 0; }