-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.a7682b78.css.map
1 lines (1 loc) · 89.1 KB
/
index.a7682b78.css.map
1
{"mappings":"AEAA,8XASA,gYASA,wXASA,2PAUA,iQASA,iQC9CA,iEAKE,gECHF,0JCFA,uECEA,0BAKE,sGADF,uLAiBI,qGAOA,oJASA,iKAcE,kEAQA,0NC7DN,mJCQA,wFAOA,8HAQA,mIAQA,mGAMA,2FAMA,uGAMA,qGC/CA,gGAME,2BCRF,yCCEA,uDCAA,mCCAA,qGAAA,6KCAA,sBCAA,0BCAA,kIAAA,oFAAA,8DAAA,mCAwBA,kFAWA,iBAAA,kCAOA,iBAIA,8CAKE,mCAGA,iCCrDF,yTAeE,sFASA,mDAGE,gfAKF,uDAGE,uaAKF,2DAGE,yfAKF,uDAGE,weAKF,iDAGE,gmBAMA,mCClEJ,qFAYA,wCCdA,oFCGA,+JAUE,4DAIA,8DCVF,iIAQA,sKAWE,uCCpBD,0BAAA,mCD6BD,yEAOA,iDAAA,gGCpCC,0BAAA,2BDoDD,2FAOE,wCC3DD,0BAAA,4BDoDD,gOA4BI,mEChFH,0BAAA,4DDoDD,gGCpDC,0BAAA,yCDuGD,+EAMA,yEAAA,mIAcI,uDAdJ,kCAuBI,iDC9HH,0BAAA,0GD6ID,2BEtJA,4PAgBE,2EDbD,0BAAA,yQCmCD,oHAAA,+CAAA,8EDnCC,0BAAA,8BCyDD,sJAQE,oKAaF,+BDxEC,0BAAA,0CEVD,+CFIC,0BAAA,yBEKD,uFFLC,0BAAA,oBEeD,oKFfC,0BAAA,kEAMA,0BAAA,oDE6BD,kFAQA,0BFrCC,0BAAA,mIAMA,0BAAA,4CEgDD,2KFtDC,0BAAA,iDGTD,mDAAA,mEHSC,0BAAA,uEAAA,wDGqBK,wDHrBL,0BAAA,2CG4BK,4EH5BL,6MAAA,uDAAA,+DAAA,srBAAA,iFAAA,yFAAA,4SITD,mEAAA,mLAYI,6EAMJ,8DAMI,sFAQA,8EJ7BH,0BIkCK,uFAON,oGAAA,qCASI,oCCnDJ,qLAAA,uPLCC,0BAAA,uEKkCC,6EAAA,iDLtBD,0BAAA,+CKqCD,wEAKE,0CAEE,iGAFF,6CALF,yDAyBA,wOAAA,qDAAA,0CAAA,iGA4BE,yDLtGD,0BAAA,sDAYA,0BAAA,kDKwGD,sFAAA,wDASI,iIATJ,+BAuBE,iCAKF,4JAAA,iDAeE,6CAKF,+BAGA,uCC7KA,2CAIA,iFAGA,wEAGA,8ECLA,sMPCC,0BAAA,0DOgBC,uEAMF,wKPtBC,0BAAA,sCOsBD,sDAkBA,iDAGE,oEAOF,mCPlDC,0BAAA,8BO0DD,iGAOA,oDAAA,iCAAA,4EAAA,6GAAA,2KA4BI,oEAIA,oMCvGJ,yKAYE,gGAKA,+CRXD,0BAAA,6DSND,2CAGE,gDAAA,gEAUF,gJAUA,kJAUA,6IAAA,wDC3BA,iKAWE,yCAKF,yHAAA,4CAAA,yKVhBC,0BAAA,mEUgBD,8EAiCA,mEAMA,8FAME,8BV7DD,0BAAA,qBUmEG,gCAZJ,0EAsBI,iDAtBJ,uHAmCA,6FV1FC,0BAAA,qCUsGC,kCAZF,qIAwBA,qDAMA,2EAOA,sDAMA,sCVrIC,0BAAA,yCU+ID,2BAAA,8BAOA,wIAOA,iFAAA,oDV7JC,0BAAA,oEAAA,2BUmLD,uBAAA,wFAAA,2IAAA,mGAAA,0CAAA,iEAAA,oEAAA,6FAAA,8FAAA,6HAAA,2EAAA,yHAiDI,8FAAA,6JAjDJ,iDAAA,iGAsEA,0EAKA,2GAAA,2DAgBA,4DAAA,oFAAA,sFAAA,+DAmBA,6FAAA,yJAAA,4FAAA,0F/BpRA,uCAMA,sCAKA,mBAIA,4FAQA,+7CAuDA,o5CAsDA,8KASE,o8CAAA,iFAAA,mDAAA,gEAAA,4GAAA,kIAAA,kNAAA,qDAAA,4NAAA,+VAAA,kPAAA,mJAAA,0DAAA,sDAAA,8DAIA,y5CAAA,gFAAA,kDAAA,+DAAA,0GAAA,+HAAA,6MAAA,oDAAA,uNAAA,uVAAA,4OAAA,gJAAA,yDAAA,qDAAA,6DAMA,oCAAA,4BAGA,mCAAA,+BkC7KF,aACE,oCAKA,87CAKA,gDACA,4DAMA","sources":["index.a7682b78.css","packages/renderer/src/styles/main.less","packages/renderer/src/styles/fonts.less","packages/renderer/src/styles/elements/a.less","packages/renderer/src/styles/elements/abbr.less","packages/renderer/src/styles/elements/button.less","packages/renderer/src/styles/elements/checkbox.less","packages/renderer/src/styles/elements/code.less","packages/renderer/src/styles/elements/h.less","packages/renderer/src/styles/elements/hr.less","packages/renderer/src/styles/elements/img.less","packages/renderer/src/styles/elements/mark.less","packages/renderer/src/styles/elements/p.less","packages/renderer/src/styles/elements/pre.less","packages/renderer/src/styles/elements/small.less","packages/renderer/src/styles/elements/strong.less","packages/renderer/src/styles/elements/table.less","packages/renderer/src/styles/elements/aside.less","packages/renderer/src/styles/elements/ul.less","packages/renderer/src/styles/elements/iframe.less","packages/renderer/src/styles/components/button.less","packages/renderer/src/styles/components/header.less","packages/renderer/src/styles/mixins/responsive.less","packages/renderer/src/styles/components/sidebar.less","packages/renderer/src/styles/components/page.less","packages/renderer/src/styles/components/page-3-columns.less","packages/renderer/src/styles/components/pre-block.less","packages/renderer/src/styles/components/search.less","packages/renderer/src/styles/components/scrollbar.less","packages/renderer/src/styles/components/settings.less","packages/renderer/src/styles/components/backdrop-overlay.less","packages/renderer/src/styles/components/header-menu.less","packages/renderer/src/styles/components/codemirror.less","node_modules/highlight.js/styles/atom-one-light.css","node_modules/highlight.js/styles/atom-one-dark.css","packages/renderer/src/styles/print.less"],"sourcesContent":["@font-face {\n font-family: Proxima Nova Fin;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\"https://cdn.refinitiv.net/public/libs/elf/assets/elf-theme-halo/resources/fonts/proximanovafin/proximanovafin-regular.woff2\") format(\"woff2\"), url(\"https://cdn.refinitiv.net/public/libs/elf/assets/elf-theme-halo/resources/fonts/proximanovafin/proximanovafin-regular.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: Proxima Nova Fin;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\"https://cdn.refinitiv.net/public/libs/elf/assets/elf-theme-halo/resources/fonts/proximanovafin/proximanovafin-semibold.woff2\") format(\"woff2\"), url(\"https://cdn.refinitiv.net/public/libs/elf/assets/elf-theme-halo/resources/fonts/proximanovafin/proximanovafin-semibold.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: Proxima Nova Fin;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\"https://cdn.refinitiv.net/public/libs/elf/assets/elf-theme-halo/resources/fonts/proximanovafin/proximanovafin-bold.woff2\") format(\"woff2\"), url(\"https://cdn.refinitiv.net/public/libs/elf/assets/elf-theme-halo/resources/fonts/proximanovafin/proximanovafin-bold.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: Source Code Pro;\n src: url(\"sourcecodepro-bold-webfont.a1388491.woff2\") format(\"woff2\"), url(\"sourcecodepro-bold-webfont.19c7cd25.woff\") format(\"woff\");\n font-weight: bold;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Source Code Pro;\n src: url(\"sourcecodepro-light-webfont.43bccd8e.woff2\") format(\"woff2\"), url(\"sourcecodepro-light-webfont.c9801a99.woff\") format(\"woff\");\n font-weight: lighter;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Source Code Pro;\n src: url(\"sourcecodepro-regular-webfont.8e5e2e56.woff2\") format(\"woff2\"), url(\"sourcecodepro-regular-webfont.93b6e55d.woff\") format(\"woff\");\n font-weight: normal;\n font-style: normal;\n font-display: swap;\n}\n\na {\n color: var(--link-text-color);\n outline: none;\n text-decoration: none;\n}\n\na:hover {\n color: var(--link-hover-color);\n text-decoration: underline;\n}\n\nabbr[title] {\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\nbutton {\n cursor: pointer;\n background: none;\n border: none;\n outline: none;\n margin: 0;\n}\n\n[type=\"checkbox\"] {\n padding: 0;\n}\n\n[type=\"checkbox\"]:not(:checked), [type=\"checkbox\"]:checked {\n opacity: 0;\n pointer-events: none;\n position: absolute;\n}\n\n[type=\"checkbox\"] + span {\n cursor: pointer;\n -webkit-user-select: none;\n user-select: none;\n height: 20rem;\n padding-left: 25rem;\n font-size: 16rem;\n line-height: 20rem;\n display: inline-block;\n position: relative;\n}\n\n[type=\"checkbox\"] + span:before, [type=\"checkbox\"] + span:after {\n content: \"\";\n z-index: 0;\n position: absolute;\n left: 0;\n}\n\n[type=\"checkbox\"] + span:after {\n z-index: 0;\n border: 1rem solid var(--primary-text-color);\n background-color: #0000;\n width: 16rem;\n height: 16rem;\n top: 1rem;\n left: 2rem;\n}\n\n[type=\"checkbox\"] + span:before {\n z-index: 1;\n border: 2rem solid var(--primary-text-color);\n border-radius: 1rem;\n width: 0;\n height: 0;\n top: 2rem;\n left: 8rem;\n transform: rotateZ(37deg);\n}\n\n[type=\"checkbox\"]:not(:checked) + span:before {\n border: 3rem solid #0000;\n}\n\n[type=\"checkbox\"]:checked + span:before {\n border-top: 2rem solid #0000;\n border-left: 2rem solid #0000;\n border-right: 2rem solid var(--primary-text-color);\n border-bottom: 2rem solid var(--primary-text-color);\n width: 5rem;\n height: 10rem;\n}\n\n:not(pre) code {\n background: var(--pre-bg-color);\n box-sizing: border-box;\n color: var(--code-text-color);\n border-radius: 5px;\n padding: .2em .4em;\n font-size: 80%;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-family: inherit;\n font-style: inherit;\n margin: 12rem 0;\n font-weight: 500;\n}\n\nh1 {\n margin-top: 48rem / 1.125;\n clear: both;\n margin-top: 60rem;\n margin-bottom: 24rem;\n font-size: 48rem;\n font-weight: 600;\n line-height: 1.04167;\n}\n\nh2 {\n margin-top: 28rem / 1.125;\n clear: both;\n border-bottom: 4rem solid;\n margin-top: 60rem;\n margin-bottom: 24rem;\n font-size: 28rem;\n line-height: 1.5;\n}\n\nh3 {\n margin-top: 24rem / 1.125;\n margin-top: 40rem;\n margin-bottom: 16rem;\n font-size: 24rem;\n line-height: 1.41667;\n}\n\nh4 {\n margin-top: 20rem / 1.125;\n margin-top: 24rem;\n font-size: 20rem;\n font-weight: 600;\n line-height: 1.5;\n}\n\nh5 {\n margin-top: 18rem / 1.125;\n text-transform: uppercase;\n font-size: 18rem;\n font-weight: 600;\n line-height: 1.33333;\n}\n\nh6 {\n margin-top: 16rem / 1.125;\n text-transform: uppercase;\n font-size: 16rem;\n font-weight: 600;\n line-height: 1.375;\n}\n\nhr {\n color: var(--separator-color);\n background-color: var(--separator-color);\n border: 0;\n margin: 16rem 0;\n}\n\nhr:not([size]) {\n height: 1rem;\n}\n\nimg {\n vertical-align: middle;\n max-width: 100%;\n}\n\nmark {\n background-color: var(--mark-bg-color);\n padding: 2px;\n}\n\np {\n margin-top: 0;\n margin-bottom: 12rem;\n}\n\npre {\n white-space: pre;\n background: var(--pre-bg-color);\n border-radius: 3px;\n margin: 16rem auto;\n overflow: auto;\n}\n\npre code {\n color: inherit;\n white-space: pre;\n background: none;\n border: none;\n font-family: Source Code Pro;\n font-size: 14rem;\n display: block;\n background: none !important;\n padding: 16rem !important;\n}\n\nsmall {\n font-size: 12rem;\n}\n\nstrong {\n font-weight: bolder;\n}\n\ntable {\n caption-side: bottom;\n border-collapse: collapse;\n border-color: var(--separator-color);\n width: 100%;\n font-size: 14rem;\n line-height: 1.3;\n}\n\ntable :not(:last-child) > :last-child > * {\n border-bottom-color: var(--table-border-color);\n}\n\ntable * > tr > th, table td {\n border-bottom-width: 1rem;\n padding: 16rem;\n}\n\ntable * tr > th {\n padding-bottom: 12rem;\n}\n\nthead, tbody, tfoot, tr, td, th {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nthead {\n width: 100%;\n}\n\nthead > thead {\n vertical-align: bottom;\n}\n\ntbody {\n width: 100%;\n}\n\nth {\n text-align: left;\n opacity: .7;\n font-weight: 500;\n}\n\nth[align=\"center\"] {\n text-align: center;\n}\n\nth[align=\"right\"] {\n text-align: right;\n}\n\naside {\n --notice-notice-color: #334bff;\n --notice-warning-color: #ffc800;\n --notice-important-color: #009ea1;\n --notice-success-color: #39c46e;\n --notice-fail-color: #b63243;\n background-color: var(--notice-bg-color);\n border-left: 4px solid;\n border-radius: 3px;\n margin: 30px 0;\n padding: 15px 15px 15px 40px;\n display: block;\n position: relative;\n}\n\naside:before {\n width: 24px;\n height: 24px;\n display: block;\n position: absolute;\n top: 15px;\n left: 8px;\n}\n\naside.info {\n border-color: var(--notice-notice-color);\n}\n\naside.info:before {\n content: url(\"data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20focusable%3D%22false%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M8%202.5a5.5%205.5%200%20100%2011%205.5%205.5%200%20000-11z%22%20stroke%3D%22%23334BFF%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8%207v4-4zM8%205v1-1z%22%20stroke%3D%22%23334BFF%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\naside.warning {\n border-color: var(--notice-warning-color);\n}\n\naside.warning:before {\n content: url(\"data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20focusable%3D%22false%22%3E%3Cg%20stroke%3D%22%23FFC800%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M8%203.044L2.5%2013.127v.373h11v-.373L8%203.044zM8%206.5V10M8%2011v1%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\naside.important {\n border-color: var(--notice-important-color);\n}\n\naside.important:before {\n content: url(\"data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20focusable%3D%22false%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M8%202.5a5.5%205.5%200%20100%2011%205.5%205.5%200%20000-11z%22%20stroke%3D%22%23009EA1%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8%209V5v4zM8%2011v-1%201z%22%20stroke%3D%22%23009EA1%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\naside.success {\n border-color: var(--notice-success-color);\n}\n\naside.success:before {\n content: url(\"data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20focusable%3D%22false%22%3E%3Cg%20transform%3D%22translate(2%202)%22%20stroke%3D%22%2339C46E%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M9%204L4.5%208.5l-2-2%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%225.5%22%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\naside.fail {\n border-color: var(--notice-fail-color);\n}\n\naside.fail:before {\n content: url(\"data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20focusable%3D%22false%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M8%202.5a5.5%205.5%200%20100%2011%205.5%205.5%200%20000-11z%22%20stroke%3D%22%23B63243%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M5.455%2010.6l5-5.134-5%205.135z%22%20stroke%3D%22%23B63243%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M5.455%205.466l5.17%205.135-5.17-5.135z%22%20stroke%3D%22%23B63243%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\naside p:last-child {\n margin-bottom: 0;\n}\n\nol, ul {\n margin-top: 0;\n margin-bottom: 16rem;\n padding-left: 16rem;\n list-style-position: inside;\n}\n\nol ol, ul ul, ol ul, ul ol {\n margin-bottom: 0;\n}\n\niframe {\n background-color: var(--iframe-bg-color);\n border: none;\n width: 100%;\n display: block;\n}\n\n.action-button {\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n width: 35px;\n height: 35px;\n line-height: 1px;\n transition: background-color .5s;\n display: flex;\n}\n\n.action-button:hover {\n background-color: var(--hover-bg-color);\n}\n\n.action-button:active {\n background-color: var(--active-bg-color);\n}\n\nheader {\n z-index: 1000;\n background-color: var(--header-bg-color);\n border-bottom: 1px solid var(--separator-color);\n position: sticky;\n top: 0;\n}\n\n.header-container {\n opacity: 0;\n justify-content: space-between;\n align-items: center;\n max-width: 1600px;\n height: 65px;\n margin: 0 auto;\n padding: 0 8rem;\n display: flex;\n position: relative;\n}\n\n.header-container.is-visible {\n opacity: 1;\n}\n\n@media (min-width: 1024px) {\n .header-container {\n padding: 0 40rem;\n }\n}\n\n.header-left {\n flex: auto;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.mobile-menu {\n flex-direction: column;\n flex-shrink: 0;\n}\n\n.mobile-menu span {\n background-color: var(--primary-text-color);\n width: 15px;\n height: 2px;\n margin: 2px 0;\n}\n\n@media (min-width: 1024px) {\n .mobile-menu {\n display: none;\n }\n}\n\n.site-header {\n flex-wrap: wrap;\n flex: auto;\n align-items: center;\n text-decoration: none;\n display: flex;\n}\n\n.site-header:hover {\n text-decoration: none;\n}\n\n@media (min-width: 1024px) {\n .site-header {\n margin-left: 0;\n }\n}\n\n.site-header .header-title {\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--primary-text-color);\n max-width: 500px;\n margin-top: 0;\n margin-bottom: 0;\n margin-left: 8rem;\n font-size: 18rem;\n font-weight: 300;\n display: none;\n overflow: hidden;\n}\n\n.site-header .header-title:hover {\n color: var(--text-highlight-color);\n}\n\n@media (min-width: 1024px) {\n .site-header .header-title {\n margin-left: 16rem;\n display: block;\n }\n}\n\n.site-header .header-logo {\n width: auto;\n height: 30px;\n min-height: 30px;\n margin-left: 8rem;\n display: block;\n}\n\n@media (min-width: 1024px) {\n .site-header .header-logo {\n margin-left: 0;\n }\n}\n\nbody[color-scheme=\"dark\"] .header-logo.invert-color {\n filter: brightness(0) invert();\n}\n\n.header-menu {\n height: 100%;\n margin-right: 16rem;\n font-size: 16rem;\n display: none;\n}\n\n.header-menu a {\n color: var(--primary-text-color);\n align-items: center;\n margin: 0 16rem;\n font-weight: 400;\n text-decoration: none;\n display: flex;\n}\n\n.header-menu a:hover {\n color: var(--text-highlight-color);\n}\n\n.header-menu .dropdown a {\n margin: 0;\n}\n\n.header-menu .dropdown:first-child {\n margin-left: 0;\n}\n\n@media (min-width: 1200px) {\n .header-menu {\n flex: auto;\n justify-content: flex-end;\n padding: 0;\n display: flex;\n position: relative;\n overflow: hidden;\n }\n}\n\n.header-right {\n display: flex;\n}\n\n.sidebar {\n visibility: hidden;\n z-index: 1000;\n background-color: var(--sidebar-bg-color);\n flex-flow: column;\n flex: 1 0 auto;\n width: 280px;\n min-width: 280px;\n height: 100%;\n transition: all .2s ease-in-out;\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n transform: translateX(-280px);\n}\n\n.sidebar.is-visible {\n z-index: 1100;\n visibility: visible;\n transform: translateX(0);\n}\n\n@media (min-width: 1024px) {\n .sidebar {\n visibility: visible;\n border-right: 1px solid var(--separator-color);\n flex-direction: column;\n flex: none;\n width: calc(50% - 520px);\n height: calc(100vh - 66px);\n padding-left: calc(50% - 800px);\n transition: none;\n display: flex;\n position: sticky;\n top: 66px;\n transform: translateX(0);\n }\n}\n\n.sidebar-header {\n background-color: var(--header-bg-color);\n align-items: center;\n height: 65px;\n min-height: 65px;\n display: flex;\n}\n\n.sidebar-header .site-header {\n margin-left: 24rem;\n}\n\n.sidebar-header .header-title {\n max-width: 200px;\n margin-left: 16rem;\n display: block;\n}\n\n@media (min-width: 1024px) {\n .sidebar-header {\n display: none;\n }\n}\n\n.arrow-icon {\n border-style: solid;\n border-width: 2px 2px 0 0;\n border-color: var(--primary-text-color);\n color: var(--primary-text-color);\n width: 10px;\n height: 10px;\n}\n\n.arrow-icon:before {\n content: \"\";\n transform-origin: 100% 0;\n width: 14px;\n height: 2px;\n position: absolute;\n top: -2px;\n right: 0;\n transform: rotate(-45deg);\n box-shadow: inset 0 0 0 32px;\n}\n\npandora-nav {\n padding-left: 40rem;\n}\n\n@media (min-width: 1200px) {\n pandora-nav-item[type=\"menu\"] {\n display: none;\n }\n}\n\nmain {\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n@media (min-width: 1024px) {\n main {\n flex-direction: row;\n }\n}\n\n.page {\n background-color: var(--sidebar-bg-color);\n flex: auto;\n min-width: 0;\n position: relative;\n}\n\n@media (min-width: 1024px) {\n .page {\n display: flex;\n }\n}\n\n.content-container {\n background-color: var(--primary-bg-color);\n flex: 1;\n align-self: flex-start;\n min-width: 0;\n min-height: 100%;\n padding: 0 24rem;\n display: flex;\n position: relative;\n}\n\n@media (min-width: 1024px) {\n .content-container {\n border-right: 1px solid var(--separator-color);\n }\n}\n\n@media (min-width: 1200px) {\n .content-container {\n max-width: 850px;\n padding: 0 40rem;\n }\n}\n\n.content {\n z-index: 1;\n width: 100%;\n padding-bottom: 30px;\n display: block;\n position: relative;\n}\n\ncontent-menu {\n display: none;\n}\n\n@media (min-width: 1200px) {\n content-menu {\n height: calc(100vh - 66px);\n margin-left: 40rem;\n padding-top: 24rem;\n display: block;\n position: sticky;\n top: 66px;\n overflow-y: auto;\n }\n}\n\n@media (min-width: 1600px) {\n content-menu {\n width: 400px;\n margin-left: 50rem;\n }\n}\n\n.column-wrapper {\n background-color: var(--third-column-bg-color);\n border-left: 1px solid var(--separator-color);\n width: 50%;\n display: none;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n}\n\n@media (min-width: 1200px) {\n body[mode=\"default+code\"] .pre-block {\n border: none;\n }\n}\n\nbody[mode=\"default+code\"] content-menu {\n display: none;\n}\n\nbody[mode=\"default+code\"] h1, body[mode=\"default+code\"] h2 {\n clear: both;\n}\n\n@media (min-width: 1200px) {\n body[mode=\"default+code\"] .content-container {\n max-width: 1200px;\n padding: 0;\n }\n\n body[mode=\"default+code\"] .column-wrapper {\n display: block;\n }\n}\n\nbody[mode=\"default+code\"] .content > pre.hide {\n display: none;\n}\n\n@media (min-width: 1200px) {\n body[mode=\"default+code\"] .content {\n margin: 0;\n }\n\n body[mode=\"default+code\"] .content:after {\n content: \"\";\n clear: both;\n display: block;\n }\n\n body[mode=\"default+code\"] .content > pre, body[mode=\"default+code\"] .content > blockquote, body[mode=\"default+code\"] .content > .pre-block {\n float: right;\n clear: right;\n width: calc(50% - 1px);\n margin: 0 0 16rem;\n padding: 16rem;\n }\n\n body[mode=\"default+code\"] .content > .pre-block {\n padding: 0;\n }\n\n body[mode=\"default+code\"] .content > .pre-block pre {\n padding: 16rem;\n }\n\n body[mode=\"default+code\"] .content > h1, body[mode=\"default+code\"] .content > h2, body[mode=\"default+code\"] .content > h3, body[mode=\"default+code\"] .content > h4, body[mode=\"default+code\"] .content > h5, body[mode=\"default+code\"] .content > h6, body[mode=\"default+code\"] .content > p, body[mode=\"default+code\"] .content > hr, body[mode=\"default+code\"] .content > ul, body[mode=\"default+code\"] .content > li, body[mode=\"default+code\"] .content > ol, body[mode=\"default+code\"] .content > b, body[mode=\"default+code\"] .content > strong, body[mode=\"default+code\"] .content > abbr, body[mode=\"default+code\"] .content > small, body[mode=\"default+code\"] .content > img, body[mode=\"default+code\"] .content > code-sandbox {\n margin-right: 50%;\n padding: 0 40rem;\n display: block;\n }\n\n body[mode=\"default+code\"] .content > table {\n width: calc(50% - 60px);\n margin-left: 40rem;\n }\n\n body[mode=\"default+code\"] .content > aside {\n margin-left: 40rem;\n margin-right: calc(50% + 16rem);\n }\n\n body[mode=\"default+code\"] .content > em, body[mode=\"default+code\"] .content > del, body[mode=\"default+code\"] .content > mark, body[mode=\"default+code\"] .content > u, body[mode=\"default+code\"] .content > a, body[mode=\"default+code\"] .content > label, body[mode=\"default+code\"] .content > input {\n margin-right: 50%;\n padding: 0 16rem;\n }\n}\n\n.lang-selector {\n background-color: var(--primary-bg-color);\n width: 100%;\n}\n\n.lang-selector .lang-item, .lang-selector .preview-btn {\n cursor: pointer;\n color: var(--primary-text-color);\n padding: 12rem 16rem;\n font-weight: 500;\n text-decoration: none;\n display: inline-block;\n}\n\n.lang-selector .lang-item:hover, .lang-selector .preview-btn:hover {\n opacity: .8;\n}\n\n.lang-global-selector {\n z-index: 1;\n width: 1200px / 2;\n position: fixed;\n}\n\n.lang-global-selector .lang-item.active {\n background-color: var(--third-column-bg-color);\n}\n\n.lang-content-selector .lang-item.active {\n background-color: var(--pre-bg-color);\n}\n\n@media (min-width: 1024px) {\n .lang-content-selector .lang-item.desktop-active {\n background-color: var(--pre-bg-color);\n }\n}\n\n.pre-block {\n border: 1px solid var(--separator-color);\n clear: none;\n border-radius: 3px;\n margin-bottom: 16rem;\n}\n\n.pre-block pre {\n margin: 0;\n display: none;\n}\n\n.pre-block pre.active {\n display: block;\n}\n\n.search-container {\n pointer-events: none;\n visibility: hidden;\n opacity: 0;\n background: #fff;\n height: 65px;\n transition: opacity .1s cubic-bezier(.4, 0, .2, 1) .1s;\n display: flex;\n position: fixed;\n inset: 0;\n}\n\n.search-container .search-input {\n color: #212121;\n background-color: #0000;\n border: none;\n outline: none;\n flex: 1;\n width: 100%;\n height: 100%;\n padding: 0 100px 0 24rem;\n font-size: 16rem;\n transition: top .3s cubic-bezier(.4, 0, .2, 1);\n display: flex;\n position: relative;\n top: 16px;\n}\n\n@media (min-width: 1024px) {\n .search-container .search-input {\n padding-left: 50px;\n padding-right: 150px;\n }\n}\n\n.search-container.is-visible {\n opacity: 1;\n pointer-events: all;\n visibility: visible;\n}\n\n.search-container.is-visible .search-input {\n top: 0;\n}\n\n@media (min-width: 1600px) {\n .search-container {\n padding: 0 calc(50% - 800px);\n }\n}\n\n.search-button {\n color: var(--primary-text-color);\n cursor: pointer;\n z-index: 2;\n}\n\n.search-button.close-button {\n color: #212121;\n}\n\n.search-button.close-button:after {\n content: \"×\";\n font-family: serif;\n font-size: 28rem;\n font-weight: 300;\n}\n\n.search-button.close-button svg {\n display: none;\n}\n\n.search-button svg {\n cursor: pointer;\n width: 20px;\n height: 20px;\n}\n\n.results-container {\n z-index: 2;\n background-color: var(--primary-bg-color);\n height: calc(100% - 65px);\n padding: 0 16rem 24rem;\n transition: transform .2s ease-in-out;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n overflow: auto;\n transform: translateY(-100%);\n}\n\n.results-container a {\n color: var(--primary-text-color);\n}\n\n.results-container p {\n word-break: break-all;\n}\n\n.results-container mark {\n color: var(--text-highlight-color);\n background-color: #0000;\n font-weight: 500;\n}\n\n.results-container.is-visible {\n transform: translateY(65px);\n}\n\n@media (min-width: 1024px) {\n .results-container {\n margin-left: 280px;\n padding: 0 40rem;\n }\n}\n\n@media (min-width: 1600px) {\n .results-container {\n margin-left: calc(50% - 520px);\n }\n}\n\n.item-container {\n cursor: pointer;\n margin-bottom: 40rem;\n text-decoration: none;\n display: block;\n}\n\n.item-container h4 {\n padding-left: 12rem;\n position: relative;\n}\n\n.item-container h4:before {\n content: \"\";\n background-color: var(--code-hl-number-color);\n width: 2px;\n height: 100%;\n position: absolute;\n left: 0;\n}\n\n.item-container mark {\n padding: 0;\n}\n\n.item-container:hover {\n opacity: .9;\n}\n\n.results-placeholder {\n text-align: center;\n opacity: .8;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n max-width: 1200px;\n height: 100%;\n display: none;\n}\n\n.results-placeholder img {\n width: 150px;\n height: auto;\n}\n\n.results-placeholder.is-visible {\n display: flex;\n}\n\n.results-body {\n max-width: 1200px;\n}\n\n.results-errorMsg {\n word-break: break-all;\n}\n\n::-webkit-scrollbar {\n width: 5rem;\n height: 5rem;\n}\n\n::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 6px var(--hover-bg-color);\n}\n\n::-webkit-scrollbar-thumb {\n background-color: var(--scrollbar-thumb-color);\n}\n\n::-webkit-scrollbar-thumb:hover {\n background-color: var(--scrollbar-hover-color);\n}\n\n.settings-content {\n background-color: var(--sidebar-bg-color);\n z-index: 1100;\n visibility: hidden;\n width: 350px;\n transition: all .2s ease-in-out;\n position: fixed;\n top: 0;\n bottom: 0;\n right: 0;\n transform: translateX(350px);\n}\n\n@media (min-width: 1024px) {\n .settings-content {\n width: 400px;\n transform: translateX(400px);\n }\n}\n\n.settings-content.is-visible {\n visibility: visible;\n transform: translateX(0);\n}\n\n.settings-header {\n border-bottom: 1px solid var(--separator-color);\n justify-content: flex-end;\n align-items: center;\n height: 65px;\n min-height: 66px;\n padding-right: 8rem;\n display: flex;\n}\n\n@media (min-width: 1024px) {\n .settings-header {\n padding-right: 40rem;\n }\n}\n\n.settings-header .right-arrow {\n transform: rotate(45deg);\n}\n\n.settings-button {\n color: var(--primary-text-color);\n}\n\n.settings-button:after {\n content: \"⋮\";\n font-size: 26px;\n font-weight: bold;\n}\n\n.settings-body {\n padding: 40rem 16rem;\n}\n\n@media (min-width: 1024px) {\n .settings-body {\n padding: 40rem;\n }\n}\n\n.settings-item {\n justify-content: space-between;\n align-items: center;\n margin-bottom: 40rem;\n display: flex;\n}\n\n.theme-toggle {\n cursor: pointer;\n width: auto;\n height: auto;\n}\n\n.theme-toggle input {\n display: none;\n}\n\n.theme-toggle input[type=\"checkbox\"]:checked + .switch {\n background-color: #404040;\n}\n\n.theme-toggle input[type=\"checkbox\"]:checked + .switch:before {\n background-color: #1a1a1a;\n transform: translateX(20px);\n}\n\n.theme-toggle .switch {\n vertical-align: middle;\n background: #d9d9d9;\n border-radius: 16px;\n width: 44px;\n height: 24px;\n transition: background .25s;\n display: inline-block;\n position: relative;\n}\n\n.theme-toggle .switch:before, .theme-toggle .switch:after {\n content: \"\";\n}\n\n.theme-toggle .switch:before {\n background-color: #fff;\n border-radius: 50%;\n width: 18px;\n height: 18px;\n transition: transform .25s;\n display: block;\n position: absolute;\n top: 3px;\n left: 3px;\n box-shadow: 1px 1px 5px #0003;\n}\n\n.backdrop-overlay {\n visibility: hidden;\n z-index: 1100;\n background-color: #0000004d;\n transition: opacity .2s ease-out, visibility 0s linear .2s;\n display: none;\n position: fixed;\n inset: 0;\n}\n\n.backdrop-overlay.is-visible, .backdrop-overlay.desktop-visible {\n visibility: visible;\n display: block;\n}\n\n.backdrop-overlay.desktop-visible {\n z-index: 1100;\n}\n\n@media (min-width: 1024px) {\n .backdrop-overlay, .backdrop-overlay.is-visible {\n display: none;\n }\n}\n\n.dropdown {\n margin: 0 16rem;\n position: relative;\n}\n\n.dropdown:hover .dropdown-content {\n display: block;\n}\n\n.dropdown:hover .dropdown-btn {\n color: var(--text-highlight-color);\n}\n\n.dropdown-btn {\n font-family: inherit;\n font-size: inherit;\n color: var(--primary-text-color);\n align-items: center;\n height: 100%;\n font-weight: 500;\n display: flex;\n}\n\n.dropdown-arrow {\n cursor: pointer;\n border: 2px solid;\n border-width: 0 2px 2px 0;\n margin-bottom: 2px;\n margin-left: 10px;\n padding: 2.5px;\n transform: rotate(45deg);\n}\n\n.dropdown-content {\n background-color: var(--sidebar-bg-color);\n box-shadow: var(--box-shadow);\n min-width: 160px;\n display: none;\n position: fixed;\n top: 50px;\n}\n\n.dropdown-content a {\n text-align: left;\n padding: 12rem 16rem;\n}\n\n.pandora-code-viewer {\n z-index: 9999;\n background-color: var(--primary-bg-color);\n flex-direction: column;\n width: 100%;\n height: 100%;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n}\n\n.pandora-code-viewer.active {\n display: flex;\n}\n\n.pandora-toolbar {\n border-bottom: 1px solid var(--separator-color);\n width: 100%;\n height: 35px;\n min-height: 35px;\n position: relative;\n}\n\n.pandora-toolbar .lang-selector {\n height: 100%;\n}\n\n.pandora-toolbar .lang-content-selector .lang-item, .pandora-toolbar .lang-content-selector .preview-btn {\n align-items: center;\n height: 100%;\n padding: 12rem;\n display: inline-flex;\n}\n\n@media (min-width: 1024px) {\n .pandora-toolbar .lang-content-selector .preview-btn {\n display: none;\n }\n}\n\n.pandora-toolbar .close-btn {\n color: inherit;\n position: absolute;\n top: 0;\n right: 12rem;\n}\n\n.viewer-container {\n width: 100%;\n height: calc(100% - 35px);\n display: flex;\n}\n\n.code-panel {\n background-color: var(--primary-bg-color);\n flex: 100%;\n min-width: 200px;\n max-width: 100%;\n}\n\n.code-panel.hide {\n display: none;\n}\n\n@media (min-width: 1024px) {\n .code-panel {\n flex: 50%;\n }\n\n .code-panel.hide {\n display: block;\n }\n}\n\n.code-panel .language-block {\n flex-direction: row;\n display: none;\n overflow: auto;\n}\n\n.code-panel .language-block.active {\n display: block;\n}\n\n.code-panel .language-block .code-block {\n background-color: var(--live-code-bg-color);\n outline: none;\n width: 100%;\n height: 100%;\n}\n\n.viewer-panel {\n flex-direction: column;\n flex: 100%;\n min-width: 200px;\n display: none;\n position: relative;\n}\n\n@media (min-width: 1024px) {\n .viewer-panel {\n flex: 50%;\n display: flex;\n }\n}\n\n.viewer-panel.active {\n display: flex;\n}\n\n.viewer-panel iframe {\n background: var(--live-code-preview-frame-color);\n border: 1rem solid var(--separator-color);\n width: 100%;\n height: 100%;\n}\n\n.iframe-panel {\n flex: 50%;\n min-height: 200px;\n display: flex;\n}\n\n.iframe-panel > code-sandbox {\n width: 100%;\n min-width: 0;\n height: 100%;\n min-height: 0;\n}\n\n.console-panel {\n flex: 50%;\n min-height: 200px;\n display: flex;\n}\n\npanel-dragger[vertical] {\n display: block;\n}\n\n@media (min-width: 1024px) {\n panel-dragger[horizontal] {\n display: block;\n }\n}\n\ncode-sandbox {\n display: block;\n}\n\ncode-sandbox pre {\n display: none;\n}\n\n.content > code-sandbox {\n border: 1px solid var(--separator-color);\n background-color: var(--iframe-bg-color);\n margin-bottom: 24rem;\n padding: 24rem;\n}\n\n.demo-block {\n flex-direction: column-reverse;\n width: 100%;\n margin-right: 0;\n display: flex;\n}\n\n.demo-block .demo-preview {\n width: 100%;\n padding: 0 15px;\n}\n\n@media (min-width: 1024px) {\n .demo-block .demo-preview {\n width: 50%;\n margin-right: 50%;\n padding: 0 45px;\n }\n\n .demo-block {\n display: block;\n }\n}\n\n.cm-editor {\n height: 100%;\n}\n\n.cm-editor .cm-scroller {\n font-family: Source Code Pro !important;\n font-size: 14rem !important;\n}\n\n.cm-editor .cm-gutters {\n background-color: var(--live-code-line-number-bg-color);\n border-right: 1px solid var(--live-code-line-border-bg-color);\n}\n\n.cm-editor .cm-gutters .cm-activeLineGutter {\n background-color: var(--live-code-active-line-bg-color);\n}\n\n.cm-editor .cm-foldGutter {\n font-size: 14rem;\n}\n\n.cm-editor .cm-foldGutter span[title=\"Fold line\"] {\n line-height: .75;\n}\n\n.cm-editor .cm-foldGutter span[title=\"Unfold line\"] {\n line-height: 1.15;\n}\n\n.cm-editor .cm-content .cm-activeLine {\n background-color: var(--live-code-active-line-bg-color);\n}\n\n.cm-editor .cm-selectionBackground {\n background: var(--live-code-active-line-bg-color) !important;\n}\n\n.cm-editor .cm-selectionMatch {\n color: var(--link-text-color);\n background-color: var(--live-code-selection-match-color) !important;\n}\n\n.cm-editor .cm-matchingBracket {\n color: var(--live-code-bracket-active-color);\n}\n\n.cm-editor .cm-tooltip {\n border: 1px solid var(--live-code-active-line-bg-color);\n background-color: var(--live-code-bg-color);\n}\n\n.cm-editor .cm-tooltip.cm-tooltip-autocomplete > ul {\n font-family: Source Code Pro;\n font-size: 14rem;\n}\n\n.cm-editor .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] {\n background-color: var(--code-hl-number-color);\n color: var(--live-code-tooltip-active-color);\n}\n\n.cm-editor .cm-line {\n color: var(--live-code-color);\n}\n\n.cm-editor .cm-nonmatchingBracket, .cm-editor .cm-matchingBracket {\n color: var(--code-hl-type-color);\n}\n\n.cm-cursor {\n border-left: 1.2px solid var(--live-code-caret-color) !important;\n}\n\n.html-code .cm-editor .ͼh, .html-code .cm-editor .ͼh .cm-selectionMatch {\n color: var(--code-hl-number-color);\n}\n\n.html-code .cm-editor .ͼd {\n color: var(--code-hl-type-color);\n}\n\n.css-code .cm-editor .ͼh {\n color: var(--code-hl-number-color);\n}\n\n.css-code .cm-editor .ͼi, .css-code .cm-editor .ͼd {\n color: var(--code-hl-type-color);\n}\n\n.css-code .cm-editor .ͼb, .css-code .cm-editor .ͼc {\n color: var(--code-hl-number-color);\n}\n\n.css-code .cm-editor .ͼa {\n color: var(--code-hl-attribute-color);\n}\n\n.js-code .cm-editor .ͼa, .javascript-code .cm-editor .ͼa {\n color: var(--code-hl-keyword-color);\n}\n\n.js-code .cm-editor .ͼb, .javascript-code .cm-editor .ͼb, .js-code .cm-editor .ͼc, .javascript-code .cm-editor .ͼc {\n color: var(--code-hl-attribute-color);\n}\n\n.js-code .cm-editor .ͼf, .javascript-code .cm-editor .ͼf {\n color: var(--code-hl-number-color);\n}\n\n.js-code .cm-editor .ͼd, .javascript-code .cm-editor .ͼd {\n color: var(--code-hl-type-color);\n}\n\n*, :before, :after {\n box-sizing: border-box;\n}\n\nhtml, body {\n height: 100%;\n overflow: hidden;\n}\n\nhtml {\n font-size: 1px;\n}\n\n.container {\n flex-direction: column;\n height: 100%;\n display: flex;\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n.color-scheme-light {\n --primary-color: #001eff;\n --primary-text-color: #212121;\n --primary-bg-color: #fff;\n --header-bg-color: #fafafa;\n --sidebar-bg-color: #fafafa;\n --settings-bg-color: #f2f2f2;\n --separator-color: #d9d9d9;\n --link-text-color: var(--primary-color);\n --link-hover-color: var(--link-text-color);\n --pre-bg-color: #afb8c133;\n --code-text-color: var(--primary-text-color);\n --table-border-color: #bfbfbf;\n --notice-bg-color: #f2f2f2;\n --third-column-bg-color: #fafafa;\n --button-bg-color: #6678ff;\n --search-bg-color: #f2f2f2;\n --text-highlight-color: #000;\n --select-bg-color: #fff;\n --hover-bg-color: #0000000a;\n --active-bg-color: #0000001a;\n --code-hl-default-color: #404040;\n --code-hl-comment-color: #999;\n --code-hl-comment-bg-color: #1e32500d;\n --code-hl-attr-color: gray;\n --code-hl-attribute-color: #236f99;\n --code-hl-keyword-color: #f5475b;\n --code-hl-type-color: #cc4000;\n --code-hl-number-color: #334bff;\n --code-hl-addition-color: #227542;\n --scrollbar-thumb-color: #bfbfbf;\n --scrollbar-hover-color: #999;\n --live-code-preview-frame-color: #ededed;\n --live-code-bg-color: #fafafa;\n --live-code-line-number-bg-color: #f2f2f2;\n --live-code-active-line-bg-color: #e6e6e6;\n --live-code-line-border-bg-color: #d9d9d9;\n --live-code-color: #404040;\n --live-code-caret-color: #1a1a1a;\n --live-code-selection-match-color: #ffc800;\n --live-code-bracket-active-color: #b63243;\n --live-code-tooltip-active-color: #fff;\n --iframe-bg-color: #fff;\n --mark-bg-color: #ffc800;\n --box-shadow: 0px 0 5px -3px #0003, 0px 8px 10px 1px #00000024, 0px 3px 14px 2px #0000001f;\n background-color: #fff;\n}\n\n.color-scheme-dark {\n --primary-color: #001eff;\n --primary-text-color: #ccc;\n --primary-bg-color: #1a1a1a;\n --header-bg-color: #262626;\n --sidebar-bg-color: #262626;\n --settings-bg-color: #4d4d4d;\n --separator-color: #404040;\n --link-text-color: #6678ff;\n --link-hover-color: var(--link-text-color);\n --pre-bg-color: #6e768133;\n --code-text-color: var(--primary-text-color);\n --table-border-color: gray;\n --notice-bg-color: #404040;\n --third-column-bg-color: #333;\n --search-bg-color: #333;\n --text-highlight-color: #fff;\n --select-bg-color: #404040;\n --hover-bg-color: #ffffff0a;\n --active-bg-color: #ffffff1a;\n --code-hl-default-color: #999;\n --code-hl-comment-color: gray;\n --code-hl-comment-bg-color: #5a5a5f66;\n --code-hl-attr-color: #999;\n --code-hl-attribute-color: #59dfe1;\n --code-hl-keyword-color: #f281a7;\n --code-hl-type-color: #f5475b;\n --code-hl-number-color: #6678ff;\n --code-hl-addition-color: #009ea1;\n --scrollbar-thumb-color: #999;\n --scrollbar-hover-color: gray;\n --live-code-preview-frame-color: #0d0d0d;\n --live-code-bg-color: #262626;\n --live-code-line-number-bg-color: #333;\n --live-code-active-line-bg-color: #4d4d4d;\n --live-code-line-border-bg-color: #404040;\n --live-code-color: #f2f2f2;\n --live-code-caret-color: #fafafa;\n --live-code-selection-match-color: #ffc800;\n --live-code-bracket-active-color: #cc4000;\n --live-code-tooltip-active-color: #1a1a1a;\n --iframe-bg-color: #0d0d0d;\n --mark-bg-color: #ffc800;\n --box-shadow: 0px -5px 5px -3px #0003, 0px 8px 10px 1px #00000024, 0px 3px 14px 2px #0000001f;\n background-color: #1a1a1a;\n}\n\nbody {\n color: var(--primary-text-color);\n margin: 0;\n padding: 0;\n font-family: Proxima Nova Fin, Arial, Helvetica Nue, Helvetica, sans-serif;\n font-size: 16rem;\n font-weight: 400;\n line-height: 1.5;\n}\n\nbody[color-scheme=\"light\"] {\n --primary-color: #001eff;\n --primary-text-color: #212121;\n --primary-bg-color: #fff;\n --header-bg-color: #fafafa;\n --sidebar-bg-color: #fafafa;\n --settings-bg-color: #f2f2f2;\n --separator-color: #d9d9d9;\n --link-text-color: var(--primary-color);\n --link-hover-color: var(--link-text-color);\n --pre-bg-color: #afb8c133;\n --code-text-color: var(--primary-text-color);\n --table-border-color: #bfbfbf;\n --notice-bg-color: #f2f2f2;\n --third-column-bg-color: #fafafa;\n --button-bg-color: #6678ff;\n --search-bg-color: #f2f2f2;\n --text-highlight-color: #000;\n --select-bg-color: #fff;\n --hover-bg-color: #0000000a;\n --active-bg-color: #0000001a;\n --code-hl-default-color: #404040;\n --code-hl-comment-color: #999;\n --code-hl-comment-bg-color: #1e32500d;\n --code-hl-attr-color: gray;\n --code-hl-attribute-color: #236f99;\n --code-hl-keyword-color: #f5475b;\n --code-hl-type-color: #cc4000;\n --code-hl-number-color: #334bff;\n --code-hl-addition-color: #227542;\n --scrollbar-thumb-color: #bfbfbf;\n --scrollbar-hover-color: #999;\n --live-code-preview-frame-color: #ededed;\n --live-code-bg-color: #fafafa;\n --live-code-line-number-bg-color: #f2f2f2;\n --live-code-active-line-bg-color: #e6e6e6;\n --live-code-line-border-bg-color: #d9d9d9;\n --live-code-color: #404040;\n --live-code-caret-color: #1a1a1a;\n --live-code-selection-match-color: #ffc800;\n --live-code-bracket-active-color: #b63243;\n --live-code-tooltip-active-color: #fff;\n --iframe-bg-color: #fff;\n --mark-bg-color: #ffc800;\n --box-shadow: 0px 0 5px -3px #0003, 0px 8px 10px 1px #00000024, 0px 3px 14px 2px #0000001f;\n background-color: #fff;\n}\n\nbody[color-scheme=\"light\"] pre code.hljs {\n padding: 1em;\n display: block;\n overflow-x: auto;\n}\n\nbody[color-scheme=\"light\"] code.hljs {\n padding: 3px 5px;\n}\n\nbody[color-scheme=\"light\"] .hljs {\n color: #383a42;\n background: #fafafa;\n}\n\nbody[color-scheme=\"light\"] .hljs-comment, body[color-scheme=\"light\"] .hljs-quote {\n color: #a0a1a7;\n font-style: italic;\n}\n\nbody[color-scheme=\"light\"] .hljs-doctag, body[color-scheme=\"light\"] .hljs-formula, body[color-scheme=\"light\"] .hljs-keyword {\n color: #a626a4;\n}\n\nbody[color-scheme=\"light\"] .hljs-deletion, body[color-scheme=\"light\"] .hljs-name, body[color-scheme=\"light\"] .hljs-section, body[color-scheme=\"light\"] .hljs-selector-tag, body[color-scheme=\"light\"] .hljs-subst {\n color: #e45649;\n}\n\nbody[color-scheme=\"light\"] .hljs-literal {\n color: #0184bb;\n}\n\nbody[color-scheme=\"light\"] .hljs-addition, body[color-scheme=\"light\"] .hljs-attribute, body[color-scheme=\"light\"] .hljs-meta .hljs-string, body[color-scheme=\"light\"] .hljs-regexp, body[color-scheme=\"light\"] .hljs-string {\n color: #50a14f;\n}\n\nbody[color-scheme=\"light\"] .hljs-attr, body[color-scheme=\"light\"] .hljs-number, body[color-scheme=\"light\"] .hljs-selector-attr, body[color-scheme=\"light\"] .hljs-selector-class, body[color-scheme=\"light\"] .hljs-selector-pseudo, body[color-scheme=\"light\"] .hljs-template-variable, body[color-scheme=\"light\"] .hljs-type, body[color-scheme=\"light\"] .hljs-variable {\n color: #986801;\n}\n\nbody[color-scheme=\"light\"] .hljs-bullet, body[color-scheme=\"light\"] .hljs-link, body[color-scheme=\"light\"] .hljs-meta, body[color-scheme=\"light\"] .hljs-selector-id, body[color-scheme=\"light\"] .hljs-symbol, body[color-scheme=\"light\"] .hljs-title {\n color: #4078f2;\n}\n\nbody[color-scheme=\"light\"] .hljs-built_in, body[color-scheme=\"light\"] .hljs-class .hljs-title, body[color-scheme=\"light\"] .hljs-title.class_ {\n color: #c18401;\n}\n\nbody[color-scheme=\"light\"] .hljs-emphasis {\n font-style: italic;\n}\n\nbody[color-scheme=\"light\"] .hljs-strong {\n font-weight: 700;\n}\n\nbody[color-scheme=\"light\"] .hljs-link {\n text-decoration: underline;\n}\n\nbody[color-scheme=\"dark\"] {\n --primary-color: #001eff;\n --primary-text-color: #ccc;\n --primary-bg-color: #1a1a1a;\n --header-bg-color: #262626;\n --sidebar-bg-color: #262626;\n --settings-bg-color: #4d4d4d;\n --separator-color: #404040;\n --link-text-color: #6678ff;\n --link-hover-color: var(--link-text-color);\n --pre-bg-color: #6e768133;\n --code-text-color: var(--primary-text-color);\n --table-border-color: gray;\n --notice-bg-color: #404040;\n --third-column-bg-color: #333;\n --search-bg-color: #333;\n --text-highlight-color: #fff;\n --select-bg-color: #404040;\n --hover-bg-color: #ffffff0a;\n --active-bg-color: #ffffff1a;\n --code-hl-default-color: #999;\n --code-hl-comment-color: gray;\n --code-hl-comment-bg-color: #5a5a5f66;\n --code-hl-attr-color: #999;\n --code-hl-attribute-color: #59dfe1;\n --code-hl-keyword-color: #f281a7;\n --code-hl-type-color: #f5475b;\n --code-hl-number-color: #6678ff;\n --code-hl-addition-color: #009ea1;\n --scrollbar-thumb-color: #999;\n --scrollbar-hover-color: gray;\n --live-code-preview-frame-color: #0d0d0d;\n --live-code-bg-color: #262626;\n --live-code-line-number-bg-color: #333;\n --live-code-active-line-bg-color: #4d4d4d;\n --live-code-line-border-bg-color: #404040;\n --live-code-color: #f2f2f2;\n --live-code-caret-color: #fafafa;\n --live-code-selection-match-color: #ffc800;\n --live-code-bracket-active-color: #cc4000;\n --live-code-tooltip-active-color: #1a1a1a;\n --iframe-bg-color: #0d0d0d;\n --mark-bg-color: #ffc800;\n --box-shadow: 0px -5px 5px -3px #0003, 0px 8px 10px 1px #00000024, 0px 3px 14px 2px #0000001f;\n background-color: #1a1a1a;\n}\n\nbody[color-scheme=\"dark\"] pre code.hljs {\n padding: 1em;\n display: block;\n overflow-x: auto;\n}\n\nbody[color-scheme=\"dark\"] code.hljs {\n padding: 3px 5px;\n}\n\nbody[color-scheme=\"dark\"] .hljs {\n color: #abb2bf;\n background: #282c34;\n}\n\nbody[color-scheme=\"dark\"] .hljs-comment, body[color-scheme=\"dark\"] .hljs-quote {\n color: #5c6370;\n font-style: italic;\n}\n\nbody[color-scheme=\"dark\"] .hljs-doctag, body[color-scheme=\"dark\"] .hljs-formula, body[color-scheme=\"dark\"] .hljs-keyword {\n color: #c678dd;\n}\n\nbody[color-scheme=\"dark\"] .hljs-deletion, body[color-scheme=\"dark\"] .hljs-name, body[color-scheme=\"dark\"] .hljs-section, body[color-scheme=\"dark\"] .hljs-selector-tag, body[color-scheme=\"dark\"] .hljs-subst {\n color: #e06c75;\n}\n\nbody[color-scheme=\"dark\"] .hljs-literal {\n color: #56b6c2;\n}\n\nbody[color-scheme=\"dark\"] .hljs-addition, body[color-scheme=\"dark\"] .hljs-attribute, body[color-scheme=\"dark\"] .hljs-meta .hljs-string, body[color-scheme=\"dark\"] .hljs-regexp, body[color-scheme=\"dark\"] .hljs-string {\n color: #98c379;\n}\n\nbody[color-scheme=\"dark\"] .hljs-attr, body[color-scheme=\"dark\"] .hljs-number, body[color-scheme=\"dark\"] .hljs-selector-attr, body[color-scheme=\"dark\"] .hljs-selector-class, body[color-scheme=\"dark\"] .hljs-selector-pseudo, body[color-scheme=\"dark\"] .hljs-template-variable, body[color-scheme=\"dark\"] .hljs-type, body[color-scheme=\"dark\"] .hljs-variable {\n color: #d19a66;\n}\n\nbody[color-scheme=\"dark\"] .hljs-bullet, body[color-scheme=\"dark\"] .hljs-link, body[color-scheme=\"dark\"] .hljs-meta, body[color-scheme=\"dark\"] .hljs-selector-id, body[color-scheme=\"dark\"] .hljs-symbol, body[color-scheme=\"dark\"] .hljs-title {\n color: #61aeee;\n}\n\nbody[color-scheme=\"dark\"] .hljs-built_in, body[color-scheme=\"dark\"] .hljs-class .hljs-title, body[color-scheme=\"dark\"] .hljs-title.class_ {\n color: #e6c07b;\n}\n\nbody[color-scheme=\"dark\"] .hljs-emphasis {\n font-style: italic;\n}\n\nbody[color-scheme=\"dark\"] .hljs-strong {\n font-weight: 700;\n}\n\nbody[color-scheme=\"dark\"] .hljs-link {\n text-decoration: underline;\n}\n\n@media (prefers-color-scheme: light) {\n body {\n background-color: #fff;\n }\n}\n\n@media (prefers-color-scheme: dark) {\n body {\n background-color: #1a1a1a;\n }\n}\n\n@media print {\n html, body {\n height: auto;\n overflow: auto;\n }\n\n body {\n --primary-color: #001eff;\n --primary-text-color: #212121;\n --primary-bg-color: #fff;\n --header-bg-color: #fafafa;\n --sidebar-bg-color: #fafafa;\n --settings-bg-color: #f2f2f2;\n --separator-color: #d9d9d9;\n --link-text-color: var(--primary-color);\n --link-hover-color: var(--link-text-color);\n --pre-bg-color: #afb8c133;\n --code-text-color: var(--primary-text-color);\n --table-border-color: #bfbfbf;\n --notice-bg-color: #f2f2f2;\n --third-column-bg-color: #fafafa;\n --button-bg-color: #6678ff;\n --search-bg-color: #f2f2f2;\n --text-highlight-color: #000;\n --select-bg-color: #fff;\n --hover-bg-color: #0000000a;\n --active-bg-color: #0000001a;\n --code-hl-default-color: #404040;\n --code-hl-comment-color: #999;\n --code-hl-comment-bg-color: #1e32500d;\n --code-hl-attr-color: gray;\n --code-hl-attribute-color: #236f99;\n --code-hl-keyword-color: #f5475b;\n --code-hl-type-color: #cc4000;\n --code-hl-number-color: #334bff;\n --code-hl-addition-color: #227542;\n --scrollbar-thumb-color: #bfbfbf;\n --scrollbar-hover-color: #999;\n --live-code-preview-frame-color: #ededed;\n --live-code-bg-color: #fafafa;\n --live-code-line-number-bg-color: #f2f2f2;\n --live-code-active-line-bg-color: #e6e6e6;\n --live-code-line-border-bg-color: #d9d9d9;\n --live-code-color: #404040;\n --live-code-caret-color: #1a1a1a;\n --live-code-selection-match-color: #ffc800;\n --live-code-bracket-active-color: #b63243;\n --live-code-tooltip-active-color: #fff;\n --iframe-bg-color: #fff;\n --mark-bg-color: #ffc800;\n --box-shadow: 0px 0 5px -3px #0003, 0px 8px 10px 1px #00000024, 0px 3px 14px 2px #0000001f;\n background-color: #fff;\n overflow: auto;\n }\n\n header, #sidebar, #results-container {\n display: none;\n }\n\n main {\n height: auto;\n min-height: auto;\n margin-top: 0;\n overflow: auto;\n }\n\n #page .content {\n max-width: 100%;\n margin-left: auto;\n margin-right: auto;\n }\n}\n\n/*# sourceMappingURL=index.a7682b78.css.map */\n","@import './fonts';\n@import './variables';\n@import './color';\n@import './elements';\n\n@import './components/button';\n@import './components/header';\n@import './components/sidebar';\n@import './components/page';\n@import './components/page-3-columns';\n@import './components/pre-block';\n@import './components/search';\n@import './components/scrollbar';\n@import './components/settings.less';\n@import './components/backdrop-overlay.less';\n@import './components/header-menu.less';\n\n@import './components/codemirror';\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml, body {\n height: 100%;\n overflow: hidden;\n}\n\nhtml {\n font-size: 1px;\n}\n\n.container {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.color-scheme-light {\n background-color: @color-white;\n\n --primary-color : @color-refinitiv-blue;\n --primary-text-color : @color-eerie-black;\n --primary-bg-color : @color-white;\n --header-bg-color : @color-alabaster;\n --sidebar-bg-color : @color-alabaster;\n --settings-bg-color : @color-concrete;\n --separator-color : @color-alto;\n --link-text-color : var(--primary-color);\n --link-hover-color : var(--link-text-color);\n --pre-bg-color : rgba(175,184,193,0.2);\n --code-text-color : var(--primary-text-color);\n --table-border-color : @color-nobel;\n --notice-bg-color : @color-concrete;\n --third-column-bg-color : @color-alabaster;\n --button-bg-color : @color-cornflower-blue;\n --search-bg-color : @color-concrete;\n --text-highlight-color : @color-black;\n --select-bg-color : @color-white;\n\n --hover-bg-color : rgba(0,0,0,0.04);\n --active-bg-color : rgba(0,0,0,0.1);\n\n --code-hl-default-color : @color-tundora;\n --code-hl-comment-color : @color-dusty-grey;\n --code-hl-comment-bg-color : rgba(30, 50, 80, 0.05);\n --code-hl-attr-color : @color-grey;\n --code-hl-attribute-color : @color-jelly-bean;\n --code-hl-keyword-color : @color-carnation;\n --code-hl-type-color : @color-grenadier;\n --code-hl-number-color : @color-blue-ribbon;\n --code-hl-addition-color : @color-green-pea;\n\n --scrollbar-thumb-color : @color-nobel;\n --scrollbar-hover-color : @color-dusty-grey;\n\n --live-code-preview-frame-color : @color-whisper;\n --live-code-bg-color : @color-alabaster;\n --live-code-line-number-bg-color : @color-concrete;\n --live-code-active-line-bg-color : @color-mercury;\n --live-code-line-border-bg-color : @color-alto;\n --live-code-color : @color-tundora;\n --live-code-caret-color : @color-cod-grey;\n --live-code-selection-match-color : @color-supernova;\n --live-code-bracket-active-color : @color-chestnut-rose;\n --live-code-tooltip-active-color : @color-white;\n\n --iframe-bg-color : @color-white;\n\n --mark-bg-color : @color-supernova;\n --box-shadow : 0px 0 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12);\n}\n\n.color-scheme-dark {\n background-color: @color-cod-grey;\n\n --primary-color : @color-refinitiv-blue;\n --primary-text-color : @color-silver;\n --primary-bg-color : @color-cod-grey;\n --header-bg-color : @color-mine-shaft;\n --sidebar-bg-color : @color-mine-shaft;\n --settings-bg-color : @color-emperor;\n --separator-color : @color-tundora;\n --link-text-color : @color-cornflower-blue;\n --link-hover-color : var(--link-text-color);\n --pre-bg-color : rgba(110,118,129,0.2);\n --code-text-color : var(--primary-text-color);\n --table-border-color : @color-grey;\n --notice-bg-color : @color-tundora;\n --third-column-bg-color : @color-charcoal;\n --search-bg-color : @color-charcoal;\n --text-highlight-color : @color-white;\n --select-bg-color : @color-tundora;\n\n --hover-bg-color : rgba(255,255,255,0.04);\n --active-bg-color : rgba(255,255,255,0.1);\n\n --code-hl-default-color : @color-dusty-grey;\n --code-hl-comment-color : @color-grey;\n --code-hl-comment-bg-color : rgba(90, 90, 95, 0.4);\n --code-hl-attr-color : @color-dusty-grey;\n --code-hl-attribute-color : @color-turquoise-blue;\n --code-hl-keyword-color : @color-mauvelous;\n --code-hl-type-color : @color-carnation;\n --code-hl-number-color : @color-cornflower-blue;\n --code-hl-addition-color : @color-persian-green;\n\n --scrollbar-thumb-color : @color-dusty-grey;\n --scrollbar-hover-color : @color-grey;\n\n --live-code-preview-frame-color : @color-lights-out;\n --live-code-bg-color : @color-mine-shaft;\n --live-code-line-number-bg-color : @color-charcoal;\n --live-code-active-line-bg-color : @color-emperor;\n --live-code-line-border-bg-color : @color-tundora;\n --live-code-color : @color-concrete;\n --live-code-caret-color : @color-alabaster;\n --live-code-selection-match-color : @color-supernova;\n --live-code-bracket-active-color : @color-grenadier;\n --live-code-tooltip-active-color : @color-cod-grey;\n\n --iframe-bg-color : @color-lights-out;\n\n --mark-bg-color : @color-supernova;\n --box-shadow : 0px -5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12);\n}\n\nbody {\n font-family: 'Proxima Nova Fin', Arial, 'Helvetica Nue', Helvetica, sans-serif;\n font-size: @fs-base;\n font-weight: @font-weight-base;\n line-height: @line-height-base;\n color: var(--primary-text-color);\n margin: 0;\n padding: 0;\n\n &[color-scheme=light] {\n .color-scheme-light;\n @import (less) '../../../../node_modules/highlight.js/styles/atom-one-light.css';\n }\n &[color-scheme=dark] {\n .color-scheme-dark;\n @import (less) '../../../../node_modules/highlight.js/styles/atom-one-dark.css';\n }\n\n // The user might indicate this preference through an operating system setting\n @media (prefers-color-scheme: light) {\n background-color: @color-white;\n }\n @media (prefers-color-scheme: dark) {\n background-color: @color-cod-grey;\n }\n}\n\n@import './print';\n","@font-face {\n font-family: 'Proxima Nova Fin';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url('https://cdn.refinitiv.net/public/libs/elf/assets/elf-theme-halo/resources/fonts/proximanovafin/proximanovafin-regular.woff2') format('woff2'),\n url('https://cdn.refinitiv.net/public/libs/elf/assets/elf-theme-halo/resources/fonts/proximanovafin/proximanovafin-regular.woff') format('woff');\n}\n\n@font-face {\n font-family: 'Proxima Nova Fin';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url('https://cdn.refinitiv.net/public/libs/elf/assets/elf-theme-halo/resources/fonts/proximanovafin/proximanovafin-semibold.woff2') format('woff2'),\n url('https://cdn.refinitiv.net/public/libs/elf/assets/elf-theme-halo/resources/fonts/proximanovafin/proximanovafin-semibold.woff') format('woff');\n}\n\n@font-face {\n font-family: 'Proxima Nova Fin';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url('https://cdn.refinitiv.net/public/libs/elf/assets/elf-theme-halo/resources/fonts/proximanovafin/proximanovafin-bold.woff2') format('woff2'),\n url('https://cdn.refinitiv.net/public/libs/elf/assets/elf-theme-halo/resources/fonts/proximanovafin/proximanovafin-bold.woff') format('woff');\n}\n\n@font-face {\n font-family: 'Source Code Pro';\n src: url('../assets/fonts/source-code-pro/sourcecodepro-bold-webfont.woff2') format('woff2'),\n url('../assets/fonts/source-code-pro/sourcecodepro-bold-webfont.woff') format('woff');\n font-weight: bold;\n font-style: normal;\n font-display: swap;\n\n}\n\n@font-face {\n font-family: 'Source Code Pro';\n src: url('../assets/fonts/source-code-pro/sourcecodepro-light-webfont.woff2') format('woff2'),\n url('../assets/fonts/source-code-pro/sourcecodepro-light-webfont.woff') format('woff');\n font-weight: lighter;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Source Code Pro';\n src: url('../assets/fonts/source-code-pro/sourcecodepro-regular-webfont.woff2') format('woff2'),\n url('../assets/fonts/source-code-pro/sourcecodepro-regular-webfont.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n font-display: swap;\n}\n","a {\n outline: none;\n text-decoration: none;\n color: var(--link-text-color);\n\n &:hover {\n text-decoration: underline;\n color: var(--link-hover-color);\n }\n}\n","@import '../variables';\n\nabbr[title] {\n text-decoration: underline dotted;\n text-decoration-skip-ink: none;\n}","button {\n cursor: pointer;\n border: none;\n outline: none;\n background: none;\n margin: 0;\n}\n","@import '../variables';\n\n[type=\"checkbox\"] {\n padding: 0;\n}\n\n[type=\"checkbox\"] {\n &:not(:checked), &:checked {\n position: absolute;\n opacity: 0;\n pointer-events: none;\n }\n\n + span {\n position: relative;\n padding-left: 25rem;\n cursor: pointer;\n display: inline-block;\n user-select: none;\n height: 20rem;\n line-height: 20rem;\n font-size: @fs-base;\n \n &::before, &::after {\n position: absolute;\n content: '';\n left: 0;\n z-index: 0;\n }\n\n &::after {\n top: 1rem;\n left: 2rem;\n z-index: 0;\n height: 16rem;\n width: 16rem;\n background-color: transparent;\n border: 1rem solid var(--primary-text-color);\n }\n &::before {\n top: 2rem;\n left: 8rem;\n width: 0;\n height: 0;\n z-index: 1;\n border-radius: 1rem;\n transform: rotateZ(37deg);\n border: 2rem solid var(--primary-text-color);\n }\n }\n\n &:not(:checked) {\n + span {\n &::before {\n border: 3rem solid transparent;\n }\n }\n }\n\n &:checked {\n + span {\n &::before {\n width: 5rem;\n height: 10rem;\n border-top: 2rem solid transparent;\n border-left: 2rem solid transparent;\n border-right: 2rem solid var(--primary-text-color);\n border-bottom: 2rem solid var(--primary-text-color);\n }\n }\n }\n}",":not(pre) code {\n font-size: 90%;\n padding: .2em .4em;\n background: var(--pre-bg-color);\n border-radius: 5px;\n box-sizing: border-box;\n color: var(--code-text-color);\n font-size: 80%;\n}","@import '../variables';\n\n.heading(@font-size,@lead) {\n font-size: @font-size;\n margin-top: @font-size / 1.125;\n line-height: calc(unit(@lead)/unit(@font-size));\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-family: inherit;\n font-style: inherit;\n margin: @space-sm 0;\n font-weight: @font-weight-semi-bold;\n}\n\nh1 {\n .heading(@fs-h1,@lead-h1);\n margin-top: @space-xxl;\n margin-bottom: @space-lg;\n font-weight: @font-weight-bold;\n clear: both;\n}\n\nh2 {\n .heading(@fs-h2,@lead-h2);\n margin-top: @space-xxl;\n margin-bottom: @space-lg;\n border-bottom: @size-xxs solid;\n clear: both;\n}\n\nh3 {\n .heading(@fs-h3,@lead-h3);\n margin-top: @space-xl;\n margin-bottom: @space-md;\n}\n\nh4 {\n .heading(@fs-h4,@lead-h4);\n margin-top: @space-lg;\n font-weight: @font-weight-bold;\n}\n\nh5 {\n .heading(@fs-h5,@lead-h5);\n font-weight: @font-weight-bold;\n text-transform: uppercase;\n}\n\nh6 {\n .heading(@fs-h6,@lead-h6);\n font-weight: @font-weight-bold;\n text-transform: uppercase;\n}\n","@import '../variables';\n\nhr {\n border: 0;\n margin: @space-md 0;\n color: var(--separator-color);\n background-color: var(--separator-color);\n\n &:not([size]) {\n height: 1rem;\n }\n}","img {\n max-width: 100%;\n vertical-align: middle;\n}","@import '../variables';\n\nmark {\n background-color: var(--mark-bg-color);\n padding: 2px;\n}","@import '../variables';\n\np {\n margin-top: 0;\n margin-bottom: @space-sm;\n}","@import '../variables';\n\npre {\n white-space: pre;\n overflow: auto;\n background: var(--pre-bg-color);\n margin: @space-md auto;\n border-radius: 3px;\n\n code {\n color: inherit;\n display: block;\n background: none;\n border: none;\n white-space: pre;\n padding: @space-md !important;\n font-family: 'Source Code Pro';\n font-size: @fs-md;\n background: none !important;\n }\n}\n","@import '../variables';\n\nsmall {\n font-size: @fs-sm;\n}","@import '../variables';\n\nstrong {\n font-weight: @font-weight-bolder;\n}","@import '../variables';\n\ntable {\n caption-side: bottom;\n border-collapse: collapse;\n width: 100%;\n line-height: 1.3;\n border-color: var(--separator-color);\n font-size: @fs-md;\n\n :not(:last-child) {\n > :last-child > * {\n border-bottom-color: var(--table-border-color);\n }\n }\n\n * > tr > th, td {\n border-bottom-width: 1rem;\n padding: @space-md;\n }\n\n * tr > th {\n padding-bottom: @space-sm;\n }\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nthead {\n width: 100%;\n > thead {\n vertical-align: bottom;\n }\n}\n\ntbody {\n width: 100%;\n}\n\nth {\n text-align: left;\n font-weight: @font-weight-semi-bold;\n opacity: 0.7;\n\n &[align=center] {\n text-align: center;\n }\n &[align=right] {\n text-align: right;\n }\n}\n","@import '../variables';\n@import '../color';\n\naside {\n --notice-notice-color: @color-blue-ribbon;\n --notice-warning-color: @color-supernova;\n --notice-important-color: @color-persian-green;\n --notice-success-color: @color-emerald;\n --notice-fail-color: @color-chestnut-rose;\n\n position: relative;\n display: block;\n margin: 30px 0;\n padding: 15px 15px 15px 40px;\n border-left: 4px solid;\n border-radius: 3px;\n background-color: var(--notice-bg-color);\n\n &::before {\n position: absolute;\n display: block;\n width: 24px;\n height: 24px;\n left: 8px;\n top: 15px;\n }\n\n &.info {\n border-color: var(--notice-notice-color);\n\n &::before {\n content: data-uri('../../assets/images/icons/info-icon.svg');\n }\n }\n\n &.warning {\n border-color: var(--notice-warning-color);\n\n &::before {\n content: data-uri('../../assets/images/icons/alert-icon.svg');\n }\n }\n\n &.important {\n border-color: var(--notice-important-color);\n\n &::before {\n content: data-uri('../../assets/images/icons/warning-circle-icon.svg');\n }\n }\n \n &.success {\n border-color: var(--notice-success-color);\n\n &::before {\n content: data-uri('../../assets/images/icons/tick-circle-icon.svg');\n }\n }\n\n &.fail {\n border-color: var(--notice-fail-color);\n\n &::before {\n content: data-uri('../../assets/images/icons/cross-circle-icon.svg');\n }\n }\n\n p {\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\n","@import '../variables';\n\nol,\nul {\n padding-left: @space-md;\n}\n\nol,\nul {\n margin-top: 0;\n margin-bottom: @space-md;\n list-style-position: inside;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}","iframe {\n background-color: var(--iframe-bg-color);\n display: block;\n width: 100%;\n border: none;\n}","@import '../variables';\n@import '../color';\n\n.action-button {\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1px;\n border-radius: 50%;\n width: @button-size;\n height: @button-size;\n transition: background-color 0.5s ease;\n\n &:hover {\n background-color: var(--hover-bg-color);\n }\n\n &:active {\n background-color: var(--active-bg-color)\n }\n}\n","@import '../variables';\n@import '../mixins/responsive.less';\n@import '../color';\n\n@logo-height: 30px;\n@header-menu-max-width: 850px;\n\nheader {\n position: sticky;\n top: 0;\n z-index: 1000;\n background-color: var(--header-bg-color);\n border-bottom: 1px solid var(--separator-color);\n}\n\n.header-container {\n display: flex;\n position: relative;\n justify-content: space-between;\n align-items: center;\n opacity: 0;\n margin: 0 auto;\n max-width: @container-max-width;\n height: @header-height;\n padding: 0 @space-xs;\n\n &.is-visible {\n opacity: 1;\n }\n\n .media-desktop({\n padding: 0 @space-xl;\n });\n}\n\n.header-left {\n position: relative;\n display: flex;\n flex:auto;\n align-items: center;\n}\n\n.mobile-menu {\n flex-direction: column;\n flex-shrink: 0;\n\n span {\n width: 15px;\n height: 2px;\n margin: 2px 0;\n background-color: var(--primary-text-color);\n }\n\n .media-desktop({\n display: none;\n });\n}\n\n.site-header {\n display: flex;\n flex: auto;\n flex-wrap: wrap;\n text-decoration: none;\n align-items: center;\n\n &:hover {\n text-decoration: none;\n }\n\n .media-desktop({\n margin-left: 0;\n });\n\n .header-title {\n display: none;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 500px;\n font-weight: 300;\n font-size: @fs-h5;\n color: var(--primary-text-color);\n margin-top: 0;\n margin-bottom: 0;\n margin-left: @space-xs;\n\n &:hover {\n color: var(--text-highlight-color);\n }\n\n .media-desktop({\n display: block;\n margin-left: @space-md;\n });\n }\n\n .header-logo {\n display: block;\n width: auto;\n height: @logo-height;\n min-height: @logo-height;\n margin-left: @space-xs;\n\n .media-desktop({\n margin-left: 0;\n });\n }\n}\n\nbody[color-scheme=\"dark\"] {\n .header-logo.invert-color {\n filter: brightness(0) invert(1);\n }\n}\n\n.header-menu {\n display: none;\n font-size: @fs-base;\n height: 100%;\n margin-right: @space-md;\n\n a {\n display: flex;\n align-items: center;\n text-decoration: none;\n font-weight: 400;\n margin: 0 @space-md;\n color: var(--primary-text-color);\n\n &:hover {\n color: var(--text-highlight-color);\n }\n }\n\n .dropdown {\n a {\n margin: 0;\n }\n &:first-child {\n margin-left: 0;\n }\n }\n\n .media-desktop-plus({\n display: flex;\n position: relative;\n overflow: hidden;\n flex: 1 1 auto;\n padding: 0;\n justify-content: flex-end;\n });\n}\n\n.header-right {\n display: flex;\n}\n","@import '../variables.less';\n\n// ===========================================\n// Responsive Mixins\n// ===========================================\n.media-desktop(@rules) {\n\t@media (min-width: @screen-desktop) {\n\t\t@rules();\n\t}\n}\n\n.media-desktop-plus(@rules) {\n\t@media (min-width: @screen-desktop-plus) {\n\t\t@rules();\n\t}\n}\n\n.media-desktop-extra(@rules) {\n\t@media (min-width: @container-max-width) {\n\t\t@rules();\n\t}\n}\n","@import '../variables';\n@import '../mixins/responsive.less';\n\n.sidebar {\n display: flex;\n flex-flow: column nowrap;\n position: fixed;\n visibility: hidden;\n flex: 1 0 auto;\n top: 0;\n left: 0;\n z-index: 1000;\n height: 100%;\n width: @sidebar-width;\n min-width: @sidebar-width;\n transition: all 200ms ease-in-out;\n transform: translateX(-@sidebar-width);\n background-color: var(--sidebar-bg-color);\n\n &.is-visible {\n z-index: 1100;\n transform: translateX(0);\n visibility: visible;\n }\n\n .media-desktop({\n position: sticky;\n top: @header-with-border-height;\n height: calc(100vh - @header-with-border-height);\n visibility: visible;\n display: flex;\n flex-direction: column;\n transition: none;\n flex: 0 0 auto;\n transform: translateX(0);\n border-right: 1px solid var(--separator-color);\n width: calc((100% - @container-max-width) / 2 + @sidebar-width);\n padding-left: calc((100% - @container-max-width) / 2);\n });\n}\n\n.sidebar-header {\n display: flex;\n align-items: center;\n height: @header-height;\n min-height: @header-height;\n background-color: var(--header-bg-color);\n\n .site-header {\n margin-left: @space-lg;\n }\n\n .header-title {\n max-width: 200px;\n margin-left: @space-md;\n display: block;\n }\n\n .media-desktop({\n display: none;\n });\n}\n\n.arrow-icon {\n width: 10px;\n height: 10px;\n border-width: 2px 2px 0 0;\n border-style: solid;\n border-color: var(--primary-text-color);\n color: var(--primary-text-color);\n\n &::before {\n content: \"\";\n position: absolute;\n right: 0;\n top: -2px;\n height: 2px;\n box-shadow: inset 0 0 0 32px;\n transform: rotate(-45deg);\n width: 14px;\n transform-origin: right top;\n }\n}\n\npandora-nav {\n padding-left: @space-xl;\n}\n\npandora-nav-item[type=\"menu\"] {\n .media-desktop-plus({\n display: none;\n });\n}\n","@import '../variables';\n\nmain {\n display: flex;\n flex-direction: column;\n flex: 1;\n .media-desktop({\n flex-direction: row;\n });\n}\n\n.page {\n background-color: var(--sidebar-bg-color);\n flex: 1 1 auto;\n position: relative;\n min-width: 0;\n .media-desktop({\n display: flex;\n });\n}\n\n.content-container {\n background-color: var(--primary-bg-color);\n position: relative;\n display: flex;\n align-self: flex-start;\n flex: 1;\n min-height: 100%;\n min-width: 0;\n padding: 0 @space-lg;\n\n .media-desktop({\n border-right: 1px solid var(--separator-color);\n });\n\n .media-desktop-plus({\n max-width: 850;\n padding: 0 @space-xl;\n });\n}\n\n.content {\n position: relative;\n display: block;\n width: 100%;\n padding-bottom: 30px;\n z-index: 1;\n}\n\ncontent-menu {\n display: none;\n .media-desktop-plus({\n margin-left: @space-xl;\n padding-top: @space-lg;\n display: block;\n height: calc(100vh - @header-with-border-height);\n top: @header-with-border-height;\n position: sticky;\n overflow-y: auto;\n });\n .media-desktop-extra({\n margin-left: 50rem;\n width: 400px;\n });\n}\n\n.column-wrapper {\n display: none;\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n width: 50%;\n background-color: var(--third-column-bg-color);\n border-left: 1px solid var(--separator-color);\n}\n","@import '../variables';\n@import '../mixins/responsive.less';\n\nbody[mode=\"default+code\"] {\n .pre-block {\n .media-desktop-plus({\n border: none;\n });\n }\n\n content-menu {\n display: none;\n }\n\n h1, h2 {\n clear: both;\n }\n\n .content-container {\n .media-desktop-plus({\n padding: 0;\n max-width: @code-content-max-width;\n })\n }\n\n .column-wrapper {\n .media-desktop-plus({\n display: block;\n });\n }\n\n .content { \n > pre {\n &.hide {\n display: none;\n }\n }\n .media-desktop-plus({\n margin: 0;\n\n &::after {\n content: '';\n display: block;\n clear: both;\n }\n\n > pre, > blockquote, > .pre-block {\n float: right;\n clear: right;\n margin: 0;\n width: calc(50% - 1px); // minus border left 1px\n margin-bottom: @space-md;\n padding: @space-md;\n }\n\n > .pre-block {\n padding: 0;\n pre {\n padding: @space-md;\n }\n }\n\n > h1, > h2, > h3, > h4, > h5, > h6, > p, > hr, > ul, > li, > ol, > b, > strong, > abbr, > small, > img, > code-sandbox {\n display: block;\n margin-right: 50%;\n padding: 0 @space-xl;\n }\n > table {\n width: calc(50% - 60px); // minus margin on both sides\n margin-left: @space-xl;\n }\n > aside {\n margin-right: calc(50% + @space-md);\n margin-left: @space-xl;\n }\n > em, > del, > mark, > u, > a, > label, > input {\n margin-right: 50%;\n padding: 0 @space-md;\n }\n });\n }\n} \n","@import '../variables';\n@import '../mixins/responsive.less';\n\n.lang-selector {\n width: 100%;\n background-color: var(--primary-bg-color);\n\n .lang-item, .preview-btn {\n cursor: pointer;\n display: inline-block;\n text-decoration: none;\n color: var(--primary-text-color);\n font-weight: 500;\n padding: @space-sm @space-md;\n\n &:hover {\n opacity: 0.8;\n }\n }\n}\n\n.lang-global-selector {\n position: fixed;\n z-index: 1;\n width: @code-content-max-width / 2;\n\n .lang-item {\n &.active {\n background-color: var(--third-column-bg-color);\n }\n }\n}\n\n.lang-content-selector {\n .lang-item {\n &.active {\n background-color: var(--pre-bg-color);\n }\n\n .media-desktop({\n &.desktop-active {\n background-color: var(--pre-bg-color);\n }\n });\n }\n}\n\n.pre-block {\n border: 1px solid var(--separator-color);\n margin-bottom: @space-md;\n border-radius: 3px;\n clear: none;\n pre {\n display: none;\n margin: 0;\n\n &.active {\n display: block;\n }\n }\n}\n","@import '../variables';\n@import '../mixins/responsive.less';\n\n@search-input-width: 250px;\n\n.search-container {\n display: flex;\n pointer-events: none;\n visibility: hidden;\n position: fixed;\n height: @header-height;\n opacity: 0;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n transition: opacity 0.1s 0.1s cubic-bezier(0.4, 0, 0.2, 1);\n background: @color-white;\n\n .search-input {\n position: relative;\n display: flex;\n outline: none;\n border: none;\n background-color: transparent;\n flex: 1;\n height: 100%;\n width: 100%;\n top: 16px;\n padding: 0 100px 0 @space-lg;\n font-size: @fs-h6;\n color: @color-eerie-black;\n transition: top 0.3s 0s cubic-bezier(0.4, 0, 0.2, 1);\n \n .media-desktop({\n padding-left: 50px;\n padding-right: 150px;\n });\n }\n\n &.is-visible {\n opacity: 1;\n pointer-events: all;\n visibility: visible;\n\n .search-input {\n top: 0;\n }\n }\n\n .media-desktop-extra({\n padding: 0 calc((100% - @container-max-width) / 2);\n });\n}\n\n.search-button {\n color: var(--primary-text-color);\n cursor: pointer;\n z-index: 2;\n\n &.close-button {\n color: @color-eerie-black;\n &::after {\n content: \"\\00d7\";\n font-size: 28rem;\n font-family: serif;\n font-weight: 300;\n }\n svg {\n display: none;\n }\n }\n\n svg {\n cursor: pointer;\n width: 20px;\n height: 20px;\n }\n}\n\n.results-container {\n position: fixed;\n overflow: auto;\n z-index: 2; // should be 2 because content z-index is 1\n transition: transform 0.2s ease-in-out;\n transform: translateY(-100%);\n height: calc(100% - @header-height);\n top: 0;\n left: 0;\n right: 0;\n padding: 0 @space-md;\n padding-bottom: @space-lg;\n background-color: var(--primary-bg-color);\n\n a {\n color: var(--primary-text-color);\n }\n\n p {\n word-break: break-all;\n }\n\n mark {\n color: var(--text-highlight-color);\n font-weight: 500;\n background-color: transparent;\n }\n\n &.is-visible {\n transform: translateY(@header-height);\n }\n\n .media-desktop({\n margin-left: @sidebar-width;\n padding: 0 @space-xl;\n });\n\n .media-desktop-extra({\n margin-left: calc((100% - @container-max-width) / 2 + @sidebar-width);\n });\n}\n\n.item-container {\n cursor: pointer;\n display: block;\n text-decoration: none;\n margin-bottom: @space-xl;\n\n h4 {\n position: relative;\n padding-left: @space-sm;\n &::before {\n content: \"\";\n position: absolute;\n height: 100%;\n left: 0;\n width: 2px;\n background-color: var(--code-hl-number-color);\n }\n }\n\n mark {\n padding: 0;\n }\n\n &:hover {\n opacity: 0.9;\n }\n}\n\n.results-placeholder {\n display: none;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n height: 100%;\n opacity: 0.8;\n max-width: @code-content-max-width;\n\n img {\n width: 150px;\n height: auto;\n }\n\n &.is-visible {\n display: flex;\n }\n}\n\n.results-body {\n max-width: @code-content-max-width;\n}\n.results-errorMsg {\n word-break: break-all;\n}\n","::-webkit-scrollbar {\n width: 5rem;\n height: 5rem;\n}\n::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 6px var(--hover-bg-color);\n}\n::-webkit-scrollbar-thumb {\n background-color: var(--scrollbar-thumb-color);\n}\n::-webkit-scrollbar-thumb:hover {\n background-color: var(--scrollbar-hover-color);\n}\n","@import '../variables';\n@import '../mixins/responsive.less';\n\n@setting-menu-width: 350px;\n\n.settings-content {\n position: fixed;\n transform: translateX(@setting-menu-width);\n transition: all 200ms ease-in-out;\n right: 0;\n top: 0;\n bottom: 0;\n width: @setting-menu-width;\n background-color: var(--sidebar-bg-color);\n z-index: 1100;\n visibility: hidden;\n\n .media-desktop({\n transform: translateX(@setting-menu-width + 50);\n width: @setting-menu-width + 50;\n });\n\n &.is-visible {\n visibility: visible;\n transform: translateX(0);\n }\n}\n\n.settings-header {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n height: @header-height;\n min-height: @header-height + 1;\n padding-right: @space-xs;\n border-bottom: 1px solid var(--separator-color);\n\n .media-desktop({\n padding-right: @space-xl;\n });\n\n .right-arrow {\n transform: rotate(45deg);\n }\n}\n\n.settings-button {\n color: var(--primary-text-color);\n\n &::after {\n content: '\\22EE';\n font-weight: bold;\n font-size: 26px;\n }\n}\n\n.settings-body {\n padding: @space-xl @space-md;\n\n .media-desktop({\n padding: @space-xl;\n });\n}\n\n.settings-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: @space-xl;\n}\n\n.theme-toggle {\n width: auto;\n height: auto;\n cursor: pointer;\n\n input {\n display: none;\n }\n\n input[type=checkbox]:checked + .switch {\n background-color: @color-tundora;\n }\n\n input[type=checkbox]:checked + .switch::before {\n transform: translateX(20px);\n background-color: @color-cod-grey;\n }\n\n .switch {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n border-radius: 16px;\n width: 44px;\n height: 24px;\n transition: background 0.25s;\n background: @color-alto;\n\n &::before, &::after {\n content: \"\";\n }\n\n &::before {\n display: block;\n position: absolute;\n box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);\n border-radius: 50%;\n width: 18px;\n height: 18px;\n top: 3px;\n left: 3px;\n transition: transform 0.25s;\n background-color: @color-white;\n }\n }\n}\n",".backdrop-overlay {\n display: none;\n visibility: hidden;\n position: fixed;\n background-color: rgba(0, 0, 0, 0.3);\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1100;\n transition: opacity 200ms ease-out 0ms, visibility 0ms linear 200ms;\n\n &.is-visible, &.desktop-visible {\n display: block;\n visibility: visible;\n }\n\n &.desktop-visible {\n z-index: 1100; // on top of sidebar ( used when open settings menu )\n }\n\n .media-desktop({\n display: none;\n\n &.is-visible {\n display: none;\n }\n });\n}\n",".dropdown {\n position: relative;\n margin: 0 @space-md;\n &:hover {\n .dropdown-content {\n display: block;\n }\n .dropdown-btn {\n color: var(--text-highlight-color);\n }\n }\n}\n\n.dropdown-btn {\n font-family: inherit;\n display: flex;\n align-items: center;\n font-size: inherit;\n font-weight: 500;\n height: 100%;\n color: var(--primary-text-color);\n}\n\n.dropdown-arrow {\n cursor: pointer;\n border: solid;\n border-width: 0 2px 2px 0;\n padding: 2.5px;\n margin-left: 10px;\n margin-bottom: 2px;\n transform: rotate(45deg);\n}\n\n.dropdown-content {\n display: none;\n position: fixed;\n top: 50px;\n min-width: 160px;\n background-color: var(--sidebar-bg-color);\n box-shadow: var(--box-shadow);\n\n a {\n padding: @space-sm @space-md;\n text-align: left;\n }\n}\n","@import '../variables';\n\n@toolbar-height: 35px;\n@panel-min-height: 200px;\n@panel-min-width: 200px;\n\n.pandora-code-viewer {\n position: fixed;\n display: none;\n flex-direction: column;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 9999;\n background-color: var(--primary-bg-color);\n\n &.active {\n display: flex;\n }\n}\n\n.pandora-toolbar {\n position: relative;\n width: 100%;\n border-bottom: 1px solid var(--separator-color);\n height: @toolbar-height;\n min-height: @toolbar-height;\n\n .lang-selector {\n height: 100%;\n }\n\n .lang-content-selector {\n .lang-item, .preview-btn {\n padding: @space-sm;\n display: inline-flex;\n align-items: center;\n height: 100%;\n }\n .media-desktop({\n .preview-btn {\n display: none;\n }\n });\n }\n\n .close-btn {\n position: absolute;\n color: inherit;\n top: 0;\n right: @space-sm;\n }\n}\n\n.viewer-container {\n display: flex;\n width: 100%;\n height: calc(100% - @toolbar-height);\n}\n\n.code-panel {\n flex: 1 1 100%;\n max-width: 100%;\n background-color: var(--primary-bg-color);\n min-width: @panel-min-width;\n\n &.hide {\n display: none;\n }\n\n .media-desktop({\n flex: 1 1 50%;\n &.hide {\n display: block;\n }\n });\n\n .language-block {\n display: none;\n flex-direction: row;\n overflow: auto;\n\n &.active {\n display: block;\n }\n\n .code-block {\n width: 100%;\n height: 100%;\n outline: none;\n background-color: var(--live-code-bg-color);\n }\n }\n}\n\n.viewer-panel {\n display: none;\n position: relative;\n flex: 1 1 100%;\n min-width: @panel-min-width;\n flex-direction: column;\n\n .media-desktop({\n display: flex;\n flex: 1 1 50%;\n });\n\n &.active {\n display: flex;\n }\n\n iframe {\n background: var(--live-code-preview-frame-color);\n width: 100%;\n height: 100%;\n border: 1rem solid var(--separator-color);\n }\n}\n\n.iframe-panel {\n display: flex;\n flex: 1 1 50%;\n min-height: @panel-min-height;\n}\n\n.iframe-panel > code-sandbox {\n width: 100%;\n height: 100%;\n min-height: 0;\n min-width: 0;\n}\n\n.console-panel {\n display: flex;\n flex: 1 1 50%;\n min-height: @panel-min-height;\n}\n\npanel-dragger[vertical] {\n display: block;\n}\n\npanel-dragger[horizontal] {\n .media-desktop({\n display: block;\n })\n}\n\ncode-sandbox {\n display: block;\n pre { \n display: none;\n }\n}\n\n.content > code-sandbox {\n padding: @space-lg;\n margin-bottom: @space-lg;\n border: 1px solid var(--separator-color);\n background-color: var(--iframe-bg-color);\n}\n\n.demo-block {\n display: flex;\n flex-direction: column-reverse;\n width: 100%;\n margin-right: 0;\n\n .demo-preview {\n width: 100%;\n padding: 0 15px;\n\n .media-desktop({\n width: 50%;\n margin-right: 50%;\n padding: 0 45px;\n });\n }\n\n .media-desktop({\n display: block;\n });\n}\n\n.cm-editor {\n height: 100%;\n\n .cm-scroller {\n font-family: 'Source Code Pro' !important;\n font-size: @fs-md !important;\n }\n\n .cm-gutters {\n background-color: var(--live-code-line-number-bg-color);\n border-right: 1px solid var(--live-code-line-border-bg-color);\n\n .cm-activeLineGutter {\n background-color: var(--live-code-active-line-bg-color);\n }\n }\n\n .cm-foldGutter {\n font-size: @fs-md;\n\n span[title=\"Fold line\"] {\n line-height: .75;\n }\n span[title=\"Unfold line\"] {\n line-height: 1.15;\n }\n }\n\n .cm-content {\n .cm-activeLine {\n background-color: var(--live-code-active-line-bg-color);\n }\n }\n\n .cm-selectionBackground {\n background: var(--live-code-active-line-bg-color) !important;\n }\n .cm-selectionMatch {\n color: var(--link-text-color);\n background-color: var(--live-code-selection-match-color) !important;\n }\n .cm-matchingBracket {\n color: var(--live-code-bracket-active-color);\n }\n\n .cm-tooltip {\n border: 1px solid var(--live-code-active-line-bg-color);\n background-color: var(--live-code-bg-color);\n\n &.cm-tooltip-autocomplete {\n > ul {\n font-family: 'Source Code Pro';\n font-size: @fs-md;\n\n > li[aria-selected] {\n background-color: var(--code-hl-number-color);\n color: var(--live-code-tooltip-active-color);\n }\n }\n }\n }\n\n .cm-line {\n color: var(--live-code-color);\n }\n\n .cm-nonmatchingBracket, .cm-matchingBracket {\n color: var(--code-hl-type-color);\n }\n}\n.cm-cursor {\n border-left: 1.2px solid var(--live-code-caret-color) !important;\n}\n\n// HTML Color modified\n.html-code {\n .cm-editor {\n .ͼh {\n color: var(--code-hl-number-color);\n\n .cm-selectionMatch {\n color: var(--code-hl-number-color);\n }\n }\n .ͼd {\n color: var(--code-hl-type-color);\n }\n }\n}\n\n// CSS Color modified\n.css-code {\n .cm-editor {\n .ͼh {\n color: var(--code-hl-number-color);\n }\n\n .ͼi, .ͼd {\n color: var(--code-hl-type-color);\n }\n .ͼb, .ͼc {\n color: var(--code-hl-number-color);\n }\n .ͼa {\n color: var(--code-hl-attribute-color);\n }\n }\n}\n\n// JS Color modified\n.js-code, .javascript-code {\n .cm-editor {\n .ͼa {\n color: var(--code-hl-keyword-color);\n }\n .ͼb {\n color: var(--code-hl-attribute-color);\n }\n .ͼc {\n color: var(--code-hl-attribute-color);\n }\n .ͼf {\n color: var(--code-hl-number-color);\n }\n .ͼd {\n color: var(--code-hl-type-color);\n }\n }\n}\n","pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#383a42;background:#fafafa}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#a626a4}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#50a14f}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#986801}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4078f2}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#c18401}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}","pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}","@media print {\n html, body {\n height: auto;\n overflow: auto;\n }\n\n body {\n .color-scheme-light;\n }\n\n body { overflow: auto; }\n header, #sidebar, #results-container { display: none; }\n main {\n height: auto;\n min-height: auto;\n overflow: auto;\n margin-top: 0;\n }\n #page {\n .content {\n max-width: 100%;\n margin-left: auto;\n margin-right: auto;\n }\n }\n}\n"],"names":[],"version":3,"file":"index.a7682b78.css.map"}