{"version":3,"file":"css/graphiql.css","mappings":"AAAA,sFAGE,qJACA,eAGA,qBAGF,YACE,mBACA,YACA,SACA,gBACA,WACA,iCAGF,YACE,CACA,MACA,CAFA,qBACA,CACA,iBACA,4BAGF,cACE,+BAGF,mBACE,eACA,CAKA,4DAFF,YACE,mBAeA,CAdA,4BAGF,kBACE,4CACA,gCACA,eACA,CAEA,MACA,YACA,mBACA,qBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,8BAIA,aADF,kBAEE,uEAGF,2CAEE,CACA,+BACA,CAFA,eACA,CACA,iBACA,gBACA,cACA,eACA,eACA,SACA,wBACA,sCAGF,oCACE,kCAIA,cADF,qCAEE,6CAGF,6BACE,6BACA,WACA,qBACA,WACA,oBACA,kBACA,yBACA,UACA,gCAGF,YACE,CACA,MACA,CAFA,kBACA,CACA,eACA,CAMA,+DAHF,YACE,CACA,OADA,qBAWA,CATA,gCAGF,6BACE,CAGA,cACA,kBACA,2EAGF,eAEE,mCACA,kBACA,UACA,sCAGF,eACE,UACA,yCAGF,iBACE,YACA,UACA,kBACA,MACA,WACA,WACA,sCAOA,YACA,SACA,CANF,cACE,eACA,CAIA,iBAJA,uBACA,4BAIA,uCAGF,MACE,kBACA,uCAGF,YACE,sBACA,YACA,kBACA,6CAGF,eACE,gCACA,6BACA,WACA,wBACA,gBACA,mBACA,iBACA,uBACA,yBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,CAMA,uEAGF,MACE,YACA,kBACA,6BAGF,kBACE,8BACA,6BACA,iBACA,kBACA,oCAGF,eACE,SACA,YACA,WACA,kBACA,SACA,WACA,0CAKF,kBACE,wDAGF,qBACE,qBACA,kBACA,uMAGF,gBAGE,qCAGF,kBACE,4CACA,SACA,kBACA,sFACA,WAEA,eACA,qBACA,aACA,CAIA,gBAJA,oBACA,qBACA,uBACA,mBAEA,4CAGF,2CACE,sIACA,2CAKF,2CACE,WACA,2CAGF,YACE,mBACA,6CAGF,QACE,6DAIA,6BADF,yBAEE,8DAIA,2BACA,CAFF,wBACE,CACA,gBACA,0CAGF,WACE,qBACA,kBACA,qCAGF,2CACE,CACA,gCACA,CAFA,kBACA,CACA,uBACA,eACA,UACA,YACA,SACA,UACA,WACA,yCAGF,mBACE,4CAGF,2CACE,kFACA,uEAIF,iBAEE,0HAGF,eAGE,8DACA,SACA,cACA,kBACA,YACA,sCAKA,UAFF,eACE,SAEA,yCAGF,QACE,gBACA,eACA,SACA,kBACA,8CAGF,kBACE,6CAGF,MACE,eACA,SACA,kBACA,kDAGF,kBACE,mIAGF,cAGE,cACA,YACA,gBACA,gBACA,0BACA,mBACA,qcAGF,kBASE,WACA,oDAGF,cACE,UACA,oBACA,oBACA,sBACA,6KAGF,SAGE,wCAGF,wBACE,iCAGF,aACE,kEACA,eACA,YACA,OACA,kBACA,MACA,WACA,uCAGF,cACE,uCAGF,mBACE,cACA,aACA,qJACA,eAGA,aACA,iBACA,gBACA,gBACA,mCACA,qDAGF,YACE,oDAGF,eACE,wCAGF,aACE,eACA,eACA,kBACA,+BAGF,qBACE,6BACA,0CACA,kBACA,sBACA,oBACA,0BAGF,MACE,4BAEE,+BACA,SAGF,kBAEE,qBACA,8BAIJ,qBACE,CACA,QACA,CAFA,iBACA,CAEA,oCACA,CAFA,aACA,CACA,cACA,iBACA,gBACA,UACA,iBACA,wBACA,qBACA,+BAGF,iBACE,iCAGF,eACE,iDAKA,WAFF,cACE,qBAEA,wDAGF,UACE,4CAMA,eACA,4CACA,CAHF,iBACE,CAEA,kEACA,WACA,kBACA,eACA,cACA,aACA,kBACA,kCACA,oEAGF,UACE,0BACA,uEAGF,SACE,aAKF,UACE,iBAKF,UACE,aAKF,aACE,SAKF,aACE,cAKF,aACE,eAKF,aACE,eAKF,aACE,YAKF,aACE,YAKF,aACE,aAKF,aACE,cAKF,aACE,cAKF,aACE,UAKF,aACE,UAKF,aACE,aAKF,UAEE,sBACA,aACA,mBAKF,aACE,iBAGF,aACE,wDAGF,qBAEE,qBAMA,wBACA,CAFF,2BACE,CACA,kBACA,wBAMF,UACE,eACA,oBACA,iBACA,mBACA,0BAGF,UACE,iCAGF,UACE,gCAKF,0BACE,4CAKF,4BACE,iDAGF,eACE,SACA,WACA,kDAGF,SACE,wBAGF,uCACE,SACA,WACA,kBAGF,GACE,eACE,KAEF,eACE,IAEF,eACE,UASJ,oBACE,wBACA,mBAGF,0BACE,kBACA,2BAKF,UACE,wBAGF,UACE,0BAGF,UACE,uBAGF,UACE,8BASF,UACE,8BAGF,UACE,2BAGF,UACE,0BAGF,UACE,4BAGF,UACE,CAIA,mDAGF,UACE,2BAGF,UACE,2BAGF,UACE,uBAGF,UACE,6BAGF,UACE,0BAGF,UACE,yBAGF,UACE,sBAGF,UACE,wBAGF,UACE,cAGF,UACE,cAGF,UACE,uBAGF,eAEE,QAGF,iBACE,UAGF,yBACE,mBAGF,4BACE,CAIA,wCAGF,SACE,uBAGF,uBACE,gDAKF,UACE,mDAGF,UACE,yBAGF,6BACE,mCAGF,kBACE,aAQF,eACE,gBACA,kBACA,oBAGF,WACE,oBAGA,mBACA,aACA,0BACA,oBACA,kBACA,mBAGF,mCACE,kBACA,sGAOF,YAIE,kBACA,UACA,wBAGF,iBACE,kBACA,QACA,MACA,wBAGF,QACE,OACA,kBACA,kBACA,8BAIA,SADF,OAEE,2BAIA,SADF,MAEE,qBAKA,MACA,CAHF,eACE,kBACA,CACA,KACA,UACA,oBAGF,oBACE,YACA,oBACA,mBACA,mBACA,4BAGF,yBACE,sBACA,kBACA,UACA,+BAKA,QACA,CAHF,iBACE,MACA,CACA,SACA,wBAGF,cACE,kBACA,UACA,4BAGF,wBACE,CADF,qBACE,CADF,oBACE,CADF,gBACE,mBAGF,WACE,eACA,iBAGF,yCACE,uBAEA,gBACA,eACA,cACA,oBACA,kBACA,4BACA,oBACA,SACA,iBACA,kBACA,gBACA,iBACA,UACA,sBAGF,oBACE,qBACA,kBACA,4BAOA,QACA,CAJA,MACA,CAFF,iBACE,CACA,OACA,MACA,CACA,SACA,wBAGF,aACE,kBACA,UACA,kBAMF,YACE,oGAKF,sBAKE,qBAGF,QACE,gBACA,kBACA,kBACA,WACA,oBAGF,iBACE,yBAGF,eACE,wBAGF,iBACE,kBACA,UACA,CAIA,sEAGF,kBACE,sBAGF,kBACE,0CAGF,kBACE,uBAGF,gBACE,oGAGF,kBAGE,mHAGF,kBAGE,eAGF,eACE,8BACA,kBAKF,kBACE,cAGF,mCAEE,iBACE,0BAMJ,UACE,8BAKF,eACE,oBAGF,kBACE,cACA,OACA,CACA,eACA,kBACA,kBACA,CAJA,OACA,CAGA,UACA,wBAGF,4BACE,MACA,2BAGF,yBACE,SACA,0BAGF,sBACE,yBACA,cACA,sBACA,aACA,WACA,2BAGF,aACE,wBAGF,UACE,eACA,kBACA,eACA,oFACA,wBAGF,UACE,2DAEF,cAEE,mCAEF,WACE,qCAEF,WACE,kBAGF,eACE,kBACA,qCACA,sBACA,WACA,qJACA,eAGA,iBACA,gBACA,gBACA,UACA,gBACA,YACA,eACA,wBACA,WACA,+BAGF,YACE,8BAGF,eACE,oBAGF,YACE,oCAGF,UACE,iBACA,eACA,gBACA,gBACA,oCAGF,kBACE,wCACA,cACA,iBACA,CACA,oBACA,gBACA,gBACA,YACA,0CAGF,aACE,eACA,cACA,cACA,gBACA,mBACA,cACA,mBACA,yBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,4CAGF,YACE,oBAGF,oBACE,0BAGF,yBACE,6BAGF,aACE,8BAGF,aACE,8BAGF,aACE,4BAGF,aACE,kCAGF,aACE,wBAIA,eADF,yBAEE,0BAIF,UACE,0BAEF,+BACE,CACA,qBACA,CAFA,6BACA,CACA,cACA,sBACA,eACA,gBACA,UACA,gBACA,gBACA,eACA,uBACA,qBACA,YACA,2DAEF,0BAEE,2BACA,6BAEF,gTAWE,+BAEA,4UAYA,+DAEF,uBAEE,4BAEF,gDACE,wCACA,4EAGA,uBAKI,CAAJ,2BAEA,gFAMF,gTASE,CACA,iEAQA,oWAqBF,kCAGE,oNAeA,8BAEA,4BAEA,+DAGF,WACE,2BACA,QACA,+BAGF,WACE,yCACA,sCACA,CAIA,mCAEA,CANA,mBAIA,kCAEA,qBAEA,YACA,mDAGF,qBACE,GACA,sBACA,IACA,wBACA,oBACA,eACA,qCAEA,iFACA,2CAIA,0CAGF,kBACE,6BAGF,4BACE,sEAGF,gBAEE,gBACA,2BAEA,qBACA,sBACA,oFACA,sFAKA,8BAEA,mCACA,8BAEA,6NASA,eACA,iBACA,eACA,gBACA,gBACA,YACA,iDAIA,0CAGF,8BACE,iCACA,mBACA,yBAEA,yBACA,sBACA,qBAEA,oEAIA,qEAGF,mCAEE,eACA,oFAOA,wDAGF,oBACE,wGAGF,2EAME,sBACA,6DAGF,uBACE,+CAGF,qBACE,4EAIA,qBAGF,CAHE,6BAGF,iBAHE,+GAGF,yCAIE,sDAEA,6BAEA,6BACA,WACA,qBACA,WACA,oBACA,2CACA,kEAGF,kFAIE,kDACA,gBACA,kCACA,0BAGF,SACE,4CAGF,yIAOE,YACA,8CACA,uFACA,yBAIA,yDAKA,sEAOF,iBACE,2KAWA,oDAOF,eACE,CACA,4BADA,mBACA,2GAGF,YAHE,iBAGF,uFAYE,4DAIA,CACA,qBACA,CAVA,6BAGF,kBACE,CAIA,cATF,mBAWE,mCAEA,aACA,yCAGA,yDAGF,eACE,wBAEA,gBACA,mBACA,sBACA,eACA,yBAEA,sBACA,8EACA,WADA,aACA,2CAGF,gCACE,8CAIA,2DAIA,UACA,gBACA,gBACA,uBACA,iCAEA,4CAEA,aACA,0BACA,aAGF,oLAUE,eACA,eACA,8DACA,oDACA,mDAGF,kBACE,CAOA,kBAPA,gCAEA,cACA,iBACA,gBACA,gBACA,gBACA,yDAEA,cADA,qBACA,2CAGF,gBACE,kCAGF,kBACE,yBACA,yBAEA,sBACA,qBACA,oEAMA,YACA,kDAGA,8CAEA,0BACA,CAIA,kBAIA,CALF,sBAHE,iBAGF,CACE,sBAIA,UACA,gBATA,cAGF,qBACE,CADF,kBACE,UAKA,iCAMA,kBACA,CAJF,+BAEE,aACA,CACA,cACA,0BAEA,kBACA,sCACA,qDAKA,wFALA,eAIA,wBACA,4DAiBA,CAjBA,2EAiBA,SAjBA,kBAGF,YAKE,8DASA,yDAEA,wBAIA,yIAGF,sCAHE,yCAGF,WACE,4CAGF,yBAEE,0EAIA,iEAEA,0nCChwDF,eAGE,aADA,WACA,CAGF,UAEE,mBAIA,wBALA,aAGA,eADA,uBAEA,iBAEA,4CAEA,cACE,qBAGF,iBAEE,sCACA,yCAFA,kCAGA,YAGF,qoCAuBE,gBACA,YAGF,iHAGE,iCADA,uBACA,CAEA,mKACE,eAIJ,wEAEE,iBAIA,8BAME,YAFA,mBACA,mBACA,CALA,uCACE,cAMF,qCAKE,wBC4FN,6IACE,CDhGI,eACA,gBACA,eACA,CAIJ,uCACE,mBACA,oBAIJ,+DAEE,wBACA,uBAGF,2ECqNA,0BACA,8BDlNE,gBCoNF,6FACE,6BDlNF,2BACE,oBAGF,qBAGE,yCAFA,oBACA,oBACA,CAEA,yCACE,2BACA,gDAGF,4CACE,8BAGF,sCACE,YAEA,6DACE,2BACA,uEACE,CAGF,8BADA,SACA,CAMJ,uCACE,yBAGF,8CAYE,6DAVA,iCAIA,YAHA,yCAaA,gBALA,sBAEA,wBAHA,eATA,qBAaA,YACA,eAXA,kBACA,oBAEA,kBAEA,qFADA,kBAQA,CAEA,wGAEE,yBAGF,kDACE,wBAIJ,iGC8XF,eAxiBM,CAqiBN,iBA7XmB,CAkYnB,qED7XI,qBADA,eC2XJ,cADA,eAGA,qFALA,WAOE,CD3XE,uGCkYJ,aAtiBQ,CAoiBR,eD5XM,gBC6XN,kBD9XM,0BADA,iBCiYN,qBACA,kBDhYM,CAEA,mHC8YN,yBADA,aAhkBQ,CDuLF,uIAEE,gBADA,cACA,CAEA,qJCkDR,kBACA,YAYA,cARA,wCACA,uCACA,oCAGA,oBADA,gBAGA,cAJA,kCAGA,oBAGA,mCACA,kCAEA,qBAEA,kBADA,kBAEA,sBACA,2BDhEU,8BALA,gBACA,mBAGA,eADA,mBADA,sBCoEV,oFDjEU,CAGF,mJACE,8BAMR,kDACE,0BAGF,8CACE,4CACA,yBAGF,sDACE,oBAEA,sEACE,kBACA,oBAGF,iFAGE,sBCrDN,6IACE,CDuDI,yBADA,gBAGA,sBAPA,mBACA,uBAKA,mBACA,CAEA,sFACE,sBAGF,iGACE,mBACA,gBACA,mBAEA,wGCHR,kBACA,YAYA,cARA,wCACA,uCACA,oCAGA,oBADA,gBAGA,cAJA,kCAGA,oBAGA,mCACA,kCAEA,qBAEA,kBADA,kBAEA,sBACA,2BDhBU,eACA,iBCgBV,oFDhBU,CAGF,sGACE,aAMR,uCACE,eACA,YACA,oBACA,YAEA,kBADA,UACA,CAKF,sDACE","sources":["webpack:///../../../../../node_modules/graphiql/graphiql.css","webpack:///./graphiql.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":[".graphiql-container,\n.graphiql-container button,\n.graphiql-container input {\n  color: #141823;\n  font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular',\n    'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande',\n    arial, sans-serif;\n  font-size: 14px;\n}\n\n.graphiql-container {\n  display: flex;\n  flex-direction: row;\n  height: 100%;\n  margin: 0;\n  overflow: hidden;\n  width: 100%;\n}\n\n.graphiql-container .editorWrap {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow-x: hidden;\n}\n\n.graphiql-container .title {\n  font-size: 18px;\n}\n\n.graphiql-container .title em {\n  font-family: georgia;\n  font-size: 19px;\n}\n\n.graphiql-container .topBarWrap {\n  display: flex;\n  flex-direction: row;\n}\n\n.graphiql-container .topBar {\n  align-items: center;\n  background: linear-gradient(#f7f7f7, #e2e2e2);\n  border-bottom: 1px solid #d0d0d0;\n  cursor: default;\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  height: 34px;\n  overflow-y: visible;\n  padding: 7px 14px 6px;\n  user-select: none;\n}\n\n.graphiql-container .toolbar {\n  overflow-x: visible;\n  display: flex;\n}\n\n.graphiql-container .docExplorerShow,\n.graphiql-container .historyShow {\n  background: linear-gradient(#f7f7f7, #e2e2e2);\n  border-radius: 0;\n  border-bottom: 1px solid #d0d0d0;\n  border-right: none;\n  border-top: none;\n  color: #3b5998;\n  cursor: pointer;\n  font-size: 14px;\n  margin: 0;\n  padding: 2px 20px 0 18px;\n}\n\n.graphiql-container .docExplorerShow {\n  border-left: 1px solid rgba(0, 0, 0, 0.2);\n}\n\n.graphiql-container .historyShow {\n  border-right: 1px solid rgba(0, 0, 0, 0.2);\n  border-left: 0;\n}\n\n.graphiql-container .docExplorerShow:before {\n  border-left: 2px solid #3b5998;\n  border-top: 2px solid #3b5998;\n  content: '';\n  display: inline-block;\n  height: 9px;\n  margin: 0 3px -1px 0;\n  position: relative;\n  transform: rotate(-45deg);\n  width: 9px;\n}\n\n.graphiql-container .editorBar {\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  max-height: 100%;\n}\n\n.graphiql-container .queryWrap {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n\n.graphiql-container .resultWrap {\n  border-left: solid 1px #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  flex-basis: 1em;\n  position: relative;\n}\n\n.graphiql-container .docExplorerWrap,\n.graphiql-container .historyPaneWrap {\n  background: white;\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);\n  position: relative;\n  z-index: 3;\n}\n\n.graphiql-container .historyPaneWrap {\n  min-width: 230px;\n  z-index: 5;\n}\n\n.graphiql-container .docExplorerResizer {\n  cursor: col-resize;\n  height: 100%;\n  left: -5px;\n  position: absolute;\n  top: 0;\n  width: 10px;\n  z-index: 10;\n}\n\n.graphiql-container .docExplorerHide {\n  cursor: pointer;\n  font-size: 18px;\n  margin: -7px -8px -6px 0;\n  padding: 18px 16px 15px 12px;\n  background: 0;\n  border: 0;\n  line-height: 14px;\n}\n\n.graphiql-container div .query-editor {\n  flex: 1;\n  position: relative;\n}\n\n.graphiql-container .secondary-editor {\n  display: flex;\n  flex-direction: column;\n  height: 30px;\n  position: relative;\n}\n\n.graphiql-container .secondary-editor-title {\n  background: #eeeeee;\n  border-bottom: 1px solid #d6d6d6;\n  border-top: 1px solid #e0e0e0;\n  color: #777;\n  font-variant: small-caps;\n  font-weight: bold;\n  letter-spacing: 1px;\n  line-height: 14px;\n  padding: 6px 0 8px 43px;\n  text-transform: lowercase;\n  user-select: none;\n}\n\n.graphiql-container .codemirrorWrap {\n  flex: 1;\n  height: 100%;\n  position: relative;\n}\n\n.graphiql-container .result-window {\n  flex: 1;\n  height: 100%;\n  position: relative;\n}\n\n.graphiql-container .footer {\n  background: #f6f7f8;\n  border-left: 1px solid #e0e0e0;\n  border-top: 1px solid #e0e0e0;\n  margin-left: 12px;\n  position: relative;\n}\n\n.graphiql-container .footer:before {\n  background: #eeeeee;\n  bottom: 0;\n  content: ' ';\n  left: -13px;\n  position: absolute;\n  top: -1px;\n  width: 12px;\n}\n\n/* No `.graphiql-container` here so themes can overwrite */\n\n.result-window .CodeMirror.cm-s-graphiql {\n  background: #f6f7f8;\n}\n\n.graphiql-container .result-window .CodeMirror-gutters {\n  background-color: #eeeeee;\n  border-color: #e0e0e0;\n  cursor: col-resize;\n}\n\n.graphiql-container .result-window .CodeMirror-foldgutter,\n.graphiql-container .result-window .CodeMirror-foldgutter-open:after,\n.graphiql-container .result-window .CodeMirror-foldgutter-folded:after {\n  padding-left: 3px;\n}\n\n.graphiql-container .toolbar-button {\n  background: #fdfdfd;\n  background: linear-gradient(#f9f9f9, #ececec);\n  border: 0;\n  border-radius: 3px;\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2),\n    0 1px 0 rgba(255, 255, 255, 0.7), inset 0 1px #fff;\n  color: #555;\n  cursor: pointer;\n  display: inline-block;\n  margin: 0 5px;\n  padding: 3px 11px 5px;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 150px;\n}\n\n.graphiql-container .toolbar-button:active {\n  background: linear-gradient(#ececec, #d5d5d5);\n  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7),\n    inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 1px 1px 1px rgba(0, 0, 0, 0.12),\n    inset 0 0 5px rgba(0, 0, 0, 0.1);\n}\n\n.graphiql-container .toolbar-button.error {\n  background: linear-gradient(#fdf3f3, #e6d6d7);\n  color: #b00;\n}\n\n.graphiql-container .toolbar-button-group {\n  margin: 0 5px;\n  white-space: nowrap;\n}\n\n.graphiql-container .toolbar-button-group > * {\n  margin: 0;\n}\n\n.graphiql-container .toolbar-button-group > *:not(:last-child) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.graphiql-container .toolbar-button-group > *:not(:first-child) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  margin-left: -1px;\n}\n\n.graphiql-container .execute-button-wrap {\n  height: 34px;\n  margin: 0 14px 0 28px;\n  position: relative;\n}\n\n.graphiql-container .execute-button {\n  background: linear-gradient(#fdfdfd, #d2d3d6);\n  border-radius: 17px;\n  border: 1px solid rgba(0, 0, 0, 0.25);\n  box-shadow: 0 1px 0 #fff;\n  cursor: pointer;\n  fill: #444;\n  height: 34px;\n  margin: 0;\n  padding: 0;\n  width: 34px;\n}\n\n.graphiql-container .execute-button svg {\n  pointer-events: none;\n}\n\n.graphiql-container .execute-button:active {\n  background: linear-gradient(#e6e6e6, #c3c3c3);\n  box-shadow: 0 1px 0 #fff, inset 0 0 2px rgba(0, 0, 0, 0.2),\n    inset 0 0 6px rgba(0, 0, 0, 0.1);\n}\n\n.graphiql-container .toolbar-menu,\n.graphiql-container .toolbar-select {\n  position: relative;\n}\n\n.graphiql-container .execute-options,\n.graphiql-container .toolbar-menu-items,\n.graphiql-container .toolbar-select-options {\n  background: #fff;\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.25);\n  margin: 0;\n  padding: 6px 0;\n  position: absolute;\n  z-index: 100;\n}\n\n.graphiql-container .execute-options {\n  min-width: 100px;\n  top: 37px;\n  left: -1px;\n}\n\n.graphiql-container .toolbar-menu-items {\n  left: 1px;\n  margin-top: -1px;\n  min-width: 110%;\n  top: 100%;\n  visibility: hidden;\n}\n\n.graphiql-container .toolbar-menu-items.open {\n  visibility: visible;\n}\n\n.graphiql-container .toolbar-select-options {\n  left: 0;\n  min-width: 100%;\n  top: -5px;\n  visibility: hidden;\n}\n\n.graphiql-container .toolbar-select-options.open {\n  visibility: visible;\n}\n\n.graphiql-container .execute-options > li,\n.graphiql-container .toolbar-menu-items > li,\n.graphiql-container .toolbar-select-options > li {\n  cursor: pointer;\n  display: block;\n  margin: none;\n  max-width: 300px;\n  overflow: hidden;\n  padding: 2px 20px 4px 11px;\n  white-space: nowrap;\n}\n\n.graphiql-container .execute-options > li.selected,\n.graphiql-container .toolbar-menu-items > li.hover,\n.graphiql-container .toolbar-menu-items > li:active,\n.graphiql-container .toolbar-menu-items > li:hover,\n.graphiql-container .toolbar-select-options > li.hover,\n.graphiql-container .toolbar-select-options > li:active,\n.graphiql-container .toolbar-select-options > li:hover,\n.graphiql-container .history-contents > li:hover,\n.graphiql-container .history-contents > li:active {\n  background: #e10098;\n  color: #fff;\n}\n\n.graphiql-container .toolbar-select-options > li > svg {\n  display: inline;\n  fill: #666;\n  margin: 0 -6px 0 6px;\n  pointer-events: none;\n  vertical-align: middle;\n}\n\n.graphiql-container .toolbar-select-options > li.hover > svg,\n.graphiql-container .toolbar-select-options > li:active > svg,\n.graphiql-container .toolbar-select-options > li:hover > svg {\n  fill: #fff;\n}\n\n.graphiql-container .CodeMirror-scroll {\n  overflow-scrolling: touch;\n}\n\n.graphiql-container .CodeMirror {\n  color: #141823;\n  font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;\n  font-size: 13px;\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n\n.graphiql-container .CodeMirror-lines {\n  padding: 20px 0;\n}\n\n.CodeMirror-hint-information .content {\n  box-orient: vertical;\n  color: #141823;\n  display: flex;\n  font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular',\n    'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande',\n    arial, sans-serif;\n  font-size: 13px;\n  line-clamp: 3;\n  line-height: 16px;\n  max-height: 48px;\n  overflow: hidden;\n  text-overflow: -o-ellipsis-lastline;\n}\n\n.CodeMirror-hint-information .content p:first-child {\n  margin-top: 0;\n}\n\n.CodeMirror-hint-information .content p:last-child {\n  margin-bottom: 0;\n}\n\n.CodeMirror-hint-information .infoType {\n  color: #ca9800;\n  cursor: pointer;\n  display: inline;\n  margin-right: 0.5em;\n}\n\n.autoInsertedLeaf.cm-property {\n  animation-duration: 6s;\n  animation-name: insertionFade;\n  border-bottom: 2px solid rgba(255, 255, 255, 0);\n  border-radius: 2px;\n  margin: -2px -4px -1px;\n  padding: 2px 4px 1px;\n}\n\n@keyframes insertionFade {\n  from,\n  to {\n    background: rgba(255, 255, 255, 0);\n    border-color: rgba(255, 255, 255, 0);\n  }\n\n  15%,\n  85% {\n    background: #fbffc9;\n    border-color: #f0f3c0;\n  }\n}\n\ndiv.CodeMirror-lint-tooltip {\n  background-color: white;\n  border-radius: 2px;\n  border: 0;\n  color: #141823;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);\n  font-size: 13px;\n  line-height: 16px;\n  max-width: 430px;\n  opacity: 0;\n  padding: 8px 10px;\n  transition: opacity 0.15s;\n  white-space: pre-wrap;\n}\n\ndiv.CodeMirror-lint-tooltip > * {\n  padding-left: 23px;\n}\n\ndiv.CodeMirror-lint-tooltip > * + * {\n  margin-top: 12px;\n}\n\n.graphiql-container .variable-editor-title-text {\n  cursor: pointer;\n  display: inline-block;\n  color: gray;\n}\n\n.graphiql-container .variable-editor-title-text.active {\n  color: #000;\n}\n\n/* COLORS */\n\n.graphiql-container .CodeMirror-foldmarker {\n  border-radius: 4px;\n  background: #08f;\n  background: linear-gradient(#43a8ff, #0f83e8);\n  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n  color: white;\n  font-family: arial;\n  font-size: 12px;\n  line-height: 0;\n  margin: 0 3px;\n  padding: 0px 4px 1px;\n  text-shadow: 0 -1px rgba(0, 0, 0, 0.1);\n}\n\n.graphiql-container div.CodeMirror span.CodeMirror-matchingbracket {\n  color: #555;\n  text-decoration: underline;\n}\n\n.graphiql-container div.CodeMirror span.CodeMirror-nonmatchingbracket {\n  color: #f00;\n}\n\n/* Comment */\n\n.cm-comment {\n  color: #666;\n}\n\n/* Punctuation */\n\n.cm-punctuation {\n  color: #555;\n}\n\n/* Keyword */\n\n.cm-keyword {\n  color: #b11a04;\n}\n\n/* OperationName, FragmentName */\n\n.cm-def {\n  color: #d2054e;\n}\n\n/* FieldName */\n\n.cm-property {\n  color: #1f61a0;\n}\n\n/* FieldAlias */\n\n.cm-qualifier {\n  color: #1c92a9;\n}\n\n/* ArgumentName and ObjectFieldName */\n\n.cm-attribute {\n  color: #8b2bb9;\n}\n\n/* Number */\n\n.cm-number {\n  color: #2882f9;\n}\n\n/* String */\n\n.cm-string {\n  color: #d64292;\n}\n\n/* Boolean */\n\n.cm-builtin {\n  color: #d47509;\n}\n\n/* EnumValue */\n\n.cm-string-2 {\n  color: #0b7fc7;\n}\n\n/* Variable */\n\n.cm-variable {\n  color: #397d13;\n}\n\n/* Directive */\n\n.cm-meta {\n  color: #b33086;\n}\n\n/* Type */\n\n.cm-atom {\n  color: #ca9800;\n}\n\n/* BASICS */\n\n.CodeMirror {\n  /* Set height, width, borders, and global font properties here */\n  color: black;\n  font-family: monospace;\n  height: 300px;\n}\n\n/* PADDING */\n\n.CodeMirror-lines {\n  padding: 4px 0; /* Vertical padding around content */\n}\n\n.CodeMirror pre {\n  padding: 0 4px; /* Horizontal padding of content */\n}\n\n.CodeMirror-scrollbar-filler,\n.CodeMirror-gutter-filler {\n  background-color: white; /* The little square between H and V scrollbars */\n}\n\n/* GUTTER */\n\n.CodeMirror-gutters {\n  border-right: 1px solid #ddd;\n  background-color: #f7f7f7;\n  white-space: nowrap;\n}\n\n.CodeMirror-linenumbers {\n}\n\n.CodeMirror-linenumber {\n  color: #666;\n  min-width: 20px;\n  padding: 0 3px 0 5px;\n  text-align: right;\n  white-space: nowrap;\n}\n\n.CodeMirror-guttermarker {\n  color: black;\n}\n\n.CodeMirror-guttermarker-subtle {\n  color: #666;\n}\n\n/* CURSOR */\n\n.CodeMirror .CodeMirror-cursor {\n  border-left: 1px solid black;\n}\n\n/* Shown when moving in bi-directional text */\n\n.CodeMirror div.CodeMirror-secondarycursor {\n  border-left: 1px solid silver;\n}\n\n.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {\n  background: #7e7;\n  border: 0;\n  width: auto;\n}\n\n.CodeMirror.cm-fat-cursor div.CodeMirror-cursors {\n  z-index: 1;\n}\n\n.cm-animate-fat-cursor {\n  animation: blink 1.06s steps(1) infinite;\n  border: 0;\n  width: auto;\n}\n\n@keyframes blink {\n  0% {\n    background: #7e7;\n  }\n  50% {\n    background: none;\n  }\n  100% {\n    background: #7e7;\n  }\n}\n\n/* Can style cursor different in overwrite (non-insert) mode */\n\ndiv.CodeMirror-overwrite div.CodeMirror-cursor {\n}\n\n.cm-tab {\n  display: inline-block;\n  text-decoration: inherit;\n}\n\n.CodeMirror-ruler {\n  border-left: 1px solid #ccc;\n  position: absolute;\n}\n\n/* DEFAULT THEME */\n\n.cm-s-default .cm-keyword {\n  color: #708;\n}\n\n.cm-s-default .cm-atom {\n  color: #219;\n}\n\n.cm-s-default .cm-number {\n  color: #164;\n}\n\n.cm-s-default .cm-def {\n  color: #00f;\n}\n\n.cm-s-default .cm-variable,\n.cm-s-default .cm-punctuation,\n.cm-s-default .cm-property,\n.cm-s-default .cm-operator {\n}\n\n.cm-s-default .cm-variable-2 {\n  color: #05a;\n}\n\n.cm-s-default .cm-variable-3 {\n  color: #085;\n}\n\n.cm-s-default .cm-comment {\n  color: #a50;\n}\n\n.cm-s-default .cm-string {\n  color: #a11;\n}\n\n.cm-s-default .cm-string-2 {\n  color: #f50;\n}\n\n.cm-s-default .cm-meta {\n  color: #555;\n}\n\n.cm-s-default .cm-qualifier {\n  color: #555;\n}\n\n.cm-s-default .cm-builtin {\n  color: #30a;\n}\n\n.cm-s-default .cm-bracket {\n  color: #666;\n}\n\n.cm-s-default .cm-tag {\n  color: #170;\n}\n\n.cm-s-default .cm-attribute {\n  color: #00c;\n}\n\n.cm-s-default .cm-header {\n  color: blue;\n}\n\n.cm-s-default .cm-quote {\n  color: #090;\n}\n\n.cm-s-default .cm-hr {\n  color: #666;\n}\n\n.cm-s-default .cm-link {\n  color: #00c;\n}\n\n.cm-negative {\n  color: #d44;\n}\n\n.cm-positive {\n  color: #292;\n}\n\n.cm-header,\n.cm-strong {\n  font-weight: bold;\n}\n\n.cm-em {\n  font-style: italic;\n}\n\n.cm-link {\n  text-decoration: underline;\n}\n\n.cm-strikethrough {\n  text-decoration: line-through;\n}\n\n.cm-s-default .cm-error {\n  color: #f00;\n}\n\n.cm-invalidchar {\n  color: #f00;\n}\n\n.CodeMirror-composing {\n  border-bottom: 2px solid;\n}\n\n/* Default styles for common addons */\n\ndiv.CodeMirror span.CodeMirror-matchingbracket {\n  color: #0f0;\n}\n\ndiv.CodeMirror span.CodeMirror-nonmatchingbracket {\n  color: #f22;\n}\n\n.CodeMirror-matchingtag {\n  background: rgba(255, 150, 0, 0.3);\n}\n\n.CodeMirror-activeline-background {\n  background: #e8f2ff;\n}\n\n/* STOP */\n\n/* The rest of this file contains styles related to the mechanics of\n   the editor. You probably shouldn't touch them. */\n\n.CodeMirror {\n  background: white;\n  overflow: hidden;\n  position: relative;\n}\n\n.CodeMirror-scroll {\n  height: 100%;\n  /* 30px is the magic margin used to hide the element's real scrollbars */\n  /* See overflow: hidden in .CodeMirror */\n  margin-bottom: -30px;\n  margin-right: -30px;\n  outline: none; /* Prevent dragging from highlighting the element */\n  overflow: scroll !important; /* Things will break if this is overridden */\n  padding-bottom: 30px;\n  position: relative;\n}\n\n.CodeMirror-sizer {\n  border-right: 30px solid transparent;\n  position: relative;\n}\n\n/* The fake, visible scrollbars. Used to force redraw during scrolling\n   before actual scrolling happens, thus preventing shaking and\n   flickering artifacts. */\n\n.CodeMirror-vscrollbar,\n.CodeMirror-hscrollbar,\n.CodeMirror-scrollbar-filler,\n.CodeMirror-gutter-filler {\n  display: none;\n  position: absolute;\n  z-index: 6;\n}\n\n.CodeMirror-vscrollbar {\n  overflow-x: hidden;\n  overflow-y: scroll;\n  right: 0;\n  top: 0;\n}\n\n.CodeMirror-hscrollbar {\n  bottom: 0;\n  left: 0;\n  overflow-x: scroll;\n  overflow-y: hidden;\n}\n\n.CodeMirror-scrollbar-filler {\n  right: 0;\n  bottom: 0;\n}\n\n.CodeMirror-gutter-filler {\n  left: 0;\n  bottom: 0;\n}\n\n.CodeMirror-gutters {\n  min-height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 3;\n}\n\n.CodeMirror-gutter {\n  display: inline-block;\n  height: 100%;\n  margin-bottom: -30px;\n  vertical-align: top;\n  white-space: normal;\n}\n\n.CodeMirror-gutter-wrapper {\n  background: none !important;\n  border: none !important;\n  position: absolute;\n  z-index: 4;\n}\n\n.CodeMirror-gutter-background {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 4;\n}\n\n.CodeMirror-gutter-elt {\n  cursor: default;\n  position: absolute;\n  z-index: 4;\n}\n\n.CodeMirror-gutter-wrapper {\n  user-select: none;\n}\n\n.CodeMirror-lines {\n  cursor: text;\n  min-height: 1px; /* prevents collapsing before first draw */\n}\n\n.CodeMirror pre {\n  -webkit-tap-highlight-color: transparent;\n  /* Reset some styles that the rest of the page might have set */\n  background: transparent;\n  border-radius: 0;\n  border-width: 0;\n  color: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  font-variant-ligatures: none;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  position: relative;\n  white-space: pre;\n  word-wrap: normal;\n  z-index: 2;\n}\n\n.CodeMirror-wrap pre {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n  word-break: normal;\n}\n\n.CodeMirror-linebackground {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  z-index: 0;\n}\n\n.CodeMirror-linewidget {\n  overflow: auto;\n  position: relative;\n  z-index: 2;\n}\n\n.CodeMirror-widget {\n}\n\n.CodeMirror-code {\n  outline: none;\n}\n\n/* Force content-box sizing for the elements where we expect it */\n\n.CodeMirror-scroll,\n.CodeMirror-sizer,\n.CodeMirror-gutter,\n.CodeMirror-gutters,\n.CodeMirror-linenumber {\n  box-sizing: content-box;\n}\n\n.CodeMirror-measure {\n  height: 0;\n  overflow: hidden;\n  position: absolute;\n  visibility: hidden;\n  width: 100%;\n}\n\n.CodeMirror-cursor {\n  position: absolute;\n}\n\n.CodeMirror-measure pre {\n  position: static;\n}\n\ndiv.CodeMirror-cursors {\n  position: relative;\n  visibility: hidden;\n  z-index: 3;\n}\n\ndiv.CodeMirror-dragcursors {\n  visibility: visible;\n}\n\n.CodeMirror-focused div.CodeMirror-cursors {\n  visibility: visible;\n}\n\n.CodeMirror-selected {\n  background: #d9d9d9;\n}\n\n.CodeMirror-focused .CodeMirror-selected {\n  background: #d7d4f0;\n}\n\n.CodeMirror-crosshair {\n  cursor: crosshair;\n}\n\n.CodeMirror-line::selection,\n.CodeMirror-line > span::selection,\n.CodeMirror-line > span > span::selection {\n  background: #d7d4f0;\n}\n\n.CodeMirror-line::-moz-selection,\n.CodeMirror-line > span::-moz-selection,\n.CodeMirror-line > span > span::-moz-selection {\n  background: #d7d4f0;\n}\n\n.cm-searching {\n  background: #ffa;\n  background: rgba(255, 255, 0, 0.4);\n}\n\n/* Used to force a border model for a node */\n\n.cm-force-border {\n  padding-right: 0.1px;\n}\n\n@media print {\n  /* Hide the cursor when printing */\n  .CodeMirror div.CodeMirror-cursors {\n    visibility: hidden;\n  }\n}\n\n/* See issue #2901 */\n\n.cm-tab-wrap-hack:after {\n  content: '';\n}\n\n/* Help users use markselection to safely style text background */\n\nspan.CodeMirror-selectedtext {\n  background: none;\n}\n\n.CodeMirror-dialog {\n  background: inherit;\n  color: inherit;\n  left: 0;\n  right: 0;\n  overflow: hidden;\n  padding: 0.1em 0.8em;\n  position: absolute;\n  z-index: 15;\n}\n\n.CodeMirror-dialog-top {\n  border-bottom: 1px solid #eee;\n  top: 0;\n}\n\n.CodeMirror-dialog-bottom {\n  border-top: 1px solid #eee;\n  bottom: 0;\n}\n\n.CodeMirror-dialog input {\n  background: transparent;\n  border: 1px solid #d3d6db;\n  color: inherit;\n  font-family: monospace;\n  outline: none;\n  width: 20em;\n}\n\n.CodeMirror-dialog button {\n  font-size: 70%;\n}\n\n.CodeMirror-foldmarker {\n  color: blue;\n  cursor: pointer;\n  font-family: arial;\n  line-height: 0.3;\n  text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px,\n    #b9f -1px 1px 2px;\n}\n.CodeMirror-foldgutter {\n  width: 0.7em;\n}\n.CodeMirror-foldgutter-open,\n.CodeMirror-foldgutter-folded {\n  cursor: pointer;\n}\n.CodeMirror-foldgutter-open:after {\n  content: '\\25BE';\n}\n.CodeMirror-foldgutter-folded:after {\n  content: '\\25B8';\n}\n\n.CodeMirror-info {\n  background: white;\n  border-radius: 2px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);\n  box-sizing: border-box;\n  color: #555;\n  font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular',\n    'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande',\n    arial, sans-serif;\n  font-size: 13px;\n  line-height: 16px;\n  margin: 8px -8px;\n  max-width: 400px;\n  opacity: 0;\n  overflow: hidden;\n  padding: 8px 8px;\n  position: fixed;\n  transition: opacity 0.15s;\n  z-index: 50;\n}\n\n.CodeMirror-info :first-child {\n  margin-top: 0;\n}\n\n.CodeMirror-info :last-child {\n  margin-bottom: 0;\n}\n\n.CodeMirror-info p {\n  margin: 1em 0;\n}\n\n.CodeMirror-info .info-description {\n  color: #777;\n  line-height: 16px;\n  margin-top: 1em;\n  max-height: 80px;\n  overflow: hidden;\n}\n\n.CodeMirror-info .info-deprecation {\n  background: #fffae8;\n  box-shadow: inset 0 1px 1px -1px #bfb063;\n  color: #867f70;\n  line-height: 16px;\n  margin: -8px;\n  margin-top: 8px;\n  max-height: 80px;\n  overflow: hidden;\n  padding: 8px;\n}\n\n.CodeMirror-info .info-deprecation-label {\n  color: #c79b2e;\n  cursor: default;\n  display: block;\n  font-size: 9px;\n  font-weight: bold;\n  letter-spacing: 1px;\n  line-height: 1;\n  padding-bottom: 5px;\n  text-transform: uppercase;\n  user-select: none;\n}\n\n.CodeMirror-info .info-deprecation-label + * {\n  margin-top: 0;\n}\n\n.CodeMirror-info a {\n  text-decoration: none;\n}\n\n.CodeMirror-info a:hover {\n  text-decoration: underline;\n}\n\n.CodeMirror-info .type-name {\n  color: #ca9800;\n}\n\n.CodeMirror-info .field-name {\n  color: #1f61a0;\n}\n\n.CodeMirror-info .enum-value {\n  color: #0b7fc7;\n}\n\n.CodeMirror-info .arg-name {\n  color: #8b2bb9;\n}\n\n.CodeMirror-info .directive-name {\n  color: #b33086;\n}\n\n.CodeMirror-jump-token {\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n/* The lint marker gutter */\n.CodeMirror-lint-markers {\n  width: 16px;\n}\n.CodeMirror-lint-tooltip {\n  background-color: infobackground;\n  border-radius: 4px 4px 4px 4px;\n  border: 1px solid black;\n  color: infotext;\n  font-family: monospace;\n  font-size: 10pt;\n  max-width: 600px;\n  opacity: 0;\n  overflow: hidden;\n  padding: 2px 5px;\n  position: fixed;\n  transition: opacity 0.4s;\n  white-space: pre-wrap;\n  z-index: 100;\n}\n.CodeMirror-lint-mark-error,\n.CodeMirror-lint-mark-warning {\n  background-position: left bottom;\n  background-repeat: repeat-x;\n}\n.CodeMirror-lint-mark-error {\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==');\n}\n.CodeMirror-lint-mark-warning {\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=');\n}\n.CodeMirror-lint-marker-error,\n.CodeMirror-lint-marker-warning {\n  background-position: center center;\n  background-repeat: no-repeat;\n  cursor: pointer;\n  display: inline-block;\n  height: 16px;\n  position: relative;\n  vertical-align: middle;\n  width: 16px;\n}\n.CodeMirror-lint-message-error,\n.CodeMirror-lint-message-warning {\n  background-position: top left;\n  background-repeat: no-repeat;\n  padding-left: 18px;\n}\n.CodeMirror-lint-marker-error,\n.CodeMirror-lint-message-error {\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=');\n}\n.CodeMirror-lint-marker-warning,\n.CodeMirror-lint-message-warning {\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=');\n}\n.CodeMirror-lint-marker-multiple {\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC');\n  background-position: right bottom;\n  background-repeat: no-repeat;\n  width: 100%;\n  height: 100%;\n}\n\n.graphiql-container .spinner-container {\n  height: 36px;\n  left: 50%;\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 36px;\n  z-index: 10;\n}\n\n.graphiql-container .spinner {\n  animation: rotation 0.6s infinite linear;\n  border-bottom: 6px solid rgba(150, 150, 150, 0.15);\n  border-left: 6px solid rgba(150, 150, 150, 0.15);\n  border-radius: 100%;\n  border-right: 6px solid rgba(150, 150, 150, 0.15);\n  border-top: 6px solid rgba(150, 150, 150, 0.8);\n  display: inline-block;\n  height: 24px;\n  position: absolute;\n  vertical-align: middle;\n  width: 24px;\n}\n\n@keyframes rotation {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n\n.CodeMirror-hints {\n  background: white;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);\n  font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;\n  font-size: 13px;\n  list-style: none;\n  margin-left: -6px;\n  margin: 0;\n  max-height: 14.5em;\n  overflow: hidden;\n  overflow-y: auto;\n  padding: 0;\n  position: absolute;\n  z-index: 10;\n}\n\n.CodeMirror-hint {\n  border-top: solid 1px #f7f7f7;\n  color: #141823;\n  cursor: pointer;\n  margin: 0;\n  max-width: 300px;\n  overflow: hidden;\n  padding: 2px 6px;\n  white-space: pre;\n}\n\nli.CodeMirror-hint-active {\n  background-color: #08f;\n  border-top-color: white;\n  color: white;\n}\n\n.CodeMirror-hint-information {\n  border-top: solid 1px #c0c0c0;\n  max-width: 300px;\n  padding: 4px 6px;\n  position: relative;\n  z-index: 1;\n}\n\n.CodeMirror-hint-information:first-child {\n  border-bottom: solid 1px #c0c0c0;\n  border-top: none;\n  margin-bottom: -1px;\n}\n\n.CodeMirror-hint-deprecation {\n  background: #fffae8;\n  box-shadow: inset 0 1px 1px -1px #bfb063;\n  color: #867f70;\n  font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular',\n    'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande',\n    arial, sans-serif;\n  font-size: 13px;\n  line-height: 16px;\n  margin-top: 4px;\n  max-height: 80px;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.CodeMirror-hint-deprecation .deprecation-label {\n  color: #c79b2e;\n  cursor: default;\n  display: block;\n  font-size: 9px;\n  font-weight: bold;\n  letter-spacing: 1px;\n  line-height: 1;\n  padding-bottom: 5px;\n  text-transform: uppercase;\n  user-select: none;\n}\n\n.CodeMirror-hint-deprecation .deprecation-label + * {\n  margin-top: 0;\n}\n\n.CodeMirror-hint-deprecation :last-child {\n  margin-bottom: 0;\n}\n\n.graphiql-container .doc-explorer {\n  background: white;\n}\n\n.graphiql-container .doc-explorer-title-bar,\n.graphiql-container .history-title-bar {\n  cursor: default;\n  display: flex;\n  height: 34px;\n  line-height: 14px;\n  padding: 8px 8px 5px;\n  position: relative;\n  user-select: none;\n}\n\n.graphiql-container .doc-explorer-title,\n.graphiql-container .history-title {\n  flex: 1;\n  font-weight: bold;\n  overflow-x: hidden;\n  padding: 10px 0 10px 10px;\n  text-align: center;\n  text-overflow: ellipsis;\n  user-select: text;\n  white-space: nowrap;\n}\n\n.graphiql-container .doc-explorer-back {\n  color: #3b5998;\n  cursor: pointer;\n  margin: -7px 0 -6px -8px;\n  overflow-x: hidden;\n  padding: 17px 12px 16px 16px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  background: 0;\n  border: 0;\n  line-height: 14px;\n}\n\n.doc-explorer-narrow .doc-explorer-back {\n  width: 0;\n}\n\n.graphiql-container .doc-explorer-back:before {\n  border-left: 2px solid #3b5998;\n  border-top: 2px solid #3b5998;\n  content: '';\n  display: inline-block;\n  height: 9px;\n  margin: 0 3px -1px 0;\n  position: relative;\n  transform: rotate(-45deg);\n  width: 9px;\n}\n\n.graphiql-container .doc-explorer-rhs {\n  position: relative;\n}\n\n.graphiql-container .doc-explorer-contents,\n.graphiql-container .history-contents {\n  background-color: #ffffff;\n  border-top: 1px solid #d6d6d6;\n  bottom: 0;\n  left: 0;\n  overflow-y: auto;\n  padding: 20px 15px;\n  position: absolute;\n  right: 0;\n  top: 47px;\n}\n\n.graphiql-container .doc-explorer-contents {\n  min-width: 300px;\n}\n\n.graphiql-container .doc-type-description p:first-child,\n.graphiql-container .doc-type-description blockquote:first-child {\n  margin-top: 0;\n}\n\n.graphiql-container .doc-explorer-contents a {\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.graphiql-container .doc-explorer-contents a:hover {\n  text-decoration: underline;\n}\n\n.graphiql-container .doc-value-description > :first-child {\n  margin-top: 4px;\n}\n\n.graphiql-container .doc-value-description > :last-child {\n  margin-bottom: 4px;\n}\n\n.graphiql-container .doc-type-description code,\n.graphiql-container .doc-type-description pre,\n.graphiql-container .doc-category code,\n.graphiql-container .doc-category pre {\n  --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);\n  font-size: 12px;\n  line-height: 1.50001;\n  font-variant-ligatures: none;\n  white-space: pre;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  word-break: normal;\n  -webkit-tab-size: 4;\n  -moz-tab-size: 4;\n  tab-size: 4;\n}\n\n.graphiql-container .doc-type-description code,\n.graphiql-container .doc-category code {\n  padding: 2px 3px 1px;\n  border: 1px solid var(--saf-0);\n  border-radius: 3px;\n  background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);\n  color: #e01e5a;\n  background-color: white;\n}\n\n.graphiql-container .doc-category {\n  margin: 20px 0;\n}\n\n.graphiql-container .doc-category-title {\n  border-bottom: 1px solid #e0e0e0;\n  color: #777;\n  cursor: default;\n  font-size: 14px;\n  font-variant: small-caps;\n  font-weight: bold;\n  letter-spacing: 1px;\n  margin: 0 -15px 10px 0;\n  padding: 10px 0;\n  user-select: none;\n}\n\n.graphiql-container .doc-category-item {\n  margin: 12px 0;\n  color: #555;\n}\n\n.graphiql-container .keyword {\n  color: #b11a04;\n}\n\n.graphiql-container .type-name {\n  color: #ca9800;\n}\n\n.graphiql-container .field-name {\n  color: #1f61a0;\n}\n\n.graphiql-container .field-short-description {\n  color: #666;\n  margin-left: 5px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.graphiql-container .enum-value {\n  color: #0b7fc7;\n}\n\n.graphiql-container .arg-name {\n  color: #8b2bb9;\n}\n\n.graphiql-container .arg {\n  display: block;\n  margin-left: 1em;\n}\n\n.graphiql-container .arg:first-child:last-child,\n.graphiql-container .arg:first-child:nth-last-child(2),\n.graphiql-container .arg:first-child:nth-last-child(2) ~ .arg {\n  display: inherit;\n  margin: inherit;\n}\n\n.graphiql-container .arg:first-child:nth-last-child(2):after {\n  content: ', ';\n}\n\n.graphiql-container .arg-default-value {\n  color: #43a047;\n}\n\n.graphiql-container .doc-deprecation {\n  background: #fffae8;\n  box-shadow: inset 0 0 1px #bfb063;\n  color: #867f70;\n  line-height: 16px;\n  margin: 8px -8px;\n  max-height: 80px;\n  overflow: hidden;\n  padding: 8px;\n  border-radius: 3px;\n}\n\n.graphiql-container .doc-deprecation:before {\n  content: 'Deprecated:';\n  color: #c79b2e;\n  cursor: default;\n  display: block;\n  font-size: 9px;\n  font-weight: bold;\n  letter-spacing: 1px;\n  line-height: 1;\n  padding-bottom: 5px;\n  text-transform: uppercase;\n  user-select: none;\n}\n\n.graphiql-container .doc-deprecation > :first-child {\n  margin-top: 0;\n}\n\n.graphiql-container .doc-deprecation > :last-child {\n  margin-bottom: 0;\n}\n\n.graphiql-container .show-btn {\n  -webkit-appearance: initial;\n  display: block;\n  border-radius: 3px;\n  border: solid 1px #ccc;\n  text-align: center;\n  padding: 8px 12px 10px;\n  width: 100%;\n  box-sizing: border-box;\n  background: #fbfcfc;\n  color: #555;\n  cursor: pointer;\n}\n\n.graphiql-container .search-box {\n  border-bottom: 1px solid #d3d6db;\n  display: flex;\n  align-items: center;\n  font-size: 14px;\n  margin: -15px -15px 12px 0;\n  position: relative;\n}\n\n.graphiql-container .search-box-icon {\n  cursor: pointer;\n  display: block;\n  font-size: 24px;\n  transform: rotate(-45deg);\n  user-select: none;\n}\n\n.graphiql-container .search-box .search-box-clear {\n  background-color: #d0d0d0;\n  border-radius: 12px;\n  color: #fff;\n  cursor: pointer;\n  font-size: 11px;\n  padding: 1px 5px 2px;\n  position: absolute;\n  right: 3px;\n  user-select: none;\n  border: 0;\n}\n\n.graphiql-container .search-box .search-box-clear:hover {\n  background-color: #b9b9b9;\n}\n\n.graphiql-container .search-box > input {\n  border: none;\n  box-sizing: border-box;\n  font-size: 14px;\n  outline: none;\n  padding: 6px 24px 8px 20px;\n  width: 100%;\n}\n\n.graphiql-container .error-container {\n  font-weight: bold;\n  left: 0;\n  letter-spacing: 1px;\n  opacity: 0.5;\n  position: absolute;\n  right: 0;\n  text-align: center;\n  text-transform: uppercase;\n  top: 50%;\n  transform: translate(0, -50%);\n}\n\n.graphiql-container .history-contents {\n  font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;\n}\n\n.graphiql-container .history-contents {\n  margin: 0;\n  padding: 0;\n}\n\n.graphiql-container .history-contents li {\n  align-items: center;\n  display: flex;\n  font-size: 12px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin: 0;\n  padding: 8px;\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.graphiql-container .history-contents li button:not(.history-label) {\n  display: none;\n  margin-left: 10px;\n}\n\n.graphiql-container .history-contents li:hover button:not(.history-label),\n.graphiql-container\n  .history-contents\n  li:focus-within\n  button:not(.history-label) {\n  display: inline-block;\n}\n\n.graphiql-container .history-contents input,\n.graphiql-container .history-contents button {\n  padding: 0;\n  background: 0;\n  border: 0;\n  font-size: inherit;\n  font-family: inherit;\n  line-height: 14px;\n  color: inherit;\n}\n\n.graphiql-container .history-contents input {\n  flex-grow: 1;\n}\n\n.graphiql-container .history-contents input::placeholder {\n  color: inherit;\n}\n\n.graphiql-container .history-contents button {\n  cursor: pointer;\n  text-align: left;\n}\n\n.graphiql-container .history-contents .history-label {\n  flex-grow: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\nbody,\n#graphiql {\n  width: 100vw;\n  height: 100vh;\n}\n\n#graphiql {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--text-color);\n  -webkit-font-smoothing: subpixel-antialiased;\n\n  svg {\n    display: inline-block;\n  }\n\n  select {\n    color: var(--text-color) !important;\n    background-color: transparentize($inputColor, 0.75);\n    border-radius: var(--large-border-radius);\n    padding: 4px;\n  }\n\n  .graphiql-container .topBar,\n  .graphiql-container .docExplorerShow,\n  .graphiql-container .historyShow,\n  .graphiql-container .docExplorerWrap,\n  .graphiql-container .historyPaneWrap,\n  .graphiql-container .variable-editor-title,\n  .graphiql-container .footer,\n  .result-window .CodeMirror,\n  .graphiql-container .resultWrap,\n  .graphiql-container .result-window .CodeMirror-gutters,\n  .graphiql-container .toolbar-button,\n  .graphiql-container .toolbar-button:active,\n  .graphiql-container .execute-button,\n  .graphiql-container .execute-button:active,\n  .graphiql-container .toolbar-menu-items,\n  .graphiql-container .toolbar-select-options,\n  .graphiql-container .toolbar-menu-items > li.hover,\n  .graphiql-container .toolbar-menu-items > li:active,\n  .graphiql-container .toolbar-menu-items > li:hover,\n  .graphiql-container .toolbar-select-options > li.hover,\n  .graphiql-container .toolbar-select-options > li:active,\n  .graphiql-container .toolbar-select-options > li:hover,\n  .CodeMirror-gutters {\n    background: none;\n    border: none;\n  }\n\n  .graphiql-container .history-contents > p:hover,\n  .graphiql-container .history-contents > p:active {\n    color: var(--text-color);\n    background-color: var(--gray-050);\n\n    span:not(.history-label) {\n      font-size: 14px;\n    }\n  }\n\n  .graphiql-container,\n  .graphiql-container .editorWrap {\n    overflow: visible;\n  }\n\n  .topBarWrap {\n    .topBar {\n      body.rtl & {\n        direction: rtl;\n      }\n      padding-block: 14px;\n      padding-inline: 24px;\n      height: 100%;\n\n      .title {\n        @include sans-serif-font;\n        font-size: 18px;\n        font-weight: bold;\n        line-height: 1.2;\n        color: var(--text-color);\n      }\n    }\n\n    .docExplorerShow {\n      padding-block: 14px;\n      padding-inline: 24px;\n    }\n  }\n\n  .doc-explorer-title-bar,\n  .history-title-bar {\n    background: var(--white);\n    box-sizing: content-box;\n  }\n\n  .queryWrap,\n  .docExplorerWrap,\n  .historyPaneWrap {\n    @include pane;\n    overflow: hidden;\n  }\n\n  .docExplorerWrap {\n    z-index: 8 !important;\n  }\n\n  .queryWrap {\n    margin-block: 0 24px;\n    margin-inline: 24px 0;\n    border-radius: var(--large-border-radius);\n\n    .CodeMirror-gutters {\n      background: var(--gray-050);\n      box-shadow: inset -1px 0 0 var(--hairline-color);\n    }\n\n    .CodeMirror-linenumber {\n      color: var(--light-text-color);\n    }\n\n    .variable-editor {\n      height: 28px;\n\n      .variable-editor-title {\n        background: var(--gray-050);\n        box-shadow:\n          0 -1px 0 var(--hairline-color),\n          0 1px 0 var(--hairline-color);\n        z-index: 4;\n        color: var(--light-text-color);\n      }\n    }\n  }\n\n  .graphiql-container {\n    .toolbar {\n      margin-inline-start: 16px;\n    }\n\n    .toolbar-button {\n      display: inline-block;\n      background-color: var(--gray-200);\n      border-radius: var(--large-border-radius);\n      padding-block: 7px;\n      padding-inline: 14px;\n      border: none;\n      text-align: center;\n      white-space: nowrap;\n      user-select: none;\n      cursor: pointer;\n      box-sizing: border-box;\n      appearance: none;\n      color: var(--text-color);\n      height: 34px;\n      max-width: 100%;\n      box-shadow: none;\n\n      &:focus,\n      &:hover {\n        background-color: darken($grey200, 5%);\n      }\n\n      svg {\n        margin-inline-start: 5px;\n      }\n    }\n\n    .execute-options,\n    .toolbar-menu-items {\n      min-width: 100%;\n      margin-block-start: 0;\n      @include menu-styles;\n\n      li {\n        @include menu-item-styles;\n        text-align: start;\n        padding-inline-start: 24px;\n        max-width: unset;\n\n        &:hover {\n          @include disclosure-link-hover-styles;\n        }\n\n        &.selected-schema {\n          cursor: default;\n          background: none;\n\n          &::before {\n            @include icon;\n            content: 'check';\n            float: inline-start;\n            margin-inline: -17px 0;\n            margin-block: 3px 0;\n            font-size: 14px;\n            color: var(--light-text-color);\n          }\n\n          &:hover {\n            background-color: var(--white);\n          }\n        }\n      }\n    }\n\n    .execute-options li {\n      padding-inline-start: 14px;\n    }\n\n    .execute-button {\n      background: linear-gradient(#fdfdfd, #cfd6dc);\n      border: 1px solid #cfd6dc;\n    }\n\n    .graphiql-explorer-root {\n      padding: 0 !important;\n\n      & > div:first-child {\n        padding-block: 7px;\n        padding-inline: 14px;\n      }\n\n      .graphiql-explorer-actions {\n        margin: 0 !important;\n        padding: 14px !important;\n        box-sizing: border-box;\n        @include sans-serif-font;\n        font-weight: normal;\n        font-variant-caps: normal;\n        text-transform: none;\n        letter-spacing: normal;\n\n        & > span {\n          margin-inline-end: 7px;\n        }\n\n        .toolbar-button {\n          margin: 0 !important;\n          padding-block: 0;\n          padding-inline: 4px;\n\n          &::before {\n            @include icon;\n            content: 'plus';\n            font-size: 14.4px;\n          }\n\n          span {\n            display: none;\n          }\n        }\n      }\n    }\n\n    .spinner {\n      animation: none;\n      border: none;\n      display: inline-flex;\n      height: 24px;\n      width: 24px;\n      position: relative;\n    }\n  }\n\n  .graphiql-explorer-graphql-arguments {\n    select {\n      padding: 2px;\n    }\n  }\n}\n","@use 'sass:color';\n@use 'sass:list';\n@use 'sass:string';\n$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\n\n// hairline colors\n$hairlineColor: color.adjust($grey800, $alpha: -0.9);\n$mediumHairlineColor: color.adjust($grey600, $alpha: -0.75);\n$darkHairlineColor: color.adjust($grey400, $alpha: -0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing:\n  0 0 0 1px $lightFocusColor,\n  0 0 0 3px color.adjust($lightFocusColor, $alpha: -0.3);\n$mediumFocusRing:\n  0 0 0 1px $mediumFocusColor,\n  0 0 0 3px color.adjust($mediumFocusColor, $alpha: -0.3);\n$darkFocusRing:\n  0 0 0 1px $darkFocusColor,\n  0 0 0 3px color.adjust($darkFocusColor, $alpha: -0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n\n@mixin sans-serif-font {\n  font-family:\n    system-ui,\n    BlinkMacSystemFont,\n    -apple-system,\n    'Segoe UI',\n    'Roboto',\n    'Oxygen',\n    'Ubuntu',\n    'Cantarell',\n    'Fira Sans',\n    'Droid Sans',\n    'Helvetica Neue',\n    sans-serif;\n}\n\n@mixin fixed-width-font($size: 0.9em) {\n  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n    monospace;\n  font-size: $size !important;\n}\n\n@function toRem($values...) {\n  @warn \"torem mixin is deprecated. Use calc($value / 16 * 1rem) instead.\";\n  $max: list.length($values);\n  $remValues: '';\n\n  @for $i from 1 through $max {\n    $remValues: #{$remValues + calc(list.nth($values, $i) / 16)}rem;\n\n    @if $i < $max {\n      $remValues: #{$remValues + ' '};\n    }\n  }\n\n  @return $remValues;\n}\n\n@mixin fontSize($size) {\n  @warn \"fontsize mixin is deprecated. Use CSS values instead.\";\n  font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n  body:not(.reduce-focus-visibility) &:focus,\n  body.reduce-focus-visibility &:focus-visible {\n    @content;\n  }\n}\n\n@mixin svg-mask($color) {\n  rect,\n  circle,\n  ellipse,\n  line,\n  polyline,\n  polygon,\n  path,\n  text {\n    fill: $color;\n    stroke-width: 0;\n  }\n}\n\n@mixin icon {\n  font-family: 'Craft';\n  speak: never;\n  -webkit-font-feature-settings: 'liga', 'dlig';\n  -moz-font-feature-settings: 'liga=1, dlig=1';\n  -moz-font-feature-settings: 'liga', 'dlig';\n  -ms-font-feature-settings: 'liga', 'dlig';\n  -o-font-feature-settings: 'liga', 'dlig';\n  font-feature-settings: 'liga', 'dlig';\n  text-rendering: optimizeLegibility;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  direction: ltr; // Fixes a rendering issue in Chrome/Win\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  display: inline-block;\n  text-align: center;\n  font-style: normal;\n  vertical-align: middle;\n  word-wrap: normal !important;\n  user-select: none;\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n  display: block;\n  content: '';\n  font-size: 0;\n  width: calc(7rem / 16);\n  height: calc(7rem / 16);\n  border: solid $color;\n  border-width: 0 $width $width 0;\n  opacity: 0.8;\n  position: relative;\n\n  @if $dir == up {\n    transform: rotate(225deg);\n    inset-block-start: 2px;\n  } @else if $dir == down {\n    transform: rotate(45deg);\n  } @else if $dir == left {\n    body.ltr & {\n      transform: rotate(135deg);\n    }\n    body.rtl & {\n      transform: rotate(-45deg);\n    }\n  } @else if $dir == right {\n    body.ltr & {\n      transform: rotate(-45deg);\n    }\n    body.rtl & {\n      transform: rotate(135deg);\n    }\n  }\n}\n\n@mixin clearafter {\n  content: '';\n  display: block;\n  height: 0;\n  clear: both;\n  visibility: hidden;\n}\n\n@mixin shadow {\n  box-shadow: 0 1px 5px -1px color.adjust($grey900, $alpha: -0.8);\n}\n\n@mixin pane {\n  background: var(--pane-bg);\n  box-shadow: var(--pane-shadow);\n\n  &:focus {\n    box-shadow: var(--focus-ring);\n  }\n}\n\n@mixin modal {\n  border: var(--modal-border);\n  border-radius: var(--modal-border-radius);\n  background-color: var(--modal-bg);\n  box-shadow: var(--modal-shadow) !important;\n}\n\n@mixin light-on-dark-text() {\n  // Make light on dark text sharp on Macs\n  // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n}\n\n@mixin light-focus-ring() {\n  --focus-ring: 0 0 0 1px\n      hsl(\n        #{color.hue($blue200)},\n        #{color.saturation($blue200)},\n        #{color.lightness($blue200)}\n      ),\n    0 0 0 3px hsla(var(--light-focus-hsl), 1);\n}\n\n@mixin dark-btn-light-bg-focus-ring() {\n  --focus-ring: var(--focus-ring-outset);\n}\n\n@mixin custom-color-focus-ring($primary, $secondary: null) {\n  @if $secondary != null {\n    --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n  } @else {\n    --focus-ring: 0 0 0 3px #{$primary};\n  }\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n  // Creates a two-color focus ring, with a white\n  // If button is light, the dark box shadow is adjacent to the button\n  // Else the light box shadow is adjacent to the button\n  --light-color: var(--white);\n  --dark-color: var(--gray-800);\n\n  @if $light-button {\n    --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n  } @else {\n    --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n  }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n  @warn \"left mixin is deprecated. Use inset-inline-start instead.\";\n  inset-inline-start: $left;\n}\n\n@mixin right($right) {\n  @warn \"right mixin is deprecated. Use inset-inline-end instead.\";\n  inset-inline-end: $right;\n}\n\n@mixin alignleft {\n  @warn \"alignleft mixin is deprecated. Use text-align: start instead.\";\n  text-align: start;\n}\n\n@mixin alignright {\n  @warn \"alignright mixin is deprecated. Use text-align: end instead.\";\n  text-align: end;\n}\n\n@mixin border-left($params...) {\n  @warn \"border-left mixin is deprecated. Use border-inline-start instead.\";\n  border-inline-start: $params;\n}\n\n@mixin border-right($params...) {\n  @warn \"border-right mixin is deprecated. Use border-inline-end instead.\";\n  border-inline-end: $params;\n}\n\n@mixin border-left-width($param) {\n  @warn \"border-left-width mixin is deprecated. Use border-inline-start-width instead.\";\n  border-inline-start-width: $param;\n}\n\n@mixin border-right-width($param) {\n  @warn \"border-right-width mixin is deprecated. Use border-inline-end-width instead.\";\n  border-inline-end-width: $param;\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n  @warn \"border-radius mixin is deprecated. Use logical border properties instead.\";\n  border-start-start-radius: $tl;\n  border-start-end-radius: $tr;\n  border-end-end-radius: $br;\n  border-end-start-radius: $bl;\n}\n\n@mixin border-top-left-radius($params...) {\n  @warn \"border-top-left-radius mixin is deprecated. Use border-start-start-radius instead.\";\n  border-start-start-radius: $params;\n}\n\n@mixin border-top-right-radius($params...) {\n  @warn \"border-top-right-radius mixin is deprecated. Use border-end-start-radius instead.\";\n  border-start-end-radius: $params;\n}\n\n@mixin border-bottom-left-radius($params...) {\n  @warn \"border-bottom-left-radius mixin is deprecated. Use border-start-end-radius instead.\";\n  border-start-end-radius: $params;\n}\n\n@mixin border-bottom-right-radius($params...) {\n  @warn \"border-bottom-right-radius mixin is deprecated. Use border-end-end-radius instead.\";\n  border-end-end-radius: $params;\n}\n\n@mixin floatleft {\n  @warn \"floatleft mixin is deprecated. Use float: inline-start instead.\";\n  float: inline-start;\n}\n\n@mixin floatright {\n  @warn \"floatright mixin is deprecated. Use float: inline-end instead.\";\n  float: inline-end;\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n  @warn \"margin mixin is deprecated. Use logical margin properties instead.\";\n  margin-block: $t $b string.unquote($important);\n  margin-inline: $l $r string.unquote($important);\n}\n\n@mixin margin-left($margin...) {\n  @warn \"margin-left mixin is deprecated. Use margin-inline-start instead.\";\n  margin-inline-start: $margin;\n}\n\n@mixin margin-right($margin...) {\n  @warn \"margin-left mixin is deprecated. Use margin-inline-end instead.\";\n  margin-inline-end: $margin;\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n  @warn \"padding mixin is deprecated. Use padding logical properties instead.\";\n  padding-block: $t $b string.unquote($important);\n  padding-inline: $l $r string.unquote($important);\n}\n\n@mixin padding-left($padding...) {\n  @warn \"padding-left mixin is deprecated. Use padding-inline-start properties instead.\";\n  padding-inline-start: $padding;\n}\n\n@mixin padding-right($padding...) {\n  @warn \"padding-right mixin is deprecated. Use padding-inline-end properties instead.\";\n  padding-inline-end: $padding;\n}\n\n// Misc\n\n@mixin dark-inputs {\n  @include placeholder-styles($grey400);\n\n  .btn,\n  .select:not(.selectize) select {\n    background-color: $grey200;\n\n    &:focus,\n    &:hover {\n      background-color: color.adjust($grey200, $lightness: -5%);\n    }\n\n    &:active,\n    &.active,\n    &[aria-expanded='true'] {\n      background-color: color.adjust($grey200, $lightness: -10%);\n    }\n  }\n\n  .text {\n    background-color: $grey200;\n\n    &:focus {\n      background-color: color.adjust($grey200, $lightness: -5%);\n    }\n  }\n}\n\n@mixin header-btn {\n  width: calc(30rem / 16);\n  height: calc(30rem / 16);\n  padding-left: 0;\n  padding-right: 0;\n\n  &:not(:hover):not(:active):not(.active):not([aria-expanded='true']) {\n    background-color: transparent;\n  }\n  &:not(:active):not(.active):not([aria-expanded='true']):hover {\n    background-color: color.adjust($grey300, $alpha: -0.85);\n  }\n}\n\n@mixin h6-styles {\n  margin: 14px 0 3px;\n  font-size: 11px;\n  line-height: 1.2;\n  color: $lightTextColor;\n  text-transform: uppercase;\n}\n\n@mixin token-styles {\n  display: inline-block;\n  border-radius: $smallBorderRadius;\n  padding: 3px 7px;\n  font-size: 12px;\n  line-height: 14px;\n  color: $textColor;\n  background-color: $grey100;\n}\n\n@mixin active-token-styles {\n  background-color: $grey200;\n}\n\n@mixin menu-styles {\n  z-index: 100;\n  border-radius: $menuBorderRadius;\n  padding: 0 14px;\n  overflow: auto;\n  background: $white;\n  user-select: none;\n  box-shadow:\n    0 0 0 1px color.adjust($grey900, $alpha: -0.9),\n    0 5px 20px color.adjust($grey900, $alpha: -0.75);\n}\n\n@mixin menu-item-styles {\n  margin: 0 -14px;\n  padding: 10px 14px;\n  color: $menuOptionColor;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n@mixin menu-item-active-styles {\n  color: var(--white) !important;\n  --medium-text-color: rgba(255, 255, 255, 0.8);\n  --light-text-color: rgba(255, 255, 255, 0.8);\n  background-color: var(--dark-sel-color);\n\n  svg {\n    @include svg-mask(var(--white));\n  }\n}\n\n@mixin disclosure-link-hover-styles {\n  color: $menuOptionColor;\n  background-color: $grey050;\n}\n\n@mixin input-styles {\n  border-radius: var(--input-border-radius);\n  border: var(--input-border);\n  background: var(--input-bg);\n  background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n  box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n  input::-webkit-input-placeholder,\n  textarea::-webkit-input-placeholder {\n    color: $color;\n  }\n\n  input:-ms-input-placeholder,\n  textarea:-ms-input-placeholder {\n    color: $color;\n  }\n\n  input::-ms-input-placeholder,\n  textarea::-ms-input-placeholder {\n    color: $color;\n  }\n\n  input:-moz-placeholder,\n  textarea:-moz-placeholder {\n    color: $color;\n  }\n\n  input::-moz-placeholder,\n  textarea::-moz-placeholder {\n    color: $color;\n  }\n\n  input::placeholder,\n  textarea::placeholder {\n    color: $color;\n  }\n}\n\n@mixin select-styles {\n  position: relative;\n  border-radius: $largeBorderRadius;\n  white-space: nowrap;\n}\n\n@mixin select-container-styles {\n  max-width: 100%;\n  position: relative;\n  :not(.flex) > & {\n    display: inline-block;\n  }\n}\n\n@mixin select-arrow-styles {\n  @include angle;\n  position: absolute;\n  z-index: 1;\n  inset-block-start: calc(50% - 5px);\n  inset-inline-end: 9px;\n  user-select: none;\n  pointer-events: none;\n  color: var(--ui-control-color);\n}\n\n@mixin select-input-styles {\n  display: block;\n  position: relative;\n  max-width: 100%;\n  border: none;\n  padding-block: 7px;\n  padding-inline: 10px 22px;\n  font-size: 14px;\n  line-height: 20px;\n  color: $textColor;\n  background-color: hsl(212, 25%, 90%);\n  appearance: none;\n  // from https://stackoverflow.com/a/15933790/1688568\n  &::-ms-expand {\n    display: none;\n  }\n}\n\n@mixin select-input-fullwidth-styles {\n  min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n  outline-color: transparent;\n  background-color: hsl(212, 25%, 85%);\n  box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n  height: var(--touch-target-size);\n  width: var(--touch-target-size);\n}\n\n// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n\n@mixin not-visually-hidden {\n  position: static;\n  width: auto;\n  height: auto;\n  padding: 0;\n  margin: 0;\n  overflow: visible;\n  clip: auto;\n  white-space: normal;\n}\n\n@mixin readable {\n  font-size: 16px;\n  line-height: 22px;\n\n  h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    margin: 24px 0 16px;\n    font-weight: 600;\n  }\n\n  h1,\n  .h1 {\n    font-size: 32px;\n    line-height: 40px;\n    color: #000;\n  }\n\n  h2,\n  .h2 {\n    font-size: 24px;\n    line-height: 30px;\n  }\n\n  h3,\n  .h3 {\n    font-size: 20px;\n    line-height: 24px;\n  }\n\n  h4,\n  .h4 {\n    font-size: 16px;\n    line-height: 20px;\n  }\n\n  h5,\n  .h5 {\n    font-size: 14px;\n    line-height: 18px;\n  }\n\n  h6,\n  .h6 {\n    font-size: 13.6px;\n    line-height: 17px;\n    color: $mediumTextColor;\n  }\n\n  ul,\n  ol {\n    margin: 1em 0;\n    padding-inline-start: 2em;\n  }\n\n  ul li {\n    list-style-type: disc;\n  }\n\n  li + li {\n    margin-top: 0.25em;\n  }\n\n  .tip-dismiss-btn {\n    position: absolute;\n    top: 12px;\n    inset-inline-end: 12px;\n\n    & + p {\n      margin-top: 0;\n    }\n  }\n\n  blockquote {\n    margin: 16px 0;\n\n    &:not(.note) {\n      padding: 0 16px;\n      color: $mediumTextColor;\n      border-inline-start: 4px solid $hairlineColor;\n    }\n\n    &.note {\n      position: relative;\n      border-radius: 4px;\n      padding: 1em;\n      padding-inline-start: 50px;\n      border: 1px solid;\n\n      &.dismissible {\n        padding-inline-end: 36px;\n      }\n\n      &:not(.tip):not(.warning) {\n        border-color: $errorColor;\n        color: #bf503f;\n\n        &:before {\n          content: 'alert';\n          color: $errorColor;\n        }\n      }\n\n      &.tip {\n        border-color: $linkColor;\n        color: $linkColor;\n\n        &:before {\n          content: 'lightbulb';\n          color: $linkColor;\n        }\n      }\n\n      &.warning {\n        border-color: $warningColor;\n        color: #cf783a;\n\n        &:before {\n          content: 'alert';\n          color: $warningColor;\n        }\n      }\n\n      &:before {\n        @include icon;\n        opacity: 1;\n        position: absolute;\n        top: 15px;\n        inset-inline-start: 16px;\n        font-size: 24px;\n        width: 24px;\n      }\n\n      a[href] {\n        color: currentColor;\n        text-decoration: underline;\n      }\n    }\n  }\n\n  .go:after {\n    font-size: 14px;\n  }\n}\n\n@mixin checkered-bg($size) {\n  // h/t https://gist.github.com/dfrankland/f6fed3e3ccc42e3de482b324126f9542\n  $halfSize: $size * 0.5;\n  background-image: linear-gradient(\n      45deg,\n      #{color.adjust($grey300, $alpha: -0.75)} 25%,\n      transparent 25%\n    ),\n    linear-gradient(\n      135deg,\n      #{color.adjust($grey300, $alpha: -0.75)} 25%,\n      transparent 25%\n    ),\n    linear-gradient(\n      45deg,\n      transparent 75%,\n      #{color.adjust($grey300, $alpha: -0.75)} 75%\n    ),\n    linear-gradient(\n      135deg,\n      transparent 75%,\n      #{color.adjust($grey300, $alpha: -0.75)} 75%\n    );\n  background-size: $size $size;\n  background-position:\n    0 0,\n    $halfSize 0,\n    $halfSize -#{$halfSize},\n    0 $halfSize;\n}\n"],"names":[],"sourceRoot":""}