bulma-docs.css 251 KB

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