@charset "UTF-8";.codehilite{color:#c1c2c3}.codehilite .hll{background-color:#ffc}.codehilite .gd{color:#2e3436;background-color:#0e1416}.codehilite .gr{color:#eeeeec;background-color:#c00}.codehilite .gi{color:#babdb6;background-color:#1f2b2d}.codehilite .go{color:#2c3032;background-color:#2c3032}.codehilite .kt{color:#e3e7df}.codehilite .ni{color:#888a85}.codehilite .c,.codehilite .c1,.codehilite .cm,.codehilite .cs{color:#8d9684}.codehilite .bp,.codehilite .err,.codehilite .g,.codehilite .ge,.codehilite .gp,.codehilite .gs,.codehilite .gt,.codehilite .l,.codehilite .ld,.codehilite .n,.codehilite .nc,.codehilite .nd,.codehilite .ne,.codehilite .nl,.codehilite .nn,.codehilite .nx,.codehilite .ow,.codehilite .p,.codehilite .py,.codehilite .s,.codehilite .s1,.codehilite .s2,.codehilite .sb,.codehilite .sc,.codehilite .sd,.codehilite .se,.codehilite .sh,.codehilite .si,.codehilite .sr,.codehilite .ss,.codehilite .sx,.codehilite .w,.codehilite .x{color:#c1c2c3}.codehilite .k,.codehilite .kc,.codehilite .kd,.codehilite .kn,.codehilite .kp,.codehilite .kr,.codehilite .nt{color:#729fcf}.codehilite .cp,.codehilite .gh,.codehilite .gu,.codehilite .na,.codehilite .nf{color:#e9a94b}.codehilite .il,.codehilite .m,.codehilite .mf,.codehilite .mh,.codehilite .mi,.codehilite .mo,.codehilite .nb,.codehilite .no{color:#8ae234}.codehilite .o{color:#989daa}.codehilite .nv,.codehilite .vc,.codehilite .vg,.codehilite .vi{color:#fff}#pg-title{display:inline-block;color:#febf67;font-size:80%}@media (max-width:835px){#pg-title{display:none}}body{margin-bottom:38px;background-color:#343642}footer.footer{height:38px}label,p{margin:0}p{padding:0}.clear{clear:both}#button-row-area{min-width:64px;max-width:64px;height:100%;padding:0;overflow:hidden;background-color:#343642;z-index:1;color:#cacaca;background-color:#1d1f2c}#preview-text *{color:#cacaca}#playground-form{margin:0;padding:0}.m-description{display:none}.m-description,.opt-description{font-size:.85rem;margin-top:.5em;-webkit-filter:brightness(.75);filter:brightness(.75);word-break:break-word;overflow-wrap:break-word}#pl-area{font-size:14px;height:100%;width:calc(100vw - 64px);background-color:#343642;color:#cacaca;border-left:1px solid #131629}#pl-area input::-webkit-inner-spin-button,#pl-area input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#pl-area input[type=number]{-moz-appearance:textfield}#pl-area ::-webkit-input-placeholder{color:#cacaca}#pl-area ::placeholder{color:#cacaca}#pl-area :-ms-input-placeholder{color:#cacaca}#pl-area ::-ms-input-placeholder{color:#cacaca}#pl-area option{background-color:#1d1f2c}#pl-area .custom-file{height:unset}#pl-area .custom-file-del,#pl-area .custom-file-input,#pl-area .custom-file-label,#pl-area .custom-file-label:after,#pl-area .form-control{height:1.8rem;background-color:#343642;color:#cacaca;outline:1px solid #6e7181;border:none}#pl-area textarea.form-control{height:auto}#pl-area .custom-file-label:after{background-color:#131629!important;outline:none}#pl-area .custom-file-input,#pl-area .custom-file-label{cursor:pointer}#pl-area .custom-file-del:focus,#pl-area .custom-file-del:not([disabled]):hover,#pl-area .custom-file-label:focus,#pl-area .custom-file-label:not([disabled]):hover,#pl-area .form-control:focus,#pl-area .form-control:not([disabled]):hover,#pl-area .select-box:focus,#pl-area .select-box:hover{outline-width:2px!important;outline-color:#b3b2b2}#pl-area .custom-file-label{margin-right:2px}#pl-area.show-changes .not-default .custom-file-label,#pl-area.show-changes .not-default .select-box,#pl-area.show-changes .not-default input,#pl-area.show-changes .not-default textarea{outline:1px solid #e5e619;outline-color:#e5e619!important}#pl-area .nav-link .dirty{background-color:#e5e619;right:3px;top:3px;width:4px;height:4px;border-radius:4px}#comments-toggle{font-size:15px;max-width:50px}#lang{min-width:80px;margin:auto 0 auto .5rem;padding:.3rem .5rem;color:#cacaca;background-color:transparent;border:1px solid #6e7181;font-size:1.1em;overflow:hidden;white-space:normal}#lang:hover{background-color:#131629;color:#fff}#modal-lang .modal-body .btn{margin:2px;min-width:70px;padding:2px 6px;font-size:1em}.code{margin:0;overflow-y:auto;overflow-x:auto;width:100%}.code a.k,.code a>span{text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.code pre{overflow:hidden}#lang-area,#settings-cfg-area{border-bottom:1px solid #6e7181}#code-actions{height:100%;display:flex;align-items:center;margin-top:-.2rem}#code-actions a,#code-actions div{margin-left:.3rem;position:relative}#code-actions a{text-decoration:none}#code-actions .copy-to-clipboard{color:#cacaca}#pl-container{padding:0;margin:0;height:calc(100vh - 94px);width:100%;border-top:1px solid #131629;border-bottom:1px solid #131629;min-height:250px}#pl-container .form-control:disabled,#pl-container .form-control[readonly]{background-color:#6e7181}#pl-container form{margin:0;padding:0}#content-wrapper{padding:0!important}#content-wrapper .form-control{padding-top:0;padding-bottom:0;font-size:14px}#content-wrapper .form-group{margin-bottom:.8rem}.split>.split-content{overflow-y:auto;overflow-x:auto}#pl-area iframe{border:none}.gutter{background-color:#a8def0;background-repeat:no-repeat;background-position:50%}.gutter.gutter-horizontal{cursor:col-resize}.gutter.gutter-vertical{cursor:row-resize}.gutter.gutter-vertical:after{content:"";display:block;height:8px;width:100%;position:relative;top:-3px;z-index:10}.gutter.gutter-horizontal:after{content:"";display:block;height:100%;width:8px;position:relative;left:-3px;z-index:10}.gutter.gutter-horizontal,.split.split-horizontal{height:100%;float:left}#input-tabs{height:100%}#error-output,.spinner{display:none}.myspinner{width:4rem;height:4rem}.error-option{border:2px solid #dc3545!important}.error-result{color:#dc3545;text-align:center;font-size:1.1rem;line-height:1.5;margin:1rem}.error-result a{color:#cacaca;text-decoration:underline}#string{margin:0}.custom-file-del{position:absolute;right:0;top:0;height:100%;width:28px;border-radius:.25rem;background-position:50%;background-repeat:no-repeat;border:1px solid #6e7181;cursor:pointer}.custom-file-del svg{width:18px;height:18px;transition:0;stroke:#cacaca;margin-top:5px;margin-left:5px}.file-group{position:relative}.custom-file,.custom-file-input{width:calc(100% - 28px)}.row{padding:0;margin:0}.action-button svg{width:40px;height:40px;transition:0;pointer-events:none;display:block;margin:0 auto;fill:none;stroke-width:.6px;stroke:#c2c2c2;-webkit-transform:scale(.8);transform:scale(.8)}#button-demo svg,#button-fork svg,#button-load svg,#button-settings svg,#code-settings svg{fill:#c2c2c2}#button-run svg,.action-btn-sm:hover svg{stroke:#38908f}#button-new svg{stroke:#e08963}#button-download svg{stroke:#91d771;fill:#91d771}#button-download{display:none}#button-load svg{stroke:#ecbe7a;fill:#ecbe7a}#button-save svg{stroke:#a27afe}#button-fork svg{stroke:#ffccf9;fill:#ffccf9}#button-sharing svg{stroke:#cec}#button-demo svg{stroke:#ffffaf;fill:#ffffaf}#button-settings svg,#code-settings:hover svg{stroke:#a8def0;fill:#a8def0}.action-button{text-align:center;font-size:.8em;width:100%;padding:5px 0}.action-button a{color:#cacaca;text-decoration:none}.action-button:hover{background:#131629;cursor:pointer}#icon-about{font-size:34px;line-height:39px}.tab-settings .nav-link{display:block;padding:.3rem .5rem;color:#cacaca;position:relative;background-color:#505363;font-weight:500}.tab-settings .nav-link.active{background-color:#1d1f2c;border-color:#505363;color:#cacaca}.tab-settings .nav-link:not(.active){border:1px solid #6e7181}.tab-settings .nav-link:not(.active):hover{background-color:#131629;transition:all .2s ease}#preview{position:relative;overflow-y:hidden}.card-header:first-child{border-radius:0!important}.card-body{padding:1rem;background-color:#343642;margin-top:-3px;position:relative;z-index:1;border-top:1px solid #6e7181}.group-disabled{color:grey}#playground-owner{position:absolute;color:red;top:50px;right:1rem;font-size:1.5em;z-index:100}#preview-text{white-space:nowrap;text-align:center;line-height:1.5;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card-header{padding:.3rem 1rem .75rem;background-color:#343642}input[type=checkbox]{margin-left:1px}#init-load{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.action-btn-sm{display:inline-block;margin:0;border:none;padding:2px;width:26px}.action-btn-sm svg{display:inline;width:24px;height:24px;-webkit-transform:scale(1) translate(-1px,-1px);transform:scale(1) translate(-1px,-1px)}#source{position:relative}#code-area{height:100%}#code-area pre{color:#fff;line-height:1.15}#source{overflow:hidden}.modal-dialog .form-group{margin-bottom:1rem!important}#btn-copy{margin-left:.5rem!important}#btn-copy-link{color:var(--primary);position:unset;display:inline}#btn-copy-link:hover,#button-about:hover #icon-about{color:#fff}.btn-maximize:hover,.btn-minimize:hover,.btn-restore:hover,.btn-unmax:hover{background-color:#505363!important}.btn-code:hover,.btn-expand:hover,.btn-secondary:hover{background-color:#131629!important}#button-compile.bg-danger:hover{background-color:#dc3545!important;-webkit-filter:saturate(1.1)!important;filter:saturate(1.1)!important}.pane-title{font-size:13px;min-height:22px;max-height:22px;z-index:1;white-space:nowrap;text-align:center;height:22px;line-height:1;padding-top:4px;background-color:#131629;color:#fff}.pane-title div:first-child{font-weight:700}.menu-title{color:#ddd;border-bottom:1px solid #555;margin:.5rem 5px}#social img{width:26px;height:26px;margin-top:4px}#social img:hover{cursor:pointer;-webkit-filter:brightness(80%);filter:brightness(80%)}.dirty{width:6px;height:6px;top:6px;right:6px;display:none}#debug-log-container{overflow:auto;height:70vh;width:100%}#debug-log{overflow:auto!important;width:auto!important;height:auto;max-height:70vh;font-size:.85rem}#debug-log pre{margin:0;overflow:visible}.modal-lg{min-width:85vw}#debug-log-url{font-size:.85rem}#output-wrapper{width:100%;height:100%}#toolbar-img{background-color:#474747}#toolbar-img button{width:25px;height:25px;margin-right:2px;padding:0;line-height:14px;background:unset}#toolbar-img button:hover{background-color:#131629}#img-zoom-out:before{content:url("../3rd/pdfjs/v2.13.216-p3-legacy/web/images/toolbarButton-zoomOut.8b25c4c6039c.svg")}#img-zoom-in:before,#img-zoom-out:before{-webkit-filter:invert(98%) sepia(7%) saturate(141%) hue-rotate(307deg) brightness(115%) contrast(87%);filter:invert(98%) sepia(7%) saturate(141%) hue-rotate(307deg) brightness(115%) contrast(87%)}#img-zoom-in:before{content:url("../3rd/pdfjs/v2.13.216-p3-legacy/web/images/toolbarButton-zoomIn.91edbe98fed5.svg")}#img-download:before{content:url("../3rd/pdfjs/v2.13.216-p3-legacy/web/images/toolbarButton-download.7097f3e5861f.svg");-webkit-filter:invert(98%) sepia(7%) saturate(141%) hue-rotate(307deg) brightness(115%) contrast(87%);filter:invert(98%) sepia(7%) saturate(141%) hue-rotate(307deg) brightness(115%) contrast(87%)}#img-format-error,#output{display:none}#install-hint,#more-hints,#wp-gen-config{font-size:87.5%}#install-hint{display:none}.tab-settings ul{padding-left:1rem}.arrow-t-2{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.arrow-t-3{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.arrow-t-4{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.doc-warning{color:#e9a94b}#wp-gen-config{color:#cacaca}#wp-gen-config p{line-height:1.5}#wp-gen-config .cfg-name{color:#fff}#wp-gen-config .cfg-value{color:#8ae234}.button-ok{min-width:70px}#zip-main-filename{display:none}.gen-code-messages{color:#cacaca;font-size:87.5%}.gen-code-messages .text-danger{text-transform:uppercase;font-weight:700}.gen-code-messages ul label{float:left;margin:0 0 0 -45px}.btn-restore,.btn-unmax{display:none}.pane-buttons{float:right}.btn-maximize,.btn-minimize,.btn-restore,.btn-unmax{font-size:.8rem;padding:0 .3rem;border-radius:.25rem;cursor:pointer}.flex-1{flex:1}.btn-expand{font-size:2rem;display:none;position:absolute;top:50%;width:100%;padding:0;text-align:center}.split-v{display:flex;flex-direction:column}.split-content{height:100%;clear:both}#pr-placeholder{height:100%;overflow:hidden}.split{overflow:hidden}.layout-container{color:#cacaca;background-color:#343642;text-align:center;margin-left:4px;width:150px;height:120px}.layout-container td{padding:0}.layout-container .layout-pane{border:1px solid #6e7181}.above-all{z-index:1040;background-color:#343642;position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important}.above-all .pane-title{height:32px;min-height:32px;max-height:32px;padding-top:6px}.above-all .pane-title *{font-size:20px}.above-all .pane-title .btn-unmax{padding:0 8px}.above-all .pane-title svg{-webkit-transform:scale(1.5);transform:scale(1.5)}.btn-maximize svg,.btn-unmax svg{margin-top:-2px;width:8px;height:8px;stroke:#c2c2c2;fill:#c2c2c2}.select-box{overflow:hidden;position:relative;outline:1px solid #6e7181;border-radius:4px}.select-box:after{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #cacaca;position:absolute;top:40%;right:12px;content:"";z-index:98}.select-box select{position:relative;z-index:99;outline:none!important;background:none!important}.settings h5{color:unset}.settings .form-group-row{display:flex;flex-wrap:wrap;align-items:center}.settings .for-narrow{display:none}.settings label{width:160px}.settings .custom-file-del{margin-top:0}.settings label.custom-file-label{width:auto;margin-top:0}.settings .file-group,.settings .select-box-wrap,.settings input,.settings textarea{flex:1;min-width:60%}.settings input[type=checkbox]{min-width:auto;flex:0}.settings .narrow-pane .form-group-row{display:block}.settings .narrow-pane label{width:auto;margin-right:4px}.settings .narrow-pane label.custom-file-label{margin-right:2px}.settings .narrow-pane .for-narrow{display:inline-block}.settings .narrow-pane .for-wide{display:none}.settings .narrow-pane #settings-cfg-area .col{display:inline-block}@media (max-height:801px){#button-row-area{font-size:.9rem}.action-button .action-text{margin-top:-.3rem}.action-button{padding:2px 0 1px}}@media (max-height:684px){.action-button svg{width:28px;height:28px}.action-button{padding:1px 0}#icon-about{font-size:26px;line-height:28px}}@media (max-height:545px){#run-in-prev,.action-button div,.action-button svg{display:none}.on-small-only{display:inline!important}.action-button .action-text{display:block;margin-top:1px;font-size:.8rem}}@media (max-width:450px){.split{width:100%}#pl-area,#pl-container,.code,.gutter.gutter-horizontal,.split.split-horizontal{height:auto!important}#pl-area{width:calc(100vw - 40px)!important;margin-left:40px}#pr-placeholder{height:400px!important}#button-row-area{min-width:40px;max-width:40px;font-size:.85rem;height:calc(100vh - 70px);position:fixed}.action-button svg{-webkit-transform:scale(.7);transform:scale(.7)}#input-area,#preview,#preview-area{border:none}.btn-maximize,.btn-unmax{display:none!important}#input_string{min-height:120px}.menu-title{font-size:.7rem;padding-top:3px}.pane-title{border-bottom:1px solid #6e7181}.spinner-code{margin-top:48px;margin-bottom:32px}}.hidden-set{display:none}#settings-cfg-area svg{fill:#cacaca}#settings-cfg-area label{margin-right:1em;white-space:nowrap;display:block}.clearable-input{padding-right:25px}.clear-button{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:none;font-size:130%}#close-preview,.clear-button{position:absolute;right:5px;cursor:pointer}#close-preview{top:5px}#button-preview{display:block}.basic-mode .adv-input,.basic-mode .heading-wrap:not(.basic-heading-wrap),.basic-mode legend,.changes-only .heading-wrap,.expert-mode .basic-input,.filter-applied .heading-wrap,.filter-applied .not-filtered{display:none!important}.must-visible{display:block!important}.basic-mode fieldset,.changes-only fieldset,.filter-applied fieldset{border:none;outline:none;margin:0;padding:0}.input-hi{border-color:#2271b1!important;outline:1px solid #2271b1!important}.heading-wrap{text-align:center;background-color:#2b2d35}.heading-wrap .options-heading{margin:0;font-style:italic;font-weight:400;font-size:120%;color:#eee}.changes-only .form-group:not(.not-default),.changes-only .not-filtered{display:none!important}.no-setting-res{display:none;margin:1em;text-align:center}.no-changes #no-changes,.no-filter-res #no-filter-res{display:block}#button-preview{position:fixed;bottom:.5em;right:.5em;background-color:#fefefe;padding:.5em 1em 1em;border:1px solid #ccc;box-shadow:2px 2px 5px #555;z-index:1000}#settings-cfg-area input[type=checkbox]{margin-right:.25rem}.switch{position:relative;width:26px!important;height:14px!important}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#888;transition:.4s}.slider:before{position:absolute;content:"";height:10px;width:10px;left:3px;bottom:2px;background-color:#fff}input:checked+.slider{background-color:#2196f3!important}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.slider.round{border-radius:14px}.slider.round:before{border-radius:50%}#switch-wrap{white-space:nowrap;display:flex;align-items:center}#switch-wrap label{margin:0}#options-filter-icon{position:absolute;left:7px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#888}#save-wrap{position:relative;display:inline-block}#pdfcrowd-save{margin-right:1em}#dirty-flag{position:absolute;top:0;right:1.25em;color:#fff}.dirty-flag{display:none}#dirty-flag-text{display:inline-block}@media only screen and (max-width:720px){#dirty-flag-text{display:none!important}}#cfg-area-row{flex-wrap:wrap}#cfg-area-row select{width:200px}#settings-set a{color:#729fcf}.ed-sel-input-wrap{display:none}.deprecated-title{color:#e83e8c;font-weight:700}#options-filter{padding-left:26px}#options-filter:focus::-webkit-input-placeholder{color:transparent}#options-filter:focus:-ms-input-placeholder{color:transparent}#options-filter:focus::-ms-input-placeholder{color:transparent}#options-filter:focus::placeholder{color:transparent}.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}.shepherd-cancel-icon{background:transparent;border:none;color:hsla(0,0%,50%,.75);cursor:pointer;font-size:2em;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:hsla(0,0%,50%,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover,.shepherd-title{color:rgba(0,0,0,.75)}.shepherd-title{display:flex;flex:1 0 auto;font-size:1rem;font-weight:400;margin:0;padding:0}.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}.shepherd-text{color:rgba(0,0,0,.75);font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}.shepherd-content{border-radius:5px;outline:none;padding:0}.shepherd-element{background:#fff;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.2);max-width:400px;opacity:0;outline:none;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{height:16px;position:absolute;width:16px;z-index:-1}.shepherd-arrow:before{background:#fff;content:"";transform:rotate(45deg)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}.shepherd-modal-overlay-container{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transform:translateZ(0);transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}.clickable-api-key{cursor:pointer;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:2px;transition:all .2s ease}.clickable-api-key:hover{-webkit-text-decoration-style:solid;text-decoration-style:solid;background-color:rgba(0,123,255,.1);border-radius:3px;padding:0 2px;margin:0 -2px}.api-key-popover{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:12px;min-width:250px;max-width:300px;font-size:14px;-webkit-animation:fadeIn .2s ease;animation:fadeIn .2s ease}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.api-key-popover-content{color:#333}.key-selector-popup .key-option{padding:8px 12px;margin:4px -12px;cursor:pointer;transition:background-color .2s;border-radius:4px}.key-selector-popup .key-option:hover{background-color:#f5f5f5}.key-selector-popup .key-option.active{background-color:#e7f3ff;border-left:3px solid #007bff;padding-left:9px}.key-selector-popup .key-option .key-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.key-selector-popup .key-option .key-preview{font-family:monospace;font-size:.85em;opacity:.7}.key-selector-popup .key-option .badge-sm{font-size:.75rem;padding:.2rem .4rem;margin-top:4px}.demo-key-prompt .benefits-list{list-style:none;padding-left:0;margin-bottom:12px}.demo-key-prompt .benefits-list li{padding:4px 0;font-size:13px}.demo-key-prompt .benefits-list li:before{content:"✓ ";color:#28a745;font-weight:700;margin-right:6px}@media (max-width:576px){.api-key-popover{min-width:200px;max-width:250px}}