{"version":3,"file":"css/graphiql.css","mappings":"AAAA,sFAGE,qJACA,eAGA,qBAGF,oBACE,CADF,YACE,2BACA,CADA,kBACA,YACA,SACA,gBACA,WACA,iCAGF,oBACE,CADF,YACE,CACA,cACA,CADA,MACA,CAFA,6BACA,CADA,qBACA,CACA,iBACA,4BAGF,cACE,+BAGF,mBACE,eACA,CAKA,4DAFF,oBACE,CADF,YACE,2BACA,CADA,kBAeA,CAdA,4BAGF,0BACE,CADF,kBACE,+CACA,CADA,2CACA,gCACA,eACA,CAEA,cACA,CADA,MACA,YACA,mBACA,qBACA,yBACA,CADA,gBACA,8BAIA,oBACA,CADA,aADF,kBAEE,uEAGF,8CAEE,CAFF,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,iCACA,CADA,2BACA,CADA,wBACA,UACA,gCAGF,oBACE,CADF,YACE,CACA,cACA,CADA,MACA,CAFA,0BACA,CADA,kBACA,CACA,eACA,CAMA,+DAHF,oBACE,CADF,YACE,CACA,cACA,CADA,OADA,6BACA,CADA,qBAWA,CATA,gCAGF,6BACE,CAGA,sBACA,CADA,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,cACE,CADF,MACE,kBACA,uCAGF,oBACE,CADF,YACE,8BACA,CADA,qBACA,YACA,kBACA,6CAGF,eACE,gCACA,6BACA,WACA,wBACA,gBACA,mBACA,iBACA,uBACA,yBACA,yBACA,CADA,gBACA,CAMA,uEAGF,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,+CACA,CADA,2CACA,SACA,kBACA,sFACA,WAEA,eACA,qBACA,aACA,CAIA,gBAJA,oBACA,qBACA,0BACA,CADA,sBACA,mBAEA,4CAGF,8CACE,CADF,2CACE,sIACA,2CAKF,8CACE,CADF,2CACE,WACA,2CAGF,YACE,mBACA,6CAGF,QACE,6DAIA,6BADF,yBAEE,8DAIA,2BACA,CAFF,wBACE,CACA,gBACA,0CAGF,WACE,qBACA,kBACA,qCAQA,SACA,CANF,8CACE,CADF,2CACE,CACA,gCACA,CAFA,kBACA,CACA,uBACA,eACA,CACA,WACA,SACA,UACA,WACA,yCAGF,mBACE,4CAGF,8CACE,CADF,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,oDAIA,SACA,CAFF,cACE,CACA,mBACA,oBACA,sBACA,6KAGF,SAGE,wCAGF,wBACE,iCAGF,aACE,kEACA,eACA,YACA,OACA,kBACA,MACA,WACA,uCAGF,cACE,uCAGF,mBACE,CAMA,YACA,CAPA,aACA,qBACA,CADA,YACA,qJACA,eAGA,CACA,gBACA,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,0CACA,kBACA,sBACA,oBACA,kCAGF,MACE,4BAEE,+BACA,SAGF,kBAEE,qBACA,EAbF,4BAGF,MACE,4BAEE,+BACA,SAGF,kBAEE,qBACA,EAbF,yBAGF,MACE,4BAEE,+BACA,SAGF,kBAEE,qBACA,8BAIJ,qBACE,CACA,QACA,CAFA,iBACA,CAEA,oCACA,CAFA,aACA,CACA,cACA,iBACA,gBACA,UACA,iBACA,2BACA,CADA,uBACA,qBACA,+BAGF,iBACE,iCAGF,eACE,iDAKA,WAFF,cACE,qBAEA,wDAGF,UACE,4CAMA,eACA,+CACA,CADA,2CACA,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,+CACE,CADF,0CACE,CADF,uCACE,SACA,WACA,0BAGF,GACE,eACE,KAEF,eACE,IAEF,eACE,EAXF,oBAGF,GACE,eACE,KAEF,eACE,IAEF,eACE,EAXF,iBAGF,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,gBACE,mBAGF,WACE,eACA,iBAGF,yCACE,CAaA,gBACA,CAdA,sBAEA,gBACA,eACA,cACA,oBACA,kBACA,oCACA,CADA,2BACA,oBACA,SACA,iBACA,kBACA,gBACA,CACA,SACA,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,2BACA,CADA,uBACA,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,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,0BACA,CADA,sBACA,qBACA,YACA,2DAEF,0BAEE,2BACA,6BAEF,gTAWE,+BAEA,4UAYA,+DAEF,uBAEE,4BAEF,gDACE,wCACA,4EAGA,uBAKI,CAAJ,2BAEA,gYASA,kEAEA,oWAaA,sPACE,8BAKF,4BACA,0EACA,2BAEA,+CAGA,kCAEA,+BAGA,sBAGF,8BACE,8CAGA,0CAGA,uCAIF,CASE,mCAEA,CALF,kBACE,CAEA,kCAEA,qBAGF,8BACE,sBACA,WACA,6BAGF,iCACE,uBACA,oCACA,oIACA,yBAGA,sBAEA,iCAEA,0BACA,2DAKA,4BAEA,yBACA,oBACA,eACA,qCAEA,kEACA,gBAGF,eACE,2BAGF,gBACE,4CAIA,sFAGF,yBAEE,gCACA,CACA,0CAEA,qBACA,kCACA,wFAGF,kBAEE,UACA,0CAEA,8BACA,oCACA,+CACA,wCACA,cAGF,qJAME,eACA,iBAEA,eACA,4CAGF,iDAIA,6BACE,2CAEA,mBACA,cACA,mBACA,yBACA,6FAEA,sDAIA,qJAQA,cACA,qBACA,aACA,YACA,iBACA,sCAGF,yBACE,2GAGF,QAEE,0DAGF,CACE,2CACA,gDAGF,iBACE,2DAQA,sBALF,aACE,gBAIA,iBAJA,yCAGF,4BACE,6GAGF,mFAKE,6BACA,4CACA,mBACA,kBACA,iCACA,4BAGA,yBACA,oJAMA,qBACA,6DACA,CACA,mCACA,6DAIA,eAGF,0HAME,YACA,8CAEA,cACA,CADA,oBACA,oDAIA,yBACA,yDAIA,cAIA,wDAIA,4LAWA,oDAOF,CAEE,qBAFF,cACE,CACA,gEADA,mBACA,mBAGF,cAGE,YANA,sDAMA,uFASA,4DAKA,CACA,qBACA,CAXA,6BAIA,mBAKA,aACA,CAVA,mBAWA,mCAEA,aACA,yCAEA,+BAGF,0BACE,eACA,wBAEA,gBACA,mBACA,sBACA,CACA,uCACA,iBACA,wCACA,sDAIA,0DAGF,iCACE,aAGF,8CAEE,UACA,gBACA,iBACA,yBACA,uBACA,iCAEA,aACA,+BACA,aAGF,0BACE,iMASA,eACA,eACA,kHACA,aACA,wDAGF,CAQE,kBARF,gCACE,cAEA,iBACA,gBACA,iBACA,2BAEA,6CAEA,kDAGF,4BACE,mCAGF,cACE,mBACA,yBAEA,yBACA,iBACA,mDAIA,YACA,kDAIA,eACA,+BACA,0BACA,CAIF,mBAJE,wCACA,qBAGF,2BAJE,mCACA,CADA,kBACA,UAGF,iCAME,0BAGF,oBARE,+BAIA,qBACA,cAGF,cACE,4CACA,sCAEA,2CACA,iCAGA,4BACA,oEAGF,kDAEE,yBAQA,SARA,oIAQA,kGAKA,uCAGA,WACA,sBACA,eACA,uCAGF,iDACE,qDAGF,iBAHE,2DAGF,mCACE,8BAIA,2BACA,wGAKA,CACA,kBADA,CACA,2qCChwDF,eAGE,aADA,WACA,CAGF,UAOE,4CALA,8CAIA,wBALA,kCAGA,eADA,sDAEA,gBAEA,CAEA,cACE,qBAGF,iBAEE,sCACA,yCAFA,kCAGA,YAGF,qoCAuBE,gBACA,YAGF,iHAGE,iCADA,uBACA,CAEA,mKACE,eAGJ,wEAEE,iBAIA,8BAKE,YADA,iBACA,CAJA,uCACE,cAKF,qCAKE,wBCwDN,8ID3DM,eACA,gBACA,eACA,CAIJ,uCACE,kBAIJ,+DAEE,wBACA,uBAGF,2EC6JA,eA/PM,CAgQN,6DD1JE,gBC4JF,6FACE,6BD1JF,2BACE,oBAGF,qBAEE,yCADA,oBACA,CAEA,yCACE,2BACA,gDAGF,4CACE,8BAGF,sCACE,YAEA,6DACE,2BACA,wEAGA,8BADA,SACA,CAMJ,uCACE,iBAEF,8CAWE,wCATA,iCAGA,YAFA,yCAYA,gBALA,sBAEA,wBAHA,eARA,qBAYA,YACA,eAVA,iBAEA,kBAEA,0CADA,kBAQA,CAEA,wGAEE,yBC6RN,2DACE,eD1RI,CC4RN,2DACE,gBD7RI,CAIJ,iGCuYF,eA7iBM,CA0iBN,iBAvamB,CA4anB,qEDtYI,aADA,eCoYJ,cADA,eAGA,0CALA,WAMA,CDnYI,uGC0YJ,aA1iBQ,CAwiBR,eDpYM,gBADA,4BADA,gBCyYN,qBACA,kBDxYM,CAEA,mHCgZN,yBADA,aA9jBQ,CDmLF,uIAEE,gBADA,cACA,CAEA,qJCDR,WACA,4CAGA,wCACA,uCACA,oCACA,kCAMA,mCACA,kCAMA,2BDbU,8BAJA,gBCSV,cAIA,qBAjBA,kBDOU,eCYV,kBATA,oBADA,gBAGA,cAYA,4BANA,kBAPA,oBAWA,0CAFA,qBDZU,CCgOV,uKACE,WAEF,uKACE,YAcF,uKACE,qBAEF,uKACE,qBDnPM,mJACE,8BAMR,kDACE,kBAGF,8CACE,2FACA,yBAGF,sDACE,oBAEA,sEACE,iBAGF,iFAGE,sBClFN,8IDqFM,yBADA,gBAGA,sBAPA,mBACA,uBAKA,mBACA,CAEA,sFACE,iBAGF,iGACE,mBACA,cAEA,wGCnDR,WACA,4CAGA,wCACA,uCACA,oCACA,kCAMA,mCACA,kCAMA,2BDiCU,eCzCV,cAIA,qBAjBA,kBDuDU,iBCpCV,kBATA,oBADA,gBAGA,cAYA,4BANA,kBAPA,oBAWA,0CAFA,qBDmCU,CAGF,sGACE,aAMR,uCACE,wDACA,YACA,gDACA,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  .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      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: 14px 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: 0 0 24px 24px;\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: 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-left: 16px;\n    }\n    .toolbar-button {\n      display: inline-block;\n      background-color: var(--gray-200);\n      border-radius: var(--large-border-radius);\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: 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        @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: var(--light-text-color);\n          }\n\n          &:hover {\n            background-color: var(--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      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","$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: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\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@function toRem($size) {\n  $remValue: calc($size / 16) + rem;\n  @return $remValue;\n}\n\n@mixin fontSize($size) {\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    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: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n  display: block;\n  content: '';\n  font-size: 0;\n  width: 7px;\n  height: 7px;\n  border: solid $color;\n  border-width: 0 $width $width 0;\n  opacity: 0.8;\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@mixin light-focus-ring() {\n  --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n    0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\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  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: 30px;\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: 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: 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  box-shadow: var(--focus-ring);\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 touch-target {\n  height: var(--touch-target-size);\n  width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\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":""}