#quote-popup{position:fixed;bottom:20px;right:20px;width:auto;max-width:300px;min-width:200px;background:var(--primary, #fff);border:1px solid var(--primary-low, #e9e9e9);border-radius:8px;padding:16px;box-shadow:0 4px 12px rgba(0,0,0,.15);font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:.9em;color:var(--primary, #333);opacity:0;pointer-events:none;transform:scale(0.8);overflow:hidden;z-index:10000;transition:all .3s ease;cursor:pointer}@media(prefers-color-scheme: dark){#quote-popup{background:var(--secondary, #2d2d2d);color:var(--primary, #e9e9e9);border-color:var(--primary-low, #4a4a4a)}}@keyframes smokeIn{0%{opacity:0;transform:scale(0.6) translateY(20px);filter:blur(20px)}100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes smokeOut{0%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}100%{opacity:0;transform:scale(1.2) translateY(20px);filter:blur(20px)}}#quote-popup.show{pointer-events:auto;animation:smokeIn .8s ease-out forwards}#quote-popup.hide{pointer-events:none;animation:smokeOut .8s ease-in forwards}#quote-close{position:absolute;top:8px;right:12px;border:none;background:rgba(0,0,0,0);font-size:1.2em;color:var(--primary-low-mid, #aaa);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;line-height:1}#quote-close:hover{color:var(--primary, #333);background:var(--highlight-low, rgba(0, 0, 0, 0.05))}@media(prefers-color-scheme: dark){#quote-close{color:var(--primary-low-mid, #888)}#quote-close:hover{color:var(--primary, #e9e9e9);background:var(--highlight-low, rgba(255, 255, 255, 0.1))}}#quote-text{text-align:center;margin-top:8px;line-height:1.4;font-weight:400;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}#quote-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.1em;font-weight:bold;color:var(--success, #00b894);opacity:0;transition:opacity .3s ease;pointer-events:none;text-align:center;white-space:nowrap}#quote-popup.copied #quote-feedback{opacity:1}#quote-popup.copied #quote-text{opacity:.2;transition:opacity .3s ease}#quote-popup::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none;z-index:-1}@keyframes sprinkle{0%{box-shadow:none;opacity:0;transform:scale(0.5)}50%{box-shadow:0 -15px 0 0 #e33a1c,12px -10px 0 0 #ff4d4d,15px 0 0 0 #d3d3d3,10px 12px 0 0 #444,-10px 12px 0 0 #000,-12px -8px 0 0 #888;opacity:1;transform:scale(1)}100%{box-shadow:none;opacity:0;transform:scale(1.5)}}#quote-popup.show::before,#quote-popup.hide::before{animation:sprinkle .8s ease-out forwards}#quote-popup:focus-within{outline:2px solid var(--tertiary, #0088cc);outline-offset:2px}#quote-close:focus{outline:2px solid var(--tertiary, #0088cc);outline-offset:2px}@media(max-width: 600px){#quote-popup{bottom:10px;right:10px;left:10px;max-width:none;width:auto;font-size:.85em;padding:12px;min-width:150px}#quote-close{top:6px;right:8px;font-size:1em}#quote-text{margin-top:6px;font-size:.95em}}@media(prefers-contrast: high){#quote-popup{border-width:2px;box-shadow:0 4px 12px rgba(0,0,0,.3)}#quote-close{border:1px solid currentColor}}@media(prefers-reduced-motion: reduce){#quote-popup,#quote-popup.show,#quote-popup.hide,#quote-close,#quote-feedback,#quote-text{animation:none;transition:none}#quote-popup.show{opacity:1;transform:scale(1)}#quote-popup.hide{opacity:0;transform:scale(0.8)}}
/*# sourceMappingURL=common_theme_127_21572ff76e0617f6c63e71a9868c94e15bc9fae1.css.map?__ws=onehack.us */