bulma-docs.css 239 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617106181061910620106211062210623106241062510626106271062810629106301063110632106331063410635106361063710638106391064010641106421064310644106451064610647106481064910650106511065210653106541065510656106571065810659106601066110662106631066410665106661066710668106691067010671106721067310674106751067610677106781067910680106811068210683106841068510686106871068810689106901069110692106931069410695106961069710698106991070010701107021070310704107051070610707107081070910710107111071210713107141071510716107171071810719107201072110722107231072410725107261072710728107291073010731107321073310734107351073610737107381073910740107411074210743107441074510746107471074810749107501075110752107531075410755107561075710758107591076010761107621076310764107651076610767107681076910770107711077210773107741077510776107771077810779107801078110782107831078410785107861078710788107891079010791107921079310794107951079610797107981079910800108011080210803108041080510806108071080810809108101081110812108131081410815108161081710818108191082010821108221082310824108251082610827108281082910830108311083210833108341083510836108371083810839108401084110842108431084410845108461084710848108491085010851108521085310854108551085610857108581085910860108611086210863108641086510866108671086810869108701087110872108731087410875108761087710878108791088010881108821088310884108851088610887108881088910890108911089210893108941089510896108971089810899109001090110902109031090410905109061090710908109091091010911109121091310914109151091610917109181091910920109211092210923109241092510926109271092810929109301093110932109331093410935109361093710938109391094010941109421094310944109451094610947109481094910950109511095210953109541095510956109571095810959109601096110962109631096410965109661096710968109691097010971109721097310974109751097610977109781097910980109811098210983109841098510986109871098810989109901099110992109931099410995109961099710998109991100011001110021100311004110051100611007110081100911010110111101211013110141101511016110171101811019110201102111022110231102411025110261102711028110291103011031110321103311034110351103611037110381103911040110411104211043110441104511046110471104811049110501105111052110531105411055110561105711058110591106011061110621106311064110651106611067110681106911070110711107211073110741107511076110771107811079110801108111082110831108411085110861108711088110891109011091110921109311094110951109611097110981109911100111011110211103111041110511106111071110811109111101111111112111131111411115111161111711118111191112011121111221112311124111251112611127111281112911130111311113211133111341113511136111371113811139111401114111142111431114411145111461114711148111491115011151111521115311154111551115611157111581115911160111611116211163111641116511166111671116811169111701117111172111731117411175111761117711178111791118011181111821118311184111851118611187111881118911190111911119211193111941119511196111971119811199112001120111202112031120411205112061120711208112091121011211112121121311214112151121611217112181121911220112211122211223112241122511226112271122811229112301123111232112331123411235112361123711238112391124011241112421124311244112451124611247112481124911250112511125211253112541125511256112571125811259112601126111262112631126411265112661126711268112691127011271112721127311274112751127611277112781127911280112811128211283112841128511286112871128811289112901129111292112931129411295112961129711298112991130011301113021130311304113051130611307113081130911310113111131211313113141131511316113171131811319113201132111322113231132411325113261132711328113291133011331113321133311334113351133611337113381133911340113411134211343113441134511346113471134811349113501135111352113531135411355113561135711358113591136011361113621136311364113651136611367113681136911370113711137211373113741137511376113771137811379113801138111382113831138411385113861138711388113891139011391113921139311394113951139611397113981139911400114011140211403114041140511406114071140811409114101141111412114131141411415114161141711418114191142011421114221142311424114251142611427114281142911430114311143211433114341143511436114371143811439114401144111442114431144411445114461144711448114491145011451114521145311454114551145611457114581145911460114611146211463114641146511466114671146811469114701147111472114731147411475114761147711478114791148011481114821148311484114851148611487114881148911490114911149211493114941149511496114971149811499115001150111502115031150411505115061150711508115091151011511115121151311514115151151611517115181151911520115211152211523115241152511526115271152811529115301153111532115331153411535115361153711538115391154011541115421154311544115451154611547115481154911550115511155211553115541155511556115571155811559115601156111562115631156411565115661156711568115691157011571115721157311574115751157611577115781157911580115811158211583115841158511586115871158811589115901159111592115931159411595115961159711598115991160011601116021160311604116051160611607116081160911610116111161211613116141161511616116171161811619116201162111622116231162411625116261162711628116291163011631116321163311634116351163611637116381163911640116411164211643116441164511646116471164811649116501165111652116531165411655116561165711658116591166011661116621166311664116651166611667116681166911670116711167211673116741167511676116771167811679116801168111682116831168411685116861168711688116891169011691116921169311694116951169611697116981169911700117011170211703117041170511706117071170811709117101171111712117131171411715117161171711718117191172011721117221172311724117251172611727117281172911730117311173211733117341173511736117371173811739117401174111742117431174411745117461174711748117491175011751117521175311754117551175611757117581175911760117611176211763117641176511766117671176811769117701177111772117731177411775117761177711778117791178011781117821178311784117851178611787117881178911790117911179211793117941179511796117971179811799118001180111802118031180411805118061180711808118091181011811118121181311814118151181611817118181181911820118211182211823118241182511826118271182811829118301183111832118331183411835118361183711838118391184011841118421184311844118451184611847118481184911850118511185211853118541185511856118571185811859118601186111862118631186411865118661186711868118691187011871118721187311874118751187611877118781187911880118811188211883118841188511886118871188811889118901189111892118931189411895118961189711898118991190011901119021190311904119051190611907119081190911910119111191211913119141191511916119171191811919119201192111922119231192411925119261192711928119291193011931119321193311934119351193611937119381193911940119411194211943119441194511946119471194811949119501195111952119531195411955119561195711958119591196011961119621196311964119651196611967119681196911970119711197211973119741197511976119771197811979119801198111982119831198411985119861198711988119891199011991119921199311994119951199611997119981199912000120011200212003120041200512006120071200812009120101201112012120131201412015120161201712018120191202012021120221202312024120251202612027120281202912030120311203212033120341203512036120371203812039120401204112042120431204412045120461204712048120491205012051120521205312054120551205612057120581205912060120611206212063120641206512066120671206812069120701207112072120731207412075120761207712078120791208012081120821208312084120851208612087120881208912090120911209212093120941209512096120971209812099121001210112102121031210412105121061210712108121091211012111121121211312114121151211612117121181211912120121211212212123121241212512126121271212812129121301213112132121331213412135121361213712138121391214012141121421214312144121451214612147121481214912150121511215212153121541215512156121571215812159121601216112162121631216412165121661216712168121691217012171121721217312174121751217612177121781217912180121811218212183121841218512186121871218812189121901219112192121931219412195121961219712198121991220012201122021220312204122051220612207122081220912210122111221212213122141221512216122171221812219122201222112222122231222412225122261222712228122291223012231122321223312234122351223612237122381223912240122411224212243122441224512246122471224812249122501225112252122531225412255122561225712258122591226012261122621226312264122651226612267122681226912270122711227212273122741227512276122771227812279122801228112282122831228412285122861228712288122891229012291122921229312294122951229612297122981229912300123011230212303123041230512306123071230812309123101231112312123131231412315123161231712318123191232012321123221232312324123251232612327123281232912330123311233212333123341233512336123371233812339123401234112342123431234412345123461234712348123491235012351123521235312354123551235612357123581235912360123611236212363123641236512366123671236812369123701237112372123731237412375123761237712378123791238012381123821238312384123851238612387123881238912390123911239212393123941239512396123971239812399124001240112402124031240412405124061240712408124091241012411124121241312414124151241612417124181241912420124211242212423124241242512426124271242812429124301243112432124331243412435124361243712438124391244012441124421244312444124451244612447124481244912450124511245212453124541245512456124571245812459124601246112462124631246412465124661246712468124691247012471124721247312474124751247612477124781247912480124811248212483124841248512486124871248812489124901249112492124931249412495124961249712498124991250012501125021250312504125051250612507125081250912510125111251212513125141251512516125171251812519125201252112522125231252412525125261252712528125291253012531125321253312534125351253612537125381253912540125411254212543125441254512546125471254812549125501255112552125531255412555125561255712558125591256012561125621256312564125651256612567125681256912570125711257212573125741257512576125771257812579125801258112582125831258412585125861258712588125891259012591125921259312594125951259612597125981259912600126011260212603126041260512606126071260812609126101261112612126131261412615126161261712618126191262012621126221262312624126251262612627126281262912630126311263212633126341263512636126371263812639126401264112642126431264412645126461264712648126491265012651126521265312654126551265612657126581265912660126611266212663126641266512666126671266812669126701267112672126731267412675126761267712678126791268012681126821268312684126851268612687126881268912690126911269212693126941269512696126971269812699127001270112702127031270412705127061270712708127091271012711127121271312714127151271612717127181271912720127211272212723127241272512726127271272812729127301273112732127331273412735127361273712738127391274012741127421274312744127451274612747127481274912750127511275212753127541275512756127571275812759127601276112762127631276412765127661276712768127691277012771127721277312774127751277612777127781277912780127811278212783127841278512786127871278812789127901279112792127931279412795127961279712798127991280012801128021280312804128051280612807128081280912810128111281212813128141281512816128171281812819128201282112822128231282412825128261282712828128291283012831128321283312834128351283612837128381283912840128411284212843
  1. @charset "UTF-8";
  2. /*! bulma.io v0.6.2 | MIT License | github.com/jgthms/bulma */
  3. @keyframes spinAround {
  4. from {
  5. transform: rotate(0deg);
  6. }
  7. to {
  8. transform: rotate(359deg);
  9. }
  10. }
  11. .delete, .modal-close, .is-unselectable, .button, .file, .breadcrumb, .pagination-previous,
  12. .pagination-next,
  13. .pagination-link,
  14. .pagination-ellipsis, .tabs {
  15. -webkit-touch-callout: none;
  16. -webkit-user-select: none;
  17. -moz-user-select: none;
  18. -ms-user-select: none;
  19. user-select: none;
  20. }
  21. .select:not(.is-multiple)::after, .navbar-link::after {
  22. border: 1px solid transparent;
  23. border-right: 0;
  24. border-top: 0;
  25. content: " ";
  26. display: block;
  27. height: 0.5em;
  28. pointer-events: none;
  29. position: absolute;
  30. transform: rotate(-45deg);
  31. transform-origin: center;
  32. width: 0.5em;
  33. }
  34. .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child),
  35. .subtitle:not(:last-child), .block:not(:last-child), .highlight:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child), .bd-snippet:not(:last-child), .bd-callout:not(:last-child) {
  36. margin-bottom: 1.5rem;
  37. }
  38. .delete, .modal-close {
  39. -moz-appearance: none;
  40. -webkit-appearance: none;
  41. background-color: rgba(10, 10, 10, 0.2);
  42. border: none;
  43. border-radius: 290486px;
  44. cursor: pointer;
  45. display: inline-block;
  46. flex-grow: 0;
  47. flex-shrink: 0;
  48. font-size: 0;
  49. height: 20px;
  50. max-height: 20px;
  51. max-width: 20px;
  52. min-height: 20px;
  53. min-width: 20px;
  54. outline: none;
  55. position: relative;
  56. vertical-align: top;
  57. width: 20px;
  58. }
  59. .delete::before, .modal-close::before, .delete::after, .modal-close::after {
  60. background-color: white;
  61. content: "";
  62. display: block;
  63. left: 50%;
  64. position: absolute;
  65. top: 50%;
  66. transform: translateX(-50%) translateY(-50%) rotate(45deg);
  67. transform-origin: center center;
  68. }
  69. .delete::before, .modal-close::before {
  70. height: 2px;
  71. width: 50%;
  72. }
  73. .delete::after, .modal-close::after {
  74. height: 50%;
  75. width: 2px;
  76. }
  77. .delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus {
  78. background-color: rgba(10, 10, 10, 0.3);
  79. }
  80. .delete:active, .modal-close:active {
  81. background-color: rgba(10, 10, 10, 0.4);
  82. }
  83. .is-small.delete, .is-small.modal-close {
  84. height: 16px;
  85. max-height: 16px;
  86. max-width: 16px;
  87. min-height: 16px;
  88. min-width: 16px;
  89. width: 16px;
  90. }
  91. .is-medium.delete, .is-medium.modal-close {
  92. height: 24px;
  93. max-height: 24px;
  94. max-width: 24px;
  95. min-height: 24px;
  96. min-width: 24px;
  97. width: 24px;
  98. }
  99. .is-large.delete, .is-large.modal-close {
  100. height: 32px;
  101. max-height: 32px;
  102. max-width: 32px;
  103. min-height: 32px;
  104. min-width: 32px;
  105. width: 32px;
  106. }
  107. .button.is-loading::after, .select.is-loading::after, .control.is-loading::after, .loader, .intro-spinner::before {
  108. animation: spinAround 500ms infinite linear;
  109. border: 2px solid #dbdbdb;
  110. border-radius: 290486px;
  111. border-right-color: transparent;
  112. border-top-color: transparent;
  113. content: "";
  114. display: block;
  115. height: 1em;
  116. position: relative;
  117. width: 1em;
  118. }
  119. .is-overlay, .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img, .modal, .modal-background, .hero-video, .bd-category-toggle, #carbonads .carbon-wrap:hover .carbon-img::after, .intro-spinner, .intro-shadow, .bd-structure-item::before, .bd-structure-item::after, .highlight .bd-show, .bd-banner-background, .bd-book-pattern::before,
  120. .bd-book-modal-column.bd-is-cover::before, .bd-book-pattern, .bd-book-modal-background {
  121. bottom: 0;
  122. left: 0;
  123. position: absolute;
  124. right: 0;
  125. top: 0;
  126. }
  127. .button, .input,
  128. .textarea, .select select, .file-cta,
  129. .file-name, .pagination-previous,
  130. .pagination-next,
  131. .pagination-link,
  132. .pagination-ellipsis {
  133. -moz-appearance: none;
  134. -webkit-appearance: none;
  135. align-items: center;
  136. border: 1px solid transparent;
  137. border-radius: 4px;
  138. box-shadow: none;
  139. display: inline-flex;
  140. font-size: 1rem;
  141. height: 2.25em;
  142. justify-content: flex-start;
  143. line-height: 1.5;
  144. padding-bottom: calc(0.375em - 1px);
  145. padding-left: calc(0.625em - 1px);
  146. padding-right: calc(0.625em - 1px);
  147. padding-top: calc(0.375em - 1px);
  148. position: relative;
  149. vertical-align: top;
  150. }
  151. .button:focus, .input:focus,
  152. .textarea:focus, .select select:focus, .file-cta:focus,
  153. .file-name:focus, .pagination-previous:focus,
  154. .pagination-next:focus,
  155. .pagination-link:focus,
  156. .pagination-ellipsis:focus, .is-focused.button, .is-focused.input,
  157. .is-focused.textarea, .select select.is-focused, .is-focused.file-cta,
  158. .is-focused.file-name, .is-focused.pagination-previous,
  159. .is-focused.pagination-next,
  160. .is-focused.pagination-link,
  161. .is-focused.pagination-ellipsis, .button:active, .input:active,
  162. .textarea:active, .select select:active, .file-cta:active,
  163. .file-name:active, .pagination-previous:active,
  164. .pagination-next:active,
  165. .pagination-link:active,
  166. .pagination-ellipsis:active, .is-active.button, .is-active.input,
  167. .is-active.textarea, .select select.is-active, .is-active.file-cta,
  168. .is-active.file-name, .is-active.pagination-previous,
  169. .is-active.pagination-next,
  170. .is-active.pagination-link,
  171. .is-active.pagination-ellipsis {
  172. outline: none;
  173. }
  174. [disabled].button, [disabled].input,
  175. [disabled].textarea, .select select[disabled], [disabled].file-cta,
  176. [disabled].file-name, [disabled].pagination-previous,
  177. [disabled].pagination-next,
  178. [disabled].pagination-link,
  179. [disabled].pagination-ellipsis {
  180. cursor: not-allowed;
  181. }
  182. /*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
  183. html,
  184. body,
  185. p,
  186. ol,
  187. ul,
  188. li,
  189. dl,
  190. dt,
  191. dd,
  192. blockquote,
  193. figure,
  194. fieldset,
  195. legend,
  196. textarea,
  197. pre,
  198. iframe,
  199. hr,
  200. h1,
  201. h2,
  202. h3,
  203. h4,
  204. h5,
  205. h6 {
  206. margin: 0;
  207. padding: 0;
  208. }
  209. h1,
  210. h2,
  211. h3,
  212. h4,
  213. h5,
  214. h6 {
  215. font-size: 100%;
  216. font-weight: normal;
  217. }
  218. ul {
  219. list-style: none;
  220. }
  221. button,
  222. input,
  223. select,
  224. textarea {
  225. margin: 0;
  226. }
  227. html {
  228. box-sizing: border-box;
  229. }
  230. *, *::before, *::after {
  231. box-sizing: inherit;
  232. }
  233. img,
  234. audio,
  235. video {
  236. height: auto;
  237. max-width: 100%;
  238. }
  239. iframe {
  240. border: 0;
  241. }
  242. table {
  243. border-collapse: collapse;
  244. border-spacing: 0;
  245. }
  246. td,
  247. th {
  248. padding: 0;
  249. text-align: left;
  250. }
  251. html {
  252. background-color: white;
  253. font-size: 16px;
  254. -moz-osx-font-smoothing: grayscale;
  255. -webkit-font-smoothing: antialiased;
  256. min-width: 300px;
  257. overflow-x: hidden;
  258. overflow-y: scroll;
  259. text-rendering: optimizeLegibility;
  260. text-size-adjust: 100%;
  261. }
  262. article,
  263. aside,
  264. figure,
  265. footer,
  266. header,
  267. hgroup,
  268. section {
  269. display: block;
  270. }
  271. body,
  272. button,
  273. input,
  274. select,
  275. textarea {
  276. font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  277. }
  278. code,
  279. pre {
  280. -moz-osx-font-smoothing: auto;
  281. -webkit-font-smoothing: auto;
  282. font-family: monospace;
  283. }
  284. body {
  285. color: #4a4a4a;
  286. font-size: 1rem;
  287. font-weight: 400;
  288. line-height: 1.5;
  289. }
  290. a {
  291. color: #3273dc;
  292. cursor: pointer;
  293. text-decoration: none;
  294. }
  295. a strong {
  296. color: currentColor;
  297. }
  298. a:hover {
  299. color: #363636;
  300. }
  301. code {
  302. background-color: whitesmoke;
  303. color: #ff3860;
  304. font-size: 0.875em;
  305. font-weight: normal;
  306. padding: 0.25em 0.5em 0.25em;
  307. }
  308. hr {
  309. background-color: whitesmoke;
  310. border: none;
  311. display: block;
  312. height: 2px;
  313. margin: 1.5rem 0;
  314. }
  315. img {
  316. height: auto;
  317. max-width: 100%;
  318. }
  319. input[type="checkbox"],
  320. input[type="radio"] {
  321. vertical-align: baseline;
  322. }
  323. small {
  324. font-size: 0.875em;
  325. }
  326. span {
  327. font-style: inherit;
  328. font-weight: inherit;
  329. }
  330. strong {
  331. color: #363636;
  332. font-weight: 700;
  333. }
  334. pre {
  335. -webkit-overflow-scrolling: touch;
  336. background-color: whitesmoke;
  337. color: #4a4a4a;
  338. font-size: 0.875em;
  339. overflow-x: auto;
  340. padding: 1.25rem 1.5rem;
  341. white-space: pre;
  342. word-wrap: normal;
  343. }
  344. pre code {
  345. background-color: transparent;
  346. color: currentColor;
  347. font-size: 1em;
  348. padding: 0;
  349. }
  350. table td,
  351. table th {
  352. text-align: left;
  353. vertical-align: top;
  354. }
  355. table th {
  356. color: #363636;
  357. }
  358. .is-clearfix::after {
  359. clear: both;
  360. content: " ";
  361. display: table;
  362. }
  363. .is-pulled-left {
  364. float: left !important;
  365. }
  366. .is-pulled-right {
  367. float: right !important;
  368. }
  369. .is-clipped {
  370. overflow: hidden !important;
  371. }
  372. .is-size-1 {
  373. font-size: 3rem !important;
  374. }
  375. .is-size-2 {
  376. font-size: 2.5rem !important;
  377. }
  378. .is-size-3 {
  379. font-size: 2rem !important;
  380. }
  381. .is-size-4 {
  382. font-size: 1.5rem !important;
  383. }
  384. .is-size-5 {
  385. font-size: 1.25rem !important;
  386. }
  387. .is-size-6 {
  388. font-size: 1rem !important;
  389. }
  390. .is-size-7 {
  391. font-size: 0.75rem !important;
  392. }
  393. @media screen and (max-width: 768px) {
  394. .is-size-1-mobile {
  395. font-size: 3rem !important;
  396. }
  397. .is-size-2-mobile {
  398. font-size: 2.5rem !important;
  399. }
  400. .is-size-3-mobile {
  401. font-size: 2rem !important;
  402. }
  403. .is-size-4-mobile {
  404. font-size: 1.5rem !important;
  405. }
  406. .is-size-5-mobile {
  407. font-size: 1.25rem !important;
  408. }
  409. .is-size-6-mobile {
  410. font-size: 1rem !important;
  411. }
  412. .is-size-7-mobile {
  413. font-size: 0.75rem !important;
  414. }
  415. }
  416. @media screen and (min-width: 769px), print {
  417. .is-size-1-tablet {
  418. font-size: 3rem !important;
  419. }
  420. .is-size-2-tablet {
  421. font-size: 2.5rem !important;
  422. }
  423. .is-size-3-tablet {
  424. font-size: 2rem !important;
  425. }
  426. .is-size-4-tablet {
  427. font-size: 1.5rem !important;
  428. }
  429. .is-size-5-tablet {
  430. font-size: 1.25rem !important;
  431. }
  432. .is-size-6-tablet {
  433. font-size: 1rem !important;
  434. }
  435. .is-size-7-tablet {
  436. font-size: 0.75rem !important;
  437. }
  438. }
  439. @media screen and (max-width: 1087px) {
  440. .is-size-1-touch {
  441. font-size: 3rem !important;
  442. }
  443. .is-size-2-touch {
  444. font-size: 2.5rem !important;
  445. }
  446. .is-size-3-touch {
  447. font-size: 2rem !important;
  448. }
  449. .is-size-4-touch {
  450. font-size: 1.5rem !important;
  451. }
  452. .is-size-5-touch {
  453. font-size: 1.25rem !important;
  454. }
  455. .is-size-6-touch {
  456. font-size: 1rem !important;
  457. }
  458. .is-size-7-touch {
  459. font-size: 0.75rem !important;
  460. }
  461. }
  462. @media screen and (min-width: 1088px) {
  463. .is-size-1-desktop {
  464. font-size: 3rem !important;
  465. }
  466. .is-size-2-desktop {
  467. font-size: 2.5rem !important;
  468. }
  469. .is-size-3-desktop {
  470. font-size: 2rem !important;
  471. }
  472. .is-size-4-desktop {
  473. font-size: 1.5rem !important;
  474. }
  475. .is-size-5-desktop {
  476. font-size: 1.25rem !important;
  477. }
  478. .is-size-6-desktop {
  479. font-size: 1rem !important;
  480. }
  481. .is-size-7-desktop {
  482. font-size: 0.75rem !important;
  483. }
  484. }
  485. @media screen and (min-width: 1280px) {
  486. .is-size-1-widescreen {
  487. font-size: 3rem !important;
  488. }
  489. .is-size-2-widescreen {
  490. font-size: 2.5rem !important;
  491. }
  492. .is-size-3-widescreen {
  493. font-size: 2rem !important;
  494. }
  495. .is-size-4-widescreen {
  496. font-size: 1.5rem !important;
  497. }
  498. .is-size-5-widescreen {
  499. font-size: 1.25rem !important;
  500. }
  501. .is-size-6-widescreen {
  502. font-size: 1rem !important;
  503. }
  504. .is-size-7-widescreen {
  505. font-size: 0.75rem !important;
  506. }
  507. }
  508. @media screen and (min-width: 1472px) {
  509. .is-size-1-fullhd {
  510. font-size: 3rem !important;
  511. }
  512. .is-size-2-fullhd {
  513. font-size: 2.5rem !important;
  514. }
  515. .is-size-3-fullhd {
  516. font-size: 2rem !important;
  517. }
  518. .is-size-4-fullhd {
  519. font-size: 1.5rem !important;
  520. }
  521. .is-size-5-fullhd {
  522. font-size: 1.25rem !important;
  523. }
  524. .is-size-6-fullhd {
  525. font-size: 1rem !important;
  526. }
  527. .is-size-7-fullhd {
  528. font-size: 0.75rem !important;
  529. }
  530. }
  531. .has-text-centered {
  532. text-align: center !important;
  533. }
  534. .has-text-justified {
  535. text-align: justify !important;
  536. }
  537. .has-text-left {
  538. text-align: left !important;
  539. }
  540. .has-text-right {
  541. text-align: right !important;
  542. }
  543. @media screen and (max-width: 768px) {
  544. .has-text-centered-mobile {
  545. text-align: center !important;
  546. }
  547. }
  548. @media screen and (min-width: 769px), print {
  549. .has-text-centered-tablet {
  550. text-align: center !important;
  551. }
  552. }
  553. @media screen and (min-width: 769px) and (max-width: 1087px) {
  554. .has-text-centered-tablet-only {
  555. text-align: center !important;
  556. }
  557. }
  558. @media screen and (max-width: 1087px) {
  559. .has-text-centered-touch {
  560. text-align: center !important;
  561. }
  562. }
  563. @media screen and (min-width: 1088px) {
  564. .has-text-centered-desktop {
  565. text-align: center !important;
  566. }
  567. }
  568. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  569. .has-text-centered-desktop-only {
  570. text-align: center !important;
  571. }
  572. }
  573. @media screen and (min-width: 1280px) {
  574. .has-text-centered-widescreen {
  575. text-align: center !important;
  576. }
  577. }
  578. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  579. .has-text-centered-widescreen-only {
  580. text-align: center !important;
  581. }
  582. }
  583. @media screen and (min-width: 1472px) {
  584. .has-text-centered-fullhd {
  585. text-align: center !important;
  586. }
  587. }
  588. @media screen and (max-width: 768px) {
  589. .has-text-justified-mobile {
  590. text-align: justify !important;
  591. }
  592. }
  593. @media screen and (min-width: 769px), print {
  594. .has-text-justified-tablet {
  595. text-align: justify !important;
  596. }
  597. }
  598. @media screen and (min-width: 769px) and (max-width: 1087px) {
  599. .has-text-justified-tablet-only {
  600. text-align: justify !important;
  601. }
  602. }
  603. @media screen and (max-width: 1087px) {
  604. .has-text-justified-touch {
  605. text-align: justify !important;
  606. }
  607. }
  608. @media screen and (min-width: 1088px) {
  609. .has-text-justified-desktop {
  610. text-align: justify !important;
  611. }
  612. }
  613. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  614. .has-text-justified-desktop-only {
  615. text-align: justify !important;
  616. }
  617. }
  618. @media screen and (min-width: 1280px) {
  619. .has-text-justified-widescreen {
  620. text-align: justify !important;
  621. }
  622. }
  623. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  624. .has-text-justified-widescreen-only {
  625. text-align: justify !important;
  626. }
  627. }
  628. @media screen and (min-width: 1472px) {
  629. .has-text-justified-fullhd {
  630. text-align: justify !important;
  631. }
  632. }
  633. @media screen and (max-width: 768px) {
  634. .has-text-left-mobile {
  635. text-align: left !important;
  636. }
  637. }
  638. @media screen and (min-width: 769px), print {
  639. .has-text-left-tablet {
  640. text-align: left !important;
  641. }
  642. }
  643. @media screen and (min-width: 769px) and (max-width: 1087px) {
  644. .has-text-left-tablet-only {
  645. text-align: left !important;
  646. }
  647. }
  648. @media screen and (max-width: 1087px) {
  649. .has-text-left-touch {
  650. text-align: left !important;
  651. }
  652. }
  653. @media screen and (min-width: 1088px) {
  654. .has-text-left-desktop {
  655. text-align: left !important;
  656. }
  657. }
  658. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  659. .has-text-left-desktop-only {
  660. text-align: left !important;
  661. }
  662. }
  663. @media screen and (min-width: 1280px) {
  664. .has-text-left-widescreen {
  665. text-align: left !important;
  666. }
  667. }
  668. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  669. .has-text-left-widescreen-only {
  670. text-align: left !important;
  671. }
  672. }
  673. @media screen and (min-width: 1472px) {
  674. .has-text-left-fullhd {
  675. text-align: left !important;
  676. }
  677. }
  678. @media screen and (max-width: 768px) {
  679. .has-text-right-mobile {
  680. text-align: right !important;
  681. }
  682. }
  683. @media screen and (min-width: 769px), print {
  684. .has-text-right-tablet {
  685. text-align: right !important;
  686. }
  687. }
  688. @media screen and (min-width: 769px) and (max-width: 1087px) {
  689. .has-text-right-tablet-only {
  690. text-align: right !important;
  691. }
  692. }
  693. @media screen and (max-width: 1087px) {
  694. .has-text-right-touch {
  695. text-align: right !important;
  696. }
  697. }
  698. @media screen and (min-width: 1088px) {
  699. .has-text-right-desktop {
  700. text-align: right !important;
  701. }
  702. }
  703. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  704. .has-text-right-desktop-only {
  705. text-align: right !important;
  706. }
  707. }
  708. @media screen and (min-width: 1280px) {
  709. .has-text-right-widescreen {
  710. text-align: right !important;
  711. }
  712. }
  713. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  714. .has-text-right-widescreen-only {
  715. text-align: right !important;
  716. }
  717. }
  718. @media screen and (min-width: 1472px) {
  719. .has-text-right-fullhd {
  720. text-align: right !important;
  721. }
  722. }
  723. .is-capitalized {
  724. text-transform: capitalize !important;
  725. }
  726. .is-lowercase {
  727. text-transform: lowercase !important;
  728. }
  729. .is-uppercase {
  730. text-transform: uppercase !important;
  731. }
  732. .is-italic {
  733. font-style: italic !important;
  734. }
  735. .has-text-white {
  736. color: white !important;
  737. }
  738. a.has-text-white:hover, a.has-text-white:focus {
  739. color: #e6e6e6 !important;
  740. }
  741. .has-background-white {
  742. background-color: white !important;
  743. }
  744. .has-text-black {
  745. color: #0a0a0a !important;
  746. }
  747. a.has-text-black:hover, a.has-text-black:focus {
  748. color: black !important;
  749. }
  750. .has-background-black {
  751. background-color: #0a0a0a !important;
  752. }
  753. .has-text-light {
  754. color: whitesmoke !important;
  755. }
  756. a.has-text-light:hover, a.has-text-light:focus {
  757. color: #dbdbdb !important;
  758. }
  759. .has-background-light {
  760. background-color: whitesmoke !important;
  761. }
  762. .has-text-dark {
  763. color: #363636 !important;
  764. }
  765. a.has-text-dark:hover, a.has-text-dark:focus {
  766. color: #1c1c1c !important;
  767. }
  768. .has-background-dark {
  769. background-color: #363636 !important;
  770. }
  771. .has-text-primary {
  772. color: #00d1b2 !important;
  773. }
  774. a.has-text-primary:hover, a.has-text-primary:focus {
  775. color: #009e86 !important;
  776. }
  777. .has-background-primary {
  778. background-color: #00d1b2 !important;
  779. }
  780. .has-text-link {
  781. color: #3273dc !important;
  782. }
  783. a.has-text-link:hover, a.has-text-link:focus {
  784. color: #205bbc !important;
  785. }
  786. .has-background-link {
  787. background-color: #3273dc !important;
  788. }
  789. .has-text-info {
  790. color: #209cee !important;
  791. }
  792. a.has-text-info:hover, a.has-text-info:focus {
  793. color: #0f81cc !important;
  794. }
  795. .has-background-info {
  796. background-color: #209cee !important;
  797. }
  798. .has-text-success {
  799. color: #23d160 !important;
  800. }
  801. a.has-text-success:hover, a.has-text-success:focus {
  802. color: #1ca64c !important;
  803. }
  804. .has-background-success {
  805. background-color: #23d160 !important;
  806. }
  807. .has-text-warning {
  808. color: #ffdd57 !important;
  809. }
  810. a.has-text-warning:hover, a.has-text-warning:focus {
  811. color: #ffd324 !important;
  812. }
  813. .has-background-warning {
  814. background-color: #ffdd57 !important;
  815. }
  816. .has-text-danger {
  817. color: #ff3860 !important;
  818. }
  819. a.has-text-danger:hover, a.has-text-danger:focus {
  820. color: #ff0537 !important;
  821. }
  822. .has-background-danger {
  823. background-color: #ff3860 !important;
  824. }
  825. .has-text-black-bis {
  826. color: #121212 !important;
  827. }
  828. .has-text-black-ter {
  829. color: #242424 !important;
  830. }
  831. .has-text-grey-darker {
  832. color: #363636 !important;
  833. }
  834. .has-text-grey-dark {
  835. color: #4a4a4a !important;
  836. }
  837. .has-text-grey {
  838. color: #7a7a7a !important;
  839. }
  840. .has-text-grey-light {
  841. color: #b5b5b5 !important;
  842. }
  843. .has-text-grey-lighter {
  844. color: #dbdbdb !important;
  845. }
  846. .has-text-white-ter {
  847. color: whitesmoke !important;
  848. }
  849. .has-text-white-bis {
  850. color: #fafafa !important;
  851. }
  852. .has-text-weight-light {
  853. font-weight: 300 !important;
  854. }
  855. .has-text-weight-normal {
  856. font-weight: 400 !important;
  857. }
  858. .has-text-weight-semibold {
  859. font-weight: 600 !important;
  860. }
  861. .has-text-weight-bold {
  862. font-weight: 700 !important;
  863. }
  864. .is-block {
  865. display: block !important;
  866. }
  867. @media screen and (max-width: 768px) {
  868. .is-block-mobile {
  869. display: block !important;
  870. }
  871. }
  872. @media screen and (min-width: 769px), print {
  873. .is-block-tablet {
  874. display: block !important;
  875. }
  876. }
  877. @media screen and (min-width: 769px) and (max-width: 1087px) {
  878. .is-block-tablet-only {
  879. display: block !important;
  880. }
  881. }
  882. @media screen and (max-width: 1087px) {
  883. .is-block-touch {
  884. display: block !important;
  885. }
  886. }
  887. @media screen and (min-width: 1088px) {
  888. .is-block-desktop {
  889. display: block !important;
  890. }
  891. }
  892. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  893. .is-block-desktop-only {
  894. display: block !important;
  895. }
  896. }
  897. @media screen and (min-width: 1280px) {
  898. .is-block-widescreen {
  899. display: block !important;
  900. }
  901. }
  902. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  903. .is-block-widescreen-only {
  904. display: block !important;
  905. }
  906. }
  907. @media screen and (min-width: 1472px) {
  908. .is-block-fullhd {
  909. display: block !important;
  910. }
  911. }
  912. .is-flex {
  913. display: flex !important;
  914. }
  915. @media screen and (max-width: 768px) {
  916. .is-flex-mobile {
  917. display: flex !important;
  918. }
  919. }
  920. @media screen and (min-width: 769px), print {
  921. .is-flex-tablet {
  922. display: flex !important;
  923. }
  924. }
  925. @media screen and (min-width: 769px) and (max-width: 1087px) {
  926. .is-flex-tablet-only {
  927. display: flex !important;
  928. }
  929. }
  930. @media screen and (max-width: 1087px) {
  931. .is-flex-touch {
  932. display: flex !important;
  933. }
  934. }
  935. @media screen and (min-width: 1088px) {
  936. .is-flex-desktop {
  937. display: flex !important;
  938. }
  939. }
  940. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  941. .is-flex-desktop-only {
  942. display: flex !important;
  943. }
  944. }
  945. @media screen and (min-width: 1280px) {
  946. .is-flex-widescreen {
  947. display: flex !important;
  948. }
  949. }
  950. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  951. .is-flex-widescreen-only {
  952. display: flex !important;
  953. }
  954. }
  955. @media screen and (min-width: 1472px) {
  956. .is-flex-fullhd {
  957. display: flex !important;
  958. }
  959. }
  960. .is-inline {
  961. display: inline !important;
  962. }
  963. @media screen and (max-width: 768px) {
  964. .is-inline-mobile {
  965. display: inline !important;
  966. }
  967. }
  968. @media screen and (min-width: 769px), print {
  969. .is-inline-tablet {
  970. display: inline !important;
  971. }
  972. }
  973. @media screen and (min-width: 769px) and (max-width: 1087px) {
  974. .is-inline-tablet-only {
  975. display: inline !important;
  976. }
  977. }
  978. @media screen and (max-width: 1087px) {
  979. .is-inline-touch {
  980. display: inline !important;
  981. }
  982. }
  983. @media screen and (min-width: 1088px) {
  984. .is-inline-desktop {
  985. display: inline !important;
  986. }
  987. }
  988. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  989. .is-inline-desktop-only {
  990. display: inline !important;
  991. }
  992. }
  993. @media screen and (min-width: 1280px) {
  994. .is-inline-widescreen {
  995. display: inline !important;
  996. }
  997. }
  998. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  999. .is-inline-widescreen-only {
  1000. display: inline !important;
  1001. }
  1002. }
  1003. @media screen and (min-width: 1472px) {
  1004. .is-inline-fullhd {
  1005. display: inline !important;
  1006. }
  1007. }
  1008. .is-inline-block {
  1009. display: inline-block !important;
  1010. }
  1011. @media screen and (max-width: 768px) {
  1012. .is-inline-block-mobile {
  1013. display: inline-block !important;
  1014. }
  1015. }
  1016. @media screen and (min-width: 769px), print {
  1017. .is-inline-block-tablet {
  1018. display: inline-block !important;
  1019. }
  1020. }
  1021. @media screen and (min-width: 769px) and (max-width: 1087px) {
  1022. .is-inline-block-tablet-only {
  1023. display: inline-block !important;
  1024. }
  1025. }
  1026. @media screen and (max-width: 1087px) {
  1027. .is-inline-block-touch {
  1028. display: inline-block !important;
  1029. }
  1030. }
  1031. @media screen and (min-width: 1088px) {
  1032. .is-inline-block-desktop {
  1033. display: inline-block !important;
  1034. }
  1035. }
  1036. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  1037. .is-inline-block-desktop-only {
  1038. display: inline-block !important;
  1039. }
  1040. }
  1041. @media screen and (min-width: 1280px) {
  1042. .is-inline-block-widescreen {
  1043. display: inline-block !important;
  1044. }
  1045. }
  1046. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  1047. .is-inline-block-widescreen-only {
  1048. display: inline-block !important;
  1049. }
  1050. }
  1051. @media screen and (min-width: 1472px) {
  1052. .is-inline-block-fullhd {
  1053. display: inline-block !important;
  1054. }
  1055. }
  1056. .is-inline-flex {
  1057. display: inline-flex !important;
  1058. }
  1059. @media screen and (max-width: 768px) {
  1060. .is-inline-flex-mobile {
  1061. display: inline-flex !important;
  1062. }
  1063. }
  1064. @media screen and (min-width: 769px), print {
  1065. .is-inline-flex-tablet {
  1066. display: inline-flex !important;
  1067. }
  1068. }
  1069. @media screen and (min-width: 769px) and (max-width: 1087px) {
  1070. .is-inline-flex-tablet-only {
  1071. display: inline-flex !important;
  1072. }
  1073. }
  1074. @media screen and (max-width: 1087px) {
  1075. .is-inline-flex-touch {
  1076. display: inline-flex !important;
  1077. }
  1078. }
  1079. @media screen and (min-width: 1088px) {
  1080. .is-inline-flex-desktop {
  1081. display: inline-flex !important;
  1082. }
  1083. }
  1084. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  1085. .is-inline-flex-desktop-only {
  1086. display: inline-flex !important;
  1087. }
  1088. }
  1089. @media screen and (min-width: 1280px) {
  1090. .is-inline-flex-widescreen {
  1091. display: inline-flex !important;
  1092. }
  1093. }
  1094. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  1095. .is-inline-flex-widescreen-only {
  1096. display: inline-flex !important;
  1097. }
  1098. }
  1099. @media screen and (min-width: 1472px) {
  1100. .is-inline-flex-fullhd {
  1101. display: inline-flex !important;
  1102. }
  1103. }
  1104. .is-hidden {
  1105. display: none !important;
  1106. }
  1107. @media screen and (max-width: 768px) {
  1108. .is-hidden-mobile {
  1109. display: none !important;
  1110. }
  1111. }
  1112. @media screen and (min-width: 769px), print {
  1113. .is-hidden-tablet {
  1114. display: none !important;
  1115. }
  1116. }
  1117. @media screen and (min-width: 769px) and (max-width: 1087px) {
  1118. .is-hidden-tablet-only {
  1119. display: none !important;
  1120. }
  1121. }
  1122. @media screen and (max-width: 1087px) {
  1123. .is-hidden-touch {
  1124. display: none !important;
  1125. }
  1126. }
  1127. @media screen and (min-width: 1088px) {
  1128. .is-hidden-desktop {
  1129. display: none !important;
  1130. }
  1131. }
  1132. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  1133. .is-hidden-desktop-only {
  1134. display: none !important;
  1135. }
  1136. }
  1137. @media screen and (min-width: 1280px) {
  1138. .is-hidden-widescreen {
  1139. display: none !important;
  1140. }
  1141. }
  1142. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  1143. .is-hidden-widescreen-only {
  1144. display: none !important;
  1145. }
  1146. }
  1147. @media screen and (min-width: 1472px) {
  1148. .is-hidden-fullhd {
  1149. display: none !important;
  1150. }
  1151. }
  1152. .is-invisible {
  1153. visibility: hidden !important;
  1154. }
  1155. @media screen and (max-width: 768px) {
  1156. .is-invisible-mobile {
  1157. visibility: hidden !important;
  1158. }
  1159. }
  1160. @media screen and (min-width: 769px), print {
  1161. .is-invisible-tablet {
  1162. visibility: hidden !important;
  1163. }
  1164. }
  1165. @media screen and (min-width: 769px) and (max-width: 1087px) {
  1166. .is-invisible-tablet-only {
  1167. visibility: hidden !important;
  1168. }
  1169. }
  1170. @media screen and (max-width: 1087px) {
  1171. .is-invisible-touch {
  1172. visibility: hidden !important;
  1173. }
  1174. }
  1175. @media screen and (min-width: 1088px) {
  1176. .is-invisible-desktop {
  1177. visibility: hidden !important;
  1178. }
  1179. }
  1180. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  1181. .is-invisible-desktop-only {
  1182. visibility: hidden !important;
  1183. }
  1184. }
  1185. @media screen and (min-width: 1280px) {
  1186. .is-invisible-widescreen {
  1187. visibility: hidden !important;
  1188. }
  1189. }
  1190. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  1191. .is-invisible-widescreen-only {
  1192. visibility: hidden !important;
  1193. }
  1194. }
  1195. @media screen and (min-width: 1472px) {
  1196. .is-invisible-fullhd {
  1197. visibility: hidden !important;
  1198. }
  1199. }
  1200. .is-marginless {
  1201. margin: 0 !important;
  1202. }
  1203. .is-paddingless {
  1204. padding: 0 !important;
  1205. }
  1206. .is-radiusless {
  1207. border-radius: 0 !important;
  1208. }
  1209. .is-shadowless {
  1210. box-shadow: none !important;
  1211. }
  1212. .box {
  1213. background-color: white;
  1214. border-radius: 6px;
  1215. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  1216. color: #4a4a4a;
  1217. display: block;
  1218. padding: 1.25rem;
  1219. }
  1220. a.box:hover, a.box:focus {
  1221. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
  1222. }
  1223. a.box:active {
  1224. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc;
  1225. }
  1226. .button {
  1227. background-color: white;
  1228. border-color: #dbdbdb;
  1229. border-width: 1px;
  1230. color: #363636;
  1231. cursor: pointer;
  1232. justify-content: center;
  1233. padding-bottom: calc(0.375em - 1px);
  1234. padding-left: 0.75em;
  1235. padding-right: 0.75em;
  1236. padding-top: calc(0.375em - 1px);
  1237. text-align: center;
  1238. white-space: nowrap;
  1239. }
  1240. .button strong {
  1241. color: inherit;
  1242. }
  1243. .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  1244. height: 1.5em;
  1245. width: 1.5em;
  1246. }
  1247. .button .icon:first-child:not(:last-child) {
  1248. margin-left: calc(-0.375em - 1px);
  1249. margin-right: 0.1875em;
  1250. }
  1251. .button .icon:last-child:not(:first-child) {
  1252. margin-left: 0.1875em;
  1253. margin-right: calc(-0.375em - 1px);
  1254. }
  1255. .button .icon:first-child:last-child {
  1256. margin-left: calc(-0.375em - 1px);
  1257. margin-right: calc(-0.375em - 1px);
  1258. }
  1259. .button:hover, .button.is-hovered {
  1260. border-color: #b5b5b5;
  1261. color: #363636;
  1262. }
  1263. .button:focus, .button.is-focused {
  1264. border-color: #3273dc;
  1265. color: #363636;
  1266. }
  1267. .button:focus:not(:active), .button.is-focused:not(:active) {
  1268. box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  1269. }
  1270. .button:active, .button.is-active {
  1271. border-color: #4a4a4a;
  1272. color: #363636;
  1273. }
  1274. .button.is-text {
  1275. background-color: transparent;
  1276. border-color: transparent;
  1277. color: #4a4a4a;
  1278. text-decoration: underline;
  1279. }
  1280. .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
  1281. background-color: whitesmoke;
  1282. color: #363636;
  1283. }
  1284. .button.is-text:active, .button.is-text.is-active {
  1285. background-color: #e8e8e8;
  1286. color: #363636;
  1287. }
  1288. .button.is-text[disabled] {
  1289. background-color: transparent;
  1290. border-color: transparent;
  1291. box-shadow: none;
  1292. }
  1293. .button.is-white {
  1294. background-color: white;
  1295. border-color: transparent;
  1296. color: #0a0a0a;
  1297. }
  1298. .button.is-white:hover, .button.is-white.is-hovered {
  1299. background-color: #f9f9f9;
  1300. border-color: transparent;
  1301. color: #0a0a0a;
  1302. }
  1303. .button.is-white:focus, .button.is-white.is-focused {
  1304. border-color: transparent;
  1305. color: #0a0a0a;
  1306. }
  1307. .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
  1308. box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
  1309. }
  1310. .button.is-white:active, .button.is-white.is-active {
  1311. background-color: #f2f2f2;
  1312. border-color: transparent;
  1313. color: #0a0a0a;
  1314. }
  1315. .button.is-white[disabled] {
  1316. background-color: white;
  1317. border-color: transparent;
  1318. box-shadow: none;
  1319. }
  1320. .button.is-white.is-inverted {
  1321. background-color: #0a0a0a;
  1322. color: white;
  1323. }
  1324. .button.is-white.is-inverted:hover {
  1325. background-color: black;
  1326. }
  1327. .button.is-white.is-inverted[disabled] {
  1328. background-color: #0a0a0a;
  1329. border-color: transparent;
  1330. box-shadow: none;
  1331. color: white;
  1332. }
  1333. .button.is-white.is-loading::after {
  1334. border-color: transparent transparent #0a0a0a #0a0a0a !important;
  1335. }
  1336. .button.is-white.is-outlined {
  1337. background-color: transparent;
  1338. border-color: white;
  1339. color: white;
  1340. }
  1341. .button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
  1342. background-color: white;
  1343. border-color: white;
  1344. color: #0a0a0a;
  1345. }
  1346. .button.is-white.is-outlined.is-loading::after {
  1347. border-color: transparent transparent white white !important;
  1348. }
  1349. .button.is-white.is-outlined[disabled] {
  1350. background-color: transparent;
  1351. border-color: white;
  1352. box-shadow: none;
  1353. color: white;
  1354. }
  1355. .button.is-white.is-inverted.is-outlined {
  1356. background-color: transparent;
  1357. border-color: #0a0a0a;
  1358. color: #0a0a0a;
  1359. }
  1360. .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus {
  1361. background-color: #0a0a0a;
  1362. color: white;
  1363. }
  1364. .button.is-white.is-inverted.is-outlined[disabled] {
  1365. background-color: transparent;
  1366. border-color: #0a0a0a;
  1367. box-shadow: none;
  1368. color: #0a0a0a;
  1369. }
  1370. .button.is-black {
  1371. background-color: #0a0a0a;
  1372. border-color: transparent;
  1373. color: white;
  1374. }
  1375. .button.is-black:hover, .button.is-black.is-hovered {
  1376. background-color: #040404;
  1377. border-color: transparent;
  1378. color: white;
  1379. }
  1380. .button.is-black:focus, .button.is-black.is-focused {
  1381. border-color: transparent;
  1382. color: white;
  1383. }
  1384. .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
  1385. box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
  1386. }
  1387. .button.is-black:active, .button.is-black.is-active {
  1388. background-color: black;
  1389. border-color: transparent;
  1390. color: white;
  1391. }
  1392. .button.is-black[disabled] {
  1393. background-color: #0a0a0a;
  1394. border-color: transparent;
  1395. box-shadow: none;
  1396. }
  1397. .button.is-black.is-inverted {
  1398. background-color: white;
  1399. color: #0a0a0a;
  1400. }
  1401. .button.is-black.is-inverted:hover {
  1402. background-color: #f2f2f2;
  1403. }
  1404. .button.is-black.is-inverted[disabled] {
  1405. background-color: white;
  1406. border-color: transparent;
  1407. box-shadow: none;
  1408. color: #0a0a0a;
  1409. }
  1410. .button.is-black.is-loading::after {
  1411. border-color: transparent transparent white white !important;
  1412. }
  1413. .button.is-black.is-outlined {
  1414. background-color: transparent;
  1415. border-color: #0a0a0a;
  1416. color: #0a0a0a;
  1417. }
  1418. .button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {
  1419. background-color: #0a0a0a;
  1420. border-color: #0a0a0a;
  1421. color: white;
  1422. }
  1423. .button.is-black.is-outlined.is-loading::after {
  1424. border-color: transparent transparent #0a0a0a #0a0a0a !important;
  1425. }
  1426. .button.is-black.is-outlined[disabled] {
  1427. background-color: transparent;
  1428. border-color: #0a0a0a;
  1429. box-shadow: none;
  1430. color: #0a0a0a;
  1431. }
  1432. .button.is-black.is-inverted.is-outlined {
  1433. background-color: transparent;
  1434. border-color: white;
  1435. color: white;
  1436. }
  1437. .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus {
  1438. background-color: white;
  1439. color: #0a0a0a;
  1440. }
  1441. .button.is-black.is-inverted.is-outlined[disabled] {
  1442. background-color: transparent;
  1443. border-color: white;
  1444. box-shadow: none;
  1445. color: white;
  1446. }
  1447. .button.is-light {
  1448. background-color: whitesmoke;
  1449. border-color: transparent;
  1450. color: #363636;
  1451. }
  1452. .button.is-light:hover, .button.is-light.is-hovered {
  1453. background-color: #eeeeee;
  1454. border-color: transparent;
  1455. color: #363636;
  1456. }
  1457. .button.is-light:focus, .button.is-light.is-focused {
  1458. border-color: transparent;
  1459. color: #363636;
  1460. }
  1461. .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
  1462. box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
  1463. }
  1464. .button.is-light:active, .button.is-light.is-active {
  1465. background-color: #e8e8e8;
  1466. border-color: transparent;
  1467. color: #363636;
  1468. }
  1469. .button.is-light[disabled] {
  1470. background-color: whitesmoke;
  1471. border-color: transparent;
  1472. box-shadow: none;
  1473. }
  1474. .button.is-light.is-inverted {
  1475. background-color: #363636;
  1476. color: whitesmoke;
  1477. }
  1478. .button.is-light.is-inverted:hover {
  1479. background-color: #292929;
  1480. }
  1481. .button.is-light.is-inverted[disabled] {
  1482. background-color: #363636;
  1483. border-color: transparent;
  1484. box-shadow: none;
  1485. color: whitesmoke;
  1486. }
  1487. .button.is-light.is-loading::after {
  1488. border-color: transparent transparent #363636 #363636 !important;
  1489. }
  1490. .button.is-light.is-outlined {
  1491. background-color: transparent;
  1492. border-color: whitesmoke;
  1493. color: whitesmoke;
  1494. }
  1495. .button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
  1496. background-color: whitesmoke;
  1497. border-color: whitesmoke;
  1498. color: #363636;
  1499. }
  1500. .button.is-light.is-outlined.is-loading::after {
  1501. border-color: transparent transparent whitesmoke whitesmoke !important;
  1502. }
  1503. .button.is-light.is-outlined[disabled] {
  1504. background-color: transparent;
  1505. border-color: whitesmoke;
  1506. box-shadow: none;
  1507. color: whitesmoke;
  1508. }
  1509. .button.is-light.is-inverted.is-outlined {
  1510. background-color: transparent;
  1511. border-color: #363636;
  1512. color: #363636;
  1513. }
  1514. .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus {
  1515. background-color: #363636;
  1516. color: whitesmoke;
  1517. }
  1518. .button.is-light.is-inverted.is-outlined[disabled] {
  1519. background-color: transparent;
  1520. border-color: #363636;
  1521. box-shadow: none;
  1522. color: #363636;
  1523. }
  1524. .button.is-dark {
  1525. background-color: #363636;
  1526. border-color: transparent;
  1527. color: whitesmoke;
  1528. }
  1529. .button.is-dark:hover, .button.is-dark.is-hovered {
  1530. background-color: #2f2f2f;
  1531. border-color: transparent;
  1532. color: whitesmoke;
  1533. }
  1534. .button.is-dark:focus, .button.is-dark.is-focused {
  1535. border-color: transparent;
  1536. color: whitesmoke;
  1537. }
  1538. .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
  1539. box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
  1540. }
  1541. .button.is-dark:active, .button.is-dark.is-active {
  1542. background-color: #292929;
  1543. border-color: transparent;
  1544. color: whitesmoke;
  1545. }
  1546. .button.is-dark[disabled] {
  1547. background-color: #363636;
  1548. border-color: transparent;
  1549. box-shadow: none;
  1550. }
  1551. .button.is-dark.is-inverted {
  1552. background-color: whitesmoke;
  1553. color: #363636;
  1554. }
  1555. .button.is-dark.is-inverted:hover {
  1556. background-color: #e8e8e8;
  1557. }
  1558. .button.is-dark.is-inverted[disabled] {
  1559. background-color: whitesmoke;
  1560. border-color: transparent;
  1561. box-shadow: none;
  1562. color: #363636;
  1563. }
  1564. .button.is-dark.is-loading::after {
  1565. border-color: transparent transparent whitesmoke whitesmoke !important;
  1566. }
  1567. .button.is-dark.is-outlined {
  1568. background-color: transparent;
  1569. border-color: #363636;
  1570. color: #363636;
  1571. }
  1572. .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
  1573. background-color: #363636;
  1574. border-color: #363636;
  1575. color: whitesmoke;
  1576. }
  1577. .button.is-dark.is-outlined.is-loading::after {
  1578. border-color: transparent transparent #363636 #363636 !important;
  1579. }
  1580. .button.is-dark.is-outlined[disabled] {
  1581. background-color: transparent;
  1582. border-color: #363636;
  1583. box-shadow: none;
  1584. color: #363636;
  1585. }
  1586. .button.is-dark.is-inverted.is-outlined {
  1587. background-color: transparent;
  1588. border-color: whitesmoke;
  1589. color: whitesmoke;
  1590. }
  1591. .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus {
  1592. background-color: whitesmoke;
  1593. color: #363636;
  1594. }
  1595. .button.is-dark.is-inverted.is-outlined[disabled] {
  1596. background-color: transparent;
  1597. border-color: whitesmoke;
  1598. box-shadow: none;
  1599. color: whitesmoke;
  1600. }
  1601. .button.is-primary {
  1602. background-color: #00d1b2;
  1603. border-color: transparent;
  1604. color: #fff;
  1605. }
  1606. .button.is-primary:hover, .button.is-primary.is-hovered {
  1607. background-color: #00c4a7;
  1608. border-color: transparent;
  1609. color: #fff;
  1610. }
  1611. .button.is-primary:focus, .button.is-primary.is-focused {
  1612. border-color: transparent;
  1613. color: #fff;
  1614. }
  1615. .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
  1616. box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
  1617. }
  1618. .button.is-primary:active, .button.is-primary.is-active {
  1619. background-color: #00b89c;
  1620. border-color: transparent;
  1621. color: #fff;
  1622. }
  1623. .button.is-primary[disabled] {
  1624. background-color: #00d1b2;
  1625. border-color: transparent;
  1626. box-shadow: none;
  1627. }
  1628. .button.is-primary.is-inverted {
  1629. background-color: #fff;
  1630. color: #00d1b2;
  1631. }
  1632. .button.is-primary.is-inverted:hover {
  1633. background-color: #f2f2f2;
  1634. }
  1635. .button.is-primary.is-inverted[disabled] {
  1636. background-color: #fff;
  1637. border-color: transparent;
  1638. box-shadow: none;
  1639. color: #00d1b2;
  1640. }
  1641. .button.is-primary.is-loading::after {
  1642. border-color: transparent transparent #fff #fff !important;
  1643. }
  1644. .button.is-primary.is-outlined {
  1645. background-color: transparent;
  1646. border-color: #00d1b2;
  1647. color: #00d1b2;
  1648. }
  1649. .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
  1650. background-color: #00d1b2;
  1651. border-color: #00d1b2;
  1652. color: #fff;
  1653. }
  1654. .button.is-primary.is-outlined.is-loading::after {
  1655. border-color: transparent transparent #00d1b2 #00d1b2 !important;
  1656. }
  1657. .button.is-primary.is-outlined[disabled] {
  1658. background-color: transparent;
  1659. border-color: #00d1b2;
  1660. box-shadow: none;
  1661. color: #00d1b2;
  1662. }
  1663. .button.is-primary.is-inverted.is-outlined {
  1664. background-color: transparent;
  1665. border-color: #fff;
  1666. color: #fff;
  1667. }
  1668. .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus {
  1669. background-color: #fff;
  1670. color: #00d1b2;
  1671. }
  1672. .button.is-primary.is-inverted.is-outlined[disabled] {
  1673. background-color: transparent;
  1674. border-color: #fff;
  1675. box-shadow: none;
  1676. color: #fff;
  1677. }
  1678. .button.is-link {
  1679. background-color: #3273dc;
  1680. border-color: transparent;
  1681. color: #fff;
  1682. }
  1683. .button.is-link:hover, .button.is-link.is-hovered {
  1684. background-color: #276cda;
  1685. border-color: transparent;
  1686. color: #fff;
  1687. }
  1688. .button.is-link:focus, .button.is-link.is-focused {
  1689. border-color: transparent;
  1690. color: #fff;
  1691. }
  1692. .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
  1693. box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  1694. }
  1695. .button.is-link:active, .button.is-link.is-active {
  1696. background-color: #2366d1;
  1697. border-color: transparent;
  1698. color: #fff;
  1699. }
  1700. .button.is-link[disabled] {
  1701. background-color: #3273dc;
  1702. border-color: transparent;
  1703. box-shadow: none;
  1704. }
  1705. .button.is-link.is-inverted {
  1706. background-color: #fff;
  1707. color: #3273dc;
  1708. }
  1709. .button.is-link.is-inverted:hover {
  1710. background-color: #f2f2f2;
  1711. }
  1712. .button.is-link.is-inverted[disabled] {
  1713. background-color: #fff;
  1714. border-color: transparent;
  1715. box-shadow: none;
  1716. color: #3273dc;
  1717. }
  1718. .button.is-link.is-loading::after {
  1719. border-color: transparent transparent #fff #fff !important;
  1720. }
  1721. .button.is-link.is-outlined {
  1722. background-color: transparent;
  1723. border-color: #3273dc;
  1724. color: #3273dc;
  1725. }
  1726. .button.is-link.is-outlined:hover, .button.is-link.is-outlined:focus {
  1727. background-color: #3273dc;
  1728. border-color: #3273dc;
  1729. color: #fff;
  1730. }
  1731. .button.is-link.is-outlined.is-loading::after {
  1732. border-color: transparent transparent #3273dc #3273dc !important;
  1733. }
  1734. .button.is-link.is-outlined[disabled] {
  1735. background-color: transparent;
  1736. border-color: #3273dc;
  1737. box-shadow: none;
  1738. color: #3273dc;
  1739. }
  1740. .button.is-link.is-inverted.is-outlined {
  1741. background-color: transparent;
  1742. border-color: #fff;
  1743. color: #fff;
  1744. }
  1745. .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined:focus {
  1746. background-color: #fff;
  1747. color: #3273dc;
  1748. }
  1749. .button.is-link.is-inverted.is-outlined[disabled] {
  1750. background-color: transparent;
  1751. border-color: #fff;
  1752. box-shadow: none;
  1753. color: #fff;
  1754. }
  1755. .button.is-info {
  1756. background-color: #209cee;
  1757. border-color: transparent;
  1758. color: #fff;
  1759. }
  1760. .button.is-info:hover, .button.is-info.is-hovered {
  1761. background-color: #1496ed;
  1762. border-color: transparent;
  1763. color: #fff;
  1764. }
  1765. .button.is-info:focus, .button.is-info.is-focused {
  1766. border-color: transparent;
  1767. color: #fff;
  1768. }
  1769. .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
  1770. box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
  1771. }
  1772. .button.is-info:active, .button.is-info.is-active {
  1773. background-color: #118fe4;
  1774. border-color: transparent;
  1775. color: #fff;
  1776. }
  1777. .button.is-info[disabled] {
  1778. background-color: #209cee;
  1779. border-color: transparent;
  1780. box-shadow: none;
  1781. }
  1782. .button.is-info.is-inverted {
  1783. background-color: #fff;
  1784. color: #209cee;
  1785. }
  1786. .button.is-info.is-inverted:hover {
  1787. background-color: #f2f2f2;
  1788. }
  1789. .button.is-info.is-inverted[disabled] {
  1790. background-color: #fff;
  1791. border-color: transparent;
  1792. box-shadow: none;
  1793. color: #209cee;
  1794. }
  1795. .button.is-info.is-loading::after {
  1796. border-color: transparent transparent #fff #fff !important;
  1797. }
  1798. .button.is-info.is-outlined {
  1799. background-color: transparent;
  1800. border-color: #209cee;
  1801. color: #209cee;
  1802. }
  1803. .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
  1804. background-color: #209cee;
  1805. border-color: #209cee;
  1806. color: #fff;
  1807. }
  1808. .button.is-info.is-outlined.is-loading::after {
  1809. border-color: transparent transparent #209cee #209cee !important;
  1810. }
  1811. .button.is-info.is-outlined[disabled] {
  1812. background-color: transparent;
  1813. border-color: #209cee;
  1814. box-shadow: none;
  1815. color: #209cee;
  1816. }
  1817. .button.is-info.is-inverted.is-outlined {
  1818. background-color: transparent;
  1819. border-color: #fff;
  1820. color: #fff;
  1821. }
  1822. .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus {
  1823. background-color: #fff;
  1824. color: #209cee;
  1825. }
  1826. .button.is-info.is-inverted.is-outlined[disabled] {
  1827. background-color: transparent;
  1828. border-color: #fff;
  1829. box-shadow: none;
  1830. color: #fff;
  1831. }
  1832. .button.is-success {
  1833. background-color: #23d160;
  1834. border-color: transparent;
  1835. color: #fff;
  1836. }
  1837. .button.is-success:hover, .button.is-success.is-hovered {
  1838. background-color: #22c65b;
  1839. border-color: transparent;
  1840. color: #fff;
  1841. }
  1842. .button.is-success:focus, .button.is-success.is-focused {
  1843. border-color: transparent;
  1844. color: #fff;
  1845. }
  1846. .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
  1847. box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
  1848. }
  1849. .button.is-success:active, .button.is-success.is-active {
  1850. background-color: #20bc56;
  1851. border-color: transparent;
  1852. color: #fff;
  1853. }
  1854. .button.is-success[disabled] {
  1855. background-color: #23d160;
  1856. border-color: transparent;
  1857. box-shadow: none;
  1858. }
  1859. .button.is-success.is-inverted {
  1860. background-color: #fff;
  1861. color: #23d160;
  1862. }
  1863. .button.is-success.is-inverted:hover {
  1864. background-color: #f2f2f2;
  1865. }
  1866. .button.is-success.is-inverted[disabled] {
  1867. background-color: #fff;
  1868. border-color: transparent;
  1869. box-shadow: none;
  1870. color: #23d160;
  1871. }
  1872. .button.is-success.is-loading::after {
  1873. border-color: transparent transparent #fff #fff !important;
  1874. }
  1875. .button.is-success.is-outlined {
  1876. background-color: transparent;
  1877. border-color: #23d160;
  1878. color: #23d160;
  1879. }
  1880. .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
  1881. background-color: #23d160;
  1882. border-color: #23d160;
  1883. color: #fff;
  1884. }
  1885. .button.is-success.is-outlined.is-loading::after {
  1886. border-color: transparent transparent #23d160 #23d160 !important;
  1887. }
  1888. .button.is-success.is-outlined[disabled] {
  1889. background-color: transparent;
  1890. border-color: #23d160;
  1891. box-shadow: none;
  1892. color: #23d160;
  1893. }
  1894. .button.is-success.is-inverted.is-outlined {
  1895. background-color: transparent;
  1896. border-color: #fff;
  1897. color: #fff;
  1898. }
  1899. .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus {
  1900. background-color: #fff;
  1901. color: #23d160;
  1902. }
  1903. .button.is-success.is-inverted.is-outlined[disabled] {
  1904. background-color: transparent;
  1905. border-color: #fff;
  1906. box-shadow: none;
  1907. color: #fff;
  1908. }
  1909. .button.is-warning {
  1910. background-color: #ffdd57;
  1911. border-color: transparent;
  1912. color: rgba(0, 0, 0, 0.7);
  1913. }
  1914. .button.is-warning:hover, .button.is-warning.is-hovered {
  1915. background-color: #ffdb4a;
  1916. border-color: transparent;
  1917. color: rgba(0, 0, 0, 0.7);
  1918. }
  1919. .button.is-warning:focus, .button.is-warning.is-focused {
  1920. border-color: transparent;
  1921. color: rgba(0, 0, 0, 0.7);
  1922. }
  1923. .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
  1924. box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
  1925. }
  1926. .button.is-warning:active, .button.is-warning.is-active {
  1927. background-color: #ffd83d;
  1928. border-color: transparent;
  1929. color: rgba(0, 0, 0, 0.7);
  1930. }
  1931. .button.is-warning[disabled] {
  1932. background-color: #ffdd57;
  1933. border-color: transparent;
  1934. box-shadow: none;
  1935. }
  1936. .button.is-warning.is-inverted {
  1937. background-color: rgba(0, 0, 0, 0.7);
  1938. color: #ffdd57;
  1939. }
  1940. .button.is-warning.is-inverted:hover {
  1941. background-color: rgba(0, 0, 0, 0.7);
  1942. }
  1943. .button.is-warning.is-inverted[disabled] {
  1944. background-color: rgba(0, 0, 0, 0.7);
  1945. border-color: transparent;
  1946. box-shadow: none;
  1947. color: #ffdd57;
  1948. }
  1949. .button.is-warning.is-loading::after {
  1950. border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
  1951. }
  1952. .button.is-warning.is-outlined {
  1953. background-color: transparent;
  1954. border-color: #ffdd57;
  1955. color: #ffdd57;
  1956. }
  1957. .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
  1958. background-color: #ffdd57;
  1959. border-color: #ffdd57;
  1960. color: rgba(0, 0, 0, 0.7);
  1961. }
  1962. .button.is-warning.is-outlined.is-loading::after {
  1963. border-color: transparent transparent #ffdd57 #ffdd57 !important;
  1964. }
  1965. .button.is-warning.is-outlined[disabled] {
  1966. background-color: transparent;
  1967. border-color: #ffdd57;
  1968. box-shadow: none;
  1969. color: #ffdd57;
  1970. }
  1971. .button.is-warning.is-inverted.is-outlined {
  1972. background-color: transparent;
  1973. border-color: rgba(0, 0, 0, 0.7);
  1974. color: rgba(0, 0, 0, 0.7);
  1975. }
  1976. .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus {
  1977. background-color: rgba(0, 0, 0, 0.7);
  1978. color: #ffdd57;
  1979. }
  1980. .button.is-warning.is-inverted.is-outlined[disabled] {
  1981. background-color: transparent;
  1982. border-color: rgba(0, 0, 0, 0.7);
  1983. box-shadow: none;
  1984. color: rgba(0, 0, 0, 0.7);
  1985. }
  1986. .button.is-danger {
  1987. background-color: #ff3860;
  1988. border-color: transparent;
  1989. color: #fff;
  1990. }
  1991. .button.is-danger:hover, .button.is-danger.is-hovered {
  1992. background-color: #ff2b56;
  1993. border-color: transparent;
  1994. color: #fff;
  1995. }
  1996. .button.is-danger:focus, .button.is-danger.is-focused {
  1997. border-color: transparent;
  1998. color: #fff;
  1999. }
  2000. .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
  2001. box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
  2002. }
  2003. .button.is-danger:active, .button.is-danger.is-active {
  2004. background-color: #ff1f4b;
  2005. border-color: transparent;
  2006. color: #fff;
  2007. }
  2008. .button.is-danger[disabled] {
  2009. background-color: #ff3860;
  2010. border-color: transparent;
  2011. box-shadow: none;
  2012. }
  2013. .button.is-danger.is-inverted {
  2014. background-color: #fff;
  2015. color: #ff3860;
  2016. }
  2017. .button.is-danger.is-inverted:hover {
  2018. background-color: #f2f2f2;
  2019. }
  2020. .button.is-danger.is-inverted[disabled] {
  2021. background-color: #fff;
  2022. border-color: transparent;
  2023. box-shadow: none;
  2024. color: #ff3860;
  2025. }
  2026. .button.is-danger.is-loading::after {
  2027. border-color: transparent transparent #fff #fff !important;
  2028. }
  2029. .button.is-danger.is-outlined {
  2030. background-color: transparent;
  2031. border-color: #ff3860;
  2032. color: #ff3860;
  2033. }
  2034. .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
  2035. background-color: #ff3860;
  2036. border-color: #ff3860;
  2037. color: #fff;
  2038. }
  2039. .button.is-danger.is-outlined.is-loading::after {
  2040. border-color: transparent transparent #ff3860 #ff3860 !important;
  2041. }
  2042. .button.is-danger.is-outlined[disabled] {
  2043. background-color: transparent;
  2044. border-color: #ff3860;
  2045. box-shadow: none;
  2046. color: #ff3860;
  2047. }
  2048. .button.is-danger.is-inverted.is-outlined {
  2049. background-color: transparent;
  2050. border-color: #fff;
  2051. color: #fff;
  2052. }
  2053. .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus {
  2054. background-color: #fff;
  2055. color: #ff3860;
  2056. }
  2057. .button.is-danger.is-inverted.is-outlined[disabled] {
  2058. background-color: transparent;
  2059. border-color: #fff;
  2060. box-shadow: none;
  2061. color: #fff;
  2062. }
  2063. .button.is-small {
  2064. border-radius: 2px;
  2065. font-size: 0.75rem;
  2066. }
  2067. .button.is-medium {
  2068. font-size: 1.25rem;
  2069. }
  2070. .button.is-large {
  2071. font-size: 1.5rem;
  2072. }
  2073. .button[disabled] {
  2074. background-color: white;
  2075. border-color: #dbdbdb;
  2076. box-shadow: none;
  2077. opacity: 0.5;
  2078. }
  2079. .button.is-fullwidth {
  2080. display: flex;
  2081. width: 100%;
  2082. }
  2083. .button.is-loading {
  2084. color: transparent !important;
  2085. pointer-events: none;
  2086. }
  2087. .button.is-loading::after {
  2088. position: absolute;
  2089. left: calc(50% - (1em / 2));
  2090. top: calc(50% - (1em / 2));
  2091. position: absolute !important;
  2092. }
  2093. .button.is-static {
  2094. background-color: whitesmoke;
  2095. border-color: #dbdbdb;
  2096. color: #7a7a7a;
  2097. box-shadow: none;
  2098. pointer-events: none;
  2099. }
  2100. .button.is-rounded {
  2101. border-radius: 290486px;
  2102. padding-left: 1em;
  2103. padding-right: 1em;
  2104. }
  2105. .buttons {
  2106. align-items: center;
  2107. display: flex;
  2108. flex-wrap: wrap;
  2109. justify-content: flex-start;
  2110. }
  2111. .buttons .button {
  2112. margin-bottom: 0.5rem;
  2113. }
  2114. .buttons .button:not(:last-child) {
  2115. margin-right: 0.5rem;
  2116. }
  2117. .buttons:last-child {
  2118. margin-bottom: -0.5rem;
  2119. }
  2120. .buttons:not(:last-child) {
  2121. margin-bottom: 1rem;
  2122. }
  2123. .buttons.has-addons .button:not(:first-child) {
  2124. border-bottom-left-radius: 0;
  2125. border-top-left-radius: 0;
  2126. }
  2127. .buttons.has-addons .button:not(:last-child) {
  2128. border-bottom-right-radius: 0;
  2129. border-top-right-radius: 0;
  2130. margin-right: -1px;
  2131. }
  2132. .buttons.has-addons .button:last-child {
  2133. margin-right: 0;
  2134. }
  2135. .buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
  2136. z-index: 2;
  2137. }
  2138. .buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
  2139. z-index: 3;
  2140. }
  2141. .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
  2142. z-index: 4;
  2143. }
  2144. .buttons.has-addons .button.is-expanded {
  2145. flex-grow: 1;
  2146. }
  2147. .buttons.is-centered {
  2148. justify-content: center;
  2149. }
  2150. .buttons.is-right {
  2151. justify-content: flex-end;
  2152. }
  2153. .container {
  2154. margin: 0 auto;
  2155. position: relative;
  2156. }
  2157. @media screen and (min-width: 1088px) {
  2158. .container {
  2159. max-width: 960px;
  2160. width: 960px;
  2161. }
  2162. .container.is-fluid {
  2163. margin-left: 64px;
  2164. margin-right: 64px;
  2165. max-width: none;
  2166. width: auto;
  2167. }
  2168. }
  2169. @media screen and (max-width: 1279px) {
  2170. .container.is-widescreen {
  2171. max-width: 1152px;
  2172. width: auto;
  2173. }
  2174. }
  2175. @media screen and (max-width: 1471px) {
  2176. .container.is-fullhd {
  2177. max-width: 1344px;
  2178. width: auto;
  2179. }
  2180. }
  2181. @media screen and (min-width: 1280px) {
  2182. .container {
  2183. max-width: 1152px;
  2184. width: 1152px;
  2185. }
  2186. }
  2187. @media screen and (min-width: 1472px) {
  2188. .container {
  2189. max-width: 1344px;
  2190. width: 1344px;
  2191. }
  2192. }
  2193. .content li + li {
  2194. margin-top: 0.25em;
  2195. }
  2196. .content p:not(:last-child),
  2197. .content dl:not(:last-child),
  2198. .content ol:not(:last-child),
  2199. .content ul:not(:last-child),
  2200. .content blockquote:not(:last-child),
  2201. .content pre:not(:last-child),
  2202. .content table:not(:last-child) {
  2203. margin-bottom: 1em;
  2204. }
  2205. .content h1,
  2206. .content h2,
  2207. .content h3,
  2208. .content h4,
  2209. .content h5,
  2210. .content h6 {
  2211. color: #363636;
  2212. font-weight: 400;
  2213. line-height: 1.125;
  2214. }
  2215. .content h1 {
  2216. font-size: 2em;
  2217. margin-bottom: 0.5em;
  2218. }
  2219. .content h1:not(:first-child) {
  2220. margin-top: 1em;
  2221. }
  2222. .content h2 {
  2223. font-size: 1.75em;
  2224. margin-bottom: 0.5714em;
  2225. }
  2226. .content h2:not(:first-child) {
  2227. margin-top: 1.1428em;
  2228. }
  2229. .content h3 {
  2230. font-size: 1.5em;
  2231. margin-bottom: 0.6666em;
  2232. }
  2233. .content h3:not(:first-child) {
  2234. margin-top: 1.3333em;
  2235. }
  2236. .content h4 {
  2237. font-size: 1.25em;
  2238. margin-bottom: 0.8em;
  2239. }
  2240. .content h5 {
  2241. font-size: 1.125em;
  2242. margin-bottom: 0.8888em;
  2243. }
  2244. .content h6 {
  2245. font-size: 1em;
  2246. margin-bottom: 1em;
  2247. }
  2248. .content blockquote {
  2249. background-color: whitesmoke;
  2250. border-left: 5px solid #dbdbdb;
  2251. padding: 1.25em 1.5em;
  2252. }
  2253. .content ol {
  2254. list-style: decimal outside;
  2255. margin-left: 2em;
  2256. margin-top: 1em;
  2257. }
  2258. .content ul {
  2259. list-style: disc outside;
  2260. margin-left: 2em;
  2261. margin-top: 1em;
  2262. }
  2263. .content ul ul {
  2264. list-style-type: circle;
  2265. margin-top: 0.5em;
  2266. }
  2267. .content ul ul ul {
  2268. list-style-type: square;
  2269. }
  2270. .content dd {
  2271. margin-left: 2em;
  2272. }
  2273. .content figure {
  2274. margin-left: 2em;
  2275. margin-right: 2em;
  2276. text-align: center;
  2277. }
  2278. .content figure:not(:first-child) {
  2279. margin-top: 2em;
  2280. }
  2281. .content figure:not(:last-child) {
  2282. margin-bottom: 2em;
  2283. }
  2284. .content figure img {
  2285. display: inline-block;
  2286. }
  2287. .content figure figcaption {
  2288. font-style: italic;
  2289. }
  2290. .content pre {
  2291. -webkit-overflow-scrolling: touch;
  2292. overflow-x: auto;
  2293. padding: 1.25em 1.5em;
  2294. white-space: pre;
  2295. word-wrap: normal;
  2296. }
  2297. .content sup,
  2298. .content sub {
  2299. font-size: 75%;
  2300. }
  2301. .content table {
  2302. width: 100%;
  2303. }
  2304. .content table td,
  2305. .content table th {
  2306. border: 1px solid #dbdbdb;
  2307. border-width: 0 0 1px;
  2308. padding: 0.5em 0.75em;
  2309. vertical-align: top;
  2310. }
  2311. .content table th {
  2312. color: #363636;
  2313. text-align: left;
  2314. }
  2315. .content table thead td,
  2316. .content table thead th {
  2317. border-width: 0 0 2px;
  2318. color: #363636;
  2319. }
  2320. .content table tfoot td,
  2321. .content table tfoot th {
  2322. border-width: 2px 0 0;
  2323. color: #363636;
  2324. }
  2325. .content table tbody tr:last-child td,
  2326. .content table tbody tr:last-child th {
  2327. border-bottom-width: 0;
  2328. }
  2329. .content.is-small {
  2330. font-size: 0.75rem;
  2331. }
  2332. .content.is-medium {
  2333. font-size: 1.25rem;
  2334. }
  2335. .content.is-large {
  2336. font-size: 1.5rem;
  2337. }
  2338. .input,
  2339. .textarea {
  2340. background-color: white;
  2341. border-color: #dbdbdb;
  2342. color: #363636;
  2343. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  2344. max-width: 100%;
  2345. width: 100%;
  2346. }
  2347. .input::-moz-placeholder,
  2348. .textarea::-moz-placeholder {
  2349. color: rgba(54, 54, 54, 0.3);
  2350. }
  2351. .input::-webkit-input-placeholder,
  2352. .textarea::-webkit-input-placeholder {
  2353. color: rgba(54, 54, 54, 0.3);
  2354. }
  2355. .input:-moz-placeholder,
  2356. .textarea:-moz-placeholder {
  2357. color: rgba(54, 54, 54, 0.3);
  2358. }
  2359. .input:-ms-input-placeholder,
  2360. .textarea:-ms-input-placeholder {
  2361. color: rgba(54, 54, 54, 0.3);
  2362. }
  2363. .input:hover, .input.is-hovered,
  2364. .textarea:hover,
  2365. .textarea.is-hovered {
  2366. border-color: #b5b5b5;
  2367. }
  2368. .input:focus, .input.is-focused, .input:active, .input.is-active,
  2369. .textarea:focus,
  2370. .textarea.is-focused,
  2371. .textarea:active,
  2372. .textarea.is-active {
  2373. border-color: #3273dc;
  2374. box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  2375. }
  2376. .input[disabled],
  2377. .textarea[disabled] {
  2378. background-color: whitesmoke;
  2379. border-color: whitesmoke;
  2380. box-shadow: none;
  2381. color: #7a7a7a;
  2382. }
  2383. .input[disabled]::-moz-placeholder,
  2384. .textarea[disabled]::-moz-placeholder {
  2385. color: rgba(122, 122, 122, 0.3);
  2386. }
  2387. .input[disabled]::-webkit-input-placeholder,
  2388. .textarea[disabled]::-webkit-input-placeholder {
  2389. color: rgba(122, 122, 122, 0.3);
  2390. }
  2391. .input[disabled]:-moz-placeholder,
  2392. .textarea[disabled]:-moz-placeholder {
  2393. color: rgba(122, 122, 122, 0.3);
  2394. }
  2395. .input[disabled]:-ms-input-placeholder,
  2396. .textarea[disabled]:-ms-input-placeholder {
  2397. color: rgba(122, 122, 122, 0.3);
  2398. }
  2399. .input[readonly],
  2400. .textarea[readonly] {
  2401. box-shadow: none;
  2402. }
  2403. .input.is-white,
  2404. .textarea.is-white {
  2405. border-color: white;
  2406. }
  2407. .input.is-white:focus, .input.is-white.is-focused, .input.is-white:active, .input.is-white.is-active,
  2408. .textarea.is-white:focus,
  2409. .textarea.is-white.is-focused,
  2410. .textarea.is-white:active,
  2411. .textarea.is-white.is-active {
  2412. box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
  2413. }
  2414. .input.is-black,
  2415. .textarea.is-black {
  2416. border-color: #0a0a0a;
  2417. }
  2418. .input.is-black:focus, .input.is-black.is-focused, .input.is-black:active, .input.is-black.is-active,
  2419. .textarea.is-black:focus,
  2420. .textarea.is-black.is-focused,
  2421. .textarea.is-black:active,
  2422. .textarea.is-black.is-active {
  2423. box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
  2424. }
  2425. .input.is-light,
  2426. .textarea.is-light {
  2427. border-color: whitesmoke;
  2428. }
  2429. .input.is-light:focus, .input.is-light.is-focused, .input.is-light:active, .input.is-light.is-active,
  2430. .textarea.is-light:focus,
  2431. .textarea.is-light.is-focused,
  2432. .textarea.is-light:active,
  2433. .textarea.is-light.is-active {
  2434. box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
  2435. }
  2436. .input.is-dark,
  2437. .textarea.is-dark {
  2438. border-color: #363636;
  2439. }
  2440. .input.is-dark:focus, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark.is-active,
  2441. .textarea.is-dark:focus,
  2442. .textarea.is-dark.is-focused,
  2443. .textarea.is-dark:active,
  2444. .textarea.is-dark.is-active {
  2445. box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
  2446. }
  2447. .input.is-primary,
  2448. .textarea.is-primary {
  2449. border-color: #00d1b2;
  2450. }
  2451. .input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active,
  2452. .textarea.is-primary:focus,
  2453. .textarea.is-primary.is-focused,
  2454. .textarea.is-primary:active,
  2455. .textarea.is-primary.is-active {
  2456. box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
  2457. }
  2458. .input.is-link,
  2459. .textarea.is-link {
  2460. border-color: #3273dc;
  2461. }
  2462. .input.is-link:focus, .input.is-link.is-focused, .input.is-link:active, .input.is-link.is-active,
  2463. .textarea.is-link:focus,
  2464. .textarea.is-link.is-focused,
  2465. .textarea.is-link:active,
  2466. .textarea.is-link.is-active {
  2467. box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  2468. }
  2469. .input.is-info,
  2470. .textarea.is-info {
  2471. border-color: #209cee;
  2472. }
  2473. .input.is-info:focus, .input.is-info.is-focused, .input.is-info:active, .input.is-info.is-active,
  2474. .textarea.is-info:focus,
  2475. .textarea.is-info.is-focused,
  2476. .textarea.is-info:active,
  2477. .textarea.is-info.is-active {
  2478. box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
  2479. }
  2480. .input.is-success,
  2481. .textarea.is-success {
  2482. border-color: #23d160;
  2483. }
  2484. .input.is-success:focus, .input.is-success.is-focused, .input.is-success:active, .input.is-success.is-active,
  2485. .textarea.is-success:focus,
  2486. .textarea.is-success.is-focused,
  2487. .textarea.is-success:active,
  2488. .textarea.is-success.is-active {
  2489. box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
  2490. }
  2491. .input.is-warning,
  2492. .textarea.is-warning {
  2493. border-color: #ffdd57;
  2494. }
  2495. .input.is-warning:focus, .input.is-warning.is-focused, .input.is-warning:active, .input.is-warning.is-active,
  2496. .textarea.is-warning:focus,
  2497. .textarea.is-warning.is-focused,
  2498. .textarea.is-warning:active,
  2499. .textarea.is-warning.is-active {
  2500. box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
  2501. }
  2502. .input.is-danger,
  2503. .textarea.is-danger {
  2504. border-color: #ff3860;
  2505. }
  2506. .input.is-danger:focus, .input.is-danger.is-focused, .input.is-danger:active, .input.is-danger.is-active,
  2507. .textarea.is-danger:focus,
  2508. .textarea.is-danger.is-focused,
  2509. .textarea.is-danger:active,
  2510. .textarea.is-danger.is-active {
  2511. box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
  2512. }
  2513. .input.is-small,
  2514. .textarea.is-small {
  2515. border-radius: 2px;
  2516. font-size: 0.75rem;
  2517. }
  2518. .input.is-medium,
  2519. .textarea.is-medium {
  2520. font-size: 1.25rem;
  2521. }
  2522. .input.is-large,
  2523. .textarea.is-large {
  2524. font-size: 1.5rem;
  2525. }
  2526. .input.is-fullwidth,
  2527. .textarea.is-fullwidth {
  2528. display: block;
  2529. width: 100%;
  2530. }
  2531. .input.is-inline,
  2532. .textarea.is-inline {
  2533. display: inline;
  2534. width: auto;
  2535. }
  2536. .input.is-rounded {
  2537. border-radius: 290486px;
  2538. padding-left: 1em;
  2539. padding-right: 1em;
  2540. }
  2541. .input.is-static {
  2542. background-color: transparent;
  2543. border-color: transparent;
  2544. box-shadow: none;
  2545. padding-left: 0;
  2546. padding-right: 0;
  2547. }
  2548. .textarea {
  2549. display: block;
  2550. max-width: 100%;
  2551. min-width: 100%;
  2552. padding: 0.625em;
  2553. resize: vertical;
  2554. }
  2555. .textarea:not([rows]) {
  2556. max-height: 600px;
  2557. min-height: 120px;
  2558. }
  2559. .textarea[rows] {
  2560. height: initial;
  2561. }
  2562. .textarea.has-fixed-size {
  2563. resize: none;
  2564. }
  2565. .checkbox,
  2566. .radio {
  2567. cursor: pointer;
  2568. display: inline-block;
  2569. line-height: 1.25;
  2570. position: relative;
  2571. }
  2572. .checkbox input,
  2573. .radio input {
  2574. cursor: pointer;
  2575. }
  2576. .checkbox:hover,
  2577. .radio:hover {
  2578. color: #363636;
  2579. }
  2580. .checkbox[disabled],
  2581. .radio[disabled] {
  2582. color: #7a7a7a;
  2583. cursor: not-allowed;
  2584. }
  2585. .radio + .radio {
  2586. margin-left: 0.5em;
  2587. }
  2588. .select {
  2589. display: inline-block;
  2590. max-width: 100%;
  2591. position: relative;
  2592. vertical-align: top;
  2593. }
  2594. .select:not(.is-multiple) {
  2595. height: 2.25em;
  2596. }
  2597. .select:not(.is-multiple)::after {
  2598. border-color: #3273dc;
  2599. margin-top: -0.375em;
  2600. right: 1.125em;
  2601. top: 50%;
  2602. z-index: 4;
  2603. }
  2604. .select.is-rounded select {
  2605. border-radius: 290486px;
  2606. padding-left: 1em;
  2607. }
  2608. .select select {
  2609. background-color: white;
  2610. border-color: #dbdbdb;
  2611. color: #363636;
  2612. cursor: pointer;
  2613. display: block;
  2614. font-size: 1em;
  2615. max-width: 100%;
  2616. outline: none;
  2617. }
  2618. .select select::-moz-placeholder {
  2619. color: rgba(54, 54, 54, 0.3);
  2620. }
  2621. .select select::-webkit-input-placeholder {
  2622. color: rgba(54, 54, 54, 0.3);
  2623. }
  2624. .select select:-moz-placeholder {
  2625. color: rgba(54, 54, 54, 0.3);
  2626. }
  2627. .select select:-ms-input-placeholder {
  2628. color: rgba(54, 54, 54, 0.3);
  2629. }
  2630. .select select:hover, .select select.is-hovered {
  2631. border-color: #b5b5b5;
  2632. }
  2633. .select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
  2634. border-color: #3273dc;
  2635. box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  2636. }
  2637. .select select[disabled] {
  2638. background-color: whitesmoke;
  2639. border-color: whitesmoke;
  2640. box-shadow: none;
  2641. color: #7a7a7a;
  2642. }
  2643. .select select[disabled]::-moz-placeholder {
  2644. color: rgba(122, 122, 122, 0.3);
  2645. }
  2646. .select select[disabled]::-webkit-input-placeholder {
  2647. color: rgba(122, 122, 122, 0.3);
  2648. }
  2649. .select select[disabled]:-moz-placeholder {
  2650. color: rgba(122, 122, 122, 0.3);
  2651. }
  2652. .select select[disabled]:-ms-input-placeholder {
  2653. color: rgba(122, 122, 122, 0.3);
  2654. }
  2655. .select select::-ms-expand {
  2656. display: none;
  2657. }
  2658. .select select[disabled]:hover {
  2659. border-color: whitesmoke;
  2660. }
  2661. .select select:not([multiple]) {
  2662. padding-right: 2.5em;
  2663. }
  2664. .select select[multiple] {
  2665. height: initial;
  2666. padding: 0;
  2667. }
  2668. .select select[multiple] option {
  2669. padding: 0.5em 1em;
  2670. }
  2671. .select:hover::after {
  2672. border-color: #363636;
  2673. }
  2674. .select.is-white select {
  2675. border-color: white;
  2676. }
  2677. .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
  2678. box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
  2679. }
  2680. .select.is-black select {
  2681. border-color: #0a0a0a;
  2682. }
  2683. .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
  2684. box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
  2685. }
  2686. .select.is-light select {
  2687. border-color: whitesmoke;
  2688. }
  2689. .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
  2690. box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
  2691. }
  2692. .select.is-dark select {
  2693. border-color: #363636;
  2694. }
  2695. .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
  2696. box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
  2697. }
  2698. .select.is-primary select {
  2699. border-color: #00d1b2;
  2700. }
  2701. .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
  2702. box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
  2703. }
  2704. .select.is-link select {
  2705. border-color: #3273dc;
  2706. }
  2707. .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
  2708. box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  2709. }
  2710. .select.is-info select {
  2711. border-color: #209cee;
  2712. }
  2713. .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
  2714. box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
  2715. }
  2716. .select.is-success select {
  2717. border-color: #23d160;
  2718. }
  2719. .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  2720. box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
  2721. }
  2722. .select.is-warning select {
  2723. border-color: #ffdd57;
  2724. }
  2725. .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  2726. box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
  2727. }
  2728. .select.is-danger select {
  2729. border-color: #ff3860;
  2730. }
  2731. .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  2732. box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
  2733. }
  2734. .select.is-small {
  2735. border-radius: 2px;
  2736. font-size: 0.75rem;
  2737. }
  2738. .select.is-medium {
  2739. font-size: 1.25rem;
  2740. }
  2741. .select.is-large {
  2742. font-size: 1.5rem;
  2743. }
  2744. .select.is-disabled::after {
  2745. border-color: #7a7a7a;
  2746. }
  2747. .select.is-fullwidth {
  2748. width: 100%;
  2749. }
  2750. .select.is-fullwidth select {
  2751. width: 100%;
  2752. }
  2753. .select.is-loading::after {
  2754. margin-top: 0;
  2755. position: absolute;
  2756. right: 0.625em;
  2757. top: 0.625em;
  2758. transform: none;
  2759. }
  2760. .select.is-loading.is-small:after {
  2761. font-size: 0.75rem;
  2762. }
  2763. .select.is-loading.is-medium:after {
  2764. font-size: 1.25rem;
  2765. }
  2766. .select.is-loading.is-large:after {
  2767. font-size: 1.5rem;
  2768. }
  2769. .file {
  2770. align-items: stretch;
  2771. display: flex;
  2772. justify-content: flex-start;
  2773. position: relative;
  2774. }
  2775. .file.is-white .file-cta {
  2776. background-color: white;
  2777. border-color: transparent;
  2778. color: #0a0a0a;
  2779. }
  2780. .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
  2781. background-color: #f9f9f9;
  2782. border-color: transparent;
  2783. color: #0a0a0a;
  2784. }
  2785. .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
  2786. border-color: transparent;
  2787. box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  2788. color: #0a0a0a;
  2789. }
  2790. .file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
  2791. background-color: #f2f2f2;
  2792. border-color: transparent;
  2793. color: #0a0a0a;
  2794. }
  2795. .file.is-black .file-cta {
  2796. background-color: #0a0a0a;
  2797. border-color: transparent;
  2798. color: white;
  2799. }
  2800. .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
  2801. background-color: #040404;
  2802. border-color: transparent;
  2803. color: white;
  2804. }
  2805. .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
  2806. border-color: transparent;
  2807. box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
  2808. color: white;
  2809. }
  2810. .file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
  2811. background-color: black;
  2812. border-color: transparent;
  2813. color: white;
  2814. }
  2815. .file.is-light .file-cta {
  2816. background-color: whitesmoke;
  2817. border-color: transparent;
  2818. color: #363636;
  2819. }
  2820. .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
  2821. background-color: #eeeeee;
  2822. border-color: transparent;
  2823. color: #363636;
  2824. }
  2825. .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
  2826. border-color: transparent;
  2827. box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
  2828. color: #363636;
  2829. }
  2830. .file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
  2831. background-color: #e8e8e8;
  2832. border-color: transparent;
  2833. color: #363636;
  2834. }
  2835. .file.is-dark .file-cta {
  2836. background-color: #363636;
  2837. border-color: transparent;
  2838. color: whitesmoke;
  2839. }
  2840. .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
  2841. background-color: #2f2f2f;
  2842. border-color: transparent;
  2843. color: whitesmoke;
  2844. }
  2845. .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
  2846. border-color: transparent;
  2847. box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
  2848. color: whitesmoke;
  2849. }
  2850. .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
  2851. background-color: #292929;
  2852. border-color: transparent;
  2853. color: whitesmoke;
  2854. }
  2855. .file.is-primary .file-cta {
  2856. background-color: #00d1b2;
  2857. border-color: transparent;
  2858. color: #fff;
  2859. }
  2860. .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
  2861. background-color: #00c4a7;
  2862. border-color: transparent;
  2863. color: #fff;
  2864. }
  2865. .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
  2866. border-color: transparent;
  2867. box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
  2868. color: #fff;
  2869. }
  2870. .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
  2871. background-color: #00b89c;
  2872. border-color: transparent;
  2873. color: #fff;
  2874. }
  2875. .file.is-link .file-cta {
  2876. background-color: #3273dc;
  2877. border-color: transparent;
  2878. color: #fff;
  2879. }
  2880. .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
  2881. background-color: #276cda;
  2882. border-color: transparent;
  2883. color: #fff;
  2884. }
  2885. .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
  2886. border-color: transparent;
  2887. box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
  2888. color: #fff;
  2889. }
  2890. .file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
  2891. background-color: #2366d1;
  2892. border-color: transparent;
  2893. color: #fff;
  2894. }
  2895. .file.is-info .file-cta {
  2896. background-color: #209cee;
  2897. border-color: transparent;
  2898. color: #fff;
  2899. }
  2900. .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
  2901. background-color: #1496ed;
  2902. border-color: transparent;
  2903. color: #fff;
  2904. }
  2905. .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
  2906. border-color: transparent;
  2907. box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25);
  2908. color: #fff;
  2909. }
  2910. .file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
  2911. background-color: #118fe4;
  2912. border-color: transparent;
  2913. color: #fff;
  2914. }
  2915. .file.is-success .file-cta {
  2916. background-color: #23d160;
  2917. border-color: transparent;
  2918. color: #fff;
  2919. }
  2920. .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
  2921. background-color: #22c65b;
  2922. border-color: transparent;
  2923. color: #fff;
  2924. }
  2925. .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
  2926. border-color: transparent;
  2927. box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
  2928. color: #fff;
  2929. }
  2930. .file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
  2931. background-color: #20bc56;
  2932. border-color: transparent;
  2933. color: #fff;
  2934. }
  2935. .file.is-warning .file-cta {
  2936. background-color: #ffdd57;
  2937. border-color: transparent;
  2938. color: rgba(0, 0, 0, 0.7);
  2939. }
  2940. .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
  2941. background-color: #ffdb4a;
  2942. border-color: transparent;
  2943. color: rgba(0, 0, 0, 0.7);
  2944. }
  2945. .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
  2946. border-color: transparent;
  2947. box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
  2948. color: rgba(0, 0, 0, 0.7);
  2949. }
  2950. .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
  2951. background-color: #ffd83d;
  2952. border-color: transparent;
  2953. color: rgba(0, 0, 0, 0.7);
  2954. }
  2955. .file.is-danger .file-cta {
  2956. background-color: #ff3860;
  2957. border-color: transparent;
  2958. color: #fff;
  2959. }
  2960. .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
  2961. background-color: #ff2b56;
  2962. border-color: transparent;
  2963. color: #fff;
  2964. }
  2965. .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
  2966. border-color: transparent;
  2967. box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
  2968. color: #fff;
  2969. }
  2970. .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
  2971. background-color: #ff1f4b;
  2972. border-color: transparent;
  2973. color: #fff;
  2974. }
  2975. .file.is-small {
  2976. font-size: 0.75rem;
  2977. }
  2978. .file.is-medium {
  2979. font-size: 1.25rem;
  2980. }
  2981. .file.is-medium .file-icon .fa {
  2982. font-size: 21px;
  2983. }
  2984. .file.is-large {
  2985. font-size: 1.5rem;
  2986. }
  2987. .file.is-large .file-icon .fa {
  2988. font-size: 28px;
  2989. }
  2990. .file.has-name .file-cta {
  2991. border-bottom-right-radius: 0;
  2992. border-top-right-radius: 0;
  2993. }
  2994. .file.has-name .file-name {
  2995. border-bottom-left-radius: 0;
  2996. border-top-left-radius: 0;
  2997. }
  2998. .file.has-name.is-empty .file-cta {
  2999. border-radius: 4px;
  3000. }
  3001. .file.has-name.is-empty .file-name {
  3002. display: none;
  3003. }
  3004. .file.is-boxed .file-label {
  3005. flex-direction: column;
  3006. }
  3007. .file.is-boxed .file-cta {
  3008. flex-direction: column;
  3009. height: auto;
  3010. padding: 1em 3em;
  3011. }
  3012. .file.is-boxed .file-name {
  3013. border-width: 0 1px 1px;
  3014. }
  3015. .file.is-boxed .file-icon {
  3016. height: 1.5em;
  3017. width: 1.5em;
  3018. }
  3019. .file.is-boxed .file-icon .fa {
  3020. font-size: 21px;
  3021. }
  3022. .file.is-boxed.is-small .file-icon .fa {
  3023. font-size: 14px;
  3024. }
  3025. .file.is-boxed.is-medium .file-icon .fa {
  3026. font-size: 28px;
  3027. }
  3028. .file.is-boxed.is-large .file-icon .fa {
  3029. font-size: 35px;
  3030. }
  3031. .file.is-boxed.has-name .file-cta {
  3032. border-radius: 4px 4px 0 0;
  3033. }
  3034. .file.is-boxed.has-name .file-name {
  3035. border-radius: 0 0 4px 4px;
  3036. border-width: 0 1px 1px;
  3037. }
  3038. .file.is-centered {
  3039. justify-content: center;
  3040. }
  3041. .file.is-fullwidth .file-label {
  3042. width: 100%;
  3043. }
  3044. .file.is-fullwidth .file-name {
  3045. flex-grow: 1;
  3046. max-width: none;
  3047. }
  3048. .file.is-right {
  3049. justify-content: flex-end;
  3050. }
  3051. .file.is-right .file-cta {
  3052. border-radius: 0 4px 4px 0;
  3053. }
  3054. .file.is-right .file-name {
  3055. border-radius: 4px 0 0 4px;
  3056. border-width: 1px 0 1px 1px;
  3057. order: -1;
  3058. }
  3059. .file-label {
  3060. align-items: stretch;
  3061. display: flex;
  3062. cursor: pointer;
  3063. justify-content: flex-start;
  3064. overflow: hidden;
  3065. position: relative;
  3066. }
  3067. .file-label:hover .file-cta {
  3068. background-color: #eeeeee;
  3069. color: #363636;
  3070. }
  3071. .file-label:hover .file-name {
  3072. border-color: #d5d5d5;
  3073. }
  3074. .file-label:active .file-cta {
  3075. background-color: #e8e8e8;
  3076. color: #363636;
  3077. }
  3078. .file-label:active .file-name {
  3079. border-color: #cfcfcf;
  3080. }
  3081. .file-input {
  3082. height: 0.01em;
  3083. left: 0;
  3084. outline: none;
  3085. position: absolute;
  3086. top: 0;
  3087. width: 0.01em;
  3088. }
  3089. .file-cta,
  3090. .file-name {
  3091. border-color: #dbdbdb;
  3092. border-radius: 4px;
  3093. font-size: 1em;
  3094. padding-left: 1em;
  3095. padding-right: 1em;
  3096. white-space: nowrap;
  3097. }
  3098. .file-cta {
  3099. background-color: whitesmoke;
  3100. color: #4a4a4a;
  3101. }
  3102. .file-name {
  3103. border-color: #dbdbdb;
  3104. border-style: solid;
  3105. border-width: 1px 1px 1px 0;
  3106. display: block;
  3107. max-width: 16em;
  3108. overflow: hidden;
  3109. text-align: left;
  3110. text-overflow: ellipsis;
  3111. }
  3112. .file-icon {
  3113. align-items: center;
  3114. display: flex;
  3115. height: 1em;
  3116. justify-content: center;
  3117. margin-right: 0.5em;
  3118. width: 1em;
  3119. }
  3120. .file-icon .fa {
  3121. font-size: 14px;
  3122. }
  3123. .label {
  3124. color: #363636;
  3125. display: block;
  3126. font-size: 1rem;
  3127. font-weight: 700;
  3128. }
  3129. .label:not(:last-child) {
  3130. margin-bottom: 0.5em;
  3131. }
  3132. .label.is-small {
  3133. font-size: 0.75rem;
  3134. }
  3135. .label.is-medium {
  3136. font-size: 1.25rem;
  3137. }
  3138. .label.is-large {
  3139. font-size: 1.5rem;
  3140. }
  3141. .help {
  3142. display: block;
  3143. font-size: 0.75rem;
  3144. margin-top: 0.25rem;
  3145. }
  3146. .help.is-white {
  3147. color: white;
  3148. }
  3149. .help.is-black {
  3150. color: #0a0a0a;
  3151. }
  3152. .help.is-light {
  3153. color: whitesmoke;
  3154. }
  3155. .help.is-dark {
  3156. color: #363636;
  3157. }
  3158. .help.is-primary {
  3159. color: #00d1b2;
  3160. }
  3161. .help.is-link {
  3162. color: #3273dc;
  3163. }
  3164. .help.is-info {
  3165. color: #209cee;
  3166. }
  3167. .help.is-success {
  3168. color: #23d160;
  3169. }
  3170. .help.is-warning {
  3171. color: #ffdd57;
  3172. }
  3173. .help.is-danger {
  3174. color: #ff3860;
  3175. }
  3176. .field:not(:last-child) {
  3177. margin-bottom: 0.75rem;
  3178. }
  3179. .field.has-addons {
  3180. display: flex;
  3181. justify-content: flex-start;
  3182. }
  3183. .field.has-addons .control:not(:last-child) {
  3184. margin-right: -1px;
  3185. }
  3186. .field.has-addons .control:not(:first-child):not(:last-child) .button,
  3187. .field.has-addons .control:not(:first-child):not(:last-child) .input,
  3188. .field.has-addons .control:not(:first-child):not(:last-child) .select select {
  3189. border-radius: 0;
  3190. }
  3191. .field.has-addons .control:first-child .button,
  3192. .field.has-addons .control:first-child .input,
  3193. .field.has-addons .control:first-child .select select {
  3194. border-bottom-right-radius: 0;
  3195. border-top-right-radius: 0;
  3196. }
  3197. .field.has-addons .control:last-child .button,
  3198. .field.has-addons .control:last-child .input,
  3199. .field.has-addons .control:last-child .select select {
  3200. border-bottom-left-radius: 0;
  3201. border-top-left-radius: 0;
  3202. }
  3203. .field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered,
  3204. .field.has-addons .control .input:hover,
  3205. .field.has-addons .control .input.is-hovered,
  3206. .field.has-addons .control .select select:hover,
  3207. .field.has-addons .control .select select.is-hovered {
  3208. z-index: 2;
  3209. }
  3210. .field.has-addons .control .button:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active,
  3211. .field.has-addons .control .input:focus,
  3212. .field.has-addons .control .input.is-focused,
  3213. .field.has-addons .control .input:active,
  3214. .field.has-addons .control .input.is-active,
  3215. .field.has-addons .control .select select:focus,
  3216. .field.has-addons .control .select select.is-focused,
  3217. .field.has-addons .control .select select:active,
  3218. .field.has-addons .control .select select.is-active {
  3219. z-index: 3;
  3220. }
  3221. .field.has-addons .control .button:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover,
  3222. .field.has-addons .control .input:focus:hover,
  3223. .field.has-addons .control .input.is-focused:hover,
  3224. .field.has-addons .control .input:active:hover,
  3225. .field.has-addons .control .input.is-active:hover,
  3226. .field.has-addons .control .select select:focus:hover,
  3227. .field.has-addons .control .select select.is-focused:hover,
  3228. .field.has-addons .control .select select:active:hover,
  3229. .field.has-addons .control .select select.is-active:hover {
  3230. z-index: 4;
  3231. }
  3232. .field.has-addons .control.is-expanded {
  3233. flex-grow: 1;
  3234. }
  3235. .field.has-addons.has-addons-centered {
  3236. justify-content: center;
  3237. }
  3238. .field.has-addons.has-addons-right {
  3239. justify-content: flex-end;
  3240. }
  3241. .field.has-addons.has-addons-fullwidth .control {
  3242. flex-grow: 1;
  3243. flex-shrink: 0;
  3244. }
  3245. .field.is-grouped {
  3246. display: flex;
  3247. justify-content: flex-start;
  3248. }
  3249. .field.is-grouped > .control {
  3250. flex-shrink: 0;
  3251. }
  3252. .field.is-grouped > .control:not(:last-child) {
  3253. margin-bottom: 0;
  3254. margin-right: 0.75rem;
  3255. }
  3256. .field.is-grouped > .control.is-expanded {
  3257. flex-grow: 1;
  3258. flex-shrink: 1;
  3259. }
  3260. .field.is-grouped.is-grouped-centered {
  3261. justify-content: center;
  3262. }
  3263. .field.is-grouped.is-grouped-right {
  3264. justify-content: flex-end;
  3265. }
  3266. .field.is-grouped.is-grouped-multiline {
  3267. flex-wrap: wrap;
  3268. }
  3269. .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  3270. margin-bottom: 0.75rem;
  3271. }
  3272. .field.is-grouped.is-grouped-multiline:last-child {
  3273. margin-bottom: -0.75rem;
  3274. }
  3275. .field.is-grouped.is-grouped-multiline:not(:last-child) {
  3276. margin-bottom: 0;
  3277. }
  3278. @media screen and (min-width: 769px), print {
  3279. .field.is-horizontal {
  3280. display: flex;
  3281. }
  3282. }
  3283. .field-label .label {
  3284. font-size: inherit;
  3285. }
  3286. @media screen and (max-width: 768px) {
  3287. .field-label {
  3288. margin-bottom: 0.5rem;
  3289. }
  3290. }
  3291. @media screen and (min-width: 769px), print {
  3292. .field-label {
  3293. flex-basis: 0;
  3294. flex-grow: 1;
  3295. flex-shrink: 0;
  3296. margin-right: 1.5rem;
  3297. text-align: right;
  3298. }
  3299. .field-label.is-small {
  3300. font-size: 0.75rem;
  3301. padding-top: 0.375em;
  3302. }
  3303. .field-label.is-normal {
  3304. padding-top: 0.375em;
  3305. }
  3306. .field-label.is-medium {
  3307. font-size: 1.25rem;
  3308. padding-top: 0.375em;
  3309. }
  3310. .field-label.is-large {
  3311. font-size: 1.5rem;
  3312. padding-top: 0.375em;
  3313. }
  3314. }
  3315. .field-body .field .field {
  3316. margin-bottom: 0;
  3317. }
  3318. @media screen and (min-width: 769px), print {
  3319. .field-body {
  3320. display: flex;
  3321. flex-basis: 0;
  3322. flex-grow: 5;
  3323. flex-shrink: 1;
  3324. }
  3325. .field-body .field {
  3326. margin-bottom: 0;
  3327. }
  3328. .field-body > .field {
  3329. flex-shrink: 1;
  3330. }
  3331. .field-body > .field:not(.is-narrow) {
  3332. flex-grow: 1;
  3333. }
  3334. .field-body > .field:not(:last-child) {
  3335. margin-right: 0.75rem;
  3336. }
  3337. }
  3338. .control {
  3339. font-size: 1rem;
  3340. position: relative;
  3341. text-align: left;
  3342. }
  3343. .control.has-icon .icon {
  3344. color: #dbdbdb;
  3345. height: 2.25em;
  3346. pointer-events: none;
  3347. position: absolute;
  3348. top: 0;
  3349. width: 2.25em;
  3350. z-index: 4;
  3351. }
  3352. .control.has-icon .input:focus + .icon {
  3353. color: #7a7a7a;
  3354. }
  3355. .control.has-icon .input.is-small + .icon {
  3356. font-size: 0.75rem;
  3357. }
  3358. .control.has-icon .input.is-medium + .icon {
  3359. font-size: 1.25rem;
  3360. }
  3361. .control.has-icon .input.is-large + .icon {
  3362. font-size: 1.5rem;
  3363. }
  3364. .control.has-icon:not(.has-icon-right) .icon {
  3365. left: 0;
  3366. }
  3367. .control.has-icon:not(.has-icon-right) .input {
  3368. padding-left: 2.25em;
  3369. }
  3370. .control.has-icon.has-icon-right .icon {
  3371. right: 0;
  3372. }
  3373. .control.has-icon.has-icon-right .input {
  3374. padding-right: 2.25em;
  3375. }
  3376. .control.has-icons-left .input:focus ~ .icon,
  3377. .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
  3378. .control.has-icons-right .select:focus ~ .icon {
  3379. color: #7a7a7a;
  3380. }
  3381. .control.has-icons-left .input.is-small ~ .icon,
  3382. .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
  3383. .control.has-icons-right .select.is-small ~ .icon {
  3384. font-size: 0.75rem;
  3385. }
  3386. .control.has-icons-left .input.is-medium ~ .icon,
  3387. .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
  3388. .control.has-icons-right .select.is-medium ~ .icon {
  3389. font-size: 1.25rem;
  3390. }
  3391. .control.has-icons-left .input.is-large ~ .icon,
  3392. .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
  3393. .control.has-icons-right .select.is-large ~ .icon {
  3394. font-size: 1.5rem;
  3395. }
  3396. .control.has-icons-left .icon, .control.has-icons-right .icon {
  3397. color: #dbdbdb;
  3398. height: 2.25em;
  3399. pointer-events: none;
  3400. position: absolute;
  3401. top: 0;
  3402. width: 2.25em;
  3403. z-index: 4;
  3404. }
  3405. .control.has-icons-left .input,
  3406. .control.has-icons-left .select select {
  3407. padding-left: 2.25em;
  3408. }
  3409. .control.has-icons-left .icon.is-left {
  3410. left: 0;
  3411. }
  3412. .control.has-icons-right .input,
  3413. .control.has-icons-right .select select {
  3414. padding-right: 2.25em;
  3415. }
  3416. .control.has-icons-right .icon.is-right {
  3417. right: 0;
  3418. }
  3419. .control.is-loading::after {
  3420. position: absolute !important;
  3421. right: 0.625em;
  3422. top: 0.625em;
  3423. z-index: 4;
  3424. }
  3425. .control.is-loading.is-small:after {
  3426. font-size: 0.75rem;
  3427. }
  3428. .control.is-loading.is-medium:after {
  3429. font-size: 1.25rem;
  3430. }
  3431. .control.is-loading.is-large:after {
  3432. font-size: 1.5rem;
  3433. }
  3434. .icon {
  3435. align-items: center;
  3436. display: inline-flex;
  3437. justify-content: center;
  3438. height: 1.5rem;
  3439. width: 1.5rem;
  3440. }
  3441. .icon.is-small {
  3442. height: 1rem;
  3443. width: 1rem;
  3444. }
  3445. .icon.is-medium {
  3446. height: 2rem;
  3447. width: 2rem;
  3448. }
  3449. .icon.is-large {
  3450. height: 3rem;
  3451. width: 3rem;
  3452. }
  3453. .image {
  3454. display: block;
  3455. position: relative;
  3456. }
  3457. .image img {
  3458. display: block;
  3459. height: auto;
  3460. width: 100%;
  3461. }
  3462. .image img.is-rounded {
  3463. border-radius: 290486px;
  3464. }
  3465. .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img {
  3466. height: 100%;
  3467. width: 100%;
  3468. }
  3469. .image.is-square, .image.is-1by1 {
  3470. padding-top: 100%;
  3471. }
  3472. .image.is-5by4 {
  3473. padding-top: 80%;
  3474. }
  3475. .image.is-4by3 {
  3476. padding-top: 75%;
  3477. }
  3478. .image.is-3by2 {
  3479. padding-top: 66.6666%;
  3480. }
  3481. .image.is-5by3 {
  3482. padding-top: 60%;
  3483. }
  3484. .image.is-16by9 {
  3485. padding-top: 56.25%;
  3486. }
  3487. .image.is-2by1 {
  3488. padding-top: 50%;
  3489. }
  3490. .image.is-3by1 {
  3491. padding-top: 33.3333%;
  3492. }
  3493. .image.is-4by5 {
  3494. padding-top: 125%;
  3495. }
  3496. .image.is-3by4 {
  3497. padding-top: 133.3333%;
  3498. }
  3499. .image.is-2by3 {
  3500. padding-top: 150%;
  3501. }
  3502. .image.is-3by5 {
  3503. padding-top: 166.6666%;
  3504. }
  3505. .image.is-9by16 {
  3506. padding-top: 177.7777%;
  3507. }
  3508. .image.is-1by2 {
  3509. padding-top: 200%;
  3510. }
  3511. .image.is-1by3 {
  3512. padding-top: 300%;
  3513. }
  3514. .image.is-16x16 {
  3515. height: 16px;
  3516. width: 16px;
  3517. }
  3518. .image.is-24x24 {
  3519. height: 24px;
  3520. width: 24px;
  3521. }
  3522. .image.is-32x32 {
  3523. height: 32px;
  3524. width: 32px;
  3525. }
  3526. .image.is-48x48 {
  3527. height: 48px;
  3528. width: 48px;
  3529. }
  3530. .image.is-64x64 {
  3531. height: 64px;
  3532. width: 64px;
  3533. }
  3534. .image.is-96x96 {
  3535. height: 96px;
  3536. width: 96px;
  3537. }
  3538. .image.is-128x128 {
  3539. height: 128px;
  3540. width: 128px;
  3541. }
  3542. .notification {
  3543. background-color: whitesmoke;
  3544. border-radius: 4px;
  3545. padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  3546. position: relative;
  3547. }
  3548. .notification a:not(.button) {
  3549. color: currentColor;
  3550. text-decoration: underline;
  3551. }
  3552. .notification strong {
  3553. color: currentColor;
  3554. }
  3555. .notification code,
  3556. .notification pre {
  3557. background: white;
  3558. }
  3559. .notification pre code {
  3560. background: transparent;
  3561. }
  3562. .notification > .delete {
  3563. position: absolute;
  3564. right: 0.5rem;
  3565. top: 0.5rem;
  3566. }
  3567. .notification .title,
  3568. .notification .subtitle,
  3569. .notification .content {
  3570. color: currentColor;
  3571. }
  3572. .notification.is-white {
  3573. background-color: white;
  3574. color: #0a0a0a;
  3575. }
  3576. .notification.is-black {
  3577. background-color: #0a0a0a;
  3578. color: white;
  3579. }
  3580. .notification.is-light {
  3581. background-color: whitesmoke;
  3582. color: #363636;
  3583. }
  3584. .notification.is-dark {
  3585. background-color: #363636;
  3586. color: whitesmoke;
  3587. }
  3588. .notification.is-primary {
  3589. background-color: #00d1b2;
  3590. color: #fff;
  3591. }
  3592. .notification.is-link {
  3593. background-color: #3273dc;
  3594. color: #fff;
  3595. }
  3596. .notification.is-info {
  3597. background-color: #209cee;
  3598. color: #fff;
  3599. }
  3600. .notification.is-success {
  3601. background-color: #23d160;
  3602. color: #fff;
  3603. }
  3604. .notification.is-warning {
  3605. background-color: #ffdd57;
  3606. color: rgba(0, 0, 0, 0.7);
  3607. }
  3608. .notification.is-danger {
  3609. background-color: #ff3860;
  3610. color: #fff;
  3611. }
  3612. .progress {
  3613. -moz-appearance: none;
  3614. -webkit-appearance: none;
  3615. border: none;
  3616. border-radius: 290486px;
  3617. display: block;
  3618. height: 1rem;
  3619. overflow: hidden;
  3620. padding: 0;
  3621. width: 100%;
  3622. }
  3623. .progress::-webkit-progress-bar {
  3624. background-color: #dbdbdb;
  3625. }
  3626. .progress::-webkit-progress-value {
  3627. background-color: #4a4a4a;
  3628. }
  3629. .progress::-moz-progress-bar {
  3630. background-color: #4a4a4a;
  3631. }
  3632. .progress::-ms-fill {
  3633. background-color: #4a4a4a;
  3634. border: none;
  3635. }
  3636. .progress.is-white::-webkit-progress-value {
  3637. background-color: white;
  3638. }
  3639. .progress.is-white::-moz-progress-bar {
  3640. background-color: white;
  3641. }
  3642. .progress.is-white::-ms-fill {
  3643. background-color: white;
  3644. }
  3645. .progress.is-black::-webkit-progress-value {
  3646. background-color: #0a0a0a;
  3647. }
  3648. .progress.is-black::-moz-progress-bar {
  3649. background-color: #0a0a0a;
  3650. }
  3651. .progress.is-black::-ms-fill {
  3652. background-color: #0a0a0a;
  3653. }
  3654. .progress.is-light::-webkit-progress-value {
  3655. background-color: whitesmoke;
  3656. }
  3657. .progress.is-light::-moz-progress-bar {
  3658. background-color: whitesmoke;
  3659. }
  3660. .progress.is-light::-ms-fill {
  3661. background-color: whitesmoke;
  3662. }
  3663. .progress.is-dark::-webkit-progress-value {
  3664. background-color: #363636;
  3665. }
  3666. .progress.is-dark::-moz-progress-bar {
  3667. background-color: #363636;
  3668. }
  3669. .progress.is-dark::-ms-fill {
  3670. background-color: #363636;
  3671. }
  3672. .progress.is-primary::-webkit-progress-value {
  3673. background-color: #00d1b2;
  3674. }
  3675. .progress.is-primary::-moz-progress-bar {
  3676. background-color: #00d1b2;
  3677. }
  3678. .progress.is-primary::-ms-fill {
  3679. background-color: #00d1b2;
  3680. }
  3681. .progress.is-link::-webkit-progress-value {
  3682. background-color: #3273dc;
  3683. }
  3684. .progress.is-link::-moz-progress-bar {
  3685. background-color: #3273dc;
  3686. }
  3687. .progress.is-link::-ms-fill {
  3688. background-color: #3273dc;
  3689. }
  3690. .progress.is-info::-webkit-progress-value {
  3691. background-color: #209cee;
  3692. }
  3693. .progress.is-info::-moz-progress-bar {
  3694. background-color: #209cee;
  3695. }
  3696. .progress.is-info::-ms-fill {
  3697. background-color: #209cee;
  3698. }
  3699. .progress.is-success::-webkit-progress-value {
  3700. background-color: #23d160;
  3701. }
  3702. .progress.is-success::-moz-progress-bar {
  3703. background-color: #23d160;
  3704. }
  3705. .progress.is-success::-ms-fill {
  3706. background-color: #23d160;
  3707. }
  3708. .progress.is-warning::-webkit-progress-value {
  3709. background-color: #ffdd57;
  3710. }
  3711. .progress.is-warning::-moz-progress-bar {
  3712. background-color: #ffdd57;
  3713. }
  3714. .progress.is-warning::-ms-fill {
  3715. background-color: #ffdd57;
  3716. }
  3717. .progress.is-danger::-webkit-progress-value {
  3718. background-color: #ff3860;
  3719. }
  3720. .progress.is-danger::-moz-progress-bar {
  3721. background-color: #ff3860;
  3722. }
  3723. .progress.is-danger::-ms-fill {
  3724. background-color: #ff3860;
  3725. }
  3726. .progress.is-small {
  3727. height: 0.75rem;
  3728. }
  3729. .progress.is-medium {
  3730. height: 1.25rem;
  3731. }
  3732. .progress.is-large {
  3733. height: 1.5rem;
  3734. }
  3735. .table {
  3736. background-color: white;
  3737. color: #363636;
  3738. }
  3739. .table td,
  3740. .table th {
  3741. border: 1px solid #dbdbdb;
  3742. border-width: 0 0 1px;
  3743. padding: 0.5em 0.75em;
  3744. vertical-align: top;
  3745. }
  3746. .table td.is-white,
  3747. .table th.is-white {
  3748. background-color: white;
  3749. border-color: white;
  3750. color: #0a0a0a;
  3751. }
  3752. .table td.is-black,
  3753. .table th.is-black {
  3754. background-color: #0a0a0a;
  3755. border-color: #0a0a0a;
  3756. color: white;
  3757. }
  3758. .table td.is-light,
  3759. .table th.is-light {
  3760. background-color: whitesmoke;
  3761. border-color: whitesmoke;
  3762. color: #363636;
  3763. }
  3764. .table td.is-dark,
  3765. .table th.is-dark {
  3766. background-color: #363636;
  3767. border-color: #363636;
  3768. color: whitesmoke;
  3769. }
  3770. .table td.is-primary,
  3771. .table th.is-primary {
  3772. background-color: #00d1b2;
  3773. border-color: #00d1b2;
  3774. color: #fff;
  3775. }
  3776. .table td.is-link,
  3777. .table th.is-link {
  3778. background-color: #3273dc;
  3779. border-color: #3273dc;
  3780. color: #fff;
  3781. }
  3782. .table td.is-info,
  3783. .table th.is-info {
  3784. background-color: #209cee;
  3785. border-color: #209cee;
  3786. color: #fff;
  3787. }
  3788. .table td.is-success,
  3789. .table th.is-success {
  3790. background-color: #23d160;
  3791. border-color: #23d160;
  3792. color: #fff;
  3793. }
  3794. .table td.is-warning,
  3795. .table th.is-warning {
  3796. background-color: #ffdd57;
  3797. border-color: #ffdd57;
  3798. color: rgba(0, 0, 0, 0.7);
  3799. }
  3800. .table td.is-danger,
  3801. .table th.is-danger {
  3802. background-color: #ff3860;
  3803. border-color: #ff3860;
  3804. color: #fff;
  3805. }
  3806. .table td.is-narrow,
  3807. .table th.is-narrow {
  3808. white-space: nowrap;
  3809. width: 1%;
  3810. }
  3811. .table td.is-selected,
  3812. .table th.is-selected {
  3813. background-color: #00d1b2;
  3814. color: #fff;
  3815. }
  3816. .table td.is-selected a,
  3817. .table td.is-selected strong,
  3818. .table th.is-selected a,
  3819. .table th.is-selected strong {
  3820. color: currentColor;
  3821. }
  3822. .table th {
  3823. color: #363636;
  3824. text-align: left;
  3825. }
  3826. .table tr.is-selected {
  3827. background-color: #00d1b2;
  3828. color: #fff;
  3829. }
  3830. .table tr.is-selected a,
  3831. .table tr.is-selected strong {
  3832. color: currentColor;
  3833. }
  3834. .table tr.is-selected td,
  3835. .table tr.is-selected th {
  3836. border-color: #fff;
  3837. color: currentColor;
  3838. }
  3839. .table thead td,
  3840. .table thead th {
  3841. border-width: 0 0 2px;
  3842. color: #363636;
  3843. }
  3844. .table tfoot td,
  3845. .table tfoot th {
  3846. border-width: 2px 0 0;
  3847. color: #363636;
  3848. }
  3849. .table tbody tr:last-child td,
  3850. .table tbody tr:last-child th {
  3851. border-bottom-width: 0;
  3852. }
  3853. .table.is-bordered td,
  3854. .table.is-bordered th {
  3855. border-width: 1px;
  3856. }
  3857. .table.is-bordered tr:last-child td,
  3858. .table.is-bordered tr:last-child th {
  3859. border-bottom-width: 1px;
  3860. }
  3861. .table.is-fullwidth {
  3862. width: 100%;
  3863. }
  3864. .table.is-hoverable tbody tr:not(.is-selected):hover {
  3865. background-color: #fafafa;
  3866. }
  3867. .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  3868. background-color: whitesmoke;
  3869. }
  3870. .table.is-narrow td,
  3871. .table.is-narrow th {
  3872. padding: 0.25em 0.5em;
  3873. }
  3874. .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  3875. background-color: #fafafa;
  3876. }
  3877. .table-container {
  3878. -webkit-overflow-scrolling: touch;
  3879. overflow: auto;
  3880. overflow-y: hidden;
  3881. max-width: 100%;
  3882. }
  3883. .tags {
  3884. align-items: center;
  3885. display: flex;
  3886. flex-wrap: wrap;
  3887. justify-content: flex-start;
  3888. }
  3889. .tags .tag {
  3890. margin-bottom: 0.5rem;
  3891. }
  3892. .tags .tag:not(:last-child) {
  3893. margin-right: 0.5rem;
  3894. }
  3895. .tags:last-child {
  3896. margin-bottom: -0.5rem;
  3897. }
  3898. .tags:not(:last-child) {
  3899. margin-bottom: 1rem;
  3900. }
  3901. .tags.has-addons .tag {
  3902. margin-right: 0;
  3903. }
  3904. .tags.has-addons .tag:not(:first-child) {
  3905. border-bottom-left-radius: 0;
  3906. border-top-left-radius: 0;
  3907. }
  3908. .tags.has-addons .tag:not(:last-child) {
  3909. border-bottom-right-radius: 0;
  3910. border-top-right-radius: 0;
  3911. }
  3912. .tags.is-centered {
  3913. justify-content: center;
  3914. }
  3915. .tags.is-centered .tag {
  3916. margin-right: 0.25rem;
  3917. margin-left: 0.25rem;
  3918. }
  3919. .tags.is-right {
  3920. justify-content: flex-end;
  3921. }
  3922. .tags.is-right .tag:not(:first-child) {
  3923. margin-left: 0.5rem;
  3924. }
  3925. .tags.is-right .tag:not(:last-child) {
  3926. margin-right: 0;
  3927. }
  3928. .tag:not(body) {
  3929. align-items: center;
  3930. background-color: whitesmoke;
  3931. border-radius: 4px;
  3932. color: #4a4a4a;
  3933. display: inline-flex;
  3934. font-size: 0.75rem;
  3935. height: 2em;
  3936. justify-content: center;
  3937. line-height: 1.5;
  3938. padding-left: 0.75em;
  3939. padding-right: 0.75em;
  3940. white-space: nowrap;
  3941. }
  3942. .tag:not(body) .delete {
  3943. margin-left: 0.25rem;
  3944. margin-right: -0.375rem;
  3945. }
  3946. .tag:not(body).is-white {
  3947. background-color: white;
  3948. color: #0a0a0a;
  3949. }
  3950. .tag:not(body).is-black {
  3951. background-color: #0a0a0a;
  3952. color: white;
  3953. }
  3954. .tag:not(body).is-light {
  3955. background-color: whitesmoke;
  3956. color: #363636;
  3957. }
  3958. .tag:not(body).is-dark {
  3959. background-color: #363636;
  3960. color: whitesmoke;
  3961. }
  3962. .tag:not(body).is-primary {
  3963. background-color: #00d1b2;
  3964. color: #fff;
  3965. }
  3966. .tag:not(body).is-link {
  3967. background-color: #3273dc;
  3968. color: #fff;
  3969. }
  3970. .tag:not(body).is-info {
  3971. background-color: #209cee;
  3972. color: #fff;
  3973. }
  3974. .tag:not(body).is-success {
  3975. background-color: #23d160;
  3976. color: #fff;
  3977. }
  3978. .tag:not(body).is-warning {
  3979. background-color: #ffdd57;
  3980. color: rgba(0, 0, 0, 0.7);
  3981. }
  3982. .tag:not(body).is-danger {
  3983. background-color: #ff3860;
  3984. color: #fff;
  3985. }
  3986. .tag:not(body).is-medium {
  3987. font-size: 1rem;
  3988. }
  3989. .tag:not(body).is-large {
  3990. font-size: 1.25rem;
  3991. }
  3992. .tag:not(body) .icon:first-child:not(:last-child) {
  3993. margin-left: -0.375em;
  3994. margin-right: 0.1875em;
  3995. }
  3996. .tag:not(body) .icon:last-child:not(:first-child) {
  3997. margin-left: 0.1875em;
  3998. margin-right: -0.375em;
  3999. }
  4000. .tag:not(body) .icon:first-child:last-child {
  4001. margin-left: -0.375em;
  4002. margin-right: -0.375em;
  4003. }
  4004. .tag:not(body).is-delete {
  4005. margin-left: 1px;
  4006. padding: 0;
  4007. position: relative;
  4008. width: 2em;
  4009. }
  4010. .tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
  4011. background-color: currentColor;
  4012. content: "";
  4013. display: block;
  4014. left: 50%;
  4015. position: absolute;
  4016. top: 50%;
  4017. transform: translateX(-50%) translateY(-50%) rotate(45deg);
  4018. transform-origin: center center;
  4019. }
  4020. .tag:not(body).is-delete::before {
  4021. height: 1px;
  4022. width: 50%;
  4023. }
  4024. .tag:not(body).is-delete::after {
  4025. height: 50%;
  4026. width: 1px;
  4027. }
  4028. .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
  4029. background-color: #e8e8e8;
  4030. }
  4031. .tag:not(body).is-delete:active {
  4032. background-color: #dbdbdb;
  4033. }
  4034. .tag:not(body).is-rounded {
  4035. border-radius: 290486px;
  4036. }
  4037. a.tag:hover {
  4038. text-decoration: underline;
  4039. }
  4040. .title,
  4041. .subtitle {
  4042. word-break: break-word;
  4043. }
  4044. .title em,
  4045. .title span,
  4046. .subtitle em,
  4047. .subtitle span {
  4048. font-weight: inherit;
  4049. }
  4050. .title sub,
  4051. .subtitle sub {
  4052. font-size: 0.75em;
  4053. }
  4054. .title sup,
  4055. .subtitle sup {
  4056. font-size: 0.75em;
  4057. }
  4058. .title .tag,
  4059. .subtitle .tag {
  4060. vertical-align: middle;
  4061. }
  4062. .title {
  4063. color: #363636;
  4064. font-size: 2rem;
  4065. font-weight: 600;
  4066. line-height: 1.125;
  4067. }
  4068. .title strong {
  4069. color: inherit;
  4070. font-weight: inherit;
  4071. }
  4072. .title + .highlight {
  4073. margin-top: -0.75rem;
  4074. }
  4075. .title:not(.is-spaced) + .subtitle {
  4076. margin-top: -1.25rem;
  4077. }
  4078. .title.is-1 {
  4079. font-size: 3rem;
  4080. }
  4081. .title.is-2 {
  4082. font-size: 2.5rem;
  4083. }
  4084. .title.is-3 {
  4085. font-size: 2rem;
  4086. }
  4087. .title.is-4 {
  4088. font-size: 1.5rem;
  4089. }
  4090. .title.is-5 {
  4091. font-size: 1.25rem;
  4092. }
  4093. .title.is-6 {
  4094. font-size: 1rem;
  4095. }
  4096. .title.is-7 {
  4097. font-size: 0.75rem;
  4098. }
  4099. .subtitle {
  4100. color: #4a4a4a;
  4101. font-size: 1.25rem;
  4102. font-weight: 400;
  4103. line-height: 1.25;
  4104. }
  4105. .subtitle strong {
  4106. color: #363636;
  4107. font-weight: 600;
  4108. }
  4109. .subtitle:not(.is-spaced) + .title {
  4110. margin-top: -1.25rem;
  4111. }
  4112. .subtitle.is-1 {
  4113. font-size: 3rem;
  4114. }
  4115. .subtitle.is-2 {
  4116. font-size: 2.5rem;
  4117. }
  4118. .subtitle.is-3 {
  4119. font-size: 2rem;
  4120. }
  4121. .subtitle.is-4 {
  4122. font-size: 1.5rem;
  4123. }
  4124. .subtitle.is-5 {
  4125. font-size: 1.25rem;
  4126. }
  4127. .subtitle.is-6 {
  4128. font-size: 1rem;
  4129. }
  4130. .subtitle.is-7 {
  4131. font-size: 0.75rem;
  4132. }
  4133. .heading {
  4134. display: block;
  4135. font-size: 11px;
  4136. letter-spacing: 1px;
  4137. margin-bottom: 5px;
  4138. text-transform: uppercase;
  4139. }
  4140. .highlight {
  4141. font-weight: 400;
  4142. max-width: 100%;
  4143. overflow: hidden;
  4144. padding: 0;
  4145. }
  4146. .highlight pre {
  4147. overflow: auto;
  4148. max-width: 100%;
  4149. }
  4150. .number {
  4151. align-items: center;
  4152. background-color: whitesmoke;
  4153. border-radius: 290486px;
  4154. display: inline-flex;
  4155. font-size: 1.25rem;
  4156. height: 2em;
  4157. justify-content: center;
  4158. margin-right: 1.5rem;
  4159. min-width: 2.5em;
  4160. padding: 0.25rem 0.5rem;
  4161. text-align: center;
  4162. vertical-align: top;
  4163. }
  4164. .breadcrumb {
  4165. font-size: 1rem;
  4166. white-space: nowrap;
  4167. }
  4168. .breadcrumb a {
  4169. align-items: center;
  4170. color: #3273dc;
  4171. display: flex;
  4172. justify-content: center;
  4173. padding: 0 0.75em;
  4174. }
  4175. .breadcrumb a:hover {
  4176. color: #363636;
  4177. }
  4178. .breadcrumb li {
  4179. align-items: center;
  4180. display: flex;
  4181. }
  4182. .breadcrumb li:first-child a {
  4183. padding-left: 0;
  4184. }
  4185. .breadcrumb li.is-active a {
  4186. color: #363636;
  4187. cursor: default;
  4188. pointer-events: none;
  4189. }
  4190. .breadcrumb li + li::before {
  4191. color: #b5b5b5;
  4192. content: "\0002f";
  4193. }
  4194. .breadcrumb ul,
  4195. .breadcrumb ol {
  4196. align-items: flex-start;
  4197. display: flex;
  4198. flex-wrap: wrap;
  4199. justify-content: flex-start;
  4200. }
  4201. .breadcrumb .icon:first-child {
  4202. margin-right: 0.5em;
  4203. }
  4204. .breadcrumb .icon:last-child {
  4205. margin-left: 0.5em;
  4206. }
  4207. .breadcrumb.is-centered ol {
  4208. justify-content: center;
  4209. }
  4210. .breadcrumb.is-right ol {
  4211. justify-content: flex-end;
  4212. }
  4213. .breadcrumb.is-small {
  4214. font-size: 0.75rem;
  4215. }
  4216. .breadcrumb.is-medium {
  4217. font-size: 1.25rem;
  4218. }
  4219. .breadcrumb.is-large {
  4220. font-size: 1.5rem;
  4221. }
  4222. .breadcrumb.has-arrow-separator li + li::before {
  4223. content: "\02192";
  4224. }
  4225. .breadcrumb.has-bullet-separator li + li::before {
  4226. content: "\02022";
  4227. }
  4228. .breadcrumb.has-dot-separator li + li::before {
  4229. content: "\000b7";
  4230. }
  4231. .breadcrumb.has-succeeds-separator li + li::before {
  4232. content: "\0227B";
  4233. }
  4234. .card {
  4235. background-color: white;
  4236. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  4237. color: #4a4a4a;
  4238. max-width: 100%;
  4239. position: relative;
  4240. }
  4241. .card-header {
  4242. background-color: none;
  4243. align-items: stretch;
  4244. box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
  4245. display: flex;
  4246. }
  4247. .card-header-title {
  4248. align-items: center;
  4249. color: #363636;
  4250. display: flex;
  4251. flex-grow: 1;
  4252. font-weight: 700;
  4253. padding: 0.75rem;
  4254. }
  4255. .card-header-title.is-centered {
  4256. justify-content: center;
  4257. }
  4258. .card-header-icon {
  4259. align-items: center;
  4260. cursor: pointer;
  4261. display: flex;
  4262. justify-content: center;
  4263. padding: 0.75rem;
  4264. }
  4265. .card-image {
  4266. display: block;
  4267. position: relative;
  4268. }
  4269. .card-content {
  4270. background-color: none;
  4271. padding: 1.5rem;
  4272. }
  4273. .card-footer {
  4274. background-color: none;
  4275. border-top: 1px solid #dbdbdb;
  4276. align-items: stretch;
  4277. display: flex;
  4278. }
  4279. .card-footer-item {
  4280. align-items: center;
  4281. display: flex;
  4282. flex-basis: 0;
  4283. flex-grow: 1;
  4284. flex-shrink: 0;
  4285. justify-content: center;
  4286. padding: 0.75rem;
  4287. }
  4288. .card-footer-item:not(:last-child) {
  4289. border-right: 1px solid #dbdbdb;
  4290. }
  4291. .card .media:not(:last-child) {
  4292. margin-bottom: 0.75rem;
  4293. }
  4294. .dropdown {
  4295. display: inline-flex;
  4296. position: relative;
  4297. vertical-align: top;
  4298. }
  4299. .dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
  4300. display: block;
  4301. }
  4302. .dropdown.is-right .dropdown-menu {
  4303. left: auto;
  4304. right: 0;
  4305. }
  4306. .dropdown.is-up .dropdown-menu {
  4307. bottom: 100%;
  4308. padding-bottom: 4px;
  4309. padding-top: initial;
  4310. top: auto;
  4311. }
  4312. .dropdown-menu {
  4313. display: none;
  4314. left: 0;
  4315. min-width: 12rem;
  4316. padding-top: 4px;
  4317. position: absolute;
  4318. top: 100%;
  4319. z-index: 20;
  4320. }
  4321. .dropdown-content {
  4322. background-color: white;
  4323. border-radius: 4px;
  4324. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  4325. padding-bottom: 0.5rem;
  4326. padding-top: 0.5rem;
  4327. }
  4328. .dropdown-item {
  4329. color: #4a4a4a;
  4330. display: block;
  4331. font-size: 0.875rem;
  4332. line-height: 1.5;
  4333. padding: 0.375rem 1rem;
  4334. position: relative;
  4335. }
  4336. a.dropdown-item {
  4337. padding-right: 3rem;
  4338. white-space: nowrap;
  4339. }
  4340. a.dropdown-item:hover {
  4341. background-color: whitesmoke;
  4342. color: #0a0a0a;
  4343. }
  4344. a.dropdown-item.is-active {
  4345. background-color: #3273dc;
  4346. color: #fff;
  4347. }
  4348. .dropdown-divider {
  4349. background-color: #dbdbdb;
  4350. border: none;
  4351. display: block;
  4352. height: 1px;
  4353. margin: 0.5rem 0;
  4354. }
  4355. .level {
  4356. align-items: center;
  4357. justify-content: space-between;
  4358. }
  4359. .level code {
  4360. border-radius: 4px;
  4361. }
  4362. .level img {
  4363. display: inline-block;
  4364. vertical-align: top;
  4365. }
  4366. .level.is-mobile {
  4367. display: flex;
  4368. }
  4369. .level.is-mobile .level-left,
  4370. .level.is-mobile .level-right {
  4371. display: flex;
  4372. }
  4373. .level.is-mobile .level-left + .level-right {
  4374. margin-top: 0;
  4375. }
  4376. .level.is-mobile .level-item {
  4377. margin-right: 0.75rem;
  4378. }
  4379. .level.is-mobile .level-item:not(:last-child) {
  4380. margin-bottom: 0;
  4381. }
  4382. .level.is-mobile .level-item:not(.is-narrow) {
  4383. flex-grow: 1;
  4384. }
  4385. @media screen and (min-width: 769px), print {
  4386. .level {
  4387. display: flex;
  4388. }
  4389. .level > .level-item:not(.is-narrow) {
  4390. flex-grow: 1;
  4391. }
  4392. }
  4393. .level-item {
  4394. align-items: center;
  4395. display: flex;
  4396. flex-basis: auto;
  4397. flex-grow: 0;
  4398. flex-shrink: 0;
  4399. justify-content: center;
  4400. }
  4401. .level-item .title,
  4402. .level-item .subtitle {
  4403. margin-bottom: 0;
  4404. }
  4405. @media screen and (max-width: 768px) {
  4406. .level-item:not(:last-child) {
  4407. margin-bottom: 0.75rem;
  4408. }
  4409. }
  4410. .level-left,
  4411. .level-right {
  4412. flex-basis: auto;
  4413. flex-grow: 0;
  4414. flex-shrink: 0;
  4415. }
  4416. .level-left .level-item.is-flexible,
  4417. .level-right .level-item.is-flexible {
  4418. flex-grow: 1;
  4419. }
  4420. @media screen and (min-width: 769px), print {
  4421. .level-left .level-item:not(:last-child),
  4422. .level-right .level-item:not(:last-child) {
  4423. margin-right: 0.75rem;
  4424. }
  4425. }
  4426. .level-left {
  4427. align-items: center;
  4428. justify-content: flex-start;
  4429. }
  4430. @media screen and (max-width: 768px) {
  4431. .level-left + .level-right {
  4432. margin-top: 1.5rem;
  4433. }
  4434. }
  4435. @media screen and (min-width: 769px), print {
  4436. .level-left {
  4437. display: flex;
  4438. }
  4439. }
  4440. .level-right {
  4441. align-items: center;
  4442. justify-content: flex-end;
  4443. }
  4444. @media screen and (min-width: 769px), print {
  4445. .level-right {
  4446. display: flex;
  4447. }
  4448. }
  4449. .media {
  4450. align-items: flex-start;
  4451. display: flex;
  4452. text-align: left;
  4453. }
  4454. .media .content:not(:last-child) {
  4455. margin-bottom: 0.75rem;
  4456. }
  4457. .media .media {
  4458. border-top: 1px solid rgba(219, 219, 219, 0.5);
  4459. display: flex;
  4460. padding-top: 0.75rem;
  4461. }
  4462. .media .media .content:not(:last-child),
  4463. .media .media .control:not(:last-child) {
  4464. margin-bottom: 0.5rem;
  4465. }
  4466. .media .media .media {
  4467. padding-top: 0.5rem;
  4468. }
  4469. .media .media .media + .media {
  4470. margin-top: 0.5rem;
  4471. }
  4472. .media + .media {
  4473. border-top: 1px solid rgba(219, 219, 219, 0.5);
  4474. margin-top: 1rem;
  4475. padding-top: 1rem;
  4476. }
  4477. .media.is-large + .media {
  4478. margin-top: 1.5rem;
  4479. padding-top: 1.5rem;
  4480. }
  4481. .media-left,
  4482. .media-right {
  4483. flex-basis: auto;
  4484. flex-grow: 0;
  4485. flex-shrink: 0;
  4486. }
  4487. .media-left {
  4488. margin-right: 1rem;
  4489. }
  4490. .media-right {
  4491. margin-left: 1rem;
  4492. }
  4493. .media-content {
  4494. flex-basis: auto;
  4495. flex-grow: 1;
  4496. flex-shrink: 1;
  4497. text-align: left;
  4498. }
  4499. .menu {
  4500. font-size: 1rem;
  4501. }
  4502. .menu.is-small {
  4503. font-size: 0.75rem;
  4504. }
  4505. .menu.is-medium {
  4506. font-size: 1.25rem;
  4507. }
  4508. .menu.is-large {
  4509. font-size: 1.5rem;
  4510. }
  4511. .menu-list {
  4512. line-height: 1.25;
  4513. }
  4514. .menu-list a {
  4515. border-radius: 2px;
  4516. color: #4a4a4a;
  4517. display: block;
  4518. padding: 0.5em 0.75em;
  4519. }
  4520. .menu-list a:hover {
  4521. background-color: whitesmoke;
  4522. color: #363636;
  4523. }
  4524. .menu-list a.is-active {
  4525. background-color: #3273dc;
  4526. color: #fff;
  4527. }
  4528. .menu-list li ul {
  4529. border-left: 1px solid #dbdbdb;
  4530. margin: 0.75em;
  4531. padding-left: 0.75em;
  4532. }
  4533. .menu-label {
  4534. color: #7a7a7a;
  4535. font-size: 0.75em;
  4536. letter-spacing: 0.1em;
  4537. text-transform: uppercase;
  4538. }
  4539. .menu-label:not(:first-child) {
  4540. margin-top: 1em;
  4541. }
  4542. .menu-label:not(:last-child) {
  4543. margin-bottom: 1em;
  4544. }
  4545. .message {
  4546. background-color: whitesmoke;
  4547. border-radius: 4px;
  4548. font-size: 1rem;
  4549. }
  4550. .message strong {
  4551. color: currentColor;
  4552. }
  4553. .message a:not(.button):not(.tag) {
  4554. color: currentColor;
  4555. text-decoration: underline;
  4556. }
  4557. .message.is-small {
  4558. font-size: 0.75rem;
  4559. }
  4560. .message.is-medium {
  4561. font-size: 1.25rem;
  4562. }
  4563. .message.is-large {
  4564. font-size: 1.5rem;
  4565. }
  4566. .message.is-white {
  4567. background-color: white;
  4568. }
  4569. .message.is-white .message-header {
  4570. background-color: white;
  4571. color: #0a0a0a;
  4572. }
  4573. .message.is-white .message-body {
  4574. border-color: white;
  4575. color: #4d4d4d;
  4576. }
  4577. .message.is-black {
  4578. background-color: #fafafa;
  4579. }
  4580. .message.is-black .message-header {
  4581. background-color: #0a0a0a;
  4582. color: white;
  4583. }
  4584. .message.is-black .message-body {
  4585. border-color: #0a0a0a;
  4586. color: #090909;
  4587. }
  4588. .message.is-light {
  4589. background-color: #fafafa;
  4590. }
  4591. .message.is-light .message-header {
  4592. background-color: whitesmoke;
  4593. color: #363636;
  4594. }
  4595. .message.is-light .message-body {
  4596. border-color: whitesmoke;
  4597. color: #505050;
  4598. }
  4599. .message.is-dark {
  4600. background-color: #fafafa;
  4601. }
  4602. .message.is-dark .message-header {
  4603. background-color: #363636;
  4604. color: whitesmoke;
  4605. }
  4606. .message.is-dark .message-body {
  4607. border-color: #363636;
  4608. color: #2a2a2a;
  4609. }
  4610. .message.is-primary {
  4611. background-color: #f5fffd;
  4612. }
  4613. .message.is-primary .message-header {
  4614. background-color: #00d1b2;
  4615. color: #fff;
  4616. }
  4617. .message.is-primary .message-body {
  4618. border-color: #00d1b2;
  4619. color: #021310;
  4620. }
  4621. .message.is-link {
  4622. background-color: #f6f9fe;
  4623. }
  4624. .message.is-link .message-header {
  4625. background-color: #3273dc;
  4626. color: #fff;
  4627. }
  4628. .message.is-link .message-body {
  4629. border-color: #3273dc;
  4630. color: #22509a;
  4631. }
  4632. .message.is-info {
  4633. background-color: #f6fbfe;
  4634. }
  4635. .message.is-info .message-header {
  4636. background-color: #209cee;
  4637. color: #fff;
  4638. }
  4639. .message.is-info .message-body {
  4640. border-color: #209cee;
  4641. color: #12537e;
  4642. }
  4643. .message.is-success {
  4644. background-color: #f6fef9;
  4645. }
  4646. .message.is-success .message-header {
  4647. background-color: #23d160;
  4648. color: #fff;
  4649. }
  4650. .message.is-success .message-body {
  4651. border-color: #23d160;
  4652. color: #0e301a;
  4653. }
  4654. .message.is-warning {
  4655. background-color: #fffdf5;
  4656. }
  4657. .message.is-warning .message-header {
  4658. background-color: #ffdd57;
  4659. color: rgba(0, 0, 0, 0.7);
  4660. }
  4661. .message.is-warning .message-body {
  4662. border-color: #ffdd57;
  4663. color: #3b3108;
  4664. }
  4665. .message.is-danger {
  4666. background-color: #fff5f7;
  4667. }
  4668. .message.is-danger .message-header {
  4669. background-color: #ff3860;
  4670. color: #fff;
  4671. }
  4672. .message.is-danger .message-body {
  4673. border-color: #ff3860;
  4674. color: #cd0930;
  4675. }
  4676. .message-header {
  4677. align-items: center;
  4678. background-color: #4a4a4a;
  4679. border-radius: 4px 4px 0 0;
  4680. color: #fff;
  4681. display: flex;
  4682. justify-content: space-between;
  4683. line-height: 1.25;
  4684. padding: 0.5em 0.75em;
  4685. position: relative;
  4686. }
  4687. .message-header .delete {
  4688. flex-grow: 0;
  4689. flex-shrink: 0;
  4690. margin-left: 0.75em;
  4691. }
  4692. .message-header + .message-body {
  4693. border-top-left-radius: 0;
  4694. border-top-right-radius: 0;
  4695. border-top: none;
  4696. }
  4697. .message-body {
  4698. border: 1px solid #dbdbdb;
  4699. border-radius: 4px;
  4700. color: #4a4a4a;
  4701. padding: 1em 1.25em;
  4702. }
  4703. .message-body code,
  4704. .message-body pre {
  4705. background-color: white;
  4706. }
  4707. .message-body pre code {
  4708. background-color: transparent;
  4709. }
  4710. .modal {
  4711. align-items: center;
  4712. display: none;
  4713. justify-content: center;
  4714. overflow: hidden;
  4715. position: fixed;
  4716. z-index: 40;
  4717. }
  4718. .modal.is-active {
  4719. display: flex;
  4720. }
  4721. .modal-background {
  4722. background-color: rgba(10, 10, 10, 0.86);
  4723. }
  4724. .modal-content,
  4725. .modal-card {
  4726. margin: 0 20px;
  4727. max-height: calc(100vh - 160px);
  4728. overflow: auto;
  4729. position: relative;
  4730. width: 100%;
  4731. }
  4732. @media screen and (min-width: 769px), print {
  4733. .modal-content,
  4734. .modal-card {
  4735. margin: 0 auto;
  4736. max-height: calc(100vh - 40px);
  4737. width: 640px;
  4738. }
  4739. }
  4740. .modal-close {
  4741. background: none;
  4742. height: 40px;
  4743. position: fixed;
  4744. right: 20px;
  4745. top: 20px;
  4746. width: 40px;
  4747. }
  4748. .modal-card {
  4749. display: flex;
  4750. flex-direction: column;
  4751. max-height: calc(100vh - 40px);
  4752. overflow: hidden;
  4753. }
  4754. .modal-card-head,
  4755. .modal-card-foot {
  4756. align-items: center;
  4757. background-color: whitesmoke;
  4758. display: flex;
  4759. flex-shrink: 0;
  4760. justify-content: flex-start;
  4761. padding: 20px;
  4762. position: relative;
  4763. }
  4764. .modal-card-head {
  4765. border-bottom: 1px solid #dbdbdb;
  4766. border-top-left-radius: 6px;
  4767. border-top-right-radius: 6px;
  4768. }
  4769. .modal-card-title {
  4770. color: #363636;
  4771. flex-grow: 1;
  4772. flex-shrink: 0;
  4773. font-size: 1.5rem;
  4774. line-height: 1;
  4775. }
  4776. .modal-card-foot {
  4777. border-bottom-left-radius: 6px;
  4778. border-bottom-right-radius: 6px;
  4779. border-top: 1px solid #dbdbdb;
  4780. }
  4781. .modal-card-foot .button:not(:last-child) {
  4782. margin-right: 10px;
  4783. }
  4784. .modal-card-body {
  4785. -webkit-overflow-scrolling: touch;
  4786. background-color: white;
  4787. flex-grow: 1;
  4788. flex-shrink: 1;
  4789. overflow: auto;
  4790. padding: 20px;
  4791. }
  4792. .navbar {
  4793. background-color: white;
  4794. box-shadow: 0 2px 0 0 whitesmoke;
  4795. min-height: 3.25rem;
  4796. position: relative;
  4797. z-index: 30;
  4798. }
  4799. .navbar.is-white {
  4800. background-color: white;
  4801. color: #0a0a0a;
  4802. }
  4803. .navbar.is-white .navbar-brand > .navbar-item,
  4804. .navbar.is-white .navbar-brand .navbar-link {
  4805. color: #0a0a0a;
  4806. }
  4807. .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
  4808. .navbar.is-white .navbar-brand .navbar-link:hover,
  4809. .navbar.is-white .navbar-brand .navbar-link.is-active {
  4810. background-color: #f2f2f2;
  4811. color: #0a0a0a;
  4812. }
  4813. .navbar.is-white .navbar-brand .navbar-link::after {
  4814. border-color: #0a0a0a;
  4815. }
  4816. @media screen and (min-width: 1088px) {
  4817. .navbar.is-white .navbar-start > .navbar-item,
  4818. .navbar.is-white .navbar-start .navbar-link,
  4819. .navbar.is-white .navbar-end > .navbar-item,
  4820. .navbar.is-white .navbar-end .navbar-link {
  4821. color: #0a0a0a;
  4822. }
  4823. .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
  4824. .navbar.is-white .navbar-start .navbar-link:hover,
  4825. .navbar.is-white .navbar-start .navbar-link.is-active,
  4826. .navbar.is-white .navbar-end > a.navbar-item:hover,
  4827. .navbar.is-white .navbar-end > a.navbar-item.is-active,
  4828. .navbar.is-white .navbar-end .navbar-link:hover,
  4829. .navbar.is-white .navbar-end .navbar-link.is-active {
  4830. background-color: #f2f2f2;
  4831. color: #0a0a0a;
  4832. }
  4833. .navbar.is-white .navbar-start .navbar-link::after,
  4834. .navbar.is-white .navbar-end .navbar-link::after {
  4835. border-color: #0a0a0a;
  4836. }
  4837. .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
  4838. .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
  4839. background-color: #f2f2f2;
  4840. color: #0a0a0a;
  4841. }
  4842. .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
  4843. background-color: white;
  4844. color: #0a0a0a;
  4845. }
  4846. }
  4847. .navbar.is-black {
  4848. background-color: #0a0a0a;
  4849. color: white;
  4850. }
  4851. .navbar.is-black .navbar-brand > .navbar-item,
  4852. .navbar.is-black .navbar-brand .navbar-link {
  4853. color: white;
  4854. }
  4855. .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
  4856. .navbar.is-black .navbar-brand .navbar-link:hover,
  4857. .navbar.is-black .navbar-brand .navbar-link.is-active {
  4858. background-color: black;
  4859. color: white;
  4860. }
  4861. .navbar.is-black .navbar-brand .navbar-link::after {
  4862. border-color: white;
  4863. }
  4864. @media screen and (min-width: 1088px) {
  4865. .navbar.is-black .navbar-start > .navbar-item,
  4866. .navbar.is-black .navbar-start .navbar-link,
  4867. .navbar.is-black .navbar-end > .navbar-item,
  4868. .navbar.is-black .navbar-end .navbar-link {
  4869. color: white;
  4870. }
  4871. .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
  4872. .navbar.is-black .navbar-start .navbar-link:hover,
  4873. .navbar.is-black .navbar-start .navbar-link.is-active,
  4874. .navbar.is-black .navbar-end > a.navbar-item:hover,
  4875. .navbar.is-black .navbar-end > a.navbar-item.is-active,
  4876. .navbar.is-black .navbar-end .navbar-link:hover,
  4877. .navbar.is-black .navbar-end .navbar-link.is-active {
  4878. background-color: black;
  4879. color: white;
  4880. }
  4881. .navbar.is-black .navbar-start .navbar-link::after,
  4882. .navbar.is-black .navbar-end .navbar-link::after {
  4883. border-color: white;
  4884. }
  4885. .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
  4886. .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
  4887. background-color: black;
  4888. color: white;
  4889. }
  4890. .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
  4891. background-color: #0a0a0a;
  4892. color: white;
  4893. }
  4894. }
  4895. .navbar.is-light {
  4896. background-color: whitesmoke;
  4897. color: #363636;
  4898. }
  4899. .navbar.is-light .navbar-brand > .navbar-item,
  4900. .navbar.is-light .navbar-brand .navbar-link {
  4901. color: #363636;
  4902. }
  4903. .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
  4904. .navbar.is-light .navbar-brand .navbar-link:hover,
  4905. .navbar.is-light .navbar-brand .navbar-link.is-active {
  4906. background-color: #e8e8e8;
  4907. color: #363636;
  4908. }
  4909. .navbar.is-light .navbar-brand .navbar-link::after {
  4910. border-color: #363636;
  4911. }
  4912. @media screen and (min-width: 1088px) {
  4913. .navbar.is-light .navbar-start > .navbar-item,
  4914. .navbar.is-light .navbar-start .navbar-link,
  4915. .navbar.is-light .navbar-end > .navbar-item,
  4916. .navbar.is-light .navbar-end .navbar-link {
  4917. color: #363636;
  4918. }
  4919. .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
  4920. .navbar.is-light .navbar-start .navbar-link:hover,
  4921. .navbar.is-light .navbar-start .navbar-link.is-active,
  4922. .navbar.is-light .navbar-end > a.navbar-item:hover,
  4923. .navbar.is-light .navbar-end > a.navbar-item.is-active,
  4924. .navbar.is-light .navbar-end .navbar-link:hover,
  4925. .navbar.is-light .navbar-end .navbar-link.is-active {
  4926. background-color: #e8e8e8;
  4927. color: #363636;
  4928. }
  4929. .navbar.is-light .navbar-start .navbar-link::after,
  4930. .navbar.is-light .navbar-end .navbar-link::after {
  4931. border-color: #363636;
  4932. }
  4933. .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
  4934. .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
  4935. background-color: #e8e8e8;
  4936. color: #363636;
  4937. }
  4938. .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
  4939. background-color: whitesmoke;
  4940. color: #363636;
  4941. }
  4942. }
  4943. .navbar.is-dark {
  4944. background-color: #363636;
  4945. color: whitesmoke;
  4946. }
  4947. .navbar.is-dark .navbar-brand > .navbar-item,
  4948. .navbar.is-dark .navbar-brand .navbar-link {
  4949. color: whitesmoke;
  4950. }
  4951. .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
  4952. .navbar.is-dark .navbar-brand .navbar-link:hover,
  4953. .navbar.is-dark .navbar-brand .navbar-link.is-active {
  4954. background-color: #292929;
  4955. color: whitesmoke;
  4956. }
  4957. .navbar.is-dark .navbar-brand .navbar-link::after {
  4958. border-color: whitesmoke;
  4959. }
  4960. @media screen and (min-width: 1088px) {
  4961. .navbar.is-dark .navbar-start > .navbar-item,
  4962. .navbar.is-dark .navbar-start .navbar-link,
  4963. .navbar.is-dark .navbar-end > .navbar-item,
  4964. .navbar.is-dark .navbar-end .navbar-link {
  4965. color: whitesmoke;
  4966. }
  4967. .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
  4968. .navbar.is-dark .navbar-start .navbar-link:hover,
  4969. .navbar.is-dark .navbar-start .navbar-link.is-active,
  4970. .navbar.is-dark .navbar-end > a.navbar-item:hover,
  4971. .navbar.is-dark .navbar-end > a.navbar-item.is-active,
  4972. .navbar.is-dark .navbar-end .navbar-link:hover,
  4973. .navbar.is-dark .navbar-end .navbar-link.is-active {
  4974. background-color: #292929;
  4975. color: whitesmoke;
  4976. }
  4977. .navbar.is-dark .navbar-start .navbar-link::after,
  4978. .navbar.is-dark .navbar-end .navbar-link::after {
  4979. border-color: whitesmoke;
  4980. }
  4981. .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
  4982. .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
  4983. background-color: #292929;
  4984. color: whitesmoke;
  4985. }
  4986. .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
  4987. background-color: #363636;
  4988. color: whitesmoke;
  4989. }
  4990. }
  4991. .navbar.is-primary {
  4992. background-color: #00d1b2;
  4993. color: #fff;
  4994. }
  4995. .navbar.is-primary .navbar-brand > .navbar-item,
  4996. .navbar.is-primary .navbar-brand .navbar-link {
  4997. color: #fff;
  4998. }
  4999. .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
  5000. .navbar.is-primary .navbar-brand .navbar-link:hover,
  5001. .navbar.is-primary .navbar-brand .navbar-link.is-active {
  5002. background-color: #00b89c;
  5003. color: #fff;
  5004. }
  5005. .navbar.is-primary .navbar-brand .navbar-link::after {
  5006. border-color: #fff;
  5007. }
  5008. @media screen and (min-width: 1088px) {
  5009. .navbar.is-primary .navbar-start > .navbar-item,
  5010. .navbar.is-primary .navbar-start .navbar-link,
  5011. .navbar.is-primary .navbar-end > .navbar-item,
  5012. .navbar.is-primary .navbar-end .navbar-link {
  5013. color: #fff;
  5014. }
  5015. .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
  5016. .navbar.is-primary .navbar-start .navbar-link:hover,
  5017. .navbar.is-primary .navbar-start .navbar-link.is-active,
  5018. .navbar.is-primary .navbar-end > a.navbar-item:hover,
  5019. .navbar.is-primary .navbar-end > a.navbar-item.is-active,
  5020. .navbar.is-primary .navbar-end .navbar-link:hover,
  5021. .navbar.is-primary .navbar-end .navbar-link.is-active {
  5022. background-color: #00b89c;
  5023. color: #fff;
  5024. }
  5025. .navbar.is-primary .navbar-start .navbar-link::after,
  5026. .navbar.is-primary .navbar-end .navbar-link::after {
  5027. border-color: #fff;
  5028. }
  5029. .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
  5030. .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
  5031. background-color: #00b89c;
  5032. color: #fff;
  5033. }
  5034. .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
  5035. background-color: #00d1b2;
  5036. color: #fff;
  5037. }
  5038. }
  5039. .navbar.is-link {
  5040. background-color: #3273dc;
  5041. color: #fff;
  5042. }
  5043. .navbar.is-link .navbar-brand > .navbar-item,
  5044. .navbar.is-link .navbar-brand .navbar-link {
  5045. color: #fff;
  5046. }
  5047. .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
  5048. .navbar.is-link .navbar-brand .navbar-link:hover,
  5049. .navbar.is-link .navbar-brand .navbar-link.is-active {
  5050. background-color: #2366d1;
  5051. color: #fff;
  5052. }
  5053. .navbar.is-link .navbar-brand .navbar-link::after {
  5054. border-color: #fff;
  5055. }
  5056. @media screen and (min-width: 1088px) {
  5057. .navbar.is-link .navbar-start > .navbar-item,
  5058. .navbar.is-link .navbar-start .navbar-link,
  5059. .navbar.is-link .navbar-end > .navbar-item,
  5060. .navbar.is-link .navbar-end .navbar-link {
  5061. color: #fff;
  5062. }
  5063. .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
  5064. .navbar.is-link .navbar-start .navbar-link:hover,
  5065. .navbar.is-link .navbar-start .navbar-link.is-active,
  5066. .navbar.is-link .navbar-end > a.navbar-item:hover,
  5067. .navbar.is-link .navbar-end > a.navbar-item.is-active,
  5068. .navbar.is-link .navbar-end .navbar-link:hover,
  5069. .navbar.is-link .navbar-end .navbar-link.is-active {
  5070. background-color: #2366d1;
  5071. color: #fff;
  5072. }
  5073. .navbar.is-link .navbar-start .navbar-link::after,
  5074. .navbar.is-link .navbar-end .navbar-link::after {
  5075. border-color: #fff;
  5076. }
  5077. .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
  5078. .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
  5079. background-color: #2366d1;
  5080. color: #fff;
  5081. }
  5082. .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
  5083. background-color: #3273dc;
  5084. color: #fff;
  5085. }
  5086. }
  5087. .navbar.is-info {
  5088. background-color: #209cee;
  5089. color: #fff;
  5090. }
  5091. .navbar.is-info .navbar-brand > .navbar-item,
  5092. .navbar.is-info .navbar-brand .navbar-link {
  5093. color: #fff;
  5094. }
  5095. .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
  5096. .navbar.is-info .navbar-brand .navbar-link:hover,
  5097. .navbar.is-info .navbar-brand .navbar-link.is-active {
  5098. background-color: #118fe4;
  5099. color: #fff;
  5100. }
  5101. .navbar.is-info .navbar-brand .navbar-link::after {
  5102. border-color: #fff;
  5103. }
  5104. @media screen and (min-width: 1088px) {
  5105. .navbar.is-info .navbar-start > .navbar-item,
  5106. .navbar.is-info .navbar-start .navbar-link,
  5107. .navbar.is-info .navbar-end > .navbar-item,
  5108. .navbar.is-info .navbar-end .navbar-link {
  5109. color: #fff;
  5110. }
  5111. .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
  5112. .navbar.is-info .navbar-start .navbar-link:hover,
  5113. .navbar.is-info .navbar-start .navbar-link.is-active,
  5114. .navbar.is-info .navbar-end > a.navbar-item:hover,
  5115. .navbar.is-info .navbar-end > a.navbar-item.is-active,
  5116. .navbar.is-info .navbar-end .navbar-link:hover,
  5117. .navbar.is-info .navbar-end .navbar-link.is-active {
  5118. background-color: #118fe4;
  5119. color: #fff;
  5120. }
  5121. .navbar.is-info .navbar-start .navbar-link::after,
  5122. .navbar.is-info .navbar-end .navbar-link::after {
  5123. border-color: #fff;
  5124. }
  5125. .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
  5126. .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
  5127. background-color: #118fe4;
  5128. color: #fff;
  5129. }
  5130. .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
  5131. background-color: #209cee;
  5132. color: #fff;
  5133. }
  5134. }
  5135. .navbar.is-success {
  5136. background-color: #23d160;
  5137. color: #fff;
  5138. }
  5139. .navbar.is-success .navbar-brand > .navbar-item,
  5140. .navbar.is-success .navbar-brand .navbar-link {
  5141. color: #fff;
  5142. }
  5143. .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
  5144. .navbar.is-success .navbar-brand .navbar-link:hover,
  5145. .navbar.is-success .navbar-brand .navbar-link.is-active {
  5146. background-color: #20bc56;
  5147. color: #fff;
  5148. }
  5149. .navbar.is-success .navbar-brand .navbar-link::after {
  5150. border-color: #fff;
  5151. }
  5152. @media screen and (min-width: 1088px) {
  5153. .navbar.is-success .navbar-start > .navbar-item,
  5154. .navbar.is-success .navbar-start .navbar-link,
  5155. .navbar.is-success .navbar-end > .navbar-item,
  5156. .navbar.is-success .navbar-end .navbar-link {
  5157. color: #fff;
  5158. }
  5159. .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
  5160. .navbar.is-success .navbar-start .navbar-link:hover,
  5161. .navbar.is-success .navbar-start .navbar-link.is-active,
  5162. .navbar.is-success .navbar-end > a.navbar-item:hover,
  5163. .navbar.is-success .navbar-end > a.navbar-item.is-active,
  5164. .navbar.is-success .navbar-end .navbar-link:hover,
  5165. .navbar.is-success .navbar-end .navbar-link.is-active {
  5166. background-color: #20bc56;
  5167. color: #fff;
  5168. }
  5169. .navbar.is-success .navbar-start .navbar-link::after,
  5170. .navbar.is-success .navbar-end .navbar-link::after {
  5171. border-color: #fff;
  5172. }
  5173. .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
  5174. .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
  5175. background-color: #20bc56;
  5176. color: #fff;
  5177. }
  5178. .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
  5179. background-color: #23d160;
  5180. color: #fff;
  5181. }
  5182. }
  5183. .navbar.is-warning {
  5184. background-color: #ffdd57;
  5185. color: rgba(0, 0, 0, 0.7);
  5186. }
  5187. .navbar.is-warning .navbar-brand > .navbar-item,
  5188. .navbar.is-warning .navbar-brand .navbar-link {
  5189. color: rgba(0, 0, 0, 0.7);
  5190. }
  5191. .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
  5192. .navbar.is-warning .navbar-brand .navbar-link:hover,
  5193. .navbar.is-warning .navbar-brand .navbar-link.is-active {
  5194. background-color: #ffd83d;
  5195. color: rgba(0, 0, 0, 0.7);
  5196. }
  5197. .navbar.is-warning .navbar-brand .navbar-link::after {
  5198. border-color: rgba(0, 0, 0, 0.7);
  5199. }
  5200. @media screen and (min-width: 1088px) {
  5201. .navbar.is-warning .navbar-start > .navbar-item,
  5202. .navbar.is-warning .navbar-start .navbar-link,
  5203. .navbar.is-warning .navbar-end > .navbar-item,
  5204. .navbar.is-warning .navbar-end .navbar-link {
  5205. color: rgba(0, 0, 0, 0.7);
  5206. }
  5207. .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
  5208. .navbar.is-warning .navbar-start .navbar-link:hover,
  5209. .navbar.is-warning .navbar-start .navbar-link.is-active,
  5210. .navbar.is-warning .navbar-end > a.navbar-item:hover,
  5211. .navbar.is-warning .navbar-end > a.navbar-item.is-active,
  5212. .navbar.is-warning .navbar-end .navbar-link:hover,
  5213. .navbar.is-warning .navbar-end .navbar-link.is-active {
  5214. background-color: #ffd83d;
  5215. color: rgba(0, 0, 0, 0.7);
  5216. }
  5217. .navbar.is-warning .navbar-start .navbar-link::after,
  5218. .navbar.is-warning .navbar-end .navbar-link::after {
  5219. border-color: rgba(0, 0, 0, 0.7);
  5220. }
  5221. .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
  5222. .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
  5223. background-color: #ffd83d;
  5224. color: rgba(0, 0, 0, 0.7);
  5225. }
  5226. .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
  5227. background-color: #ffdd57;
  5228. color: rgba(0, 0, 0, 0.7);
  5229. }
  5230. }
  5231. .navbar.is-danger {
  5232. background-color: #ff3860;
  5233. color: #fff;
  5234. }
  5235. .navbar.is-danger .navbar-brand > .navbar-item,
  5236. .navbar.is-danger .navbar-brand .navbar-link {
  5237. color: #fff;
  5238. }
  5239. .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
  5240. .navbar.is-danger .navbar-brand .navbar-link:hover,
  5241. .navbar.is-danger .navbar-brand .navbar-link.is-active {
  5242. background-color: #ff1f4b;
  5243. color: #fff;
  5244. }
  5245. .navbar.is-danger .navbar-brand .navbar-link::after {
  5246. border-color: #fff;
  5247. }
  5248. @media screen and (min-width: 1088px) {
  5249. .navbar.is-danger .navbar-start > .navbar-item,
  5250. .navbar.is-danger .navbar-start .navbar-link,
  5251. .navbar.is-danger .navbar-end > .navbar-item,
  5252. .navbar.is-danger .navbar-end .navbar-link {
  5253. color: #fff;
  5254. }
  5255. .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
  5256. .navbar.is-danger .navbar-start .navbar-link:hover,
  5257. .navbar.is-danger .navbar-start .navbar-link.is-active,
  5258. .navbar.is-danger .navbar-end > a.navbar-item:hover,
  5259. .navbar.is-danger .navbar-end > a.navbar-item.is-active,
  5260. .navbar.is-danger .navbar-end .navbar-link:hover,
  5261. .navbar.is-danger .navbar-end .navbar-link.is-active {
  5262. background-color: #ff1f4b;
  5263. color: #fff;
  5264. }
  5265. .navbar.is-danger .navbar-start .navbar-link::after,
  5266. .navbar.is-danger .navbar-end .navbar-link::after {
  5267. border-color: #fff;
  5268. }
  5269. .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
  5270. .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
  5271. background-color: #ff1f4b;
  5272. color: #fff;
  5273. }
  5274. .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
  5275. background-color: #ff3860;
  5276. color: #fff;
  5277. }
  5278. }
  5279. .navbar > .container {
  5280. align-items: stretch;
  5281. display: flex;
  5282. min-height: 3.25rem;
  5283. width: 100%;
  5284. }
  5285. .navbar.has-shadow {
  5286. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
  5287. }
  5288. .navbar.is-fixed-bottom, .navbar.is-fixed-top {
  5289. left: 0;
  5290. position: fixed;
  5291. right: 0;
  5292. z-index: 30;
  5293. }
  5294. .navbar.is-fixed-bottom {
  5295. bottom: 0;
  5296. }
  5297. .navbar.is-fixed-bottom.has-shadow {
  5298. box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  5299. }
  5300. .navbar.is-fixed-top {
  5301. top: 0;
  5302. }
  5303. html.has-navbar-fixed-top,
  5304. body.has-navbar-fixed-top {
  5305. padding-top: 3.25rem;
  5306. }
  5307. html.has-navbar-fixed-bottom,
  5308. body.has-navbar-fixed-bottom {
  5309. padding-bottom: 3.25rem;
  5310. }
  5311. .navbar-brand,
  5312. .navbar-tabs {
  5313. align-items: stretch;
  5314. display: flex;
  5315. flex-shrink: 0;
  5316. min-height: 3.25rem;
  5317. }
  5318. .navbar-brand a.navbar-item:hover {
  5319. background-color: transparent;
  5320. }
  5321. .navbar-tabs {
  5322. -webkit-overflow-scrolling: touch;
  5323. max-width: 100vw;
  5324. overflow-x: auto;
  5325. overflow-y: hidden;
  5326. }
  5327. .navbar-burger {
  5328. cursor: pointer;
  5329. display: block;
  5330. height: 3.25rem;
  5331. position: relative;
  5332. width: 3.25rem;
  5333. margin-left: auto;
  5334. }
  5335. .navbar-burger span {
  5336. background-color: currentColor;
  5337. display: block;
  5338. height: 1px;
  5339. left: calc(50% - 8px);
  5340. position: absolute;
  5341. transform-origin: center;
  5342. transition-duration: 86ms;
  5343. transition-property: background-color, opacity, transform;
  5344. transition-timing-function: ease-out;
  5345. width: 16px;
  5346. }
  5347. .navbar-burger span:nth-child(1) {
  5348. top: calc(50% - 6px);
  5349. }
  5350. .navbar-burger span:nth-child(2) {
  5351. top: calc(50% - 1px);
  5352. }
  5353. .navbar-burger span:nth-child(3) {
  5354. top: calc(50% + 4px);
  5355. }
  5356. .navbar-burger:hover {
  5357. background-color: rgba(0, 0, 0, 0.05);
  5358. }
  5359. .navbar-burger.is-active span:nth-child(1) {
  5360. transform: translateY(5px) rotate(45deg);
  5361. }
  5362. .navbar-burger.is-active span:nth-child(2) {
  5363. opacity: 0;
  5364. }
  5365. .navbar-burger.is-active span:nth-child(3) {
  5366. transform: translateY(-5px) rotate(-45deg);
  5367. }
  5368. .navbar-menu {
  5369. display: none;
  5370. }
  5371. .navbar-item,
  5372. .navbar-link {
  5373. color: #4a4a4a;
  5374. display: block;
  5375. line-height: 1.5;
  5376. padding: 0.5rem 0.75rem;
  5377. position: relative;
  5378. }
  5379. a.navbar-item,
  5380. .navbar-link {
  5381. border-radius: 4px;
  5382. cursor: pointer;
  5383. }
  5384. a.navbar-item:hover, a.navbar-item.is-active,
  5385. .navbar-link:hover,
  5386. .navbar-link.is-active {
  5387. background-color: #fafafa;
  5388. color: #3273dc;
  5389. }
  5390. .navbar-item {
  5391. display: block;
  5392. flex-grow: 0;
  5393. flex-shrink: 0;
  5394. }
  5395. .navbar-item img {
  5396. max-height: none;
  5397. }
  5398. .navbar-item.has-dropdown {
  5399. padding: 0;
  5400. }
  5401. .navbar-item.is-expanded {
  5402. flex-grow: 1;
  5403. flex-shrink: 1;
  5404. }
  5405. .navbar-item.is-tab {
  5406. border-bottom: 1px solid transparent;
  5407. min-height: 3.25rem;
  5408. padding-bottom: calc(0.5rem - 1px);
  5409. }
  5410. .navbar-item.is-tab:hover {
  5411. background-color: transparent;
  5412. border-bottom-color: #3273dc;
  5413. }
  5414. .navbar-item.is-tab.is-active {
  5415. background-color: transparent;
  5416. border-bottom-color: #3273dc;
  5417. border-bottom-style: solid;
  5418. border-bottom-width: 3px;
  5419. color: #3273dc;
  5420. padding-bottom: calc(0.5rem - 3px);
  5421. }
  5422. .navbar-content {
  5423. flex-grow: 1;
  5424. flex-shrink: 1;
  5425. }
  5426. .navbar-link {
  5427. padding-right: 2.5em;
  5428. }
  5429. .navbar-link::after {
  5430. border-color: #3273dc;
  5431. }
  5432. .navbar-dropdown {
  5433. font-size: 0.875rem;
  5434. padding-bottom: 0.5rem;
  5435. padding-top: 0.5rem;
  5436. }
  5437. .navbar-dropdown .navbar-item {
  5438. padding-left: 1.5rem;
  5439. padding-right: 1.5rem;
  5440. }
  5441. .navbar-divider {
  5442. background-color: whitesmoke;
  5443. border: none;
  5444. display: none;
  5445. height: 2px;
  5446. margin: 0.5rem 0;
  5447. }
  5448. @media screen and (max-width: 1087px) {
  5449. .navbar > .container {
  5450. display: block;
  5451. }
  5452. .navbar-brand .navbar-item,
  5453. .navbar-tabs .navbar-item {
  5454. align-items: center;
  5455. display: flex;
  5456. }
  5457. .navbar-link::after {
  5458. display: none;
  5459. }
  5460. .navbar-menu {
  5461. background-color: white;
  5462. box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
  5463. padding: 0.5rem 0;
  5464. }
  5465. .navbar-menu.is-active {
  5466. display: block;
  5467. }
  5468. .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
  5469. left: 0;
  5470. position: fixed;
  5471. right: 0;
  5472. z-index: 30;
  5473. }
  5474. .navbar.is-fixed-bottom-touch {
  5475. bottom: 0;
  5476. }
  5477. .navbar.is-fixed-bottom-touch.has-shadow {
  5478. box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  5479. }
  5480. .navbar.is-fixed-top-touch {
  5481. top: 0;
  5482. }
  5483. .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
  5484. -webkit-overflow-scrolling: touch;
  5485. max-height: calc(100vh - 3.25rem);
  5486. overflow: auto;
  5487. }
  5488. html.has-navbar-fixed-top-touch {
  5489. padding-top: 3.25rem;
  5490. }
  5491. html.has-navbar-fixed-bottom-touch {
  5492. padding-bottom: 3.25rem;
  5493. }
  5494. }
  5495. @media screen and (min-width: 1088px) {
  5496. .navbar,
  5497. .navbar-menu,
  5498. .navbar-start,
  5499. .navbar-end {
  5500. align-items: center;
  5501. display: flex;
  5502. }
  5503. .navbar {
  5504. min-height: 3.25rem;
  5505. padding: 1rem 2rem;
  5506. }
  5507. .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
  5508. .navbar.is-transparent .navbar-link:hover,
  5509. .navbar.is-transparent .navbar-link.is-active {
  5510. background-color: transparent !important;
  5511. }
  5512. .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
  5513. background-color: transparent !important;
  5514. }
  5515. .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
  5516. background-color: whitesmoke;
  5517. color: #0a0a0a;
  5518. }
  5519. .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
  5520. background-color: whitesmoke;
  5521. color: #3273dc;
  5522. }
  5523. .navbar-burger {
  5524. display: none;
  5525. }
  5526. .navbar-item,
  5527. .navbar-link {
  5528. align-items: center;
  5529. display: flex;
  5530. }
  5531. .navbar-item {
  5532. display: flex;
  5533. }
  5534. .navbar-item.has-dropdown {
  5535. align-items: stretch;
  5536. }
  5537. .navbar-item.has-dropdown-up .navbar-link::after {
  5538. transform: rotate(135deg) translate(0.25em, -0.25em);
  5539. }
  5540. .navbar-item.has-dropdown-up .navbar-dropdown {
  5541. border-bottom: 1px solid #dbdbdb;
  5542. border-radius: 6px 6px 0 0;
  5543. border-top: none;
  5544. bottom: 100%;
  5545. box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
  5546. top: auto;
  5547. }
  5548. .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
  5549. display: block;
  5550. }
  5551. .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
  5552. opacity: 1;
  5553. pointer-events: auto;
  5554. transform: translateY(0);
  5555. }
  5556. .navbar-link::after {
  5557. margin-top: -0.375em;
  5558. right: 1.125em;
  5559. top: 50%;
  5560. }
  5561. .navbar-menu {
  5562. flex-grow: 1;
  5563. flex-shrink: 0;
  5564. }
  5565. .navbar-start {
  5566. justify-content: flex-start;
  5567. margin-right: auto;
  5568. }
  5569. .navbar-end {
  5570. justify-content: flex-end;
  5571. margin-left: auto;
  5572. }
  5573. .navbar-dropdown {
  5574. background-color: white;
  5575. border-bottom-left-radius: 6px;
  5576. border-bottom-right-radius: 6px;
  5577. border-top: 1px solid #dbdbdb;
  5578. box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
  5579. display: none;
  5580. font-size: 0.875rem;
  5581. left: 0;
  5582. min-width: 100%;
  5583. position: absolute;
  5584. top: 100%;
  5585. z-index: 20;
  5586. }
  5587. .navbar-dropdown .navbar-item {
  5588. padding: 0.375rem 1rem;
  5589. white-space: nowrap;
  5590. }
  5591. .navbar-dropdown a.navbar-item {
  5592. padding-right: 3rem;
  5593. }
  5594. .navbar-dropdown a.navbar-item:hover {
  5595. background-color: whitesmoke;
  5596. color: #0a0a0a;
  5597. }
  5598. .navbar-dropdown a.navbar-item.is-active {
  5599. background-color: whitesmoke;
  5600. color: #3273dc;
  5601. }
  5602. .navbar-dropdown.is-boxed {
  5603. border-radius: 6px;
  5604. border-top: none;
  5605. box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  5606. display: block;
  5607. opacity: 0;
  5608. pointer-events: none;
  5609. top: calc(100% + (-4px));
  5610. transform: translateY(-5px);
  5611. transition-duration: 86ms;
  5612. transition-property: opacity, transform;
  5613. }
  5614. .navbar-dropdown.is-right {
  5615. left: auto;
  5616. right: 0;
  5617. }
  5618. .navbar-divider {
  5619. display: block;
  5620. }
  5621. .navbar > .container .navbar-brand,
  5622. .container > .navbar .navbar-brand {
  5623. margin-left: -1rem;
  5624. }
  5625. .navbar > .container .navbar-menu,
  5626. .container > .navbar .navbar-menu {
  5627. margin-right: -1rem;
  5628. }
  5629. .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
  5630. left: 0;
  5631. position: fixed;
  5632. right: 0;
  5633. z-index: 30;
  5634. }
  5635. .navbar.is-fixed-bottom-desktop {
  5636. bottom: 0;
  5637. }
  5638. .navbar.is-fixed-bottom-desktop.has-shadow {
  5639. box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  5640. }
  5641. .navbar.is-fixed-top-desktop {
  5642. top: 0;
  5643. }
  5644. html.has-navbar-fixed-top-desktop {
  5645. padding-top: 3.25rem;
  5646. }
  5647. html.has-navbar-fixed-bottom-desktop {
  5648. padding-bottom: 3.25rem;
  5649. }
  5650. a.navbar-item.is-active,
  5651. .navbar-link.is-active {
  5652. color: #0a0a0a;
  5653. }
  5654. a.navbar-item.is-active:not(:hover),
  5655. .navbar-link.is-active:not(:hover) {
  5656. background-color: transparent;
  5657. }
  5658. .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
  5659. background-color: #fafafa;
  5660. }
  5661. }
  5662. .pagination {
  5663. font-size: 1rem;
  5664. margin: -0.25rem;
  5665. }
  5666. .pagination.is-small {
  5667. font-size: 0.75rem;
  5668. }
  5669. .pagination.is-medium {
  5670. font-size: 1.25rem;
  5671. }
  5672. .pagination.is-large {
  5673. font-size: 1.5rem;
  5674. }
  5675. .pagination.is-rounded .pagination-previous,
  5676. .pagination.is-rounded .pagination-next {
  5677. padding-left: 1em;
  5678. padding-right: 1em;
  5679. border-radius: 290486px;
  5680. }
  5681. .pagination.is-rounded .pagination-link {
  5682. border-radius: 290486px;
  5683. }
  5684. .pagination,
  5685. .pagination-list {
  5686. align-items: center;
  5687. display: flex;
  5688. justify-content: center;
  5689. text-align: center;
  5690. }
  5691. .pagination-previous,
  5692. .pagination-next,
  5693. .pagination-link,
  5694. .pagination-ellipsis {
  5695. font-size: 1em;
  5696. padding-left: 0.5em;
  5697. padding-right: 0.5em;
  5698. justify-content: center;
  5699. margin: 0.25rem;
  5700. text-align: center;
  5701. }
  5702. .pagination-previous,
  5703. .pagination-next,
  5704. .pagination-link {
  5705. border-color: #dbdbdb;
  5706. color: #363636;
  5707. min-width: 2.25em;
  5708. }
  5709. .pagination-previous:hover,
  5710. .pagination-next:hover,
  5711. .pagination-link:hover {
  5712. border-color: #b5b5b5;
  5713. color: #363636;
  5714. }
  5715. .pagination-previous:focus,
  5716. .pagination-next:focus,
  5717. .pagination-link:focus {
  5718. border-color: #3273dc;
  5719. }
  5720. .pagination-previous:active,
  5721. .pagination-next:active,
  5722. .pagination-link:active {
  5723. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  5724. }
  5725. .pagination-previous[disabled],
  5726. .pagination-next[disabled],
  5727. .pagination-link[disabled] {
  5728. background-color: #dbdbdb;
  5729. border-color: #dbdbdb;
  5730. box-shadow: none;
  5731. color: #7a7a7a;
  5732. opacity: 0.5;
  5733. }
  5734. .pagination-previous,
  5735. .pagination-next {
  5736. padding-left: 0.75em;
  5737. padding-right: 0.75em;
  5738. white-space: nowrap;
  5739. }
  5740. .pagination-link.is-current {
  5741. background-color: #3273dc;
  5742. border-color: #3273dc;
  5743. color: #fff;
  5744. }
  5745. .pagination-ellipsis {
  5746. color: #b5b5b5;
  5747. pointer-events: none;
  5748. }
  5749. .pagination-list {
  5750. flex-wrap: wrap;
  5751. }
  5752. @media screen and (max-width: 768px) {
  5753. .pagination {
  5754. flex-wrap: wrap;
  5755. }
  5756. .pagination-previous,
  5757. .pagination-next {
  5758. flex-grow: 1;
  5759. flex-shrink: 1;
  5760. }
  5761. .pagination-list li {
  5762. flex-grow: 1;
  5763. flex-shrink: 1;
  5764. }
  5765. }
  5766. @media screen and (min-width: 769px), print {
  5767. .pagination-list {
  5768. flex-grow: 1;
  5769. flex-shrink: 1;
  5770. justify-content: flex-start;
  5771. order: 1;
  5772. }
  5773. .pagination-previous {
  5774. order: 2;
  5775. }
  5776. .pagination-next {
  5777. order: 3;
  5778. }
  5779. .pagination {
  5780. justify-content: space-between;
  5781. }
  5782. .pagination.is-centered .pagination-previous {
  5783. order: 1;
  5784. }
  5785. .pagination.is-centered .pagination-list {
  5786. justify-content: center;
  5787. order: 2;
  5788. }
  5789. .pagination.is-centered .pagination-next {
  5790. order: 3;
  5791. }
  5792. .pagination.is-right .pagination-previous {
  5793. order: 1;
  5794. }
  5795. .pagination.is-right .pagination-next {
  5796. order: 2;
  5797. }
  5798. .pagination.is-right .pagination-list {
  5799. justify-content: flex-end;
  5800. order: 3;
  5801. }
  5802. }
  5803. .panel {
  5804. font-size: 1rem;
  5805. }
  5806. .panel:not(:last-child) {
  5807. margin-bottom: 1.5rem;
  5808. }
  5809. .panel-heading,
  5810. .panel-tabs,
  5811. .panel-block {
  5812. border-bottom: 1px solid #dbdbdb;
  5813. border-left: 1px solid #dbdbdb;
  5814. border-right: 1px solid #dbdbdb;
  5815. }
  5816. .panel-heading:first-child,
  5817. .panel-tabs:first-child,
  5818. .panel-block:first-child {
  5819. border-top: 1px solid #dbdbdb;
  5820. }
  5821. .panel-heading {
  5822. background-color: whitesmoke;
  5823. border-radius: 4px 4px 0 0;
  5824. color: #363636;
  5825. font-size: 1.25em;
  5826. font-weight: 300;
  5827. line-height: 1.25;
  5828. padding: 0.5em 0.75em;
  5829. }
  5830. .panel-tabs {
  5831. align-items: flex-end;
  5832. display: flex;
  5833. font-size: 0.875em;
  5834. justify-content: center;
  5835. }
  5836. .panel-tabs a {
  5837. border-bottom: 1px solid #dbdbdb;
  5838. margin-bottom: -1px;
  5839. padding: 0.5em;
  5840. }
  5841. .panel-tabs a.is-active {
  5842. border-bottom-color: #4a4a4a;
  5843. color: #363636;
  5844. }
  5845. .panel-list a {
  5846. color: #4a4a4a;
  5847. }
  5848. .panel-list a:hover {
  5849. color: #3273dc;
  5850. }
  5851. .panel-block {
  5852. align-items: center;
  5853. color: #363636;
  5854. display: flex;
  5855. justify-content: flex-start;
  5856. padding: 0.5em 0.75em;
  5857. }
  5858. .panel-block input[type="checkbox"] {
  5859. margin-right: 0.75em;
  5860. }
  5861. .panel-block > .control {
  5862. flex-grow: 1;
  5863. flex-shrink: 1;
  5864. width: 100%;
  5865. }
  5866. .panel-block.is-wrapped {
  5867. flex-wrap: wrap;
  5868. }
  5869. .panel-block.is-active {
  5870. border-left-color: #3273dc;
  5871. color: #363636;
  5872. }
  5873. .panel-block.is-active .panel-icon {
  5874. color: #3273dc;
  5875. }
  5876. a.panel-block,
  5877. label.panel-block {
  5878. cursor: pointer;
  5879. }
  5880. a.panel-block:hover,
  5881. label.panel-block:hover {
  5882. background-color: whitesmoke;
  5883. }
  5884. .panel-icon {
  5885. display: inline-block;
  5886. font-size: 14px;
  5887. height: 1em;
  5888. line-height: 1em;
  5889. text-align: center;
  5890. vertical-align: top;
  5891. width: 1em;
  5892. color: #7a7a7a;
  5893. margin-right: 0.75em;
  5894. }
  5895. .panel-icon .fa {
  5896. font-size: inherit;
  5897. line-height: inherit;
  5898. }
  5899. .tabs {
  5900. -webkit-overflow-scrolling: touch;
  5901. align-items: stretch;
  5902. display: flex;
  5903. font-size: 1rem;
  5904. justify-content: space-between;
  5905. overflow: hidden;
  5906. overflow-x: auto;
  5907. white-space: nowrap;
  5908. }
  5909. .tabs a {
  5910. align-items: center;
  5911. border-bottom-color: #dbdbdb;
  5912. border-bottom-style: solid;
  5913. border-bottom-width: 1px;
  5914. color: #4a4a4a;
  5915. display: flex;
  5916. justify-content: center;
  5917. margin-bottom: -1px;
  5918. padding: 0.5em 1em;
  5919. vertical-align: top;
  5920. }
  5921. .tabs a:hover {
  5922. border-bottom-color: #363636;
  5923. color: #363636;
  5924. }
  5925. .tabs li {
  5926. display: block;
  5927. }
  5928. .tabs li.is-active a {
  5929. border-bottom-color: #3273dc;
  5930. color: #3273dc;
  5931. }
  5932. .tabs ul {
  5933. align-items: center;
  5934. border-bottom-color: #dbdbdb;
  5935. border-bottom-style: solid;
  5936. border-bottom-width: 1px;
  5937. display: flex;
  5938. flex-grow: 1;
  5939. flex-shrink: 0;
  5940. justify-content: flex-start;
  5941. }
  5942. .tabs ul.is-left {
  5943. padding-right: 0.75em;
  5944. }
  5945. .tabs ul.is-center {
  5946. flex: none;
  5947. justify-content: center;
  5948. padding-left: 0.75em;
  5949. padding-right: 0.75em;
  5950. }
  5951. .tabs ul.is-right {
  5952. justify-content: flex-end;
  5953. padding-left: 0.75em;
  5954. }
  5955. .tabs .icon:first-child {
  5956. margin-right: 0.5em;
  5957. }
  5958. .tabs .icon:last-child {
  5959. margin-left: 0.5em;
  5960. }
  5961. .tabs.is-centered ul {
  5962. justify-content: center;
  5963. }
  5964. .tabs.is-right ul {
  5965. justify-content: flex-end;
  5966. }
  5967. .tabs.is-boxed a {
  5968. border: 1px solid transparent;
  5969. border-radius: 4px 4px 0 0;
  5970. }
  5971. .tabs.is-boxed a:hover {
  5972. background-color: whitesmoke;
  5973. border-bottom-color: #dbdbdb;
  5974. }
  5975. .tabs.is-boxed li.is-active a {
  5976. background-color: white;
  5977. border-color: #dbdbdb;
  5978. border-bottom-color: transparent !important;
  5979. }
  5980. .tabs.is-fullwidth li {
  5981. flex-grow: 1;
  5982. flex-shrink: 0;
  5983. }
  5984. .tabs.is-toggle a {
  5985. border-color: #dbdbdb;
  5986. border-style: solid;
  5987. border-width: 1px;
  5988. margin-bottom: 0;
  5989. position: relative;
  5990. }
  5991. .tabs.is-toggle a:hover {
  5992. background-color: whitesmoke;
  5993. border-color: #b5b5b5;
  5994. z-index: 2;
  5995. }
  5996. .tabs.is-toggle li + li {
  5997. margin-left: -1px;
  5998. }
  5999. .tabs.is-toggle li:first-child a {
  6000. border-radius: 4px 0 0 4px;
  6001. }
  6002. .tabs.is-toggle li:last-child a {
  6003. border-radius: 0 4px 4px 0;
  6004. }
  6005. .tabs.is-toggle li.is-active a {
  6006. background-color: #3273dc;
  6007. border-color: #3273dc;
  6008. color: #fff;
  6009. z-index: 1;
  6010. }
  6011. .tabs.is-toggle ul {
  6012. border-bottom: none;
  6013. }
  6014. .tabs.is-toggle.is-toggle-rounded li:first-child a {
  6015. border-bottom-left-radius: 290486px;
  6016. border-top-left-radius: 290486px;
  6017. padding-left: 1.25em;
  6018. }
  6019. .tabs.is-toggle.is-toggle-rounded li:last-child a {
  6020. border-bottom-right-radius: 290486px;
  6021. border-top-right-radius: 290486px;
  6022. padding-right: 1.25em;
  6023. }
  6024. .tabs.is-small {
  6025. font-size: 0.75rem;
  6026. }
  6027. .tabs.is-medium {
  6028. font-size: 1.25rem;
  6029. }
  6030. .tabs.is-large {
  6031. font-size: 1.5rem;
  6032. }
  6033. .column {
  6034. display: block;
  6035. flex-basis: 0;
  6036. flex-grow: 1;
  6037. flex-shrink: 1;
  6038. padding: 0.75rem;
  6039. }
  6040. .columns.is-mobile > .column.is-narrow {
  6041. flex: none;
  6042. }
  6043. .columns.is-mobile > .column.is-full {
  6044. flex: none;
  6045. width: 100%;
  6046. }
  6047. .columns.is-mobile > .column.is-three-quarters {
  6048. flex: none;
  6049. width: 75%;
  6050. }
  6051. .columns.is-mobile > .column.is-two-thirds {
  6052. flex: none;
  6053. width: 66.6666%;
  6054. }
  6055. .columns.is-mobile > .column.is-half {
  6056. flex: none;
  6057. width: 50%;
  6058. }
  6059. .columns.is-mobile > .column.is-one-third {
  6060. flex: none;
  6061. width: 33.3333%;
  6062. }
  6063. .columns.is-mobile > .column.is-one-quarter {
  6064. flex: none;
  6065. width: 25%;
  6066. }
  6067. .columns.is-mobile > .column.is-one-fifth {
  6068. flex: none;
  6069. width: 20%;
  6070. }
  6071. .columns.is-mobile > .column.is-two-fifths {
  6072. flex: none;
  6073. width: 40%;
  6074. }
  6075. .columns.is-mobile > .column.is-three-fifths {
  6076. flex: none;
  6077. width: 60%;
  6078. }
  6079. .columns.is-mobile > .column.is-four-fifths {
  6080. flex: none;
  6081. width: 80%;
  6082. }
  6083. .columns.is-mobile > .column.is-offset-three-quarters {
  6084. margin-left: 75%;
  6085. }
  6086. .columns.is-mobile > .column.is-offset-two-thirds {
  6087. margin-left: 66.6666%;
  6088. }
  6089. .columns.is-mobile > .column.is-offset-half {
  6090. margin-left: 50%;
  6091. }
  6092. .columns.is-mobile > .column.is-offset-one-third {
  6093. margin-left: 33.3333%;
  6094. }
  6095. .columns.is-mobile > .column.is-offset-one-quarter {
  6096. margin-left: 25%;
  6097. }
  6098. .columns.is-mobile > .column.is-offset-one-fifth {
  6099. margin-left: 20%;
  6100. }
  6101. .columns.is-mobile > .column.is-offset-two-fifths {
  6102. margin-left: 40%;
  6103. }
  6104. .columns.is-mobile > .column.is-offset-three-fifths {
  6105. margin-left: 60%;
  6106. }
  6107. .columns.is-mobile > .column.is-offset-four-fifths {
  6108. margin-left: 80%;
  6109. }
  6110. .columns.is-mobile > .column.is-1 {
  6111. flex: none;
  6112. width: 8.33333%;
  6113. }
  6114. .columns.is-mobile > .column.is-offset-1 {
  6115. margin-left: 8.33333%;
  6116. }
  6117. .columns.is-mobile > .column.is-2 {
  6118. flex: none;
  6119. width: 16.66667%;
  6120. }
  6121. .columns.is-mobile > .column.is-offset-2 {
  6122. margin-left: 16.66667%;
  6123. }
  6124. .columns.is-mobile > .column.is-3 {
  6125. flex: none;
  6126. width: 25%;
  6127. }
  6128. .columns.is-mobile > .column.is-offset-3 {
  6129. margin-left: 25%;
  6130. }
  6131. .columns.is-mobile > .column.is-4 {
  6132. flex: none;
  6133. width: 33.33333%;
  6134. }
  6135. .columns.is-mobile > .column.is-offset-4 {
  6136. margin-left: 33.33333%;
  6137. }
  6138. .columns.is-mobile > .column.is-5 {
  6139. flex: none;
  6140. width: 41.66667%;
  6141. }
  6142. .columns.is-mobile > .column.is-offset-5 {
  6143. margin-left: 41.66667%;
  6144. }
  6145. .columns.is-mobile > .column.is-6 {
  6146. flex: none;
  6147. width: 50%;
  6148. }
  6149. .columns.is-mobile > .column.is-offset-6 {
  6150. margin-left: 50%;
  6151. }
  6152. .columns.is-mobile > .column.is-7 {
  6153. flex: none;
  6154. width: 58.33333%;
  6155. }
  6156. .columns.is-mobile > .column.is-offset-7 {
  6157. margin-left: 58.33333%;
  6158. }
  6159. .columns.is-mobile > .column.is-8 {
  6160. flex: none;
  6161. width: 66.66667%;
  6162. }
  6163. .columns.is-mobile > .column.is-offset-8 {
  6164. margin-left: 66.66667%;
  6165. }
  6166. .columns.is-mobile > .column.is-9 {
  6167. flex: none;
  6168. width: 75%;
  6169. }
  6170. .columns.is-mobile > .column.is-offset-9 {
  6171. margin-left: 75%;
  6172. }
  6173. .columns.is-mobile > .column.is-10 {
  6174. flex: none;
  6175. width: 83.33333%;
  6176. }
  6177. .columns.is-mobile > .column.is-offset-10 {
  6178. margin-left: 83.33333%;
  6179. }
  6180. .columns.is-mobile > .column.is-11 {
  6181. flex: none;
  6182. width: 91.66667%;
  6183. }
  6184. .columns.is-mobile > .column.is-offset-11 {
  6185. margin-left: 91.66667%;
  6186. }
  6187. .columns.is-mobile > .column.is-12 {
  6188. flex: none;
  6189. width: 100%;
  6190. }
  6191. .columns.is-mobile > .column.is-offset-12 {
  6192. margin-left: 100%;
  6193. }
  6194. @media screen and (max-width: 768px) {
  6195. .column.is-narrow-mobile {
  6196. flex: none;
  6197. }
  6198. .column.is-full-mobile {
  6199. flex: none;
  6200. width: 100%;
  6201. }
  6202. .column.is-three-quarters-mobile {
  6203. flex: none;
  6204. width: 75%;
  6205. }
  6206. .column.is-two-thirds-mobile {
  6207. flex: none;
  6208. width: 66.6666%;
  6209. }
  6210. .column.is-half-mobile {
  6211. flex: none;
  6212. width: 50%;
  6213. }
  6214. .column.is-one-third-mobile {
  6215. flex: none;
  6216. width: 33.3333%;
  6217. }
  6218. .column.is-one-quarter-mobile {
  6219. flex: none;
  6220. width: 25%;
  6221. }
  6222. .column.is-one-fifth-mobile {
  6223. flex: none;
  6224. width: 20%;
  6225. }
  6226. .column.is-two-fifths-mobile {
  6227. flex: none;
  6228. width: 40%;
  6229. }
  6230. .column.is-three-fifths-mobile {
  6231. flex: none;
  6232. width: 60%;
  6233. }
  6234. .column.is-four-fifths-mobile {
  6235. flex: none;
  6236. width: 80%;
  6237. }
  6238. .column.is-offset-three-quarters-mobile {
  6239. margin-left: 75%;
  6240. }
  6241. .column.is-offset-two-thirds-mobile {
  6242. margin-left: 66.6666%;
  6243. }
  6244. .column.is-offset-half-mobile {
  6245. margin-left: 50%;
  6246. }
  6247. .column.is-offset-one-third-mobile {
  6248. margin-left: 33.3333%;
  6249. }
  6250. .column.is-offset-one-quarter-mobile {
  6251. margin-left: 25%;
  6252. }
  6253. .column.is-offset-one-fifth-mobile {
  6254. margin-left: 20%;
  6255. }
  6256. .column.is-offset-two-fifths-mobile {
  6257. margin-left: 40%;
  6258. }
  6259. .column.is-offset-three-fifths-mobile {
  6260. margin-left: 60%;
  6261. }
  6262. .column.is-offset-four-fifths-mobile {
  6263. margin-left: 80%;
  6264. }
  6265. .column.is-1-mobile {
  6266. flex: none;
  6267. width: 8.33333%;
  6268. }
  6269. .column.is-offset-1-mobile {
  6270. margin-left: 8.33333%;
  6271. }
  6272. .column.is-2-mobile {
  6273. flex: none;
  6274. width: 16.66667%;
  6275. }
  6276. .column.is-offset-2-mobile {
  6277. margin-left: 16.66667%;
  6278. }
  6279. .column.is-3-mobile {
  6280. flex: none;
  6281. width: 25%;
  6282. }
  6283. .column.is-offset-3-mobile {
  6284. margin-left: 25%;
  6285. }
  6286. .column.is-4-mobile {
  6287. flex: none;
  6288. width: 33.33333%;
  6289. }
  6290. .column.is-offset-4-mobile {
  6291. margin-left: 33.33333%;
  6292. }
  6293. .column.is-5-mobile {
  6294. flex: none;
  6295. width: 41.66667%;
  6296. }
  6297. .column.is-offset-5-mobile {
  6298. margin-left: 41.66667%;
  6299. }
  6300. .column.is-6-mobile {
  6301. flex: none;
  6302. width: 50%;
  6303. }
  6304. .column.is-offset-6-mobile {
  6305. margin-left: 50%;
  6306. }
  6307. .column.is-7-mobile {
  6308. flex: none;
  6309. width: 58.33333%;
  6310. }
  6311. .column.is-offset-7-mobile {
  6312. margin-left: 58.33333%;
  6313. }
  6314. .column.is-8-mobile {
  6315. flex: none;
  6316. width: 66.66667%;
  6317. }
  6318. .column.is-offset-8-mobile {
  6319. margin-left: 66.66667%;
  6320. }
  6321. .column.is-9-mobile {
  6322. flex: none;
  6323. width: 75%;
  6324. }
  6325. .column.is-offset-9-mobile {
  6326. margin-left: 75%;
  6327. }
  6328. .column.is-10-mobile {
  6329. flex: none;
  6330. width: 83.33333%;
  6331. }
  6332. .column.is-offset-10-mobile {
  6333. margin-left: 83.33333%;
  6334. }
  6335. .column.is-11-mobile {
  6336. flex: none;
  6337. width: 91.66667%;
  6338. }
  6339. .column.is-offset-11-mobile {
  6340. margin-left: 91.66667%;
  6341. }
  6342. .column.is-12-mobile {
  6343. flex: none;
  6344. width: 100%;
  6345. }
  6346. .column.is-offset-12-mobile {
  6347. margin-left: 100%;
  6348. }
  6349. }
  6350. @media screen and (min-width: 769px), print {
  6351. .column.is-narrow, .column.is-narrow-tablet {
  6352. flex: none;
  6353. }
  6354. .column.is-full, .column.is-full-tablet {
  6355. flex: none;
  6356. width: 100%;
  6357. }
  6358. .column.is-three-quarters, .column.is-three-quarters-tablet {
  6359. flex: none;
  6360. width: 75%;
  6361. }
  6362. .column.is-two-thirds, .column.is-two-thirds-tablet {
  6363. flex: none;
  6364. width: 66.6666%;
  6365. }
  6366. .column.is-half, .column.is-half-tablet {
  6367. flex: none;
  6368. width: 50%;
  6369. }
  6370. .column.is-one-third, .column.is-one-third-tablet {
  6371. flex: none;
  6372. width: 33.3333%;
  6373. }
  6374. .column.is-one-quarter, .column.is-one-quarter-tablet {
  6375. flex: none;
  6376. width: 25%;
  6377. }
  6378. .column.is-one-fifth, .column.is-one-fifth-tablet {
  6379. flex: none;
  6380. width: 20%;
  6381. }
  6382. .column.is-two-fifths, .column.is-two-fifths-tablet {
  6383. flex: none;
  6384. width: 40%;
  6385. }
  6386. .column.is-three-fifths, .column.is-three-fifths-tablet {
  6387. flex: none;
  6388. width: 60%;
  6389. }
  6390. .column.is-four-fifths, .column.is-four-fifths-tablet {
  6391. flex: none;
  6392. width: 80%;
  6393. }
  6394. .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
  6395. margin-left: 75%;
  6396. }
  6397. .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
  6398. margin-left: 66.6666%;
  6399. }
  6400. .column.is-offset-half, .column.is-offset-half-tablet {
  6401. margin-left: 50%;
  6402. }
  6403. .column.is-offset-one-third, .column.is-offset-one-third-tablet {
  6404. margin-left: 33.3333%;
  6405. }
  6406. .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
  6407. margin-left: 25%;
  6408. }
  6409. .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
  6410. margin-left: 20%;
  6411. }
  6412. .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
  6413. margin-left: 40%;
  6414. }
  6415. .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
  6416. margin-left: 60%;
  6417. }
  6418. .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
  6419. margin-left: 80%;
  6420. }
  6421. .column.is-1, .column.is-1-tablet {
  6422. flex: none;
  6423. width: 8.33333%;
  6424. }
  6425. .column.is-offset-1, .column.is-offset-1-tablet {
  6426. margin-left: 8.33333%;
  6427. }
  6428. .column.is-2, .column.is-2-tablet {
  6429. flex: none;
  6430. width: 16.66667%;
  6431. }
  6432. .column.is-offset-2, .column.is-offset-2-tablet {
  6433. margin-left: 16.66667%;
  6434. }
  6435. .column.is-3, .column.is-3-tablet {
  6436. flex: none;
  6437. width: 25%;
  6438. }
  6439. .column.is-offset-3, .column.is-offset-3-tablet {
  6440. margin-left: 25%;
  6441. }
  6442. .column.is-4, .column.is-4-tablet {
  6443. flex: none;
  6444. width: 33.33333%;
  6445. }
  6446. .column.is-offset-4, .column.is-offset-4-tablet {
  6447. margin-left: 33.33333%;
  6448. }
  6449. .column.is-5, .column.is-5-tablet {
  6450. flex: none;
  6451. width: 41.66667%;
  6452. }
  6453. .column.is-offset-5, .column.is-offset-5-tablet {
  6454. margin-left: 41.66667%;
  6455. }
  6456. .column.is-6, .column.is-6-tablet {
  6457. flex: none;
  6458. width: 50%;
  6459. }
  6460. .column.is-offset-6, .column.is-offset-6-tablet {
  6461. margin-left: 50%;
  6462. }
  6463. .column.is-7, .column.is-7-tablet {
  6464. flex: none;
  6465. width: 58.33333%;
  6466. }
  6467. .column.is-offset-7, .column.is-offset-7-tablet {
  6468. margin-left: 58.33333%;
  6469. }
  6470. .column.is-8, .column.is-8-tablet {
  6471. flex: none;
  6472. width: 66.66667%;
  6473. }
  6474. .column.is-offset-8, .column.is-offset-8-tablet {
  6475. margin-left: 66.66667%;
  6476. }
  6477. .column.is-9, .column.is-9-tablet {
  6478. flex: none;
  6479. width: 75%;
  6480. }
  6481. .column.is-offset-9, .column.is-offset-9-tablet {
  6482. margin-left: 75%;
  6483. }
  6484. .column.is-10, .column.is-10-tablet {
  6485. flex: none;
  6486. width: 83.33333%;
  6487. }
  6488. .column.is-offset-10, .column.is-offset-10-tablet {
  6489. margin-left: 83.33333%;
  6490. }
  6491. .column.is-11, .column.is-11-tablet {
  6492. flex: none;
  6493. width: 91.66667%;
  6494. }
  6495. .column.is-offset-11, .column.is-offset-11-tablet {
  6496. margin-left: 91.66667%;
  6497. }
  6498. .column.is-12, .column.is-12-tablet {
  6499. flex: none;
  6500. width: 100%;
  6501. }
  6502. .column.is-offset-12, .column.is-offset-12-tablet {
  6503. margin-left: 100%;
  6504. }
  6505. }
  6506. @media screen and (max-width: 1087px) {
  6507. .column.is-narrow-touch {
  6508. flex: none;
  6509. }
  6510. .column.is-full-touch {
  6511. flex: none;
  6512. width: 100%;
  6513. }
  6514. .column.is-three-quarters-touch {
  6515. flex: none;
  6516. width: 75%;
  6517. }
  6518. .column.is-two-thirds-touch {
  6519. flex: none;
  6520. width: 66.6666%;
  6521. }
  6522. .column.is-half-touch {
  6523. flex: none;
  6524. width: 50%;
  6525. }
  6526. .column.is-one-third-touch {
  6527. flex: none;
  6528. width: 33.3333%;
  6529. }
  6530. .column.is-one-quarter-touch {
  6531. flex: none;
  6532. width: 25%;
  6533. }
  6534. .column.is-one-fifth-touch {
  6535. flex: none;
  6536. width: 20%;
  6537. }
  6538. .column.is-two-fifths-touch {
  6539. flex: none;
  6540. width: 40%;
  6541. }
  6542. .column.is-three-fifths-touch {
  6543. flex: none;
  6544. width: 60%;
  6545. }
  6546. .column.is-four-fifths-touch {
  6547. flex: none;
  6548. width: 80%;
  6549. }
  6550. .column.is-offset-three-quarters-touch {
  6551. margin-left: 75%;
  6552. }
  6553. .column.is-offset-two-thirds-touch {
  6554. margin-left: 66.6666%;
  6555. }
  6556. .column.is-offset-half-touch {
  6557. margin-left: 50%;
  6558. }
  6559. .column.is-offset-one-third-touch {
  6560. margin-left: 33.3333%;
  6561. }
  6562. .column.is-offset-one-quarter-touch {
  6563. margin-left: 25%;
  6564. }
  6565. .column.is-offset-one-fifth-touch {
  6566. margin-left: 20%;
  6567. }
  6568. .column.is-offset-two-fifths-touch {
  6569. margin-left: 40%;
  6570. }
  6571. .column.is-offset-three-fifths-touch {
  6572. margin-left: 60%;
  6573. }
  6574. .column.is-offset-four-fifths-touch {
  6575. margin-left: 80%;
  6576. }
  6577. .column.is-1-touch {
  6578. flex: none;
  6579. width: 8.33333%;
  6580. }
  6581. .column.is-offset-1-touch {
  6582. margin-left: 8.33333%;
  6583. }
  6584. .column.is-2-touch {
  6585. flex: none;
  6586. width: 16.66667%;
  6587. }
  6588. .column.is-offset-2-touch {
  6589. margin-left: 16.66667%;
  6590. }
  6591. .column.is-3-touch {
  6592. flex: none;
  6593. width: 25%;
  6594. }
  6595. .column.is-offset-3-touch {
  6596. margin-left: 25%;
  6597. }
  6598. .column.is-4-touch {
  6599. flex: none;
  6600. width: 33.33333%;
  6601. }
  6602. .column.is-offset-4-touch {
  6603. margin-left: 33.33333%;
  6604. }
  6605. .column.is-5-touch {
  6606. flex: none;
  6607. width: 41.66667%;
  6608. }
  6609. .column.is-offset-5-touch {
  6610. margin-left: 41.66667%;
  6611. }
  6612. .column.is-6-touch {
  6613. flex: none;
  6614. width: 50%;
  6615. }
  6616. .column.is-offset-6-touch {
  6617. margin-left: 50%;
  6618. }
  6619. .column.is-7-touch {
  6620. flex: none;
  6621. width: 58.33333%;
  6622. }
  6623. .column.is-offset-7-touch {
  6624. margin-left: 58.33333%;
  6625. }
  6626. .column.is-8-touch {
  6627. flex: none;
  6628. width: 66.66667%;
  6629. }
  6630. .column.is-offset-8-touch {
  6631. margin-left: 66.66667%;
  6632. }
  6633. .column.is-9-touch {
  6634. flex: none;
  6635. width: 75%;
  6636. }
  6637. .column.is-offset-9-touch {
  6638. margin-left: 75%;
  6639. }
  6640. .column.is-10-touch {
  6641. flex: none;
  6642. width: 83.33333%;
  6643. }
  6644. .column.is-offset-10-touch {
  6645. margin-left: 83.33333%;
  6646. }
  6647. .column.is-11-touch {
  6648. flex: none;
  6649. width: 91.66667%;
  6650. }
  6651. .column.is-offset-11-touch {
  6652. margin-left: 91.66667%;
  6653. }
  6654. .column.is-12-touch {
  6655. flex: none;
  6656. width: 100%;
  6657. }
  6658. .column.is-offset-12-touch {
  6659. margin-left: 100%;
  6660. }
  6661. }
  6662. @media screen and (min-width: 1088px) {
  6663. .column.is-narrow-desktop {
  6664. flex: none;
  6665. }
  6666. .column.is-full-desktop {
  6667. flex: none;
  6668. width: 100%;
  6669. }
  6670. .column.is-three-quarters-desktop {
  6671. flex: none;
  6672. width: 75%;
  6673. }
  6674. .column.is-two-thirds-desktop {
  6675. flex: none;
  6676. width: 66.6666%;
  6677. }
  6678. .column.is-half-desktop {
  6679. flex: none;
  6680. width: 50%;
  6681. }
  6682. .column.is-one-third-desktop {
  6683. flex: none;
  6684. width: 33.3333%;
  6685. }
  6686. .column.is-one-quarter-desktop {
  6687. flex: none;
  6688. width: 25%;
  6689. }
  6690. .column.is-one-fifth-desktop {
  6691. flex: none;
  6692. width: 20%;
  6693. }
  6694. .column.is-two-fifths-desktop {
  6695. flex: none;
  6696. width: 40%;
  6697. }
  6698. .column.is-three-fifths-desktop {
  6699. flex: none;
  6700. width: 60%;
  6701. }
  6702. .column.is-four-fifths-desktop {
  6703. flex: none;
  6704. width: 80%;
  6705. }
  6706. .column.is-offset-three-quarters-desktop {
  6707. margin-left: 75%;
  6708. }
  6709. .column.is-offset-two-thirds-desktop {
  6710. margin-left: 66.6666%;
  6711. }
  6712. .column.is-offset-half-desktop {
  6713. margin-left: 50%;
  6714. }
  6715. .column.is-offset-one-third-desktop {
  6716. margin-left: 33.3333%;
  6717. }
  6718. .column.is-offset-one-quarter-desktop {
  6719. margin-left: 25%;
  6720. }
  6721. .column.is-offset-one-fifth-desktop {
  6722. margin-left: 20%;
  6723. }
  6724. .column.is-offset-two-fifths-desktop {
  6725. margin-left: 40%;
  6726. }
  6727. .column.is-offset-three-fifths-desktop {
  6728. margin-left: 60%;
  6729. }
  6730. .column.is-offset-four-fifths-desktop {
  6731. margin-left: 80%;
  6732. }
  6733. .column.is-1-desktop {
  6734. flex: none;
  6735. width: 8.33333%;
  6736. }
  6737. .column.is-offset-1-desktop {
  6738. margin-left: 8.33333%;
  6739. }
  6740. .column.is-2-desktop {
  6741. flex: none;
  6742. width: 16.66667%;
  6743. }
  6744. .column.is-offset-2-desktop {
  6745. margin-left: 16.66667%;
  6746. }
  6747. .column.is-3-desktop {
  6748. flex: none;
  6749. width: 25%;
  6750. }
  6751. .column.is-offset-3-desktop {
  6752. margin-left: 25%;
  6753. }
  6754. .column.is-4-desktop {
  6755. flex: none;
  6756. width: 33.33333%;
  6757. }
  6758. .column.is-offset-4-desktop {
  6759. margin-left: 33.33333%;
  6760. }
  6761. .column.is-5-desktop {
  6762. flex: none;
  6763. width: 41.66667%;
  6764. }
  6765. .column.is-offset-5-desktop {
  6766. margin-left: 41.66667%;
  6767. }
  6768. .column.is-6-desktop {
  6769. flex: none;
  6770. width: 50%;
  6771. }
  6772. .column.is-offset-6-desktop {
  6773. margin-left: 50%;
  6774. }
  6775. .column.is-7-desktop {
  6776. flex: none;
  6777. width: 58.33333%;
  6778. }
  6779. .column.is-offset-7-desktop {
  6780. margin-left: 58.33333%;
  6781. }
  6782. .column.is-8-desktop {
  6783. flex: none;
  6784. width: 66.66667%;
  6785. }
  6786. .column.is-offset-8-desktop {
  6787. margin-left: 66.66667%;
  6788. }
  6789. .column.is-9-desktop {
  6790. flex: none;
  6791. width: 75%;
  6792. }
  6793. .column.is-offset-9-desktop {
  6794. margin-left: 75%;
  6795. }
  6796. .column.is-10-desktop {
  6797. flex: none;
  6798. width: 83.33333%;
  6799. }
  6800. .column.is-offset-10-desktop {
  6801. margin-left: 83.33333%;
  6802. }
  6803. .column.is-11-desktop {
  6804. flex: none;
  6805. width: 91.66667%;
  6806. }
  6807. .column.is-offset-11-desktop {
  6808. margin-left: 91.66667%;
  6809. }
  6810. .column.is-12-desktop {
  6811. flex: none;
  6812. width: 100%;
  6813. }
  6814. .column.is-offset-12-desktop {
  6815. margin-left: 100%;
  6816. }
  6817. }
  6818. @media screen and (min-width: 1280px) {
  6819. .column.is-narrow-widescreen {
  6820. flex: none;
  6821. }
  6822. .column.is-full-widescreen {
  6823. flex: none;
  6824. width: 100%;
  6825. }
  6826. .column.is-three-quarters-widescreen {
  6827. flex: none;
  6828. width: 75%;
  6829. }
  6830. .column.is-two-thirds-widescreen {
  6831. flex: none;
  6832. width: 66.6666%;
  6833. }
  6834. .column.is-half-widescreen {
  6835. flex: none;
  6836. width: 50%;
  6837. }
  6838. .column.is-one-third-widescreen {
  6839. flex: none;
  6840. width: 33.3333%;
  6841. }
  6842. .column.is-one-quarter-widescreen {
  6843. flex: none;
  6844. width: 25%;
  6845. }
  6846. .column.is-one-fifth-widescreen {
  6847. flex: none;
  6848. width: 20%;
  6849. }
  6850. .column.is-two-fifths-widescreen {
  6851. flex: none;
  6852. width: 40%;
  6853. }
  6854. .column.is-three-fifths-widescreen {
  6855. flex: none;
  6856. width: 60%;
  6857. }
  6858. .column.is-four-fifths-widescreen {
  6859. flex: none;
  6860. width: 80%;
  6861. }
  6862. .column.is-offset-three-quarters-widescreen {
  6863. margin-left: 75%;
  6864. }
  6865. .column.is-offset-two-thirds-widescreen {
  6866. margin-left: 66.6666%;
  6867. }
  6868. .column.is-offset-half-widescreen {
  6869. margin-left: 50%;
  6870. }
  6871. .column.is-offset-one-third-widescreen {
  6872. margin-left: 33.3333%;
  6873. }
  6874. .column.is-offset-one-quarter-widescreen {
  6875. margin-left: 25%;
  6876. }
  6877. .column.is-offset-one-fifth-widescreen {
  6878. margin-left: 20%;
  6879. }
  6880. .column.is-offset-two-fifths-widescreen {
  6881. margin-left: 40%;
  6882. }
  6883. .column.is-offset-three-fifths-widescreen {
  6884. margin-left: 60%;
  6885. }
  6886. .column.is-offset-four-fifths-widescreen {
  6887. margin-left: 80%;
  6888. }
  6889. .column.is-1-widescreen {
  6890. flex: none;
  6891. width: 8.33333%;
  6892. }
  6893. .column.is-offset-1-widescreen {
  6894. margin-left: 8.33333%;
  6895. }
  6896. .column.is-2-widescreen {
  6897. flex: none;
  6898. width: 16.66667%;
  6899. }
  6900. .column.is-offset-2-widescreen {
  6901. margin-left: 16.66667%;
  6902. }
  6903. .column.is-3-widescreen {
  6904. flex: none;
  6905. width: 25%;
  6906. }
  6907. .column.is-offset-3-widescreen {
  6908. margin-left: 25%;
  6909. }
  6910. .column.is-4-widescreen {
  6911. flex: none;
  6912. width: 33.33333%;
  6913. }
  6914. .column.is-offset-4-widescreen {
  6915. margin-left: 33.33333%;
  6916. }
  6917. .column.is-5-widescreen {
  6918. flex: none;
  6919. width: 41.66667%;
  6920. }
  6921. .column.is-offset-5-widescreen {
  6922. margin-left: 41.66667%;
  6923. }
  6924. .column.is-6-widescreen {
  6925. flex: none;
  6926. width: 50%;
  6927. }
  6928. .column.is-offset-6-widescreen {
  6929. margin-left: 50%;
  6930. }
  6931. .column.is-7-widescreen {
  6932. flex: none;
  6933. width: 58.33333%;
  6934. }
  6935. .column.is-offset-7-widescreen {
  6936. margin-left: 58.33333%;
  6937. }
  6938. .column.is-8-widescreen {
  6939. flex: none;
  6940. width: 66.66667%;
  6941. }
  6942. .column.is-offset-8-widescreen {
  6943. margin-left: 66.66667%;
  6944. }
  6945. .column.is-9-widescreen {
  6946. flex: none;
  6947. width: 75%;
  6948. }
  6949. .column.is-offset-9-widescreen {
  6950. margin-left: 75%;
  6951. }
  6952. .column.is-10-widescreen {
  6953. flex: none;
  6954. width: 83.33333%;
  6955. }
  6956. .column.is-offset-10-widescreen {
  6957. margin-left: 83.33333%;
  6958. }
  6959. .column.is-11-widescreen {
  6960. flex: none;
  6961. width: 91.66667%;
  6962. }
  6963. .column.is-offset-11-widescreen {
  6964. margin-left: 91.66667%;
  6965. }
  6966. .column.is-12-widescreen {
  6967. flex: none;
  6968. width: 100%;
  6969. }
  6970. .column.is-offset-12-widescreen {
  6971. margin-left: 100%;
  6972. }
  6973. }
  6974. @media screen and (min-width: 1472px) {
  6975. .column.is-narrow-fullhd {
  6976. flex: none;
  6977. }
  6978. .column.is-full-fullhd {
  6979. flex: none;
  6980. width: 100%;
  6981. }
  6982. .column.is-three-quarters-fullhd {
  6983. flex: none;
  6984. width: 75%;
  6985. }
  6986. .column.is-two-thirds-fullhd {
  6987. flex: none;
  6988. width: 66.6666%;
  6989. }
  6990. .column.is-half-fullhd {
  6991. flex: none;
  6992. width: 50%;
  6993. }
  6994. .column.is-one-third-fullhd {
  6995. flex: none;
  6996. width: 33.3333%;
  6997. }
  6998. .column.is-one-quarter-fullhd {
  6999. flex: none;
  7000. width: 25%;
  7001. }
  7002. .column.is-one-fifth-fullhd {
  7003. flex: none;
  7004. width: 20%;
  7005. }
  7006. .column.is-two-fifths-fullhd {
  7007. flex: none;
  7008. width: 40%;
  7009. }
  7010. .column.is-three-fifths-fullhd {
  7011. flex: none;
  7012. width: 60%;
  7013. }
  7014. .column.is-four-fifths-fullhd {
  7015. flex: none;
  7016. width: 80%;
  7017. }
  7018. .column.is-offset-three-quarters-fullhd {
  7019. margin-left: 75%;
  7020. }
  7021. .column.is-offset-two-thirds-fullhd {
  7022. margin-left: 66.6666%;
  7023. }
  7024. .column.is-offset-half-fullhd {
  7025. margin-left: 50%;
  7026. }
  7027. .column.is-offset-one-third-fullhd {
  7028. margin-left: 33.3333%;
  7029. }
  7030. .column.is-offset-one-quarter-fullhd {
  7031. margin-left: 25%;
  7032. }
  7033. .column.is-offset-one-fifth-fullhd {
  7034. margin-left: 20%;
  7035. }
  7036. .column.is-offset-two-fifths-fullhd {
  7037. margin-left: 40%;
  7038. }
  7039. .column.is-offset-three-fifths-fullhd {
  7040. margin-left: 60%;
  7041. }
  7042. .column.is-offset-four-fifths-fullhd {
  7043. margin-left: 80%;
  7044. }
  7045. .column.is-1-fullhd {
  7046. flex: none;
  7047. width: 8.33333%;
  7048. }
  7049. .column.is-offset-1-fullhd {
  7050. margin-left: 8.33333%;
  7051. }
  7052. .column.is-2-fullhd {
  7053. flex: none;
  7054. width: 16.66667%;
  7055. }
  7056. .column.is-offset-2-fullhd {
  7057. margin-left: 16.66667%;
  7058. }
  7059. .column.is-3-fullhd {
  7060. flex: none;
  7061. width: 25%;
  7062. }
  7063. .column.is-offset-3-fullhd {
  7064. margin-left: 25%;
  7065. }
  7066. .column.is-4-fullhd {
  7067. flex: none;
  7068. width: 33.33333%;
  7069. }
  7070. .column.is-offset-4-fullhd {
  7071. margin-left: 33.33333%;
  7072. }
  7073. .column.is-5-fullhd {
  7074. flex: none;
  7075. width: 41.66667%;
  7076. }
  7077. .column.is-offset-5-fullhd {
  7078. margin-left: 41.66667%;
  7079. }
  7080. .column.is-6-fullhd {
  7081. flex: none;
  7082. width: 50%;
  7083. }
  7084. .column.is-offset-6-fullhd {
  7085. margin-left: 50%;
  7086. }
  7087. .column.is-7-fullhd {
  7088. flex: none;
  7089. width: 58.33333%;
  7090. }
  7091. .column.is-offset-7-fullhd {
  7092. margin-left: 58.33333%;
  7093. }
  7094. .column.is-8-fullhd {
  7095. flex: none;
  7096. width: 66.66667%;
  7097. }
  7098. .column.is-offset-8-fullhd {
  7099. margin-left: 66.66667%;
  7100. }
  7101. .column.is-9-fullhd {
  7102. flex: none;
  7103. width: 75%;
  7104. }
  7105. .column.is-offset-9-fullhd {
  7106. margin-left: 75%;
  7107. }
  7108. .column.is-10-fullhd {
  7109. flex: none;
  7110. width: 83.33333%;
  7111. }
  7112. .column.is-offset-10-fullhd {
  7113. margin-left: 83.33333%;
  7114. }
  7115. .column.is-11-fullhd {
  7116. flex: none;
  7117. width: 91.66667%;
  7118. }
  7119. .column.is-offset-11-fullhd {
  7120. margin-left: 91.66667%;
  7121. }
  7122. .column.is-12-fullhd {
  7123. flex: none;
  7124. width: 100%;
  7125. }
  7126. .column.is-offset-12-fullhd {
  7127. margin-left: 100%;
  7128. }
  7129. }
  7130. .columns {
  7131. margin-left: -0.75rem;
  7132. margin-right: -0.75rem;
  7133. margin-top: -0.75rem;
  7134. }
  7135. .columns:last-child {
  7136. margin-bottom: -0.75rem;
  7137. }
  7138. .columns:not(:last-child) {
  7139. margin-bottom: calc(1.5rem - 0.75rem);
  7140. }
  7141. .columns.is-centered {
  7142. justify-content: center;
  7143. }
  7144. .columns.is-gapless {
  7145. margin-left: 0;
  7146. margin-right: 0;
  7147. margin-top: 0;
  7148. }
  7149. .columns.is-gapless > .column {
  7150. margin: 0;
  7151. padding: 0 !important;
  7152. }
  7153. .columns.is-gapless:not(:last-child) {
  7154. margin-bottom: 1.5rem;
  7155. }
  7156. .columns.is-gapless:last-child {
  7157. margin-bottom: 0;
  7158. }
  7159. .columns.is-mobile {
  7160. display: flex;
  7161. }
  7162. .columns.is-multiline {
  7163. flex-wrap: wrap;
  7164. }
  7165. .columns.is-vcentered {
  7166. align-items: center;
  7167. }
  7168. @media screen and (min-width: 769px), print {
  7169. .columns:not(.is-desktop) {
  7170. display: flex;
  7171. }
  7172. }
  7173. @media screen and (min-width: 1088px) {
  7174. .columns.is-desktop {
  7175. display: flex;
  7176. }
  7177. }
  7178. .columns.is-variable {
  7179. --columnGap: 0.75rem;
  7180. margin-left: calc(-1 * var(--columnGap));
  7181. margin-right: calc(-1 * var(--columnGap));
  7182. }
  7183. .columns.is-variable .column {
  7184. padding-left: var(--columnGap);
  7185. padding-right: var(--columnGap);
  7186. }
  7187. .columns.is-variable.is-0 {
  7188. --columnGap: 0rem;
  7189. }
  7190. .columns.is-variable.is-1 {
  7191. --columnGap: 0.25rem;
  7192. }
  7193. .columns.is-variable.is-2 {
  7194. --columnGap: 0.5rem;
  7195. }
  7196. .columns.is-variable.is-3 {
  7197. --columnGap: 0.75rem;
  7198. }
  7199. .columns.is-variable.is-4 {
  7200. --columnGap: 1rem;
  7201. }
  7202. .columns.is-variable.is-5 {
  7203. --columnGap: 1.25rem;
  7204. }
  7205. .columns.is-variable.is-6 {
  7206. --columnGap: 1.5rem;
  7207. }
  7208. .columns.is-variable.is-7 {
  7209. --columnGap: 1.75rem;
  7210. }
  7211. .columns.is-variable.is-8 {
  7212. --columnGap: 2rem;
  7213. }
  7214. .tile {
  7215. align-items: stretch;
  7216. display: block;
  7217. flex-basis: 0;
  7218. flex-grow: 1;
  7219. flex-shrink: 1;
  7220. min-height: min-content;
  7221. }
  7222. .tile.is-ancestor {
  7223. margin-left: -0.75rem;
  7224. margin-right: -0.75rem;
  7225. margin-top: -0.75rem;
  7226. }
  7227. .tile.is-ancestor:last-child {
  7228. margin-bottom: -0.75rem;
  7229. }
  7230. .tile.is-ancestor:not(:last-child) {
  7231. margin-bottom: 0.75rem;
  7232. }
  7233. .tile.is-child {
  7234. margin: 0 !important;
  7235. }
  7236. .tile.is-parent {
  7237. padding: 0.75rem;
  7238. }
  7239. .tile.is-vertical {
  7240. flex-direction: column;
  7241. }
  7242. .tile.is-vertical > .tile.is-child:not(:last-child) {
  7243. margin-bottom: 1.5rem !important;
  7244. }
  7245. @media screen and (min-width: 769px), print {
  7246. .tile:not(.is-child) {
  7247. display: flex;
  7248. }
  7249. .tile.is-1 {
  7250. flex: none;
  7251. width: 8.33333%;
  7252. }
  7253. .tile.is-2 {
  7254. flex: none;
  7255. width: 16.66667%;
  7256. }
  7257. .tile.is-3 {
  7258. flex: none;
  7259. width: 25%;
  7260. }
  7261. .tile.is-4 {
  7262. flex: none;
  7263. width: 33.33333%;
  7264. }
  7265. .tile.is-5 {
  7266. flex: none;
  7267. width: 41.66667%;
  7268. }
  7269. .tile.is-6 {
  7270. flex: none;
  7271. width: 50%;
  7272. }
  7273. .tile.is-7 {
  7274. flex: none;
  7275. width: 58.33333%;
  7276. }
  7277. .tile.is-8 {
  7278. flex: none;
  7279. width: 66.66667%;
  7280. }
  7281. .tile.is-9 {
  7282. flex: none;
  7283. width: 75%;
  7284. }
  7285. .tile.is-10 {
  7286. flex: none;
  7287. width: 83.33333%;
  7288. }
  7289. .tile.is-11 {
  7290. flex: none;
  7291. width: 91.66667%;
  7292. }
  7293. .tile.is-12 {
  7294. flex: none;
  7295. width: 100%;
  7296. }
  7297. }
  7298. .hero {
  7299. align-items: stretch;
  7300. display: flex;
  7301. flex-direction: column;
  7302. justify-content: space-between;
  7303. }
  7304. .hero .navbar {
  7305. background: none;
  7306. }
  7307. .hero .tabs ul {
  7308. border-bottom: none;
  7309. }
  7310. .hero.is-white {
  7311. background-color: white;
  7312. color: #0a0a0a;
  7313. }
  7314. .hero.is-white a:not(.button):not(.dropdown-item):not(.tag),
  7315. .hero.is-white strong {
  7316. color: inherit;
  7317. }
  7318. .hero.is-white .title {
  7319. color: #0a0a0a;
  7320. }
  7321. .hero.is-white .subtitle {
  7322. color: rgba(10, 10, 10, 0.9);
  7323. }
  7324. .hero.is-white .subtitle a:not(.button),
  7325. .hero.is-white .subtitle strong {
  7326. color: #0a0a0a;
  7327. }
  7328. @media screen and (max-width: 1087px) {
  7329. .hero.is-white .navbar-menu {
  7330. background-color: white;
  7331. }
  7332. }
  7333. .hero.is-white .navbar-item,
  7334. .hero.is-white .navbar-link {
  7335. color: rgba(10, 10, 10, 0.7);
  7336. }
  7337. .hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active,
  7338. .hero.is-white .navbar-link:hover,
  7339. .hero.is-white .navbar-link.is-active {
  7340. background-color: #f2f2f2;
  7341. color: #0a0a0a;
  7342. }
  7343. .hero.is-white .tabs a {
  7344. color: #0a0a0a;
  7345. opacity: 0.9;
  7346. }
  7347. .hero.is-white .tabs a:hover {
  7348. opacity: 1;
  7349. }
  7350. .hero.is-white .tabs li.is-active a {
  7351. opacity: 1;
  7352. }
  7353. .hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
  7354. color: #0a0a0a;
  7355. }
  7356. .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
  7357. background-color: rgba(10, 10, 10, 0.1);
  7358. }
  7359. .hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
  7360. background-color: #0a0a0a;
  7361. border-color: #0a0a0a;
  7362. color: white;
  7363. }
  7364. .hero.is-white.is-bold {
  7365. background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
  7366. }
  7367. @media screen and (max-width: 768px) {
  7368. .hero.is-white.is-bold .navbar-menu {
  7369. background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
  7370. }
  7371. }
  7372. .hero.is-black {
  7373. background-color: #0a0a0a;
  7374. color: white;
  7375. }
  7376. .hero.is-black a:not(.button):not(.dropdown-item):not(.tag),
  7377. .hero.is-black strong {
  7378. color: inherit;
  7379. }
  7380. .hero.is-black .title {
  7381. color: white;
  7382. }
  7383. .hero.is-black .subtitle {
  7384. color: rgba(255, 255, 255, 0.9);
  7385. }
  7386. .hero.is-black .subtitle a:not(.button),
  7387. .hero.is-black .subtitle strong {
  7388. color: white;
  7389. }
  7390. @media screen and (max-width: 1087px) {
  7391. .hero.is-black .navbar-menu {
  7392. background-color: #0a0a0a;
  7393. }
  7394. }
  7395. .hero.is-black .navbar-item,
  7396. .hero.is-black .navbar-link {
  7397. color: rgba(255, 255, 255, 0.7);
  7398. }
  7399. .hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active,
  7400. .hero.is-black .navbar-link:hover,
  7401. .hero.is-black .navbar-link.is-active {
  7402. background-color: black;
  7403. color: white;
  7404. }
  7405. .hero.is-black .tabs a {
  7406. color: white;
  7407. opacity: 0.9;
  7408. }
  7409. .hero.is-black .tabs a:hover {
  7410. opacity: 1;
  7411. }
  7412. .hero.is-black .tabs li.is-active a {
  7413. opacity: 1;
  7414. }
  7415. .hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
  7416. color: white;
  7417. }
  7418. .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
  7419. background-color: rgba(10, 10, 10, 0.1);
  7420. }
  7421. .hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
  7422. background-color: white;
  7423. border-color: white;
  7424. color: #0a0a0a;
  7425. }
  7426. .hero.is-black.is-bold {
  7427. background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
  7428. }
  7429. @media screen and (max-width: 768px) {
  7430. .hero.is-black.is-bold .navbar-menu {
  7431. background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
  7432. }
  7433. }
  7434. .hero.is-light {
  7435. background-color: whitesmoke;
  7436. color: #363636;
  7437. }
  7438. .hero.is-light a:not(.button):not(.dropdown-item):not(.tag),
  7439. .hero.is-light strong {
  7440. color: inherit;
  7441. }
  7442. .hero.is-light .title {
  7443. color: #363636;
  7444. }
  7445. .hero.is-light .subtitle {
  7446. color: rgba(54, 54, 54, 0.9);
  7447. }
  7448. .hero.is-light .subtitle a:not(.button),
  7449. .hero.is-light .subtitle strong {
  7450. color: #363636;
  7451. }
  7452. @media screen and (max-width: 1087px) {
  7453. .hero.is-light .navbar-menu {
  7454. background-color: whitesmoke;
  7455. }
  7456. }
  7457. .hero.is-light .navbar-item,
  7458. .hero.is-light .navbar-link {
  7459. color: rgba(54, 54, 54, 0.7);
  7460. }
  7461. .hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active,
  7462. .hero.is-light .navbar-link:hover,
  7463. .hero.is-light .navbar-link.is-active {
  7464. background-color: #e8e8e8;
  7465. color: #363636;
  7466. }
  7467. .hero.is-light .tabs a {
  7468. color: #363636;
  7469. opacity: 0.9;
  7470. }
  7471. .hero.is-light .tabs a:hover {
  7472. opacity: 1;
  7473. }
  7474. .hero.is-light .tabs li.is-active a {
  7475. opacity: 1;
  7476. }
  7477. .hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
  7478. color: #363636;
  7479. }
  7480. .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
  7481. background-color: rgba(10, 10, 10, 0.1);
  7482. }
  7483. .hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
  7484. background-color: #363636;
  7485. border-color: #363636;
  7486. color: whitesmoke;
  7487. }
  7488. .hero.is-light.is-bold {
  7489. background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
  7490. }
  7491. @media screen and (max-width: 768px) {
  7492. .hero.is-light.is-bold .navbar-menu {
  7493. background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
  7494. }
  7495. }
  7496. .hero.is-dark {
  7497. background-color: #363636;
  7498. color: whitesmoke;
  7499. }
  7500. .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag),
  7501. .hero.is-dark strong {
  7502. color: inherit;
  7503. }
  7504. .hero.is-dark .title {
  7505. color: whitesmoke;
  7506. }
  7507. .hero.is-dark .subtitle {
  7508. color: rgba(245, 245, 245, 0.9);
  7509. }
  7510. .hero.is-dark .subtitle a:not(.button),
  7511. .hero.is-dark .subtitle strong {
  7512. color: whitesmoke;
  7513. }
  7514. @media screen and (max-width: 1087px) {
  7515. .hero.is-dark .navbar-menu {
  7516. background-color: #363636;
  7517. }
  7518. }
  7519. .hero.is-dark .navbar-item,
  7520. .hero.is-dark .navbar-link {
  7521. color: rgba(245, 245, 245, 0.7);
  7522. }
  7523. .hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active,
  7524. .hero.is-dark .navbar-link:hover,
  7525. .hero.is-dark .navbar-link.is-active {
  7526. background-color: #292929;
  7527. color: whitesmoke;
  7528. }
  7529. .hero.is-dark .tabs a {
  7530. color: whitesmoke;
  7531. opacity: 0.9;
  7532. }
  7533. .hero.is-dark .tabs a:hover {
  7534. opacity: 1;
  7535. }
  7536. .hero.is-dark .tabs li.is-active a {
  7537. opacity: 1;
  7538. }
  7539. .hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
  7540. color: whitesmoke;
  7541. }
  7542. .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
  7543. background-color: rgba(10, 10, 10, 0.1);
  7544. }
  7545. .hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
  7546. background-color: whitesmoke;
  7547. border-color: whitesmoke;
  7548. color: #363636;
  7549. }
  7550. .hero.is-dark.is-bold {
  7551. background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);
  7552. }
  7553. @media screen and (max-width: 768px) {
  7554. .hero.is-dark.is-bold .navbar-menu {
  7555. background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);
  7556. }
  7557. }
  7558. .hero.is-primary {
  7559. background-color: #00d1b2;
  7560. color: #fff;
  7561. }
  7562. .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag),
  7563. .hero.is-primary strong {
  7564. color: inherit;
  7565. }
  7566. .hero.is-primary .title {
  7567. color: #fff;
  7568. }
  7569. .hero.is-primary .subtitle {
  7570. color: rgba(255, 255, 255, 0.9);
  7571. }
  7572. .hero.is-primary .subtitle a:not(.button),
  7573. .hero.is-primary .subtitle strong {
  7574. color: #fff;
  7575. }
  7576. @media screen and (max-width: 1087px) {
  7577. .hero.is-primary .navbar-menu {
  7578. background-color: #00d1b2;
  7579. }
  7580. }
  7581. .hero.is-primary .navbar-item,
  7582. .hero.is-primary .navbar-link {
  7583. color: rgba(255, 255, 255, 0.7);
  7584. }
  7585. .hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
  7586. .hero.is-primary .navbar-link:hover,
  7587. .hero.is-primary .navbar-link.is-active {
  7588. background-color: #00b89c;
  7589. color: #fff;
  7590. }
  7591. .hero.is-primary .tabs a {
  7592. color: #fff;
  7593. opacity: 0.9;
  7594. }
  7595. .hero.is-primary .tabs a:hover {
  7596. opacity: 1;
  7597. }
  7598. .hero.is-primary .tabs li.is-active a {
  7599. opacity: 1;
  7600. }
  7601. .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
  7602. color: #fff;
  7603. }
  7604. .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
  7605. background-color: rgba(10, 10, 10, 0.1);
  7606. }
  7607. .hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
  7608. background-color: #fff;
  7609. border-color: #fff;
  7610. color: #00d1b2;
  7611. }
  7612. .hero.is-primary.is-bold {
  7613. background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
  7614. }
  7615. @media screen and (max-width: 768px) {
  7616. .hero.is-primary.is-bold .navbar-menu {
  7617. background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
  7618. }
  7619. }
  7620. .hero.is-link {
  7621. background-color: #3273dc;
  7622. color: #fff;
  7623. }
  7624. .hero.is-link a:not(.button):not(.dropdown-item):not(.tag),
  7625. .hero.is-link strong {
  7626. color: inherit;
  7627. }
  7628. .hero.is-link .title {
  7629. color: #fff;
  7630. }
  7631. .hero.is-link .subtitle {
  7632. color: rgba(255, 255, 255, 0.9);
  7633. }
  7634. .hero.is-link .subtitle a:not(.button),
  7635. .hero.is-link .subtitle strong {
  7636. color: #fff;
  7637. }
  7638. @media screen and (max-width: 1087px) {
  7639. .hero.is-link .navbar-menu {
  7640. background-color: #3273dc;
  7641. }
  7642. }
  7643. .hero.is-link .navbar-item,
  7644. .hero.is-link .navbar-link {
  7645. color: rgba(255, 255, 255, 0.7);
  7646. }
  7647. .hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
  7648. .hero.is-link .navbar-link:hover,
  7649. .hero.is-link .navbar-link.is-active {
  7650. background-color: #2366d1;
  7651. color: #fff;
  7652. }
  7653. .hero.is-link .tabs a {
  7654. color: #fff;
  7655. opacity: 0.9;
  7656. }
  7657. .hero.is-link .tabs a:hover {
  7658. opacity: 1;
  7659. }
  7660. .hero.is-link .tabs li.is-active a {
  7661. opacity: 1;
  7662. }
  7663. .hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
  7664. color: #fff;
  7665. }
  7666. .hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
  7667. background-color: rgba(10, 10, 10, 0.1);
  7668. }
  7669. .hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
  7670. background-color: #fff;
  7671. border-color: #fff;
  7672. color: #3273dc;
  7673. }
  7674. .hero.is-link.is-bold {
  7675. background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
  7676. }
  7677. @media screen and (max-width: 768px) {
  7678. .hero.is-link.is-bold .navbar-menu {
  7679. background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
  7680. }
  7681. }
  7682. .hero.is-info {
  7683. background-color: #209cee;
  7684. color: #fff;
  7685. }
  7686. .hero.is-info a:not(.button):not(.dropdown-item):not(.tag),
  7687. .hero.is-info strong {
  7688. color: inherit;
  7689. }
  7690. .hero.is-info .title {
  7691. color: #fff;
  7692. }
  7693. .hero.is-info .subtitle {
  7694. color: rgba(255, 255, 255, 0.9);
  7695. }
  7696. .hero.is-info .subtitle a:not(.button),
  7697. .hero.is-info .subtitle strong {
  7698. color: #fff;
  7699. }
  7700. @media screen and (max-width: 1087px) {
  7701. .hero.is-info .navbar-menu {
  7702. background-color: #209cee;
  7703. }
  7704. }
  7705. .hero.is-info .navbar-item,
  7706. .hero.is-info .navbar-link {
  7707. color: rgba(255, 255, 255, 0.7);
  7708. }
  7709. .hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active,
  7710. .hero.is-info .navbar-link:hover,
  7711. .hero.is-info .navbar-link.is-active {
  7712. background-color: #118fe4;
  7713. color: #fff;
  7714. }
  7715. .hero.is-info .tabs a {
  7716. color: #fff;
  7717. opacity: 0.9;
  7718. }
  7719. .hero.is-info .tabs a:hover {
  7720. opacity: 1;
  7721. }
  7722. .hero.is-info .tabs li.is-active a {
  7723. opacity: 1;
  7724. }
  7725. .hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
  7726. color: #fff;
  7727. }
  7728. .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
  7729. background-color: rgba(10, 10, 10, 0.1);
  7730. }
  7731. .hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
  7732. background-color: #fff;
  7733. border-color: #fff;
  7734. color: #209cee;
  7735. }
  7736. .hero.is-info.is-bold {
  7737. background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%);
  7738. }
  7739. @media screen and (max-width: 768px) {
  7740. .hero.is-info.is-bold .navbar-menu {
  7741. background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%);
  7742. }
  7743. }
  7744. .hero.is-success {
  7745. background-color: #23d160;
  7746. color: #fff;
  7747. }
  7748. .hero.is-success a:not(.button):not(.dropdown-item):not(.tag),
  7749. .hero.is-success strong {
  7750. color: inherit;
  7751. }
  7752. .hero.is-success .title {
  7753. color: #fff;
  7754. }
  7755. .hero.is-success .subtitle {
  7756. color: rgba(255, 255, 255, 0.9);
  7757. }
  7758. .hero.is-success .subtitle a:not(.button),
  7759. .hero.is-success .subtitle strong {
  7760. color: #fff;
  7761. }
  7762. @media screen and (max-width: 1087px) {
  7763. .hero.is-success .navbar-menu {
  7764. background-color: #23d160;
  7765. }
  7766. }
  7767. .hero.is-success .navbar-item,
  7768. .hero.is-success .navbar-link {
  7769. color: rgba(255, 255, 255, 0.7);
  7770. }
  7771. .hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
  7772. .hero.is-success .navbar-link:hover,
  7773. .hero.is-success .navbar-link.is-active {
  7774. background-color: #20bc56;
  7775. color: #fff;
  7776. }
  7777. .hero.is-success .tabs a {
  7778. color: #fff;
  7779. opacity: 0.9;
  7780. }
  7781. .hero.is-success .tabs a:hover {
  7782. opacity: 1;
  7783. }
  7784. .hero.is-success .tabs li.is-active a {
  7785. opacity: 1;
  7786. }
  7787. .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
  7788. color: #fff;
  7789. }
  7790. .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
  7791. background-color: rgba(10, 10, 10, 0.1);
  7792. }
  7793. .hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
  7794. background-color: #fff;
  7795. border-color: #fff;
  7796. color: #23d160;
  7797. }
  7798. .hero.is-success.is-bold {
  7799. background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
  7800. }
  7801. @media screen and (max-width: 768px) {
  7802. .hero.is-success.is-bold .navbar-menu {
  7803. background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
  7804. }
  7805. }
  7806. .hero.is-warning {
  7807. background-color: #ffdd57;
  7808. color: rgba(0, 0, 0, 0.7);
  7809. }
  7810. .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag),
  7811. .hero.is-warning strong {
  7812. color: inherit;
  7813. }
  7814. .hero.is-warning .title {
  7815. color: rgba(0, 0, 0, 0.7);
  7816. }
  7817. .hero.is-warning .subtitle {
  7818. color: rgba(0, 0, 0, 0.9);
  7819. }
  7820. .hero.is-warning .subtitle a:not(.button),
  7821. .hero.is-warning .subtitle strong {
  7822. color: rgba(0, 0, 0, 0.7);
  7823. }
  7824. @media screen and (max-width: 1087px) {
  7825. .hero.is-warning .navbar-menu {
  7826. background-color: #ffdd57;
  7827. }
  7828. }
  7829. .hero.is-warning .navbar-item,
  7830. .hero.is-warning .navbar-link {
  7831. color: rgba(0, 0, 0, 0.7);
  7832. }
  7833. .hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active,
  7834. .hero.is-warning .navbar-link:hover,
  7835. .hero.is-warning .navbar-link.is-active {
  7836. background-color: #ffd83d;
  7837. color: rgba(0, 0, 0, 0.7);
  7838. }
  7839. .hero.is-warning .tabs a {
  7840. color: rgba(0, 0, 0, 0.7);
  7841. opacity: 0.9;
  7842. }
  7843. .hero.is-warning .tabs a:hover {
  7844. opacity: 1;
  7845. }
  7846. .hero.is-warning .tabs li.is-active a {
  7847. opacity: 1;
  7848. }
  7849. .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
  7850. color: rgba(0, 0, 0, 0.7);
  7851. }
  7852. .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
  7853. background-color: rgba(10, 10, 10, 0.1);
  7854. }
  7855. .hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
  7856. background-color: rgba(0, 0, 0, 0.7);
  7857. border-color: rgba(0, 0, 0, 0.7);
  7858. color: #ffdd57;
  7859. }
  7860. .hero.is-warning.is-bold {
  7861. background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
  7862. }
  7863. @media screen and (max-width: 768px) {
  7864. .hero.is-warning.is-bold .navbar-menu {
  7865. background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
  7866. }
  7867. }
  7868. .hero.is-danger {
  7869. background-color: #ff3860;
  7870. color: #fff;
  7871. }
  7872. .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag),
  7873. .hero.is-danger strong {
  7874. color: inherit;
  7875. }
  7876. .hero.is-danger .title {
  7877. color: #fff;
  7878. }
  7879. .hero.is-danger .subtitle {
  7880. color: rgba(255, 255, 255, 0.9);
  7881. }
  7882. .hero.is-danger .subtitle a:not(.button),
  7883. .hero.is-danger .subtitle strong {
  7884. color: #fff;
  7885. }
  7886. @media screen and (max-width: 1087px) {
  7887. .hero.is-danger .navbar-menu {
  7888. background-color: #ff3860;
  7889. }
  7890. }
  7891. .hero.is-danger .navbar-item,
  7892. .hero.is-danger .navbar-link {
  7893. color: rgba(255, 255, 255, 0.7);
  7894. }
  7895. .hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active,
  7896. .hero.is-danger .navbar-link:hover,
  7897. .hero.is-danger .navbar-link.is-active {
  7898. background-color: #ff1f4b;
  7899. color: #fff;
  7900. }
  7901. .hero.is-danger .tabs a {
  7902. color: #fff;
  7903. opacity: 0.9;
  7904. }
  7905. .hero.is-danger .tabs a:hover {
  7906. opacity: 1;
  7907. }
  7908. .hero.is-danger .tabs li.is-active a {
  7909. opacity: 1;
  7910. }
  7911. .hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
  7912. color: #fff;
  7913. }
  7914. .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
  7915. background-color: rgba(10, 10, 10, 0.1);
  7916. }
  7917. .hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
  7918. background-color: #fff;
  7919. border-color: #fff;
  7920. color: #ff3860;
  7921. }
  7922. .hero.is-danger.is-bold {
  7923. background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);
  7924. }
  7925. @media screen and (max-width: 768px) {
  7926. .hero.is-danger.is-bold .navbar-menu {
  7927. background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);
  7928. }
  7929. }
  7930. .hero.is-small .hero-body {
  7931. padding-bottom: 1.5rem;
  7932. padding-top: 1.5rem;
  7933. }
  7934. @media screen and (min-width: 769px), print {
  7935. .hero.is-medium .hero-body {
  7936. padding-bottom: 9rem;
  7937. padding-top: 9rem;
  7938. }
  7939. }
  7940. @media screen and (min-width: 769px), print {
  7941. .hero.is-large .hero-body {
  7942. padding-bottom: 18rem;
  7943. padding-top: 18rem;
  7944. }
  7945. }
  7946. .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body {
  7947. align-items: center;
  7948. display: flex;
  7949. }
  7950. .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container {
  7951. flex-grow: 1;
  7952. flex-shrink: 1;
  7953. }
  7954. .hero.is-halfheight {
  7955. min-height: 50vh;
  7956. }
  7957. .hero.is-fullheight {
  7958. min-height: 100vh;
  7959. }
  7960. .hero-video {
  7961. overflow: hidden;
  7962. }
  7963. .hero-video video {
  7964. left: 50%;
  7965. min-height: 100%;
  7966. min-width: 100%;
  7967. position: absolute;
  7968. top: 50%;
  7969. transform: translate3d(-50%, -50%, 0);
  7970. }
  7971. .hero-video.is-transparent {
  7972. opacity: 0.3;
  7973. }
  7974. @media screen and (max-width: 768px) {
  7975. .hero-video {
  7976. display: none;
  7977. }
  7978. }
  7979. .hero-buttons {
  7980. margin-top: 1.5rem;
  7981. }
  7982. @media screen and (max-width: 768px) {
  7983. .hero-buttons .button {
  7984. display: flex;
  7985. }
  7986. .hero-buttons .button:not(:last-child) {
  7987. margin-bottom: 0.75rem;
  7988. }
  7989. }
  7990. @media screen and (min-width: 769px), print {
  7991. .hero-buttons {
  7992. display: flex;
  7993. justify-content: center;
  7994. }
  7995. .hero-buttons .button:not(:last-child) {
  7996. margin-right: 1.5rem;
  7997. }
  7998. }
  7999. .hero-head,
  8000. .hero-foot {
  8001. flex-grow: 0;
  8002. flex-shrink: 0;
  8003. }
  8004. .hero-body {
  8005. flex-grow: 1;
  8006. flex-shrink: 0;
  8007. padding: 3rem 1.5rem;
  8008. }
  8009. .section {
  8010. padding: 3rem 1.5rem;
  8011. }
  8012. @media screen and (min-width: 1088px) {
  8013. .section.is-medium {
  8014. padding: 9rem 1.5rem;
  8015. }
  8016. .section.is-large {
  8017. padding: 18rem 1.5rem;
  8018. }
  8019. }
  8020. .footer {
  8021. background-color: #fafafa;
  8022. padding: 3rem 1.5rem 6rem;
  8023. }
  8024. .bd-columns-tool, .bd-footer-donation-action, .bd-footer-star-figure {
  8025. align-items: center;
  8026. display: flex;
  8027. justify-content: center;
  8028. }
  8029. .bd-footer-support, .bd-footer-star, .bd-book-content {
  8030. background-color: white;
  8031. border-radius: 6px;
  8032. box-shadow: 0 1.5rem 1.5rem -1.25rem rgba(10, 10, 10, 0.1);
  8033. display: block;
  8034. }
  8035. .bd-main {
  8036. overflow: hidden;
  8037. position: relative;
  8038. }
  8039. .bd-lead {
  8040. position: relative;
  8041. }
  8042. .bd-breadcrumb {
  8043. display: flex;
  8044. justify-content: space-between;
  8045. margin-bottom: 3rem;
  8046. }
  8047. .bd-breadcrumb .breadcrumb:not(:last-child) {
  8048. margin-bottom: 0;
  8049. }
  8050. .bd-prev-next {
  8051. align-items: flex-start;
  8052. color: #b5b5b5;
  8053. display: none;
  8054. flex-grow: 0;
  8055. flex-shrink: 0;
  8056. margin-left: 0.5rem;
  8057. text-align: center;
  8058. }
  8059. .bd-prev-next a,
  8060. .bd-prev-next span {
  8061. border-radius: 4px;
  8062. width: 1.5rem;
  8063. }
  8064. .bd-prev-next a:hover {
  8065. background-color: whitesmoke;
  8066. }
  8067. .bd-prev-next-bis {
  8068. border-top: 2px solid whitesmoke;
  8069. display: flex;
  8070. justify-content: space-between;
  8071. margin-top: 3rem;
  8072. }
  8073. .bd-prev-next-bis a {
  8074. margin-top: 1.5rem;
  8075. }
  8076. .bd-prev-next-bis-previous {
  8077. margin-right: auto;
  8078. }
  8079. .bd-prev-next-bis-next {
  8080. margin-left: auto;
  8081. }
  8082. .bd-header {
  8083. border-bottom: 2px solid whitesmoke;
  8084. margin-bottom: 3rem;
  8085. padding-bottom: 3rem;
  8086. }
  8087. .bd-header .subtitle {
  8088. color: #7a7a7a;
  8089. }
  8090. .bd-header .subtitle strong {
  8091. color: currentColor;
  8092. }
  8093. .bd-header #meta {
  8094. margin-top: -0.5rem;
  8095. }
  8096. .bd-content hr:first-child {
  8097. display: none;
  8098. }
  8099. .bd-content hr:first-child + .bd-anchor-title {
  8100. padding-top: 0;
  8101. }
  8102. .bd-side,
  8103. .bd-side-background {
  8104. background-color: #fafafa;
  8105. }
  8106. .bd-side {
  8107. position: relative;
  8108. }
  8109. .bd-side-background {
  8110. bottom: 0;
  8111. left: 50%;
  8112. position: absolute;
  8113. right: 0;
  8114. top: 0;
  8115. }
  8116. .bd-category a:hover {
  8117. color: #3273dc;
  8118. }
  8119. .bd-category:not(:last-child) {
  8120. margin-bottom: 0.5rem;
  8121. }
  8122. .bd-category.is-active .bd-category-toggle .icon {
  8123. transform: rotate(180deg);
  8124. }
  8125. .bd-category.is-active .bd-category-list {
  8126. display: block;
  8127. }
  8128. .bd-category-header {
  8129. position: relative;
  8130. }
  8131. .bd-category-toggle {
  8132. align-items: center;
  8133. color: #b5b5b5;
  8134. display: flex;
  8135. justify-content: flex-end;
  8136. }
  8137. .bd-category-toggle .icon {
  8138. font-size: 0.75rem;
  8139. transform-origin: center;
  8140. transition-duration: 86ms;
  8141. transition-property: transform;
  8142. }
  8143. .bd-category-name {
  8144. color: #363636;
  8145. position: relative;
  8146. }
  8147. .bd-category-list {
  8148. display: none;
  8149. font-size: 0.875rem;
  8150. padding: 0.5rem;
  8151. }
  8152. .bd-category-list li:not(:last-child) {
  8153. margin-bottom: 0.5em;
  8154. }
  8155. .bd-category-list li.is-current a {
  8156. color: #3273dc;
  8157. }
  8158. .bd-category-list a {
  8159. color: #7a7a7a;
  8160. }
  8161. @media screen and (max-width: 1087px) {
  8162. .bd-lead,
  8163. .bd-side {
  8164. padding: 1.5rem;
  8165. }
  8166. .bd-header-carbon {
  8167. margin-top: 1.5rem;
  8168. }
  8169. }
  8170. @media screen and (max-width: 768px) {
  8171. .bd-side-background {
  8172. display: none;
  8173. }
  8174. }
  8175. @media screen and (min-width: 769px), print {
  8176. .bd-duo {
  8177. display: flex;
  8178. }
  8179. .bd-lead {
  8180. background-color: white;
  8181. overflow: hidden;
  8182. flex-grow: 1;
  8183. flex-shrink: 1;
  8184. }
  8185. .bd-prev-next {
  8186. display: flex;
  8187. }
  8188. .bd-side {
  8189. flex: 0 0 calc(14rem + 1.5rem);
  8190. }
  8191. }
  8192. @media screen and (min-width: 1088px) {
  8193. .bd-main {
  8194. padding: 0 3rem;
  8195. }
  8196. .bd-lead {
  8197. margin-left: -3rem;
  8198. padding: 3rem;
  8199. }
  8200. .bd-lead:last-child {
  8201. margin-right: -3rem;
  8202. }
  8203. .bd-header {
  8204. align-items: center;
  8205. display: flex;
  8206. min-height: 130px;
  8207. }
  8208. .bd-header-titles {
  8209. flex-grow: 1;
  8210. flex-shrink: 1;
  8211. }
  8212. .bd-header-carbon {
  8213. flex-grow: 0;
  8214. flex-shrink: 0;
  8215. margin: -15px 0 -15px 6rem;
  8216. width: 300px;
  8217. }
  8218. .bd-side {
  8219. padding: 3rem 0 3rem 1.5rem;
  8220. }
  8221. }
  8222. .highlight {
  8223. background-color: #f5f5f5;
  8224. color: #586e75;
  8225. }
  8226. .highlight pre {
  8227. font-size: 0.875em;
  8228. line-height: 1.375;
  8229. }
  8230. .highlight .c {
  8231. color: #93a1a1;
  8232. }
  8233. .highlight .err,
  8234. .highlight .g {
  8235. color: #586e75;
  8236. }
  8237. .highlight .k {
  8238. color: #859900;
  8239. }
  8240. .highlight .l,
  8241. .highlight .n {
  8242. color: #586e75;
  8243. }
  8244. .highlight .o {
  8245. color: #859900;
  8246. }
  8247. .highlight .x {
  8248. color: #cb4b16;
  8249. }
  8250. .highlight .p {
  8251. color: #586e75;
  8252. }
  8253. .highlight .cm {
  8254. color: #93a1a1;
  8255. }
  8256. .highlight .cp {
  8257. color: #859900;
  8258. }
  8259. .highlight .c1 {
  8260. color: #93a1a1;
  8261. }
  8262. .highlight .cs {
  8263. color: #859900;
  8264. }
  8265. .highlight .gd {
  8266. color: #2aa198;
  8267. }
  8268. .highlight .ge {
  8269. color: #586e75;
  8270. font-style: italic;
  8271. }
  8272. .highlight .gr {
  8273. color: #dc322f;
  8274. }
  8275. .highlight .gh {
  8276. color: #cb4b16;
  8277. }
  8278. .highlight .gi {
  8279. color: #859900;
  8280. }
  8281. .highlight .go,
  8282. .highlight .gp {
  8283. color: #586e75;
  8284. }
  8285. .highlight .gs {
  8286. color: #586e75;
  8287. font-weight: bold;
  8288. }
  8289. .highlight .gu {
  8290. color: #cb4b16;
  8291. }
  8292. .highlight .gt {
  8293. color: #586e75;
  8294. }
  8295. .highlight .kc {
  8296. color: #cb4b16;
  8297. }
  8298. .highlight .kd {
  8299. color: #268bd2;
  8300. }
  8301. .highlight .kn,
  8302. .highlight .kp {
  8303. color: #859900;
  8304. }
  8305. .highlight .kr {
  8306. color: #268bd2;
  8307. }
  8308. .highlight .kt {
  8309. color: #dc322f;
  8310. }
  8311. .highlight .ld {
  8312. color: #586e75;
  8313. }
  8314. .highlight .m,
  8315. .highlight .s {
  8316. color: #2aa198;
  8317. }
  8318. .highlight .na {
  8319. color: #B58900;
  8320. }
  8321. .highlight .nb {
  8322. color: #586e75;
  8323. }
  8324. .highlight .nc {
  8325. color: #268bd2;
  8326. }
  8327. .highlight .no {
  8328. color: #cb4b16;
  8329. }
  8330. .highlight .nd {
  8331. color: #268bd2;
  8332. }
  8333. .highlight .ni,
  8334. .highlight .ne {
  8335. color: #cb4b16;
  8336. }
  8337. .highlight .nf {
  8338. color: #268bd2;
  8339. }
  8340. .highlight .nl,
  8341. .highlight .nn,
  8342. .highlight .nx,
  8343. .highlight .py {
  8344. color: #586e75;
  8345. }
  8346. .highlight .nt,
  8347. .highlight .nv {
  8348. color: #268bd2;
  8349. }
  8350. .highlight .ow {
  8351. color: #859900;
  8352. }
  8353. .highlight .w {
  8354. color: #586e75;
  8355. }
  8356. .highlight .mf,
  8357. .highlight .mh,
  8358. .highlight .mi,
  8359. .highlight .mo {
  8360. color: #2aa198;
  8361. }
  8362. .highlight .sb {
  8363. color: #93a1a1;
  8364. }
  8365. .highlight .sc {
  8366. color: #2aa198;
  8367. }
  8368. .highlight .sd {
  8369. color: #586e75;
  8370. }
  8371. .highlight .s2 {
  8372. color: #2aa198;
  8373. }
  8374. .highlight .se {
  8375. color: #cb4b16;
  8376. }
  8377. .highlight .sh {
  8378. color: #586e75;
  8379. }
  8380. .highlight .si,
  8381. .highlight .sx {
  8382. color: #2aa198;
  8383. }
  8384. .highlight .sr {
  8385. color: #dc322f;
  8386. }
  8387. .highlight .s1,
  8388. .highlight .ss {
  8389. color: #2aa198;
  8390. }
  8391. .highlight .bp,
  8392. .highlight .vc,
  8393. .highlight .vg,
  8394. .highlight .vi {
  8395. color: #268bd2;
  8396. }
  8397. .highlight .il {
  8398. color: #2aa198;
  8399. }
  8400. .content .highlight {
  8401. margin-left: 0;
  8402. margin-right: 0;
  8403. text-align: left;
  8404. }
  8405. .content .highlight:not(:first-child) {
  8406. margin-top: 1em;
  8407. }
  8408. .content .highlight:not(:last-child) {
  8409. margin-bottom: 1em;
  8410. }
  8411. .content li .highlight {
  8412. margin-top: 0.5em;
  8413. }
  8414. .content .bd-spaced li + li {
  8415. margin-top: 1em;
  8416. }
  8417. .content .highlighter-rouge:not(:last-child) {
  8418. margin-bottom: 1.5rem;
  8419. }
  8420. body.page-grid .column > .notification {
  8421. padding-left: 0;
  8422. padding-right: 0;
  8423. text-align: center;
  8424. }
  8425. a.navbar-item > .icon:not(:last-child) {
  8426. margin-left: -0.25em;
  8427. margin-right: 0.25em;
  8428. }
  8429. @media screen and (min-width: 769px), print {
  8430. .header-item .button + .button {
  8431. margin-left: 0.75rem;
  8432. }
  8433. }
  8434. svg {
  8435. max-height: 100%;
  8436. max-width: 100%;
  8437. }
  8438. .bd-patreon-button img {
  8439. border-radius: 4px;
  8440. }
  8441. #carboncontainer {
  8442. align-items: center;
  8443. display: flex;
  8444. justify-content: center;
  8445. margin-left: auto;
  8446. margin-right: auto;
  8447. max-width: 300px;
  8448. min-height: 100px;
  8449. min-width: 280px;
  8450. }
  8451. #carbon {
  8452. flex-grow: 1;
  8453. min-height: 100px;
  8454. padding: 0;
  8455. position: relative;
  8456. }
  8457. #carbon:hover {
  8458. background-color: white;
  8459. box-shadow: 0 0 0 0.75rem white;
  8460. }
  8461. @media screen and (min-width: 769px), print {
  8462. #carbon {
  8463. width: 300px;
  8464. }
  8465. }
  8466. #carbonads {
  8467. font-size: 14px;
  8468. text-align: left;
  8469. }
  8470. #carbonads a,
  8471. #carbonads span {
  8472. display: block;
  8473. }
  8474. #carbonads .carbon-wrap {
  8475. min-height: 100px;
  8476. position: relative;
  8477. }
  8478. #carbonads .carbon-wrap:hover .carbon-img::after {
  8479. background-color: rgba(0, 0, 0, 0.05);
  8480. content: "";
  8481. display: block;
  8482. right: 1rem;
  8483. }
  8484. #carbonads .carbon-img {
  8485. bottom: 0;
  8486. float: left;
  8487. left: 0;
  8488. min-height: 100px;
  8489. padding: 0;
  8490. position: absolute;
  8491. top: 0;
  8492. width: calc(130px + 1rem);
  8493. }
  8494. #carbonads .carbon-img img {
  8495. display: block;
  8496. height: 100px;
  8497. width: 130px;
  8498. }
  8499. #carbonads .carbon-img:hover + .carbon-text {
  8500. color: #3273dc;
  8501. }
  8502. #carbonads .carbon-img:active {
  8503. opacity: 0.8;
  8504. }
  8505. #carbonads .carbon-text {
  8506. display: block;
  8507. color: #363636;
  8508. line-height: 20px;
  8509. min-height: 100px;
  8510. padding: 0 0 20px calc(130px + 1rem);
  8511. }
  8512. #carbonads .carbon-text:hover {
  8513. color: #3273dc;
  8514. }
  8515. #carbonads .carbon-poweredby {
  8516. bottom: 0;
  8517. color: #b5b5b5;
  8518. display: inline;
  8519. font-size: 0.75rem;
  8520. line-height: 20px;
  8521. position: absolute;
  8522. right: 0;
  8523. }
  8524. #carbonads .carbon-poweredby:hover {
  8525. text-decoration: underline;
  8526. }
  8527. .bd-index-header {
  8528. text-align: center;
  8529. }
  8530. .bd-index-header a {
  8531. color: currentColor;
  8532. }
  8533. .bd-index-header a:hover {
  8534. color: #3273dc;
  8535. }
  8536. .bd-index-header a:hover strong {
  8537. color: currentColor;
  8538. }
  8539. .bd-index-header strong {
  8540. font-weight: 600;
  8541. }
  8542. .bd-index-header .title strong {
  8543. color: #00d1b2;
  8544. }
  8545. .bd-index-header .subtitle {
  8546. color: #b5b5b5 !important;
  8547. }
  8548. .bd-index-header .subtitle strong {
  8549. color: currentColor;
  8550. }
  8551. .bd-index-header:not(:last-child) {
  8552. margin-bottom: 3rem;
  8553. }
  8554. .bd-index-header.bd-is-left {
  8555. text-align: left;
  8556. }
  8557. .bd-index-js-tweet .bd-tw {
  8558. margin-left: auto;
  8559. margin-right: auto;
  8560. }
  8561. .bd-index-custom-title {
  8562. color: #b5b5b5;
  8563. }
  8564. .bd-index-custom-example {
  8565. padding: 1rem;
  8566. }
  8567. .bd-index-custom-example .subtitle {
  8568. margin-bottom: 0.5rem;
  8569. }
  8570. .bd-index-custom.bd-is-after {
  8571. color: #757763;
  8572. font-family: "Nunito", serif;
  8573. margin-top: 0.5rem;
  8574. }
  8575. .bd-index-custom.bd-is-after a {
  8576. color: #FA7C91;
  8577. }
  8578. .bd-index-custom.bd-is-after a:hover {
  8579. color: #363636;
  8580. }
  8581. .bd-index-custom.bd-is-after .subtitle {
  8582. color: #757763;
  8583. }
  8584. .bd-index-custom.bd-is-after .input,
  8585. .bd-index-custom.bd-is-after .select select {
  8586. background-color: #EFF0EB;
  8587. border-color: transparent;
  8588. border-width: 2px;
  8589. box-shadow: none;
  8590. font-family: "Nunito", serif;
  8591. }
  8592. .bd-index-custom.bd-is-after .input:hover,
  8593. .bd-index-custom.bd-is-after .select select:hover {
  8594. border-color: #D0D1CD;
  8595. }
  8596. .bd-index-custom.bd-is-after .input:focus,
  8597. .bd-index-custom.bd-is-after .select select:focus {
  8598. border-color: #FA7C91;
  8599. box-shadow: 0 0 0 0.125em rgba(250, 124, 145, 0.25);
  8600. }
  8601. .bd-index-custom.bd-is-after .select:not(.is-multiple):not(:hover)::after {
  8602. border-color: #FA7C91;
  8603. }
  8604. .bd-index-custom.bd-is-after .button.is-primary {
  8605. background-color: #8A4D76;
  8606. color: white;
  8607. }
  8608. .bd-index-custom.bd-is-after .button.is-primary:hover {
  8609. background-color: #82486f;
  8610. }
  8611. .bd-index-custom.bd-is-after .button.is-primary:active {
  8612. background-color: #7a4468;
  8613. }
  8614. .bd-index-custom.bd-is-after .button.is-link {
  8615. background-color: #FA7C91;
  8616. color: white;
  8617. }
  8618. .bd-index-custom.bd-is-after .button.is-link:hover {
  8619. background-color: #fa7087;
  8620. }
  8621. .bd-index-custom.bd-is-after .button.is-link:active {
  8622. background-color: #f9637c;
  8623. }
  8624. .bd-index-custom.bd-is-after ::-moz-selection {
  8625. background-color: #FA7C91;
  8626. color: white;
  8627. }
  8628. .bd-index-custom.bd-is-after ::selection {
  8629. background-color: #FA7C91;
  8630. color: white;
  8631. }
  8632. .bd-index-fullscreen .tabs a {
  8633. color: #b5b5b5 !important;
  8634. }
  8635. #grid .notification {
  8636. padding-left: 0;
  8637. padding-right: 0;
  8638. }
  8639. .bd-columns-tools {
  8640. margin-top: 3rem;
  8641. }
  8642. .bd-columns-tool.bd-is-try .buttons {
  8643. justify-content: center;
  8644. }
  8645. .bd-columns-tool.bd-is-try .button strong {
  8646. font-weight: 600;
  8647. }
  8648. #markup {
  8649. width: 100%;
  8650. }
  8651. #markup .highlight pre {
  8652. max-height: none;
  8653. }
  8654. #message {
  8655. display: none;
  8656. margin-top: 3rem;
  8657. }
  8658. @media screen and (max-width: 768px) {
  8659. .bd-columns-tool.bd-is-markup {
  8660. margin-top: 3rem;
  8661. }
  8662. }
  8663. @media screen and (min-width: 769px), print {
  8664. .bd-columns-tools {
  8665. align-items: flex-start;
  8666. display: flex;
  8667. }
  8668. .bd-columns-tool {
  8669. width: 50%;
  8670. }
  8671. .bd-columns-tool.bd-is-try {
  8672. padding-top: 60px;
  8673. }
  8674. }
  8675. .bd-focus {
  8676. margin: 6rem auto 0;
  8677. max-width: 1080px;
  8678. }
  8679. .bd-focus-item {
  8680. border-radius: 6px;
  8681. padding-top: 1.25rem;
  8682. transition-duration: 172ms;
  8683. transition-property: background-color;
  8684. }
  8685. .bd-focus-item .subtitle {
  8686. color: #b5b5b5;
  8687. }
  8688. .bd-focus-item .subtitle strong {
  8689. color: currentColor;
  8690. }
  8691. .bd-focus-item .title {
  8692. transition-duration: 172ms;
  8693. transition-property: color;
  8694. }
  8695. .bd-focus-item:hover {
  8696. background-color: #fafafa;
  8697. }
  8698. .bd-focus-item:hover .title {
  8699. color: #3273dc;
  8700. }
  8701. .bd-focus-icon .fa-mobile-alt {
  8702. color: #b86bff;
  8703. margin-right: -20px;
  8704. }
  8705. .bd-focus-icon .fa-tablet-alt {
  8706. color: #ff3860;
  8707. margin-left: -20px;
  8708. }
  8709. .bd-focus-icon .fa-desktop {
  8710. color: #ff470f;
  8711. margin-left: -20px;
  8712. position: relative;
  8713. top: 2px;
  8714. }
  8715. .bd-focus-icon .fa-cubes {
  8716. color: #23d160;
  8717. }
  8718. .bd-focus-icon .fa-css3 {
  8719. color: #3273dc;
  8720. }
  8721. .bd-focus-icon .fa-github-alt {
  8722. color: #333333;
  8723. }
  8724. .intro-content {
  8725. margin-left: auto;
  8726. margin-right: auto;
  8727. max-width: 640px;
  8728. }
  8729. .intro-title {
  8730. font-weight: 400;
  8731. line-height: 1.375;
  8732. }
  8733. .intro-title strong {
  8734. font-weight: 600;
  8735. }
  8736. .intro-ghbtns {
  8737. height: 30px;
  8738. margin-bottom: 26px;
  8739. }
  8740. .intro-ghbtns iframe,
  8741. .intro-ghbtns img {
  8742. height: 30px;
  8743. }
  8744. .intro-npm {
  8745. background: #242424;
  8746. border-radius: 6px;
  8747. color: white;
  8748. display: flex;
  8749. font-size: 15px;
  8750. justify-content: space-between;
  8751. line-height: 20px;
  8752. padding: 15px 25px;
  8753. position: relative;
  8754. }
  8755. .intro-npm code {
  8756. font-size: inherit;
  8757. -moz-osx-font-smoothing: grayscale;
  8758. -webkit-font-smoothing: antialiased;
  8759. }
  8760. .intro-npm .intro-npm-copy {
  8761. border-radius: 4px;
  8762. color: #ffdd57;
  8763. cursor: pointer;
  8764. margin: -2px -7px -3px;
  8765. padding: 2px 7px 3px;
  8766. }
  8767. .intro-npm .intro-npm-copy:hover {
  8768. background-color: #ffdd57;
  8769. color: #242424;
  8770. }
  8771. .intro-npm .intro-npm-copy.is-success, .intro-npm .intro-npm-copy.is-error {
  8772. color: white;
  8773. pointer-events: none;
  8774. text-decoration: none;
  8775. }
  8776. .intro-npm .intro-npm-copy.is-success {
  8777. background-color: #23d160;
  8778. }
  8779. .intro-npm .intro-npm-copy.is-error {
  8780. background-color: #ff3860;
  8781. }
  8782. .intro-npm ::-moz-selection {
  8783. background: #ffdd57;
  8784. color: #242424;
  8785. }
  8786. .intro-npm ::selection {
  8787. background: #ffdd57;
  8788. color: #242424;
  8789. }
  8790. .intro-buttons {
  8791. margin-top: 1.5rem;
  8792. }
  8793. .intro-buttons .button {
  8794. padding-left: 1.375em;
  8795. padding-right: 1.375em;
  8796. }
  8797. .intro-video {
  8798. background-color: white;
  8799. margin-left: auto;
  8800. margin-right: auto;
  8801. max-width: 640px;
  8802. position: relative;
  8803. }
  8804. .intro-video.has-loaded .intro-spinner {
  8805. display: none;
  8806. }
  8807. .intro-video.has-loaded .intro-iframe {
  8808. opacity: 1;
  8809. }
  8810. @keyframes introSpinner {
  8811. from {
  8812. opacity: 0;
  8813. transform: scale(1.14);
  8814. }
  8815. to {
  8816. opacity: 1;
  8817. transform: scale(1);
  8818. }
  8819. }
  8820. .intro-spinner,
  8821. .intro-shadow {
  8822. animation-duration: 500ms;
  8823. animation-easing-function: ease-out;
  8824. animation-fill-mode: both;
  8825. transform-origin: center;
  8826. }
  8827. .intro-spinner {
  8828. animation-name: introSpinner;
  8829. }
  8830. .intro-spinner::before {
  8831. border-bottom-color: #00d1b2;
  8832. border-left-color: #00d1b2;
  8833. height: 1.5em;
  8834. left: calc(50% - 0.75em);
  8835. position: absolute;
  8836. top: calc(50% - 0.75em);
  8837. width: 1.5em;
  8838. }
  8839. @keyframes introShadow {
  8840. from {
  8841. opacity: 0;
  8842. transform: scale(0.86);
  8843. }
  8844. to {
  8845. opacity: 1;
  8846. transform: scale(1);
  8847. }
  8848. }
  8849. .intro-shadow {
  8850. background-color: #776e70;
  8851. background-position: center center;
  8852. background-repeat: no-repeat;
  8853. background-size: cover;
  8854. box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2);
  8855. animation-name: introShadow;
  8856. }
  8857. .intro-iframe {
  8858. opacity: 0;
  8859. padding-top: 56.25%;
  8860. position: relative;
  8861. transition-duration: 500ms;
  8862. transition-property: opacity;
  8863. }
  8864. .intro-iframe iframe {
  8865. height: 100%;
  8866. left: 0;
  8867. position: absolute;
  8868. top: 0;
  8869. width: 100%;
  8870. }
  8871. .intro-author {
  8872. color: #7a7a7a;
  8873. font-size: 0.75rem;
  8874. margin-top: 40px;
  8875. text-align: center;
  8876. }
  8877. .intro-author a {
  8878. color: #363636;
  8879. }
  8880. .intro-author a:hover {
  8881. text-decoration: underline;
  8882. }
  8883. .intro-author span {
  8884. opacity: 0.5;
  8885. transition: 100ms opacity;
  8886. }
  8887. .intro-author span:hover {
  8888. opacity: 1;
  8889. }
  8890. @media screen and (max-width: 768px) {
  8891. .intro-buttons .button {
  8892. display: flex;
  8893. width: 100%;
  8894. }
  8895. .intro-buttons .button.is-light {
  8896. margin-top: 0.5rem;
  8897. }
  8898. }
  8899. @media screen and (min-width: 769px), print {
  8900. .intro-title {
  8901. font-size: 2.25rem;
  8902. }
  8903. .intro-buttons {
  8904. align-items: center;
  8905. display: flex;
  8906. justify-content: space-between;
  8907. }
  8908. }
  8909. @media screen and (max-width: 1087px) {
  8910. .intro-column.is-video {
  8911. margin-top: 3rem;
  8912. }
  8913. }
  8914. @media screen and (min-width: 1088px) {
  8915. .intro-columns {
  8916. display: flex;
  8917. justify-content: center;
  8918. }
  8919. .intro-column {
  8920. width: calc(50% - 1.5rem);
  8921. }
  8922. .intro-column.is-content {
  8923. margin-right: 1.5rem;
  8924. }
  8925. .intro-column.is-video {
  8926. margin-left: 1.5rem;
  8927. }
  8928. .intro-content {
  8929. max-width: 440px;
  8930. }
  8931. .intro-title {
  8932. margin-top: -11px;
  8933. }
  8934. .intro-title:not(:last-child) {
  8935. margin-bottom: 20px;
  8936. }
  8937. }
  8938. #github {
  8939. color: #333333;
  8940. border-color: #333333;
  8941. }
  8942. #github:hover {
  8943. background: #333333;
  8944. border-color: #333333;
  8945. color: white;
  8946. }
  8947. .bd-tw-button {
  8948. background-color: #55acee;
  8949. color: white;
  8950. border-color: transparent !important;
  8951. }
  8952. .bd-tw-button:hover {
  8953. background-color: #49a6ed;
  8954. color: white;
  8955. }
  8956. .bd-tw-button:active, .bd-tw-button:focus {
  8957. background-color: #3ea1ec;
  8958. color: white;
  8959. }
  8960. #moreDropdown .navbar-item {
  8961. padding-left: 3em;
  8962. position: relative;
  8963. }
  8964. #moreDropdown .icon {
  8965. left: 1rem;
  8966. position: absolute;
  8967. text-align: center;
  8968. top: 0.375rem;
  8969. width: 1em;
  8970. }
  8971. #moreDropdownBootstrap .icon {
  8972. color: #6f5499;
  8973. }
  8974. #moreDropdownPatreon .icon {
  8975. color: #f96854;
  8976. }
  8977. @media screen and (min-width: 1088px) {
  8978. #blogDropdown {
  8979. width: 17rem;
  8980. }
  8981. #blogDropdown .navbar-item {
  8982. white-space: normal;
  8983. }
  8984. #moreDropdown {
  8985. width: 14rem;
  8986. }
  8987. #moreDropdown .navbar-item {
  8988. padding-right: 1rem;
  8989. white-space: normal;
  8990. }
  8991. #moreDropdown .navbar-item .level {
  8992. flex-grow: 1;
  8993. }
  8994. }
  8995. .bd-footer-title {
  8996. color: #363636;
  8997. font-size: 1.25rem;
  8998. line-height: 1.25;
  8999. margin-bottom: 0.5rem;
  9000. transition-duration: 86ms;
  9001. transition-property: color;
  9002. }
  9003. .bd-footer-title strong {
  9004. font-weight: 600;
  9005. }
  9006. .bd-footer-subtitle {
  9007. color: #b5b5b5;
  9008. margin-top: -0.5rem;
  9009. transition-duration: 86ms;
  9010. transition-property: color;
  9011. }
  9012. .bd-footer-iframe {
  9013. display: flex;
  9014. flex-wrap: wrap;
  9015. margin-bottom: -10px;
  9016. min-height: 30px;
  9017. }
  9018. .bd-footer-iframe iframe {
  9019. margin-bottom: 10px;
  9020. }
  9021. .bd-footer-iframe .fb-like {
  9022. margin-left: 10px;
  9023. }
  9024. .bd-footer-tsp {
  9025. color: #b5b5b5;
  9026. margin-top: 1.5rem;
  9027. }
  9028. .bd-footer-support, .bd-footer-star {
  9029. text-align: center;
  9030. }
  9031. .bd-footer-support .bd-footer-title, .bd-footer-star .bd-footer-title {
  9032. font-size: 1.5rem;
  9033. }
  9034. .bd-footer-support {
  9035. margin-bottom: 3rem;
  9036. margin-top: 3rem;
  9037. padding: 3rem;
  9038. }
  9039. .bd-footer-support .bd-footer-title {
  9040. margin-bottom: 1.5rem;
  9041. }
  9042. .bd-footer-donations {
  9043. justify-content: center;
  9044. }
  9045. .bd-footer-donation {
  9046. flex: none;
  9047. width: 240px;
  9048. }
  9049. .bd-footer-donation-title {
  9050. color: #b5b5b5;
  9051. margin-bottom: 0.5rem;
  9052. }
  9053. .bd-footer-donation-title strong {
  9054. color: currentColor;
  9055. }
  9056. .bd-footer-donation-action {
  9057. height: 70px;
  9058. }
  9059. .bd-footer-donation-action .paypal-form {
  9060. height: 30px;
  9061. }
  9062. .bd-footer-donation-action .paypal-form img {
  9063. display: block;
  9064. }
  9065. @media screen and (min-width: 769px), print {
  9066. .bd-footer-stars {
  9067. align-items: stretch;
  9068. display: flex;
  9069. justify-content: space-between;
  9070. }
  9071. }
  9072. .bd-footer-star {
  9073. transition-duration: 86ms;
  9074. transition-property: box-shadow, transform;
  9075. will-change: box-shadow, transform;
  9076. }
  9077. @media screen and (max-width: 768px) {
  9078. .bd-footer-star:not(:last-child) {
  9079. margin-bottom: 1.5rem;
  9080. }
  9081. }
  9082. @media screen and (min-width: 769px), print {
  9083. .bd-footer-star {
  9084. width: calc(33.3333% - 2rem);
  9085. }
  9086. }
  9087. .bd-footer-star:hover {
  9088. box-shadow: 0 3rem 3rem -1.25rem rgba(10, 10, 10, 0.1);
  9089. transform: translateY(-0.5rem);
  9090. }
  9091. .bd-footer-star:hover .bd-footer-title,
  9092. .bd-footer-star:hover .bd-footer-subtitle {
  9093. color: #3273dc;
  9094. }
  9095. .bd-footer-star.bd-is-expo, .bd-footer-star.bd-is-love {
  9096. padding-bottom: 156px;
  9097. }
  9098. .bd-footer-star.bd-is-expo .bd-footer-title, .bd-footer-star.bd-is-love .bd-footer-title {
  9099. align-items: center;
  9100. display: flex;
  9101. justify-content: center;
  9102. }
  9103. .bd-footer-star.bd-is-expo .bd-footer-title .icon, .bd-footer-star.bd-is-love .bd-footer-title .icon {
  9104. margin-right: 0.25em;
  9105. }
  9106. .bd-footer-star.bd-is-expo {
  9107. background-image: url("/images/footer/expo-examples.png");
  9108. background-repeat: repeat-x;
  9109. background-position: bottom center;
  9110. background-size: 352px 156px;
  9111. }
  9112. .bd-footer-star.bd-is-love {
  9113. background-image: url("/images/footer/love.png");
  9114. background-repeat: no-repeat;
  9115. background-position: bottom center;
  9116. background-size: 440px 180px;
  9117. }
  9118. .bd-footer-star-header {
  9119. padding: 1.5rem;
  9120. }
  9121. .bd-footer-star-figure {
  9122. height: 156px;
  9123. margin-top: -1rem;
  9124. }
  9125. .bd-footer-links {
  9126. margin-top: 6rem;
  9127. padding-bottom: 6rem;
  9128. }
  9129. .bd-footer-links a {
  9130. color: currentColor;
  9131. }
  9132. .bd-footer-links a:hover {
  9133. color: #3273dc;
  9134. }
  9135. .bd-footer-link-title {
  9136. color: #363636;
  9137. font-size: 1.25rem;
  9138. font-weight: 600;
  9139. }
  9140. .bd-footer-link-title:not(:first-child) {
  9141. margin-top: 1.5em;
  9142. }
  9143. .bd-footer-link {
  9144. margin-top: 0.5rem;
  9145. }
  9146. .bd-footer-link.bd-is-more {
  9147. font-size: 0.875rem;
  9148. }
  9149. .bd-footer-link.bd-is-more a:not(:hover) {
  9150. color: #b5b5b5;
  9151. }
  9152. .bd-footer-link.bd-has-subtitle a {
  9153. align-items: center;
  9154. display: flex;
  9155. justify-content: space-between;
  9156. }
  9157. .bd-footer-link.bd-has-subtitle a strong {
  9158. flex-grow: 1;
  9159. flex-shrink: 1;
  9160. font-weight: unset;
  9161. }
  9162. .bd-footer-link.bd-has-subtitle a em {
  9163. display: block;
  9164. font-size: 0.875rem;
  9165. font-style: normal;
  9166. }
  9167. .bd-footer-link.bd-has-subtitle a:not(:hover) em {
  9168. color: #b5b5b5;
  9169. }
  9170. @media screen and (max-width: 768px) {
  9171. .bd-footer-link.bd-has-subtitle a {
  9172. flex-wrap: wrap;
  9173. margin-top: 1rem;
  9174. }
  9175. .bd-footer-link.bd-has-subtitle a em {
  9176. width: 100%;
  9177. }
  9178. }
  9179. @media screen and (min-width: 769px), print {
  9180. .bd-footer-link.bd-has-subtitle a em {
  9181. margin-left: 1rem;
  9182. text-align: right;
  9183. }
  9184. }
  9185. .bd-footer-link-icon {
  9186. flex-grow: 0;
  9187. flex-shrink: 0;
  9188. margin-right: 0.5em;
  9189. text-align: center;
  9190. width: 1em;
  9191. }
  9192. ::-moz-selection {
  9193. background-color: #00d1b2;
  9194. color: #fff;
  9195. }
  9196. ::selection {
  9197. background-color: #00d1b2;
  9198. color: #fff;
  9199. }
  9200. .bd-links {
  9201. counter-reset: bd-links;
  9202. }
  9203. .bd-link {
  9204. border-radius: 6px;
  9205. color: #7a7a7a;
  9206. display: block;
  9207. font-size: 1.25rem;
  9208. padding: 1rem 3rem 1.5rem 5rem;
  9209. position: relative;
  9210. transition-duration: 86ms;
  9211. transition-property: background-color, color;
  9212. }
  9213. .bd-link strong {
  9214. font-weight: 600;
  9215. }
  9216. .bd-link:hover {
  9217. background-color: #fafafa;
  9218. }
  9219. .bd-link-name {
  9220. line-height: 1.25;
  9221. margin-bottom: 0.25em;
  9222. position: relative;
  9223. }
  9224. .bd-link-figure {
  9225. position: absolute;
  9226. right: calc(100% + 0.5em);
  9227. text-align: center;
  9228. top: 0;
  9229. min-width: 1.5em;
  9230. }
  9231. .bd-link-counter {
  9232. color: #3273dc;
  9233. display: block;
  9234. counter-increment: bd-links;
  9235. font-weight: 400;
  9236. }
  9237. .bd-link-counter::before {
  9238. content: counter(bd-links);
  9239. }
  9240. .bd-link-icon {
  9241. display: block;
  9242. font-size: 2rem;
  9243. width: 1.5em;
  9244. }
  9245. @media screen and (min-width: 1088px) {
  9246. .bd-links {
  9247. display: flex;
  9248. flex-wrap: wrap;
  9249. }
  9250. .bd-link {
  9251. width: 50%;
  9252. }
  9253. }
  9254. .bd-link-name {
  9255. color: #363636;
  9256. font-size: 1.5rem;
  9257. font-weight: 600;
  9258. }
  9259. .bd-docs {
  9260. display: flex;
  9261. flex-wrap: wrap;
  9262. }
  9263. .bd-doc {
  9264. margin: 0 3rem 1.5rem 0;
  9265. }
  9266. @media screen and (max-width: 768px) {
  9267. .bd-doc {
  9268. min-width: calc(50% - 3rem);
  9269. }
  9270. }
  9271. @media screen and (min-width: 769px), print {
  9272. .bd-doc {
  9273. min-width: calc(33.3333% - 3rem);
  9274. }
  9275. }
  9276. .bd-doc-title {
  9277. color: #363636;
  9278. }
  9279. .bd-doc-title a {
  9280. color: currentColor;
  9281. }
  9282. .bd-doc-title a:hover {
  9283. color: #3273dc;
  9284. }
  9285. .bd-doc-title:not(:last-child) {
  9286. margin-bottom: 0.75rem;
  9287. }
  9288. .bd-boxes {
  9289. display: flex;
  9290. flex-wrap: wrap;
  9291. justify-content: space-between;
  9292. }
  9293. .bd-box {
  9294. border: 4px solid whitesmoke;
  9295. border-radius: 4px;
  9296. }
  9297. .bd-box-header {
  9298. text-align: center;
  9299. }
  9300. .bd-typo {
  9301. text-align: center;
  9302. }
  9303. .bd-typo:not(:first-child) {
  9304. margin-top: 3rem;
  9305. }
  9306. .bd-has-text-rss {
  9307. color: #f26522;
  9308. }
  9309. .has-text-star {
  9310. color: #FFD257;
  9311. }
  9312. .bd-special-shadow {
  9313. background-image: linear-gradient(rgba(0, 0, 0, 0.1), transparent);
  9314. height: 8px;
  9315. left: 0;
  9316. opacity: 0;
  9317. position: absolute;
  9318. right: 0;
  9319. top: 100%;
  9320. transform: scaleY(0);
  9321. transform-origin: center top;
  9322. }
  9323. @media screen and (max-width: 1087px) {
  9324. .bd-is-clipped-touch {
  9325. overflow: hidden !important;
  9326. }
  9327. }
  9328. #images tr td:nth-child(2) {
  9329. width: 320px;
  9330. }
  9331. .bd-color {
  9332. border-radius: 2px;
  9333. box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  9334. display: inline-block;
  9335. float: left;
  9336. height: 24px;
  9337. margin-right: 8px;
  9338. width: 24px;
  9339. }
  9340. .button.bd-is-rss {
  9341. background-color: #f26522;
  9342. border-color: transparent;
  9343. color: #fff;
  9344. }
  9345. .button.bd-is-rss:hover {
  9346. background-color: #ed560e;
  9347. }
  9348. .button.bd-is-rss:active {
  9349. background-color: #d54d0d;
  9350. }
  9351. .bd-view-all-versions {
  9352. color: #7a7a7a;
  9353. }
  9354. .bd-view-all-versions:hover {
  9355. text-decoration: underline;
  9356. }
  9357. .bd-feature-title {
  9358. color: #7a7a7a;
  9359. }
  9360. .bd-feature-title a {
  9361. border-bottom: 1px solid transparent;
  9362. color: #363636;
  9363. }
  9364. .bd-feature-title a:hover {
  9365. border-bottom-color: #00d1b2;
  9366. }
  9367. .bd-anchor-title {
  9368. padding-top: 1.5rem;
  9369. position: relative;
  9370. }
  9371. @media screen and (max-width: 1279px) {
  9372. .bd-anchor-title {
  9373. padding-left: 2rem;
  9374. }
  9375. }
  9376. .bd-anchor-link {
  9377. position: absolute;
  9378. right: calc(100% + 1rem);
  9379. }
  9380. @media screen and (max-width: 1279px) {
  9381. .bd-anchor-link {
  9382. left: 0;
  9383. right: auto;
  9384. }
  9385. }
  9386. .has-text-orange {
  9387. color: #ff470f !important;
  9388. }
  9389. .has-text-bootstrap {
  9390. color: #6f5499 !important;
  9391. }
  9392. .has-text-patreon {
  9393. color: #f96854 !important;
  9394. }
  9395. .bd-emoji {
  9396. margin-right: 0.5em;
  9397. margin-top: 2px;
  9398. }
  9399. .bd-emoji-bis {
  9400. font-size: 1.25em;
  9401. vertical-align: middle;
  9402. }
  9403. .bd-notification {
  9404. background-color: whitesmoke;
  9405. border-radius: 4px;
  9406. color: #7a7a7a;
  9407. font-weight: 600;
  9408. padding: 1.25rem 0;
  9409. position: relative;
  9410. text-align: center;
  9411. }
  9412. .bd-notification .title,
  9413. .bd-notification .subtitle,
  9414. .bd-notification .content,
  9415. .bd-notification strong {
  9416. color: currentColor;
  9417. }
  9418. .bd-notification code,
  9419. .bd-notification pre {
  9420. background-color: rgba(10, 10, 10, 0.2);
  9421. border-radius: 4px;
  9422. color: white;
  9423. }
  9424. .bd-notification pre code {
  9425. background-color: transparent;
  9426. }
  9427. .bd-notification.is-white {
  9428. background-color: white;
  9429. color: #0a0a0a;
  9430. }
  9431. .bd-notification.is-black {
  9432. background-color: #0a0a0a;
  9433. color: white;
  9434. }
  9435. .bd-notification.is-light {
  9436. background-color: whitesmoke;
  9437. color: #363636;
  9438. }
  9439. .bd-notification.is-dark {
  9440. background-color: #363636;
  9441. color: whitesmoke;
  9442. }
  9443. .bd-notification.is-primary {
  9444. background-color: #00d1b2;
  9445. color: #fff;
  9446. }
  9447. .bd-notification.is-link {
  9448. background-color: #3273dc;
  9449. color: #fff;
  9450. }
  9451. .bd-notification.is-info {
  9452. background-color: #209cee;
  9453. color: #fff;
  9454. }
  9455. .bd-notification.is-success {
  9456. background-color: #23d160;
  9457. color: #fff;
  9458. }
  9459. .bd-notification.is-warning {
  9460. background-color: #ffdd57;
  9461. color: rgba(0, 0, 0, 0.7);
  9462. }
  9463. .bd-notification.is-danger {
  9464. background-color: #ff3860;
  9465. color: #fff;
  9466. }
  9467. .bd-icon-size .icon {
  9468. background-color: #ffdd57;
  9469. }
  9470. .bd-mwb-table td {
  9471. vertical-align: middle;
  9472. }
  9473. .bd-mwb-table td img {
  9474. vertical-align: middle;
  9475. }
  9476. .bd-example,
  9477. .bd-structure,
  9478. .bd-snippet {
  9479. border: 2px solid whitesmoke;
  9480. position: relative;
  9481. }
  9482. .bd-example::before,
  9483. .bd-structure::before,
  9484. .bd-snippet::before {
  9485. background: #ffdd57;
  9486. border-radius: 2px 2px 0 0;
  9487. bottom: 100%;
  9488. color: rgba(0, 0, 0, 0.7);
  9489. content: "Example";
  9490. display: inline-block;
  9491. font-size: 7px;
  9492. font-weight: bold;
  9493. left: -1px;
  9494. letter-spacing: 1px;
  9495. margin-left: -1px;
  9496. padding: 3px 5px;
  9497. position: absolute;
  9498. text-transform: uppercase;
  9499. vertical-align: top;
  9500. }
  9501. @media screen and (min-width: 769px), print {
  9502. .bd-example.is-fullwidth,
  9503. .bd-structure.is-fullwidth,
  9504. .bd-snippet.is-fullwidth {
  9505. border-left: none;
  9506. border-right: none;
  9507. padding: 0;
  9508. }
  9509. }
  9510. .bd-example,
  9511. .bd-structure {
  9512. padding: 1.5rem;
  9513. }
  9514. .bd-example:not(:first-child),
  9515. .bd-structure:not(:first-child) {
  9516. margin-top: 2rem;
  9517. }
  9518. .bd-example:not(:last-child),
  9519. .bd-structure:not(:last-child) {
  9520. margin-bottom: 1.5rem;
  9521. }
  9522. .bd-example.bd-is-clipped {
  9523. border-top-right-radius: 6px;
  9524. }
  9525. .bd-example + .highlight {
  9526. border: 1px solid #ffdd57;
  9527. border-radius: 0 0 4px 4px;
  9528. border-top: none;
  9529. margin-top: -1.5rem;
  9530. }
  9531. .bd-example + .highlight:not(:last-child) {
  9532. margin-bottom: 1.5rem;
  9533. }
  9534. .bd-snippet {
  9535. margin-top: 2rem;
  9536. position: relative;
  9537. }
  9538. .bd-snippet::before {
  9539. content: "Snippet";
  9540. align-items: stretch;
  9541. display: flex;
  9542. }
  9543. .bd-snippet-preview {
  9544. padding: 1.5rem;
  9545. }
  9546. .bd-snippet-code {
  9547. background-color: whitesmoke;
  9548. }
  9549. .bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight {
  9550. height: 2em;
  9551. overflow: hidden;
  9552. }
  9553. .bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight pre {
  9554. overflow: hidden;
  9555. }
  9556. .bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight .bd-show {
  9557. display: flex;
  9558. }
  9559. .bd-snippet.bd-is-horizontal {
  9560. border-radius: 6px;
  9561. border-top-left-radius: 0;
  9562. }
  9563. .bd-snippet.bd-is-horizontal .bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight pre {
  9564. padding-top: 0.325rem;
  9565. }
  9566. .bd-snippet.bd-is-clipped .bd-snippet-code {
  9567. overflow: auto;
  9568. }
  9569. .bd-snippet.bd-is-fullwidth {
  9570. border-radius: 0;
  9571. border-width: 1px 0;
  9572. }
  9573. @media screen and (min-width: 1088px) {
  9574. .bd-snippet.bd-is-vertical {
  9575. align-items: stretch;
  9576. border-radius: 6px;
  9577. border-top-left-radius: 0;
  9578. display: flex;
  9579. justify-content: center;
  9580. }
  9581. .bd-snippet.bd-is-vertical .bd-snippet-preview,
  9582. .bd-snippet.bd-is-vertical .bd-snippet-code {
  9583. width: 50%;
  9584. }
  9585. .bd-snippet.bd-is-vertical .bd-snippet-code,
  9586. .bd-snippet.bd-is-vertical .bd-snippet-code .highlight,
  9587. .bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre {
  9588. align-items: stretch;
  9589. border-radius: 0 6px 6px 0;
  9590. display: flex;
  9591. flex-direction: column;
  9592. }
  9593. .bd-snippet.bd-is-vertical .bd-snippet-code .highlight,
  9594. .bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre,
  9595. .bd-snippet.bd-is-vertical .bd-snippet-code .highlight .language-html {
  9596. flex-grow: 1;
  9597. }
  9598. .bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre {
  9599. white-space: pre;
  9600. }
  9601. .bd-snippet.bd-is-vertical.bd-is-one-fifth .bd-snippet-preview {
  9602. align-items: center;
  9603. display: flex;
  9604. justify-content: center;
  9605. width: calc(128px + 3rem);
  9606. }
  9607. .bd-snippet.bd-is-vertical.bd-is-one-fifth .bd-snippet-code {
  9608. width: calc(100% - 128px - 3rem);
  9609. }
  9610. .bd-snippet.bd-is-vertical.bd-is-two-fifths .bd-snippet-preview {
  9611. align-items: center;
  9612. display: flex;
  9613. justify-content: center;
  9614. width: calc(256px + 3rem);
  9615. }
  9616. .bd-snippet.bd-is-vertical.bd-is-two-fifths .bd-snippet-code {
  9617. width: calc(100% - 256px - 3rem);
  9618. }
  9619. .bd-snippet.bd-is-vertical.bd-is-one-third .bd-snippet-preview {
  9620. width: 33.3333%;
  9621. }
  9622. .bd-snippet.bd-is-vertical.bd-is-one-third .bd-snippet-code {
  9623. width: 66.6666%;
  9624. }
  9625. }
  9626. .highlight.bd-is-hovering {
  9627. border-radius: 2px;
  9628. box-shadow: 0 0 0 2px #ffdd57;
  9629. }
  9630. .highlight pre {
  9631. max-height: 320px;
  9632. margin-bottom: 0 !important;
  9633. }
  9634. .highlight-full:not(:last-child),
  9635. #navbarJsExample:not(:last-child) {
  9636. margin-bottom: 1.5rem;
  9637. }
  9638. .highlight-full .highlight pre,
  9639. #navbarJsExample .highlight pre {
  9640. max-height: none;
  9641. }
  9642. .bd-structure {
  9643. border-color: #ff3860;
  9644. border-radius: 4px;
  9645. padding: 1.5rem;
  9646. }
  9647. .bd-structure::before {
  9648. background: #ff3860;
  9649. color: #fff;
  9650. content: "Structure";
  9651. }
  9652. .bd-structure-item {
  9653. position: relative;
  9654. }
  9655. .bd-structure-item::before {
  9656. background: rgba(10, 10, 10, 0.7);
  9657. background: whitesmoke;
  9658. border: 1px solid #dbdbdb;
  9659. content: "";
  9660. display: block;
  9661. z-index: 1;
  9662. }
  9663. .bd-structure-item::after {
  9664. align-items: center;
  9665. content: attr(title);
  9666. display: flex;
  9667. font-family: monospace;
  9668. font-size: 11px;
  9669. justify-content: center;
  9670. padding: 3px 5px;
  9671. z-index: 2;
  9672. }
  9673. .bd-structure-item.bd-is-structure-container {
  9674. padding: 1.5rem 0.75rem 0.75rem;
  9675. }
  9676. .bd-structure-item.bd-is-structure-container::after {
  9677. align-items: flex-start;
  9678. justify-content: flex-start;
  9679. padding: 0.5rem 0.75rem;
  9680. }
  9681. .highlight {
  9682. position: relative;
  9683. }
  9684. .highlight .bd-copy,
  9685. .highlight .bd-expand {
  9686. background: none;
  9687. border: none;
  9688. color: #4a4a4a;
  9689. cursor: pointer;
  9690. font-size: 0.625rem;
  9691. outline: none;
  9692. padding-bottom: 0;
  9693. padding-top: 0;
  9694. position: absolute;
  9695. right: 0.25rem;
  9696. top: 0.25rem;
  9697. }
  9698. .highlight .bd-copy:hover,
  9699. .highlight .bd-expand:hover {
  9700. background-color: #ffdd57;
  9701. color: rgba(0, 0, 0, 0.7);
  9702. }
  9703. .highlight .bd-copy:focus, .highlight .bd-copy:active,
  9704. .highlight .bd-expand:focus,
  9705. .highlight .bd-expand:active {
  9706. box-shadow: none;
  9707. }
  9708. .highlight .bd-expand {
  9709. right: 45px;
  9710. }
  9711. .highlight .bd-show {
  9712. align-items: center;
  9713. background-color: rgba(245, 245, 245, 0.7);
  9714. border: none;
  9715. color: rgba(0, 0, 0, 0.5);
  9716. cursor: pointer;
  9717. display: none;
  9718. font-size: 0.75rem;
  9719. justify-content: center;
  9720. width: 100%;
  9721. }
  9722. .highlight .bd-show strong {
  9723. color: currentColor;
  9724. font-weight: 600;
  9725. }
  9726. .highlight .bd-show:hover {
  9727. background-color: rgba(255, 221, 87, 0.8);
  9728. color: rgba(0, 0, 0, 0.7);
  9729. }
  9730. @media screen and (min-width: 769px), print {
  9731. .highlight pre {
  9732. white-space: pre-wrap;
  9733. }
  9734. }
  9735. @media screen and (min-width: 769px), print {
  9736. .section:not(.is-fullwidth) > .bd-example:not(.is-fullwidth) {
  9737. margin-left: 1.5rem;
  9738. margin-right: 1.5rem;
  9739. }
  9740. .section:not(.is-fullwidth) > .bd-example:not(.is-fullwidth) + .highlight {
  9741. margin-left: 1.5rem;
  9742. margin-right: 1.5rem;
  9743. }
  9744. }
  9745. .section.is-fullwidth {
  9746. padding: 0 !important;
  9747. }
  9748. .section.is-fullwidth .bd-snippet {
  9749. border-left: none;
  9750. border-radius: 0;
  9751. border-right: none;
  9752. }
  9753. .section.is-fullwidth .bd-example {
  9754. border-left: none;
  9755. border-radius: 0;
  9756. border-right: none;
  9757. padding: 0;
  9758. }
  9759. .section.is-fullwidth .bd-example + .highlight {
  9760. border-left: none;
  9761. border-radius: 0;
  9762. border-right: none;
  9763. }
  9764. .bd-callout {
  9765. background-color: whitesmoke;
  9766. border-radius: 4px;
  9767. padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  9768. position: relative;
  9769. }
  9770. .bd-callout.is-white {
  9771. background-color: white;
  9772. color: #0a0a0a;
  9773. }
  9774. .bd-callout.is-black {
  9775. background-color: #0a0a0a;
  9776. color: white;
  9777. }
  9778. .bd-callout.is-light {
  9779. background-color: whitesmoke;
  9780. color: #363636;
  9781. }
  9782. .bd-callout.is-dark {
  9783. background-color: #363636;
  9784. color: whitesmoke;
  9785. }
  9786. .bd-callout.is-primary {
  9787. background-color: #00d1b2;
  9788. color: #fff;
  9789. }
  9790. .bd-callout.is-link {
  9791. background-color: #3273dc;
  9792. color: #fff;
  9793. }
  9794. .bd-callout.is-info {
  9795. background-color: #209cee;
  9796. color: #fff;
  9797. }
  9798. .bd-callout.is-success {
  9799. background-color: #23d160;
  9800. color: #fff;
  9801. }
  9802. .bd-callout.is-warning {
  9803. background-color: #ffdd57;
  9804. color: rgba(0, 0, 0, 0.7);
  9805. }
  9806. .bd-callout.is-danger {
  9807. background-color: #ff3860;
  9808. color: #fff;
  9809. }
  9810. .bsa {
  9811. padding: 2rem;
  9812. }
  9813. .bsa-cpc {
  9814. min-height: 1px;
  9815. }
  9816. #_default_ .default-ad {
  9817. background-color: rgba(0, 0, 0, 0.3);
  9818. border-radius: 2px;
  9819. color: white;
  9820. display: inline-block;
  9821. font-size: 10px;
  9822. font-weight: bold;
  9823. padding: 0 4px;
  9824. text-transform: uppercase;
  9825. vertical-align: top;
  9826. }
  9827. #_default_ > a {
  9828. background-color: white;
  9829. border-radius: 6px;
  9830. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  9831. color: #4a4a4a;
  9832. display: block;
  9833. line-height: 1.375;
  9834. margin-top: 15px;
  9835. min-height: 70px;
  9836. padding: 15px;
  9837. padding-left: 70px;
  9838. position: relative;
  9839. }
  9840. #_default_ > a:hover, #_default_ > a:focus {
  9841. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
  9842. }
  9843. #_default_ > a:active {
  9844. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc;
  9845. }
  9846. #_default_ > a span {
  9847. display: block;
  9848. }
  9849. #_default_ > a .default-image {
  9850. display: block;
  9851. left: 15px;
  9852. height: 40px;
  9853. position: absolute;
  9854. top: 15px;
  9855. width: 40px;
  9856. }
  9857. #_default_ > a .default-image img {
  9858. display: block;
  9859. height: 40px;
  9860. width: 40px;
  9861. }
  9862. #_default_ > a .default-title {
  9863. color: #363636;
  9864. display: inline;
  9865. font-weight: 700;
  9866. }
  9867. #_default_ > a .default-title::after {
  9868. content: " — ";
  9869. }
  9870. #_default_ > a .default-description {
  9871. display: inline;
  9872. }
  9873. @media screen and (min-width: 769px), print {
  9874. .bsa .columns {
  9875. min-height: 120px;
  9876. }
  9877. #_default_ {
  9878. display: flex;
  9879. justify-content: center;
  9880. position: relative;
  9881. }
  9882. #_default_ .default-ad {
  9883. left: 100%;
  9884. margin-left: 2rem;
  9885. position: absolute;
  9886. top: 0;
  9887. }
  9888. #_default_ > a {
  9889. margin: 0;
  9890. width: calc(50% - 1rem);
  9891. }
  9892. #_default_ > a:not(:nth-child(2)) {
  9893. margin-left: 2rem;
  9894. }
  9895. }
  9896. .bd-tws-home {
  9897. background-color: #fafafa;
  9898. }
  9899. .bd-tw {
  9900. background-color: #fff;
  9901. border: 2px solid whitesmoke;
  9902. border-radius: 6px;
  9903. color: #697882;
  9904. flex-shrink: 0;
  9905. font-family: Helvetica, Roboto, "Segoe UI", Calibri, sans-serif;
  9906. font-size: 16px;
  9907. max-width: 420px;
  9908. padding: 20px;
  9909. }
  9910. .bd-tw.bd-is-grey {
  9911. background-color: #fafafa;
  9912. border: none;
  9913. }
  9914. .bd-tw-header {
  9915. align-items: stretch;
  9916. display: flex;
  9917. justify-content: flex-start;
  9918. }
  9919. .bd-tw-author {
  9920. align-items: center;
  9921. color: #1c2022;
  9922. display: flex;
  9923. line-height: 1.2;
  9924. }
  9925. .bd-tw-author:hover {
  9926. color: #2b7bb9;
  9927. }
  9928. .bd-tw-avatar {
  9929. flex-shrink: 0;
  9930. height: 36px;
  9931. margin-right: 9px;
  9932. width: 36px;
  9933. }
  9934. .bd-tw-avatar img {
  9935. border-radius: 290486px;
  9936. display: block;
  9937. height: 36px;
  9938. width: 36px;
  9939. }
  9940. .bd-tw-fullname {
  9941. color: currentColor;
  9942. display: block;
  9943. font-size: 16px;
  9944. font-weight: 700;
  9945. }
  9946. .bd-tw-username {
  9947. color: #697882;
  9948. display: block;
  9949. font-size: 14px;
  9950. }
  9951. .bd-tw-content {
  9952. color: #1c2022;
  9953. font-size: 16px;
  9954. line-height: 1.4;
  9955. margin-top: 14px;
  9956. }
  9957. .bd-tw-content a {
  9958. color: #2b7bb9;
  9959. }
  9960. .bd-tw-content .Emoji {
  9961. height: 1.25em;
  9962. padding: 0 .05em 0 .1em;
  9963. vertical-align: -.2em;
  9964. width: 1.25em;
  9965. }
  9966. .bd-tw-date {
  9967. font-size: 14px;
  9968. line-height: 1.4;
  9969. margin-top: 3.2px;
  9970. }
  9971. .bd-tw-date a {
  9972. color: #697882;
  9973. }
  9974. .bd-tw-date a:hover {
  9975. color: #2b7bb9;
  9976. }
  9977. .Tweet-actions {
  9978. align-items: center;
  9979. display: flex;
  9980. margin-top: 8.4px;
  9981. }
  9982. .Tweet-action {
  9983. margin-right: 1.25rem;
  9984. }
  9985. .TweetAction {
  9986. align-items: center;
  9987. display: flex;
  9988. height: 24px;
  9989. min-width: 24px;
  9990. }
  9991. .TweetAction:hover .Icon--replyEdge {
  9992. background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%231DA1F2%22%20d%3D%22M14.046%202.242l-4.148-.01h-.002c-4.374%200-7.8%203.427-7.8%207.802%200%204.098%203.186%207.206%207.465%207.37v3.828c0%20.108.045.286.12.403.143.225.385.347.633.347.138%200%20.277-.038.402-.118.264-.168%206.473-4.14%208.088-5.506%201.902-1.61%203.04-3.97%203.043-6.312v-.017c-.006-4.368-3.43-7.788-7.8-7.79zm3.787%2012.972c-1.134.96-4.862%203.405-6.772%204.643V16.67c0-.414-.334-.75-.75-.75h-.395c-3.66%200-6.318-2.476-6.318-5.886%200-3.534%202.768-6.302%206.3-6.302l4.147.01h.002c3.532%200%206.3%202.766%206.302%206.296-.003%201.91-.942%203.844-2.514%205.176z%22%2F%3E%3C%2Fsvg%3E);
  9993. }
  9994. .TweetAction:hover .Icon--retweetEdge {
  9995. background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%2317BF63%22%20d%3D%22M23.77%2015.67c-.292-.293-.767-.293-1.06%200l-2.22%202.22V7.65c0-2.068-1.683-3.75-3.75-3.75h-5.85c-.414%200-.75.336-.75.75s.336.75.75.75h5.85c1.24%200%202.25%201.01%202.25%202.25v10.24l-2.22-2.22c-.293-.293-.768-.293-1.06%200s-.294.768%200%201.06l3.5%203.5c.145.147.337.22.53.22s.383-.072.53-.22l3.5-3.5c.294-.292.294-.767%200-1.06zm-10.66%203.28H7.26c-1.24%200-2.25-1.01-2.25-2.25V6.46l2.22%202.22c.148.147.34.22.532.22s.384-.073.53-.22c.293-.293.293-.768%200-1.06l-3.5-3.5c-.293-.294-.768-.294-1.06%200l-3.5%203.5c-.294.292-.294.767%200%201.06s.767.293%201.06%200l2.22-2.22V16.7c0%202.068%201.683%203.75%203.75%203.75h5.85c.414%200%20.75-.336.75-.75s-.337-.75-.75-.75z%22%2F%3E%3C%2Fsvg%3E);
  9996. }
  9997. .TweetAction:hover .Icon--heartEdge {
  9998. background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23E0245E%22%20d%3D%22M12%2021.638h-.014C9.403%2021.59%201.95%2014.856%201.95%208.478c0-3.064%202.525-5.754%205.403-5.754%202.29%200%203.83%201.58%204.646%202.73.813-1.148%202.353-2.73%204.644-2.73%202.88%200%205.404%202.69%205.404%205.755%200%206.375-7.454%2013.11-10.037%2013.156H12zM7.354%204.225c-2.08%200-3.903%201.988-3.903%204.255%200%205.74%207.035%2011.596%208.55%2011.658%201.52-.062%208.55-5.917%208.55-11.658%200-2.267-1.822-4.255-3.902-4.255-2.528%200-3.94%202.936-3.952%202.965-.23.562-1.156.562-1.387%200-.015-.03-1.426-2.965-3.955-2.965z%22%2F%3E%3C%2Fsvg%3E);
  9999. }
  10000. .Tweet-action--retweet:hover .TweetAction-stat {
  10001. color: #17BF63;
  10002. }
  10003. .Tweet-action--heart:hover .TweetAction-stat {
  10004. color: #E0245E;
  10005. }
  10006. .TweetAction-icon {
  10007. background-size: contain;
  10008. height: 20px;
  10009. width: 20px;
  10010. }
  10011. .TweetAction-stat {
  10012. color: #697882;
  10013. font-size: 14px;
  10014. margin-left: 5px;
  10015. margin-top: 1px;
  10016. }
  10017. .Icon--replyEdge {
  10018. background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23657786%22%20d%3D%22M14.046%202.242l-4.148-.01h-.002c-4.374%200-7.8%203.427-7.8%207.802%200%204.098%203.186%207.206%207.465%207.37v3.828c0%20.108.045.286.12.403.143.225.385.347.633.347.138%200%20.277-.038.402-.118.264-.168%206.473-4.14%208.088-5.506%201.902-1.61%203.04-3.97%203.043-6.312v-.017c-.006-4.368-3.43-7.788-7.8-7.79zm3.787%2012.972c-1.134.96-4.862%203.405-6.772%204.643V16.67c0-.414-.334-.75-.75-.75h-.395c-3.66%200-6.318-2.476-6.318-5.886%200-3.534%202.768-6.302%206.3-6.302l4.147.01h.002c3.532%200%206.3%202.766%206.302%206.296-.003%201.91-.942%203.844-2.514%205.176z%22%2F%3E%3C%2Fsvg%3E);
  10019. }
  10020. .Icon--retweetEdge {
  10021. background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23657786%22%20d%3D%22M23.77%2015.67c-.292-.293-.767-.293-1.06%200l-2.22%202.22V7.65c0-2.068-1.683-3.75-3.75-3.75h-5.85c-.414%200-.75.336-.75.75s.336.75.75.75h5.85c1.24%200%202.25%201.01%202.25%202.25v10.24l-2.22-2.22c-.293-.293-.768-.293-1.06%200s-.294.768%200%201.06l3.5%203.5c.145.147.337.22.53.22s.383-.072.53-.22l3.5-3.5c.294-.292.294-.767%200-1.06zm-10.66%203.28H7.26c-1.24%200-2.25-1.01-2.25-2.25V6.46l2.22%202.22c.148.147.34.22.532.22s.384-.073.53-.22c.293-.293.293-.768%200-1.06l-3.5-3.5c-.293-.294-.768-.294-1.06%200l-3.5%203.5c-.294.292-.294.767%200%201.06s.767.293%201.06%200l2.22-2.22V16.7c0%202.068%201.683%203.75%203.75%203.75h5.85c.414%200%20.75-.336.75-.75s-.337-.75-.75-.75z%22%2F%3E%3C%2Fsvg%3E);
  10022. }
  10023. .Icon--heartEdge {
  10024. background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23657786%22%20d%3D%22M12%2021.638h-.014C9.403%2021.59%201.95%2014.856%201.95%208.478c0-3.064%202.525-5.754%205.403-5.754%202.29%200%203.83%201.58%204.646%202.73.813-1.148%202.353-2.73%204.644-2.73%202.88%200%205.404%202.69%205.404%205.755%200%206.375-7.454%2013.11-10.037%2013.156H12zM7.354%204.225c-2.08%200-3.903%201.988-3.903%204.255%200%205.74%207.035%2011.596%208.55%2011.658%201.52-.062%208.55-5.917%208.55-11.658%200-2.267-1.822-4.255-3.902-4.255-2.528%200-3.94%202.936-3.952%202.965-.23.562-1.156.562-1.387%200-.015-.03-1.426-2.965-3.955-2.965z%22%2F%3E%3C%2Fsvg%3E);
  10025. }
  10026. @media screen and (max-width: 768px) {
  10027. .bd-tws-home {
  10028. padding: 1.5rem;
  10029. }
  10030. .bd-tws-home .bd-tw:not(:last-child) {
  10031. margin-bottom: 1.5rem;
  10032. }
  10033. }
  10034. @media screen and (min-width: 769px), print {
  10035. .bd-tws-home {
  10036. padding: 3rem;
  10037. }
  10038. .bd-tws-home .bd-tw + .bd-tw {
  10039. margin-top: 1.5rem;
  10040. }
  10041. }
  10042. @media screen and (max-width: 1087px) {
  10043. .bd-tws-love .bd-tw:not(:last-child) {
  10044. margin-bottom: 1.5rem;
  10045. }
  10046. }
  10047. @media screen and (min-width: 1088px) {
  10048. .bd-tws-home {
  10049. min-height: 595px;
  10050. }
  10051. .bd-tws-love {
  10052. display: flex;
  10053. flex-wrap: wrap;
  10054. margin: -0.75rem;
  10055. }
  10056. .bd-tws-love .bd-tw {
  10057. margin: 0.75rem;
  10058. width: calc(33.3333% - 1.5rem);
  10059. }
  10060. }
  10061. @media screen and (min-width: 1280px) {
  10062. .bd-tws-home {
  10063. min-height: 653px;
  10064. }
  10065. }
  10066. @media screen and (min-width: 1472px) {
  10067. .bd-tws-home {
  10068. min-height: 632px;
  10069. }
  10070. }
  10071. .twitter-tweet:not(.twitter-tweet-rendered) {
  10072. background-color: white;
  10073. border: 1px solid #e1e8ed;
  10074. border-radius: 5px;
  10075. color: #697882;
  10076. font-size: 14px;
  10077. padding: 20px 20px 11.6px;
  10078. }
  10079. .twitter-tweet:not(.twitter-tweet-rendered) a {
  10080. color: currentColor;
  10081. }
  10082. .twitter-tweet:not(.twitter-tweet-rendered) a:hover {
  10083. text-decoration: underline;
  10084. }
  10085. .twitter-tweet:not(.twitter-tweet-rendered) p {
  10086. color: #1c2022;
  10087. font-size: 16px;
  10088. margin-bottom: 3.2px;
  10089. }
  10090. .twitter-tweet:not(.twitter-tweet-rendered) p a {
  10091. color: #2b7bb9;
  10092. }
  10093. .twitter-tweet-rendered {
  10094. border: none;
  10095. border-radius: 0;
  10096. margin: 0 !important;
  10097. padding: 0 !important;
  10098. }
  10099. .bd-expo {
  10100. background-color: white;
  10101. padding: 1.5rem;
  10102. }
  10103. .bd-website {
  10104. display: block;
  10105. position: relative;
  10106. text-align: center;
  10107. }
  10108. .bd-website:last-child {
  10109. margin-bottom: 0;
  10110. }
  10111. .bd-website-image {
  10112. align-items: center;
  10113. display: flex;
  10114. justify-content: center;
  10115. margin-bottom: 1.5rem;
  10116. position: relative;
  10117. }
  10118. .bd-website-image:hover .bd-website-shadow {
  10119. opacity: 0;
  10120. }
  10121. .bd-website-image:hover .bd-website-overlay {
  10122. opacity: 0.25;
  10123. }
  10124. .bd-website-image .b-lazy {
  10125. opacity: 0;
  10126. transition: opacity 500ms ease-out;
  10127. }
  10128. .bd-website-image .b-loaded {
  10129. opacity: 1;
  10130. }
  10131. .bd-website-shadow {
  10132. border: 1px solid rgba(0, 0, 0, 0.04);
  10133. transition: opacity 200ms ease-out;
  10134. }
  10135. .bd-website-overlay {
  10136. background-color: #0a0a0a;
  10137. opacity: 0;
  10138. transition: opacity 200ms ease-out;
  10139. }
  10140. @media screen and (max-width: 768px) {
  10141. .bd-website:not(:last-child) {
  10142. margin-bottom: 1.5rem;
  10143. }
  10144. }
  10145. @media screen and (min-width: 769px), print {
  10146. .bd-expo {
  10147. padding-bottom: 3rem;
  10148. padding-top: 3rem;
  10149. }
  10150. .bd-websites {
  10151. display: flex;
  10152. flex-wrap: wrap;
  10153. justify-content: space-between;
  10154. }
  10155. .bd-website {
  10156. margin-top: 3rem;
  10157. width: calc(50% - 3rem);
  10158. }
  10159. .bd-website:nth-child(1) {
  10160. margin-top: 0;
  10161. }
  10162. .bd-website.bd-is-highlighted {
  10163. width: 100%;
  10164. }
  10165. .bd-website-image {
  10166. margin-bottom: 3rem;
  10167. }
  10168. }
  10169. .bd-testimonials {
  10170. background-color: whitesmoke;
  10171. }
  10172. .bd-testimonial {
  10173. align-items: flex-start;
  10174. display: flex;
  10175. justify-content: center;
  10176. }
  10177. .bd-testimonial-tweet {
  10178. background-color: white;
  10179. }
  10180. .bd-more-loves {
  10181. align-items: center;
  10182. display: flex;
  10183. justify-content: center;
  10184. margin-top: 1.5rem;
  10185. text-align: center;
  10186. }
  10187. .bd-more-loves .button {
  10188. height: auto;
  10189. padding: 0.75em 1.5em;
  10190. }
  10191. .bd-more-loves .button span {
  10192. transform-origin: center center;
  10193. transition: transform 86ms ease-out;
  10194. }
  10195. .bd-more-loves .button:hover span {
  10196. transform: scale(1.04);
  10197. }
  10198. @media screen and (max-width: 768px) {
  10199. .bd-testimonials {
  10200. padding: 1.5rem;
  10201. }
  10202. .bd-testimonial {
  10203. margin-bottom: 1.5rem;
  10204. }
  10205. }
  10206. @media screen and (min-width: 769px), print {
  10207. .bd-testimonials {
  10208. padding: 3rem;
  10209. }
  10210. .bd-testimonial + .bd-testimonial {
  10211. margin-top: 1.5rem;
  10212. }
  10213. }
  10214. @media screen and (min-width: 1088px) {
  10215. .bd-testimonials {
  10216. min-height: 595px;
  10217. }
  10218. }
  10219. @media screen and (min-width: 1280px) {
  10220. .bd-testimonials {
  10221. min-height: 653px;
  10222. }
  10223. }
  10224. @media screen and (min-width: 1472px) {
  10225. .bd-testimonials {
  10226. min-height: 632px;
  10227. }
  10228. }
  10229. .bd-rainbow {
  10230. animation: rainbow 8s ease infinite;
  10231. background-image: linear-gradient(124deg, #ff470f, #ff3860, #b86bff, #3273dc);
  10232. background-size: 800% 800%;
  10233. }
  10234. .hero.bd-is-love .title,
  10235. .hero.bd-is-love .subtitle {
  10236. color: white;
  10237. }
  10238. @keyframes rainbow {
  10239. 0% {
  10240. background-position: 1% 80%;
  10241. }
  10242. 50% {
  10243. background-position: 99% 20%;
  10244. }
  10245. 100% {
  10246. background-position: 1% 80%;
  10247. }
  10248. }
  10249. .bd-hug {
  10250. align-items: flex-start;
  10251. display: flex;
  10252. justify-content: center;
  10253. }
  10254. @media screen and (max-width: 768px) {
  10255. .bd-hug {
  10256. margin: 1.5rem;
  10257. }
  10258. .bd-embrace {
  10259. text-align: center;
  10260. }
  10261. .bd-embrace:not(:first-child) {
  10262. margin-top: 1.5rem;
  10263. }
  10264. .bd-embrace:not(:last-child) {
  10265. margin-bottom: 1.5rem;
  10266. }
  10267. .bd-embrace-button {
  10268. margin-top: 0.75rem;
  10269. }
  10270. }
  10271. @media screen and (min-width: 769px), print {
  10272. .bd-embrace {
  10273. align-items: center;
  10274. display: flex;
  10275. justify-content: center;
  10276. }
  10277. .bd-embrace:not(:first-child) {
  10278. margin-top: 3rem;
  10279. }
  10280. .bd-embrace:not(:last-child) {
  10281. margin-bottom: 3rem;
  10282. }
  10283. .bd-embrace-button {
  10284. margin-left: 1.5rem;
  10285. }
  10286. .bd-hugs {
  10287. display: flex;
  10288. flex-wrap: wrap;
  10289. padding-bottom: 3rem;
  10290. }
  10291. .bd-hug {
  10292. margin-top: 1.5rem;
  10293. width: calc(33.3333% - 1rem);
  10294. }
  10295. .bd-hug:nth-child(1), .bd-hug:nth-child(2), .bd-hug:nth-child(3) {
  10296. margin-top: 0;
  10297. }
  10298. .bd-hug:nth-child(3n-1), .bd-hug:nth-child(3n) {
  10299. margin-left: 1.5rem;
  10300. }
  10301. }
  10302. .bd-bootstrap-table {
  10303. margin: 3rem 0;
  10304. }
  10305. .bd-pros-heading {
  10306. padding: 0 2rem;
  10307. text-align: center;
  10308. }
  10309. .bd-pros-icon {
  10310. margin-bottom: 3rem;
  10311. text-align: center;
  10312. }
  10313. .bd-pros-icon svg {
  10314. height: 3rem;
  10315. width: auto;
  10316. }
  10317. .bd-pros-list {
  10318. margin: 0 auto;
  10319. max-width: 540px;
  10320. }
  10321. .bd-pro .icon {
  10322. position: relative;
  10323. top: -1px;
  10324. }
  10325. .bd-pro .title {
  10326. margin-bottom: 0.5rem;
  10327. }
  10328. .bd-pro + .pro {
  10329. margin-top: 2rem;
  10330. padding-top: 2rem;
  10331. }
  10332. .bd-pro-content p:not(:last-child) {
  10333. margin-bottom: 0.5rem;
  10334. }
  10335. .bd-pro.bd-is-bulma .icon {
  10336. color: #00d1b2;
  10337. }
  10338. .bd-pro.bd-is-bootstrap .icon {
  10339. color: #6f5499;
  10340. }
  10341. .bd-bootstrap-comparison {
  10342. margin: 0 auto;
  10343. max-width: 42rem;
  10344. }
  10345. .bd-bootstrap-comparison .table {
  10346. color: #ff3860;
  10347. }
  10348. .bd-bootstrap-comparison .table thead th,
  10349. .bd-bootstrap-comparison .table tfoot th {
  10350. font-size: 1.5rem;
  10351. text-align: center;
  10352. }
  10353. .bd-bootstrap-comparison .table thead svg,
  10354. .bd-bootstrap-comparison .table tfoot svg {
  10355. height: 1.5rem;
  10356. margin-right: 1rem;
  10357. position: relative;
  10358. top: 0.25rem;
  10359. width: auto;
  10360. }
  10361. .bd-bootstrap-comparison .table tbody th {
  10362. font-size: 1.25rem;
  10363. text-align: center;
  10364. }
  10365. .bd-bootstrap-comparison .table tbody td {
  10366. font-family: monospace;
  10367. width: 50%;
  10368. }
  10369. .bd-bootstrap-comparison .table tbody a {
  10370. color: currentColor;
  10371. }
  10372. .bd-bootstrap-comparison .table tbody a:hover {
  10373. text-decoration: underline;
  10374. }
  10375. .bd-bootstrap-comparison .table .bd-is-empty {
  10376. background-color: whitesmoke;
  10377. color: #7a7a7a;
  10378. }
  10379. .bd-bootstrap-comparison .table .bd-is-unique {
  10380. background-color: rgba(35, 209, 96, 0.25);
  10381. color: #363636;
  10382. font-weight: 700;
  10383. }
  10384. .bd-bootstrap-comparison-header {
  10385. margin-bottom: 3rem;
  10386. }
  10387. .bd-klmn {
  10388. margin-bottom: 1.5rem;
  10389. }
  10390. .bd-klmn-gaps {
  10391. align-items: center;
  10392. display: flex;
  10393. flex-wrap: wrap;
  10394. justify-content: flex-start;
  10395. margin-bottom: 1.25rem;
  10396. }
  10397. .bd-klmn-label {
  10398. margin: 0.25rem auto 0.25rem 0;
  10399. }
  10400. .bd-klmn-gap {
  10401. background-color: whitesmoke;
  10402. border-radius: 4px;
  10403. color: #ff3860;
  10404. font-family: monospace;
  10405. font-size: 0.75rem;
  10406. margin: 0.25rem 0 0.25rem 0.5rem;
  10407. padding: 0.375em 0.75em;
  10408. text-align: center;
  10409. vertical-align: middle !important;
  10410. white-space: nowrap;
  10411. }
  10412. .bd-klmn-gap.bd-is-selected {
  10413. background-color: #23d160;
  10414. color: white;
  10415. }
  10416. .bd-klmn-columns:last-child .bd-notification {
  10417. font-size: 0.75rem;
  10418. white-space: nowrap;
  10419. }
  10420. .bd-banner {
  10421. align-items: center;
  10422. display: flex;
  10423. justify-content: center;
  10424. overflow: hidden;
  10425. padding: 1rem;
  10426. position: relative;
  10427. }
  10428. .bd-banner strong {
  10429. color: currentColor;
  10430. }
  10431. .bd-banner .tag {
  10432. margin-right: 0.5em;
  10433. }
  10434. .bd-banner.is-patreon {
  10435. background-color: #052d49;
  10436. color: white;
  10437. }
  10438. .bd-banner.is-fortyfour {
  10439. background-color: #5f45bb;
  10440. color: white;
  10441. }
  10442. .bd-banner .button {
  10443. transform-origin: center;
  10444. transition-duration: 86ms;
  10445. transition-property: transform;
  10446. }
  10447. .bd-banner:hover .button {
  10448. transform: scale(1.1);
  10449. }
  10450. .bd-banner-background {
  10451. background-image: url("/images/fortyfour-background.jpg");
  10452. background-position: center center;
  10453. background-size: cover;
  10454. opacity: 0.5;
  10455. }
  10456. .bd-banner-text {
  10457. line-height: 1.25;
  10458. margin-right: 0.5rem;
  10459. position: relative;
  10460. }
  10461. .bd-banner-button {
  10462. display: inline-block;
  10463. flex-shrink: 0;
  10464. height: 34px;
  10465. position: relative;
  10466. width: 145px;
  10467. }
  10468. .bd-banner-button img {
  10469. max-height: 100%;
  10470. }
  10471. .hero.bd-is-patreon {
  10472. background-color: #f96854;
  10473. }
  10474. @media screen and (min-width: 480px) {
  10475. .bd-banner-text {
  10476. margin-right: 1rem;
  10477. }
  10478. }
  10479. .bd-sponsors {
  10480. align-items: center;
  10481. display: flex;
  10482. }
  10483. .bd-sponsors a {
  10484. align-items: center;
  10485. display: flex;
  10486. justify-content: center;
  10487. margin-right: 3rem;
  10488. width: 150px;
  10489. }
  10490. .bd-partner-sponsors {
  10491. align-items: center;
  10492. display: flex;
  10493. flex-wrap: wrap;
  10494. justify-content: space-between;
  10495. }
  10496. .bd-partner-sponsors a {
  10497. align-items: center;
  10498. display: flex;
  10499. justify-content: center;
  10500. margin-right: 1rem;
  10501. min-height: 100px;
  10502. }
  10503. .bd-partners {
  10504. background-color: #fafafa;
  10505. }
  10506. .bd-partners #carbonads .carbon-text {
  10507. padding-bottom: 0;
  10508. }
  10509. .bd-partners #carbonads .carbon-poweredby {
  10510. display: none;
  10511. }
  10512. .bd-partner-title {
  10513. color: #b5b5b5;
  10514. font-size: 0.875rem;
  10515. margin-bottom: 1rem;
  10516. }
  10517. @media screen and (min-width: 769px), print {
  10518. .bd-partners-list {
  10519. align-items: flex-start;
  10520. display: flex;
  10521. margin-left: auto;
  10522. margin-right: auto;
  10523. max-width: 1130px;
  10524. }
  10525. .bd-partner.bd-is-sponsor {
  10526. flex-grow: 1;
  10527. flex-shrink: 1;
  10528. }
  10529. .bd-partner.bd-is-carbon {
  10530. flex-grow: 0;
  10531. flex-shrink: 0;
  10532. margin-left: 6rem;
  10533. width: 300px;
  10534. }
  10535. }
  10536. @keyframes fadeIn {
  10537. from {
  10538. opacity: 0;
  10539. }
  10540. to {
  10541. opacity: 1;
  10542. }
  10543. }
  10544. @keyframes zoomIn {
  10545. from {
  10546. transform: scale(0.8);
  10547. }
  10548. to {
  10549. transform: scale(1);
  10550. }
  10551. }
  10552. .bd-book-banner {
  10553. background-color: #00d1b2;
  10554. position: relative;
  10555. }
  10556. .bd-book-pattern,
  10557. .bd-book-modal-column.bd-is-cover {
  10558. background-image: url("/images/hab/lightpaperfibers_@2X.png");
  10559. background-repeat: repeat;
  10560. background-size: 250px 150px;
  10561. }
  10562. .bd-book-pattern::before,
  10563. .bd-book-modal-column.bd-is-cover::before {
  10564. background-color: rgba(255, 237, 215, 0.1);
  10565. content: "";
  10566. display: block;
  10567. }
  10568. .bd-book-header {
  10569. position: relative;
  10570. }
  10571. .bd-book-cover {
  10572. padding-top: 0.75rem;
  10573. position: relative;
  10574. text-align: center;
  10575. }
  10576. .bd-book-cover a {
  10577. display: inline-block;
  10578. vertical-align: top;
  10579. }
  10580. .bd-book-cover img {
  10581. display: block;
  10582. }
  10583. .bd-book-content {
  10584. max-width: 520px;
  10585. padding: 3rem;
  10586. }
  10587. .bd-book-description {
  10588. max-width: 340px;
  10589. }
  10590. .bd-book-tags {
  10591. margin-bottom: 1.5rem;
  10592. }
  10593. .bd-book-tags .tags .tag {
  10594. margin-right: 1px;
  10595. }
  10596. .bd-book-buttons .button {
  10597. height: auto;
  10598. padding-bottom: calc(1em - 1px);
  10599. padding-top: calc(0.5em - 1px);
  10600. }
  10601. .bd-book-buttons .button > span {
  10602. font-size: 0.875em;
  10603. }
  10604. .bd-book-buttons .button > span > em {
  10605. display: block;
  10606. font-size: 0.5em;
  10607. font-style: normal;
  10608. line-height: 1em;
  10609. margin-bottom: 0.5em;
  10610. opacity: 0.5;
  10611. }
  10612. .bd-book-buttons .button img {
  10613. display: block;
  10614. max-height: 24px;
  10615. }
  10616. .bd-book-buttons .button.bd-is-bleeding {
  10617. background-color: #ABF47C;
  10618. border-color: transparent;
  10619. }
  10620. .bd-book-buttons .button.bd-is-bleeding:hover {
  10621. background-color: #9cf264;
  10622. }
  10623. .bd-book-buttons .button.bd-is-amazon {
  10624. background-color: #ffd863;
  10625. border-color: transparent;
  10626. }
  10627. .bd-book-buttons .button.bd-is-amazon:hover {
  10628. background-color: #ffd24a;
  10629. }
  10630. .bd-book-buttons .button.bd-is-amazon img {
  10631. margin-bottom: -11px;
  10632. }
  10633. .bd-book-columns {
  10634. align-items: center;
  10635. display: flex;
  10636. justify-content: center;
  10637. margin-left: auto;
  10638. margin-right: auto;
  10639. max-width: 1080px;
  10640. }
  10641. .bd-book-modal-background {
  10642. background-color: rgba(10, 10, 10, 0.86);
  10643. }
  10644. .bd-book-modal .bd-book-modal-background,
  10645. .bd-book-modal .modal-content {
  10646. animation-duration: 250ms;
  10647. animation-easing-function: ease-out;
  10648. animation-fill-mode: both;
  10649. }
  10650. .bd-book-modal .bd-book-modal-background {
  10651. animation-name: fadeIn;
  10652. }
  10653. .bd-book-modal .modal-content {
  10654. animation-name: zoomIn;
  10655. transform-origin: center;
  10656. }
  10657. .bd-book-modal-cover {
  10658. padding: 2rem;
  10659. position: relative;
  10660. }
  10661. .bd-book-modal-columns {
  10662. align-items: stretch;
  10663. display: flex;
  10664. justify-content: center;
  10665. }
  10666. @media screen and (max-width: 768px) {
  10667. .bd-book-columns {
  10668. flex-direction: column;
  10669. }
  10670. .bd-book-buttons .button {
  10671. width: 100%;
  10672. }
  10673. .bd-book-buttons .button:not(:last-child) {
  10674. margin-right: 0;
  10675. margin-bottom: 1rem;
  10676. }
  10677. .bd-book-modal .bd-book-content {
  10678. padding: 2rem;
  10679. }
  10680. .bd-book-modal-column.bd-is-cover {
  10681. display: none;
  10682. }
  10683. }
  10684. @media screen and (min-width: 769px), print {
  10685. .bd-book-columns {
  10686. justify-content: space-around;
  10687. }
  10688. .bd-book-header .tag {
  10689. position: absolute;
  10690. right: calc(100% + 1.25rem);
  10691. top: 0.5rem;
  10692. }
  10693. .bd-book-buttons .button {
  10694. width: calc(50% - 0.5rem);
  10695. }
  10696. .bd-book-modal .modal-content {
  10697. width: 960px;
  10698. }
  10699. .bd-book-inline-cover {
  10700. display: none;
  10701. }
  10702. .bd-book-modal-column {
  10703. background-color: white;
  10704. position: relative;
  10705. }
  10706. .bd-book-modal-column.bd-is-cover {
  10707. align-items: center;
  10708. display: flex;
  10709. justify-content: center;
  10710. padding: 2rem;
  10711. }
  10712. .bd-book-modal-column.bd-is-content .bd-book-content {
  10713. box-shadow: none;
  10714. }
  10715. }
  10716. .native-js {
  10717. border-top: 2px solid whitesmoke;
  10718. display: none;
  10719. font-size: 1rem;
  10720. opacity: 0;
  10721. visibility: hidden;
  10722. }
  10723. .native-show {
  10724. display: block;
  10725. opacity: 1;
  10726. visibility: visible;
  10727. }
  10728. .native-flex {
  10729. align-items: center;
  10730. display: flex;
  10731. justify-content: center;
  10732. padding: 2em;
  10733. text-decoration: none;
  10734. }
  10735. .native-img {
  10736. border-radius: 3px;
  10737. flex-grow: 0;
  10738. flex-shrink: 0;
  10739. height: 50px;
  10740. width: 125px;
  10741. }
  10742. .native-details {
  10743. flex-grow: 1;
  10744. flex-shrink: 1;
  10745. }
  10746. .native-main {
  10747. align-items: center;
  10748. flex-grow: 0;
  10749. flex-shrink: 1;
  10750. max-width: 640px;
  10751. }
  10752. .native-company {
  10753. display: block;
  10754. font-size: 0.625em;
  10755. letter-spacing: 2px;
  10756. margin-bottom: 4px;
  10757. text-transform: uppercase;
  10758. }
  10759. .native-desc {
  10760. display: block;
  10761. }
  10762. .native-cta {
  10763. border: none;
  10764. border-radius: 3px;
  10765. box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.15);
  10766. display: inline-block;
  10767. flex-grow: 0;
  10768. flex-shrink: 0;
  10769. font-size: 0.75em;
  10770. font-weight: 400;
  10771. padding: 0.75em 1em;
  10772. text-transform: uppercase;
  10773. transform: translateY(-1px);
  10774. transition: transform .3s ease-in-out;
  10775. vertical-align: top;
  10776. white-space: nowrap;
  10777. }
  10778. .native-cta:hover {
  10779. box-shadow: none;
  10780. transform: translateY(1px);
  10781. }
  10782. @media screen and (max-width: 599px) {
  10783. .native-flex {
  10784. display: block;
  10785. text-align: center;
  10786. }
  10787. .native-main {
  10788. margin-bottom: 2em;
  10789. }
  10790. .native-details {
  10791. margin: 1em;
  10792. }
  10793. }
  10794. @media screen and (min-width: 600px) {
  10795. .native-flex {
  10796. display: flex;
  10797. padding: 4em;
  10798. text-align: left;
  10799. }
  10800. .native-main {
  10801. display: flex;
  10802. margin-right: 2em;
  10803. }
  10804. .native-details {
  10805. margin-left: 2em;
  10806. }
  10807. }
  10808. @media screen and (min-width: 1280px) {
  10809. .native-js {
  10810. font-size: 1.25rem;
  10811. }
  10812. }