{"version":3,"file":"css/graphiql.css","mappings":"AAAA,sFAGE,gKACA,eAGA,qBAGF,oBACE,CADF,YACE,2BACA,CADA,kBACA,YACA,SACA,gBACA,WACA,iCAGF,oBACE,CADF,YACE,8BACA,CADA,qBACA,eACA,CADA,MACA,kBACA,4BAGF,cACE,+BAGF,mBACE,eACA,iCAGF,oBACE,CADF,YACE,2BACA,CADA,kBACA,6BAGF,0BACE,CADF,kBACE,gDACA,CADA,4CACA,gCACA,eACA,qBACA,CADA,YACA,2BACA,CADA,kBACA,eACA,CADA,MACA,YACA,mBACA,qBACA,yBACA,CADA,gBACA,8BAGF,kBACE,qBACA,CADA,YACA,uEAGF,+CAEE,CAFF,4CAEE,gBACA,gCACA,kBACA,gBACA,cACA,eACA,eACA,SACA,wBACA,sCAGF,oCACE,kCAGF,qCACE,cACA,6CAGF,6BACE,6BACA,WACA,qBACA,WACA,oBACA,kBACA,iCACA,CADA,2BACA,CADA,wBACA,UACA,gCAGF,oBACE,CADF,YACE,2BACA,CADA,kBACA,eACA,CADA,MACA,gBACA,gCAGF,oBACE,CADF,YACE,8BACA,CADA,qBACA,eACA,CADA,MACA,iCAGF,6BACE,qBACA,CADA,YACA,8BACA,CADA,qBACA,eACA,CADA,MACA,uBACA,CADA,cACA,kBACA,2EAGF,eAEE,mCACA,kBACA,UACA,sCAGF,eACE,UACA,yCAGF,iBACE,YACA,UACA,kBACA,MACA,WACA,WACA,sCAGF,cACE,eACA,wBACA,4BACA,aACA,SACA,iBACA,uCAGF,cACE,CADF,MACE,kBACA,uCAGF,oBACE,CADF,YACE,8BACA,CADA,qBACA,YACA,kBACA,6CAGF,eACE,gCACA,6BACA,WACA,wBACA,iBACA,mBACA,iBACA,uBACA,yBACA,yBACA,CADA,gBACA,qCAGF,cACE,CADF,MACE,YACA,kBACA,oCAGF,cACE,CADF,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,gDACA,CADA,4CACA,SACA,kBACA,wFACA,WAEA,eACA,qBACA,aACA,qBACA,qBACA,0BACA,CADA,sBACA,mBACA,gBACA,4CAGF,+CACE,CADF,4CACE,wIACA,2CAKF,+CACE,CADF,4CACE,WACA,2CAGF,YACE,mBACA,6CAGF,QACE,8DAGF,yBACE,6BACA,+DAGF,wBACE,4BACA,iBACA,0CAGF,WACE,qBACA,kBACA,qCAGF,+CACE,CADF,4CACE,mBACA,iCACA,wBACA,eACA,UACA,YACA,SACA,UACA,WACA,yCAGF,mBACE,4CAGF,+CACE,CADF,4CACE,kFACA,uEAIF,iBAEE,0HAGF,eAGE,8DACA,SACA,cACA,kBACA,YACA,sCAGF,eACE,SACA,UACA,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,0EACA,eACA,YACA,OACA,kBACA,MACA,WACA,uCAGF,cACE,uCAGF,mBACE,cACA,qBACA,CADA,YACA,gKACA,eAGA,aACA,iBACA,gBACA,gBACA,sCACA,CADA,kCACA,qDAGF,YACE,oDAGF,eACE,wCAGF,aACE,eACA,eACA,kBACA,+BAGF,6BACE,CADF,wBACE,CADF,qBACE,qCACA,CADA,+BACA,CADA,4BACA,4CACA,kBACA,sBACA,oBACA,kCAGF,QACE,8BAEE,iCACA,SAGF,kBAEE,qBACA,EAbF,4BAGF,QACE,8BAEE,iCACA,SAGF,kBAEE,qBACA,EAbF,yBAGF,QACE,8BAEE,iCACA,SAGF,kBAEE,qBACA,8BAIJ,qBACE,kBACA,SACA,cACA,qCACA,eACA,iBACA,gBACA,UACA,iBACA,2BACA,CADA,uBACA,qBACA,+BAGF,iBACE,iCAGF,eACE,iDAGF,cACE,qBACA,WACA,wDAGF,UACE,4CAKF,iBACE,gBACA,gDACA,CADA,4CACA,mEACA,WACA,kBACA,eACA,cACA,aACA,oBACA,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,qBAKF,2BACE,yBACA,mBACA,wBAMF,UACE,eACA,oBACA,iBACA,mBACA,0BAGF,UACE,iCAGF,UACE,gCAKF,0BACE,4CAKF,4BACE,iDAGF,eACE,SACA,WACA,kDAGF,SACE,wBAGF,+CACE,CADF,0CACE,CADF,uCACE,SACA,WACA,0BAGF,GACE,eACE,KAEF,eACE,MAEF,eACE,EAXF,oBAGF,GACE,eACE,KAEF,eACE,MAEF,eACE,EAXF,iBAGF,GACE,eACE,KAEF,eACE,MAEF,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,wBAGF,UACE,6BAGF,UACE,2BAGF,UACE,2BAGF,UACE,uBAGF,UACE,6BAGF,UACE,0BAGF,UACE,yBAGF,UACE,sBAGF,UACE,wBAGF,UACE,cAGF,UACE,cAGF,UACE,uBAGF,gBAEE,QAGF,iBACE,UAGF,yBACE,mBAGF,4BACE,yBAGF,SACE,iBAGF,SACE,uBAGF,uBACE,gDAKF,UACE,mDAGF,UACE,yBAGF,6BACE,mCAGF,kBACE,aAQF,eACE,gBACA,kBACA,oBAGF,WACE,oBAGA,mBACA,aACA,2BACA,oBACA,kBACA,mBAGF,qCACE,kBACA,sGAOF,YAIE,kBACA,UACA,wBAGF,iBACE,kBACA,QACA,MACA,wBAGF,QACE,OACA,kBACA,kBACA,8BAGF,OACE,SACA,2BAGF,MACE,SACA,qBAGF,eACE,kBACA,OACA,MACA,UACA,oBAGF,oBACE,YACA,oBACA,mBACA,mBACA,4BAGF,0BACE,uBACA,kBACA,UACA,+BAGF,iBACE,MACA,SACA,UACA,wBAGF,cACE,kBACA,UACA,4BAGF,wBACE,CADF,gBACE,mBAGF,WACE,eACA,iBAGF,yCACE,yBAEA,gBACA,eACA,cACA,oBACA,kBACA,oCACA,CADA,2BACA,oBACA,SACA,iBACA,kBACA,gBACA,iBACA,UACA,sBAGF,oBACE,qBACA,kBACA,4BAGF,iBACE,OACA,QACA,MACA,SACA,UACA,wBAGF,aACE,kBACA,UACA,kBAMF,YACE,oGAKF,sBAKE,qBAGF,QACE,gBACA,kBACA,kBACA,WACA,oBAGF,iBACE,yBAGF,eACE,wBAGF,iBACE,kBACA,UACA,4BAGF,kBACE,4CAGF,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,QACA,gBACA,kBACA,kBACA,WACA,wBAGF,4BACE,MACA,2BAGF,yBACE,SACA,0BAGF,wBACE,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,gKACA,eAGA,iBACA,gBACA,gBACA,UACA,gBACA,gBACA,eACA,2BACA,CADA,uBACA,WACA,+BAGF,YACE,8BAGF,eACE,oBAGF,YACE,oCAGF,UACE,iBACA,eACA,gBACA,gBACA,oCAGF,kBACE,wCACA,cACA,iBACA,YACA,eACA,gBACA,gBACA,YACA,0CAGF,aACE,eACA,cACA,cACA,iBACA,mBACA,cACA,mBACA,yBACA,yBACA,CADA,gBACA,4CAGF,YACE,oBAGF,oBACE,0BAGF,yBACE,6BAGF,aACE,8BAGF,aACE,8BAGF,aACE,4BAGF,aACE,kCAGF,aACE,wBAGF,yBACE,eACA,0BAIF,UACE,0BAEF,+BACE,8BACA,sBACA,eACA,sBACA,eACA,gBACA,UACA,gBACA,gBACA,eACA,0BACA,CADA,sBACA,qBACA,YACA,2DAEF,+BAEE,2BACA,6BAEF,wDACE,+BAEF,wDACE,+DAEF,iCAEE,4BACA,eACA,qBACA,YACA,kBACA,sBACA,WACA,iEAEF,4BAEE,4BACA,kBACA,8DAEF,wDAEE,kEAEF,wDAEE,kCAEF,wDACE,iCACA,4BACA,WACA,YACA,wCAGF,WACE,SACA,kBACA,QACA,wCACA,CADA,kCACA,CADA,+BACA,WACA,WACA,8BAGF,8CACE,CADF,yCACE,CADF,sCACE,8CACA,4CACA,mBACA,6CACA,0CACA,qBACA,YACA,kBACA,sBACA,WACA,6BAGF,KACE,8BACE,CADF,sBACE,IAEF,gCACE,CADF,wBACE,EARF,uBAGF,KACE,yBACE,CADF,sBACE,IAEF,2BACE,CADF,wBACE,EARF,oBAGF,KACE,8BACE,CADF,yBACE,CADF,sBACE,IAEF,gCACE,CADF,2BACE,CADF,wBACE,oBAIJ,eACE,qCACA,0EACA,eACA,gBACA,iBACA,SACA,kBACA,gBACA,gBACA,UACA,kBACA,WACA,kBAGF,4BACE,cACA,eACA,SACA,gBACA,gBACA,gBACA,gBACA,2BAGF,qBACE,sBACA,WACA,8BAGF,2BACE,gBACA,gBACA,kBACA,UACA,0CAGF,8BACE,gBACA,mBACA,8BAGF,kBACE,wCACA,cACA,gKACA,eAGA,iBACA,eACA,gBACA,gBACA,YACA,iDAGF,aACE,eACA,cACA,cACA,iBACA,mBACA,cACA,mBACA,yBACA,yBACA,CADA,gBACA,mDAGF,YACE,0CAGF,eACE,mCAGF,eACE,oFAGF,cAEE,qBACA,CADA,YACA,YACA,iBACA,oBACA,kBACA,yBACA,CADA,gBACA,4EAGF,cAEE,CAFF,MAEE,iBACA,kBACA,yBACA,kBACA,0BACA,CADA,sBACA,yBACA,CADA,gBACA,mBACA,wCAGF,aACE,eACA,wBACA,kBACA,4BACA,0BACA,CADA,sBACA,mBACA,aACA,SACA,iBACA,yCAGF,OACE,+CAGF,6BACE,6BACA,WACA,qBACA,WACA,oBACA,kBACA,iCACA,CADA,2BACA,CADA,wBACA,UACA,uCAGF,iBACE,kFAGF,qBAEE,6BACA,SACA,OACA,gBACA,kBACA,kBACA,QACA,SACA,4CAGF,eACE,0HAGF,YAEE,8CAGF,cACE,qBACA,oDAGF,yBACE,yDAGF,cACE,wDAGF,iBACE,2KAGF,yDAIE,eACA,oBACA,oCACA,CADA,2BACA,gBACA,qBACA,qBACA,kBACA,mBACA,CACA,aACA,CADA,UACA,uFAGF,mBAEE,8BACA,kBACA,kEACA,cACA,sBACA,mCAGF,aACE,yCAGF,+BACE,WACA,eACA,eACA,wBACA,iBACA,mBACA,sBACA,eACA,yBACA,CADA,gBACA,wCAGF,aACE,WACA,8BAGF,aACE,gCAGF,aACE,iCAGF,aACE,8CAGF,UACE,gBACA,gBACA,0BACA,CADA,sBACA,iCAGF,aACE,+BAGF,aACE,0BAGF,aACE,gBACA,oKAGF,eAGE,eACA,8DAGF,YACE,wCAGF,aACE,sCAGF,kBACE,iCACA,cACA,iBACA,gBACA,gBACA,gBACA,YACA,kBACA,6CAGF,qBACE,cACA,eACA,cACA,cACA,iBACA,mBACA,cACA,mBACA,yBACA,yBACA,CADA,gBACA,mDAGF,YACE,kDAGF,eACE,+BAGF,0BACE,cACA,kBACA,sBACA,kBACA,sBACA,WACA,sBACA,mBACA,WACA,eACA,iCAGF,+BACE,qBACA,CADA,YACA,2BACA,CADA,kBACA,eACA,0BACA,kBACA,sCAGF,cACE,cACA,eACA,iCACA,CADA,2BACA,CADA,wBACA,yBACA,CADA,gBACA,mDAGF,wBACE,mBACA,WACA,eACA,eACA,oBACA,kBACA,UACA,yBACA,CADA,gBACA,SACA,yDAGF,wBACE,uCAGF,WACE,sBACA,eACA,aACA,0BACA,WACA,sCAGF,gBACE,OACA,mBACA,WACA,kBACA,QACA,kBACA,yBACA,QACA,qCACA,CADA,+BACA,CADA,4BACA,uCAGF,yEACE,uCAGF,QACE,UACA,0CAGF,0BACE,CADF,kBACE,qBACA,CADA,YACA,eACA,gBACA,0BACA,CADA,sBACA,mBACA,SACA,YACA,gCACA,qEAGF,YACE,iBACA,4JAGF,oBAKE,0FAGF,SAEE,aACA,SACA,kBACA,oBACA,iBACA,cACA,6CAGF,mBACE,CADF,WACE,wEAGF,aACE,CAJA,yDAGF,aACE,8CAGF,cACE,gBACA,sDAGF,mBACE,CADF,WACE,gBACA,0BACA,CADA,sBACA,6sC;AChwDF,eAEE,YACA,aAGF,UACE,kCACA,8CACA,sDACA,eACA,iBACA,aCHQ,CDIR,4CAEA,qoCAuBE,gBACA,YAGF,iHAEE,aCnCM,CDoCN,wBC7CM,CD+CN,mKACE,eAGJ,wEAEE,iBAIA,8BAIE,kBAHA,uCACE,cAIF,qCCyEJ,8JDvEM,eACA,iBACA,gBACA,aC3DE,CD+DN,uCACE,kBAIJ,+DAEE,eClFI,CDqFN,2ECyJA,eA9OM,CA+ON,6DDtJE,gBCwJF,6FACE,6BDtJF,2BACE,qBAGF,qBACE,qBACA,iBCkCgB,CDhChB,yCACE,kBClGI,CDmGJ,4CAGF,4CACE,aCjGI,CDoGN,sCACE,YAEA,6DACE,kBC9GE,CD+GF,gEACA,UACA,aC3GE,CDiHN,uCACE,iBAEF,8CACE,qBACA,wBC1HI,CD2HJ,iBCIc,CDHd,iBACA,YACA,kBACA,mBACA,0CACA,eACA,sBACA,wCACA,aC7HI,CD8HJ,YACA,eACA,gBAEA,wGAEE,yBCuQN,2DACE,eDpQI,CCsQN,2DACE,gBDvQI,CAIJ,iGAEE,eACA,aCwWJ,YACA,iBAjYmB,CAkYnB,eACA,cACA,eAvgBM,CAwgBN,0CACA,qED3WI,uGCgXJ,eACA,kBACA,aApgBQ,CAqgBR,qBACA,mBDlXM,gBACA,kBACA,gBAEA,mHCuXN,aA/gBQ,CAghBR,wBAzhBQ,CDqKF,uIACE,eACA,gBAEA,qJCJR,oBACA,WACA,4CAGA,wCACA,uCACA,oCACA,kCACA,mBACA,oBACA,oBACA,cACA,cACA,mCACA,kCAEA,qBACA,kBACA,kBACA,sBACA,4BACA,0CAEA,WDlBU,gBAGA,eACA,aCzKF,CAmXR,uKACE,WAEF,uKACE,YAcF,uKACE,qBAEF,uKACE,qBD7NM,mJACE,qBCtLJ,CD4LJ,kDACE,kBAGF,8CACE,6FACA,yBAGF,sDACE,qBAEA,sEACE,iBAGF,iFACE,oBACA,wBACA,sBCpEN,8JDsEM,mBACA,yBACA,oBACA,sBAEA,sFACE,iBAGF,iGACE,oBACA,cAEA,wGCtDR,oBACA,WACA,4CAGA,wCACA,uCACA,oCACA,kCACA,mBACA,oBACA,oBACA,cACA,cACA,mCACA,kCAEA,qBACA,kBACA,kBACA,sBACA,4BACA,0CAEA,WDgCU,eACA,iBAGF,sGACE,aAMR,uCACE,gB","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: $textColor;\n  -webkit-font-smoothing: subpixel-antialiased;\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: $textColor;\n    background-color: $grey050;\n\n    span:not(.history-label) {\n      font-size: 14px;\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: 14px 24px;\n\n      .title {\n        @include sans-serif-font;\n        font-size: 18px;\n        font-weight: bold;\n        line-height: 1.2;\n        color: $textColor;\n      }\n    }\n\n    .docExplorerShow {\n      padding: 14px 24px;\n    }\n  }\n\n  .doc-explorer-title-bar,\n  .history-title-bar {\n    background: $white;\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: 0 0 24px 24px;\n    border-radius: $largeBorderRadius;\n\n    .CodeMirror-gutters {\n      background: $grey050;\n      box-shadow: inset -1px 0 0 $hairlineColor;\n    }\n\n    .CodeMirror-linenumber {\n      color: $lightTextColor;\n    }\n\n    .variable-editor {\n      height: 28px;\n\n      .variable-editor-title {\n        background: $grey050;\n        box-shadow: 0 -1px 0 $hairlineColor, 0 1px 0 $hairlineColor;\n        z-index: 4;\n        color: $lightTextColor;\n      }\n    }\n  }\n\n  .graphiql-container {\n    .toolbar {\n      margin-left: 16px;\n    }\n    .toolbar-button {\n      display: inline-block;\n      background-color: $grey200;\n      border-radius: $largeBorderRadius;\n      padding: 7px 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: $textColor;\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        @include margin-left(5px);\n      }\n    }\n\n    .execute-options,\n    .toolbar-menu-items {\n      min-width: 100%;\n      margin-top: 0;\n      @include menu-styles;\n\n      li {\n        @include menu-option-styles;\n        text-align: left;\n        padding-left: 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            @include floatleft;\n            @include margin(3px, 0, 0, -17px);\n            font-size: 14px;\n            color: $lightTextColor;\n          }\n\n          &:hover {\n            background-color: $white;\n          }\n        }\n      }\n    }\n\n    .execute-options li {\n      padding-left: 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: 7px 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-right: 7px;\n        }\n\n        .toolbar-button {\n          margin: 0 !important;\n          padding: 0 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      background: none;\n    }\n  }\n}\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$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\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: $blue800;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey350;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n  0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n  0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n  0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\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$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n  font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n    'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n    'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n    monospace;\n  font-size: 0.9em !important;\n}\n\n// Other\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    transition: fill linear 100ms;\n  }\n}\n\n@mixin icon {\n  font-family: 'Craft';\n  speak: none;\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  opacity: 0.8;\n}\n\n@mixin angle($dir: down, $color: var(--ui-control-color)) {\n  display: block;\n  content: '';\n  font-size: 0;\n  width: 5px;\n  height: 5px;\n  border: solid $color;\n  border-width: 0 2px 2px 0;\n\n  @if $dir == up {\n    transform: rotate(225deg);\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 transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n  background: $white;\n  box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n  &:focus {\n    box-shadow: var(--focus-ring);\n  }\n}\n\n@mixin modal {\n  border-radius: $largeBorderRadius;\n  background-color: $white;\n  box-shadow: 0 25px 100px transparentize($grey900, 0.5);\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  font-weight: 500;\n}\n\n// RTL stuff\n\n@mixin left($left) {\n  body.ltr & {\n    left: $left;\n  }\n  body.rtl & {\n    right: $left;\n  }\n}\n\n@mixin right($right) {\n  body.ltr & {\n    right: $right;\n  }\n  body.rtl & {\n    left: $right;\n  }\n}\n\n@mixin alignleft {\n  body.ltr & {\n    text-align: left;\n  }\n  body.rtl & {\n    text-align: right;\n  }\n}\n\n@mixin alignright {\n  body.ltr & {\n    text-align: right;\n  }\n  body.rtl & {\n    text-align: left;\n  }\n}\n\n@mixin border-left($params...) {\n  body.ltr & {\n    border-left: $params;\n  }\n  body.rtl & {\n    border-right: $params;\n  }\n}\n\n@mixin border-right($params...) {\n  body.ltr & {\n    border-right: $params;\n  }\n  body.rtl & {\n    border-left: $params;\n  }\n}\n\n@mixin border-left-width($param) {\n  body.ltr & {\n    border-left-width: $param;\n  }\n  body.rtl & {\n    border-right-width: $param;\n  }\n}\n\n@mixin border-right-width($param) {\n  body.ltr & {\n    border-right-width: $param;\n  }\n  body.rtl & {\n    border-left-width: $param;\n  }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n  body.ltr & {\n    border-radius: $tl $tr $br $bl;\n  }\n  body.rtl & {\n    border-radius: $tr $tl $bl $br;\n  }\n}\n\n@mixin border-top-left-radius($params...) {\n  body.ltr & {\n    border-top-left-radius: $params;\n  }\n  body.rtl & {\n    border-top-right-radius: $params;\n  }\n}\n\n@mixin border-top-right-radius($params...) {\n  body.ltr & {\n    border-top-right-radius: $params;\n  }\n  body.rtl & {\n    border-top-left-radius: $params;\n  }\n}\n\n@mixin border-bottom-left-radius($params...) {\n  body.ltr & {\n    border-bottom-left-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-right-radius: $params;\n  }\n}\n\n@mixin border-bottom-right-radius($params...) {\n  body.ltr & {\n    border-bottom-right-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-left-radius: $params;\n  }\n}\n\n@mixin floatleft {\n  body.ltr & {\n    float: left;\n  }\n  body.rtl & {\n    float: right;\n  }\n}\n\n@mixin floatright {\n  body.ltr & {\n    float: right;\n  }\n  body.rtl & {\n    float: left;\n  }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    margin: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    margin: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin margin-left($margin...) {\n  body.ltr & {\n    margin-left: $margin;\n  }\n  body.rtl & {\n    margin-right: $margin;\n  }\n}\n\n@mixin margin-right($margin...) {\n  body.ltr & {\n    margin-right: $margin;\n  }\n  body.rtl & {\n    margin-left: $margin;\n  }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    padding: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    padding: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin padding-left($padding...) {\n  body.ltr & {\n    padding-left: $padding;\n  }\n  body.rtl & {\n    padding-right: $padding;\n  }\n}\n\n@mixin padding-right($padding...) {\n  body.ltr & {\n    padding-right: $padding;\n  }\n  body.rtl & {\n    padding-left: $padding;\n  }\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: darken($grey200, 5%);\n    }\n\n    &:active,\n    &.active {\n      background-color: darken($grey200, 10%);\n    }\n  }\n\n  .text {\n    background-color: $grey200;\n\n    &:focus {\n      background-color: darken($grey200, 5%);\n    }\n  }\n}\n\n@mixin header-btn {\n  width: 34px;\n  height: 30px;\n  padding-left: 0;\n  padding-right: 0;\n\n  &:not(:hover):not(:active):not(.active) {\n    background-color: transparent;\n  }\n  &:not(:active):not(.active):hover {\n    background-color: transparentize($grey300, 0.85);\n  }\n}\n\n@mixin h6-styles {\n  margin: 14px 0 3px;\n  font-size: 10px;\n  line-height: 1.2;\n  color: $lightTextColor;\n  text-transform: uppercase;\n  font-weight: bold;\n}\n\n@mixin token-styles {\n  display: inline-block;\n  border-radius: 10px;\n  padding: 2px 7px;\n  font-size: 12px;\n  line-height: 14px;\n  color: $textColor;\n  background-color: transparentize($white, 0.5);\n  box-shadow: 0 0 0 1px $darkHairlineColor;\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: 0 0 0 1px transparentize($grey900, 0.9),\n    0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-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-option-active-styles {\n  color: $menuOptionActiveColor;\n  background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n  color: $menuOptionColor;\n  background-color: $grey050;\n}\n\n@mixin input-styles {\n  border-radius: $smallBorderRadius;\n  border: 1px solid transparentize($inputColor, 0.75);\n  background-color: hsl(212, 50%, 99%);\n  background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n  border-color: hsl(var(--dark-focus-hsl));\n  box-shadow: 0 0 0 2px hsla(var(--dark-focus-hsl), 0.7);\n}\n\n@mixin placeholder-styles($color) {\n  ::-webkit-input-placeholder {\n    color: $color;\n  }\n\n  input:-ms-input-placeholder {\n    color: $color;\n  }\n\n  ::-ms-input-placeholder {\n    color: $color;\n  }\n\n  :-moz-placeholder {\n    color: $color;\n  }\n\n  ::-moz-placeholder {\n    color: $color;\n  }\n\n  ::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  top: calc(50% - 5px);\n  @include right(9px);\n  user-select: none;\n  pointer-events: none;\n}\n\n@mixin select-input-styles {\n  display: block;\n  position: relative;\n  max-width: 100%;\n  border: none;\n  @include padding(7px, 22px, 7px, 10px);\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 readable {\n  font-size: 16px;\n  line-height: 22px;\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 24px 0 16px;\n    font-weight: 600;\n  }\n\n  h1 {\n    font-size: 32px;\n    line-height: 40px;\n    color: #000;\n  }\n\n  h2 {\n    font-size: 24px;\n    line-height: 30px;\n  }\n\n  h3 {\n    font-size: 20px;\n    line-height: 24px;\n  }\n\n  h4 {\n    font-size: 16px;\n    line-height: 20px;\n  }\n\n  h5 {\n    font-size: 14px;\n    line-height: 18px;\n  }\n\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    @include padding-left(2em);\n  }\n\n  ul li {\n    list-style-type: disc;\n  }\n\n  li + li {\n    margin-top: 0.25em;\n  }\n\n  blockquote {\n    margin: 16px 0;\n\n    &:not(.note) {\n      padding: 0 16px;\n      color: $mediumTextColor;\n      @include border-left(4px solid $hairlineColor);\n    }\n\n    &.note {\n      position: relative;\n      border-radius: 4px;\n      padding: 1em;\n      @include padding-left(56px);\n      border: 1px solid;\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: $mediumTextColor;\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        position: absolute;\n        top: 12px;\n        @include left(16px);\n        font-size: 30px;\n        width: 24px;\n      }\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}