bulma-docs.css 283 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617106181061910620106211062210623106241062510626106271062810629106301063110632106331063410635106361063710638106391064010641106421064310644106451064610647106481064910650106511065210653106541065510656106571065810659106601066110662106631066410665106661066710668106691067010671106721067310674106751067610677106781067910680106811068210683106841068510686106871068810689106901069110692106931069410695106961069710698106991070010701107021070310704107051070610707107081070910710107111071210713107141071510716107171071810719107201072110722107231072410725107261072710728107291073010731107321073310734107351073610737107381073910740107411074210743107441074510746107471074810749107501075110752107531075410755107561075710758107591076010761107621076310764107651076610767107681076910770107711077210773107741077510776107771077810779107801078110782107831078410785107861078710788107891079010791107921079310794107951079610797107981079910800108011080210803108041080510806108071080810809108101081110812108131081410815108161081710818108191082010821108221082310824108251082610827108281082910830108311083210833108341083510836108371083810839108401084110842108431084410845108461084710848108491085010851108521085310854108551085610857108581085910860108611086210863108641086510866108671086810869108701087110872108731087410875108761087710878108791088010881108821088310884108851088610887108881088910890108911089210893108941089510896108971089810899109001090110902109031090410905109061090710908109091091010911109121091310914109151091610917109181091910920109211092210923109241092510926109271092810929109301093110932109331093410935109361093710938109391094010941109421094310944109451094610947109481094910950109511095210953109541095510956109571095810959109601096110962109631096410965109661096710968109691097010971109721097310974109751097610977109781097910980109811098210983109841098510986109871098810989109901099110992109931099410995109961099710998109991100011001110021100311004110051100611007110081100911010110111101211013110141101511016110171101811019110201102111022110231102411025110261102711028110291103011031110321103311034110351103611037110381103911040110411104211043110441104511046110471104811049110501105111052110531105411055110561105711058110591106011061110621106311064110651106611067110681106911070110711107211073110741107511076110771107811079110801108111082110831108411085110861108711088110891109011091110921109311094110951109611097110981109911100111011110211103111041110511106111071110811109111101111111112111131111411115111161111711118111191112011121111221112311124111251112611127111281112911130111311113211133111341113511136111371113811139111401114111142111431114411145111461114711148111491115011151111521115311154111551115611157111581115911160111611116211163111641116511166111671116811169111701117111172111731117411175111761117711178111791118011181111821118311184111851118611187111881118911190111911119211193111941119511196111971119811199112001120111202112031120411205112061120711208112091121011211112121121311214112151121611217112181121911220112211122211223112241122511226112271122811229112301123111232112331123411235112361123711238112391124011241112421124311244112451124611247112481124911250112511125211253112541125511256112571125811259112601126111262112631126411265112661126711268112691127011271112721127311274112751127611277112781127911280112811128211283112841128511286112871128811289112901129111292112931129411295112961129711298112991130011301113021130311304113051130611307113081130911310113111131211313113141131511316113171131811319113201132111322113231132411325113261132711328113291133011331113321133311334113351133611337113381133911340113411134211343113441134511346113471134811349113501135111352113531135411355113561135711358113591136011361113621136311364113651136611367113681136911370113711137211373113741137511376113771137811379113801138111382113831138411385113861138711388113891139011391113921139311394113951139611397113981139911400114011140211403114041140511406114071140811409114101141111412114131141411415114161141711418114191142011421114221142311424114251142611427114281142911430114311143211433114341143511436114371143811439114401144111442114431144411445114461144711448114491145011451114521145311454114551145611457114581145911460114611146211463114641146511466114671146811469114701147111472114731147411475114761147711478114791148011481114821148311484114851148611487114881148911490114911149211493114941149511496114971149811499115001150111502115031150411505115061150711508115091151011511115121151311514115151151611517115181151911520115211152211523115241152511526115271152811529115301153111532115331153411535115361153711538115391154011541115421154311544115451154611547115481154911550115511155211553115541155511556115571155811559115601156111562115631156411565115661156711568115691157011571115721157311574115751157611577115781157911580115811158211583115841158511586115871158811589115901159111592115931159411595115961159711598115991160011601116021160311604116051160611607116081160911610116111161211613116141161511616116171161811619116201162111622116231162411625116261162711628116291163011631116321163311634116351163611637116381163911640116411164211643116441164511646116471164811649116501165111652116531165411655116561165711658116591166011661116621166311664116651166611667116681166911670116711167211673116741167511676116771167811679116801168111682116831168411685116861168711688116891169011691116921169311694116951169611697116981169911700117011170211703117041170511706117071170811709117101171111712117131171411715117161171711718117191172011721117221172311724117251172611727117281172911730117311173211733117341173511736117371173811739117401174111742117431174411745117461174711748117491175011751117521175311754117551175611757117581175911760117611176211763117641176511766117671176811769117701177111772117731177411775117761177711778117791178011781117821178311784117851178611787117881178911790117911179211793117941179511796117971179811799118001180111802118031180411805118061180711808118091181011811118121181311814118151181611817118181181911820118211182211823118241182511826118271182811829118301183111832118331183411835118361183711838118391184011841118421184311844118451184611847118481184911850118511185211853118541185511856118571185811859118601186111862118631186411865118661186711868118691187011871118721187311874118751187611877118781187911880118811188211883118841188511886118871188811889118901189111892118931189411895118961189711898118991190011901119021190311904119051190611907119081190911910119111191211913119141191511916119171191811919119201192111922119231192411925119261192711928119291193011931119321193311934119351193611937119381193911940119411194211943119441194511946119471194811949119501195111952119531195411955119561195711958119591196011961119621196311964119651196611967119681196911970119711197211973119741197511976119771197811979119801198111982119831198411985119861198711988119891199011991119921199311994119951199611997119981199912000120011200212003120041200512006120071200812009120101201112012120131201412015120161201712018120191202012021120221202312024120251202612027120281202912030120311203212033120341203512036120371203812039120401204112042120431204412045120461204712048120491205012051120521205312054120551205612057120581205912060120611206212063120641206512066120671206812069120701207112072120731207412075120761207712078120791208012081120821208312084120851208612087120881208912090120911209212093120941209512096120971209812099121001210112102121031210412105121061210712108121091211012111121121211312114121151211612117121181211912120121211212212123121241212512126121271212812129121301213112132121331213412135121361213712138121391214012141121421214312144121451214612147121481214912150121511215212153121541215512156121571215812159121601216112162121631216412165121661216712168121691217012171121721217312174121751217612177121781217912180121811218212183121841218512186121871218812189121901219112192121931219412195121961219712198121991220012201122021220312204122051220612207122081220912210122111221212213122141221512216122171221812219122201222112222122231222412225122261222712228122291223012231122321223312234122351223612237122381223912240122411224212243122441224512246122471224812249122501225112252122531225412255122561225712258122591226012261122621226312264122651226612267122681226912270122711227212273122741227512276122771227812279122801228112282122831228412285122861228712288122891229012291122921229312294122951229612297122981229912300123011230212303123041230512306123071230812309123101231112312123131231412315123161231712318123191232012321123221232312324123251232612327123281232912330123311233212333123341233512336123371233812339123401234112342123431234412345123461234712348123491235012351123521235312354123551235612357123581235912360123611236212363123641236512366123671236812369123701237112372123731237412375123761237712378123791238012381123821238312384123851238612387123881238912390123911239212393123941239512396123971239812399124001240112402124031240412405124061240712408124091241012411124121241312414124151241612417124181241912420124211242212423124241242512426124271242812429124301243112432124331243412435124361243712438124391244012441124421244312444124451244612447124481244912450124511245212453124541245512456124571245812459124601246112462124631246412465124661246712468124691247012471124721247312474124751247612477124781247912480124811248212483124841248512486124871248812489124901249112492124931249412495124961249712498124991250012501125021250312504125051250612507125081250912510125111251212513125141251512516125171251812519125201252112522125231252412525125261252712528125291253012531125321253312534125351253612537125381253912540125411254212543125441254512546125471254812549125501255112552125531255412555125561255712558125591256012561125621256312564125651256612567125681256912570125711257212573125741257512576125771257812579125801258112582125831258412585125861258712588125891259012591125921259312594125951259612597125981259912600126011260212603126041260512606126071260812609126101261112612126131261412615126161261712618126191262012621126221262312624126251262612627126281262912630126311263212633126341263512636126371263812639126401264112642126431264412645126461264712648126491265012651126521265312654126551265612657126581265912660126611266212663126641266512666126671266812669126701267112672126731267412675126761267712678126791268012681126821268312684126851268612687126881268912690126911269212693126941269512696126971269812699127001270112702127031270412705127061270712708127091271012711127121271312714127151271612717127181271912720127211272212723127241272512726127271272812729127301273112732127331273412735127361273712738127391274012741127421274312744127451274612747127481274912750127511275212753127541275512756127571275812759127601276112762127631276412765127661276712768127691277012771127721277312774127751277612777127781277912780127811278212783127841278512786127871278812789127901279112792127931279412795127961279712798127991280012801128021280312804128051280612807128081280912810128111281212813128141281512816128171281812819128201282112822128231282412825128261282712828128291283012831128321283312834128351283612837128381283912840128411284212843128441284512846128471284812849128501285112852128531285412855128561285712858128591286012861128621286312864128651286612867128681286912870128711287212873128741287512876128771287812879128801288112882128831288412885128861288712888128891289012891128921289312894128951289612897128981289912900129011290212903129041290512906129071290812909129101291112912129131291412915129161291712918129191292012921129221292312924129251292612927129281292912930129311293212933129341293512936129371293812939129401294112942129431294412945129461294712948129491295012951129521295312954129551295612957129581295912960129611296212963129641296512966129671296812969129701297112972129731297412975129761297712978129791298012981129821298312984129851298612987129881298912990129911299212993129941299512996129971299812999130001300113002130031300413005130061300713008130091301013011130121301313014130151301613017130181301913020130211302213023130241302513026130271302813029130301303113032130331303413035130361303713038130391304013041130421304313044130451304613047130481304913050130511305213053130541305513056130571305813059130601306113062130631306413065130661306713068130691307013071130721307313074130751307613077130781307913080130811308213083130841308513086130871308813089130901309113092130931309413095130961309713098130991310013101131021310313104131051310613107131081310913110131111311213113131141311513116131171311813119131201312113122131231312413125131261312713128131291313013131131321313313134131351313613137131381313913140131411314213143131441314513146131471314813149131501315113152131531315413155131561315713158131591316013161131621316313164131651316613167131681316913170131711317213173131741317513176131771317813179131801318113182131831318413185131861318713188131891319013191131921319313194131951319613197131981319913200132011320213203132041320513206132071320813209132101321113212132131321413215132161321713218132191322013221132221322313224132251322613227132281322913230132311323213233132341323513236132371323813239132401324113242132431324413245132461324713248132491325013251132521325313254132551325613257132581325913260132611326213263132641326513266132671326813269132701327113272132731327413275132761327713278132791328013281132821328313284132851328613287132881328913290132911329213293132941329513296132971329813299133001330113302133031330413305133061330713308133091331013311133121331313314133151331613317133181331913320133211332213323133241332513326133271332813329133301333113332133331333413335133361333713338133391334013341133421334313344133451334613347133481334913350133511335213353133541335513356133571335813359133601336113362133631336413365133661336713368133691337013371133721337313374133751337613377133781337913380133811338213383133841338513386133871338813389133901339113392133931339413395133961339713398133991340013401134021340313404134051340613407134081340913410134111341213413134141341513416134171341813419134201342113422134231342413425134261342713428134291343013431134321343313434134351343613437134381343913440134411344213443134441344513446134471344813449134501345113452134531345413455134561345713458134591346013461134621346313464134651346613467134681346913470134711347213473134741347513476134771347813479134801348113482134831348413485134861348713488134891349013491134921349313494134951349613497134981349913500135011350213503135041350513506135071350813509135101351113512135131351413515135161351713518135191352013521135221352313524135251352613527135281352913530135311353213533135341353513536135371353813539135401354113542135431354413545135461354713548135491355013551135521355313554135551355613557135581355913560135611356213563135641356513566135671356813569135701357113572135731357413575135761357713578135791358013581135821358313584135851358613587135881358913590135911359213593135941359513596135971359813599136001360113602136031360413605136061360713608136091361013611136121361313614136151361613617136181361913620136211362213623136241362513626136271362813629136301363113632136331363413635136361363713638136391364013641136421364313644136451364613647136481364913650136511365213653136541365513656136571365813659136601366113662136631366413665136661366713668136691367013671136721367313674136751367613677136781367913680136811368213683136841368513686136871368813689136901369113692136931369413695136961369713698136991370013701137021370313704137051370613707137081370913710137111371213713137141371513716137171371813719137201372113722137231372413725137261372713728137291373013731137321373313734137351373613737137381373913740137411374213743137441374513746137471374813749137501375113752137531375413755137561375713758137591376013761137621376313764137651376613767137681376913770137711377213773137741377513776137771377813779137801378113782137831378413785137861378713788137891379013791137921379313794137951379613797137981379913800138011380213803138041380513806138071380813809138101381113812138131381413815138161381713818138191382013821138221382313824138251382613827138281382913830138311383213833138341383513836138371383813839138401384113842138431384413845138461384713848138491385013851138521385313854138551385613857138581385913860138611386213863138641386513866138671386813869138701387113872138731387413875138761387713878138791388013881138821388313884138851388613887138881388913890138911389213893138941389513896138971389813899139001390113902139031390413905139061390713908139091391013911139121391313914139151391613917139181391913920139211392213923139241392513926139271392813929139301393113932139331393413935139361393713938139391394013941139421394313944139451394613947139481394913950139511395213953139541395513956139571395813959139601396113962139631396413965139661396713968139691397013971139721397313974139751397613977139781397913980139811398213983139841398513986139871398813989139901399113992139931399413995139961399713998139991400014001140021400314004140051400614007140081400914010140111401214013140141401514016140171401814019140201402114022140231402414025140261402714028140291403014031140321403314034140351403614037140381403914040140411404214043140441404514046140471404814049140501405114052140531405414055140561405714058140591406014061140621406314064140651406614067140681406914070140711407214073140741407514076140771407814079140801408114082140831408414085140861408714088140891409014091140921409314094140951409614097140981409914100141011410214103141041410514106141071410814109141101411114112141131411414115141161411714118141191412014121141221412314124141251412614127141281412914130141311413214133141341413514136141371413814139141401414114142141431414414145141461414714148141491415014151141521415314154141551415614157141581415914160141611416214163141641416514166141671416814169141701417114172141731417414175141761417714178141791418014181141821418314184141851418614187141881418914190141911419214193141941419514196141971419814199142001420114202142031420414205142061420714208142091421014211142121421314214142151421614217142181421914220142211422214223142241422514226142271422814229142301423114232142331423414235142361423714238142391424014241142421424314244142451424614247142481424914250142511425214253142541425514256142571425814259142601426114262142631426414265142661426714268142691427014271142721427314274142751427614277142781427914280142811428214283142841428514286142871428814289142901429114292142931429414295142961429714298142991430014301143021430314304143051430614307143081430914310143111431214313143141431514316143171431814319143201432114322143231432414325143261432714328143291433014331143321433314334143351433614337143381433914340143411434214343143441434514346143471434814349143501435114352143531435414355143561435714358143591436014361143621436314364143651436614367143681436914370143711437214373143741437514376143771437814379143801438114382143831438414385143861438714388143891439014391143921439314394143951439614397143981439914400144011440214403144041440514406144071440814409144101441114412144131441414415144161441714418144191442014421144221442314424144251442614427144281442914430144311443214433144341443514436144371443814439144401444114442144431444414445144461444714448144491445014451144521445314454144551445614457144581445914460144611446214463144641446514466144671446814469144701447114472144731447414475144761447714478144791448014481144821448314484144851448614487144881448914490144911449214493144941449514496144971449814499145001450114502145031450414505145061450714508145091451014511145121451314514145151451614517145181451914520145211452214523145241452514526145271452814529145301453114532145331453414535145361453714538145391454014541145421454314544145451454614547145481454914550145511455214553145541455514556145571455814559145601456114562145631456414565145661456714568145691457014571145721457314574145751457614577145781457914580145811458214583145841458514586145871458814589145901459114592145931459414595145961459714598145991460014601146021460314604146051460614607146081460914610146111461214613146141461514616146171461814619146201462114622146231462414625146261462714628146291463014631146321463314634146351463614637146381463914640146411464214643146441464514646146471464814649146501465114652146531465414655146561465714658146591466014661146621466314664146651466614667146681466914670146711467214673146741467514676146771467814679146801468114682146831468414685146861468714688146891469014691146921469314694146951469614697146981469914700147011470214703147041470514706147071470814709147101471114712147131471414715147161471714718147191472014721147221472314724147251472614727147281472914730147311473214733147341473514736147371473814739147401474114742147431474414745147461474714748147491475014751147521475314754147551475614757147581475914760147611476214763147641476514766147671476814769147701477114772147731477414775147761477714778147791478014781147821478314784147851478614787147881478914790147911479214793147941479514796147971479814799148001480114802148031480414805148061480714808148091481014811148121481314814148151481614817148181481914820148211482214823148241482514826148271482814829148301483114832148331483414835148361483714838148391484014841148421484314844
  1. @charset "UTF-8";
  2. /*! bulma.io v0.7.2 | 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. .delete, .modal-close, .is-unselectable, .button, .file, .breadcrumb, .pagination-previous,
  24. .pagination-next,
  25. .pagination-link,
  26. .pagination-ellipsis, .tabs {
  27. -webkit-touch-callout: none;
  28. -webkit-user-select: none;
  29. -moz-user-select: none;
  30. -ms-user-select: none;
  31. user-select: none;
  32. }
  33. .select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after {
  34. border: 3px solid transparent;
  35. border-radius: 2px;
  36. border-right: 0;
  37. border-top: 0;
  38. content: " ";
  39. display: block;
  40. height: 0.625em;
  41. margin-top: -0.4375em;
  42. pointer-events: none;
  43. position: absolute;
  44. top: 50%;
  45. -webkit-transform: rotate(-45deg);
  46. transform: rotate(-45deg);
  47. -webkit-transform-origin: center;
  48. transform-origin: center;
  49. width: 0.625em;
  50. }
  51. .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child),
  52. .subtitle:not(:last-child), .block:not(:last-child), .highlight:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .list:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
  53. margin-bottom: 1.5rem;
  54. }
  55. .delete, .modal-close {
  56. -moz-appearance: none;
  57. -webkit-appearance: none;
  58. background-color: rgba(10, 10, 10, 0.2);
  59. border: none;
  60. border-radius: 290486px;
  61. cursor: pointer;
  62. pointer-events: auto;
  63. display: inline-block;
  64. flex-grow: 0;
  65. flex-shrink: 0;
  66. font-size: 0;
  67. height: 20px;
  68. max-height: 20px;
  69. max-width: 20px;
  70. min-height: 20px;
  71. min-width: 20px;
  72. outline: none;
  73. position: relative;
  74. vertical-align: top;
  75. width: 20px;
  76. }
  77. .delete::before, .modal-close::before, .delete::after, .modal-close::after {
  78. background-color: white;
  79. content: "";
  80. display: block;
  81. left: 50%;
  82. position: absolute;
  83. top: 50%;
  84. -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  85. transform: translateX(-50%) translateY(-50%) rotate(45deg);
  86. -webkit-transform-origin: center center;
  87. transform-origin: center center;
  88. }
  89. .delete::before, .modal-close::before {
  90. height: 2px;
  91. width: 50%;
  92. }
  93. .delete::after, .modal-close::after {
  94. height: 50%;
  95. width: 2px;
  96. }
  97. .delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus {
  98. background-color: rgba(10, 10, 10, 0.3);
  99. }
  100. .delete:active, .modal-close:active {
  101. background-color: rgba(10, 10, 10, 0.4);
  102. }
  103. .is-small.delete, .is-small.modal-close {
  104. height: 16px;
  105. max-height: 16px;
  106. max-width: 16px;
  107. min-height: 16px;
  108. min-width: 16px;
  109. width: 16px;
  110. }
  111. .is-medium.delete, .is-medium.modal-close {
  112. height: 24px;
  113. max-height: 24px;
  114. max-width: 24px;
  115. min-height: 24px;
  116. min-width: 24px;
  117. width: 24px;
  118. }
  119. .is-large.delete, .is-large.modal-close {
  120. height: 32px;
  121. max-height: 32px;
  122. max-width: 32px;
  123. min-height: 32px;
  124. min-width: 32px;
  125. width: 32px;
  126. }
  127. .button.is-loading::after, .select.is-loading::after, .control.is-loading::after, .loader {
  128. -webkit-animation: spinAround 500ms infinite linear;
  129. animation: spinAround 500ms infinite linear;
  130. border: 2px solid #dbdbdb;
  131. border-radius: 290486px;
  132. border-right-color: transparent;
  133. border-top-color: transparent;
  134. content: "";
  135. display: block;
  136. height: 1em;
  137. position: relative;
  138. width: 1em;
  139. }
  140. .is-overlay, .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img, .modal, .modal-background, .hero-video {
  141. bottom: 0;
  142. left: 0;
  143. position: absolute;
  144. right: 0;
  145. top: 0;
  146. }
  147. .button, .input,
  148. .textarea, .select select, .file-cta,
  149. .file-name, .pagination-previous,
  150. .pagination-next,
  151. .pagination-link,
  152. .pagination-ellipsis {
  153. -moz-appearance: none;
  154. -webkit-appearance: none;
  155. align-items: center;
  156. border: 1px solid transparent;
  157. border-radius: 4px;
  158. box-shadow: none;
  159. display: inline-flex;
  160. font-size: 1rem;
  161. height: 2.25em;
  162. justify-content: flex-start;
  163. line-height: 1.5;
  164. padding-bottom: calc(0.375em - 1px);
  165. padding-left: calc(0.625em - 1px);
  166. padding-right: calc(0.625em - 1px);
  167. padding-top: calc(0.375em - 1px);
  168. position: relative;
  169. vertical-align: top;
  170. }
  171. .button:focus, .input:focus,
  172. .textarea:focus, .select select:focus, .file-cta:focus,
  173. .file-name:focus, .pagination-previous:focus,
  174. .pagination-next:focus,
  175. .pagination-link:focus,
  176. .pagination-ellipsis:focus, .is-focused.button, .is-focused.input,
  177. .is-focused.textarea, .select select.is-focused, .is-focused.file-cta,
  178. .is-focused.file-name, .is-focused.pagination-previous,
  179. .is-focused.pagination-next,
  180. .is-focused.pagination-link,
  181. .is-focused.pagination-ellipsis, .button:active, .input:active,
  182. .textarea:active, .select select:active, .file-cta:active,
  183. .file-name:active, .pagination-previous:active,
  184. .pagination-next:active,
  185. .pagination-link:active,
  186. .pagination-ellipsis:active, .is-active.button, .is-active.input,
  187. .is-active.textarea, .select select.is-active, .is-active.file-cta,
  188. .is-active.file-name, .is-active.pagination-previous,
  189. .is-active.pagination-next,
  190. .is-active.pagination-link,
  191. .is-active.pagination-ellipsis {
  192. outline: none;
  193. }
  194. .button[disabled], .input[disabled],
  195. .textarea[disabled], .select select[disabled], .file-cta[disabled],
  196. .file-name[disabled], .pagination-previous[disabled],
  197. .pagination-next[disabled],
  198. .pagination-link[disabled],
  199. .pagination-ellipsis[disabled] {
  200. cursor: not-allowed;
  201. }
  202. /*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
  203. html,
  204. body,
  205. p,
  206. ol,
  207. ul,
  208. li,
  209. dl,
  210. dt,
  211. dd,
  212. blockquote,
  213. figure,
  214. fieldset,
  215. legend,
  216. textarea,
  217. pre,
  218. iframe,
  219. hr,
  220. h1,
  221. h2,
  222. h3,
  223. h4,
  224. h5,
  225. h6 {
  226. margin: 0;
  227. padding: 0;
  228. }
  229. h1,
  230. h2,
  231. h3,
  232. h4,
  233. h5,
  234. h6 {
  235. font-size: 100%;
  236. font-weight: normal;
  237. }
  238. ul {
  239. list-style: none;
  240. }
  241. button,
  242. input,
  243. select,
  244. textarea {
  245. margin: 0;
  246. }
  247. html {
  248. box-sizing: border-box;
  249. }
  250. *, *::before, *::after {
  251. box-sizing: inherit;
  252. }
  253. img,
  254. audio,
  255. video {
  256. height: auto;
  257. max-width: 100%;
  258. }
  259. iframe {
  260. border: 0;
  261. }
  262. table {
  263. border-collapse: collapse;
  264. border-spacing: 0;
  265. }
  266. td,
  267. th {
  268. padding: 0;
  269. text-align: left;
  270. }
  271. html {
  272. background-color: white;
  273. font-size: 16px;
  274. -moz-osx-font-smoothing: grayscale;
  275. -webkit-font-smoothing: antialiased;
  276. min-width: 300px;
  277. overflow-x: hidden;
  278. overflow-y: scroll;
  279. text-rendering: optimizeLegibility;
  280. -webkit-text-size-adjust: 100%;
  281. -moz-text-size-adjust: 100%;
  282. -ms-text-size-adjust: 100%;
  283. text-size-adjust: 100%;
  284. }
  285. article,
  286. aside,
  287. figure,
  288. footer,
  289. header,
  290. hgroup,
  291. section {
  292. display: block;
  293. }
  294. body,
  295. button,
  296. input,
  297. select,
  298. textarea {
  299. font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  300. }
  301. code,
  302. pre {
  303. -moz-osx-font-smoothing: auto;
  304. -webkit-font-smoothing: auto;
  305. font-family: monospace;
  306. }
  307. body {
  308. color: #4a4a4a;
  309. font-size: 1rem;
  310. font-weight: 400;
  311. line-height: 1.5;
  312. }
  313. a {
  314. color: #3273dc;
  315. cursor: pointer;
  316. text-decoration: none;
  317. }
  318. a strong {
  319. color: currentColor;
  320. }
  321. a:hover {
  322. color: #363636;
  323. }
  324. code {
  325. background-color: whitesmoke;
  326. color: #ff3860;
  327. font-size: 0.875em;
  328. font-weight: normal;
  329. padding: 0.25em 0.5em 0.25em;
  330. }
  331. hr {
  332. background-color: whitesmoke;
  333. border: none;
  334. display: block;
  335. height: 2px;
  336. margin: 1.5rem 0;
  337. }
  338. img {
  339. height: auto;
  340. max-width: 100%;
  341. }
  342. input[type="checkbox"],
  343. input[type="radio"] {
  344. vertical-align: baseline;
  345. }
  346. small {
  347. font-size: 0.875em;
  348. }
  349. span {
  350. font-style: inherit;
  351. font-weight: inherit;
  352. }
  353. strong {
  354. color: #363636;
  355. font-weight: 700;
  356. }
  357. pre {
  358. -webkit-overflow-scrolling: touch;
  359. background-color: whitesmoke;
  360. color: #4a4a4a;
  361. font-size: 0.875em;
  362. overflow-x: auto;
  363. padding: 1.25rem 1.5rem;
  364. white-space: pre;
  365. word-wrap: normal;
  366. }
  367. pre code {
  368. background-color: transparent;
  369. color: currentColor;
  370. font-size: 1em;
  371. padding: 0;
  372. }
  373. table td,
  374. table th {
  375. text-align: left;
  376. vertical-align: top;
  377. }
  378. table th {
  379. color: #363636;
  380. }
  381. .is-clearfix::after {
  382. clear: both;
  383. content: " ";
  384. display: table;
  385. }
  386. .is-pulled-left {
  387. float: left !important;
  388. }
  389. .is-pulled-right {
  390. float: right !important;
  391. }
  392. .is-clipped {
  393. overflow: hidden !important;
  394. }
  395. .is-size-1 {
  396. font-size: 3rem !important;
  397. }
  398. .is-size-2 {
  399. font-size: 2.5rem !important;
  400. }
  401. .is-size-3 {
  402. font-size: 2rem !important;
  403. }
  404. .is-size-4 {
  405. font-size: 1.5rem !important;
  406. }
  407. .is-size-5 {
  408. font-size: 1.25rem !important;
  409. }
  410. .is-size-6 {
  411. font-size: 1rem !important;
  412. }
  413. .is-size-7 {
  414. font-size: 0.75rem !important;
  415. }
  416. @media screen and (max-width: 768px) {
  417. .is-size-1-mobile {
  418. font-size: 3rem !important;
  419. }
  420. .is-size-2-mobile {
  421. font-size: 2.5rem !important;
  422. }
  423. .is-size-3-mobile {
  424. font-size: 2rem !important;
  425. }
  426. .is-size-4-mobile {
  427. font-size: 1.5rem !important;
  428. }
  429. .is-size-5-mobile {
  430. font-size: 1.25rem !important;
  431. }
  432. .is-size-6-mobile {
  433. font-size: 1rem !important;
  434. }
  435. .is-size-7-mobile {
  436. font-size: 0.75rem !important;
  437. }
  438. }
  439. @media screen and (min-width: 769px), print {
  440. .is-size-1-tablet {
  441. font-size: 3rem !important;
  442. }
  443. .is-size-2-tablet {
  444. font-size: 2.5rem !important;
  445. }
  446. .is-size-3-tablet {
  447. font-size: 2rem !important;
  448. }
  449. .is-size-4-tablet {
  450. font-size: 1.5rem !important;
  451. }
  452. .is-size-5-tablet {
  453. font-size: 1.25rem !important;
  454. }
  455. .is-size-6-tablet {
  456. font-size: 1rem !important;
  457. }
  458. .is-size-7-tablet {
  459. font-size: 0.75rem !important;
  460. }
  461. }
  462. @media screen and (max-width: 1087px) {
  463. .is-size-1-touch {
  464. font-size: 3rem !important;
  465. }
  466. .is-size-2-touch {
  467. font-size: 2.5rem !important;
  468. }
  469. .is-size-3-touch {
  470. font-size: 2rem !important;
  471. }
  472. .is-size-4-touch {
  473. font-size: 1.5rem !important;
  474. }
  475. .is-size-5-touch {
  476. font-size: 1.25rem !important;
  477. }
  478. .is-size-6-touch {
  479. font-size: 1rem !important;
  480. }
  481. .is-size-7-touch {
  482. font-size: 0.75rem !important;
  483. }
  484. }
  485. @media screen and (min-width: 1088px) {
  486. .is-size-1-desktop {
  487. font-size: 3rem !important;
  488. }
  489. .is-size-2-desktop {
  490. font-size: 2.5rem !important;
  491. }
  492. .is-size-3-desktop {
  493. font-size: 2rem !important;
  494. }
  495. .is-size-4-desktop {
  496. font-size: 1.5rem !important;
  497. }
  498. .is-size-5-desktop {
  499. font-size: 1.25rem !important;
  500. }
  501. .is-size-6-desktop {
  502. font-size: 1rem !important;
  503. }
  504. .is-size-7-desktop {
  505. font-size: 0.75rem !important;
  506. }
  507. }
  508. @media screen and (min-width: 1280px) {
  509. .is-size-1-widescreen {
  510. font-size: 3rem !important;
  511. }
  512. .is-size-2-widescreen {
  513. font-size: 2.5rem !important;
  514. }
  515. .is-size-3-widescreen {
  516. font-size: 2rem !important;
  517. }
  518. .is-size-4-widescreen {
  519. font-size: 1.5rem !important;
  520. }
  521. .is-size-5-widescreen {
  522. font-size: 1.25rem !important;
  523. }
  524. .is-size-6-widescreen {
  525. font-size: 1rem !important;
  526. }
  527. .is-size-7-widescreen {
  528. font-size: 0.75rem !important;
  529. }
  530. }
  531. @media screen and (min-width: 1472px) {
  532. .is-size-1-fullhd {
  533. font-size: 3rem !important;
  534. }
  535. .is-size-2-fullhd {
  536. font-size: 2.5rem !important;
  537. }
  538. .is-size-3-fullhd {
  539. font-size: 2rem !important;
  540. }
  541. .is-size-4-fullhd {
  542. font-size: 1.5rem !important;
  543. }
  544. .is-size-5-fullhd {
  545. font-size: 1.25rem !important;
  546. }
  547. .is-size-6-fullhd {
  548. font-size: 1rem !important;
  549. }
  550. .is-size-7-fullhd {
  551. font-size: 0.75rem !important;
  552. }
  553. }
  554. .has-text-centered {
  555. text-align: center !important;
  556. }
  557. .has-text-justified {
  558. text-align: justify !important;
  559. }
  560. .has-text-left {
  561. text-align: left !important;
  562. }
  563. .has-text-right {
  564. text-align: right !important;
  565. }
  566. @media screen and (max-width: 768px) {
  567. .has-text-centered-mobile {
  568. text-align: center !important;
  569. }
  570. }
  571. @media screen and (min-width: 769px), print {
  572. .has-text-centered-tablet {
  573. text-align: center !important;
  574. }
  575. }
  576. @media screen and (min-width: 769px) and (max-width: 1087px) {
  577. .has-text-centered-tablet-only {
  578. text-align: center !important;
  579. }
  580. }
  581. @media screen and (max-width: 1087px) {
  582. .has-text-centered-touch {
  583. text-align: center !important;
  584. }
  585. }
  586. @media screen and (min-width: 1088px) {
  587. .has-text-centered-desktop {
  588. text-align: center !important;
  589. }
  590. }
  591. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  592. .has-text-centered-desktop-only {
  593. text-align: center !important;
  594. }
  595. }
  596. @media screen and (min-width: 1280px) {
  597. .has-text-centered-widescreen {
  598. text-align: center !important;
  599. }
  600. }
  601. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  602. .has-text-centered-widescreen-only {
  603. text-align: center !important;
  604. }
  605. }
  606. @media screen and (min-width: 1472px) {
  607. .has-text-centered-fullhd {
  608. text-align: center !important;
  609. }
  610. }
  611. @media screen and (max-width: 768px) {
  612. .has-text-justified-mobile {
  613. text-align: justify !important;
  614. }
  615. }
  616. @media screen and (min-width: 769px), print {
  617. .has-text-justified-tablet {
  618. text-align: justify !important;
  619. }
  620. }
  621. @media screen and (min-width: 769px) and (max-width: 1087px) {
  622. .has-text-justified-tablet-only {
  623. text-align: justify !important;
  624. }
  625. }
  626. @media screen and (max-width: 1087px) {
  627. .has-text-justified-touch {
  628. text-align: justify !important;
  629. }
  630. }
  631. @media screen and (min-width: 1088px) {
  632. .has-text-justified-desktop {
  633. text-align: justify !important;
  634. }
  635. }
  636. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  637. .has-text-justified-desktop-only {
  638. text-align: justify !important;
  639. }
  640. }
  641. @media screen and (min-width: 1280px) {
  642. .has-text-justified-widescreen {
  643. text-align: justify !important;
  644. }
  645. }
  646. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  647. .has-text-justified-widescreen-only {
  648. text-align: justify !important;
  649. }
  650. }
  651. @media screen and (min-width: 1472px) {
  652. .has-text-justified-fullhd {
  653. text-align: justify !important;
  654. }
  655. }
  656. @media screen and (max-width: 768px) {
  657. .has-text-left-mobile {
  658. text-align: left !important;
  659. }
  660. }
  661. @media screen and (min-width: 769px), print {
  662. .has-text-left-tablet {
  663. text-align: left !important;
  664. }
  665. }
  666. @media screen and (min-width: 769px) and (max-width: 1087px) {
  667. .has-text-left-tablet-only {
  668. text-align: left !important;
  669. }
  670. }
  671. @media screen and (max-width: 1087px) {
  672. .has-text-left-touch {
  673. text-align: left !important;
  674. }
  675. }
  676. @media screen and (min-width: 1088px) {
  677. .has-text-left-desktop {
  678. text-align: left !important;
  679. }
  680. }
  681. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  682. .has-text-left-desktop-only {
  683. text-align: left !important;
  684. }
  685. }
  686. @media screen and (min-width: 1280px) {
  687. .has-text-left-widescreen {
  688. text-align: left !important;
  689. }
  690. }
  691. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  692. .has-text-left-widescreen-only {
  693. text-align: left !important;
  694. }
  695. }
  696. @media screen and (min-width: 1472px) {
  697. .has-text-left-fullhd {
  698. text-align: left !important;
  699. }
  700. }
  701. @media screen and (max-width: 768px) {
  702. .has-text-right-mobile {
  703. text-align: right !important;
  704. }
  705. }
  706. @media screen and (min-width: 769px), print {
  707. .has-text-right-tablet {
  708. text-align: right !important;
  709. }
  710. }
  711. @media screen and (min-width: 769px) and (max-width: 1087px) {
  712. .has-text-right-tablet-only {
  713. text-align: right !important;
  714. }
  715. }
  716. @media screen and (max-width: 1087px) {
  717. .has-text-right-touch {
  718. text-align: right !important;
  719. }
  720. }
  721. @media screen and (min-width: 1088px) {
  722. .has-text-right-desktop {
  723. text-align: right !important;
  724. }
  725. }
  726. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  727. .has-text-right-desktop-only {
  728. text-align: right !important;
  729. }
  730. }
  731. @media screen and (min-width: 1280px) {
  732. .has-text-right-widescreen {
  733. text-align: right !important;
  734. }
  735. }
  736. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  737. .has-text-right-widescreen-only {
  738. text-align: right !important;
  739. }
  740. }
  741. @media screen and (min-width: 1472px) {
  742. .has-text-right-fullhd {
  743. text-align: right !important;
  744. }
  745. }
  746. .is-capitalized {
  747. text-transform: capitalize !important;
  748. }
  749. .is-lowercase {
  750. text-transform: lowercase !important;
  751. }
  752. .is-uppercase {
  753. text-transform: uppercase !important;
  754. }
  755. .is-italic {
  756. font-style: italic !important;
  757. }
  758. .has-text-white {
  759. color: white !important;
  760. }
  761. a.has-text-white:hover, a.has-text-white:focus {
  762. color: #e6e6e6 !important;
  763. }
  764. .has-background-white {
  765. background-color: white !important;
  766. }
  767. .has-text-black {
  768. color: #0a0a0a !important;
  769. }
  770. a.has-text-black:hover, a.has-text-black:focus {
  771. color: black !important;
  772. }
  773. .has-background-black {
  774. background-color: #0a0a0a !important;
  775. }
  776. .has-text-light {
  777. color: whitesmoke !important;
  778. }
  779. a.has-text-light:hover, a.has-text-light:focus {
  780. color: #dbdbdb !important;
  781. }
  782. .has-background-light {
  783. background-color: whitesmoke !important;
  784. }
  785. .has-text-dark {
  786. color: #363636 !important;
  787. }
  788. a.has-text-dark:hover, a.has-text-dark:focus {
  789. color: #1c1c1c !important;
  790. }
  791. .has-background-dark {
  792. background-color: #363636 !important;
  793. }
  794. .has-text-primary {
  795. color: #00d1b2 !important;
  796. }
  797. a.has-text-primary:hover, a.has-text-primary:focus {
  798. color: #009e86 !important;
  799. }
  800. .has-background-primary {
  801. background-color: #00d1b2 !important;
  802. }
  803. .has-text-link {
  804. color: #3273dc !important;
  805. }
  806. a.has-text-link:hover, a.has-text-link:focus {
  807. color: #205bbc !important;
  808. }
  809. .has-background-link {
  810. background-color: #3273dc !important;
  811. }
  812. .has-text-info {
  813. color: #209cee !important;
  814. }
  815. a.has-text-info:hover, a.has-text-info:focus {
  816. color: #0f81cc !important;
  817. }
  818. .has-background-info {
  819. background-color: #209cee !important;
  820. }
  821. .has-text-success {
  822. color: #23d160 !important;
  823. }
  824. a.has-text-success:hover, a.has-text-success:focus {
  825. color: #1ca64c !important;
  826. }
  827. .has-background-success {
  828. background-color: #23d160 !important;
  829. }
  830. .has-text-warning {
  831. color: #ffdd57 !important;
  832. }
  833. a.has-text-warning:hover, a.has-text-warning:focus {
  834. color: #ffd324 !important;
  835. }
  836. .has-background-warning {
  837. background-color: #ffdd57 !important;
  838. }
  839. .has-text-danger {
  840. color: #ff3860 !important;
  841. }
  842. a.has-text-danger:hover, a.has-text-danger:focus {
  843. color: #ff0537 !important;
  844. }
  845. .has-background-danger {
  846. background-color: #ff3860 !important;
  847. }
  848. .has-text-black-bis {
  849. color: #121212 !important;
  850. }
  851. .has-background-black-bis {
  852. background-color: #121212 !important;
  853. }
  854. .has-text-black-ter {
  855. color: #242424 !important;
  856. }
  857. .has-background-black-ter {
  858. background-color: #242424 !important;
  859. }
  860. .has-text-grey-darker {
  861. color: #363636 !important;
  862. }
  863. .has-background-grey-darker {
  864. background-color: #363636 !important;
  865. }
  866. .has-text-grey-dark {
  867. color: #4a4a4a !important;
  868. }
  869. .has-background-grey-dark {
  870. background-color: #4a4a4a !important;
  871. }
  872. .has-text-grey {
  873. color: #7a7a7a !important;
  874. }
  875. .has-background-grey {
  876. background-color: #7a7a7a !important;
  877. }
  878. .has-text-grey-light {
  879. color: #b5b5b5 !important;
  880. }
  881. .has-background-grey-light {
  882. background-color: #b5b5b5 !important;
  883. }
  884. .has-text-grey-lighter {
  885. color: #dbdbdb !important;
  886. }
  887. .has-background-grey-lighter {
  888. background-color: #dbdbdb !important;
  889. }
  890. .has-text-white-ter {
  891. color: whitesmoke !important;
  892. }
  893. .has-background-white-ter {
  894. background-color: whitesmoke !important;
  895. }
  896. .has-text-white-bis {
  897. color: #fafafa !important;
  898. }
  899. .has-background-white-bis {
  900. background-color: #fafafa !important;
  901. }
  902. .has-text-weight-light {
  903. font-weight: 300 !important;
  904. }
  905. .has-text-weight-normal {
  906. font-weight: 400 !important;
  907. }
  908. .has-text-weight-semibold {
  909. font-weight: 600 !important;
  910. }
  911. .has-text-weight-bold {
  912. font-weight: 700 !important;
  913. }
  914. .is-block {
  915. display: block !important;
  916. }
  917. @media screen and (max-width: 768px) {
  918. .is-block-mobile {
  919. display: block !important;
  920. }
  921. }
  922. @media screen and (min-width: 769px), print {
  923. .is-block-tablet {
  924. display: block !important;
  925. }
  926. }
  927. @media screen and (min-width: 769px) and (max-width: 1087px) {
  928. .is-block-tablet-only {
  929. display: block !important;
  930. }
  931. }
  932. @media screen and (max-width: 1087px) {
  933. .is-block-touch {
  934. display: block !important;
  935. }
  936. }
  937. @media screen and (min-width: 1088px) {
  938. .is-block-desktop {
  939. display: block !important;
  940. }
  941. }
  942. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  943. .is-block-desktop-only {
  944. display: block !important;
  945. }
  946. }
  947. @media screen and (min-width: 1280px) {
  948. .is-block-widescreen {
  949. display: block !important;
  950. }
  951. }
  952. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  953. .is-block-widescreen-only {
  954. display: block !important;
  955. }
  956. }
  957. @media screen and (min-width: 1472px) {
  958. .is-block-fullhd {
  959. display: block !important;
  960. }
  961. }
  962. .is-flex {
  963. display: flex !important;
  964. }
  965. @media screen and (max-width: 768px) {
  966. .is-flex-mobile {
  967. display: flex !important;
  968. }
  969. }
  970. @media screen and (min-width: 769px), print {
  971. .is-flex-tablet {
  972. display: flex !important;
  973. }
  974. }
  975. @media screen and (min-width: 769px) and (max-width: 1087px) {
  976. .is-flex-tablet-only {
  977. display: flex !important;
  978. }
  979. }
  980. @media screen and (max-width: 1087px) {
  981. .is-flex-touch {
  982. display: flex !important;
  983. }
  984. }
  985. @media screen and (min-width: 1088px) {
  986. .is-flex-desktop {
  987. display: flex !important;
  988. }
  989. }
  990. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  991. .is-flex-desktop-only {
  992. display: flex !important;
  993. }
  994. }
  995. @media screen and (min-width: 1280px) {
  996. .is-flex-widescreen {
  997. display: flex !important;
  998. }
  999. }
  1000. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  1001. .is-flex-widescreen-only {
  1002. display: flex !important;
  1003. }
  1004. }
  1005. @media screen and (min-width: 1472px) {
  1006. .is-flex-fullhd {
  1007. display: flex !important;
  1008. }
  1009. }
  1010. .is-inline {
  1011. display: inline !important;
  1012. }
  1013. @media screen and (max-width: 768px) {
  1014. .is-inline-mobile {
  1015. display: inline !important;
  1016. }
  1017. }
  1018. @media screen and (min-width: 769px), print {
  1019. .is-inline-tablet {
  1020. display: inline !important;
  1021. }
  1022. }
  1023. @media screen and (min-width: 769px) and (max-width: 1087px) {
  1024. .is-inline-tablet-only {
  1025. display: inline !important;
  1026. }
  1027. }
  1028. @media screen and (max-width: 1087px) {
  1029. .is-inline-touch {
  1030. display: inline !important;
  1031. }
  1032. }
  1033. @media screen and (min-width: 1088px) {
  1034. .is-inline-desktop {
  1035. display: inline !important;
  1036. }
  1037. }
  1038. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  1039. .is-inline-desktop-only {
  1040. display: inline !important;
  1041. }
  1042. }
  1043. @media screen and (min-width: 1280px) {
  1044. .is-inline-widescreen {
  1045. display: inline !important;
  1046. }
  1047. }
  1048. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  1049. .is-inline-widescreen-only {
  1050. display: inline !important;
  1051. }
  1052. }
  1053. @media screen and (min-width: 1472px) {
  1054. .is-inline-fullhd {
  1055. display: inline !important;
  1056. }
  1057. }
  1058. .is-inline-block {
  1059. display: inline-block !important;
  1060. }
  1061. @media screen and (max-width: 768px) {
  1062. .is-inline-block-mobile {
  1063. display: inline-block !important;
  1064. }
  1065. }
  1066. @media screen and (min-width: 769px), print {
  1067. .is-inline-block-tablet {
  1068. display: inline-block !important;
  1069. }
  1070. }
  1071. @media screen and (min-width: 769px) and (max-width: 1087px) {
  1072. .is-inline-block-tablet-only {
  1073. display: inline-block !important;
  1074. }
  1075. }
  1076. @media screen and (max-width: 1087px) {
  1077. .is-inline-block-touch {
  1078. display: inline-block !important;
  1079. }
  1080. }
  1081. @media screen and (min-width: 1088px) {
  1082. .is-inline-block-desktop {
  1083. display: inline-block !important;
  1084. }
  1085. }
  1086. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  1087. .is-inline-block-desktop-only {
  1088. display: inline-block !important;
  1089. }
  1090. }
  1091. @media screen and (min-width: 1280px) {
  1092. .is-inline-block-widescreen {
  1093. display: inline-block !important;
  1094. }
  1095. }
  1096. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  1097. .is-inline-block-widescreen-only {
  1098. display: inline-block !important;
  1099. }
  1100. }
  1101. @media screen and (min-width: 1472px) {
  1102. .is-inline-block-fullhd {
  1103. display: inline-block !important;
  1104. }
  1105. }
  1106. .is-inline-flex {
  1107. display: inline-flex !important;
  1108. }
  1109. @media screen and (max-width: 768px) {
  1110. .is-inline-flex-mobile {
  1111. display: inline-flex !important;
  1112. }
  1113. }
  1114. @media screen and (min-width: 769px), print {
  1115. .is-inline-flex-tablet {
  1116. display: inline-flex !important;
  1117. }
  1118. }
  1119. @media screen and (min-width: 769px) and (max-width: 1087px) {
  1120. .is-inline-flex-tablet-only {
  1121. display: inline-flex !important;
  1122. }
  1123. }
  1124. @media screen and (max-width: 1087px) {
  1125. .is-inline-flex-touch {
  1126. display: inline-flex !important;
  1127. }
  1128. }
  1129. @media screen and (min-width: 1088px) {
  1130. .is-inline-flex-desktop {
  1131. display: inline-flex !important;
  1132. }
  1133. }
  1134. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  1135. .is-inline-flex-desktop-only {
  1136. display: inline-flex !important;
  1137. }
  1138. }
  1139. @media screen and (min-width: 1280px) {
  1140. .is-inline-flex-widescreen {
  1141. display: inline-flex !important;
  1142. }
  1143. }
  1144. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  1145. .is-inline-flex-widescreen-only {
  1146. display: inline-flex !important;
  1147. }
  1148. }
  1149. @media screen and (min-width: 1472px) {
  1150. .is-inline-flex-fullhd {
  1151. display: inline-flex !important;
  1152. }
  1153. }
  1154. .is-hidden {
  1155. display: none !important;
  1156. }
  1157. .is-sr-only {
  1158. border: none !important;
  1159. clip: rect(0, 0, 0, 0) !important;
  1160. height: 0.01em !important;
  1161. overflow: hidden !important;
  1162. padding: 0 !important;
  1163. position: absolute !important;
  1164. white-space: nowrap !important;
  1165. width: 0.01em !important;
  1166. }
  1167. @media screen and (max-width: 768px) {
  1168. .is-hidden-mobile {
  1169. display: none !important;
  1170. }
  1171. }
  1172. @media screen and (min-width: 769px), print {
  1173. .is-hidden-tablet {
  1174. display: none !important;
  1175. }
  1176. }
  1177. @media screen and (min-width: 769px) and (max-width: 1087px) {
  1178. .is-hidden-tablet-only {
  1179. display: none !important;
  1180. }
  1181. }
  1182. @media screen and (max-width: 1087px) {
  1183. .is-hidden-touch {
  1184. display: none !important;
  1185. }
  1186. }
  1187. @media screen and (min-width: 1088px) {
  1188. .is-hidden-desktop {
  1189. display: none !important;
  1190. }
  1191. }
  1192. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  1193. .is-hidden-desktop-only {
  1194. display: none !important;
  1195. }
  1196. }
  1197. @media screen and (min-width: 1280px) {
  1198. .is-hidden-widescreen {
  1199. display: none !important;
  1200. }
  1201. }
  1202. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  1203. .is-hidden-widescreen-only {
  1204. display: none !important;
  1205. }
  1206. }
  1207. @media screen and (min-width: 1472px) {
  1208. .is-hidden-fullhd {
  1209. display: none !important;
  1210. }
  1211. }
  1212. .is-invisible {
  1213. visibility: hidden !important;
  1214. }
  1215. @media screen and (max-width: 768px) {
  1216. .is-invisible-mobile {
  1217. visibility: hidden !important;
  1218. }
  1219. }
  1220. @media screen and (min-width: 769px), print {
  1221. .is-invisible-tablet {
  1222. visibility: hidden !important;
  1223. }
  1224. }
  1225. @media screen and (min-width: 769px) and (max-width: 1087px) {
  1226. .is-invisible-tablet-only {
  1227. visibility: hidden !important;
  1228. }
  1229. }
  1230. @media screen and (max-width: 1087px) {
  1231. .is-invisible-touch {
  1232. visibility: hidden !important;
  1233. }
  1234. }
  1235. @media screen and (min-width: 1088px) {
  1236. .is-invisible-desktop {
  1237. visibility: hidden !important;
  1238. }
  1239. }
  1240. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  1241. .is-invisible-desktop-only {
  1242. visibility: hidden !important;
  1243. }
  1244. }
  1245. @media screen and (min-width: 1280px) {
  1246. .is-invisible-widescreen {
  1247. visibility: hidden !important;
  1248. }
  1249. }
  1250. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  1251. .is-invisible-widescreen-only {
  1252. visibility: hidden !important;
  1253. }
  1254. }
  1255. @media screen and (min-width: 1472px) {
  1256. .is-invisible-fullhd {
  1257. visibility: hidden !important;
  1258. }
  1259. }
  1260. .is-marginless {
  1261. margin: 0 !important;
  1262. }
  1263. .is-paddingless {
  1264. padding: 0 !important;
  1265. }
  1266. .is-radiusless {
  1267. border-radius: 0 !important;
  1268. }
  1269. .is-shadowless {
  1270. box-shadow: none !important;
  1271. }
  1272. .box {
  1273. background-color: white;
  1274. border-radius: 6px;
  1275. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  1276. color: #4a4a4a;
  1277. display: block;
  1278. padding: 1.25rem;
  1279. }
  1280. a.box:hover, a.box:focus {
  1281. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
  1282. }
  1283. a.box:active {
  1284. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc;
  1285. }
  1286. .button {
  1287. background-color: white;
  1288. border-color: #dbdbdb;
  1289. border-width: 1px;
  1290. color: #363636;
  1291. cursor: pointer;
  1292. justify-content: center;
  1293. padding-bottom: calc(0.375em - 1px);
  1294. padding-left: 0.75em;
  1295. padding-right: 0.75em;
  1296. padding-top: calc(0.375em - 1px);
  1297. text-align: center;
  1298. white-space: nowrap;
  1299. }
  1300. .button strong {
  1301. color: inherit;
  1302. }
  1303. .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  1304. height: 1.5em;
  1305. width: 1.5em;
  1306. }
  1307. .button .icon:first-child:not(:last-child) {
  1308. margin-left: calc(-0.375em - 1px);
  1309. margin-right: 0.1875em;
  1310. }
  1311. .button .icon:last-child:not(:first-child) {
  1312. margin-left: 0.1875em;
  1313. margin-right: calc(-0.375em - 1px);
  1314. }
  1315. .button .icon:first-child:last-child {
  1316. margin-left: calc(-0.375em - 1px);
  1317. margin-right: calc(-0.375em - 1px);
  1318. }
  1319. .button:hover, .button.is-hovered {
  1320. border-color: #b5b5b5;
  1321. color: #363636;
  1322. }
  1323. .button:focus, .button.is-focused {
  1324. border-color: #3273dc;
  1325. color: #363636;
  1326. }
  1327. .button:focus:not(:active), .button.is-focused:not(:active) {
  1328. box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  1329. }
  1330. .button:active, .button.is-active {
  1331. border-color: #4a4a4a;
  1332. color: #363636;
  1333. }
  1334. .button.is-text {
  1335. background-color: transparent;
  1336. border-color: transparent;
  1337. color: #4a4a4a;
  1338. text-decoration: underline;
  1339. }
  1340. .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
  1341. background-color: whitesmoke;
  1342. color: #363636;
  1343. }
  1344. .button.is-text:active, .button.is-text.is-active {
  1345. background-color: #e8e8e8;
  1346. color: #363636;
  1347. }
  1348. .button.is-text[disabled] {
  1349. background-color: transparent;
  1350. border-color: transparent;
  1351. box-shadow: none;
  1352. }
  1353. .button.is-white {
  1354. background-color: white;
  1355. border-color: transparent;
  1356. color: #0a0a0a;
  1357. }
  1358. .button.is-white:hover, .button.is-white.is-hovered {
  1359. background-color: #f9f9f9;
  1360. border-color: transparent;
  1361. color: #0a0a0a;
  1362. }
  1363. .button.is-white:focus, .button.is-white.is-focused {
  1364. border-color: transparent;
  1365. color: #0a0a0a;
  1366. }
  1367. .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
  1368. box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
  1369. }
  1370. .button.is-white:active, .button.is-white.is-active {
  1371. background-color: #f2f2f2;
  1372. border-color: transparent;
  1373. color: #0a0a0a;
  1374. }
  1375. .button.is-white[disabled] {
  1376. background-color: white;
  1377. border-color: transparent;
  1378. box-shadow: none;
  1379. }
  1380. .button.is-white.is-inverted {
  1381. background-color: #0a0a0a;
  1382. color: white;
  1383. }
  1384. .button.is-white.is-inverted:hover {
  1385. background-color: black;
  1386. }
  1387. .button.is-white.is-inverted[disabled] {
  1388. background-color: #0a0a0a;
  1389. border-color: transparent;
  1390. box-shadow: none;
  1391. color: white;
  1392. }
  1393. .button.is-white.is-loading::after {
  1394. border-color: transparent transparent #0a0a0a #0a0a0a !important;
  1395. }
  1396. .button.is-white.is-outlined {
  1397. background-color: transparent;
  1398. border-color: white;
  1399. color: white;
  1400. }
  1401. .button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
  1402. background-color: white;
  1403. border-color: white;
  1404. color: #0a0a0a;
  1405. }
  1406. .button.is-white.is-outlined.is-loading::after {
  1407. border-color: transparent transparent white white !important;
  1408. }
  1409. .button.is-white.is-outlined[disabled] {
  1410. background-color: transparent;
  1411. border-color: white;
  1412. box-shadow: none;
  1413. color: white;
  1414. }
  1415. .button.is-white.is-inverted.is-outlined {
  1416. background-color: transparent;
  1417. border-color: #0a0a0a;
  1418. color: #0a0a0a;
  1419. }
  1420. .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus {
  1421. background-color: #0a0a0a;
  1422. color: white;
  1423. }
  1424. .button.is-white.is-inverted.is-outlined[disabled] {
  1425. background-color: transparent;
  1426. border-color: #0a0a0a;
  1427. box-shadow: none;
  1428. color: #0a0a0a;
  1429. }
  1430. .button.is-black {
  1431. background-color: #0a0a0a;
  1432. border-color: transparent;
  1433. color: white;
  1434. }
  1435. .button.is-black:hover, .button.is-black.is-hovered {
  1436. background-color: #040404;
  1437. border-color: transparent;
  1438. color: white;
  1439. }
  1440. .button.is-black:focus, .button.is-black.is-focused {
  1441. border-color: transparent;
  1442. color: white;
  1443. }
  1444. .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
  1445. box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
  1446. }
  1447. .button.is-black:active, .button.is-black.is-active {
  1448. background-color: black;
  1449. border-color: transparent;
  1450. color: white;
  1451. }
  1452. .button.is-black[disabled] {
  1453. background-color: #0a0a0a;
  1454. border-color: transparent;
  1455. box-shadow: none;
  1456. }
  1457. .button.is-black.is-inverted {
  1458. background-color: white;
  1459. color: #0a0a0a;
  1460. }
  1461. .button.is-black.is-inverted:hover {
  1462. background-color: #f2f2f2;
  1463. }
  1464. .button.is-black.is-inverted[disabled] {
  1465. background-color: white;
  1466. border-color: transparent;
  1467. box-shadow: none;
  1468. color: #0a0a0a;
  1469. }
  1470. .button.is-black.is-loading::after {
  1471. border-color: transparent transparent white white !important;
  1472. }
  1473. .button.is-black.is-outlined {
  1474. background-color: transparent;
  1475. border-color: #0a0a0a;
  1476. color: #0a0a0a;
  1477. }
  1478. .button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {
  1479. background-color: #0a0a0a;
  1480. border-color: #0a0a0a;
  1481. color: white;
  1482. }
  1483. .button.is-black.is-outlined.is-loading::after {
  1484. border-color: transparent transparent #0a0a0a #0a0a0a !important;
  1485. }
  1486. .button.is-black.is-outlined[disabled] {
  1487. background-color: transparent;
  1488. border-color: #0a0a0a;
  1489. box-shadow: none;
  1490. color: #0a0a0a;
  1491. }
  1492. .button.is-black.is-inverted.is-outlined {
  1493. background-color: transparent;
  1494. border-color: white;
  1495. color: white;
  1496. }
  1497. .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus {
  1498. background-color: white;
  1499. color: #0a0a0a;
  1500. }
  1501. .button.is-black.is-inverted.is-outlined[disabled] {
  1502. background-color: transparent;
  1503. border-color: white;
  1504. box-shadow: none;
  1505. color: white;
  1506. }
  1507. .button.is-light {
  1508. background-color: whitesmoke;
  1509. border-color: transparent;
  1510. color: #363636;
  1511. }
  1512. .button.is-light:hover, .button.is-light.is-hovered {
  1513. background-color: #eeeeee;
  1514. border-color: transparent;
  1515. color: #363636;
  1516. }
  1517. .button.is-light:focus, .button.is-light.is-focused {
  1518. border-color: transparent;
  1519. color: #363636;
  1520. }
  1521. .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
  1522. box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
  1523. }
  1524. .button.is-light:active, .button.is-light.is-active {
  1525. background-color: #e8e8e8;
  1526. border-color: transparent;
  1527. color: #363636;
  1528. }
  1529. .button.is-light[disabled] {
  1530. background-color: whitesmoke;
  1531. border-color: transparent;
  1532. box-shadow: none;
  1533. }
  1534. .button.is-light.is-inverted {
  1535. background-color: #363636;
  1536. color: whitesmoke;
  1537. }
  1538. .button.is-light.is-inverted:hover {
  1539. background-color: #292929;
  1540. }
  1541. .button.is-light.is-inverted[disabled] {
  1542. background-color: #363636;
  1543. border-color: transparent;
  1544. box-shadow: none;
  1545. color: whitesmoke;
  1546. }
  1547. .button.is-light.is-loading::after {
  1548. border-color: transparent transparent #363636 #363636 !important;
  1549. }
  1550. .button.is-light.is-outlined {
  1551. background-color: transparent;
  1552. border-color: whitesmoke;
  1553. color: whitesmoke;
  1554. }
  1555. .button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
  1556. background-color: whitesmoke;
  1557. border-color: whitesmoke;
  1558. color: #363636;
  1559. }
  1560. .button.is-light.is-outlined.is-loading::after {
  1561. border-color: transparent transparent whitesmoke whitesmoke !important;
  1562. }
  1563. .button.is-light.is-outlined[disabled] {
  1564. background-color: transparent;
  1565. border-color: whitesmoke;
  1566. box-shadow: none;
  1567. color: whitesmoke;
  1568. }
  1569. .button.is-light.is-inverted.is-outlined {
  1570. background-color: transparent;
  1571. border-color: #363636;
  1572. color: #363636;
  1573. }
  1574. .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus {
  1575. background-color: #363636;
  1576. color: whitesmoke;
  1577. }
  1578. .button.is-light.is-inverted.is-outlined[disabled] {
  1579. background-color: transparent;
  1580. border-color: #363636;
  1581. box-shadow: none;
  1582. color: #363636;
  1583. }
  1584. .button.is-dark {
  1585. background-color: #363636;
  1586. border-color: transparent;
  1587. color: whitesmoke;
  1588. }
  1589. .button.is-dark:hover, .button.is-dark.is-hovered {
  1590. background-color: #2f2f2f;
  1591. border-color: transparent;
  1592. color: whitesmoke;
  1593. }
  1594. .button.is-dark:focus, .button.is-dark.is-focused {
  1595. border-color: transparent;
  1596. color: whitesmoke;
  1597. }
  1598. .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
  1599. box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
  1600. }
  1601. .button.is-dark:active, .button.is-dark.is-active {
  1602. background-color: #292929;
  1603. border-color: transparent;
  1604. color: whitesmoke;
  1605. }
  1606. .button.is-dark[disabled] {
  1607. background-color: #363636;
  1608. border-color: transparent;
  1609. box-shadow: none;
  1610. }
  1611. .button.is-dark.is-inverted {
  1612. background-color: whitesmoke;
  1613. color: #363636;
  1614. }
  1615. .button.is-dark.is-inverted:hover {
  1616. background-color: #e8e8e8;
  1617. }
  1618. .button.is-dark.is-inverted[disabled] {
  1619. background-color: whitesmoke;
  1620. border-color: transparent;
  1621. box-shadow: none;
  1622. color: #363636;
  1623. }
  1624. .button.is-dark.is-loading::after {
  1625. border-color: transparent transparent whitesmoke whitesmoke !important;
  1626. }
  1627. .button.is-dark.is-outlined {
  1628. background-color: transparent;
  1629. border-color: #363636;
  1630. color: #363636;
  1631. }
  1632. .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
  1633. background-color: #363636;
  1634. border-color: #363636;
  1635. color: whitesmoke;
  1636. }
  1637. .button.is-dark.is-outlined.is-loading::after {
  1638. border-color: transparent transparent #363636 #363636 !important;
  1639. }
  1640. .button.is-dark.is-outlined[disabled] {
  1641. background-color: transparent;
  1642. border-color: #363636;
  1643. box-shadow: none;
  1644. color: #363636;
  1645. }
  1646. .button.is-dark.is-inverted.is-outlined {
  1647. background-color: transparent;
  1648. border-color: whitesmoke;
  1649. color: whitesmoke;
  1650. }
  1651. .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus {
  1652. background-color: whitesmoke;
  1653. color: #363636;
  1654. }
  1655. .button.is-dark.is-inverted.is-outlined[disabled] {
  1656. background-color: transparent;
  1657. border-color: whitesmoke;
  1658. box-shadow: none;
  1659. color: whitesmoke;
  1660. }
  1661. .button.is-primary {
  1662. background-color: #00d1b2;
  1663. border-color: transparent;
  1664. color: #fff;
  1665. }
  1666. .button.is-primary:hover, .button.is-primary.is-hovered {
  1667. background-color: #00c4a7;
  1668. border-color: transparent;
  1669. color: #fff;
  1670. }
  1671. .button.is-primary:focus, .button.is-primary.is-focused {
  1672. border-color: transparent;
  1673. color: #fff;
  1674. }
  1675. .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
  1676. box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
  1677. }
  1678. .button.is-primary:active, .button.is-primary.is-active {
  1679. background-color: #00b89c;
  1680. border-color: transparent;
  1681. color: #fff;
  1682. }
  1683. .button.is-primary[disabled] {
  1684. background-color: #00d1b2;
  1685. border-color: transparent;
  1686. box-shadow: none;
  1687. }
  1688. .button.is-primary.is-inverted {
  1689. background-color: #fff;
  1690. color: #00d1b2;
  1691. }
  1692. .button.is-primary.is-inverted:hover {
  1693. background-color: #f2f2f2;
  1694. }
  1695. .button.is-primary.is-inverted[disabled] {
  1696. background-color: #fff;
  1697. border-color: transparent;
  1698. box-shadow: none;
  1699. color: #00d1b2;
  1700. }
  1701. .button.is-primary.is-loading::after {
  1702. border-color: transparent transparent #fff #fff !important;
  1703. }
  1704. .button.is-primary.is-outlined {
  1705. background-color: transparent;
  1706. border-color: #00d1b2;
  1707. color: #00d1b2;
  1708. }
  1709. .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
  1710. background-color: #00d1b2;
  1711. border-color: #00d1b2;
  1712. color: #fff;
  1713. }
  1714. .button.is-primary.is-outlined.is-loading::after {
  1715. border-color: transparent transparent #00d1b2 #00d1b2 !important;
  1716. }
  1717. .button.is-primary.is-outlined[disabled] {
  1718. background-color: transparent;
  1719. border-color: #00d1b2;
  1720. box-shadow: none;
  1721. color: #00d1b2;
  1722. }
  1723. .button.is-primary.is-inverted.is-outlined {
  1724. background-color: transparent;
  1725. border-color: #fff;
  1726. color: #fff;
  1727. }
  1728. .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus {
  1729. background-color: #fff;
  1730. color: #00d1b2;
  1731. }
  1732. .button.is-primary.is-inverted.is-outlined[disabled] {
  1733. background-color: transparent;
  1734. border-color: #fff;
  1735. box-shadow: none;
  1736. color: #fff;
  1737. }
  1738. .button.is-link {
  1739. background-color: #3273dc;
  1740. border-color: transparent;
  1741. color: #fff;
  1742. }
  1743. .button.is-link:hover, .button.is-link.is-hovered {
  1744. background-color: #276cda;
  1745. border-color: transparent;
  1746. color: #fff;
  1747. }
  1748. .button.is-link:focus, .button.is-link.is-focused {
  1749. border-color: transparent;
  1750. color: #fff;
  1751. }
  1752. .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
  1753. box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  1754. }
  1755. .button.is-link:active, .button.is-link.is-active {
  1756. background-color: #2366d1;
  1757. border-color: transparent;
  1758. color: #fff;
  1759. }
  1760. .button.is-link[disabled] {
  1761. background-color: #3273dc;
  1762. border-color: transparent;
  1763. box-shadow: none;
  1764. }
  1765. .button.is-link.is-inverted {
  1766. background-color: #fff;
  1767. color: #3273dc;
  1768. }
  1769. .button.is-link.is-inverted:hover {
  1770. background-color: #f2f2f2;
  1771. }
  1772. .button.is-link.is-inverted[disabled] {
  1773. background-color: #fff;
  1774. border-color: transparent;
  1775. box-shadow: none;
  1776. color: #3273dc;
  1777. }
  1778. .button.is-link.is-loading::after {
  1779. border-color: transparent transparent #fff #fff !important;
  1780. }
  1781. .button.is-link.is-outlined {
  1782. background-color: transparent;
  1783. border-color: #3273dc;
  1784. color: #3273dc;
  1785. }
  1786. .button.is-link.is-outlined:hover, .button.is-link.is-outlined:focus {
  1787. background-color: #3273dc;
  1788. border-color: #3273dc;
  1789. color: #fff;
  1790. }
  1791. .button.is-link.is-outlined.is-loading::after {
  1792. border-color: transparent transparent #3273dc #3273dc !important;
  1793. }
  1794. .button.is-link.is-outlined[disabled] {
  1795. background-color: transparent;
  1796. border-color: #3273dc;
  1797. box-shadow: none;
  1798. color: #3273dc;
  1799. }
  1800. .button.is-link.is-inverted.is-outlined {
  1801. background-color: transparent;
  1802. border-color: #fff;
  1803. color: #fff;
  1804. }
  1805. .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined:focus {
  1806. background-color: #fff;
  1807. color: #3273dc;
  1808. }
  1809. .button.is-link.is-inverted.is-outlined[disabled] {
  1810. background-color: transparent;
  1811. border-color: #fff;
  1812. box-shadow: none;
  1813. color: #fff;
  1814. }
  1815. .button.is-info {
  1816. background-color: #209cee;
  1817. border-color: transparent;
  1818. color: #fff;
  1819. }
  1820. .button.is-info:hover, .button.is-info.is-hovered {
  1821. background-color: #1496ed;
  1822. border-color: transparent;
  1823. color: #fff;
  1824. }
  1825. .button.is-info:focus, .button.is-info.is-focused {
  1826. border-color: transparent;
  1827. color: #fff;
  1828. }
  1829. .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
  1830. box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
  1831. }
  1832. .button.is-info:active, .button.is-info.is-active {
  1833. background-color: #118fe4;
  1834. border-color: transparent;
  1835. color: #fff;
  1836. }
  1837. .button.is-info[disabled] {
  1838. background-color: #209cee;
  1839. border-color: transparent;
  1840. box-shadow: none;
  1841. }
  1842. .button.is-info.is-inverted {
  1843. background-color: #fff;
  1844. color: #209cee;
  1845. }
  1846. .button.is-info.is-inverted:hover {
  1847. background-color: #f2f2f2;
  1848. }
  1849. .button.is-info.is-inverted[disabled] {
  1850. background-color: #fff;
  1851. border-color: transparent;
  1852. box-shadow: none;
  1853. color: #209cee;
  1854. }
  1855. .button.is-info.is-loading::after {
  1856. border-color: transparent transparent #fff #fff !important;
  1857. }
  1858. .button.is-info.is-outlined {
  1859. background-color: transparent;
  1860. border-color: #209cee;
  1861. color: #209cee;
  1862. }
  1863. .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
  1864. background-color: #209cee;
  1865. border-color: #209cee;
  1866. color: #fff;
  1867. }
  1868. .button.is-info.is-outlined.is-loading::after {
  1869. border-color: transparent transparent #209cee #209cee !important;
  1870. }
  1871. .button.is-info.is-outlined[disabled] {
  1872. background-color: transparent;
  1873. border-color: #209cee;
  1874. box-shadow: none;
  1875. color: #209cee;
  1876. }
  1877. .button.is-info.is-inverted.is-outlined {
  1878. background-color: transparent;
  1879. border-color: #fff;
  1880. color: #fff;
  1881. }
  1882. .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus {
  1883. background-color: #fff;
  1884. color: #209cee;
  1885. }
  1886. .button.is-info.is-inverted.is-outlined[disabled] {
  1887. background-color: transparent;
  1888. border-color: #fff;
  1889. box-shadow: none;
  1890. color: #fff;
  1891. }
  1892. .button.is-success {
  1893. background-color: #23d160;
  1894. border-color: transparent;
  1895. color: #fff;
  1896. }
  1897. .button.is-success:hover, .button.is-success.is-hovered {
  1898. background-color: #22c65b;
  1899. border-color: transparent;
  1900. color: #fff;
  1901. }
  1902. .button.is-success:focus, .button.is-success.is-focused {
  1903. border-color: transparent;
  1904. color: #fff;
  1905. }
  1906. .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
  1907. box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
  1908. }
  1909. .button.is-success:active, .button.is-success.is-active {
  1910. background-color: #20bc56;
  1911. border-color: transparent;
  1912. color: #fff;
  1913. }
  1914. .button.is-success[disabled] {
  1915. background-color: #23d160;
  1916. border-color: transparent;
  1917. box-shadow: none;
  1918. }
  1919. .button.is-success.is-inverted {
  1920. background-color: #fff;
  1921. color: #23d160;
  1922. }
  1923. .button.is-success.is-inverted:hover {
  1924. background-color: #f2f2f2;
  1925. }
  1926. .button.is-success.is-inverted[disabled] {
  1927. background-color: #fff;
  1928. border-color: transparent;
  1929. box-shadow: none;
  1930. color: #23d160;
  1931. }
  1932. .button.is-success.is-loading::after {
  1933. border-color: transparent transparent #fff #fff !important;
  1934. }
  1935. .button.is-success.is-outlined {
  1936. background-color: transparent;
  1937. border-color: #23d160;
  1938. color: #23d160;
  1939. }
  1940. .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
  1941. background-color: #23d160;
  1942. border-color: #23d160;
  1943. color: #fff;
  1944. }
  1945. .button.is-success.is-outlined.is-loading::after {
  1946. border-color: transparent transparent #23d160 #23d160 !important;
  1947. }
  1948. .button.is-success.is-outlined[disabled] {
  1949. background-color: transparent;
  1950. border-color: #23d160;
  1951. box-shadow: none;
  1952. color: #23d160;
  1953. }
  1954. .button.is-success.is-inverted.is-outlined {
  1955. background-color: transparent;
  1956. border-color: #fff;
  1957. color: #fff;
  1958. }
  1959. .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus {
  1960. background-color: #fff;
  1961. color: #23d160;
  1962. }
  1963. .button.is-success.is-inverted.is-outlined[disabled] {
  1964. background-color: transparent;
  1965. border-color: #fff;
  1966. box-shadow: none;
  1967. color: #fff;
  1968. }
  1969. .button.is-warning {
  1970. background-color: #ffdd57;
  1971. border-color: transparent;
  1972. color: rgba(0, 0, 0, 0.7);
  1973. }
  1974. .button.is-warning:hover, .button.is-warning.is-hovered {
  1975. background-color: #ffdb4a;
  1976. border-color: transparent;
  1977. color: rgba(0, 0, 0, 0.7);
  1978. }
  1979. .button.is-warning:focus, .button.is-warning.is-focused {
  1980. border-color: transparent;
  1981. color: rgba(0, 0, 0, 0.7);
  1982. }
  1983. .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
  1984. box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
  1985. }
  1986. .button.is-warning:active, .button.is-warning.is-active {
  1987. background-color: #ffd83d;
  1988. border-color: transparent;
  1989. color: rgba(0, 0, 0, 0.7);
  1990. }
  1991. .button.is-warning[disabled] {
  1992. background-color: #ffdd57;
  1993. border-color: transparent;
  1994. box-shadow: none;
  1995. }
  1996. .button.is-warning.is-inverted {
  1997. background-color: rgba(0, 0, 0, 0.7);
  1998. color: #ffdd57;
  1999. }
  2000. .button.is-warning.is-inverted:hover {
  2001. background-color: rgba(0, 0, 0, 0.7);
  2002. }
  2003. .button.is-warning.is-inverted[disabled] {
  2004. background-color: rgba(0, 0, 0, 0.7);
  2005. border-color: transparent;
  2006. box-shadow: none;
  2007. color: #ffdd57;
  2008. }
  2009. .button.is-warning.is-loading::after {
  2010. border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
  2011. }
  2012. .button.is-warning.is-outlined {
  2013. background-color: transparent;
  2014. border-color: #ffdd57;
  2015. color: #ffdd57;
  2016. }
  2017. .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
  2018. background-color: #ffdd57;
  2019. border-color: #ffdd57;
  2020. color: rgba(0, 0, 0, 0.7);
  2021. }
  2022. .button.is-warning.is-outlined.is-loading::after {
  2023. border-color: transparent transparent #ffdd57 #ffdd57 !important;
  2024. }
  2025. .button.is-warning.is-outlined[disabled] {
  2026. background-color: transparent;
  2027. border-color: #ffdd57;
  2028. box-shadow: none;
  2029. color: #ffdd57;
  2030. }
  2031. .button.is-warning.is-inverted.is-outlined {
  2032. background-color: transparent;
  2033. border-color: rgba(0, 0, 0, 0.7);
  2034. color: rgba(0, 0, 0, 0.7);
  2035. }
  2036. .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus {
  2037. background-color: rgba(0, 0, 0, 0.7);
  2038. color: #ffdd57;
  2039. }
  2040. .button.is-warning.is-inverted.is-outlined[disabled] {
  2041. background-color: transparent;
  2042. border-color: rgba(0, 0, 0, 0.7);
  2043. box-shadow: none;
  2044. color: rgba(0, 0, 0, 0.7);
  2045. }
  2046. .button.is-danger {
  2047. background-color: #ff3860;
  2048. border-color: transparent;
  2049. color: #fff;
  2050. }
  2051. .button.is-danger:hover, .button.is-danger.is-hovered {
  2052. background-color: #ff2b56;
  2053. border-color: transparent;
  2054. color: #fff;
  2055. }
  2056. .button.is-danger:focus, .button.is-danger.is-focused {
  2057. border-color: transparent;
  2058. color: #fff;
  2059. }
  2060. .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
  2061. box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
  2062. }
  2063. .button.is-danger:active, .button.is-danger.is-active {
  2064. background-color: #ff1f4b;
  2065. border-color: transparent;
  2066. color: #fff;
  2067. }
  2068. .button.is-danger[disabled] {
  2069. background-color: #ff3860;
  2070. border-color: transparent;
  2071. box-shadow: none;
  2072. }
  2073. .button.is-danger.is-inverted {
  2074. background-color: #fff;
  2075. color: #ff3860;
  2076. }
  2077. .button.is-danger.is-inverted:hover {
  2078. background-color: #f2f2f2;
  2079. }
  2080. .button.is-danger.is-inverted[disabled] {
  2081. background-color: #fff;
  2082. border-color: transparent;
  2083. box-shadow: none;
  2084. color: #ff3860;
  2085. }
  2086. .button.is-danger.is-loading::after {
  2087. border-color: transparent transparent #fff #fff !important;
  2088. }
  2089. .button.is-danger.is-outlined {
  2090. background-color: transparent;
  2091. border-color: #ff3860;
  2092. color: #ff3860;
  2093. }
  2094. .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
  2095. background-color: #ff3860;
  2096. border-color: #ff3860;
  2097. color: #fff;
  2098. }
  2099. .button.is-danger.is-outlined.is-loading::after {
  2100. border-color: transparent transparent #ff3860 #ff3860 !important;
  2101. }
  2102. .button.is-danger.is-outlined[disabled] {
  2103. background-color: transparent;
  2104. border-color: #ff3860;
  2105. box-shadow: none;
  2106. color: #ff3860;
  2107. }
  2108. .button.is-danger.is-inverted.is-outlined {
  2109. background-color: transparent;
  2110. border-color: #fff;
  2111. color: #fff;
  2112. }
  2113. .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus {
  2114. background-color: #fff;
  2115. color: #ff3860;
  2116. }
  2117. .button.is-danger.is-inverted.is-outlined[disabled] {
  2118. background-color: transparent;
  2119. border-color: #fff;
  2120. box-shadow: none;
  2121. color: #fff;
  2122. }
  2123. .button.is-small {
  2124. border-radius: 2px;
  2125. font-size: 0.75rem;
  2126. }
  2127. .button.is-medium {
  2128. font-size: 1.25rem;
  2129. }
  2130. .button.is-large {
  2131. font-size: 1.5rem;
  2132. }
  2133. .button[disabled] {
  2134. background-color: white;
  2135. border-color: #dbdbdb;
  2136. box-shadow: none;
  2137. opacity: 0.5;
  2138. }
  2139. .button.is-fullwidth {
  2140. display: flex;
  2141. width: 100%;
  2142. }
  2143. .button.is-loading {
  2144. color: transparent !important;
  2145. pointer-events: none;
  2146. }
  2147. .button.is-loading::after {
  2148. position: absolute;
  2149. left: calc(50% - (1em / 2));
  2150. top: calc(50% - (1em / 2));
  2151. position: absolute !important;
  2152. }
  2153. .button.is-static {
  2154. background-color: whitesmoke;
  2155. border-color: #dbdbdb;
  2156. color: #7a7a7a;
  2157. box-shadow: none;
  2158. pointer-events: none;
  2159. }
  2160. .button.is-rounded {
  2161. border-radius: 290486px;
  2162. padding-left: 1em;
  2163. padding-right: 1em;
  2164. }
  2165. .buttons {
  2166. align-items: center;
  2167. display: flex;
  2168. flex-wrap: wrap;
  2169. justify-content: flex-start;
  2170. }
  2171. .buttons .button {
  2172. margin-bottom: 0.5rem;
  2173. }
  2174. .buttons .button:not(:last-child):not(.is-fullwidth) {
  2175. margin-right: 0.5rem;
  2176. }
  2177. .buttons:last-child {
  2178. margin-bottom: -0.5rem;
  2179. }
  2180. .buttons:not(:last-child) {
  2181. margin-bottom: 1rem;
  2182. }
  2183. .buttons.has-addons .button:not(:first-child) {
  2184. border-bottom-left-radius: 0;
  2185. border-top-left-radius: 0;
  2186. }
  2187. .buttons.has-addons .button:not(:last-child) {
  2188. border-bottom-right-radius: 0;
  2189. border-top-right-radius: 0;
  2190. margin-right: -1px;
  2191. }
  2192. .buttons.has-addons .button:last-child {
  2193. margin-right: 0;
  2194. }
  2195. .buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
  2196. z-index: 2;
  2197. }
  2198. .buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
  2199. z-index: 3;
  2200. }
  2201. .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
  2202. z-index: 4;
  2203. }
  2204. .buttons.has-addons .button.is-expanded {
  2205. flex-grow: 1;
  2206. }
  2207. .buttons.is-centered {
  2208. justify-content: center;
  2209. }
  2210. .buttons.is-right {
  2211. justify-content: flex-end;
  2212. }
  2213. .container {
  2214. margin: 0 auto;
  2215. position: relative;
  2216. }
  2217. @media screen and (min-width: 1088px) {
  2218. .container {
  2219. max-width: 960px;
  2220. width: 960px;
  2221. }
  2222. .container.is-fluid {
  2223. margin-left: 64px;
  2224. margin-right: 64px;
  2225. max-width: none;
  2226. width: auto;
  2227. }
  2228. }
  2229. @media screen and (max-width: 1279px) {
  2230. .container.is-widescreen {
  2231. max-width: 1152px;
  2232. width: auto;
  2233. }
  2234. }
  2235. @media screen and (max-width: 1471px) {
  2236. .container.is-fullhd {
  2237. max-width: 1344px;
  2238. width: auto;
  2239. }
  2240. }
  2241. @media screen and (min-width: 1280px) {
  2242. .container {
  2243. max-width: 1152px;
  2244. width: 1152px;
  2245. }
  2246. }
  2247. @media screen and (min-width: 1472px) {
  2248. .container {
  2249. max-width: 1344px;
  2250. width: 1344px;
  2251. }
  2252. }
  2253. .content li + li {
  2254. margin-top: 0.25em;
  2255. }
  2256. .content p:not(:last-child),
  2257. .content dl:not(:last-child),
  2258. .content ol:not(:last-child),
  2259. .content ul:not(:last-child),
  2260. .content blockquote:not(:last-child),
  2261. .content pre:not(:last-child),
  2262. .content table:not(:last-child) {
  2263. margin-bottom: 1em;
  2264. }
  2265. .content h1,
  2266. .content h2,
  2267. .content h3,
  2268. .content h4,
  2269. .content h5,
  2270. .content h6 {
  2271. color: #363636;
  2272. font-weight: 600;
  2273. line-height: 1.125;
  2274. }
  2275. .content h1 {
  2276. font-size: 2em;
  2277. margin-bottom: 0.5em;
  2278. }
  2279. .content h1:not(:first-child) {
  2280. margin-top: 1em;
  2281. }
  2282. .content h2 {
  2283. font-size: 1.75em;
  2284. margin-bottom: 0.5714em;
  2285. }
  2286. .content h2:not(:first-child) {
  2287. margin-top: 1.1428em;
  2288. }
  2289. .content h3 {
  2290. font-size: 1.5em;
  2291. margin-bottom: 0.6666em;
  2292. }
  2293. .content h3:not(:first-child) {
  2294. margin-top: 1.3333em;
  2295. }
  2296. .content h4 {
  2297. font-size: 1.25em;
  2298. margin-bottom: 0.8em;
  2299. }
  2300. .content h5 {
  2301. font-size: 1.125em;
  2302. margin-bottom: 0.8888em;
  2303. }
  2304. .content h6 {
  2305. font-size: 1em;
  2306. margin-bottom: 1em;
  2307. }
  2308. .content blockquote {
  2309. background-color: whitesmoke;
  2310. border-left: 5px solid #dbdbdb;
  2311. padding: 1.25em 1.5em;
  2312. }
  2313. .content ol {
  2314. list-style-position: outside;
  2315. margin-left: 2em;
  2316. margin-top: 1em;
  2317. }
  2318. .content ol:not([type]) {
  2319. list-style-type: decimal;
  2320. }
  2321. .content ol:not([type]).is-lower-alpha {
  2322. list-style-type: lower-alpha;
  2323. }
  2324. .content ol:not([type]).is-lower-roman {
  2325. list-style-type: lower-roman;
  2326. }
  2327. .content ol:not([type]).is-upper-alpha {
  2328. list-style-type: upper-alpha;
  2329. }
  2330. .content ol:not([type]).is-upper-roman {
  2331. list-style-type: upper-roman;
  2332. }
  2333. .content ul {
  2334. list-style: disc outside;
  2335. margin-left: 2em;
  2336. margin-top: 1em;
  2337. }
  2338. .content ul ul {
  2339. list-style-type: circle;
  2340. margin-top: 0.5em;
  2341. }
  2342. .content ul ul ul {
  2343. list-style-type: square;
  2344. }
  2345. .content dd {
  2346. margin-left: 2em;
  2347. }
  2348. .content figure {
  2349. margin-left: 2em;
  2350. margin-right: 2em;
  2351. text-align: center;
  2352. }
  2353. .content figure:not(:first-child) {
  2354. margin-top: 2em;
  2355. }
  2356. .content figure:not(:last-child) {
  2357. margin-bottom: 2em;
  2358. }
  2359. .content figure img {
  2360. display: inline-block;
  2361. }
  2362. .content figure figcaption {
  2363. font-style: italic;
  2364. }
  2365. .content pre {
  2366. -webkit-overflow-scrolling: touch;
  2367. overflow-x: auto;
  2368. padding: 1.25em 1.5em;
  2369. white-space: pre;
  2370. word-wrap: normal;
  2371. }
  2372. .content sup,
  2373. .content sub {
  2374. font-size: 75%;
  2375. }
  2376. .content table {
  2377. width: 100%;
  2378. }
  2379. .content table td,
  2380. .content table th {
  2381. border: 1px solid #dbdbdb;
  2382. border-width: 0 0 1px;
  2383. padding: 0.5em 0.75em;
  2384. vertical-align: top;
  2385. }
  2386. .content table th {
  2387. color: #363636;
  2388. text-align: left;
  2389. }
  2390. .content table thead td,
  2391. .content table thead th {
  2392. border-width: 0 0 2px;
  2393. color: #363636;
  2394. }
  2395. .content table tfoot td,
  2396. .content table tfoot th {
  2397. border-width: 2px 0 0;
  2398. color: #363636;
  2399. }
  2400. .content table tbody tr:last-child td,
  2401. .content table tbody tr:last-child th {
  2402. border-bottom-width: 0;
  2403. }
  2404. .content.is-small {
  2405. font-size: 0.75rem;
  2406. }
  2407. .content.is-medium {
  2408. font-size: 1.25rem;
  2409. }
  2410. .content.is-large {
  2411. font-size: 1.5rem;
  2412. }
  2413. .input,
  2414. .textarea {
  2415. background-color: white;
  2416. border-color: #dbdbdb;
  2417. color: #363636;
  2418. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  2419. max-width: 100%;
  2420. width: 100%;
  2421. }
  2422. .input::-moz-placeholder,
  2423. .textarea::-moz-placeholder {
  2424. color: rgba(54, 54, 54, 0.3);
  2425. }
  2426. .input::-webkit-input-placeholder,
  2427. .textarea::-webkit-input-placeholder {
  2428. color: rgba(54, 54, 54, 0.3);
  2429. }
  2430. .input:-moz-placeholder,
  2431. .textarea:-moz-placeholder {
  2432. color: rgba(54, 54, 54, 0.3);
  2433. }
  2434. .input:-ms-input-placeholder,
  2435. .textarea:-ms-input-placeholder {
  2436. color: rgba(54, 54, 54, 0.3);
  2437. }
  2438. .input:hover, .input.is-hovered,
  2439. .textarea:hover,
  2440. .textarea.is-hovered {
  2441. border-color: #b5b5b5;
  2442. }
  2443. .input:focus, .input.is-focused, .input:active, .input.is-active,
  2444. .textarea:focus,
  2445. .textarea.is-focused,
  2446. .textarea:active,
  2447. .textarea.is-active {
  2448. border-color: #3273dc;
  2449. box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  2450. }
  2451. .input[disabled],
  2452. .textarea[disabled] {
  2453. background-color: whitesmoke;
  2454. border-color: whitesmoke;
  2455. box-shadow: none;
  2456. color: #7a7a7a;
  2457. }
  2458. .input[disabled]::-moz-placeholder,
  2459. .textarea[disabled]::-moz-placeholder {
  2460. color: rgba(122, 122, 122, 0.3);
  2461. }
  2462. .input[disabled]::-webkit-input-placeholder,
  2463. .textarea[disabled]::-webkit-input-placeholder {
  2464. color: rgba(122, 122, 122, 0.3);
  2465. }
  2466. .input[disabled]:-moz-placeholder,
  2467. .textarea[disabled]:-moz-placeholder {
  2468. color: rgba(122, 122, 122, 0.3);
  2469. }
  2470. .input[disabled]:-ms-input-placeholder,
  2471. .textarea[disabled]:-ms-input-placeholder {
  2472. color: rgba(122, 122, 122, 0.3);
  2473. }
  2474. .input[readonly],
  2475. .textarea[readonly] {
  2476. box-shadow: none;
  2477. }
  2478. .input.is-white,
  2479. .textarea.is-white {
  2480. border-color: white;
  2481. }
  2482. .input.is-white:focus, .input.is-white.is-focused, .input.is-white:active, .input.is-white.is-active,
  2483. .textarea.is-white:focus,
  2484. .textarea.is-white.is-focused,
  2485. .textarea.is-white:active,
  2486. .textarea.is-white.is-active {
  2487. box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
  2488. }
  2489. .input.is-black,
  2490. .textarea.is-black {
  2491. border-color: #0a0a0a;
  2492. }
  2493. .input.is-black:focus, .input.is-black.is-focused, .input.is-black:active, .input.is-black.is-active,
  2494. .textarea.is-black:focus,
  2495. .textarea.is-black.is-focused,
  2496. .textarea.is-black:active,
  2497. .textarea.is-black.is-active {
  2498. box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
  2499. }
  2500. .input.is-light,
  2501. .textarea.is-light {
  2502. border-color: whitesmoke;
  2503. }
  2504. .input.is-light:focus, .input.is-light.is-focused, .input.is-light:active, .input.is-light.is-active,
  2505. .textarea.is-light:focus,
  2506. .textarea.is-light.is-focused,
  2507. .textarea.is-light:active,
  2508. .textarea.is-light.is-active {
  2509. box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
  2510. }
  2511. .input.is-dark,
  2512. .textarea.is-dark {
  2513. border-color: #363636;
  2514. }
  2515. .input.is-dark:focus, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark.is-active,
  2516. .textarea.is-dark:focus,
  2517. .textarea.is-dark.is-focused,
  2518. .textarea.is-dark:active,
  2519. .textarea.is-dark.is-active {
  2520. box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
  2521. }
  2522. .input.is-primary,
  2523. .textarea.is-primary {
  2524. border-color: #00d1b2;
  2525. }
  2526. .input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active,
  2527. .textarea.is-primary:focus,
  2528. .textarea.is-primary.is-focused,
  2529. .textarea.is-primary:active,
  2530. .textarea.is-primary.is-active {
  2531. box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
  2532. }
  2533. .input.is-link,
  2534. .textarea.is-link {
  2535. border-color: #3273dc;
  2536. }
  2537. .input.is-link:focus, .input.is-link.is-focused, .input.is-link:active, .input.is-link.is-active,
  2538. .textarea.is-link:focus,
  2539. .textarea.is-link.is-focused,
  2540. .textarea.is-link:active,
  2541. .textarea.is-link.is-active {
  2542. box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  2543. }
  2544. .input.is-info,
  2545. .textarea.is-info {
  2546. border-color: #209cee;
  2547. }
  2548. .input.is-info:focus, .input.is-info.is-focused, .input.is-info:active, .input.is-info.is-active,
  2549. .textarea.is-info:focus,
  2550. .textarea.is-info.is-focused,
  2551. .textarea.is-info:active,
  2552. .textarea.is-info.is-active {
  2553. box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
  2554. }
  2555. .input.is-success,
  2556. .textarea.is-success {
  2557. border-color: #23d160;
  2558. }
  2559. .input.is-success:focus, .input.is-success.is-focused, .input.is-success:active, .input.is-success.is-active,
  2560. .textarea.is-success:focus,
  2561. .textarea.is-success.is-focused,
  2562. .textarea.is-success:active,
  2563. .textarea.is-success.is-active {
  2564. box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
  2565. }
  2566. .input.is-warning,
  2567. .textarea.is-warning {
  2568. border-color: #ffdd57;
  2569. }
  2570. .input.is-warning:focus, .input.is-warning.is-focused, .input.is-warning:active, .input.is-warning.is-active,
  2571. .textarea.is-warning:focus,
  2572. .textarea.is-warning.is-focused,
  2573. .textarea.is-warning:active,
  2574. .textarea.is-warning.is-active {
  2575. box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
  2576. }
  2577. .input.is-danger,
  2578. .textarea.is-danger {
  2579. border-color: #ff3860;
  2580. }
  2581. .input.is-danger:focus, .input.is-danger.is-focused, .input.is-danger:active, .input.is-danger.is-active,
  2582. .textarea.is-danger:focus,
  2583. .textarea.is-danger.is-focused,
  2584. .textarea.is-danger:active,
  2585. .textarea.is-danger.is-active {
  2586. box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
  2587. }
  2588. .input.is-small,
  2589. .textarea.is-small {
  2590. border-radius: 2px;
  2591. font-size: 0.75rem;
  2592. }
  2593. .input.is-medium,
  2594. .textarea.is-medium {
  2595. font-size: 1.25rem;
  2596. }
  2597. .input.is-large,
  2598. .textarea.is-large {
  2599. font-size: 1.5rem;
  2600. }
  2601. .input.is-fullwidth,
  2602. .textarea.is-fullwidth {
  2603. display: block;
  2604. width: 100%;
  2605. }
  2606. .input.is-inline,
  2607. .textarea.is-inline {
  2608. display: inline;
  2609. width: auto;
  2610. }
  2611. .input.is-rounded {
  2612. border-radius: 290486px;
  2613. padding-left: 1em;
  2614. padding-right: 1em;
  2615. }
  2616. .input.is-static {
  2617. background-color: transparent;
  2618. border-color: transparent;
  2619. box-shadow: none;
  2620. padding-left: 0;
  2621. padding-right: 0;
  2622. }
  2623. .textarea {
  2624. display: block;
  2625. max-width: 100%;
  2626. min-width: 100%;
  2627. padding: 0.625em;
  2628. resize: vertical;
  2629. }
  2630. .textarea:not([rows]) {
  2631. max-height: 600px;
  2632. min-height: 120px;
  2633. }
  2634. .textarea[rows] {
  2635. height: initial;
  2636. }
  2637. .textarea.has-fixed-size {
  2638. resize: none;
  2639. }
  2640. .checkbox,
  2641. .radio {
  2642. cursor: pointer;
  2643. display: inline-block;
  2644. line-height: 1.25;
  2645. position: relative;
  2646. }
  2647. .checkbox input,
  2648. .radio input {
  2649. cursor: pointer;
  2650. }
  2651. .checkbox:hover,
  2652. .radio:hover {
  2653. color: #363636;
  2654. }
  2655. .checkbox[disabled],
  2656. .radio[disabled] {
  2657. color: #7a7a7a;
  2658. cursor: not-allowed;
  2659. }
  2660. .radio + .radio {
  2661. margin-left: 0.5em;
  2662. }
  2663. .select {
  2664. display: inline-block;
  2665. max-width: 100%;
  2666. position: relative;
  2667. vertical-align: top;
  2668. }
  2669. .select:not(.is-multiple) {
  2670. height: 2.25em;
  2671. }
  2672. .select:not(.is-multiple):not(.is-loading)::after {
  2673. border-color: #3273dc;
  2674. right: 1.125em;
  2675. z-index: 4;
  2676. }
  2677. .select.is-rounded select {
  2678. border-radius: 290486px;
  2679. padding-left: 1em;
  2680. }
  2681. .select select {
  2682. background-color: white;
  2683. border-color: #dbdbdb;
  2684. color: #363636;
  2685. cursor: pointer;
  2686. display: block;
  2687. font-size: 1em;
  2688. max-width: 100%;
  2689. outline: none;
  2690. }
  2691. .select select::-moz-placeholder {
  2692. color: rgba(54, 54, 54, 0.3);
  2693. }
  2694. .select select::-webkit-input-placeholder {
  2695. color: rgba(54, 54, 54, 0.3);
  2696. }
  2697. .select select:-moz-placeholder {
  2698. color: rgba(54, 54, 54, 0.3);
  2699. }
  2700. .select select:-ms-input-placeholder {
  2701. color: rgba(54, 54, 54, 0.3);
  2702. }
  2703. .select select:hover, .select select.is-hovered {
  2704. border-color: #b5b5b5;
  2705. }
  2706. .select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
  2707. border-color: #3273dc;
  2708. box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  2709. }
  2710. .select select[disabled] {
  2711. background-color: whitesmoke;
  2712. border-color: whitesmoke;
  2713. box-shadow: none;
  2714. color: #7a7a7a;
  2715. }
  2716. .select select[disabled]::-moz-placeholder {
  2717. color: rgba(122, 122, 122, 0.3);
  2718. }
  2719. .select select[disabled]::-webkit-input-placeholder {
  2720. color: rgba(122, 122, 122, 0.3);
  2721. }
  2722. .select select[disabled]:-moz-placeholder {
  2723. color: rgba(122, 122, 122, 0.3);
  2724. }
  2725. .select select[disabled]:-ms-input-placeholder {
  2726. color: rgba(122, 122, 122, 0.3);
  2727. }
  2728. .select select::-ms-expand {
  2729. display: none;
  2730. }
  2731. .select select[disabled]:hover {
  2732. border-color: whitesmoke;
  2733. }
  2734. .select select:not([multiple]) {
  2735. padding-right: 2.5em;
  2736. }
  2737. .select select[multiple] {
  2738. height: auto;
  2739. padding: 0;
  2740. }
  2741. .select select[multiple] option {
  2742. padding: 0.5em 1em;
  2743. }
  2744. .select:not(.is-multiple):not(.is-loading):hover::after {
  2745. border-color: #363636;
  2746. }
  2747. .select.is-white:not(:hover)::after {
  2748. border-color: white;
  2749. }
  2750. .select.is-white select {
  2751. border-color: white;
  2752. }
  2753. .select.is-white select:hover, .select.is-white select.is-hovered {
  2754. border-color: #f2f2f2;
  2755. }
  2756. .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
  2757. box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
  2758. }
  2759. .select.is-black:not(:hover)::after {
  2760. border-color: #0a0a0a;
  2761. }
  2762. .select.is-black select {
  2763. border-color: #0a0a0a;
  2764. }
  2765. .select.is-black select:hover, .select.is-black select.is-hovered {
  2766. border-color: black;
  2767. }
  2768. .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
  2769. box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
  2770. }
  2771. .select.is-light:not(:hover)::after {
  2772. border-color: whitesmoke;
  2773. }
  2774. .select.is-light select {
  2775. border-color: whitesmoke;
  2776. }
  2777. .select.is-light select:hover, .select.is-light select.is-hovered {
  2778. border-color: #e8e8e8;
  2779. }
  2780. .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
  2781. box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
  2782. }
  2783. .select.is-dark:not(:hover)::after {
  2784. border-color: #363636;
  2785. }
  2786. .select.is-dark select {
  2787. border-color: #363636;
  2788. }
  2789. .select.is-dark select:hover, .select.is-dark select.is-hovered {
  2790. border-color: #292929;
  2791. }
  2792. .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
  2793. box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
  2794. }
  2795. .select.is-primary:not(:hover)::after {
  2796. border-color: #00d1b2;
  2797. }
  2798. .select.is-primary select {
  2799. border-color: #00d1b2;
  2800. }
  2801. .select.is-primary select:hover, .select.is-primary select.is-hovered {
  2802. border-color: #00b89c;
  2803. }
  2804. .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
  2805. box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
  2806. }
  2807. .select.is-link:not(:hover)::after {
  2808. border-color: #3273dc;
  2809. }
  2810. .select.is-link select {
  2811. border-color: #3273dc;
  2812. }
  2813. .select.is-link select:hover, .select.is-link select.is-hovered {
  2814. border-color: #2366d1;
  2815. }
  2816. .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
  2817. box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  2818. }
  2819. .select.is-info:not(:hover)::after {
  2820. border-color: #209cee;
  2821. }
  2822. .select.is-info select {
  2823. border-color: #209cee;
  2824. }
  2825. .select.is-info select:hover, .select.is-info select.is-hovered {
  2826. border-color: #118fe4;
  2827. }
  2828. .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
  2829. box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
  2830. }
  2831. .select.is-success:not(:hover)::after {
  2832. border-color: #23d160;
  2833. }
  2834. .select.is-success select {
  2835. border-color: #23d160;
  2836. }
  2837. .select.is-success select:hover, .select.is-success select.is-hovered {
  2838. border-color: #20bc56;
  2839. }
  2840. .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  2841. box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
  2842. }
  2843. .select.is-warning:not(:hover)::after {
  2844. border-color: #ffdd57;
  2845. }
  2846. .select.is-warning select {
  2847. border-color: #ffdd57;
  2848. }
  2849. .select.is-warning select:hover, .select.is-warning select.is-hovered {
  2850. border-color: #ffd83d;
  2851. }
  2852. .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  2853. box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
  2854. }
  2855. .select.is-danger:not(:hover)::after {
  2856. border-color: #ff3860;
  2857. }
  2858. .select.is-danger select {
  2859. border-color: #ff3860;
  2860. }
  2861. .select.is-danger select:hover, .select.is-danger select.is-hovered {
  2862. border-color: #ff1f4b;
  2863. }
  2864. .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  2865. box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
  2866. }
  2867. .select.is-small {
  2868. border-radius: 2px;
  2869. font-size: 0.75rem;
  2870. }
  2871. .select.is-medium {
  2872. font-size: 1.25rem;
  2873. }
  2874. .select.is-large {
  2875. font-size: 1.5rem;
  2876. }
  2877. .select.is-disabled::after {
  2878. border-color: #7a7a7a;
  2879. }
  2880. .select.is-fullwidth {
  2881. width: 100%;
  2882. }
  2883. .select.is-fullwidth select {
  2884. width: 100%;
  2885. }
  2886. .select.is-loading::after {
  2887. margin-top: 0;
  2888. position: absolute;
  2889. right: 0.625em;
  2890. top: 0.625em;
  2891. -webkit-transform: none;
  2892. transform: none;
  2893. }
  2894. .select.is-loading.is-small:after {
  2895. font-size: 0.75rem;
  2896. }
  2897. .select.is-loading.is-medium:after {
  2898. font-size: 1.25rem;
  2899. }
  2900. .select.is-loading.is-large:after {
  2901. font-size: 1.5rem;
  2902. }
  2903. .file {
  2904. align-items: stretch;
  2905. display: flex;
  2906. justify-content: flex-start;
  2907. position: relative;
  2908. }
  2909. .file.is-white .file-cta {
  2910. background-color: white;
  2911. border-color: transparent;
  2912. color: #0a0a0a;
  2913. }
  2914. .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
  2915. background-color: #f9f9f9;
  2916. border-color: transparent;
  2917. color: #0a0a0a;
  2918. }
  2919. .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
  2920. border-color: transparent;
  2921. box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  2922. color: #0a0a0a;
  2923. }
  2924. .file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
  2925. background-color: #f2f2f2;
  2926. border-color: transparent;
  2927. color: #0a0a0a;
  2928. }
  2929. .file.is-black .file-cta {
  2930. background-color: #0a0a0a;
  2931. border-color: transparent;
  2932. color: white;
  2933. }
  2934. .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
  2935. background-color: #040404;
  2936. border-color: transparent;
  2937. color: white;
  2938. }
  2939. .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
  2940. border-color: transparent;
  2941. box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
  2942. color: white;
  2943. }
  2944. .file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
  2945. background-color: black;
  2946. border-color: transparent;
  2947. color: white;
  2948. }
  2949. .file.is-light .file-cta {
  2950. background-color: whitesmoke;
  2951. border-color: transparent;
  2952. color: #363636;
  2953. }
  2954. .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
  2955. background-color: #eeeeee;
  2956. border-color: transparent;
  2957. color: #363636;
  2958. }
  2959. .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
  2960. border-color: transparent;
  2961. box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
  2962. color: #363636;
  2963. }
  2964. .file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
  2965. background-color: #e8e8e8;
  2966. border-color: transparent;
  2967. color: #363636;
  2968. }
  2969. .file.is-dark .file-cta {
  2970. background-color: #363636;
  2971. border-color: transparent;
  2972. color: whitesmoke;
  2973. }
  2974. .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
  2975. background-color: #2f2f2f;
  2976. border-color: transparent;
  2977. color: whitesmoke;
  2978. }
  2979. .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
  2980. border-color: transparent;
  2981. box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
  2982. color: whitesmoke;
  2983. }
  2984. .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
  2985. background-color: #292929;
  2986. border-color: transparent;
  2987. color: whitesmoke;
  2988. }
  2989. .file.is-primary .file-cta {
  2990. background-color: #00d1b2;
  2991. border-color: transparent;
  2992. color: #fff;
  2993. }
  2994. .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
  2995. background-color: #00c4a7;
  2996. border-color: transparent;
  2997. color: #fff;
  2998. }
  2999. .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
  3000. border-color: transparent;
  3001. box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
  3002. color: #fff;
  3003. }
  3004. .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
  3005. background-color: #00b89c;
  3006. border-color: transparent;
  3007. color: #fff;
  3008. }
  3009. .file.is-link .file-cta {
  3010. background-color: #3273dc;
  3011. border-color: transparent;
  3012. color: #fff;
  3013. }
  3014. .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
  3015. background-color: #276cda;
  3016. border-color: transparent;
  3017. color: #fff;
  3018. }
  3019. .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
  3020. border-color: transparent;
  3021. box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
  3022. color: #fff;
  3023. }
  3024. .file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
  3025. background-color: #2366d1;
  3026. border-color: transparent;
  3027. color: #fff;
  3028. }
  3029. .file.is-info .file-cta {
  3030. background-color: #209cee;
  3031. border-color: transparent;
  3032. color: #fff;
  3033. }
  3034. .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
  3035. background-color: #1496ed;
  3036. border-color: transparent;
  3037. color: #fff;
  3038. }
  3039. .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
  3040. border-color: transparent;
  3041. box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25);
  3042. color: #fff;
  3043. }
  3044. .file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
  3045. background-color: #118fe4;
  3046. border-color: transparent;
  3047. color: #fff;
  3048. }
  3049. .file.is-success .file-cta {
  3050. background-color: #23d160;
  3051. border-color: transparent;
  3052. color: #fff;
  3053. }
  3054. .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
  3055. background-color: #22c65b;
  3056. border-color: transparent;
  3057. color: #fff;
  3058. }
  3059. .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
  3060. border-color: transparent;
  3061. box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
  3062. color: #fff;
  3063. }
  3064. .file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
  3065. background-color: #20bc56;
  3066. border-color: transparent;
  3067. color: #fff;
  3068. }
  3069. .file.is-warning .file-cta {
  3070. background-color: #ffdd57;
  3071. border-color: transparent;
  3072. color: rgba(0, 0, 0, 0.7);
  3073. }
  3074. .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
  3075. background-color: #ffdb4a;
  3076. border-color: transparent;
  3077. color: rgba(0, 0, 0, 0.7);
  3078. }
  3079. .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
  3080. border-color: transparent;
  3081. box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
  3082. color: rgba(0, 0, 0, 0.7);
  3083. }
  3084. .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
  3085. background-color: #ffd83d;
  3086. border-color: transparent;
  3087. color: rgba(0, 0, 0, 0.7);
  3088. }
  3089. .file.is-danger .file-cta {
  3090. background-color: #ff3860;
  3091. border-color: transparent;
  3092. color: #fff;
  3093. }
  3094. .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
  3095. background-color: #ff2b56;
  3096. border-color: transparent;
  3097. color: #fff;
  3098. }
  3099. .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
  3100. border-color: transparent;
  3101. box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
  3102. color: #fff;
  3103. }
  3104. .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
  3105. background-color: #ff1f4b;
  3106. border-color: transparent;
  3107. color: #fff;
  3108. }
  3109. .file.is-small {
  3110. font-size: 0.75rem;
  3111. }
  3112. .file.is-medium {
  3113. font-size: 1.25rem;
  3114. }
  3115. .file.is-medium .file-icon .fa {
  3116. font-size: 21px;
  3117. }
  3118. .file.is-large {
  3119. font-size: 1.5rem;
  3120. }
  3121. .file.is-large .file-icon .fa {
  3122. font-size: 28px;
  3123. }
  3124. .file.has-name .file-cta {
  3125. border-bottom-right-radius: 0;
  3126. border-top-right-radius: 0;
  3127. }
  3128. .file.has-name .file-name {
  3129. border-bottom-left-radius: 0;
  3130. border-top-left-radius: 0;
  3131. }
  3132. .file.has-name.is-empty .file-cta {
  3133. border-radius: 4px;
  3134. }
  3135. .file.has-name.is-empty .file-name {
  3136. display: none;
  3137. }
  3138. .file.is-boxed .file-label {
  3139. flex-direction: column;
  3140. }
  3141. .file.is-boxed .file-cta {
  3142. flex-direction: column;
  3143. height: auto;
  3144. padding: 1em 3em;
  3145. }
  3146. .file.is-boxed .file-name {
  3147. border-width: 0 1px 1px;
  3148. }
  3149. .file.is-boxed .file-icon {
  3150. height: 1.5em;
  3151. width: 1.5em;
  3152. }
  3153. .file.is-boxed .file-icon .fa {
  3154. font-size: 21px;
  3155. }
  3156. .file.is-boxed.is-small .file-icon .fa {
  3157. font-size: 14px;
  3158. }
  3159. .file.is-boxed.is-medium .file-icon .fa {
  3160. font-size: 28px;
  3161. }
  3162. .file.is-boxed.is-large .file-icon .fa {
  3163. font-size: 35px;
  3164. }
  3165. .file.is-boxed.has-name .file-cta {
  3166. border-radius: 4px 4px 0 0;
  3167. }
  3168. .file.is-boxed.has-name .file-name {
  3169. border-radius: 0 0 4px 4px;
  3170. border-width: 0 1px 1px;
  3171. }
  3172. .file.is-centered {
  3173. justify-content: center;
  3174. }
  3175. .file.is-fullwidth .file-label {
  3176. width: 100%;
  3177. }
  3178. .file.is-fullwidth .file-name {
  3179. flex-grow: 1;
  3180. max-width: none;
  3181. }
  3182. .file.is-right {
  3183. justify-content: flex-end;
  3184. }
  3185. .file.is-right .file-cta {
  3186. border-radius: 0 4px 4px 0;
  3187. }
  3188. .file.is-right .file-name {
  3189. border-radius: 4px 0 0 4px;
  3190. border-width: 1px 0 1px 1px;
  3191. order: -1;
  3192. }
  3193. .file-label {
  3194. align-items: stretch;
  3195. display: flex;
  3196. cursor: pointer;
  3197. justify-content: flex-start;
  3198. overflow: hidden;
  3199. position: relative;
  3200. }
  3201. .file-label:hover .file-cta {
  3202. background-color: #eeeeee;
  3203. color: #363636;
  3204. }
  3205. .file-label:hover .file-name {
  3206. border-color: #d5d5d5;
  3207. }
  3208. .file-label:active .file-cta {
  3209. background-color: #e8e8e8;
  3210. color: #363636;
  3211. }
  3212. .file-label:active .file-name {
  3213. border-color: #cfcfcf;
  3214. }
  3215. .file-input {
  3216. height: 100%;
  3217. left: 0;
  3218. opacity: 0;
  3219. outline: none;
  3220. position: absolute;
  3221. top: 0;
  3222. width: 100%;
  3223. }
  3224. .file-cta,
  3225. .file-name {
  3226. border-color: #dbdbdb;
  3227. border-radius: 4px;
  3228. font-size: 1em;
  3229. padding-left: 1em;
  3230. padding-right: 1em;
  3231. white-space: nowrap;
  3232. }
  3233. .file-cta {
  3234. background-color: whitesmoke;
  3235. color: #4a4a4a;
  3236. }
  3237. .file-name {
  3238. border-color: #dbdbdb;
  3239. border-style: solid;
  3240. border-width: 1px 1px 1px 0;
  3241. display: block;
  3242. max-width: 16em;
  3243. overflow: hidden;
  3244. text-align: left;
  3245. text-overflow: ellipsis;
  3246. }
  3247. .file-icon {
  3248. align-items: center;
  3249. display: flex;
  3250. height: 1em;
  3251. justify-content: center;
  3252. margin-right: 0.5em;
  3253. width: 1em;
  3254. }
  3255. .file-icon .fa {
  3256. font-size: 14px;
  3257. }
  3258. .label {
  3259. color: #363636;
  3260. display: block;
  3261. font-size: 1rem;
  3262. font-weight: 700;
  3263. }
  3264. .label:not(:last-child) {
  3265. margin-bottom: 0.5em;
  3266. }
  3267. .label.is-small {
  3268. font-size: 0.75rem;
  3269. }
  3270. .label.is-medium {
  3271. font-size: 1.25rem;
  3272. }
  3273. .label.is-large {
  3274. font-size: 1.5rem;
  3275. }
  3276. .help {
  3277. display: block;
  3278. font-size: 0.75rem;
  3279. margin-top: 0.25rem;
  3280. }
  3281. .help.is-white {
  3282. color: white;
  3283. }
  3284. .help.is-black {
  3285. color: #0a0a0a;
  3286. }
  3287. .help.is-light {
  3288. color: whitesmoke;
  3289. }
  3290. .help.is-dark {
  3291. color: #363636;
  3292. }
  3293. .help.is-primary {
  3294. color: #00d1b2;
  3295. }
  3296. .help.is-link {
  3297. color: #3273dc;
  3298. }
  3299. .help.is-info {
  3300. color: #209cee;
  3301. }
  3302. .help.is-success {
  3303. color: #23d160;
  3304. }
  3305. .help.is-warning {
  3306. color: #ffdd57;
  3307. }
  3308. .help.is-danger {
  3309. color: #ff3860;
  3310. }
  3311. .field:not(:last-child) {
  3312. margin-bottom: 0.75rem;
  3313. }
  3314. .field.has-addons {
  3315. display: flex;
  3316. justify-content: flex-start;
  3317. }
  3318. .field.has-addons .control:not(:last-child) {
  3319. margin-right: -1px;
  3320. }
  3321. .field.has-addons .control:not(:first-child):not(:last-child) .button,
  3322. .field.has-addons .control:not(:first-child):not(:last-child) .input,
  3323. .field.has-addons .control:not(:first-child):not(:last-child) .select select {
  3324. border-radius: 0;
  3325. }
  3326. .field.has-addons .control:first-child .button,
  3327. .field.has-addons .control:first-child .input,
  3328. .field.has-addons .control:first-child .select select {
  3329. border-bottom-right-radius: 0;
  3330. border-top-right-radius: 0;
  3331. }
  3332. .field.has-addons .control:last-child .button,
  3333. .field.has-addons .control:last-child .input,
  3334. .field.has-addons .control:last-child .select select {
  3335. border-bottom-left-radius: 0;
  3336. border-top-left-radius: 0;
  3337. }
  3338. .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
  3339. .field.has-addons .control .input:not([disabled]):hover,
  3340. .field.has-addons .control .input:not([disabled]).is-hovered,
  3341. .field.has-addons .control .select select:not([disabled]):hover,
  3342. .field.has-addons .control .select select:not([disabled]).is-hovered {
  3343. z-index: 2;
  3344. }
  3345. .field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
  3346. .field.has-addons .control .input:not([disabled]):focus,
  3347. .field.has-addons .control .input:not([disabled]).is-focused,
  3348. .field.has-addons .control .input:not([disabled]):active,
  3349. .field.has-addons .control .input:not([disabled]).is-active,
  3350. .field.has-addons .control .select select:not([disabled]):focus,
  3351. .field.has-addons .control .select select:not([disabled]).is-focused,
  3352. .field.has-addons .control .select select:not([disabled]):active,
  3353. .field.has-addons .control .select select:not([disabled]).is-active {
  3354. z-index: 3;
  3355. }
  3356. .field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
  3357. .field.has-addons .control .input:not([disabled]):focus:hover,
  3358. .field.has-addons .control .input:not([disabled]).is-focused:hover,
  3359. .field.has-addons .control .input:not([disabled]):active:hover,
  3360. .field.has-addons .control .input:not([disabled]).is-active:hover,
  3361. .field.has-addons .control .select select:not([disabled]):focus:hover,
  3362. .field.has-addons .control .select select:not([disabled]).is-focused:hover,
  3363. .field.has-addons .control .select select:not([disabled]):active:hover,
  3364. .field.has-addons .control .select select:not([disabled]).is-active:hover {
  3365. z-index: 4;
  3366. }
  3367. .field.has-addons .control.is-expanded {
  3368. flex-grow: 1;
  3369. }
  3370. .field.has-addons.has-addons-centered {
  3371. justify-content: center;
  3372. }
  3373. .field.has-addons.has-addons-right {
  3374. justify-content: flex-end;
  3375. }
  3376. .field.has-addons.has-addons-fullwidth .control {
  3377. flex-grow: 1;
  3378. flex-shrink: 0;
  3379. }
  3380. .field.is-grouped {
  3381. display: flex;
  3382. justify-content: flex-start;
  3383. }
  3384. .field.is-grouped > .control {
  3385. flex-shrink: 0;
  3386. }
  3387. .field.is-grouped > .control:not(:last-child) {
  3388. margin-bottom: 0;
  3389. margin-right: 0.75rem;
  3390. }
  3391. .field.is-grouped > .control.is-expanded {
  3392. flex-grow: 1;
  3393. flex-shrink: 1;
  3394. }
  3395. .field.is-grouped.is-grouped-centered {
  3396. justify-content: center;
  3397. }
  3398. .field.is-grouped.is-grouped-right {
  3399. justify-content: flex-end;
  3400. }
  3401. .field.is-grouped.is-grouped-multiline {
  3402. flex-wrap: wrap;
  3403. }
  3404. .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  3405. margin-bottom: 0.75rem;
  3406. }
  3407. .field.is-grouped.is-grouped-multiline:last-child {
  3408. margin-bottom: -0.75rem;
  3409. }
  3410. .field.is-grouped.is-grouped-multiline:not(:last-child) {
  3411. margin-bottom: 0;
  3412. }
  3413. @media screen and (min-width: 769px), print {
  3414. .field.is-horizontal {
  3415. display: flex;
  3416. }
  3417. }
  3418. .field-label .label {
  3419. font-size: inherit;
  3420. }
  3421. @media screen and (max-width: 768px) {
  3422. .field-label {
  3423. margin-bottom: 0.5rem;
  3424. }
  3425. }
  3426. @media screen and (min-width: 769px), print {
  3427. .field-label {
  3428. flex-basis: 0;
  3429. flex-grow: 1;
  3430. flex-shrink: 0;
  3431. margin-right: 1.5rem;
  3432. text-align: right;
  3433. }
  3434. .field-label.is-small {
  3435. font-size: 0.75rem;
  3436. padding-top: 0.375em;
  3437. }
  3438. .field-label.is-normal {
  3439. padding-top: 0.375em;
  3440. }
  3441. .field-label.is-medium {
  3442. font-size: 1.25rem;
  3443. padding-top: 0.375em;
  3444. }
  3445. .field-label.is-large {
  3446. font-size: 1.5rem;
  3447. padding-top: 0.375em;
  3448. }
  3449. }
  3450. .field-body .field .field {
  3451. margin-bottom: 0;
  3452. }
  3453. @media screen and (min-width: 769px), print {
  3454. .field-body {
  3455. display: flex;
  3456. flex-basis: 0;
  3457. flex-grow: 5;
  3458. flex-shrink: 1;
  3459. }
  3460. .field-body .field {
  3461. margin-bottom: 0;
  3462. }
  3463. .field-body > .field {
  3464. flex-shrink: 1;
  3465. }
  3466. .field-body > .field:not(.is-narrow) {
  3467. flex-grow: 1;
  3468. }
  3469. .field-body > .field:not(:last-child) {
  3470. margin-right: 0.75rem;
  3471. }
  3472. }
  3473. .control {
  3474. clear: both;
  3475. font-size: 1rem;
  3476. position: relative;
  3477. text-align: left;
  3478. }
  3479. .control.has-icon .icon {
  3480. color: #dbdbdb;
  3481. height: 2.25em;
  3482. pointer-events: none;
  3483. position: absolute;
  3484. top: 0;
  3485. width: 2.25em;
  3486. z-index: 4;
  3487. }
  3488. .control.has-icon .input:focus + .icon {
  3489. color: #7a7a7a;
  3490. }
  3491. .control.has-icon .input.is-small + .icon {
  3492. font-size: 0.75rem;
  3493. }
  3494. .control.has-icon .input.is-medium + .icon {
  3495. font-size: 1.25rem;
  3496. }
  3497. .control.has-icon .input.is-large + .icon {
  3498. font-size: 1.5rem;
  3499. }
  3500. .control.has-icon:not(.has-icon-right) .icon {
  3501. left: 0;
  3502. }
  3503. .control.has-icon:not(.has-icon-right) .input {
  3504. padding-left: 2.25em;
  3505. }
  3506. .control.has-icon.has-icon-right .icon {
  3507. right: 0;
  3508. }
  3509. .control.has-icon.has-icon-right .input {
  3510. padding-right: 2.25em;
  3511. }
  3512. .control.has-icons-left .input:focus ~ .icon,
  3513. .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
  3514. .control.has-icons-right .select:focus ~ .icon {
  3515. color: #7a7a7a;
  3516. }
  3517. .control.has-icons-left .input.is-small ~ .icon,
  3518. .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
  3519. .control.has-icons-right .select.is-small ~ .icon {
  3520. font-size: 0.75rem;
  3521. }
  3522. .control.has-icons-left .input.is-medium ~ .icon,
  3523. .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
  3524. .control.has-icons-right .select.is-medium ~ .icon {
  3525. font-size: 1.25rem;
  3526. }
  3527. .control.has-icons-left .input.is-large ~ .icon,
  3528. .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
  3529. .control.has-icons-right .select.is-large ~ .icon {
  3530. font-size: 1.5rem;
  3531. }
  3532. .control.has-icons-left .icon, .control.has-icons-right .icon {
  3533. color: #dbdbdb;
  3534. height: 2.25em;
  3535. pointer-events: none;
  3536. position: absolute;
  3537. top: 0;
  3538. width: 2.25em;
  3539. z-index: 4;
  3540. }
  3541. .control.has-icons-left .input,
  3542. .control.has-icons-left .select select {
  3543. padding-left: 2.25em;
  3544. }
  3545. .control.has-icons-left .icon.is-left {
  3546. left: 0;
  3547. }
  3548. .control.has-icons-right .input,
  3549. .control.has-icons-right .select select {
  3550. padding-right: 2.25em;
  3551. }
  3552. .control.has-icons-right .icon.is-right {
  3553. right: 0;
  3554. }
  3555. .control.is-loading::after {
  3556. position: absolute !important;
  3557. right: 0.625em;
  3558. top: 0.625em;
  3559. z-index: 4;
  3560. }
  3561. .control.is-loading.is-small:after {
  3562. font-size: 0.75rem;
  3563. }
  3564. .control.is-loading.is-medium:after {
  3565. font-size: 1.25rem;
  3566. }
  3567. .control.is-loading.is-large:after {
  3568. font-size: 1.5rem;
  3569. }
  3570. .icon {
  3571. align-items: center;
  3572. display: inline-flex;
  3573. justify-content: center;
  3574. height: 1.5rem;
  3575. width: 1.5rem;
  3576. }
  3577. .icon.is-small {
  3578. height: 1rem;
  3579. width: 1rem;
  3580. }
  3581. .icon.is-medium {
  3582. height: 2rem;
  3583. width: 2rem;
  3584. }
  3585. .icon.is-large {
  3586. height: 3rem;
  3587. width: 3rem;
  3588. }
  3589. .image {
  3590. display: block;
  3591. position: relative;
  3592. }
  3593. .image img {
  3594. display: block;
  3595. height: auto;
  3596. width: 100%;
  3597. }
  3598. .image img.is-rounded {
  3599. border-radius: 290486px;
  3600. }
  3601. .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img {
  3602. height: 100%;
  3603. width: 100%;
  3604. }
  3605. .image.is-square, .image.is-1by1 {
  3606. padding-top: 100%;
  3607. }
  3608. .image.is-5by4 {
  3609. padding-top: 80%;
  3610. }
  3611. .image.is-4by3 {
  3612. padding-top: 75%;
  3613. }
  3614. .image.is-3by2 {
  3615. padding-top: 66.6666%;
  3616. }
  3617. .image.is-5by3 {
  3618. padding-top: 60%;
  3619. }
  3620. .image.is-16by9 {
  3621. padding-top: 56.25%;
  3622. }
  3623. .image.is-2by1 {
  3624. padding-top: 50%;
  3625. }
  3626. .image.is-3by1 {
  3627. padding-top: 33.3333%;
  3628. }
  3629. .image.is-4by5 {
  3630. padding-top: 125%;
  3631. }
  3632. .image.is-3by4 {
  3633. padding-top: 133.3333%;
  3634. }
  3635. .image.is-2by3 {
  3636. padding-top: 150%;
  3637. }
  3638. .image.is-3by5 {
  3639. padding-top: 166.6666%;
  3640. }
  3641. .image.is-9by16 {
  3642. padding-top: 177.7777%;
  3643. }
  3644. .image.is-1by2 {
  3645. padding-top: 200%;
  3646. }
  3647. .image.is-1by3 {
  3648. padding-top: 300%;
  3649. }
  3650. .image.is-16x16 {
  3651. height: 16px;
  3652. width: 16px;
  3653. }
  3654. .image.is-24x24 {
  3655. height: 24px;
  3656. width: 24px;
  3657. }
  3658. .image.is-32x32 {
  3659. height: 32px;
  3660. width: 32px;
  3661. }
  3662. .image.is-48x48 {
  3663. height: 48px;
  3664. width: 48px;
  3665. }
  3666. .image.is-64x64 {
  3667. height: 64px;
  3668. width: 64px;
  3669. }
  3670. .image.is-96x96 {
  3671. height: 96px;
  3672. width: 96px;
  3673. }
  3674. .image.is-128x128 {
  3675. height: 128px;
  3676. width: 128px;
  3677. }
  3678. .notification {
  3679. background-color: whitesmoke;
  3680. border-radius: 4px;
  3681. padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  3682. position: relative;
  3683. }
  3684. .notification a:not(.button):not(.dropdown-item) {
  3685. color: currentColor;
  3686. text-decoration: underline;
  3687. }
  3688. .notification strong {
  3689. color: currentColor;
  3690. }
  3691. .notification code,
  3692. .notification pre {
  3693. background: white;
  3694. }
  3695. .notification pre code {
  3696. background: transparent;
  3697. }
  3698. .notification > .delete {
  3699. position: absolute;
  3700. right: 0.5rem;
  3701. top: 0.5rem;
  3702. }
  3703. .notification .title,
  3704. .notification .subtitle,
  3705. .notification .content {
  3706. color: currentColor;
  3707. }
  3708. .notification.is-white {
  3709. background-color: white;
  3710. color: #0a0a0a;
  3711. }
  3712. .notification.is-black {
  3713. background-color: #0a0a0a;
  3714. color: white;
  3715. }
  3716. .notification.is-light {
  3717. background-color: whitesmoke;
  3718. color: #363636;
  3719. }
  3720. .notification.is-dark {
  3721. background-color: #363636;
  3722. color: whitesmoke;
  3723. }
  3724. .notification.is-primary {
  3725. background-color: #00d1b2;
  3726. color: #fff;
  3727. }
  3728. .notification.is-link {
  3729. background-color: #3273dc;
  3730. color: #fff;
  3731. }
  3732. .notification.is-info {
  3733. background-color: #209cee;
  3734. color: #fff;
  3735. }
  3736. .notification.is-success {
  3737. background-color: #23d160;
  3738. color: #fff;
  3739. }
  3740. .notification.is-warning {
  3741. background-color: #ffdd57;
  3742. color: rgba(0, 0, 0, 0.7);
  3743. }
  3744. .notification.is-danger {
  3745. background-color: #ff3860;
  3746. color: #fff;
  3747. }
  3748. .progress {
  3749. -moz-appearance: none;
  3750. -webkit-appearance: none;
  3751. border: none;
  3752. border-radius: 290486px;
  3753. display: block;
  3754. height: 1rem;
  3755. overflow: hidden;
  3756. padding: 0;
  3757. width: 100%;
  3758. }
  3759. .progress::-webkit-progress-bar {
  3760. background-color: #dbdbdb;
  3761. }
  3762. .progress::-webkit-progress-value {
  3763. background-color: #4a4a4a;
  3764. }
  3765. .progress::-moz-progress-bar {
  3766. background-color: #4a4a4a;
  3767. }
  3768. .progress::-ms-fill {
  3769. background-color: #4a4a4a;
  3770. border: none;
  3771. }
  3772. .progress.is-white::-webkit-progress-value {
  3773. background-color: white;
  3774. }
  3775. .progress.is-white::-moz-progress-bar {
  3776. background-color: white;
  3777. }
  3778. .progress.is-white::-ms-fill {
  3779. background-color: white;
  3780. }
  3781. .progress.is-black::-webkit-progress-value {
  3782. background-color: #0a0a0a;
  3783. }
  3784. .progress.is-black::-moz-progress-bar {
  3785. background-color: #0a0a0a;
  3786. }
  3787. .progress.is-black::-ms-fill {
  3788. background-color: #0a0a0a;
  3789. }
  3790. .progress.is-light::-webkit-progress-value {
  3791. background-color: whitesmoke;
  3792. }
  3793. .progress.is-light::-moz-progress-bar {
  3794. background-color: whitesmoke;
  3795. }
  3796. .progress.is-light::-ms-fill {
  3797. background-color: whitesmoke;
  3798. }
  3799. .progress.is-dark::-webkit-progress-value {
  3800. background-color: #363636;
  3801. }
  3802. .progress.is-dark::-moz-progress-bar {
  3803. background-color: #363636;
  3804. }
  3805. .progress.is-dark::-ms-fill {
  3806. background-color: #363636;
  3807. }
  3808. .progress.is-primary::-webkit-progress-value {
  3809. background-color: #00d1b2;
  3810. }
  3811. .progress.is-primary::-moz-progress-bar {
  3812. background-color: #00d1b2;
  3813. }
  3814. .progress.is-primary::-ms-fill {
  3815. background-color: #00d1b2;
  3816. }
  3817. .progress.is-link::-webkit-progress-value {
  3818. background-color: #3273dc;
  3819. }
  3820. .progress.is-link::-moz-progress-bar {
  3821. background-color: #3273dc;
  3822. }
  3823. .progress.is-link::-ms-fill {
  3824. background-color: #3273dc;
  3825. }
  3826. .progress.is-info::-webkit-progress-value {
  3827. background-color: #209cee;
  3828. }
  3829. .progress.is-info::-moz-progress-bar {
  3830. background-color: #209cee;
  3831. }
  3832. .progress.is-info::-ms-fill {
  3833. background-color: #209cee;
  3834. }
  3835. .progress.is-success::-webkit-progress-value {
  3836. background-color: #23d160;
  3837. }
  3838. .progress.is-success::-moz-progress-bar {
  3839. background-color: #23d160;
  3840. }
  3841. .progress.is-success::-ms-fill {
  3842. background-color: #23d160;
  3843. }
  3844. .progress.is-warning::-webkit-progress-value {
  3845. background-color: #ffdd57;
  3846. }
  3847. .progress.is-warning::-moz-progress-bar {
  3848. background-color: #ffdd57;
  3849. }
  3850. .progress.is-warning::-ms-fill {
  3851. background-color: #ffdd57;
  3852. }
  3853. .progress.is-danger::-webkit-progress-value {
  3854. background-color: #ff3860;
  3855. }
  3856. .progress.is-danger::-moz-progress-bar {
  3857. background-color: #ff3860;
  3858. }
  3859. .progress.is-danger::-ms-fill {
  3860. background-color: #ff3860;
  3861. }
  3862. .progress.is-small {
  3863. height: 0.75rem;
  3864. }
  3865. .progress.is-medium {
  3866. height: 1.25rem;
  3867. }
  3868. .progress.is-large {
  3869. height: 1.5rem;
  3870. }
  3871. .table {
  3872. background-color: white;
  3873. color: #363636;
  3874. }
  3875. .table td,
  3876. .table th {
  3877. border: 1px solid #dbdbdb;
  3878. border-width: 0 0 1px;
  3879. padding: 0.5em 0.75em;
  3880. vertical-align: top;
  3881. }
  3882. .table td.is-white,
  3883. .table th.is-white {
  3884. background-color: white;
  3885. border-color: white;
  3886. color: #0a0a0a;
  3887. }
  3888. .table td.is-black,
  3889. .table th.is-black {
  3890. background-color: #0a0a0a;
  3891. border-color: #0a0a0a;
  3892. color: white;
  3893. }
  3894. .table td.is-light,
  3895. .table th.is-light {
  3896. background-color: whitesmoke;
  3897. border-color: whitesmoke;
  3898. color: #363636;
  3899. }
  3900. .table td.is-dark,
  3901. .table th.is-dark {
  3902. background-color: #363636;
  3903. border-color: #363636;
  3904. color: whitesmoke;
  3905. }
  3906. .table td.is-primary,
  3907. .table th.is-primary {
  3908. background-color: #00d1b2;
  3909. border-color: #00d1b2;
  3910. color: #fff;
  3911. }
  3912. .table td.is-link,
  3913. .table th.is-link {
  3914. background-color: #3273dc;
  3915. border-color: #3273dc;
  3916. color: #fff;
  3917. }
  3918. .table td.is-info,
  3919. .table th.is-info {
  3920. background-color: #209cee;
  3921. border-color: #209cee;
  3922. color: #fff;
  3923. }
  3924. .table td.is-success,
  3925. .table th.is-success {
  3926. background-color: #23d160;
  3927. border-color: #23d160;
  3928. color: #fff;
  3929. }
  3930. .table td.is-warning,
  3931. .table th.is-warning {
  3932. background-color: #ffdd57;
  3933. border-color: #ffdd57;
  3934. color: rgba(0, 0, 0, 0.7);
  3935. }
  3936. .table td.is-danger,
  3937. .table th.is-danger {
  3938. background-color: #ff3860;
  3939. border-color: #ff3860;
  3940. color: #fff;
  3941. }
  3942. .table td.is-narrow,
  3943. .table th.is-narrow {
  3944. white-space: nowrap;
  3945. width: 1%;
  3946. }
  3947. .table td.is-selected,
  3948. .table th.is-selected {
  3949. background-color: #00d1b2;
  3950. color: #fff;
  3951. }
  3952. .table td.is-selected a,
  3953. .table td.is-selected strong,
  3954. .table th.is-selected a,
  3955. .table th.is-selected strong {
  3956. color: currentColor;
  3957. }
  3958. .table th {
  3959. color: #363636;
  3960. text-align: left;
  3961. }
  3962. .table tr.is-selected {
  3963. background-color: #00d1b2;
  3964. color: #fff;
  3965. }
  3966. .table tr.is-selected a,
  3967. .table tr.is-selected strong {
  3968. color: currentColor;
  3969. }
  3970. .table tr.is-selected td,
  3971. .table tr.is-selected th {
  3972. border-color: #fff;
  3973. color: currentColor;
  3974. }
  3975. .table thead td,
  3976. .table thead th {
  3977. border-width: 0 0 2px;
  3978. color: #363636;
  3979. }
  3980. .table tfoot td,
  3981. .table tfoot th {
  3982. border-width: 2px 0 0;
  3983. color: #363636;
  3984. }
  3985. .table tbody tr:last-child td,
  3986. .table tbody tr:last-child th {
  3987. border-bottom-width: 0;
  3988. }
  3989. .table.is-bordered td,
  3990. .table.is-bordered th {
  3991. border-width: 1px;
  3992. }
  3993. .table.is-bordered tr:last-child td,
  3994. .table.is-bordered tr:last-child th {
  3995. border-bottom-width: 1px;
  3996. }
  3997. .table.is-fullwidth {
  3998. width: 100%;
  3999. }
  4000. .table.is-hoverable tbody tr:not(.is-selected):hover {
  4001. background-color: #fafafa;
  4002. }
  4003. .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  4004. background-color: #fafafa;
  4005. }
  4006. .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  4007. background-color: whitesmoke;
  4008. }
  4009. .table.is-narrow td,
  4010. .table.is-narrow th {
  4011. padding: 0.25em 0.5em;
  4012. }
  4013. .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  4014. background-color: #fafafa;
  4015. }
  4016. .table-container {
  4017. -webkit-overflow-scrolling: touch;
  4018. overflow: auto;
  4019. overflow-y: hidden;
  4020. max-width: 100%;
  4021. }
  4022. .tags {
  4023. align-items: center;
  4024. display: flex;
  4025. flex-wrap: wrap;
  4026. justify-content: flex-start;
  4027. }
  4028. .tags .tag {
  4029. margin-bottom: 0.5rem;
  4030. }
  4031. .tags .tag:not(:last-child) {
  4032. margin-right: 0.5rem;
  4033. }
  4034. .tags:last-child {
  4035. margin-bottom: -0.5rem;
  4036. }
  4037. .tags:not(:last-child) {
  4038. margin-bottom: 1rem;
  4039. }
  4040. .tags.has-addons .tag {
  4041. margin-right: 0;
  4042. }
  4043. .tags.has-addons .tag:not(:first-child) {
  4044. border-bottom-left-radius: 0;
  4045. border-top-left-radius: 0;
  4046. }
  4047. .tags.has-addons .tag:not(:last-child) {
  4048. border-bottom-right-radius: 0;
  4049. border-top-right-radius: 0;
  4050. }
  4051. .tags.is-centered {
  4052. justify-content: center;
  4053. }
  4054. .tags.is-centered .tag {
  4055. margin-right: 0.25rem;
  4056. margin-left: 0.25rem;
  4057. }
  4058. .tags.is-right {
  4059. justify-content: flex-end;
  4060. }
  4061. .tags.is-right .tag:not(:first-child) {
  4062. margin-left: 0.5rem;
  4063. }
  4064. .tags.is-right .tag:not(:last-child) {
  4065. margin-right: 0;
  4066. }
  4067. .tag:not(body) {
  4068. align-items: center;
  4069. background-color: whitesmoke;
  4070. border-radius: 4px;
  4071. color: #4a4a4a;
  4072. display: inline-flex;
  4073. font-size: 0.75rem;
  4074. height: 2em;
  4075. justify-content: center;
  4076. line-height: 1.5;
  4077. padding-left: 0.75em;
  4078. padding-right: 0.75em;
  4079. white-space: nowrap;
  4080. }
  4081. .tag:not(body) .delete {
  4082. margin-left: 0.25rem;
  4083. margin-right: -0.375rem;
  4084. }
  4085. .tag:not(body).is-white {
  4086. background-color: white;
  4087. color: #0a0a0a;
  4088. }
  4089. .tag:not(body).is-black {
  4090. background-color: #0a0a0a;
  4091. color: white;
  4092. }
  4093. .tag:not(body).is-light {
  4094. background-color: whitesmoke;
  4095. color: #363636;
  4096. }
  4097. .tag:not(body).is-dark {
  4098. background-color: #363636;
  4099. color: whitesmoke;
  4100. }
  4101. .tag:not(body).is-primary {
  4102. background-color: #00d1b2;
  4103. color: #fff;
  4104. }
  4105. .tag:not(body).is-link {
  4106. background-color: #3273dc;
  4107. color: #fff;
  4108. }
  4109. .tag:not(body).is-info {
  4110. background-color: #209cee;
  4111. color: #fff;
  4112. }
  4113. .tag:not(body).is-success {
  4114. background-color: #23d160;
  4115. color: #fff;
  4116. }
  4117. .tag:not(body).is-warning {
  4118. background-color: #ffdd57;
  4119. color: rgba(0, 0, 0, 0.7);
  4120. }
  4121. .tag:not(body).is-danger {
  4122. background-color: #ff3860;
  4123. color: #fff;
  4124. }
  4125. .tag:not(body).is-medium {
  4126. font-size: 1rem;
  4127. }
  4128. .tag:not(body).is-large {
  4129. font-size: 1.25rem;
  4130. }
  4131. .tag:not(body) .icon:first-child:not(:last-child) {
  4132. margin-left: -0.375em;
  4133. margin-right: 0.1875em;
  4134. }
  4135. .tag:not(body) .icon:last-child:not(:first-child) {
  4136. margin-left: 0.1875em;
  4137. margin-right: -0.375em;
  4138. }
  4139. .tag:not(body) .icon:first-child:last-child {
  4140. margin-left: -0.375em;
  4141. margin-right: -0.375em;
  4142. }
  4143. .tag:not(body).is-delete {
  4144. margin-left: 1px;
  4145. padding: 0;
  4146. position: relative;
  4147. width: 2em;
  4148. }
  4149. .tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
  4150. background-color: currentColor;
  4151. content: "";
  4152. display: block;
  4153. left: 50%;
  4154. position: absolute;
  4155. top: 50%;
  4156. -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  4157. transform: translateX(-50%) translateY(-50%) rotate(45deg);
  4158. -webkit-transform-origin: center center;
  4159. transform-origin: center center;
  4160. }
  4161. .tag:not(body).is-delete::before {
  4162. height: 1px;
  4163. width: 50%;
  4164. }
  4165. .tag:not(body).is-delete::after {
  4166. height: 50%;
  4167. width: 1px;
  4168. }
  4169. .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
  4170. background-color: #e8e8e8;
  4171. }
  4172. .tag:not(body).is-delete:active {
  4173. background-color: #dbdbdb;
  4174. }
  4175. .tag:not(body).is-rounded {
  4176. border-radius: 290486px;
  4177. }
  4178. a.tag:hover {
  4179. text-decoration: underline;
  4180. }
  4181. .title,
  4182. .subtitle {
  4183. word-break: break-word;
  4184. }
  4185. .title em,
  4186. .title span,
  4187. .subtitle em,
  4188. .subtitle span {
  4189. font-weight: inherit;
  4190. }
  4191. .title sub,
  4192. .subtitle sub {
  4193. font-size: 0.75em;
  4194. }
  4195. .title sup,
  4196. .subtitle sup {
  4197. font-size: 0.75em;
  4198. }
  4199. .title .tag,
  4200. .subtitle .tag {
  4201. vertical-align: middle;
  4202. }
  4203. .title {
  4204. color: #363636;
  4205. font-size: 2rem;
  4206. font-weight: 600;
  4207. line-height: 1.125;
  4208. }
  4209. .title strong {
  4210. color: inherit;
  4211. font-weight: inherit;
  4212. }
  4213. .title + .highlight {
  4214. margin-top: -0.75rem;
  4215. }
  4216. .title:not(.is-spaced) + .subtitle {
  4217. margin-top: -1.25rem;
  4218. }
  4219. .title.is-1 {
  4220. font-size: 3rem;
  4221. }
  4222. .title.is-2 {
  4223. font-size: 2.5rem;
  4224. }
  4225. .title.is-3 {
  4226. font-size: 2rem;
  4227. }
  4228. .title.is-4 {
  4229. font-size: 1.5rem;
  4230. }
  4231. .title.is-5 {
  4232. font-size: 1.25rem;
  4233. }
  4234. .title.is-6 {
  4235. font-size: 1rem;
  4236. }
  4237. .title.is-7 {
  4238. font-size: 0.75rem;
  4239. }
  4240. .subtitle {
  4241. color: #4a4a4a;
  4242. font-size: 1.25rem;
  4243. font-weight: 400;
  4244. line-height: 1.25;
  4245. }
  4246. .subtitle strong {
  4247. color: #363636;
  4248. font-weight: 600;
  4249. }
  4250. .subtitle:not(.is-spaced) + .title {
  4251. margin-top: -1.25rem;
  4252. }
  4253. .subtitle.is-1 {
  4254. font-size: 3rem;
  4255. }
  4256. .subtitle.is-2 {
  4257. font-size: 2.5rem;
  4258. }
  4259. .subtitle.is-3 {
  4260. font-size: 2rem;
  4261. }
  4262. .subtitle.is-4 {
  4263. font-size: 1.5rem;
  4264. }
  4265. .subtitle.is-5 {
  4266. font-size: 1.25rem;
  4267. }
  4268. .subtitle.is-6 {
  4269. font-size: 1rem;
  4270. }
  4271. .subtitle.is-7 {
  4272. font-size: 0.75rem;
  4273. }
  4274. .heading {
  4275. display: block;
  4276. font-size: 11px;
  4277. letter-spacing: 1px;
  4278. margin-bottom: 5px;
  4279. text-transform: uppercase;
  4280. }
  4281. .highlight {
  4282. font-weight: 400;
  4283. max-width: 100%;
  4284. overflow: hidden;
  4285. padding: 0;
  4286. }
  4287. .highlight pre {
  4288. overflow: auto;
  4289. max-width: 100%;
  4290. }
  4291. .number {
  4292. align-items: center;
  4293. background-color: whitesmoke;
  4294. border-radius: 290486px;
  4295. display: inline-flex;
  4296. font-size: 1.25rem;
  4297. height: 2em;
  4298. justify-content: center;
  4299. margin-right: 1.5rem;
  4300. min-width: 2.5em;
  4301. padding: 0.25rem 0.5rem;
  4302. text-align: center;
  4303. vertical-align: top;
  4304. }
  4305. .breadcrumb {
  4306. font-size: 1rem;
  4307. white-space: nowrap;
  4308. }
  4309. .breadcrumb a {
  4310. align-items: center;
  4311. color: #3273dc;
  4312. display: flex;
  4313. justify-content: center;
  4314. padding: 0 0.75em;
  4315. }
  4316. .breadcrumb a:hover {
  4317. color: #363636;
  4318. }
  4319. .breadcrumb li {
  4320. align-items: center;
  4321. display: flex;
  4322. }
  4323. .breadcrumb li:first-child a {
  4324. padding-left: 0;
  4325. }
  4326. .breadcrumb li.is-active a {
  4327. color: #363636;
  4328. cursor: default;
  4329. pointer-events: none;
  4330. }
  4331. .breadcrumb li + li::before {
  4332. color: #b5b5b5;
  4333. content: "\0002f";
  4334. }
  4335. .breadcrumb ul,
  4336. .breadcrumb ol {
  4337. align-items: flex-start;
  4338. display: flex;
  4339. flex-wrap: wrap;
  4340. justify-content: flex-start;
  4341. }
  4342. .breadcrumb .icon:first-child {
  4343. margin-right: 0.5em;
  4344. }
  4345. .breadcrumb .icon:last-child {
  4346. margin-left: 0.5em;
  4347. }
  4348. .breadcrumb.is-centered ol,
  4349. .breadcrumb.is-centered ul {
  4350. justify-content: center;
  4351. }
  4352. .breadcrumb.is-right ol,
  4353. .breadcrumb.is-right ul {
  4354. justify-content: flex-end;
  4355. }
  4356. .breadcrumb.is-small {
  4357. font-size: 0.75rem;
  4358. }
  4359. .breadcrumb.is-medium {
  4360. font-size: 1.25rem;
  4361. }
  4362. .breadcrumb.is-large {
  4363. font-size: 1.5rem;
  4364. }
  4365. .breadcrumb.has-arrow-separator li + li::before {
  4366. content: "\02192";
  4367. }
  4368. .breadcrumb.has-bullet-separator li + li::before {
  4369. content: "\02022";
  4370. }
  4371. .breadcrumb.has-dot-separator li + li::before {
  4372. content: "\000b7";
  4373. }
  4374. .breadcrumb.has-succeeds-separator li + li::before {
  4375. content: "\0227B";
  4376. }
  4377. .card {
  4378. background-color: white;
  4379. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  4380. color: #4a4a4a;
  4381. max-width: 100%;
  4382. position: relative;
  4383. }
  4384. .card-header {
  4385. background-color: transparent;
  4386. align-items: stretch;
  4387. box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
  4388. display: flex;
  4389. }
  4390. .card-header-title {
  4391. align-items: center;
  4392. color: #363636;
  4393. display: flex;
  4394. flex-grow: 1;
  4395. font-weight: 700;
  4396. padding: 0.75rem;
  4397. }
  4398. .card-header-title.is-centered {
  4399. justify-content: center;
  4400. }
  4401. .card-header-icon {
  4402. align-items: center;
  4403. cursor: pointer;
  4404. display: flex;
  4405. justify-content: center;
  4406. padding: 0.75rem;
  4407. }
  4408. .card-image {
  4409. display: block;
  4410. position: relative;
  4411. }
  4412. .card-content {
  4413. background-color: transparent;
  4414. padding: 1.5rem;
  4415. }
  4416. .card-footer {
  4417. background-color: transparent;
  4418. border-top: 1px solid #dbdbdb;
  4419. align-items: stretch;
  4420. display: flex;
  4421. }
  4422. .card-footer-item {
  4423. align-items: center;
  4424. display: flex;
  4425. flex-basis: 0;
  4426. flex-grow: 1;
  4427. flex-shrink: 0;
  4428. justify-content: center;
  4429. padding: 0.75rem;
  4430. }
  4431. .card-footer-item:not(:last-child) {
  4432. border-right: 1px solid #dbdbdb;
  4433. }
  4434. .card .media:not(:last-child) {
  4435. margin-bottom: 0.75rem;
  4436. }
  4437. .dropdown {
  4438. display: inline-flex;
  4439. position: relative;
  4440. vertical-align: top;
  4441. }
  4442. .dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
  4443. display: block;
  4444. }
  4445. .dropdown.is-right .dropdown-menu {
  4446. left: auto;
  4447. right: 0;
  4448. }
  4449. .dropdown.is-up .dropdown-menu {
  4450. bottom: 100%;
  4451. padding-bottom: 4px;
  4452. padding-top: initial;
  4453. top: auto;
  4454. }
  4455. .dropdown-menu {
  4456. display: none;
  4457. left: 0;
  4458. min-width: 12rem;
  4459. padding-top: 4px;
  4460. position: absolute;
  4461. top: 100%;
  4462. z-index: 20;
  4463. }
  4464. .dropdown-content {
  4465. background-color: white;
  4466. border-radius: 4px;
  4467. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  4468. padding-bottom: 0.5rem;
  4469. padding-top: 0.5rem;
  4470. }
  4471. .dropdown-item {
  4472. color: #4a4a4a;
  4473. display: block;
  4474. font-size: 0.875rem;
  4475. line-height: 1.5;
  4476. padding: 0.375rem 1rem;
  4477. position: relative;
  4478. }
  4479. a.dropdown-item,
  4480. button.dropdown-item {
  4481. padding-right: 3rem;
  4482. text-align: left;
  4483. white-space: nowrap;
  4484. width: 100%;
  4485. }
  4486. a.dropdown-item:hover,
  4487. button.dropdown-item:hover {
  4488. background-color: whitesmoke;
  4489. color: #0a0a0a;
  4490. }
  4491. a.dropdown-item.is-active,
  4492. button.dropdown-item.is-active {
  4493. background-color: #3273dc;
  4494. color: #fff;
  4495. }
  4496. .dropdown-divider {
  4497. background-color: #dbdbdb;
  4498. border: none;
  4499. display: block;
  4500. height: 1px;
  4501. margin: 0.5rem 0;
  4502. }
  4503. .level {
  4504. align-items: center;
  4505. justify-content: space-between;
  4506. }
  4507. .level code {
  4508. border-radius: 4px;
  4509. }
  4510. .level img {
  4511. display: inline-block;
  4512. vertical-align: top;
  4513. }
  4514. .level.is-mobile {
  4515. display: flex;
  4516. }
  4517. .level.is-mobile .level-left,
  4518. .level.is-mobile .level-right {
  4519. display: flex;
  4520. }
  4521. .level.is-mobile .level-left + .level-right {
  4522. margin-top: 0;
  4523. }
  4524. .level.is-mobile .level-item:not(:last-child) {
  4525. margin-bottom: 0;
  4526. margin-right: 0.75rem;
  4527. }
  4528. .level.is-mobile .level-item:not(.is-narrow) {
  4529. flex-grow: 1;
  4530. }
  4531. @media screen and (min-width: 769px), print {
  4532. .level {
  4533. display: flex;
  4534. }
  4535. .level > .level-item:not(.is-narrow) {
  4536. flex-grow: 1;
  4537. }
  4538. }
  4539. .level-item {
  4540. align-items: center;
  4541. display: flex;
  4542. flex-basis: auto;
  4543. flex-grow: 0;
  4544. flex-shrink: 0;
  4545. justify-content: center;
  4546. }
  4547. .level-item .title,
  4548. .level-item .subtitle {
  4549. margin-bottom: 0;
  4550. }
  4551. @media screen and (max-width: 768px) {
  4552. .level-item:not(:last-child) {
  4553. margin-bottom: 0.75rem;
  4554. }
  4555. }
  4556. .level-left,
  4557. .level-right {
  4558. flex-basis: auto;
  4559. flex-grow: 0;
  4560. flex-shrink: 0;
  4561. }
  4562. .level-left .level-item.is-flexible,
  4563. .level-right .level-item.is-flexible {
  4564. flex-grow: 1;
  4565. }
  4566. @media screen and (min-width: 769px), print {
  4567. .level-left .level-item:not(:last-child),
  4568. .level-right .level-item:not(:last-child) {
  4569. margin-right: 0.75rem;
  4570. }
  4571. }
  4572. .level-left {
  4573. align-items: center;
  4574. justify-content: flex-start;
  4575. }
  4576. @media screen and (max-width: 768px) {
  4577. .level-left + .level-right {
  4578. margin-top: 1.5rem;
  4579. }
  4580. }
  4581. @media screen and (min-width: 769px), print {
  4582. .level-left {
  4583. display: flex;
  4584. }
  4585. }
  4586. .level-right {
  4587. align-items: center;
  4588. justify-content: flex-end;
  4589. }
  4590. @media screen and (min-width: 769px), print {
  4591. .level-right {
  4592. display: flex;
  4593. }
  4594. }
  4595. .list {
  4596. background-color: white;
  4597. border-radius: 4px;
  4598. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  4599. }
  4600. .list-item {
  4601. display: block;
  4602. padding: 0.5em 1em;
  4603. }
  4604. .list-item:not(a) {
  4605. color: #4a4a4a;
  4606. }
  4607. .list-item:first-child {
  4608. border-top-left-radius: 4px;
  4609. border-top-right-radius: 4px;
  4610. }
  4611. .list-item:last-child {
  4612. border-top-left-radius: 4px;
  4613. border-top-right-radius: 4px;
  4614. }
  4615. .list-item:not(:last-child) {
  4616. border-bottom: 1px solid #dbdbdb;
  4617. }
  4618. .list-item.is-active {
  4619. background-color: #3273dc;
  4620. color: #fff;
  4621. }
  4622. a.list-item {
  4623. background-color: whitesmoke;
  4624. cursor: pointer;
  4625. }
  4626. .media {
  4627. align-items: flex-start;
  4628. display: flex;
  4629. text-align: left;
  4630. }
  4631. .media .content:not(:last-child) {
  4632. margin-bottom: 0.75rem;
  4633. }
  4634. .media .media {
  4635. border-top: 1px solid rgba(219, 219, 219, 0.5);
  4636. display: flex;
  4637. padding-top: 0.75rem;
  4638. }
  4639. .media .media .content:not(:last-child),
  4640. .media .media .control:not(:last-child) {
  4641. margin-bottom: 0.5rem;
  4642. }
  4643. .media .media .media {
  4644. padding-top: 0.5rem;
  4645. }
  4646. .media .media .media + .media {
  4647. margin-top: 0.5rem;
  4648. }
  4649. .media + .media {
  4650. border-top: 1px solid rgba(219, 219, 219, 0.5);
  4651. margin-top: 1rem;
  4652. padding-top: 1rem;
  4653. }
  4654. .media.is-large + .media {
  4655. margin-top: 1.5rem;
  4656. padding-top: 1.5rem;
  4657. }
  4658. .media-left,
  4659. .media-right {
  4660. flex-basis: auto;
  4661. flex-grow: 0;
  4662. flex-shrink: 0;
  4663. }
  4664. .media-left {
  4665. margin-right: 1rem;
  4666. }
  4667. .media-right {
  4668. margin-left: 1rem;
  4669. }
  4670. .media-content {
  4671. flex-basis: auto;
  4672. flex-grow: 1;
  4673. flex-shrink: 1;
  4674. text-align: left;
  4675. }
  4676. @media screen and (max-width: 768px) {
  4677. .media-content {
  4678. overflow-x: auto;
  4679. }
  4680. }
  4681. .menu {
  4682. font-size: 1rem;
  4683. }
  4684. .menu.is-small {
  4685. font-size: 0.75rem;
  4686. }
  4687. .menu.is-medium {
  4688. font-size: 1.25rem;
  4689. }
  4690. .menu.is-large {
  4691. font-size: 1.5rem;
  4692. }
  4693. .menu-list {
  4694. line-height: 1.25;
  4695. }
  4696. .menu-list a {
  4697. border-radius: 2px;
  4698. color: #4a4a4a;
  4699. display: block;
  4700. padding: 0.5em 0.75em;
  4701. }
  4702. .menu-list a:hover {
  4703. background-color: whitesmoke;
  4704. color: #363636;
  4705. }
  4706. .menu-list a.is-active {
  4707. background-color: #3273dc;
  4708. color: #fff;
  4709. }
  4710. .menu-list li ul {
  4711. border-left: 1px solid #dbdbdb;
  4712. margin: 0.75em;
  4713. padding-left: 0.75em;
  4714. }
  4715. .menu-label {
  4716. color: #7a7a7a;
  4717. font-size: 0.75em;
  4718. letter-spacing: 0.1em;
  4719. text-transform: uppercase;
  4720. }
  4721. .menu-label:not(:first-child) {
  4722. margin-top: 1em;
  4723. }
  4724. .menu-label:not(:last-child) {
  4725. margin-bottom: 1em;
  4726. }
  4727. .message {
  4728. background-color: whitesmoke;
  4729. border-radius: 4px;
  4730. font-size: 1rem;
  4731. }
  4732. .message strong {
  4733. color: currentColor;
  4734. }
  4735. .message a:not(.button):not(.tag) {
  4736. color: currentColor;
  4737. text-decoration: underline;
  4738. }
  4739. .message.is-small {
  4740. font-size: 0.75rem;
  4741. }
  4742. .message.is-medium {
  4743. font-size: 1.25rem;
  4744. }
  4745. .message.is-large {
  4746. font-size: 1.5rem;
  4747. }
  4748. .message.is-white {
  4749. background-color: white;
  4750. }
  4751. .message.is-white .message-header {
  4752. background-color: white;
  4753. color: #0a0a0a;
  4754. }
  4755. .message.is-white .message-body {
  4756. border-color: white;
  4757. color: #4d4d4d;
  4758. }
  4759. .message.is-black {
  4760. background-color: #fafafa;
  4761. }
  4762. .message.is-black .message-header {
  4763. background-color: #0a0a0a;
  4764. color: white;
  4765. }
  4766. .message.is-black .message-body {
  4767. border-color: #0a0a0a;
  4768. color: #090909;
  4769. }
  4770. .message.is-light {
  4771. background-color: #fafafa;
  4772. }
  4773. .message.is-light .message-header {
  4774. background-color: whitesmoke;
  4775. color: #363636;
  4776. }
  4777. .message.is-light .message-body {
  4778. border-color: whitesmoke;
  4779. color: #505050;
  4780. }
  4781. .message.is-dark {
  4782. background-color: #fafafa;
  4783. }
  4784. .message.is-dark .message-header {
  4785. background-color: #363636;
  4786. color: whitesmoke;
  4787. }
  4788. .message.is-dark .message-body {
  4789. border-color: #363636;
  4790. color: #2a2a2a;
  4791. }
  4792. .message.is-primary {
  4793. background-color: #f5fffd;
  4794. }
  4795. .message.is-primary .message-header {
  4796. background-color: #00d1b2;
  4797. color: #fff;
  4798. }
  4799. .message.is-primary .message-body {
  4800. border-color: #00d1b2;
  4801. color: #021310;
  4802. }
  4803. .message.is-link {
  4804. background-color: #f6f9fe;
  4805. }
  4806. .message.is-link .message-header {
  4807. background-color: #3273dc;
  4808. color: #fff;
  4809. }
  4810. .message.is-link .message-body {
  4811. border-color: #3273dc;
  4812. color: #22509a;
  4813. }
  4814. .message.is-info {
  4815. background-color: #f6fbfe;
  4816. }
  4817. .message.is-info .message-header {
  4818. background-color: #209cee;
  4819. color: #fff;
  4820. }
  4821. .message.is-info .message-body {
  4822. border-color: #209cee;
  4823. color: #12537e;
  4824. }
  4825. .message.is-success {
  4826. background-color: #f6fef9;
  4827. }
  4828. .message.is-success .message-header {
  4829. background-color: #23d160;
  4830. color: #fff;
  4831. }
  4832. .message.is-success .message-body {
  4833. border-color: #23d160;
  4834. color: #0e301a;
  4835. }
  4836. .message.is-warning {
  4837. background-color: #fffdf5;
  4838. }
  4839. .message.is-warning .message-header {
  4840. background-color: #ffdd57;
  4841. color: rgba(0, 0, 0, 0.7);
  4842. }
  4843. .message.is-warning .message-body {
  4844. border-color: #ffdd57;
  4845. color: #3b3108;
  4846. }
  4847. .message.is-danger {
  4848. background-color: #fff5f7;
  4849. }
  4850. .message.is-danger .message-header {
  4851. background-color: #ff3860;
  4852. color: #fff;
  4853. }
  4854. .message.is-danger .message-body {
  4855. border-color: #ff3860;
  4856. color: #cd0930;
  4857. }
  4858. .message-header {
  4859. align-items: center;
  4860. background-color: #4a4a4a;
  4861. border-radius: 4px 4px 0 0;
  4862. color: #fff;
  4863. display: flex;
  4864. font-weight: 700;
  4865. justify-content: space-between;
  4866. line-height: 1.25;
  4867. padding: 0.75em 1em;
  4868. position: relative;
  4869. }
  4870. .message-header .delete {
  4871. flex-grow: 0;
  4872. flex-shrink: 0;
  4873. margin-left: 0.75em;
  4874. }
  4875. .message-header + .message-body {
  4876. border-width: 0;
  4877. border-top-left-radius: 0;
  4878. border-top-right-radius: 0;
  4879. }
  4880. .message-body {
  4881. border-color: #dbdbdb;
  4882. border-radius: 4px;
  4883. border-style: solid;
  4884. border-width: 0 0 0 4px;
  4885. color: #4a4a4a;
  4886. padding: 1.25em 1.5em;
  4887. }
  4888. .message-body code,
  4889. .message-body pre {
  4890. background-color: white;
  4891. }
  4892. .message-body pre code {
  4893. background-color: transparent;
  4894. }
  4895. .modal {
  4896. align-items: center;
  4897. display: none;
  4898. flex-direction: column;
  4899. justify-content: center;
  4900. overflow: hidden;
  4901. position: fixed;
  4902. z-index: 40;
  4903. }
  4904. .modal.is-active {
  4905. display: flex;
  4906. }
  4907. .modal-background {
  4908. background-color: rgba(10, 10, 10, 0.86);
  4909. }
  4910. .modal-content,
  4911. .modal-card {
  4912. margin: 0 20px;
  4913. max-height: calc(100vh - 160px);
  4914. overflow: auto;
  4915. position: relative;
  4916. width: 100%;
  4917. }
  4918. @media screen and (min-width: 769px), print {
  4919. .modal-content,
  4920. .modal-card {
  4921. margin: 0 auto;
  4922. max-height: calc(100vh - 40px);
  4923. width: 640px;
  4924. }
  4925. }
  4926. .modal-close {
  4927. background: none;
  4928. height: 40px;
  4929. position: fixed;
  4930. right: 20px;
  4931. top: 20px;
  4932. width: 40px;
  4933. }
  4934. .modal-card {
  4935. display: flex;
  4936. flex-direction: column;
  4937. max-height: calc(100vh - 40px);
  4938. overflow: hidden;
  4939. -ms-overflow-y: visible;
  4940. }
  4941. .modal-card-head,
  4942. .modal-card-foot {
  4943. align-items: center;
  4944. background-color: whitesmoke;
  4945. display: flex;
  4946. flex-shrink: 0;
  4947. justify-content: flex-start;
  4948. padding: 20px;
  4949. position: relative;
  4950. }
  4951. .modal-card-head {
  4952. border-bottom: 1px solid #dbdbdb;
  4953. border-top-left-radius: 6px;
  4954. border-top-right-radius: 6px;
  4955. }
  4956. .modal-card-title {
  4957. color: #363636;
  4958. flex-grow: 1;
  4959. flex-shrink: 0;
  4960. font-size: 1.5rem;
  4961. line-height: 1;
  4962. }
  4963. .modal-card-foot {
  4964. border-bottom-left-radius: 6px;
  4965. border-bottom-right-radius: 6px;
  4966. border-top: 1px solid #dbdbdb;
  4967. }
  4968. .modal-card-foot .button:not(:last-child) {
  4969. margin-right: 10px;
  4970. }
  4971. .modal-card-body {
  4972. -webkit-overflow-scrolling: touch;
  4973. background-color: white;
  4974. flex-grow: 1;
  4975. flex-shrink: 1;
  4976. overflow: auto;
  4977. padding: 20px;
  4978. }
  4979. .navbar {
  4980. background-color: white;
  4981. min-height: 3.25rem;
  4982. position: relative;
  4983. z-index: 30;
  4984. }
  4985. .navbar.is-white {
  4986. background-color: white;
  4987. color: #0a0a0a;
  4988. }
  4989. .navbar.is-white .navbar-brand > .navbar-item,
  4990. .navbar.is-white .navbar-brand .navbar-link {
  4991. color: #0a0a0a;
  4992. }
  4993. .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
  4994. .navbar.is-white .navbar-brand .navbar-link:hover,
  4995. .navbar.is-white .navbar-brand .navbar-link.is-active {
  4996. background-color: #f2f2f2;
  4997. color: #0a0a0a;
  4998. }
  4999. .navbar.is-white .navbar-brand .navbar-link::after {
  5000. border-color: #0a0a0a;
  5001. }
  5002. .navbar.is-white .navbar-burger {
  5003. color: #0a0a0a;
  5004. }
  5005. @media screen and (min-width: 1088px) {
  5006. .navbar.is-white .navbar-start > .navbar-item,
  5007. .navbar.is-white .navbar-start .navbar-link,
  5008. .navbar.is-white .navbar-end > .navbar-item,
  5009. .navbar.is-white .navbar-end .navbar-link {
  5010. color: #0a0a0a;
  5011. }
  5012. .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
  5013. .navbar.is-white .navbar-start .navbar-link:hover,
  5014. .navbar.is-white .navbar-start .navbar-link.is-active,
  5015. .navbar.is-white .navbar-end > a.navbar-item:hover,
  5016. .navbar.is-white .navbar-end > a.navbar-item.is-active,
  5017. .navbar.is-white .navbar-end .navbar-link:hover,
  5018. .navbar.is-white .navbar-end .navbar-link.is-active {
  5019. background-color: #f2f2f2;
  5020. color: #0a0a0a;
  5021. }
  5022. .navbar.is-white .navbar-start .navbar-link::after,
  5023. .navbar.is-white .navbar-end .navbar-link::after {
  5024. border-color: #0a0a0a;
  5025. }
  5026. .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
  5027. .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
  5028. background-color: #f2f2f2;
  5029. color: #0a0a0a;
  5030. }
  5031. .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
  5032. background-color: white;
  5033. color: #0a0a0a;
  5034. }
  5035. }
  5036. .navbar.is-black {
  5037. background-color: #0a0a0a;
  5038. color: white;
  5039. }
  5040. .navbar.is-black .navbar-brand > .navbar-item,
  5041. .navbar.is-black .navbar-brand .navbar-link {
  5042. color: white;
  5043. }
  5044. .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
  5045. .navbar.is-black .navbar-brand .navbar-link:hover,
  5046. .navbar.is-black .navbar-brand .navbar-link.is-active {
  5047. background-color: black;
  5048. color: white;
  5049. }
  5050. .navbar.is-black .navbar-brand .navbar-link::after {
  5051. border-color: white;
  5052. }
  5053. .navbar.is-black .navbar-burger {
  5054. color: white;
  5055. }
  5056. @media screen and (min-width: 1088px) {
  5057. .navbar.is-black .navbar-start > .navbar-item,
  5058. .navbar.is-black .navbar-start .navbar-link,
  5059. .navbar.is-black .navbar-end > .navbar-item,
  5060. .navbar.is-black .navbar-end .navbar-link {
  5061. color: white;
  5062. }
  5063. .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
  5064. .navbar.is-black .navbar-start .navbar-link:hover,
  5065. .navbar.is-black .navbar-start .navbar-link.is-active,
  5066. .navbar.is-black .navbar-end > a.navbar-item:hover,
  5067. .navbar.is-black .navbar-end > a.navbar-item.is-active,
  5068. .navbar.is-black .navbar-end .navbar-link:hover,
  5069. .navbar.is-black .navbar-end .navbar-link.is-active {
  5070. background-color: black;
  5071. color: white;
  5072. }
  5073. .navbar.is-black .navbar-start .navbar-link::after,
  5074. .navbar.is-black .navbar-end .navbar-link::after {
  5075. border-color: white;
  5076. }
  5077. .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
  5078. .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
  5079. background-color: black;
  5080. color: white;
  5081. }
  5082. .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
  5083. background-color: #0a0a0a;
  5084. color: white;
  5085. }
  5086. }
  5087. .navbar.is-light {
  5088. background-color: whitesmoke;
  5089. color: #363636;
  5090. }
  5091. .navbar.is-light .navbar-brand > .navbar-item,
  5092. .navbar.is-light .navbar-brand .navbar-link {
  5093. color: #363636;
  5094. }
  5095. .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
  5096. .navbar.is-light .navbar-brand .navbar-link:hover,
  5097. .navbar.is-light .navbar-brand .navbar-link.is-active {
  5098. background-color: #e8e8e8;
  5099. color: #363636;
  5100. }
  5101. .navbar.is-light .navbar-brand .navbar-link::after {
  5102. border-color: #363636;
  5103. }
  5104. .navbar.is-light .navbar-burger {
  5105. color: #363636;
  5106. }
  5107. @media screen and (min-width: 1088px) {
  5108. .navbar.is-light .navbar-start > .navbar-item,
  5109. .navbar.is-light .navbar-start .navbar-link,
  5110. .navbar.is-light .navbar-end > .navbar-item,
  5111. .navbar.is-light .navbar-end .navbar-link {
  5112. color: #363636;
  5113. }
  5114. .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
  5115. .navbar.is-light .navbar-start .navbar-link:hover,
  5116. .navbar.is-light .navbar-start .navbar-link.is-active,
  5117. .navbar.is-light .navbar-end > a.navbar-item:hover,
  5118. .navbar.is-light .navbar-end > a.navbar-item.is-active,
  5119. .navbar.is-light .navbar-end .navbar-link:hover,
  5120. .navbar.is-light .navbar-end .navbar-link.is-active {
  5121. background-color: #e8e8e8;
  5122. color: #363636;
  5123. }
  5124. .navbar.is-light .navbar-start .navbar-link::after,
  5125. .navbar.is-light .navbar-end .navbar-link::after {
  5126. border-color: #363636;
  5127. }
  5128. .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
  5129. .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
  5130. background-color: #e8e8e8;
  5131. color: #363636;
  5132. }
  5133. .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
  5134. background-color: whitesmoke;
  5135. color: #363636;
  5136. }
  5137. }
  5138. .navbar.is-dark {
  5139. background-color: #363636;
  5140. color: whitesmoke;
  5141. }
  5142. .navbar.is-dark .navbar-brand > .navbar-item,
  5143. .navbar.is-dark .navbar-brand .navbar-link {
  5144. color: whitesmoke;
  5145. }
  5146. .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
  5147. .navbar.is-dark .navbar-brand .navbar-link:hover,
  5148. .navbar.is-dark .navbar-brand .navbar-link.is-active {
  5149. background-color: #292929;
  5150. color: whitesmoke;
  5151. }
  5152. .navbar.is-dark .navbar-brand .navbar-link::after {
  5153. border-color: whitesmoke;
  5154. }
  5155. .navbar.is-dark .navbar-burger {
  5156. color: whitesmoke;
  5157. }
  5158. @media screen and (min-width: 1088px) {
  5159. .navbar.is-dark .navbar-start > .navbar-item,
  5160. .navbar.is-dark .navbar-start .navbar-link,
  5161. .navbar.is-dark .navbar-end > .navbar-item,
  5162. .navbar.is-dark .navbar-end .navbar-link {
  5163. color: whitesmoke;
  5164. }
  5165. .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
  5166. .navbar.is-dark .navbar-start .navbar-link:hover,
  5167. .navbar.is-dark .navbar-start .navbar-link.is-active,
  5168. .navbar.is-dark .navbar-end > a.navbar-item:hover,
  5169. .navbar.is-dark .navbar-end > a.navbar-item.is-active,
  5170. .navbar.is-dark .navbar-end .navbar-link:hover,
  5171. .navbar.is-dark .navbar-end .navbar-link.is-active {
  5172. background-color: #292929;
  5173. color: whitesmoke;
  5174. }
  5175. .navbar.is-dark .navbar-start .navbar-link::after,
  5176. .navbar.is-dark .navbar-end .navbar-link::after {
  5177. border-color: whitesmoke;
  5178. }
  5179. .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
  5180. .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
  5181. background-color: #292929;
  5182. color: whitesmoke;
  5183. }
  5184. .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
  5185. background-color: #363636;
  5186. color: whitesmoke;
  5187. }
  5188. }
  5189. .navbar.is-primary {
  5190. background-color: #00d1b2;
  5191. color: #fff;
  5192. }
  5193. .navbar.is-primary .navbar-brand > .navbar-item,
  5194. .navbar.is-primary .navbar-brand .navbar-link {
  5195. color: #fff;
  5196. }
  5197. .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
  5198. .navbar.is-primary .navbar-brand .navbar-link:hover,
  5199. .navbar.is-primary .navbar-brand .navbar-link.is-active {
  5200. background-color: #00b89c;
  5201. color: #fff;
  5202. }
  5203. .navbar.is-primary .navbar-brand .navbar-link::after {
  5204. border-color: #fff;
  5205. }
  5206. .navbar.is-primary .navbar-burger {
  5207. color: #fff;
  5208. }
  5209. @media screen and (min-width: 1088px) {
  5210. .navbar.is-primary .navbar-start > .navbar-item,
  5211. .navbar.is-primary .navbar-start .navbar-link,
  5212. .navbar.is-primary .navbar-end > .navbar-item,
  5213. .navbar.is-primary .navbar-end .navbar-link {
  5214. color: #fff;
  5215. }
  5216. .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
  5217. .navbar.is-primary .navbar-start .navbar-link:hover,
  5218. .navbar.is-primary .navbar-start .navbar-link.is-active,
  5219. .navbar.is-primary .navbar-end > a.navbar-item:hover,
  5220. .navbar.is-primary .navbar-end > a.navbar-item.is-active,
  5221. .navbar.is-primary .navbar-end .navbar-link:hover,
  5222. .navbar.is-primary .navbar-end .navbar-link.is-active {
  5223. background-color: #00b89c;
  5224. color: #fff;
  5225. }
  5226. .navbar.is-primary .navbar-start .navbar-link::after,
  5227. .navbar.is-primary .navbar-end .navbar-link::after {
  5228. border-color: #fff;
  5229. }
  5230. .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
  5231. .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
  5232. background-color: #00b89c;
  5233. color: #fff;
  5234. }
  5235. .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
  5236. background-color: #00d1b2;
  5237. color: #fff;
  5238. }
  5239. }
  5240. .navbar.is-link {
  5241. background-color: #3273dc;
  5242. color: #fff;
  5243. }
  5244. .navbar.is-link .navbar-brand > .navbar-item,
  5245. .navbar.is-link .navbar-brand .navbar-link {
  5246. color: #fff;
  5247. }
  5248. .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
  5249. .navbar.is-link .navbar-brand .navbar-link:hover,
  5250. .navbar.is-link .navbar-brand .navbar-link.is-active {
  5251. background-color: #2366d1;
  5252. color: #fff;
  5253. }
  5254. .navbar.is-link .navbar-brand .navbar-link::after {
  5255. border-color: #fff;
  5256. }
  5257. .navbar.is-link .navbar-burger {
  5258. color: #fff;
  5259. }
  5260. @media screen and (min-width: 1088px) {
  5261. .navbar.is-link .navbar-start > .navbar-item,
  5262. .navbar.is-link .navbar-start .navbar-link,
  5263. .navbar.is-link .navbar-end > .navbar-item,
  5264. .navbar.is-link .navbar-end .navbar-link {
  5265. color: #fff;
  5266. }
  5267. .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
  5268. .navbar.is-link .navbar-start .navbar-link:hover,
  5269. .navbar.is-link .navbar-start .navbar-link.is-active,
  5270. .navbar.is-link .navbar-end > a.navbar-item:hover,
  5271. .navbar.is-link .navbar-end > a.navbar-item.is-active,
  5272. .navbar.is-link .navbar-end .navbar-link:hover,
  5273. .navbar.is-link .navbar-end .navbar-link.is-active {
  5274. background-color: #2366d1;
  5275. color: #fff;
  5276. }
  5277. .navbar.is-link .navbar-start .navbar-link::after,
  5278. .navbar.is-link .navbar-end .navbar-link::after {
  5279. border-color: #fff;
  5280. }
  5281. .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
  5282. .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
  5283. background-color: #2366d1;
  5284. color: #fff;
  5285. }
  5286. .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
  5287. background-color: #3273dc;
  5288. color: #fff;
  5289. }
  5290. }
  5291. .navbar.is-info {
  5292. background-color: #209cee;
  5293. color: #fff;
  5294. }
  5295. .navbar.is-info .navbar-brand > .navbar-item,
  5296. .navbar.is-info .navbar-brand .navbar-link {
  5297. color: #fff;
  5298. }
  5299. .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
  5300. .navbar.is-info .navbar-brand .navbar-link:hover,
  5301. .navbar.is-info .navbar-brand .navbar-link.is-active {
  5302. background-color: #118fe4;
  5303. color: #fff;
  5304. }
  5305. .navbar.is-info .navbar-brand .navbar-link::after {
  5306. border-color: #fff;
  5307. }
  5308. .navbar.is-info .navbar-burger {
  5309. color: #fff;
  5310. }
  5311. @media screen and (min-width: 1088px) {
  5312. .navbar.is-info .navbar-start > .navbar-item,
  5313. .navbar.is-info .navbar-start .navbar-link,
  5314. .navbar.is-info .navbar-end > .navbar-item,
  5315. .navbar.is-info .navbar-end .navbar-link {
  5316. color: #fff;
  5317. }
  5318. .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
  5319. .navbar.is-info .navbar-start .navbar-link:hover,
  5320. .navbar.is-info .navbar-start .navbar-link.is-active,
  5321. .navbar.is-info .navbar-end > a.navbar-item:hover,
  5322. .navbar.is-info .navbar-end > a.navbar-item.is-active,
  5323. .navbar.is-info .navbar-end .navbar-link:hover,
  5324. .navbar.is-info .navbar-end .navbar-link.is-active {
  5325. background-color: #118fe4;
  5326. color: #fff;
  5327. }
  5328. .navbar.is-info .navbar-start .navbar-link::after,
  5329. .navbar.is-info .navbar-end .navbar-link::after {
  5330. border-color: #fff;
  5331. }
  5332. .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
  5333. .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
  5334. background-color: #118fe4;
  5335. color: #fff;
  5336. }
  5337. .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
  5338. background-color: #209cee;
  5339. color: #fff;
  5340. }
  5341. }
  5342. .navbar.is-success {
  5343. background-color: #23d160;
  5344. color: #fff;
  5345. }
  5346. .navbar.is-success .navbar-brand > .navbar-item,
  5347. .navbar.is-success .navbar-brand .navbar-link {
  5348. color: #fff;
  5349. }
  5350. .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
  5351. .navbar.is-success .navbar-brand .navbar-link:hover,
  5352. .navbar.is-success .navbar-brand .navbar-link.is-active {
  5353. background-color: #20bc56;
  5354. color: #fff;
  5355. }
  5356. .navbar.is-success .navbar-brand .navbar-link::after {
  5357. border-color: #fff;
  5358. }
  5359. .navbar.is-success .navbar-burger {
  5360. color: #fff;
  5361. }
  5362. @media screen and (min-width: 1088px) {
  5363. .navbar.is-success .navbar-start > .navbar-item,
  5364. .navbar.is-success .navbar-start .navbar-link,
  5365. .navbar.is-success .navbar-end > .navbar-item,
  5366. .navbar.is-success .navbar-end .navbar-link {
  5367. color: #fff;
  5368. }
  5369. .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
  5370. .navbar.is-success .navbar-start .navbar-link:hover,
  5371. .navbar.is-success .navbar-start .navbar-link.is-active,
  5372. .navbar.is-success .navbar-end > a.navbar-item:hover,
  5373. .navbar.is-success .navbar-end > a.navbar-item.is-active,
  5374. .navbar.is-success .navbar-end .navbar-link:hover,
  5375. .navbar.is-success .navbar-end .navbar-link.is-active {
  5376. background-color: #20bc56;
  5377. color: #fff;
  5378. }
  5379. .navbar.is-success .navbar-start .navbar-link::after,
  5380. .navbar.is-success .navbar-end .navbar-link::after {
  5381. border-color: #fff;
  5382. }
  5383. .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
  5384. .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
  5385. background-color: #20bc56;
  5386. color: #fff;
  5387. }
  5388. .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
  5389. background-color: #23d160;
  5390. color: #fff;
  5391. }
  5392. }
  5393. .navbar.is-warning {
  5394. background-color: #ffdd57;
  5395. color: rgba(0, 0, 0, 0.7);
  5396. }
  5397. .navbar.is-warning .navbar-brand > .navbar-item,
  5398. .navbar.is-warning .navbar-brand .navbar-link {
  5399. color: rgba(0, 0, 0, 0.7);
  5400. }
  5401. .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
  5402. .navbar.is-warning .navbar-brand .navbar-link:hover,
  5403. .navbar.is-warning .navbar-brand .navbar-link.is-active {
  5404. background-color: #ffd83d;
  5405. color: rgba(0, 0, 0, 0.7);
  5406. }
  5407. .navbar.is-warning .navbar-brand .navbar-link::after {
  5408. border-color: rgba(0, 0, 0, 0.7);
  5409. }
  5410. .navbar.is-warning .navbar-burger {
  5411. color: rgba(0, 0, 0, 0.7);
  5412. }
  5413. @media screen and (min-width: 1088px) {
  5414. .navbar.is-warning .navbar-start > .navbar-item,
  5415. .navbar.is-warning .navbar-start .navbar-link,
  5416. .navbar.is-warning .navbar-end > .navbar-item,
  5417. .navbar.is-warning .navbar-end .navbar-link {
  5418. color: rgba(0, 0, 0, 0.7);
  5419. }
  5420. .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
  5421. .navbar.is-warning .navbar-start .navbar-link:hover,
  5422. .navbar.is-warning .navbar-start .navbar-link.is-active,
  5423. .navbar.is-warning .navbar-end > a.navbar-item:hover,
  5424. .navbar.is-warning .navbar-end > a.navbar-item.is-active,
  5425. .navbar.is-warning .navbar-end .navbar-link:hover,
  5426. .navbar.is-warning .navbar-end .navbar-link.is-active {
  5427. background-color: #ffd83d;
  5428. color: rgba(0, 0, 0, 0.7);
  5429. }
  5430. .navbar.is-warning .navbar-start .navbar-link::after,
  5431. .navbar.is-warning .navbar-end .navbar-link::after {
  5432. border-color: rgba(0, 0, 0, 0.7);
  5433. }
  5434. .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
  5435. .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
  5436. background-color: #ffd83d;
  5437. color: rgba(0, 0, 0, 0.7);
  5438. }
  5439. .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
  5440. background-color: #ffdd57;
  5441. color: rgba(0, 0, 0, 0.7);
  5442. }
  5443. }
  5444. .navbar.is-danger {
  5445. background-color: #ff3860;
  5446. color: #fff;
  5447. }
  5448. .navbar.is-danger .navbar-brand > .navbar-item,
  5449. .navbar.is-danger .navbar-brand .navbar-link {
  5450. color: #fff;
  5451. }
  5452. .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
  5453. .navbar.is-danger .navbar-brand .navbar-link:hover,
  5454. .navbar.is-danger .navbar-brand .navbar-link.is-active {
  5455. background-color: #ff1f4b;
  5456. color: #fff;
  5457. }
  5458. .navbar.is-danger .navbar-brand .navbar-link::after {
  5459. border-color: #fff;
  5460. }
  5461. .navbar.is-danger .navbar-burger {
  5462. color: #fff;
  5463. }
  5464. @media screen and (min-width: 1088px) {
  5465. .navbar.is-danger .navbar-start > .navbar-item,
  5466. .navbar.is-danger .navbar-start .navbar-link,
  5467. .navbar.is-danger .navbar-end > .navbar-item,
  5468. .navbar.is-danger .navbar-end .navbar-link {
  5469. color: #fff;
  5470. }
  5471. .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
  5472. .navbar.is-danger .navbar-start .navbar-link:hover,
  5473. .navbar.is-danger .navbar-start .navbar-link.is-active,
  5474. .navbar.is-danger .navbar-end > a.navbar-item:hover,
  5475. .navbar.is-danger .navbar-end > a.navbar-item.is-active,
  5476. .navbar.is-danger .navbar-end .navbar-link:hover,
  5477. .navbar.is-danger .navbar-end .navbar-link.is-active {
  5478. background-color: #ff1f4b;
  5479. color: #fff;
  5480. }
  5481. .navbar.is-danger .navbar-start .navbar-link::after,
  5482. .navbar.is-danger .navbar-end .navbar-link::after {
  5483. border-color: #fff;
  5484. }
  5485. .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
  5486. .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
  5487. background-color: #ff1f4b;
  5488. color: #fff;
  5489. }
  5490. .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
  5491. background-color: #ff3860;
  5492. color: #fff;
  5493. }
  5494. }
  5495. .navbar > .container {
  5496. align-items: stretch;
  5497. display: flex;
  5498. min-height: 3.25rem;
  5499. width: 100%;
  5500. }
  5501. .navbar.has-shadow {
  5502. box-shadow: 0 2px 0 0 whitesmoke;
  5503. }
  5504. .navbar.is-fixed-bottom, .navbar.is-fixed-top {
  5505. left: 0;
  5506. position: fixed;
  5507. right: 0;
  5508. z-index: 30;
  5509. }
  5510. .navbar.is-fixed-bottom {
  5511. bottom: 0;
  5512. }
  5513. .navbar.is-fixed-bottom.has-shadow {
  5514. box-shadow: 0 -2px 0 0 whitesmoke;
  5515. }
  5516. .navbar.is-fixed-top {
  5517. top: 0;
  5518. }
  5519. html.has-navbar-fixed-top,
  5520. body.has-navbar-fixed-top {
  5521. padding-top: 3.25rem;
  5522. }
  5523. html.has-navbar-fixed-bottom,
  5524. body.has-navbar-fixed-bottom {
  5525. padding-bottom: 3.25rem;
  5526. }
  5527. .navbar-brand,
  5528. .navbar-tabs {
  5529. align-items: stretch;
  5530. display: flex;
  5531. flex-shrink: 0;
  5532. min-height: 3.25rem;
  5533. }
  5534. .navbar-brand a.navbar-item:hover {
  5535. background-color: transparent;
  5536. }
  5537. .navbar-tabs {
  5538. -webkit-overflow-scrolling: touch;
  5539. max-width: 100vw;
  5540. overflow-x: auto;
  5541. overflow-y: hidden;
  5542. }
  5543. .navbar-burger {
  5544. color: #4a4a4a;
  5545. cursor: pointer;
  5546. display: block;
  5547. height: 3.25rem;
  5548. position: relative;
  5549. width: 3.25rem;
  5550. margin-left: auto;
  5551. }
  5552. .navbar-burger span {
  5553. background-color: currentColor;
  5554. display: block;
  5555. height: 1px;
  5556. left: calc(50% - 8px);
  5557. position: absolute;
  5558. -webkit-transform-origin: center;
  5559. transform-origin: center;
  5560. transition-duration: 86ms;
  5561. transition-property: background-color, opacity, -webkit-transform;
  5562. transition-property: background-color, opacity, transform;
  5563. transition-property: background-color, opacity, transform, -webkit-transform;
  5564. transition-timing-function: ease-out;
  5565. width: 16px;
  5566. }
  5567. .navbar-burger span:nth-child(1) {
  5568. top: calc(50% - 6px);
  5569. }
  5570. .navbar-burger span:nth-child(2) {
  5571. top: calc(50% - 1px);
  5572. }
  5573. .navbar-burger span:nth-child(3) {
  5574. top: calc(50% + 4px);
  5575. }
  5576. .navbar-burger:hover {
  5577. background-color: rgba(0, 0, 0, 0.05);
  5578. }
  5579. .navbar-burger.is-active span:nth-child(1) {
  5580. -webkit-transform: translateY(5px) rotate(45deg);
  5581. transform: translateY(5px) rotate(45deg);
  5582. }
  5583. .navbar-burger.is-active span:nth-child(2) {
  5584. opacity: 0;
  5585. }
  5586. .navbar-burger.is-active span:nth-child(3) {
  5587. -webkit-transform: translateY(-5px) rotate(-45deg);
  5588. transform: translateY(-5px) rotate(-45deg);
  5589. }
  5590. .navbar-menu {
  5591. display: none;
  5592. }
  5593. .navbar-item,
  5594. .navbar-link {
  5595. color: #4a4a4a;
  5596. display: block;
  5597. line-height: 1.5;
  5598. padding: 0.5rem 0.75rem;
  5599. position: relative;
  5600. }
  5601. .navbar-item .icon:only-child,
  5602. .navbar-link .icon:only-child {
  5603. margin-left: -0.25rem;
  5604. margin-right: -0.25rem;
  5605. }
  5606. a.navbar-item,
  5607. .navbar-link {
  5608. cursor: pointer;
  5609. }
  5610. a.navbar-item:hover, a.navbar-item.is-active,
  5611. .navbar-link:hover,
  5612. .navbar-link.is-active {
  5613. background-color: #fafafa;
  5614. color: #3273dc;
  5615. }
  5616. .navbar-item {
  5617. display: block;
  5618. flex-grow: 0;
  5619. flex-shrink: 0;
  5620. }
  5621. .navbar-item img {
  5622. max-height: 1.75rem;
  5623. }
  5624. .navbar-item.has-dropdown {
  5625. padding: 0;
  5626. }
  5627. .navbar-item.is-expanded {
  5628. flex-grow: 1;
  5629. flex-shrink: 1;
  5630. }
  5631. .navbar-item.is-tab {
  5632. border-bottom: 1px solid transparent;
  5633. min-height: 3.25rem;
  5634. padding-bottom: calc(0.5rem - 1px);
  5635. }
  5636. .navbar-item.is-tab:hover {
  5637. background-color: transparent;
  5638. border-bottom-color: #3273dc;
  5639. }
  5640. .navbar-item.is-tab.is-active {
  5641. background-color: transparent;
  5642. border-bottom-color: #3273dc;
  5643. border-bottom-style: solid;
  5644. border-bottom-width: 3px;
  5645. color: #3273dc;
  5646. padding-bottom: calc(0.5rem - 3px);
  5647. }
  5648. .navbar-content {
  5649. flex-grow: 1;
  5650. flex-shrink: 1;
  5651. }
  5652. .navbar-link:not(.is-arrowless) {
  5653. padding-right: 2.5em;
  5654. }
  5655. .navbar-link:not(.is-arrowless)::after {
  5656. border-color: #3273dc;
  5657. margin-top: -0.375em;
  5658. right: 1.125em;
  5659. }
  5660. .navbar-dropdown {
  5661. font-size: 0.875rem;
  5662. padding-bottom: 0.5rem;
  5663. padding-top: 0.5rem;
  5664. }
  5665. .navbar-dropdown .navbar-item {
  5666. padding-left: 1.5rem;
  5667. padding-right: 1.5rem;
  5668. }
  5669. .navbar-divider {
  5670. background-color: whitesmoke;
  5671. border: none;
  5672. display: none;
  5673. height: 2px;
  5674. margin: 0.5rem 0;
  5675. }
  5676. @media screen and (max-width: 1087px) {
  5677. .navbar > .container {
  5678. display: block;
  5679. }
  5680. .navbar-brand .navbar-item,
  5681. .navbar-tabs .navbar-item {
  5682. align-items: center;
  5683. display: flex;
  5684. }
  5685. .navbar-link::after {
  5686. display: none;
  5687. }
  5688. .navbar-menu {
  5689. background-color: white;
  5690. box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
  5691. padding: 0.5rem 0;
  5692. }
  5693. .navbar-menu.is-active {
  5694. display: block;
  5695. }
  5696. .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
  5697. left: 0;
  5698. position: fixed;
  5699. right: 0;
  5700. z-index: 30;
  5701. }
  5702. .navbar.is-fixed-bottom-touch {
  5703. bottom: 0;
  5704. }
  5705. .navbar.is-fixed-bottom-touch.has-shadow {
  5706. box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  5707. }
  5708. .navbar.is-fixed-top-touch {
  5709. top: 0;
  5710. }
  5711. .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
  5712. -webkit-overflow-scrolling: touch;
  5713. max-height: calc(100vh - 3.25rem);
  5714. overflow: auto;
  5715. }
  5716. html.has-navbar-fixed-top-touch,
  5717. body.has-navbar-fixed-top-touch {
  5718. padding-top: 3.25rem;
  5719. }
  5720. html.has-navbar-fixed-bottom-touch,
  5721. body.has-navbar-fixed-bottom-touch {
  5722. padding-bottom: 3.25rem;
  5723. }
  5724. }
  5725. @media screen and (min-width: 1088px) {
  5726. .navbar,
  5727. .navbar-menu,
  5728. .navbar-start,
  5729. .navbar-end {
  5730. align-items: stretch;
  5731. display: flex;
  5732. }
  5733. .navbar {
  5734. min-height: 3.25rem;
  5735. }
  5736. .navbar.is-spaced {
  5737. padding: 1rem 2rem;
  5738. }
  5739. .navbar.is-spaced .navbar-start,
  5740. .navbar.is-spaced .navbar-end {
  5741. align-items: center;
  5742. }
  5743. .navbar.is-spaced a.navbar-item,
  5744. .navbar.is-spaced .navbar-link {
  5745. border-radius: 4px;
  5746. }
  5747. .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
  5748. .navbar.is-transparent .navbar-link:hover,
  5749. .navbar.is-transparent .navbar-link.is-active {
  5750. background-color: transparent !important;
  5751. }
  5752. .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
  5753. background-color: transparent !important;
  5754. }
  5755. .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
  5756. background-color: whitesmoke;
  5757. color: #0a0a0a;
  5758. }
  5759. .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
  5760. background-color: whitesmoke;
  5761. color: #3273dc;
  5762. }
  5763. .navbar-burger {
  5764. display: none;
  5765. }
  5766. .navbar-item,
  5767. .navbar-link {
  5768. align-items: center;
  5769. display: flex;
  5770. }
  5771. .navbar-item {
  5772. display: flex;
  5773. }
  5774. .navbar-item.has-dropdown {
  5775. align-items: stretch;
  5776. }
  5777. .navbar-item.has-dropdown-up .navbar-link::after {
  5778. -webkit-transform: rotate(135deg) translate(0.25em, -0.25em);
  5779. transform: rotate(135deg) translate(0.25em, -0.25em);
  5780. }
  5781. .navbar-item.has-dropdown-up .navbar-dropdown {
  5782. border-bottom: 2px solid #dbdbdb;
  5783. border-radius: 6px 6px 0 0;
  5784. border-top: none;
  5785. bottom: 100%;
  5786. box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
  5787. top: auto;
  5788. }
  5789. .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
  5790. display: block;
  5791. }
  5792. .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
  5793. opacity: 1;
  5794. pointer-events: auto;
  5795. -webkit-transform: translateY(0);
  5796. transform: translateY(0);
  5797. }
  5798. .navbar-menu {
  5799. flex-grow: 1;
  5800. flex-shrink: 0;
  5801. }
  5802. .navbar-start {
  5803. justify-content: flex-start;
  5804. margin-right: auto;
  5805. }
  5806. .navbar-end {
  5807. justify-content: flex-end;
  5808. margin-left: auto;
  5809. }
  5810. .navbar-dropdown {
  5811. background-color: white;
  5812. border-bottom-left-radius: 6px;
  5813. border-bottom-right-radius: 6px;
  5814. border-top: 2px solid #dbdbdb;
  5815. box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
  5816. display: none;
  5817. font-size: 0.875rem;
  5818. left: 0;
  5819. min-width: 100%;
  5820. position: absolute;
  5821. top: 100%;
  5822. z-index: 20;
  5823. }
  5824. .navbar-dropdown .navbar-item {
  5825. padding: 0.375rem 1rem;
  5826. white-space: nowrap;
  5827. }
  5828. .navbar-dropdown a.navbar-item {
  5829. padding-right: 3rem;
  5830. }
  5831. .navbar-dropdown a.navbar-item:hover {
  5832. background-color: whitesmoke;
  5833. color: #0a0a0a;
  5834. }
  5835. .navbar-dropdown a.navbar-item.is-active {
  5836. background-color: whitesmoke;
  5837. color: #3273dc;
  5838. }
  5839. .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
  5840. border-radius: 6px;
  5841. border-top: none;
  5842. box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  5843. display: block;
  5844. opacity: 0;
  5845. pointer-events: none;
  5846. top: calc(100% + (-4px));
  5847. -webkit-transform: translateY(-5px);
  5848. transform: translateY(-5px);
  5849. transition-duration: 86ms;
  5850. transition-property: opacity, -webkit-transform;
  5851. transition-property: opacity, transform;
  5852. transition-property: opacity, transform, -webkit-transform;
  5853. }
  5854. .navbar-dropdown.is-right {
  5855. left: auto;
  5856. right: 0;
  5857. }
  5858. .navbar-divider {
  5859. display: block;
  5860. }
  5861. .navbar > .container .navbar-brand,
  5862. .container > .navbar .navbar-brand {
  5863. margin-left: -.75rem;
  5864. }
  5865. .navbar > .container .navbar-menu,
  5866. .container > .navbar .navbar-menu {
  5867. margin-right: -.75rem;
  5868. }
  5869. .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
  5870. left: 0;
  5871. position: fixed;
  5872. right: 0;
  5873. z-index: 30;
  5874. }
  5875. .navbar.is-fixed-bottom-desktop {
  5876. bottom: 0;
  5877. }
  5878. .navbar.is-fixed-bottom-desktop.has-shadow {
  5879. box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  5880. }
  5881. .navbar.is-fixed-top-desktop {
  5882. top: 0;
  5883. }
  5884. html.has-navbar-fixed-top-desktop,
  5885. body.has-navbar-fixed-top-desktop {
  5886. padding-top: 3.25rem;
  5887. }
  5888. html.has-navbar-fixed-bottom-desktop,
  5889. body.has-navbar-fixed-bottom-desktop {
  5890. padding-bottom: 3.25rem;
  5891. }
  5892. html.has-spaced-navbar-fixed-top,
  5893. body.has-spaced-navbar-fixed-top {
  5894. padding-top: 5.25rem;
  5895. }
  5896. html.has-spaced-navbar-fixed-bottom,
  5897. body.has-spaced-navbar-fixed-bottom {
  5898. padding-bottom: 5.25rem;
  5899. }
  5900. a.navbar-item.is-active,
  5901. .navbar-link.is-active {
  5902. color: #0a0a0a;
  5903. }
  5904. a.navbar-item.is-active:not(:hover),
  5905. .navbar-link.is-active:not(:hover) {
  5906. background-color: transparent;
  5907. }
  5908. .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
  5909. background-color: #fafafa;
  5910. }
  5911. }
  5912. .pagination {
  5913. font-size: 1rem;
  5914. margin: -0.25rem;
  5915. }
  5916. .pagination.is-small {
  5917. font-size: 0.75rem;
  5918. }
  5919. .pagination.is-medium {
  5920. font-size: 1.25rem;
  5921. }
  5922. .pagination.is-large {
  5923. font-size: 1.5rem;
  5924. }
  5925. .pagination.is-rounded .pagination-previous,
  5926. .pagination.is-rounded .pagination-next {
  5927. padding-left: 1em;
  5928. padding-right: 1em;
  5929. border-radius: 290486px;
  5930. }
  5931. .pagination.is-rounded .pagination-link {
  5932. border-radius: 290486px;
  5933. }
  5934. .pagination,
  5935. .pagination-list {
  5936. align-items: center;
  5937. display: flex;
  5938. justify-content: center;
  5939. text-align: center;
  5940. }
  5941. .pagination-previous,
  5942. .pagination-next,
  5943. .pagination-link,
  5944. .pagination-ellipsis {
  5945. font-size: 1em;
  5946. padding-left: 0.5em;
  5947. padding-right: 0.5em;
  5948. justify-content: center;
  5949. margin: 0.25rem;
  5950. text-align: center;
  5951. }
  5952. .pagination-previous,
  5953. .pagination-next,
  5954. .pagination-link {
  5955. border-color: #dbdbdb;
  5956. color: #363636;
  5957. min-width: 2.25em;
  5958. }
  5959. .pagination-previous:hover,
  5960. .pagination-next:hover,
  5961. .pagination-link:hover {
  5962. border-color: #b5b5b5;
  5963. color: #363636;
  5964. }
  5965. .pagination-previous:focus,
  5966. .pagination-next:focus,
  5967. .pagination-link:focus {
  5968. border-color: #3273dc;
  5969. }
  5970. .pagination-previous:active,
  5971. .pagination-next:active,
  5972. .pagination-link:active {
  5973. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  5974. }
  5975. .pagination-previous[disabled],
  5976. .pagination-next[disabled],
  5977. .pagination-link[disabled] {
  5978. background-color: #dbdbdb;
  5979. border-color: #dbdbdb;
  5980. box-shadow: none;
  5981. color: #7a7a7a;
  5982. opacity: 0.5;
  5983. }
  5984. .pagination-previous,
  5985. .pagination-next {
  5986. padding-left: 0.75em;
  5987. padding-right: 0.75em;
  5988. white-space: nowrap;
  5989. }
  5990. .pagination-link.is-current {
  5991. background-color: #3273dc;
  5992. border-color: #3273dc;
  5993. color: #fff;
  5994. }
  5995. .pagination-ellipsis {
  5996. color: #b5b5b5;
  5997. pointer-events: none;
  5998. }
  5999. .pagination-list {
  6000. flex-wrap: wrap;
  6001. }
  6002. @media screen and (max-width: 768px) {
  6003. .pagination {
  6004. flex-wrap: wrap;
  6005. }
  6006. .pagination-previous,
  6007. .pagination-next {
  6008. flex-grow: 1;
  6009. flex-shrink: 1;
  6010. }
  6011. .pagination-list li {
  6012. flex-grow: 1;
  6013. flex-shrink: 1;
  6014. }
  6015. }
  6016. @media screen and (min-width: 769px), print {
  6017. .pagination-list {
  6018. flex-grow: 1;
  6019. flex-shrink: 1;
  6020. justify-content: flex-start;
  6021. order: 1;
  6022. }
  6023. .pagination-previous {
  6024. order: 2;
  6025. }
  6026. .pagination-next {
  6027. order: 3;
  6028. }
  6029. .pagination {
  6030. justify-content: space-between;
  6031. }
  6032. .pagination.is-centered .pagination-previous {
  6033. order: 1;
  6034. }
  6035. .pagination.is-centered .pagination-list {
  6036. justify-content: center;
  6037. order: 2;
  6038. }
  6039. .pagination.is-centered .pagination-next {
  6040. order: 3;
  6041. }
  6042. .pagination.is-right .pagination-previous {
  6043. order: 1;
  6044. }
  6045. .pagination.is-right .pagination-next {
  6046. order: 2;
  6047. }
  6048. .pagination.is-right .pagination-list {
  6049. justify-content: flex-end;
  6050. order: 3;
  6051. }
  6052. }
  6053. .panel {
  6054. font-size: 1rem;
  6055. }
  6056. .panel:not(:last-child) {
  6057. margin-bottom: 1.5rem;
  6058. }
  6059. .panel-heading,
  6060. .panel-tabs,
  6061. .panel-block {
  6062. border-bottom: 1px solid #dbdbdb;
  6063. border-left: 1px solid #dbdbdb;
  6064. border-right: 1px solid #dbdbdb;
  6065. }
  6066. .panel-heading:first-child,
  6067. .panel-tabs:first-child,
  6068. .panel-block:first-child {
  6069. border-top: 1px solid #dbdbdb;
  6070. }
  6071. .panel-heading {
  6072. background-color: whitesmoke;
  6073. border-radius: 4px 4px 0 0;
  6074. color: #363636;
  6075. font-size: 1.25em;
  6076. font-weight: 300;
  6077. line-height: 1.25;
  6078. padding: 0.5em 0.75em;
  6079. }
  6080. .panel-tabs {
  6081. align-items: flex-end;
  6082. display: flex;
  6083. font-size: 0.875em;
  6084. justify-content: center;
  6085. }
  6086. .panel-tabs a {
  6087. border-bottom: 1px solid #dbdbdb;
  6088. margin-bottom: -1px;
  6089. padding: 0.5em;
  6090. }
  6091. .panel-tabs a.is-active {
  6092. border-bottom-color: #4a4a4a;
  6093. color: #363636;
  6094. }
  6095. .panel-list a {
  6096. color: #4a4a4a;
  6097. }
  6098. .panel-list a:hover {
  6099. color: #3273dc;
  6100. }
  6101. .panel-block {
  6102. align-items: center;
  6103. color: #363636;
  6104. display: flex;
  6105. justify-content: flex-start;
  6106. padding: 0.5em 0.75em;
  6107. }
  6108. .panel-block input[type="checkbox"] {
  6109. margin-right: 0.75em;
  6110. }
  6111. .panel-block > .control {
  6112. flex-grow: 1;
  6113. flex-shrink: 1;
  6114. width: 100%;
  6115. }
  6116. .panel-block.is-wrapped {
  6117. flex-wrap: wrap;
  6118. }
  6119. .panel-block.is-active {
  6120. border-left-color: #3273dc;
  6121. color: #363636;
  6122. }
  6123. .panel-block.is-active .panel-icon {
  6124. color: #3273dc;
  6125. }
  6126. a.panel-block,
  6127. label.panel-block {
  6128. cursor: pointer;
  6129. }
  6130. a.panel-block:hover,
  6131. label.panel-block:hover {
  6132. background-color: whitesmoke;
  6133. }
  6134. .panel-icon {
  6135. display: inline-block;
  6136. font-size: 14px;
  6137. height: 1em;
  6138. line-height: 1em;
  6139. text-align: center;
  6140. vertical-align: top;
  6141. width: 1em;
  6142. color: #7a7a7a;
  6143. margin-right: 0.75em;
  6144. }
  6145. .panel-icon .fa {
  6146. font-size: inherit;
  6147. line-height: inherit;
  6148. }
  6149. .tabs {
  6150. -webkit-overflow-scrolling: touch;
  6151. align-items: stretch;
  6152. display: flex;
  6153. font-size: 1rem;
  6154. justify-content: space-between;
  6155. overflow: hidden;
  6156. overflow-x: auto;
  6157. white-space: nowrap;
  6158. }
  6159. .tabs a {
  6160. align-items: center;
  6161. border-bottom-color: #dbdbdb;
  6162. border-bottom-style: solid;
  6163. border-bottom-width: 1px;
  6164. color: #4a4a4a;
  6165. display: flex;
  6166. justify-content: center;
  6167. margin-bottom: -1px;
  6168. padding: 0.5em 1em;
  6169. vertical-align: top;
  6170. }
  6171. .tabs a:hover {
  6172. border-bottom-color: #363636;
  6173. color: #363636;
  6174. }
  6175. .tabs li {
  6176. display: block;
  6177. }
  6178. .tabs li.is-active a {
  6179. border-bottom-color: #3273dc;
  6180. color: #3273dc;
  6181. }
  6182. .tabs ul {
  6183. align-items: center;
  6184. border-bottom-color: #dbdbdb;
  6185. border-bottom-style: solid;
  6186. border-bottom-width: 1px;
  6187. display: flex;
  6188. flex-grow: 1;
  6189. flex-shrink: 0;
  6190. justify-content: flex-start;
  6191. }
  6192. .tabs ul.is-left {
  6193. padding-right: 0.75em;
  6194. }
  6195. .tabs ul.is-center {
  6196. flex: none;
  6197. justify-content: center;
  6198. padding-left: 0.75em;
  6199. padding-right: 0.75em;
  6200. }
  6201. .tabs ul.is-right {
  6202. justify-content: flex-end;
  6203. padding-left: 0.75em;
  6204. }
  6205. .tabs .icon:first-child {
  6206. margin-right: 0.5em;
  6207. }
  6208. .tabs .icon:last-child {
  6209. margin-left: 0.5em;
  6210. }
  6211. .tabs.is-centered ul {
  6212. justify-content: center;
  6213. }
  6214. .tabs.is-right ul {
  6215. justify-content: flex-end;
  6216. }
  6217. .tabs.is-boxed a {
  6218. border: 1px solid transparent;
  6219. border-radius: 4px 4px 0 0;
  6220. }
  6221. .tabs.is-boxed a:hover {
  6222. background-color: whitesmoke;
  6223. border-bottom-color: #dbdbdb;
  6224. }
  6225. .tabs.is-boxed li.is-active a {
  6226. background-color: white;
  6227. border-color: #dbdbdb;
  6228. border-bottom-color: transparent !important;
  6229. }
  6230. .tabs.is-fullwidth li {
  6231. flex-grow: 1;
  6232. flex-shrink: 0;
  6233. }
  6234. .tabs.is-toggle a {
  6235. border-color: #dbdbdb;
  6236. border-style: solid;
  6237. border-width: 1px;
  6238. margin-bottom: 0;
  6239. position: relative;
  6240. }
  6241. .tabs.is-toggle a:hover {
  6242. background-color: whitesmoke;
  6243. border-color: #b5b5b5;
  6244. z-index: 2;
  6245. }
  6246. .tabs.is-toggle li + li {
  6247. margin-left: -1px;
  6248. }
  6249. .tabs.is-toggle li:first-child a {
  6250. border-radius: 4px 0 0 4px;
  6251. }
  6252. .tabs.is-toggle li:last-child a {
  6253. border-radius: 0 4px 4px 0;
  6254. }
  6255. .tabs.is-toggle li.is-active a {
  6256. background-color: #3273dc;
  6257. border-color: #3273dc;
  6258. color: #fff;
  6259. z-index: 1;
  6260. }
  6261. .tabs.is-toggle ul {
  6262. border-bottom: none;
  6263. }
  6264. .tabs.is-toggle.is-toggle-rounded li:first-child a {
  6265. border-bottom-left-radius: 290486px;
  6266. border-top-left-radius: 290486px;
  6267. padding-left: 1.25em;
  6268. }
  6269. .tabs.is-toggle.is-toggle-rounded li:last-child a {
  6270. border-bottom-right-radius: 290486px;
  6271. border-top-right-radius: 290486px;
  6272. padding-right: 1.25em;
  6273. }
  6274. .tabs.is-small {
  6275. font-size: 0.75rem;
  6276. }
  6277. .tabs.is-medium {
  6278. font-size: 1.25rem;
  6279. }
  6280. .tabs.is-large {
  6281. font-size: 1.5rem;
  6282. }
  6283. .column {
  6284. display: block;
  6285. flex-basis: 0;
  6286. flex-grow: 1;
  6287. flex-shrink: 1;
  6288. padding: 0.75rem;
  6289. }
  6290. .columns.is-mobile > .column.is-narrow {
  6291. flex: none;
  6292. }
  6293. .columns.is-mobile > .column.is-full {
  6294. flex: none;
  6295. width: 100%;
  6296. }
  6297. .columns.is-mobile > .column.is-three-quarters {
  6298. flex: none;
  6299. width: 75%;
  6300. }
  6301. .columns.is-mobile > .column.is-two-thirds {
  6302. flex: none;
  6303. width: 66.6666%;
  6304. }
  6305. .columns.is-mobile > .column.is-half {
  6306. flex: none;
  6307. width: 50%;
  6308. }
  6309. .columns.is-mobile > .column.is-one-third {
  6310. flex: none;
  6311. width: 33.3333%;
  6312. }
  6313. .columns.is-mobile > .column.is-one-quarter {
  6314. flex: none;
  6315. width: 25%;
  6316. }
  6317. .columns.is-mobile > .column.is-one-fifth {
  6318. flex: none;
  6319. width: 20%;
  6320. }
  6321. .columns.is-mobile > .column.is-two-fifths {
  6322. flex: none;
  6323. width: 40%;
  6324. }
  6325. .columns.is-mobile > .column.is-three-fifths {
  6326. flex: none;
  6327. width: 60%;
  6328. }
  6329. .columns.is-mobile > .column.is-four-fifths {
  6330. flex: none;
  6331. width: 80%;
  6332. }
  6333. .columns.is-mobile > .column.is-offset-three-quarters {
  6334. margin-left: 75%;
  6335. }
  6336. .columns.is-mobile > .column.is-offset-two-thirds {
  6337. margin-left: 66.6666%;
  6338. }
  6339. .columns.is-mobile > .column.is-offset-half {
  6340. margin-left: 50%;
  6341. }
  6342. .columns.is-mobile > .column.is-offset-one-third {
  6343. margin-left: 33.3333%;
  6344. }
  6345. .columns.is-mobile > .column.is-offset-one-quarter {
  6346. margin-left: 25%;
  6347. }
  6348. .columns.is-mobile > .column.is-offset-one-fifth {
  6349. margin-left: 20%;
  6350. }
  6351. .columns.is-mobile > .column.is-offset-two-fifths {
  6352. margin-left: 40%;
  6353. }
  6354. .columns.is-mobile > .column.is-offset-three-fifths {
  6355. margin-left: 60%;
  6356. }
  6357. .columns.is-mobile > .column.is-offset-four-fifths {
  6358. margin-left: 80%;
  6359. }
  6360. .columns.is-mobile > .column.is-1 {
  6361. flex: none;
  6362. width: 8.33333%;
  6363. }
  6364. .columns.is-mobile > .column.is-offset-1 {
  6365. margin-left: 8.33333%;
  6366. }
  6367. .columns.is-mobile > .column.is-2 {
  6368. flex: none;
  6369. width: 16.66667%;
  6370. }
  6371. .columns.is-mobile > .column.is-offset-2 {
  6372. margin-left: 16.66667%;
  6373. }
  6374. .columns.is-mobile > .column.is-3 {
  6375. flex: none;
  6376. width: 25%;
  6377. }
  6378. .columns.is-mobile > .column.is-offset-3 {
  6379. margin-left: 25%;
  6380. }
  6381. .columns.is-mobile > .column.is-4 {
  6382. flex: none;
  6383. width: 33.33333%;
  6384. }
  6385. .columns.is-mobile > .column.is-offset-4 {
  6386. margin-left: 33.33333%;
  6387. }
  6388. .columns.is-mobile > .column.is-5 {
  6389. flex: none;
  6390. width: 41.66667%;
  6391. }
  6392. .columns.is-mobile > .column.is-offset-5 {
  6393. margin-left: 41.66667%;
  6394. }
  6395. .columns.is-mobile > .column.is-6 {
  6396. flex: none;
  6397. width: 50%;
  6398. }
  6399. .columns.is-mobile > .column.is-offset-6 {
  6400. margin-left: 50%;
  6401. }
  6402. .columns.is-mobile > .column.is-7 {
  6403. flex: none;
  6404. width: 58.33333%;
  6405. }
  6406. .columns.is-mobile > .column.is-offset-7 {
  6407. margin-left: 58.33333%;
  6408. }
  6409. .columns.is-mobile > .column.is-8 {
  6410. flex: none;
  6411. width: 66.66667%;
  6412. }
  6413. .columns.is-mobile > .column.is-offset-8 {
  6414. margin-left: 66.66667%;
  6415. }
  6416. .columns.is-mobile > .column.is-9 {
  6417. flex: none;
  6418. width: 75%;
  6419. }
  6420. .columns.is-mobile > .column.is-offset-9 {
  6421. margin-left: 75%;
  6422. }
  6423. .columns.is-mobile > .column.is-10 {
  6424. flex: none;
  6425. width: 83.33333%;
  6426. }
  6427. .columns.is-mobile > .column.is-offset-10 {
  6428. margin-left: 83.33333%;
  6429. }
  6430. .columns.is-mobile > .column.is-11 {
  6431. flex: none;
  6432. width: 91.66667%;
  6433. }
  6434. .columns.is-mobile > .column.is-offset-11 {
  6435. margin-left: 91.66667%;
  6436. }
  6437. .columns.is-mobile > .column.is-12 {
  6438. flex: none;
  6439. width: 100%;
  6440. }
  6441. .columns.is-mobile > .column.is-offset-12 {
  6442. margin-left: 100%;
  6443. }
  6444. @media screen and (max-width: 768px) {
  6445. .column.is-narrow-mobile {
  6446. flex: none;
  6447. }
  6448. .column.is-full-mobile {
  6449. flex: none;
  6450. width: 100%;
  6451. }
  6452. .column.is-three-quarters-mobile {
  6453. flex: none;
  6454. width: 75%;
  6455. }
  6456. .column.is-two-thirds-mobile {
  6457. flex: none;
  6458. width: 66.6666%;
  6459. }
  6460. .column.is-half-mobile {
  6461. flex: none;
  6462. width: 50%;
  6463. }
  6464. .column.is-one-third-mobile {
  6465. flex: none;
  6466. width: 33.3333%;
  6467. }
  6468. .column.is-one-quarter-mobile {
  6469. flex: none;
  6470. width: 25%;
  6471. }
  6472. .column.is-one-fifth-mobile {
  6473. flex: none;
  6474. width: 20%;
  6475. }
  6476. .column.is-two-fifths-mobile {
  6477. flex: none;
  6478. width: 40%;
  6479. }
  6480. .column.is-three-fifths-mobile {
  6481. flex: none;
  6482. width: 60%;
  6483. }
  6484. .column.is-four-fifths-mobile {
  6485. flex: none;
  6486. width: 80%;
  6487. }
  6488. .column.is-offset-three-quarters-mobile {
  6489. margin-left: 75%;
  6490. }
  6491. .column.is-offset-two-thirds-mobile {
  6492. margin-left: 66.6666%;
  6493. }
  6494. .column.is-offset-half-mobile {
  6495. margin-left: 50%;
  6496. }
  6497. .column.is-offset-one-third-mobile {
  6498. margin-left: 33.3333%;
  6499. }
  6500. .column.is-offset-one-quarter-mobile {
  6501. margin-left: 25%;
  6502. }
  6503. .column.is-offset-one-fifth-mobile {
  6504. margin-left: 20%;
  6505. }
  6506. .column.is-offset-two-fifths-mobile {
  6507. margin-left: 40%;
  6508. }
  6509. .column.is-offset-three-fifths-mobile {
  6510. margin-left: 60%;
  6511. }
  6512. .column.is-offset-four-fifths-mobile {
  6513. margin-left: 80%;
  6514. }
  6515. .column.is-1-mobile {
  6516. flex: none;
  6517. width: 8.33333%;
  6518. }
  6519. .column.is-offset-1-mobile {
  6520. margin-left: 8.33333%;
  6521. }
  6522. .column.is-2-mobile {
  6523. flex: none;
  6524. width: 16.66667%;
  6525. }
  6526. .column.is-offset-2-mobile {
  6527. margin-left: 16.66667%;
  6528. }
  6529. .column.is-3-mobile {
  6530. flex: none;
  6531. width: 25%;
  6532. }
  6533. .column.is-offset-3-mobile {
  6534. margin-left: 25%;
  6535. }
  6536. .column.is-4-mobile {
  6537. flex: none;
  6538. width: 33.33333%;
  6539. }
  6540. .column.is-offset-4-mobile {
  6541. margin-left: 33.33333%;
  6542. }
  6543. .column.is-5-mobile {
  6544. flex: none;
  6545. width: 41.66667%;
  6546. }
  6547. .column.is-offset-5-mobile {
  6548. margin-left: 41.66667%;
  6549. }
  6550. .column.is-6-mobile {
  6551. flex: none;
  6552. width: 50%;
  6553. }
  6554. .column.is-offset-6-mobile {
  6555. margin-left: 50%;
  6556. }
  6557. .column.is-7-mobile {
  6558. flex: none;
  6559. width: 58.33333%;
  6560. }
  6561. .column.is-offset-7-mobile {
  6562. margin-left: 58.33333%;
  6563. }
  6564. .column.is-8-mobile {
  6565. flex: none;
  6566. width: 66.66667%;
  6567. }
  6568. .column.is-offset-8-mobile {
  6569. margin-left: 66.66667%;
  6570. }
  6571. .column.is-9-mobile {
  6572. flex: none;
  6573. width: 75%;
  6574. }
  6575. .column.is-offset-9-mobile {
  6576. margin-left: 75%;
  6577. }
  6578. .column.is-10-mobile {
  6579. flex: none;
  6580. width: 83.33333%;
  6581. }
  6582. .column.is-offset-10-mobile {
  6583. margin-left: 83.33333%;
  6584. }
  6585. .column.is-11-mobile {
  6586. flex: none;
  6587. width: 91.66667%;
  6588. }
  6589. .column.is-offset-11-mobile {
  6590. margin-left: 91.66667%;
  6591. }
  6592. .column.is-12-mobile {
  6593. flex: none;
  6594. width: 100%;
  6595. }
  6596. .column.is-offset-12-mobile {
  6597. margin-left: 100%;
  6598. }
  6599. }
  6600. @media screen and (min-width: 769px), print {
  6601. .column.is-narrow, .column.is-narrow-tablet {
  6602. flex: none;
  6603. }
  6604. .column.is-full, .column.is-full-tablet {
  6605. flex: none;
  6606. width: 100%;
  6607. }
  6608. .column.is-three-quarters, .column.is-three-quarters-tablet {
  6609. flex: none;
  6610. width: 75%;
  6611. }
  6612. .column.is-two-thirds, .column.is-two-thirds-tablet {
  6613. flex: none;
  6614. width: 66.6666%;
  6615. }
  6616. .column.is-half, .column.is-half-tablet {
  6617. flex: none;
  6618. width: 50%;
  6619. }
  6620. .column.is-one-third, .column.is-one-third-tablet {
  6621. flex: none;
  6622. width: 33.3333%;
  6623. }
  6624. .column.is-one-quarter, .column.is-one-quarter-tablet {
  6625. flex: none;
  6626. width: 25%;
  6627. }
  6628. .column.is-one-fifth, .column.is-one-fifth-tablet {
  6629. flex: none;
  6630. width: 20%;
  6631. }
  6632. .column.is-two-fifths, .column.is-two-fifths-tablet {
  6633. flex: none;
  6634. width: 40%;
  6635. }
  6636. .column.is-three-fifths, .column.is-three-fifths-tablet {
  6637. flex: none;
  6638. width: 60%;
  6639. }
  6640. .column.is-four-fifths, .column.is-four-fifths-tablet {
  6641. flex: none;
  6642. width: 80%;
  6643. }
  6644. .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
  6645. margin-left: 75%;
  6646. }
  6647. .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
  6648. margin-left: 66.6666%;
  6649. }
  6650. .column.is-offset-half, .column.is-offset-half-tablet {
  6651. margin-left: 50%;
  6652. }
  6653. .column.is-offset-one-third, .column.is-offset-one-third-tablet {
  6654. margin-left: 33.3333%;
  6655. }
  6656. .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
  6657. margin-left: 25%;
  6658. }
  6659. .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
  6660. margin-left: 20%;
  6661. }
  6662. .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
  6663. margin-left: 40%;
  6664. }
  6665. .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
  6666. margin-left: 60%;
  6667. }
  6668. .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
  6669. margin-left: 80%;
  6670. }
  6671. .column.is-1, .column.is-1-tablet {
  6672. flex: none;
  6673. width: 8.33333%;
  6674. }
  6675. .column.is-offset-1, .column.is-offset-1-tablet {
  6676. margin-left: 8.33333%;
  6677. }
  6678. .column.is-2, .column.is-2-tablet {
  6679. flex: none;
  6680. width: 16.66667%;
  6681. }
  6682. .column.is-offset-2, .column.is-offset-2-tablet {
  6683. margin-left: 16.66667%;
  6684. }
  6685. .column.is-3, .column.is-3-tablet {
  6686. flex: none;
  6687. width: 25%;
  6688. }
  6689. .column.is-offset-3, .column.is-offset-3-tablet {
  6690. margin-left: 25%;
  6691. }
  6692. .column.is-4, .column.is-4-tablet {
  6693. flex: none;
  6694. width: 33.33333%;
  6695. }
  6696. .column.is-offset-4, .column.is-offset-4-tablet {
  6697. margin-left: 33.33333%;
  6698. }
  6699. .column.is-5, .column.is-5-tablet {
  6700. flex: none;
  6701. width: 41.66667%;
  6702. }
  6703. .column.is-offset-5, .column.is-offset-5-tablet {
  6704. margin-left: 41.66667%;
  6705. }
  6706. .column.is-6, .column.is-6-tablet {
  6707. flex: none;
  6708. width: 50%;
  6709. }
  6710. .column.is-offset-6, .column.is-offset-6-tablet {
  6711. margin-left: 50%;
  6712. }
  6713. .column.is-7, .column.is-7-tablet {
  6714. flex: none;
  6715. width: 58.33333%;
  6716. }
  6717. .column.is-offset-7, .column.is-offset-7-tablet {
  6718. margin-left: 58.33333%;
  6719. }
  6720. .column.is-8, .column.is-8-tablet {
  6721. flex: none;
  6722. width: 66.66667%;
  6723. }
  6724. .column.is-offset-8, .column.is-offset-8-tablet {
  6725. margin-left: 66.66667%;
  6726. }
  6727. .column.is-9, .column.is-9-tablet {
  6728. flex: none;
  6729. width: 75%;
  6730. }
  6731. .column.is-offset-9, .column.is-offset-9-tablet {
  6732. margin-left: 75%;
  6733. }
  6734. .column.is-10, .column.is-10-tablet {
  6735. flex: none;
  6736. width: 83.33333%;
  6737. }
  6738. .column.is-offset-10, .column.is-offset-10-tablet {
  6739. margin-left: 83.33333%;
  6740. }
  6741. .column.is-11, .column.is-11-tablet {
  6742. flex: none;
  6743. width: 91.66667%;
  6744. }
  6745. .column.is-offset-11, .column.is-offset-11-tablet {
  6746. margin-left: 91.66667%;
  6747. }
  6748. .column.is-12, .column.is-12-tablet {
  6749. flex: none;
  6750. width: 100%;
  6751. }
  6752. .column.is-offset-12, .column.is-offset-12-tablet {
  6753. margin-left: 100%;
  6754. }
  6755. }
  6756. @media screen and (max-width: 1087px) {
  6757. .column.is-narrow-touch {
  6758. flex: none;
  6759. }
  6760. .column.is-full-touch {
  6761. flex: none;
  6762. width: 100%;
  6763. }
  6764. .column.is-three-quarters-touch {
  6765. flex: none;
  6766. width: 75%;
  6767. }
  6768. .column.is-two-thirds-touch {
  6769. flex: none;
  6770. width: 66.6666%;
  6771. }
  6772. .column.is-half-touch {
  6773. flex: none;
  6774. width: 50%;
  6775. }
  6776. .column.is-one-third-touch {
  6777. flex: none;
  6778. width: 33.3333%;
  6779. }
  6780. .column.is-one-quarter-touch {
  6781. flex: none;
  6782. width: 25%;
  6783. }
  6784. .column.is-one-fifth-touch {
  6785. flex: none;
  6786. width: 20%;
  6787. }
  6788. .column.is-two-fifths-touch {
  6789. flex: none;
  6790. width: 40%;
  6791. }
  6792. .column.is-three-fifths-touch {
  6793. flex: none;
  6794. width: 60%;
  6795. }
  6796. .column.is-four-fifths-touch {
  6797. flex: none;
  6798. width: 80%;
  6799. }
  6800. .column.is-offset-three-quarters-touch {
  6801. margin-left: 75%;
  6802. }
  6803. .column.is-offset-two-thirds-touch {
  6804. margin-left: 66.6666%;
  6805. }
  6806. .column.is-offset-half-touch {
  6807. margin-left: 50%;
  6808. }
  6809. .column.is-offset-one-third-touch {
  6810. margin-left: 33.3333%;
  6811. }
  6812. .column.is-offset-one-quarter-touch {
  6813. margin-left: 25%;
  6814. }
  6815. .column.is-offset-one-fifth-touch {
  6816. margin-left: 20%;
  6817. }
  6818. .column.is-offset-two-fifths-touch {
  6819. margin-left: 40%;
  6820. }
  6821. .column.is-offset-three-fifths-touch {
  6822. margin-left: 60%;
  6823. }
  6824. .column.is-offset-four-fifths-touch {
  6825. margin-left: 80%;
  6826. }
  6827. .column.is-1-touch {
  6828. flex: none;
  6829. width: 8.33333%;
  6830. }
  6831. .column.is-offset-1-touch {
  6832. margin-left: 8.33333%;
  6833. }
  6834. .column.is-2-touch {
  6835. flex: none;
  6836. width: 16.66667%;
  6837. }
  6838. .column.is-offset-2-touch {
  6839. margin-left: 16.66667%;
  6840. }
  6841. .column.is-3-touch {
  6842. flex: none;
  6843. width: 25%;
  6844. }
  6845. .column.is-offset-3-touch {
  6846. margin-left: 25%;
  6847. }
  6848. .column.is-4-touch {
  6849. flex: none;
  6850. width: 33.33333%;
  6851. }
  6852. .column.is-offset-4-touch {
  6853. margin-left: 33.33333%;
  6854. }
  6855. .column.is-5-touch {
  6856. flex: none;
  6857. width: 41.66667%;
  6858. }
  6859. .column.is-offset-5-touch {
  6860. margin-left: 41.66667%;
  6861. }
  6862. .column.is-6-touch {
  6863. flex: none;
  6864. width: 50%;
  6865. }
  6866. .column.is-offset-6-touch {
  6867. margin-left: 50%;
  6868. }
  6869. .column.is-7-touch {
  6870. flex: none;
  6871. width: 58.33333%;
  6872. }
  6873. .column.is-offset-7-touch {
  6874. margin-left: 58.33333%;
  6875. }
  6876. .column.is-8-touch {
  6877. flex: none;
  6878. width: 66.66667%;
  6879. }
  6880. .column.is-offset-8-touch {
  6881. margin-left: 66.66667%;
  6882. }
  6883. .column.is-9-touch {
  6884. flex: none;
  6885. width: 75%;
  6886. }
  6887. .column.is-offset-9-touch {
  6888. margin-left: 75%;
  6889. }
  6890. .column.is-10-touch {
  6891. flex: none;
  6892. width: 83.33333%;
  6893. }
  6894. .column.is-offset-10-touch {
  6895. margin-left: 83.33333%;
  6896. }
  6897. .column.is-11-touch {
  6898. flex: none;
  6899. width: 91.66667%;
  6900. }
  6901. .column.is-offset-11-touch {
  6902. margin-left: 91.66667%;
  6903. }
  6904. .column.is-12-touch {
  6905. flex: none;
  6906. width: 100%;
  6907. }
  6908. .column.is-offset-12-touch {
  6909. margin-left: 100%;
  6910. }
  6911. }
  6912. @media screen and (min-width: 1088px) {
  6913. .column.is-narrow-desktop {
  6914. flex: none;
  6915. }
  6916. .column.is-full-desktop {
  6917. flex: none;
  6918. width: 100%;
  6919. }
  6920. .column.is-three-quarters-desktop {
  6921. flex: none;
  6922. width: 75%;
  6923. }
  6924. .column.is-two-thirds-desktop {
  6925. flex: none;
  6926. width: 66.6666%;
  6927. }
  6928. .column.is-half-desktop {
  6929. flex: none;
  6930. width: 50%;
  6931. }
  6932. .column.is-one-third-desktop {
  6933. flex: none;
  6934. width: 33.3333%;
  6935. }
  6936. .column.is-one-quarter-desktop {
  6937. flex: none;
  6938. width: 25%;
  6939. }
  6940. .column.is-one-fifth-desktop {
  6941. flex: none;
  6942. width: 20%;
  6943. }
  6944. .column.is-two-fifths-desktop {
  6945. flex: none;
  6946. width: 40%;
  6947. }
  6948. .column.is-three-fifths-desktop {
  6949. flex: none;
  6950. width: 60%;
  6951. }
  6952. .column.is-four-fifths-desktop {
  6953. flex: none;
  6954. width: 80%;
  6955. }
  6956. .column.is-offset-three-quarters-desktop {
  6957. margin-left: 75%;
  6958. }
  6959. .column.is-offset-two-thirds-desktop {
  6960. margin-left: 66.6666%;
  6961. }
  6962. .column.is-offset-half-desktop {
  6963. margin-left: 50%;
  6964. }
  6965. .column.is-offset-one-third-desktop {
  6966. margin-left: 33.3333%;
  6967. }
  6968. .column.is-offset-one-quarter-desktop {
  6969. margin-left: 25%;
  6970. }
  6971. .column.is-offset-one-fifth-desktop {
  6972. margin-left: 20%;
  6973. }
  6974. .column.is-offset-two-fifths-desktop {
  6975. margin-left: 40%;
  6976. }
  6977. .column.is-offset-three-fifths-desktop {
  6978. margin-left: 60%;
  6979. }
  6980. .column.is-offset-four-fifths-desktop {
  6981. margin-left: 80%;
  6982. }
  6983. .column.is-1-desktop {
  6984. flex: none;
  6985. width: 8.33333%;
  6986. }
  6987. .column.is-offset-1-desktop {
  6988. margin-left: 8.33333%;
  6989. }
  6990. .column.is-2-desktop {
  6991. flex: none;
  6992. width: 16.66667%;
  6993. }
  6994. .column.is-offset-2-desktop {
  6995. margin-left: 16.66667%;
  6996. }
  6997. .column.is-3-desktop {
  6998. flex: none;
  6999. width: 25%;
  7000. }
  7001. .column.is-offset-3-desktop {
  7002. margin-left: 25%;
  7003. }
  7004. .column.is-4-desktop {
  7005. flex: none;
  7006. width: 33.33333%;
  7007. }
  7008. .column.is-offset-4-desktop {
  7009. margin-left: 33.33333%;
  7010. }
  7011. .column.is-5-desktop {
  7012. flex: none;
  7013. width: 41.66667%;
  7014. }
  7015. .column.is-offset-5-desktop {
  7016. margin-left: 41.66667%;
  7017. }
  7018. .column.is-6-desktop {
  7019. flex: none;
  7020. width: 50%;
  7021. }
  7022. .column.is-offset-6-desktop {
  7023. margin-left: 50%;
  7024. }
  7025. .column.is-7-desktop {
  7026. flex: none;
  7027. width: 58.33333%;
  7028. }
  7029. .column.is-offset-7-desktop {
  7030. margin-left: 58.33333%;
  7031. }
  7032. .column.is-8-desktop {
  7033. flex: none;
  7034. width: 66.66667%;
  7035. }
  7036. .column.is-offset-8-desktop {
  7037. margin-left: 66.66667%;
  7038. }
  7039. .column.is-9-desktop {
  7040. flex: none;
  7041. width: 75%;
  7042. }
  7043. .column.is-offset-9-desktop {
  7044. margin-left: 75%;
  7045. }
  7046. .column.is-10-desktop {
  7047. flex: none;
  7048. width: 83.33333%;
  7049. }
  7050. .column.is-offset-10-desktop {
  7051. margin-left: 83.33333%;
  7052. }
  7053. .column.is-11-desktop {
  7054. flex: none;
  7055. width: 91.66667%;
  7056. }
  7057. .column.is-offset-11-desktop {
  7058. margin-left: 91.66667%;
  7059. }
  7060. .column.is-12-desktop {
  7061. flex: none;
  7062. width: 100%;
  7063. }
  7064. .column.is-offset-12-desktop {
  7065. margin-left: 100%;
  7066. }
  7067. }
  7068. @media screen and (min-width: 1280px) {
  7069. .column.is-narrow-widescreen {
  7070. flex: none;
  7071. }
  7072. .column.is-full-widescreen {
  7073. flex: none;
  7074. width: 100%;
  7075. }
  7076. .column.is-three-quarters-widescreen {
  7077. flex: none;
  7078. width: 75%;
  7079. }
  7080. .column.is-two-thirds-widescreen {
  7081. flex: none;
  7082. width: 66.6666%;
  7083. }
  7084. .column.is-half-widescreen {
  7085. flex: none;
  7086. width: 50%;
  7087. }
  7088. .column.is-one-third-widescreen {
  7089. flex: none;
  7090. width: 33.3333%;
  7091. }
  7092. .column.is-one-quarter-widescreen {
  7093. flex: none;
  7094. width: 25%;
  7095. }
  7096. .column.is-one-fifth-widescreen {
  7097. flex: none;
  7098. width: 20%;
  7099. }
  7100. .column.is-two-fifths-widescreen {
  7101. flex: none;
  7102. width: 40%;
  7103. }
  7104. .column.is-three-fifths-widescreen {
  7105. flex: none;
  7106. width: 60%;
  7107. }
  7108. .column.is-four-fifths-widescreen {
  7109. flex: none;
  7110. width: 80%;
  7111. }
  7112. .column.is-offset-three-quarters-widescreen {
  7113. margin-left: 75%;
  7114. }
  7115. .column.is-offset-two-thirds-widescreen {
  7116. margin-left: 66.6666%;
  7117. }
  7118. .column.is-offset-half-widescreen {
  7119. margin-left: 50%;
  7120. }
  7121. .column.is-offset-one-third-widescreen {
  7122. margin-left: 33.3333%;
  7123. }
  7124. .column.is-offset-one-quarter-widescreen {
  7125. margin-left: 25%;
  7126. }
  7127. .column.is-offset-one-fifth-widescreen {
  7128. margin-left: 20%;
  7129. }
  7130. .column.is-offset-two-fifths-widescreen {
  7131. margin-left: 40%;
  7132. }
  7133. .column.is-offset-three-fifths-widescreen {
  7134. margin-left: 60%;
  7135. }
  7136. .column.is-offset-four-fifths-widescreen {
  7137. margin-left: 80%;
  7138. }
  7139. .column.is-1-widescreen {
  7140. flex: none;
  7141. width: 8.33333%;
  7142. }
  7143. .column.is-offset-1-widescreen {
  7144. margin-left: 8.33333%;
  7145. }
  7146. .column.is-2-widescreen {
  7147. flex: none;
  7148. width: 16.66667%;
  7149. }
  7150. .column.is-offset-2-widescreen {
  7151. margin-left: 16.66667%;
  7152. }
  7153. .column.is-3-widescreen {
  7154. flex: none;
  7155. width: 25%;
  7156. }
  7157. .column.is-offset-3-widescreen {
  7158. margin-left: 25%;
  7159. }
  7160. .column.is-4-widescreen {
  7161. flex: none;
  7162. width: 33.33333%;
  7163. }
  7164. .column.is-offset-4-widescreen {
  7165. margin-left: 33.33333%;
  7166. }
  7167. .column.is-5-widescreen {
  7168. flex: none;
  7169. width: 41.66667%;
  7170. }
  7171. .column.is-offset-5-widescreen {
  7172. margin-left: 41.66667%;
  7173. }
  7174. .column.is-6-widescreen {
  7175. flex: none;
  7176. width: 50%;
  7177. }
  7178. .column.is-offset-6-widescreen {
  7179. margin-left: 50%;
  7180. }
  7181. .column.is-7-widescreen {
  7182. flex: none;
  7183. width: 58.33333%;
  7184. }
  7185. .column.is-offset-7-widescreen {
  7186. margin-left: 58.33333%;
  7187. }
  7188. .column.is-8-widescreen {
  7189. flex: none;
  7190. width: 66.66667%;
  7191. }
  7192. .column.is-offset-8-widescreen {
  7193. margin-left: 66.66667%;
  7194. }
  7195. .column.is-9-widescreen {
  7196. flex: none;
  7197. width: 75%;
  7198. }
  7199. .column.is-offset-9-widescreen {
  7200. margin-left: 75%;
  7201. }
  7202. .column.is-10-widescreen {
  7203. flex: none;
  7204. width: 83.33333%;
  7205. }
  7206. .column.is-offset-10-widescreen {
  7207. margin-left: 83.33333%;
  7208. }
  7209. .column.is-11-widescreen {
  7210. flex: none;
  7211. width: 91.66667%;
  7212. }
  7213. .column.is-offset-11-widescreen {
  7214. margin-left: 91.66667%;
  7215. }
  7216. .column.is-12-widescreen {
  7217. flex: none;
  7218. width: 100%;
  7219. }
  7220. .column.is-offset-12-widescreen {
  7221. margin-left: 100%;
  7222. }
  7223. }
  7224. @media screen and (min-width: 1472px) {
  7225. .column.is-narrow-fullhd {
  7226. flex: none;
  7227. }
  7228. .column.is-full-fullhd {
  7229. flex: none;
  7230. width: 100%;
  7231. }
  7232. .column.is-three-quarters-fullhd {
  7233. flex: none;
  7234. width: 75%;
  7235. }
  7236. .column.is-two-thirds-fullhd {
  7237. flex: none;
  7238. width: 66.6666%;
  7239. }
  7240. .column.is-half-fullhd {
  7241. flex: none;
  7242. width: 50%;
  7243. }
  7244. .column.is-one-third-fullhd {
  7245. flex: none;
  7246. width: 33.3333%;
  7247. }
  7248. .column.is-one-quarter-fullhd {
  7249. flex: none;
  7250. width: 25%;
  7251. }
  7252. .column.is-one-fifth-fullhd {
  7253. flex: none;
  7254. width: 20%;
  7255. }
  7256. .column.is-two-fifths-fullhd {
  7257. flex: none;
  7258. width: 40%;
  7259. }
  7260. .column.is-three-fifths-fullhd {
  7261. flex: none;
  7262. width: 60%;
  7263. }
  7264. .column.is-four-fifths-fullhd {
  7265. flex: none;
  7266. width: 80%;
  7267. }
  7268. .column.is-offset-three-quarters-fullhd {
  7269. margin-left: 75%;
  7270. }
  7271. .column.is-offset-two-thirds-fullhd {
  7272. margin-left: 66.6666%;
  7273. }
  7274. .column.is-offset-half-fullhd {
  7275. margin-left: 50%;
  7276. }
  7277. .column.is-offset-one-third-fullhd {
  7278. margin-left: 33.3333%;
  7279. }
  7280. .column.is-offset-one-quarter-fullhd {
  7281. margin-left: 25%;
  7282. }
  7283. .column.is-offset-one-fifth-fullhd {
  7284. margin-left: 20%;
  7285. }
  7286. .column.is-offset-two-fifths-fullhd {
  7287. margin-left: 40%;
  7288. }
  7289. .column.is-offset-three-fifths-fullhd {
  7290. margin-left: 60%;
  7291. }
  7292. .column.is-offset-four-fifths-fullhd {
  7293. margin-left: 80%;
  7294. }
  7295. .column.is-1-fullhd {
  7296. flex: none;
  7297. width: 8.33333%;
  7298. }
  7299. .column.is-offset-1-fullhd {
  7300. margin-left: 8.33333%;
  7301. }
  7302. .column.is-2-fullhd {
  7303. flex: none;
  7304. width: 16.66667%;
  7305. }
  7306. .column.is-offset-2-fullhd {
  7307. margin-left: 16.66667%;
  7308. }
  7309. .column.is-3-fullhd {
  7310. flex: none;
  7311. width: 25%;
  7312. }
  7313. .column.is-offset-3-fullhd {
  7314. margin-left: 25%;
  7315. }
  7316. .column.is-4-fullhd {
  7317. flex: none;
  7318. width: 33.33333%;
  7319. }
  7320. .column.is-offset-4-fullhd {
  7321. margin-left: 33.33333%;
  7322. }
  7323. .column.is-5-fullhd {
  7324. flex: none;
  7325. width: 41.66667%;
  7326. }
  7327. .column.is-offset-5-fullhd {
  7328. margin-left: 41.66667%;
  7329. }
  7330. .column.is-6-fullhd {
  7331. flex: none;
  7332. width: 50%;
  7333. }
  7334. .column.is-offset-6-fullhd {
  7335. margin-left: 50%;
  7336. }
  7337. .column.is-7-fullhd {
  7338. flex: none;
  7339. width: 58.33333%;
  7340. }
  7341. .column.is-offset-7-fullhd {
  7342. margin-left: 58.33333%;
  7343. }
  7344. .column.is-8-fullhd {
  7345. flex: none;
  7346. width: 66.66667%;
  7347. }
  7348. .column.is-offset-8-fullhd {
  7349. margin-left: 66.66667%;
  7350. }
  7351. .column.is-9-fullhd {
  7352. flex: none;
  7353. width: 75%;
  7354. }
  7355. .column.is-offset-9-fullhd {
  7356. margin-left: 75%;
  7357. }
  7358. .column.is-10-fullhd {
  7359. flex: none;
  7360. width: 83.33333%;
  7361. }
  7362. .column.is-offset-10-fullhd {
  7363. margin-left: 83.33333%;
  7364. }
  7365. .column.is-11-fullhd {
  7366. flex: none;
  7367. width: 91.66667%;
  7368. }
  7369. .column.is-offset-11-fullhd {
  7370. margin-left: 91.66667%;
  7371. }
  7372. .column.is-12-fullhd {
  7373. flex: none;
  7374. width: 100%;
  7375. }
  7376. .column.is-offset-12-fullhd {
  7377. margin-left: 100%;
  7378. }
  7379. }
  7380. .columns {
  7381. margin-left: -0.75rem;
  7382. margin-right: -0.75rem;
  7383. margin-top: -0.75rem;
  7384. }
  7385. .columns:last-child {
  7386. margin-bottom: -0.75rem;
  7387. }
  7388. .columns:not(:last-child) {
  7389. margin-bottom: calc(1.5rem - 0.75rem);
  7390. }
  7391. .columns.is-centered {
  7392. justify-content: center;
  7393. }
  7394. .columns.is-gapless {
  7395. margin-left: 0;
  7396. margin-right: 0;
  7397. margin-top: 0;
  7398. }
  7399. .columns.is-gapless > .column {
  7400. margin: 0;
  7401. padding: 0 !important;
  7402. }
  7403. .columns.is-gapless:not(:last-child) {
  7404. margin-bottom: 1.5rem;
  7405. }
  7406. .columns.is-gapless:last-child {
  7407. margin-bottom: 0;
  7408. }
  7409. .columns.is-mobile {
  7410. display: flex;
  7411. }
  7412. .columns.is-multiline {
  7413. flex-wrap: wrap;
  7414. }
  7415. .columns.is-vcentered {
  7416. align-items: center;
  7417. }
  7418. @media screen and (min-width: 769px), print {
  7419. .columns:not(.is-desktop) {
  7420. display: flex;
  7421. }
  7422. }
  7423. @media screen and (min-width: 1088px) {
  7424. .columns.is-desktop {
  7425. display: flex;
  7426. }
  7427. }
  7428. .columns.is-variable {
  7429. --columnGap: 0.75rem;
  7430. margin-left: calc(-1 * var(--columnGap));
  7431. margin-right: calc(-1 * var(--columnGap));
  7432. }
  7433. .columns.is-variable .column {
  7434. padding-left: var(--columnGap);
  7435. padding-right: var(--columnGap);
  7436. }
  7437. .columns.is-variable.is-0 {
  7438. --columnGap: 0rem;
  7439. }
  7440. @media screen and (max-width: 768px) {
  7441. .columns.is-variable.is-0-mobile {
  7442. --columnGap: 0rem;
  7443. }
  7444. }
  7445. @media screen and (min-width: 769px), print {
  7446. .columns.is-variable.is-0-tablet {
  7447. --columnGap: 0rem;
  7448. }
  7449. }
  7450. @media screen and (min-width: 769px) and (max-width: 1087px) {
  7451. .columns.is-variable.is-0-tablet-only {
  7452. --columnGap: 0rem;
  7453. }
  7454. }
  7455. @media screen and (max-width: 1087px) {
  7456. .columns.is-variable.is-0-touch {
  7457. --columnGap: 0rem;
  7458. }
  7459. }
  7460. @media screen and (min-width: 1088px) {
  7461. .columns.is-variable.is-0-desktop {
  7462. --columnGap: 0rem;
  7463. }
  7464. }
  7465. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  7466. .columns.is-variable.is-0-desktop-only {
  7467. --columnGap: 0rem;
  7468. }
  7469. }
  7470. @media screen and (min-width: 1280px) {
  7471. .columns.is-variable.is-0-widescreen {
  7472. --columnGap: 0rem;
  7473. }
  7474. }
  7475. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  7476. .columns.is-variable.is-0-widescreen-only {
  7477. --columnGap: 0rem;
  7478. }
  7479. }
  7480. @media screen and (min-width: 1472px) {
  7481. .columns.is-variable.is-0-fullhd {
  7482. --columnGap: 0rem;
  7483. }
  7484. }
  7485. .columns.is-variable.is-1 {
  7486. --columnGap: 0.25rem;
  7487. }
  7488. @media screen and (max-width: 768px) {
  7489. .columns.is-variable.is-1-mobile {
  7490. --columnGap: 0.25rem;
  7491. }
  7492. }
  7493. @media screen and (min-width: 769px), print {
  7494. .columns.is-variable.is-1-tablet {
  7495. --columnGap: 0.25rem;
  7496. }
  7497. }
  7498. @media screen and (min-width: 769px) and (max-width: 1087px) {
  7499. .columns.is-variable.is-1-tablet-only {
  7500. --columnGap: 0.25rem;
  7501. }
  7502. }
  7503. @media screen and (max-width: 1087px) {
  7504. .columns.is-variable.is-1-touch {
  7505. --columnGap: 0.25rem;
  7506. }
  7507. }
  7508. @media screen and (min-width: 1088px) {
  7509. .columns.is-variable.is-1-desktop {
  7510. --columnGap: 0.25rem;
  7511. }
  7512. }
  7513. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  7514. .columns.is-variable.is-1-desktop-only {
  7515. --columnGap: 0.25rem;
  7516. }
  7517. }
  7518. @media screen and (min-width: 1280px) {
  7519. .columns.is-variable.is-1-widescreen {
  7520. --columnGap: 0.25rem;
  7521. }
  7522. }
  7523. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  7524. .columns.is-variable.is-1-widescreen-only {
  7525. --columnGap: 0.25rem;
  7526. }
  7527. }
  7528. @media screen and (min-width: 1472px) {
  7529. .columns.is-variable.is-1-fullhd {
  7530. --columnGap: 0.25rem;
  7531. }
  7532. }
  7533. .columns.is-variable.is-2 {
  7534. --columnGap: 0.5rem;
  7535. }
  7536. @media screen and (max-width: 768px) {
  7537. .columns.is-variable.is-2-mobile {
  7538. --columnGap: 0.5rem;
  7539. }
  7540. }
  7541. @media screen and (min-width: 769px), print {
  7542. .columns.is-variable.is-2-tablet {
  7543. --columnGap: 0.5rem;
  7544. }
  7545. }
  7546. @media screen and (min-width: 769px) and (max-width: 1087px) {
  7547. .columns.is-variable.is-2-tablet-only {
  7548. --columnGap: 0.5rem;
  7549. }
  7550. }
  7551. @media screen and (max-width: 1087px) {
  7552. .columns.is-variable.is-2-touch {
  7553. --columnGap: 0.5rem;
  7554. }
  7555. }
  7556. @media screen and (min-width: 1088px) {
  7557. .columns.is-variable.is-2-desktop {
  7558. --columnGap: 0.5rem;
  7559. }
  7560. }
  7561. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  7562. .columns.is-variable.is-2-desktop-only {
  7563. --columnGap: 0.5rem;
  7564. }
  7565. }
  7566. @media screen and (min-width: 1280px) {
  7567. .columns.is-variable.is-2-widescreen {
  7568. --columnGap: 0.5rem;
  7569. }
  7570. }
  7571. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  7572. .columns.is-variable.is-2-widescreen-only {
  7573. --columnGap: 0.5rem;
  7574. }
  7575. }
  7576. @media screen and (min-width: 1472px) {
  7577. .columns.is-variable.is-2-fullhd {
  7578. --columnGap: 0.5rem;
  7579. }
  7580. }
  7581. .columns.is-variable.is-3 {
  7582. --columnGap: 0.75rem;
  7583. }
  7584. @media screen and (max-width: 768px) {
  7585. .columns.is-variable.is-3-mobile {
  7586. --columnGap: 0.75rem;
  7587. }
  7588. }
  7589. @media screen and (min-width: 769px), print {
  7590. .columns.is-variable.is-3-tablet {
  7591. --columnGap: 0.75rem;
  7592. }
  7593. }
  7594. @media screen and (min-width: 769px) and (max-width: 1087px) {
  7595. .columns.is-variable.is-3-tablet-only {
  7596. --columnGap: 0.75rem;
  7597. }
  7598. }
  7599. @media screen and (max-width: 1087px) {
  7600. .columns.is-variable.is-3-touch {
  7601. --columnGap: 0.75rem;
  7602. }
  7603. }
  7604. @media screen and (min-width: 1088px) {
  7605. .columns.is-variable.is-3-desktop {
  7606. --columnGap: 0.75rem;
  7607. }
  7608. }
  7609. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  7610. .columns.is-variable.is-3-desktop-only {
  7611. --columnGap: 0.75rem;
  7612. }
  7613. }
  7614. @media screen and (min-width: 1280px) {
  7615. .columns.is-variable.is-3-widescreen {
  7616. --columnGap: 0.75rem;
  7617. }
  7618. }
  7619. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  7620. .columns.is-variable.is-3-widescreen-only {
  7621. --columnGap: 0.75rem;
  7622. }
  7623. }
  7624. @media screen and (min-width: 1472px) {
  7625. .columns.is-variable.is-3-fullhd {
  7626. --columnGap: 0.75rem;
  7627. }
  7628. }
  7629. .columns.is-variable.is-4 {
  7630. --columnGap: 1rem;
  7631. }
  7632. @media screen and (max-width: 768px) {
  7633. .columns.is-variable.is-4-mobile {
  7634. --columnGap: 1rem;
  7635. }
  7636. }
  7637. @media screen and (min-width: 769px), print {
  7638. .columns.is-variable.is-4-tablet {
  7639. --columnGap: 1rem;
  7640. }
  7641. }
  7642. @media screen and (min-width: 769px) and (max-width: 1087px) {
  7643. .columns.is-variable.is-4-tablet-only {
  7644. --columnGap: 1rem;
  7645. }
  7646. }
  7647. @media screen and (max-width: 1087px) {
  7648. .columns.is-variable.is-4-touch {
  7649. --columnGap: 1rem;
  7650. }
  7651. }
  7652. @media screen and (min-width: 1088px) {
  7653. .columns.is-variable.is-4-desktop {
  7654. --columnGap: 1rem;
  7655. }
  7656. }
  7657. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  7658. .columns.is-variable.is-4-desktop-only {
  7659. --columnGap: 1rem;
  7660. }
  7661. }
  7662. @media screen and (min-width: 1280px) {
  7663. .columns.is-variable.is-4-widescreen {
  7664. --columnGap: 1rem;
  7665. }
  7666. }
  7667. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  7668. .columns.is-variable.is-4-widescreen-only {
  7669. --columnGap: 1rem;
  7670. }
  7671. }
  7672. @media screen and (min-width: 1472px) {
  7673. .columns.is-variable.is-4-fullhd {
  7674. --columnGap: 1rem;
  7675. }
  7676. }
  7677. .columns.is-variable.is-5 {
  7678. --columnGap: 1.25rem;
  7679. }
  7680. @media screen and (max-width: 768px) {
  7681. .columns.is-variable.is-5-mobile {
  7682. --columnGap: 1.25rem;
  7683. }
  7684. }
  7685. @media screen and (min-width: 769px), print {
  7686. .columns.is-variable.is-5-tablet {
  7687. --columnGap: 1.25rem;
  7688. }
  7689. }
  7690. @media screen and (min-width: 769px) and (max-width: 1087px) {
  7691. .columns.is-variable.is-5-tablet-only {
  7692. --columnGap: 1.25rem;
  7693. }
  7694. }
  7695. @media screen and (max-width: 1087px) {
  7696. .columns.is-variable.is-5-touch {
  7697. --columnGap: 1.25rem;
  7698. }
  7699. }
  7700. @media screen and (min-width: 1088px) {
  7701. .columns.is-variable.is-5-desktop {
  7702. --columnGap: 1.25rem;
  7703. }
  7704. }
  7705. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  7706. .columns.is-variable.is-5-desktop-only {
  7707. --columnGap: 1.25rem;
  7708. }
  7709. }
  7710. @media screen and (min-width: 1280px) {
  7711. .columns.is-variable.is-5-widescreen {
  7712. --columnGap: 1.25rem;
  7713. }
  7714. }
  7715. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  7716. .columns.is-variable.is-5-widescreen-only {
  7717. --columnGap: 1.25rem;
  7718. }
  7719. }
  7720. @media screen and (min-width: 1472px) {
  7721. .columns.is-variable.is-5-fullhd {
  7722. --columnGap: 1.25rem;
  7723. }
  7724. }
  7725. .columns.is-variable.is-6 {
  7726. --columnGap: 1.5rem;
  7727. }
  7728. @media screen and (max-width: 768px) {
  7729. .columns.is-variable.is-6-mobile {
  7730. --columnGap: 1.5rem;
  7731. }
  7732. }
  7733. @media screen and (min-width: 769px), print {
  7734. .columns.is-variable.is-6-tablet {
  7735. --columnGap: 1.5rem;
  7736. }
  7737. }
  7738. @media screen and (min-width: 769px) and (max-width: 1087px) {
  7739. .columns.is-variable.is-6-tablet-only {
  7740. --columnGap: 1.5rem;
  7741. }
  7742. }
  7743. @media screen and (max-width: 1087px) {
  7744. .columns.is-variable.is-6-touch {
  7745. --columnGap: 1.5rem;
  7746. }
  7747. }
  7748. @media screen and (min-width: 1088px) {
  7749. .columns.is-variable.is-6-desktop {
  7750. --columnGap: 1.5rem;
  7751. }
  7752. }
  7753. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  7754. .columns.is-variable.is-6-desktop-only {
  7755. --columnGap: 1.5rem;
  7756. }
  7757. }
  7758. @media screen and (min-width: 1280px) {
  7759. .columns.is-variable.is-6-widescreen {
  7760. --columnGap: 1.5rem;
  7761. }
  7762. }
  7763. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  7764. .columns.is-variable.is-6-widescreen-only {
  7765. --columnGap: 1.5rem;
  7766. }
  7767. }
  7768. @media screen and (min-width: 1472px) {
  7769. .columns.is-variable.is-6-fullhd {
  7770. --columnGap: 1.5rem;
  7771. }
  7772. }
  7773. .columns.is-variable.is-7 {
  7774. --columnGap: 1.75rem;
  7775. }
  7776. @media screen and (max-width: 768px) {
  7777. .columns.is-variable.is-7-mobile {
  7778. --columnGap: 1.75rem;
  7779. }
  7780. }
  7781. @media screen and (min-width: 769px), print {
  7782. .columns.is-variable.is-7-tablet {
  7783. --columnGap: 1.75rem;
  7784. }
  7785. }
  7786. @media screen and (min-width: 769px) and (max-width: 1087px) {
  7787. .columns.is-variable.is-7-tablet-only {
  7788. --columnGap: 1.75rem;
  7789. }
  7790. }
  7791. @media screen and (max-width: 1087px) {
  7792. .columns.is-variable.is-7-touch {
  7793. --columnGap: 1.75rem;
  7794. }
  7795. }
  7796. @media screen and (min-width: 1088px) {
  7797. .columns.is-variable.is-7-desktop {
  7798. --columnGap: 1.75rem;
  7799. }
  7800. }
  7801. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  7802. .columns.is-variable.is-7-desktop-only {
  7803. --columnGap: 1.75rem;
  7804. }
  7805. }
  7806. @media screen and (min-width: 1280px) {
  7807. .columns.is-variable.is-7-widescreen {
  7808. --columnGap: 1.75rem;
  7809. }
  7810. }
  7811. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  7812. .columns.is-variable.is-7-widescreen-only {
  7813. --columnGap: 1.75rem;
  7814. }
  7815. }
  7816. @media screen and (min-width: 1472px) {
  7817. .columns.is-variable.is-7-fullhd {
  7818. --columnGap: 1.75rem;
  7819. }
  7820. }
  7821. .columns.is-variable.is-8 {
  7822. --columnGap: 2rem;
  7823. }
  7824. @media screen and (max-width: 768px) {
  7825. .columns.is-variable.is-8-mobile {
  7826. --columnGap: 2rem;
  7827. }
  7828. }
  7829. @media screen and (min-width: 769px), print {
  7830. .columns.is-variable.is-8-tablet {
  7831. --columnGap: 2rem;
  7832. }
  7833. }
  7834. @media screen and (min-width: 769px) and (max-width: 1087px) {
  7835. .columns.is-variable.is-8-tablet-only {
  7836. --columnGap: 2rem;
  7837. }
  7838. }
  7839. @media screen and (max-width: 1087px) {
  7840. .columns.is-variable.is-8-touch {
  7841. --columnGap: 2rem;
  7842. }
  7843. }
  7844. @media screen and (min-width: 1088px) {
  7845. .columns.is-variable.is-8-desktop {
  7846. --columnGap: 2rem;
  7847. }
  7848. }
  7849. @media screen and (min-width: 1088px) and (max-width: 1279px) {
  7850. .columns.is-variable.is-8-desktop-only {
  7851. --columnGap: 2rem;
  7852. }
  7853. }
  7854. @media screen and (min-width: 1280px) {
  7855. .columns.is-variable.is-8-widescreen {
  7856. --columnGap: 2rem;
  7857. }
  7858. }
  7859. @media screen and (min-width: 1280px) and (max-width: 1471px) {
  7860. .columns.is-variable.is-8-widescreen-only {
  7861. --columnGap: 2rem;
  7862. }
  7863. }
  7864. @media screen and (min-width: 1472px) {
  7865. .columns.is-variable.is-8-fullhd {
  7866. --columnGap: 2rem;
  7867. }
  7868. }
  7869. .tile {
  7870. align-items: stretch;
  7871. display: block;
  7872. flex-basis: 0;
  7873. flex-grow: 1;
  7874. flex-shrink: 1;
  7875. min-height: -webkit-min-content;
  7876. min-height: -moz-min-content;
  7877. min-height: min-content;
  7878. }
  7879. .tile.is-ancestor {
  7880. margin-left: -0.75rem;
  7881. margin-right: -0.75rem;
  7882. margin-top: -0.75rem;
  7883. }
  7884. .tile.is-ancestor:last-child {
  7885. margin-bottom: -0.75rem;
  7886. }
  7887. .tile.is-ancestor:not(:last-child) {
  7888. margin-bottom: 0.75rem;
  7889. }
  7890. .tile.is-child {
  7891. margin: 0 !important;
  7892. }
  7893. .tile.is-parent {
  7894. padding: 0.75rem;
  7895. }
  7896. .tile.is-vertical {
  7897. flex-direction: column;
  7898. }
  7899. .tile.is-vertical > .tile.is-child:not(:last-child) {
  7900. margin-bottom: 1.5rem !important;
  7901. }
  7902. @media screen and (min-width: 769px), print {
  7903. .tile:not(.is-child) {
  7904. display: flex;
  7905. }
  7906. .tile.is-1 {
  7907. flex: none;
  7908. width: 8.33333%;
  7909. }
  7910. .tile.is-2 {
  7911. flex: none;
  7912. width: 16.66667%;
  7913. }
  7914. .tile.is-3 {
  7915. flex: none;
  7916. width: 25%;
  7917. }
  7918. .tile.is-4 {
  7919. flex: none;
  7920. width: 33.33333%;
  7921. }
  7922. .tile.is-5 {
  7923. flex: none;
  7924. width: 41.66667%;
  7925. }
  7926. .tile.is-6 {
  7927. flex: none;
  7928. width: 50%;
  7929. }
  7930. .tile.is-7 {
  7931. flex: none;
  7932. width: 58.33333%;
  7933. }
  7934. .tile.is-8 {
  7935. flex: none;
  7936. width: 66.66667%;
  7937. }
  7938. .tile.is-9 {
  7939. flex: none;
  7940. width: 75%;
  7941. }
  7942. .tile.is-10 {
  7943. flex: none;
  7944. width: 83.33333%;
  7945. }
  7946. .tile.is-11 {
  7947. flex: none;
  7948. width: 91.66667%;
  7949. }
  7950. .tile.is-12 {
  7951. flex: none;
  7952. width: 100%;
  7953. }
  7954. }
  7955. .hero {
  7956. align-items: stretch;
  7957. display: flex;
  7958. flex-direction: column;
  7959. justify-content: space-between;
  7960. }
  7961. .hero .navbar {
  7962. background: none;
  7963. }
  7964. .hero .tabs ul {
  7965. border-bottom: none;
  7966. }
  7967. .hero.is-white {
  7968. background-color: white;
  7969. color: #0a0a0a;
  7970. }
  7971. .hero.is-white a:not(.button):not(.dropdown-item):not(.tag),
  7972. .hero.is-white strong {
  7973. color: inherit;
  7974. }
  7975. .hero.is-white .title {
  7976. color: #0a0a0a;
  7977. }
  7978. .hero.is-white .subtitle {
  7979. color: rgba(10, 10, 10, 0.9);
  7980. }
  7981. .hero.is-white .subtitle a:not(.button),
  7982. .hero.is-white .subtitle strong {
  7983. color: #0a0a0a;
  7984. }
  7985. @media screen and (max-width: 1087px) {
  7986. .hero.is-white .navbar-menu {
  7987. background-color: white;
  7988. }
  7989. }
  7990. .hero.is-white .navbar-item,
  7991. .hero.is-white .navbar-link {
  7992. color: rgba(10, 10, 10, 0.7);
  7993. }
  7994. .hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active,
  7995. .hero.is-white .navbar-link:hover,
  7996. .hero.is-white .navbar-link.is-active {
  7997. background-color: #f2f2f2;
  7998. color: #0a0a0a;
  7999. }
  8000. .hero.is-white .tabs a {
  8001. color: #0a0a0a;
  8002. opacity: 0.9;
  8003. }
  8004. .hero.is-white .tabs a:hover {
  8005. opacity: 1;
  8006. }
  8007. .hero.is-white .tabs li.is-active a {
  8008. opacity: 1;
  8009. }
  8010. .hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
  8011. color: #0a0a0a;
  8012. }
  8013. .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
  8014. background-color: rgba(10, 10, 10, 0.1);
  8015. }
  8016. .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 {
  8017. background-color: #0a0a0a;
  8018. border-color: #0a0a0a;
  8019. color: white;
  8020. }
  8021. .hero.is-white.is-bold {
  8022. background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
  8023. }
  8024. @media screen and (max-width: 768px) {
  8025. .hero.is-white.is-bold .navbar-menu {
  8026. background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
  8027. }
  8028. }
  8029. .hero.is-black {
  8030. background-color: #0a0a0a;
  8031. color: white;
  8032. }
  8033. .hero.is-black a:not(.button):not(.dropdown-item):not(.tag),
  8034. .hero.is-black strong {
  8035. color: inherit;
  8036. }
  8037. .hero.is-black .title {
  8038. color: white;
  8039. }
  8040. .hero.is-black .subtitle {
  8041. color: rgba(255, 255, 255, 0.9);
  8042. }
  8043. .hero.is-black .subtitle a:not(.button),
  8044. .hero.is-black .subtitle strong {
  8045. color: white;
  8046. }
  8047. @media screen and (max-width: 1087px) {
  8048. .hero.is-black .navbar-menu {
  8049. background-color: #0a0a0a;
  8050. }
  8051. }
  8052. .hero.is-black .navbar-item,
  8053. .hero.is-black .navbar-link {
  8054. color: rgba(255, 255, 255, 0.7);
  8055. }
  8056. .hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active,
  8057. .hero.is-black .navbar-link:hover,
  8058. .hero.is-black .navbar-link.is-active {
  8059. background-color: black;
  8060. color: white;
  8061. }
  8062. .hero.is-black .tabs a {
  8063. color: white;
  8064. opacity: 0.9;
  8065. }
  8066. .hero.is-black .tabs a:hover {
  8067. opacity: 1;
  8068. }
  8069. .hero.is-black .tabs li.is-active a {
  8070. opacity: 1;
  8071. }
  8072. .hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
  8073. color: white;
  8074. }
  8075. .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
  8076. background-color: rgba(10, 10, 10, 0.1);
  8077. }
  8078. .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 {
  8079. background-color: white;
  8080. border-color: white;
  8081. color: #0a0a0a;
  8082. }
  8083. .hero.is-black.is-bold {
  8084. background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
  8085. }
  8086. @media screen and (max-width: 768px) {
  8087. .hero.is-black.is-bold .navbar-menu {
  8088. background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
  8089. }
  8090. }
  8091. .hero.is-light {
  8092. background-color: whitesmoke;
  8093. color: #363636;
  8094. }
  8095. .hero.is-light a:not(.button):not(.dropdown-item):not(.tag),
  8096. .hero.is-light strong {
  8097. color: inherit;
  8098. }
  8099. .hero.is-light .title {
  8100. color: #363636;
  8101. }
  8102. .hero.is-light .subtitle {
  8103. color: rgba(54, 54, 54, 0.9);
  8104. }
  8105. .hero.is-light .subtitle a:not(.button),
  8106. .hero.is-light .subtitle strong {
  8107. color: #363636;
  8108. }
  8109. @media screen and (max-width: 1087px) {
  8110. .hero.is-light .navbar-menu {
  8111. background-color: whitesmoke;
  8112. }
  8113. }
  8114. .hero.is-light .navbar-item,
  8115. .hero.is-light .navbar-link {
  8116. color: rgba(54, 54, 54, 0.7);
  8117. }
  8118. .hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active,
  8119. .hero.is-light .navbar-link:hover,
  8120. .hero.is-light .navbar-link.is-active {
  8121. background-color: #e8e8e8;
  8122. color: #363636;
  8123. }
  8124. .hero.is-light .tabs a {
  8125. color: #363636;
  8126. opacity: 0.9;
  8127. }
  8128. .hero.is-light .tabs a:hover {
  8129. opacity: 1;
  8130. }
  8131. .hero.is-light .tabs li.is-active a {
  8132. opacity: 1;
  8133. }
  8134. .hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
  8135. color: #363636;
  8136. }
  8137. .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
  8138. background-color: rgba(10, 10, 10, 0.1);
  8139. }
  8140. .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 {
  8141. background-color: #363636;
  8142. border-color: #363636;
  8143. color: whitesmoke;
  8144. }
  8145. .hero.is-light.is-bold {
  8146. background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
  8147. }
  8148. @media screen and (max-width: 768px) {
  8149. .hero.is-light.is-bold .navbar-menu {
  8150. background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
  8151. }
  8152. }
  8153. .hero.is-dark {
  8154. background-color: #363636;
  8155. color: whitesmoke;
  8156. }
  8157. .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag),
  8158. .hero.is-dark strong {
  8159. color: inherit;
  8160. }
  8161. .hero.is-dark .title {
  8162. color: whitesmoke;
  8163. }
  8164. .hero.is-dark .subtitle {
  8165. color: rgba(245, 245, 245, 0.9);
  8166. }
  8167. .hero.is-dark .subtitle a:not(.button),
  8168. .hero.is-dark .subtitle strong {
  8169. color: whitesmoke;
  8170. }
  8171. @media screen and (max-width: 1087px) {
  8172. .hero.is-dark .navbar-menu {
  8173. background-color: #363636;
  8174. }
  8175. }
  8176. .hero.is-dark .navbar-item,
  8177. .hero.is-dark .navbar-link {
  8178. color: rgba(245, 245, 245, 0.7);
  8179. }
  8180. .hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active,
  8181. .hero.is-dark .navbar-link:hover,
  8182. .hero.is-dark .navbar-link.is-active {
  8183. background-color: #292929;
  8184. color: whitesmoke;
  8185. }
  8186. .hero.is-dark .tabs a {
  8187. color: whitesmoke;
  8188. opacity: 0.9;
  8189. }
  8190. .hero.is-dark .tabs a:hover {
  8191. opacity: 1;
  8192. }
  8193. .hero.is-dark .tabs li.is-active a {
  8194. opacity: 1;
  8195. }
  8196. .hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
  8197. color: whitesmoke;
  8198. }
  8199. .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
  8200. background-color: rgba(10, 10, 10, 0.1);
  8201. }
  8202. .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 {
  8203. background-color: whitesmoke;
  8204. border-color: whitesmoke;
  8205. color: #363636;
  8206. }
  8207. .hero.is-dark.is-bold {
  8208. background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);
  8209. }
  8210. @media screen and (max-width: 768px) {
  8211. .hero.is-dark.is-bold .navbar-menu {
  8212. background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);
  8213. }
  8214. }
  8215. .hero.is-primary {
  8216. background-color: #00d1b2;
  8217. color: #fff;
  8218. }
  8219. .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag),
  8220. .hero.is-primary strong {
  8221. color: inherit;
  8222. }
  8223. .hero.is-primary .title {
  8224. color: #fff;
  8225. }
  8226. .hero.is-primary .subtitle {
  8227. color: rgba(255, 255, 255, 0.9);
  8228. }
  8229. .hero.is-primary .subtitle a:not(.button),
  8230. .hero.is-primary .subtitle strong {
  8231. color: #fff;
  8232. }
  8233. @media screen and (max-width: 1087px) {
  8234. .hero.is-primary .navbar-menu {
  8235. background-color: #00d1b2;
  8236. }
  8237. }
  8238. .hero.is-primary .navbar-item,
  8239. .hero.is-primary .navbar-link {
  8240. color: rgba(255, 255, 255, 0.7);
  8241. }
  8242. .hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
  8243. .hero.is-primary .navbar-link:hover,
  8244. .hero.is-primary .navbar-link.is-active {
  8245. background-color: #00b89c;
  8246. color: #fff;
  8247. }
  8248. .hero.is-primary .tabs a {
  8249. color: #fff;
  8250. opacity: 0.9;
  8251. }
  8252. .hero.is-primary .tabs a:hover {
  8253. opacity: 1;
  8254. }
  8255. .hero.is-primary .tabs li.is-active a {
  8256. opacity: 1;
  8257. }
  8258. .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
  8259. color: #fff;
  8260. }
  8261. .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
  8262. background-color: rgba(10, 10, 10, 0.1);
  8263. }
  8264. .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 {
  8265. background-color: #fff;
  8266. border-color: #fff;
  8267. color: #00d1b2;
  8268. }
  8269. .hero.is-primary.is-bold {
  8270. background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
  8271. }
  8272. @media screen and (max-width: 768px) {
  8273. .hero.is-primary.is-bold .navbar-menu {
  8274. background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
  8275. }
  8276. }
  8277. .hero.is-link {
  8278. background-color: #3273dc;
  8279. color: #fff;
  8280. }
  8281. .hero.is-link a:not(.button):not(.dropdown-item):not(.tag),
  8282. .hero.is-link strong {
  8283. color: inherit;
  8284. }
  8285. .hero.is-link .title {
  8286. color: #fff;
  8287. }
  8288. .hero.is-link .subtitle {
  8289. color: rgba(255, 255, 255, 0.9);
  8290. }
  8291. .hero.is-link .subtitle a:not(.button),
  8292. .hero.is-link .subtitle strong {
  8293. color: #fff;
  8294. }
  8295. @media screen and (max-width: 1087px) {
  8296. .hero.is-link .navbar-menu {
  8297. background-color: #3273dc;
  8298. }
  8299. }
  8300. .hero.is-link .navbar-item,
  8301. .hero.is-link .navbar-link {
  8302. color: rgba(255, 255, 255, 0.7);
  8303. }
  8304. .hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
  8305. .hero.is-link .navbar-link:hover,
  8306. .hero.is-link .navbar-link.is-active {
  8307. background-color: #2366d1;
  8308. color: #fff;
  8309. }
  8310. .hero.is-link .tabs a {
  8311. color: #fff;
  8312. opacity: 0.9;
  8313. }
  8314. .hero.is-link .tabs a:hover {
  8315. opacity: 1;
  8316. }
  8317. .hero.is-link .tabs li.is-active a {
  8318. opacity: 1;
  8319. }
  8320. .hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
  8321. color: #fff;
  8322. }
  8323. .hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
  8324. background-color: rgba(10, 10, 10, 0.1);
  8325. }
  8326. .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 {
  8327. background-color: #fff;
  8328. border-color: #fff;
  8329. color: #3273dc;
  8330. }
  8331. .hero.is-link.is-bold {
  8332. background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
  8333. }
  8334. @media screen and (max-width: 768px) {
  8335. .hero.is-link.is-bold .navbar-menu {
  8336. background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
  8337. }
  8338. }
  8339. .hero.is-info {
  8340. background-color: #209cee;
  8341. color: #fff;
  8342. }
  8343. .hero.is-info a:not(.button):not(.dropdown-item):not(.tag),
  8344. .hero.is-info strong {
  8345. color: inherit;
  8346. }
  8347. .hero.is-info .title {
  8348. color: #fff;
  8349. }
  8350. .hero.is-info .subtitle {
  8351. color: rgba(255, 255, 255, 0.9);
  8352. }
  8353. .hero.is-info .subtitle a:not(.button),
  8354. .hero.is-info .subtitle strong {
  8355. color: #fff;
  8356. }
  8357. @media screen and (max-width: 1087px) {
  8358. .hero.is-info .navbar-menu {
  8359. background-color: #209cee;
  8360. }
  8361. }
  8362. .hero.is-info .navbar-item,
  8363. .hero.is-info .navbar-link {
  8364. color: rgba(255, 255, 255, 0.7);
  8365. }
  8366. .hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active,
  8367. .hero.is-info .navbar-link:hover,
  8368. .hero.is-info .navbar-link.is-active {
  8369. background-color: #118fe4;
  8370. color: #fff;
  8371. }
  8372. .hero.is-info .tabs a {
  8373. color: #fff;
  8374. opacity: 0.9;
  8375. }
  8376. .hero.is-info .tabs a:hover {
  8377. opacity: 1;
  8378. }
  8379. .hero.is-info .tabs li.is-active a {
  8380. opacity: 1;
  8381. }
  8382. .hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
  8383. color: #fff;
  8384. }
  8385. .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
  8386. background-color: rgba(10, 10, 10, 0.1);
  8387. }
  8388. .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 {
  8389. background-color: #fff;
  8390. border-color: #fff;
  8391. color: #209cee;
  8392. }
  8393. .hero.is-info.is-bold {
  8394. background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%);
  8395. }
  8396. @media screen and (max-width: 768px) {
  8397. .hero.is-info.is-bold .navbar-menu {
  8398. background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%);
  8399. }
  8400. }
  8401. .hero.is-success {
  8402. background-color: #23d160;
  8403. color: #fff;
  8404. }
  8405. .hero.is-success a:not(.button):not(.dropdown-item):not(.tag),
  8406. .hero.is-success strong {
  8407. color: inherit;
  8408. }
  8409. .hero.is-success .title {
  8410. color: #fff;
  8411. }
  8412. .hero.is-success .subtitle {
  8413. color: rgba(255, 255, 255, 0.9);
  8414. }
  8415. .hero.is-success .subtitle a:not(.button),
  8416. .hero.is-success .subtitle strong {
  8417. color: #fff;
  8418. }
  8419. @media screen and (max-width: 1087px) {
  8420. .hero.is-success .navbar-menu {
  8421. background-color: #23d160;
  8422. }
  8423. }
  8424. .hero.is-success .navbar-item,
  8425. .hero.is-success .navbar-link {
  8426. color: rgba(255, 255, 255, 0.7);
  8427. }
  8428. .hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
  8429. .hero.is-success .navbar-link:hover,
  8430. .hero.is-success .navbar-link.is-active {
  8431. background-color: #20bc56;
  8432. color: #fff;
  8433. }
  8434. .hero.is-success .tabs a {
  8435. color: #fff;
  8436. opacity: 0.9;
  8437. }
  8438. .hero.is-success .tabs a:hover {
  8439. opacity: 1;
  8440. }
  8441. .hero.is-success .tabs li.is-active a {
  8442. opacity: 1;
  8443. }
  8444. .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
  8445. color: #fff;
  8446. }
  8447. .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
  8448. background-color: rgba(10, 10, 10, 0.1);
  8449. }
  8450. .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 {
  8451. background-color: #fff;
  8452. border-color: #fff;
  8453. color: #23d160;
  8454. }
  8455. .hero.is-success.is-bold {
  8456. background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
  8457. }
  8458. @media screen and (max-width: 768px) {
  8459. .hero.is-success.is-bold .navbar-menu {
  8460. background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
  8461. }
  8462. }
  8463. .hero.is-warning {
  8464. background-color: #ffdd57;
  8465. color: rgba(0, 0, 0, 0.7);
  8466. }
  8467. .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag),
  8468. .hero.is-warning strong {
  8469. color: inherit;
  8470. }
  8471. .hero.is-warning .title {
  8472. color: rgba(0, 0, 0, 0.7);
  8473. }
  8474. .hero.is-warning .subtitle {
  8475. color: rgba(0, 0, 0, 0.9);
  8476. }
  8477. .hero.is-warning .subtitle a:not(.button),
  8478. .hero.is-warning .subtitle strong {
  8479. color: rgba(0, 0, 0, 0.7);
  8480. }
  8481. @media screen and (max-width: 1087px) {
  8482. .hero.is-warning .navbar-menu {
  8483. background-color: #ffdd57;
  8484. }
  8485. }
  8486. .hero.is-warning .navbar-item,
  8487. .hero.is-warning .navbar-link {
  8488. color: rgba(0, 0, 0, 0.7);
  8489. }
  8490. .hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active,
  8491. .hero.is-warning .navbar-link:hover,
  8492. .hero.is-warning .navbar-link.is-active {
  8493. background-color: #ffd83d;
  8494. color: rgba(0, 0, 0, 0.7);
  8495. }
  8496. .hero.is-warning .tabs a {
  8497. color: rgba(0, 0, 0, 0.7);
  8498. opacity: 0.9;
  8499. }
  8500. .hero.is-warning .tabs a:hover {
  8501. opacity: 1;
  8502. }
  8503. .hero.is-warning .tabs li.is-active a {
  8504. opacity: 1;
  8505. }
  8506. .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
  8507. color: rgba(0, 0, 0, 0.7);
  8508. }
  8509. .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
  8510. background-color: rgba(10, 10, 10, 0.1);
  8511. }
  8512. .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 {
  8513. background-color: rgba(0, 0, 0, 0.7);
  8514. border-color: rgba(0, 0, 0, 0.7);
  8515. color: #ffdd57;
  8516. }
  8517. .hero.is-warning.is-bold {
  8518. background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
  8519. }
  8520. @media screen and (max-width: 768px) {
  8521. .hero.is-warning.is-bold .navbar-menu {
  8522. background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
  8523. }
  8524. }
  8525. .hero.is-danger {
  8526. background-color: #ff3860;
  8527. color: #fff;
  8528. }
  8529. .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag),
  8530. .hero.is-danger strong {
  8531. color: inherit;
  8532. }
  8533. .hero.is-danger .title {
  8534. color: #fff;
  8535. }
  8536. .hero.is-danger .subtitle {
  8537. color: rgba(255, 255, 255, 0.9);
  8538. }
  8539. .hero.is-danger .subtitle a:not(.button),
  8540. .hero.is-danger .subtitle strong {
  8541. color: #fff;
  8542. }
  8543. @media screen and (max-width: 1087px) {
  8544. .hero.is-danger .navbar-menu {
  8545. background-color: #ff3860;
  8546. }
  8547. }
  8548. .hero.is-danger .navbar-item,
  8549. .hero.is-danger .navbar-link {
  8550. color: rgba(255, 255, 255, 0.7);
  8551. }
  8552. .hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active,
  8553. .hero.is-danger .navbar-link:hover,
  8554. .hero.is-danger .navbar-link.is-active {
  8555. background-color: #ff1f4b;
  8556. color: #fff;
  8557. }
  8558. .hero.is-danger .tabs a {
  8559. color: #fff;
  8560. opacity: 0.9;
  8561. }
  8562. .hero.is-danger .tabs a:hover {
  8563. opacity: 1;
  8564. }
  8565. .hero.is-danger .tabs li.is-active a {
  8566. opacity: 1;
  8567. }
  8568. .hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
  8569. color: #fff;
  8570. }
  8571. .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
  8572. background-color: rgba(10, 10, 10, 0.1);
  8573. }
  8574. .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 {
  8575. background-color: #fff;
  8576. border-color: #fff;
  8577. color: #ff3860;
  8578. }
  8579. .hero.is-danger.is-bold {
  8580. background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);
  8581. }
  8582. @media screen and (max-width: 768px) {
  8583. .hero.is-danger.is-bold .navbar-menu {
  8584. background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);
  8585. }
  8586. }
  8587. .hero.is-small .hero-body {
  8588. padding-bottom: 1.5rem;
  8589. padding-top: 1.5rem;
  8590. }
  8591. @media screen and (min-width: 769px), print {
  8592. .hero.is-medium .hero-body {
  8593. padding-bottom: 9rem;
  8594. padding-top: 9rem;
  8595. }
  8596. }
  8597. @media screen and (min-width: 769px), print {
  8598. .hero.is-large .hero-body {
  8599. padding-bottom: 18rem;
  8600. padding-top: 18rem;
  8601. }
  8602. }
  8603. .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
  8604. align-items: center;
  8605. display: flex;
  8606. }
  8607. .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
  8608. flex-grow: 1;
  8609. flex-shrink: 1;
  8610. }
  8611. .hero.is-halfheight {
  8612. min-height: 50vh;
  8613. }
  8614. .hero.is-fullheight {
  8615. min-height: 100vh;
  8616. }
  8617. .hero.is-fullheight-with-navbar {
  8618. min-height: calc(100vh - 3.25rem);
  8619. }
  8620. .hero-video {
  8621. overflow: hidden;
  8622. }
  8623. .hero-video video {
  8624. left: 50%;
  8625. min-height: 100%;
  8626. min-width: 100%;
  8627. position: absolute;
  8628. top: 50%;
  8629. -webkit-transform: translate3d(-50%, -50%, 0);
  8630. transform: translate3d(-50%, -50%, 0);
  8631. }
  8632. .hero-video.is-transparent {
  8633. opacity: 0.3;
  8634. }
  8635. @media screen and (max-width: 768px) {
  8636. .hero-video {
  8637. display: none;
  8638. }
  8639. }
  8640. .hero-buttons {
  8641. margin-top: 1.5rem;
  8642. }
  8643. @media screen and (max-width: 768px) {
  8644. .hero-buttons .button {
  8645. display: flex;
  8646. }
  8647. .hero-buttons .button:not(:last-child) {
  8648. margin-bottom: 0.75rem;
  8649. }
  8650. }
  8651. @media screen and (min-width: 769px), print {
  8652. .hero-buttons {
  8653. display: flex;
  8654. justify-content: center;
  8655. }
  8656. .hero-buttons .button:not(:last-child) {
  8657. margin-right: 1.5rem;
  8658. }
  8659. }
  8660. .hero-head,
  8661. .hero-foot {
  8662. flex-grow: 0;
  8663. flex-shrink: 0;
  8664. }
  8665. .hero-body {
  8666. flex-grow: 1;
  8667. flex-shrink: 0;
  8668. padding: 3rem 1.5rem;
  8669. }
  8670. .section {
  8671. padding: 3rem 1.5rem;
  8672. }
  8673. @media screen and (min-width: 1088px) {
  8674. .section.is-medium {
  8675. padding: 9rem 1.5rem;
  8676. }
  8677. .section.is-large {
  8678. padding: 18rem 1.5rem;
  8679. }
  8680. }
  8681. .footer {
  8682. background-color: #fafafa;
  8683. padding: 3rem 1.5rem 6rem;
  8684. }
  8685. .bd-columns-tool, .bd-footer-donation-action, .bd-footer-star-figure {
  8686. align-items: center;
  8687. display: flex;
  8688. justify-content: center;
  8689. }
  8690. .bd-footer-support, .bd-footer-star, .bd-book-content {
  8691. background-color: white;
  8692. border-radius: 6px;
  8693. box-shadow: 0 1.5rem 1.5rem -1.25rem rgba(10, 10, 10, 0.05);
  8694. display: block;
  8695. }
  8696. .bd-main {
  8697. overflow: hidden;
  8698. position: relative;
  8699. }
  8700. .bd-figure {
  8701. align-items: center;
  8702. border: 2px solid whitesmoke;
  8703. border-radius: 4px;
  8704. display: flex;
  8705. flex-direction: column;
  8706. text-align: center;
  8707. }
  8708. .bd-figure:not(:last-child) {
  8709. margin-bottom: 1.5rem;
  8710. }
  8711. .bd-figure img {
  8712. margin: 1em;
  8713. }
  8714. .bd-figure figcaption {
  8715. align-self: stretch;
  8716. background-color: whitesmoke;
  8717. color: #7a7a7a;
  8718. font-size: 0.75rem;
  8719. padding: 1em;
  8720. }
  8721. .bd-lead {
  8722. position: relative;
  8723. }
  8724. .bd-breadcrumb {
  8725. display: flex;
  8726. justify-content: space-between;
  8727. margin-bottom: 3rem;
  8728. }
  8729. .bd-breadcrumb .breadcrumb:not(:last-child) {
  8730. margin-bottom: 0;
  8731. }
  8732. .bd-prev-next {
  8733. align-items: flex-start;
  8734. color: #b5b5b5;
  8735. display: none;
  8736. flex-grow: 0;
  8737. flex-shrink: 0;
  8738. margin-left: 0.5rem;
  8739. text-align: center;
  8740. }
  8741. .bd-prev-next a,
  8742. .bd-prev-next span {
  8743. border-radius: 4px;
  8744. width: 1.5rem;
  8745. }
  8746. .bd-prev-next a:hover {
  8747. background-color: whitesmoke;
  8748. }
  8749. .bd-prev-next-bis {
  8750. border-top: 2px solid whitesmoke;
  8751. display: flex;
  8752. justify-content: space-between;
  8753. margin-top: 3rem;
  8754. }
  8755. .bd-prev-next-bis a {
  8756. margin-top: 1.5rem;
  8757. }
  8758. .bd-prev-next-bis-previous {
  8759. margin-right: auto;
  8760. }
  8761. .bd-prev-next-bis-next {
  8762. margin-left: auto;
  8763. }
  8764. .bd-header {
  8765. margin-bottom: 3rem;
  8766. }
  8767. .bd-header .subtitle {
  8768. color: #7a7a7a;
  8769. }
  8770. .bd-header .subtitle strong {
  8771. color: currentColor;
  8772. }
  8773. .bd-header #meta {
  8774. margin-top: -0.5rem;
  8775. }
  8776. .bd-tabs {
  8777. margin-bottom: 3rem;
  8778. }
  8779. .bd-tabs .tabs {
  8780. overflow: visible;
  8781. }
  8782. .bd-tabs .tabs ul,
  8783. .bd-tabs .tabs a {
  8784. border-bottom-color: whitesmoke;
  8785. border-bottom-width: 2px;
  8786. }
  8787. .bd-tabs .tabs ul {
  8788. flex-wrap: wrap;
  8789. max-width: 100%;
  8790. }
  8791. .bd-tabs .tabs a {
  8792. margin-bottom: -2px;
  8793. }
  8794. .bd-tabs .tabs li:not(.is-active) a:hover {
  8795. border-bottom-color: #dbdbdb;
  8796. }
  8797. .bd-content hr:first-child {
  8798. display: none;
  8799. }
  8800. .bd-content hr:first-child + .bd-anchor-title {
  8801. padding-top: 0;
  8802. }
  8803. .bd-content hr:first-child + .bd-anchor-title .bd-anchor-link {
  8804. top: 0;
  8805. }
  8806. .bd-side,
  8807. .bd-side-background {
  8808. background-color: #fafafa;
  8809. }
  8810. .bd-side {
  8811. position: relative;
  8812. }
  8813. .bd-side-background {
  8814. bottom: 0;
  8815. left: 50%;
  8816. position: absolute;
  8817. right: 0;
  8818. top: 0;
  8819. }
  8820. .bd-category-list, .bd-anchors-list {
  8821. font-size: 0.875rem;
  8822. }
  8823. .bd-category-list li:not(:last-child), .bd-anchors-list li:not(:last-child) {
  8824. margin-bottom: 0.5em;
  8825. }
  8826. .bd-category-list li.is-past a, .bd-anchors-list li.is-past a {
  8827. color: #b5b5b5;
  8828. }
  8829. .bd-category-list li.is-current a, .bd-anchors-list li.is-current a {
  8830. color: #3273dc;
  8831. }
  8832. .bd-category-list a, .bd-anchors-list a {
  8833. color: #7a7a7a;
  8834. }
  8835. .bd-category-list a:hover, .bd-anchors-list a:hover {
  8836. color: #3273dc;
  8837. }
  8838. .bd-category a:hover {
  8839. color: #3273dc;
  8840. }
  8841. .bd-category:not(:last-child) {
  8842. margin-bottom: 0.5rem;
  8843. }
  8844. .bd-category.is-active .bd-category-toggle .icon {
  8845. -webkit-transform: rotate(180deg);
  8846. transform: rotate(180deg);
  8847. }
  8848. .bd-category.is-active .bd-category-list {
  8849. display: block;
  8850. }
  8851. .bd-category-header {
  8852. position: relative;
  8853. }
  8854. .bd-category-toggle {
  8855. bottom: 0;
  8856. left: 0;
  8857. position: absolute;
  8858. right: 0;
  8859. top: 0;
  8860. align-items: center;
  8861. color: #b5b5b5;
  8862. display: flex;
  8863. justify-content: flex-end;
  8864. }
  8865. .bd-category-toggle .icon {
  8866. font-size: 0.75rem;
  8867. -webkit-transform-origin: center;
  8868. transform-origin: center;
  8869. transition-duration: 86ms;
  8870. transition-property: -webkit-transform;
  8871. transition-property: transform;
  8872. transition-property: transform, -webkit-transform;
  8873. }
  8874. .bd-category-name {
  8875. color: #363636;
  8876. position: relative;
  8877. }
  8878. .bd-category-name.is-active {
  8879. color: #3273dc;
  8880. }
  8881. .bd-category-name .tag {
  8882. border-radius: 2px;
  8883. font-family: Verdana;
  8884. font-size: 0.5rem;
  8885. font-weight: bold;
  8886. height: 2.25em;
  8887. margin-left: 0.5em;
  8888. vertical-align: text-bottom;
  8889. }
  8890. .bd-category-list {
  8891. display: none;
  8892. padding: 0.5rem;
  8893. }
  8894. .bd-anchors-reference {
  8895. height: 1px;
  8896. }
  8897. .bd-anchors {
  8898. display: none;
  8899. max-width: 10.5rem;
  8900. padding-top: calc(1.5rem - 1px);
  8901. }
  8902. @media screen and (min-width: 769px), print {
  8903. .bd-anchors.is-active {
  8904. display: block;
  8905. }
  8906. .bd-anchors.is-pinned {
  8907. position: fixed;
  8908. top: 0;
  8909. }
  8910. }
  8911. .bd-anchors-title {
  8912. color: #b5b5b5;
  8913. font-size: 0.875rem;
  8914. font-weight: 600;
  8915. margin-bottom: 0.5rem;
  8916. }
  8917. .bd-anchors-list li:last-child {
  8918. margin-top: 1em;
  8919. }
  8920. .bd-anchors-list a {
  8921. color: #363636;
  8922. }
  8923. @media screen and (max-width: 1087px) {
  8924. .bd-lead,
  8925. .bd-side {
  8926. padding: 1.5rem;
  8927. }
  8928. .bd-header-carbon {
  8929. margin-top: 1.5rem;
  8930. }
  8931. }
  8932. @media screen and (max-width: 1087px) {
  8933. .bd-side-background {
  8934. display: none;
  8935. }
  8936. }
  8937. @media screen and (min-width: 1088px) {
  8938. .bd-duo {
  8939. display: flex;
  8940. }
  8941. .bd-lead {
  8942. background-color: white;
  8943. overflow: hidden;
  8944. flex-grow: 1;
  8945. flex-shrink: 1;
  8946. }
  8947. .bd-prev-next {
  8948. display: flex;
  8949. }
  8950. .bd-side {
  8951. flex: 0 0 calc(10.5rem + 1.5rem);
  8952. }
  8953. }
  8954. @media screen and (min-width: 1088px) {
  8955. .bd-main {
  8956. padding: 0 3rem;
  8957. }
  8958. .bd-lead {
  8959. margin-left: -3rem;
  8960. padding: 3rem;
  8961. }
  8962. .bd-lead:last-child {
  8963. margin-right: -3rem;
  8964. }
  8965. .bd-header {
  8966. align-items: center;
  8967. display: flex;
  8968. min-height: 140px;
  8969. }
  8970. .bd-header-titles {
  8971. flex-grow: 1;
  8972. flex-shrink: 1;
  8973. }
  8974. .bd-header-carbon {
  8975. flex-grow: 0;
  8976. flex-shrink: 0;
  8977. margin: -15px 0 -15px 6rem;
  8978. width: 300px;
  8979. }
  8980. .bd-side {
  8981. padding: 3rem 0 3rem 1.5rem;
  8982. }
  8983. }
  8984. @media screen and (min-width: 1280px) {
  8985. .bd-header-carbon {
  8986. margin-left: 9rem;
  8987. }
  8988. }
  8989. @media screen and (min-width: 1472px) {
  8990. .bd-header-carbon {
  8991. margin-left: 12rem;
  8992. }
  8993. }
  8994. .highlight {
  8995. background-color: whitesmoke;
  8996. border-radius: 6px;
  8997. color: #586e75;
  8998. }
  8999. .highlight pre {
  9000. background-color: transparent;
  9001. font-size: 0.875em;
  9002. line-height: 1.375;
  9003. }
  9004. .highlight .c {
  9005. color: #93a1a1;
  9006. }
  9007. .highlight .err,
  9008. .highlight .g {
  9009. color: #586e75;
  9010. }
  9011. .highlight .k {
  9012. color: #859900;
  9013. }
  9014. .highlight .l,
  9015. .highlight .n {
  9016. color: #586e75;
  9017. }
  9018. .highlight .o {
  9019. color: #859900;
  9020. }
  9021. .highlight .x {
  9022. color: #cb4b16;
  9023. }
  9024. .highlight .p {
  9025. color: #586e75;
  9026. }
  9027. .highlight .cm {
  9028. color: #93a1a1;
  9029. }
  9030. .highlight .cp {
  9031. color: #859900;
  9032. }
  9033. .highlight .c1 {
  9034. color: #93a1a1;
  9035. }
  9036. .highlight .cs {
  9037. color: #859900;
  9038. }
  9039. .highlight .gd {
  9040. color: #2aa198;
  9041. }
  9042. .highlight .ge {
  9043. color: #586e75;
  9044. font-style: italic;
  9045. }
  9046. .highlight .gr {
  9047. color: #dc322f;
  9048. }
  9049. .highlight .gh {
  9050. color: #cb4b16;
  9051. }
  9052. .highlight .gi {
  9053. color: #859900;
  9054. }
  9055. .highlight .go,
  9056. .highlight .gp {
  9057. color: #586e75;
  9058. }
  9059. .highlight .gs {
  9060. color: #586e75;
  9061. font-weight: bold;
  9062. }
  9063. .highlight .gu {
  9064. color: #cb4b16;
  9065. }
  9066. .highlight .gt {
  9067. color: #586e75;
  9068. }
  9069. .highlight .kc {
  9070. color: #cb4b16;
  9071. }
  9072. .highlight .kd {
  9073. color: #268bd2;
  9074. }
  9075. .highlight .kn,
  9076. .highlight .kp {
  9077. color: #859900;
  9078. }
  9079. .highlight .kr {
  9080. color: #268bd2;
  9081. }
  9082. .highlight .kt {
  9083. color: #dc322f;
  9084. }
  9085. .highlight .ld {
  9086. color: #586e75;
  9087. }
  9088. .highlight .m,
  9089. .highlight .s {
  9090. color: #2aa198;
  9091. }
  9092. .highlight .na {
  9093. color: #B58900;
  9094. }
  9095. .highlight .nb {
  9096. color: #586e75;
  9097. }
  9098. .highlight .nc {
  9099. color: #268bd2;
  9100. }
  9101. .highlight .no {
  9102. color: #cb4b16;
  9103. }
  9104. .highlight .nd {
  9105. color: #268bd2;
  9106. }
  9107. .highlight .ni,
  9108. .highlight .ne {
  9109. color: #cb4b16;
  9110. }
  9111. .highlight .nf {
  9112. color: #268bd2;
  9113. }
  9114. .highlight .nl,
  9115. .highlight .nn,
  9116. .highlight .nx,
  9117. .highlight .py {
  9118. color: #586e75;
  9119. }
  9120. .highlight .nt,
  9121. .highlight .nv {
  9122. color: #268bd2;
  9123. }
  9124. .highlight .ow {
  9125. color: #859900;
  9126. }
  9127. .highlight .w {
  9128. color: #586e75;
  9129. }
  9130. .highlight .mf,
  9131. .highlight .mh,
  9132. .highlight .mi,
  9133. .highlight .mo {
  9134. color: #2aa198;
  9135. }
  9136. .highlight .sb {
  9137. color: #93a1a1;
  9138. }
  9139. .highlight .sc {
  9140. color: #2aa198;
  9141. }
  9142. .highlight .sd {
  9143. color: #586e75;
  9144. }
  9145. .highlight .s2 {
  9146. color: #2aa198;
  9147. }
  9148. .highlight .se {
  9149. color: #cb4b16;
  9150. }
  9151. .highlight .sh {
  9152. color: #586e75;
  9153. }
  9154. .highlight .si,
  9155. .highlight .sx {
  9156. color: #2aa198;
  9157. }
  9158. .highlight .sr {
  9159. color: #dc322f;
  9160. }
  9161. .highlight .s1,
  9162. .highlight .ss {
  9163. color: #2aa198;
  9164. }
  9165. .highlight .bp,
  9166. .highlight .vc,
  9167. .highlight .vg,
  9168. .highlight .vi {
  9169. color: #268bd2;
  9170. }
  9171. .highlight .il {
  9172. color: #2aa198;
  9173. }
  9174. .content .highlight {
  9175. margin-left: 0;
  9176. margin-right: 0;
  9177. text-align: left;
  9178. }
  9179. .content .highlight:not(:first-child) {
  9180. margin-top: 1em;
  9181. }
  9182. .content .highlight:not(:last-child) {
  9183. margin-bottom: 1em;
  9184. }
  9185. .content li .highlight {
  9186. margin-top: 0.5em;
  9187. }
  9188. .content .bd-spaced li + li {
  9189. margin-top: 1em;
  9190. }
  9191. .content .highlighter-rouge:not(:last-child) {
  9192. margin-bottom: 1.5rem;
  9193. }
  9194. body.page-grid .column > .notification {
  9195. padding-left: 0;
  9196. padding-right: 0;
  9197. text-align: center;
  9198. }
  9199. a.navbar-item > .icon:not(:last-child) {
  9200. margin-left: -0.25em;
  9201. margin-right: 0.25em;
  9202. }
  9203. @media screen and (min-width: 769px), print {
  9204. .header-item .button + .button {
  9205. margin-left: 0.75rem;
  9206. }
  9207. }
  9208. svg {
  9209. max-height: 100%;
  9210. max-width: 100%;
  9211. }
  9212. .bd-patreon-button {
  9213. display: inline-block;
  9214. position: relative;
  9215. vertical-align: top;
  9216. }
  9217. .bd-patreon-button img {
  9218. border-radius: 4px;
  9219. display: block;
  9220. max-height: none !important;
  9221. }
  9222. .bd-patreon-button:hover::after {
  9223. bottom: 0;
  9224. left: 0;
  9225. position: absolute;
  9226. right: 0;
  9227. top: 0;
  9228. background-color: rgba(0, 0, 0, 0.05);
  9229. border-radius: 4px;
  9230. content: "";
  9231. display: block;
  9232. }
  9233. #carboncontainer {
  9234. align-items: center;
  9235. display: flex;
  9236. justify-content: center;
  9237. margin-left: auto;
  9238. margin-right: auto;
  9239. max-width: 300px;
  9240. min-height: 120px;
  9241. min-width: 280px;
  9242. }
  9243. #carbon {
  9244. flex-grow: 1;
  9245. min-height: 100px;
  9246. padding: 0;
  9247. position: relative;
  9248. }
  9249. #carbon:hover {
  9250. background-color: white;
  9251. box-shadow: 0 0 0 0.75rem white;
  9252. }
  9253. @media screen and (min-width: 769px), print {
  9254. #carbon {
  9255. width: 300px;
  9256. }
  9257. }
  9258. #carbonads {
  9259. font-size: 14px;
  9260. text-align: left;
  9261. }
  9262. #carbonads a,
  9263. #carbonads span {
  9264. display: block;
  9265. }
  9266. #carbonads .carbon-wrap {
  9267. min-height: 100px;
  9268. position: relative;
  9269. }
  9270. #carbonads .carbon-wrap:hover .carbon-img::after {
  9271. background-color: rgba(0, 0, 0, 0.05);
  9272. content: "";
  9273. display: block;
  9274. height: 100px;
  9275. left: 0;
  9276. position: absolute;
  9277. right: 1rem;
  9278. top: 0;
  9279. }
  9280. #carbonads .carbon-img {
  9281. bottom: 0;
  9282. float: left;
  9283. left: 0;
  9284. min-height: 100px;
  9285. padding: 0;
  9286. position: absolute;
  9287. top: 0;
  9288. width: calc(130px + 1rem);
  9289. }
  9290. #carbonads .carbon-img img {
  9291. display: block;
  9292. height: 100px;
  9293. width: 130px;
  9294. }
  9295. #carbonads .carbon-img:hover + .carbon-text {
  9296. color: #3273dc;
  9297. }
  9298. #carbonads .carbon-img:active {
  9299. opacity: 0.8;
  9300. }
  9301. #carbonads .carbon-text {
  9302. display: block;
  9303. color: #363636;
  9304. line-height: 20px;
  9305. min-height: 100px;
  9306. padding: 0 0 20px calc(130px + 1rem);
  9307. }
  9308. #carbonads .carbon-text:hover {
  9309. color: #3273dc;
  9310. }
  9311. #carbonads .carbon-poweredby {
  9312. bottom: 0;
  9313. color: #b5b5b5;
  9314. display: inline;
  9315. font-size: 0.75rem;
  9316. line-height: 20px;
  9317. position: absolute;
  9318. right: 0;
  9319. }
  9320. #carbonads .carbon-poweredby:hover {
  9321. text-decoration: underline;
  9322. }
  9323. .bd-index-header {
  9324. text-align: center;
  9325. }
  9326. .bd-index-header a,
  9327. .bd-index-header strong {
  9328. transition-duration: 86ms;
  9329. transition-property: color;
  9330. }
  9331. .bd-index-header a {
  9332. color: currentColor;
  9333. }
  9334. .bd-index-header a:hover {
  9335. color: #3273dc;
  9336. }
  9337. .bd-index-header a:hover strong {
  9338. color: #3273dc;
  9339. }
  9340. .bd-index-header strong {
  9341. font-weight: 600;
  9342. }
  9343. .bd-index-header .title strong {
  9344. color: #00d1b2;
  9345. }
  9346. .bd-index-header .subtitle {
  9347. color: #b5b5b5 !important;
  9348. }
  9349. .bd-index-header .subtitle strong {
  9350. color: currentColor;
  9351. }
  9352. .bd-index-header:not(:last-child) {
  9353. margin-bottom: 3rem;
  9354. }
  9355. .bd-index-header.bd-is-left {
  9356. text-align: left;
  9357. }
  9358. .bd-index-js-tweet .bd-tw {
  9359. margin-left: auto;
  9360. margin-right: auto;
  9361. }
  9362. .bd-index-custom-title {
  9363. color: #b5b5b5;
  9364. }
  9365. .bd-index-custom-example {
  9366. padding: 1rem;
  9367. }
  9368. .bd-index-custom-example .subtitle {
  9369. margin-bottom: 0.5rem;
  9370. }
  9371. .bd-index-custom.bd-is-after {
  9372. color: #757763;
  9373. font-family: "Nunito", serif;
  9374. margin-top: 0.5rem;
  9375. }
  9376. .bd-index-custom.bd-is-after a {
  9377. color: #FA7C91;
  9378. }
  9379. .bd-index-custom.bd-is-after a:hover {
  9380. color: #363636;
  9381. }
  9382. .bd-index-custom.bd-is-after .subtitle {
  9383. color: #757763;
  9384. }
  9385. .bd-index-custom.bd-is-after .input,
  9386. .bd-index-custom.bd-is-after .select select {
  9387. background-color: #EFF0EB;
  9388. border-color: transparent;
  9389. border-width: 2px;
  9390. box-shadow: none;
  9391. font-family: "Nunito", serif;
  9392. }
  9393. .bd-index-custom.bd-is-after .input:hover,
  9394. .bd-index-custom.bd-is-after .select select:hover {
  9395. border-color: #D0D1CD;
  9396. }
  9397. .bd-index-custom.bd-is-after .input:focus,
  9398. .bd-index-custom.bd-is-after .select select:focus {
  9399. border-color: #FA7C91;
  9400. box-shadow: 0 0 0 0.125em rgba(250, 124, 145, 0.25);
  9401. }
  9402. .bd-index-custom.bd-is-after .select:not(.is-multiple):not(:hover)::after {
  9403. border-color: #FA7C91;
  9404. }
  9405. .bd-index-custom.bd-is-after .button.is-primary {
  9406. background-color: #8A4D76;
  9407. color: white;
  9408. }
  9409. .bd-index-custom.bd-is-after .button.is-primary:hover {
  9410. background-color: #82486f;
  9411. }
  9412. .bd-index-custom.bd-is-after .button.is-primary:active {
  9413. background-color: #7a4468;
  9414. }
  9415. .bd-index-custom.bd-is-after .button.is-link {
  9416. background-color: #FA7C91;
  9417. color: white;
  9418. }
  9419. .bd-index-custom.bd-is-after .button.is-link:hover {
  9420. background-color: #fa7087;
  9421. }
  9422. .bd-index-custom.bd-is-after .button.is-link:active {
  9423. background-color: #f9637c;
  9424. }
  9425. .bd-index-custom.bd-is-after ::-moz-selection {
  9426. background-color: #FA7C91;
  9427. color: white;
  9428. }
  9429. .bd-index-custom.bd-is-after ::selection {
  9430. background-color: #FA7C91;
  9431. color: white;
  9432. }
  9433. .bd-index-fullscreen .tabs a {
  9434. color: #b5b5b5 !important;
  9435. }
  9436. #grid .notification {
  9437. padding-left: 0;
  9438. padding-right: 0;
  9439. }
  9440. .bd-columns-tools {
  9441. margin-top: 3rem;
  9442. }
  9443. .bd-columns-tool.bd-is-try .buttons {
  9444. justify-content: center;
  9445. }
  9446. .bd-columns-tool.bd-is-try .button strong {
  9447. font-weight: 600;
  9448. }
  9449. #markup {
  9450. width: 100%;
  9451. }
  9452. #markup .highlight pre {
  9453. max-height: none;
  9454. }
  9455. #message {
  9456. display: none;
  9457. margin-top: 3rem;
  9458. }
  9459. @media screen and (max-width: 768px) {
  9460. .bd-columns-tool.bd-is-markup {
  9461. margin-top: 3rem;
  9462. }
  9463. }
  9464. @media screen and (min-width: 769px), print {
  9465. .bd-columns-tools {
  9466. align-items: flex-start;
  9467. display: flex;
  9468. }
  9469. .bd-columns-tool {
  9470. width: 50%;
  9471. }
  9472. .bd-columns-tool.bd-is-try {
  9473. padding-top: 60px;
  9474. }
  9475. }
  9476. .bd-focus {
  9477. margin: 6rem auto 0;
  9478. max-width: 1080px;
  9479. }
  9480. .bd-focus-item {
  9481. border-radius: 6px;
  9482. padding-top: 1.25rem;
  9483. position: relative;
  9484. }
  9485. .bd-focus-item .title a,
  9486. .bd-focus-item .subtitle {
  9487. transition-duration: 172ms;
  9488. transition-property: color;
  9489. }
  9490. .bd-focus-item .title {
  9491. position: relative;
  9492. transition-duration: 172ms;
  9493. transition-property: color;
  9494. }
  9495. .bd-focus-item .subtitle {
  9496. color: #b5b5b5;
  9497. position: relative;
  9498. }
  9499. .bd-focus-item .subtitle strong {
  9500. color: currentColor;
  9501. }
  9502. .bd-focus-item::before {
  9503. bottom: 0;
  9504. left: 0;
  9505. position: absolute;
  9506. right: 0;
  9507. top: 0;
  9508. background-color: #fafafa;
  9509. border-radius: 6px;
  9510. content: "";
  9511. display: block;
  9512. opacity: 0;
  9513. pointer-events: none;
  9514. -webkit-transform: scale(1.1);
  9515. transform: scale(1.1);
  9516. -webkit-transform-origin: center;
  9517. transform-origin: center;
  9518. transition-duration: 172ms;
  9519. transition-property: opacity, -webkit-transform;
  9520. transition-property: opacity, transform;
  9521. transition-property: opacity, transform, -webkit-transform;
  9522. }
  9523. .bd-focus-item:hover::before {
  9524. opacity: 1;
  9525. -webkit-transform: scale(1);
  9526. transform: scale(1);
  9527. }
  9528. .bd-focus-item:hover .subtitle {
  9529. color: #4a4a4a;
  9530. }
  9531. .bd-focus-item:nth-child(1):hover .title {
  9532. color: #ff470f;
  9533. }
  9534. .bd-focus-item:nth-child(2):hover .title {
  9535. color: #23d160;
  9536. }
  9537. .bd-focus-item:nth-child(3):hover .title {
  9538. color: #3273dc;
  9539. }
  9540. .bd-focus-item:nth-child(4):hover .title {
  9541. color: #0a0a0a;
  9542. }
  9543. .bd-focus-icon {
  9544. position: relative;
  9545. }
  9546. .bd-focus-mobile {
  9547. color: #b86bff;
  9548. margin-right: -20px;
  9549. }
  9550. .bd-focus-tablet {
  9551. color: #ff3860;
  9552. }
  9553. .bd-focus-desktop {
  9554. color: #ff470f;
  9555. position: relative;
  9556. top: 2px;
  9557. }
  9558. .bd-focus-cubes {
  9559. position: relative;
  9560. height: 3rem;
  9561. margin: 0 auto;
  9562. top: -0.5rem;
  9563. width: 3rem;
  9564. }
  9565. .bd-focus-cube {
  9566. color: #23d160;
  9567. position: absolute;
  9568. }
  9569. .bd-focus-cube-1 {
  9570. left: 0;
  9571. top: 0;
  9572. }
  9573. .bd-focus-cube-2 {
  9574. left: -1rem;
  9575. top: 23px;
  9576. }
  9577. .bd-focus-cube-3 {
  9578. left: 1rem;
  9579. top: 23px;
  9580. }
  9581. .bd-focus-css3 {
  9582. color: #3273dc;
  9583. }
  9584. .bd-focus-github {
  9585. color: #333333;
  9586. }
  9587. .intro-content {
  9588. margin-left: auto;
  9589. margin-right: auto;
  9590. max-width: 640px;
  9591. }
  9592. .intro-title {
  9593. font-weight: 400;
  9594. line-height: 1.375;
  9595. }
  9596. .intro-title strong {
  9597. font-weight: 600;
  9598. }
  9599. .intro-ghbtns {
  9600. margin-bottom: 26px;
  9601. min-height: 30px;
  9602. }
  9603. .intro-ghbtns iframe,
  9604. .intro-ghbtns a,
  9605. .intro-ghbtns img {
  9606. height: 30px;
  9607. }
  9608. .intro-ghbtns a {
  9609. display: inline-block;
  9610. min-width: 100px;
  9611. vertical-align: top;
  9612. }
  9613. .intro-ghbtns img {
  9614. display: block;
  9615. }
  9616. .intro-npm {
  9617. background: #242424;
  9618. border-radius: 4px;
  9619. color: white;
  9620. display: flex;
  9621. font-size: 15px;
  9622. justify-content: space-between;
  9623. line-height: 20px;
  9624. padding: 15px 25px;
  9625. position: relative;
  9626. }
  9627. .intro-npm code {
  9628. font-size: inherit;
  9629. -moz-osx-font-smoothing: grayscale;
  9630. -webkit-font-smoothing: antialiased;
  9631. }
  9632. .intro-npm .intro-npm-copy {
  9633. border-radius: 4px;
  9634. color: #ffdd57;
  9635. cursor: pointer;
  9636. margin: -2px -7px -3px;
  9637. padding: 2px 7px 3px;
  9638. }
  9639. .intro-npm .intro-npm-copy:hover {
  9640. background-color: #ffdd57;
  9641. color: #242424;
  9642. }
  9643. .intro-npm .intro-npm-copy.is-success, .intro-npm .intro-npm-copy.is-error {
  9644. color: white;
  9645. pointer-events: none;
  9646. text-decoration: none;
  9647. }
  9648. .intro-npm .intro-npm-copy.is-success {
  9649. background-color: #23d160;
  9650. }
  9651. .intro-npm .intro-npm-copy.is-error {
  9652. background-color: #ff3860;
  9653. }
  9654. .intro-npm ::-moz-selection {
  9655. background: #ffdd57;
  9656. color: #242424;
  9657. }
  9658. .intro-npm ::selection {
  9659. background: #ffdd57;
  9660. color: #242424;
  9661. }
  9662. .intro-buttons {
  9663. margin-top: 1.5rem;
  9664. }
  9665. .intro-buttons .button {
  9666. padding-left: 1.375em;
  9667. padding-right: 1.375em;
  9668. }
  9669. .intro-video {
  9670. background-color: white;
  9671. margin-left: auto;
  9672. margin-right: auto;
  9673. max-width: 640px;
  9674. position: relative;
  9675. }
  9676. .intro-video.has-loaded .intro-spinner {
  9677. display: none;
  9678. }
  9679. .intro-video.has-loaded .intro-iframe {
  9680. opacity: 1;
  9681. }
  9682. @-webkit-keyframes introSpinner {
  9683. from {
  9684. opacity: 0;
  9685. -webkit-transform: scale(1.14);
  9686. transform: scale(1.14);
  9687. }
  9688. to {
  9689. opacity: 1;
  9690. -webkit-transform: scale(1);
  9691. transform: scale(1);
  9692. }
  9693. }
  9694. @keyframes introSpinner {
  9695. from {
  9696. opacity: 0;
  9697. -webkit-transform: scale(1.14);
  9698. transform: scale(1.14);
  9699. }
  9700. to {
  9701. opacity: 1;
  9702. -webkit-transform: scale(1);
  9703. transform: scale(1);
  9704. }
  9705. }
  9706. .intro-spinner,
  9707. .intro-shadow {
  9708. -webkit-animation-duration: 500ms;
  9709. animation-duration: 500ms;
  9710. animation-easing-function: ease-out;
  9711. -webkit-animation-fill-mode: both;
  9712. animation-fill-mode: both;
  9713. -webkit-transform-origin: center;
  9714. transform-origin: center;
  9715. }
  9716. .intro-spinner {
  9717. bottom: 0;
  9718. left: 0;
  9719. position: absolute;
  9720. right: 0;
  9721. top: 0;
  9722. -webkit-animation-name: introSpinner;
  9723. animation-name: introSpinner;
  9724. }
  9725. .intro-spinner::before {
  9726. -webkit-animation: spinAround 500ms infinite linear;
  9727. animation: spinAround 500ms infinite linear;
  9728. border: 2px solid #dbdbdb;
  9729. border-radius: 290486px;
  9730. border-right-color: transparent;
  9731. border-top-color: transparent;
  9732. content: "";
  9733. display: block;
  9734. height: 1em;
  9735. position: relative;
  9736. width: 1em;
  9737. border-bottom-color: #00d1b2;
  9738. border-left-color: #00d1b2;
  9739. height: 1.5em;
  9740. left: calc(50% - 0.75em);
  9741. position: absolute;
  9742. top: calc(50% - 0.75em);
  9743. width: 1.5em;
  9744. }
  9745. @-webkit-keyframes introShadow {
  9746. from {
  9747. opacity: 0;
  9748. -webkit-transform: scale(0.86);
  9749. transform: scale(0.86);
  9750. }
  9751. to {
  9752. opacity: 1;
  9753. -webkit-transform: scale(1);
  9754. transform: scale(1);
  9755. }
  9756. }
  9757. @keyframes introShadow {
  9758. from {
  9759. opacity: 0;
  9760. -webkit-transform: scale(0.86);
  9761. transform: scale(0.86);
  9762. }
  9763. to {
  9764. opacity: 1;
  9765. -webkit-transform: scale(1);
  9766. transform: scale(1);
  9767. }
  9768. }
  9769. .intro-shadow {
  9770. bottom: 0;
  9771. left: 0;
  9772. position: absolute;
  9773. right: 0;
  9774. top: 0;
  9775. background-color: #776e70;
  9776. background-position: center center;
  9777. background-repeat: no-repeat;
  9778. background-size: cover;
  9779. box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2);
  9780. -webkit-animation-name: introShadow;
  9781. animation-name: introShadow;
  9782. }
  9783. .intro-iframe {
  9784. opacity: 0;
  9785. padding-top: 56.25%;
  9786. position: relative;
  9787. transition-duration: 500ms;
  9788. transition-property: opacity;
  9789. }
  9790. .intro-iframe iframe {
  9791. height: 100%;
  9792. left: 0;
  9793. position: absolute;
  9794. top: 0;
  9795. width: 100%;
  9796. }
  9797. .intro-author {
  9798. color: #7a7a7a;
  9799. font-size: 0.75rem;
  9800. margin-top: 40px;
  9801. text-align: center;
  9802. }
  9803. .intro-author a {
  9804. color: #363636;
  9805. }
  9806. .intro-author a:hover {
  9807. text-decoration: underline;
  9808. }
  9809. .intro-author span {
  9810. opacity: 0.5;
  9811. transition: 100ms opacity;
  9812. }
  9813. .intro-author span:hover {
  9814. opacity: 1;
  9815. }
  9816. @media screen and (max-width: 768px) {
  9817. .intro-buttons .button {
  9818. display: flex;
  9819. width: 100%;
  9820. }
  9821. .intro-buttons .button.is-light {
  9822. margin-top: 0.5rem;
  9823. }
  9824. }
  9825. @media screen and (min-width: 769px), print {
  9826. .intro-title {
  9827. font-size: 2.25rem;
  9828. }
  9829. .intro-buttons {
  9830. align-items: center;
  9831. display: flex;
  9832. justify-content: space-between;
  9833. }
  9834. }
  9835. @media screen and (max-width: 1087px) {
  9836. .intro-column.is-video {
  9837. margin-top: 3rem;
  9838. }
  9839. }
  9840. @media screen and (min-width: 1088px) {
  9841. .intro-columns {
  9842. display: flex;
  9843. justify-content: center;
  9844. }
  9845. .intro-column {
  9846. width: calc(50% - 1.5rem);
  9847. }
  9848. .intro-column.is-content {
  9849. margin-right: 1.5rem;
  9850. }
  9851. .intro-column.is-video {
  9852. margin-left: 1.5rem;
  9853. }
  9854. .intro-content {
  9855. max-width: 440px;
  9856. }
  9857. .intro-title {
  9858. margin-top: -11px;
  9859. }
  9860. .intro-title:not(:last-child) {
  9861. margin-bottom: 20px;
  9862. }
  9863. }
  9864. #github {
  9865. color: #333333;
  9866. border-color: #333333;
  9867. }
  9868. #github:hover {
  9869. background: #333333;
  9870. border-color: #333333;
  9871. color: white;
  9872. }
  9873. .bd-tw-button {
  9874. background-color: #55acee;
  9875. color: white;
  9876. border-color: transparent !important;
  9877. }
  9878. .bd-tw-button:hover {
  9879. background-color: #49a6ed;
  9880. color: white;
  9881. }
  9882. .bd-tw-button:active, .bd-tw-button:focus {
  9883. background-color: #3ea1ec;
  9884. color: white;
  9885. }
  9886. #moreDropdown .navbar-item {
  9887. padding-left: 3em;
  9888. position: relative;
  9889. }
  9890. #moreDropdown .icon {
  9891. left: 1rem;
  9892. position: absolute;
  9893. text-align: center;
  9894. top: 0.375rem;
  9895. width: 1em;
  9896. }
  9897. #moreDropdownBootstrap .icon {
  9898. color: #6f5499;
  9899. }
  9900. #moreDropdownPatreon .icon {
  9901. color: #f96854;
  9902. }
  9903. @media screen and (min-width: 1088px) {
  9904. #blogDropdown {
  9905. width: 17rem;
  9906. }
  9907. #blogDropdown .navbar-item {
  9908. white-space: normal;
  9909. }
  9910. #moreDropdown {
  9911. width: 14rem;
  9912. }
  9913. #moreDropdown .navbar-item {
  9914. padding-right: 1rem;
  9915. white-space: normal;
  9916. }
  9917. #moreDropdown .navbar-item .level {
  9918. flex-grow: 1;
  9919. }
  9920. }
  9921. .bd-footer-title {
  9922. color: #363636;
  9923. font-size: 1.25rem;
  9924. line-height: 1.25;
  9925. margin-bottom: 0.5rem;
  9926. transition-duration: 86ms;
  9927. transition-property: color;
  9928. }
  9929. .bd-footer-title strong {
  9930. font-weight: 600;
  9931. }
  9932. .bd-footer-subtitle {
  9933. color: #b5b5b5;
  9934. margin-top: -0.5rem;
  9935. transition-duration: 86ms;
  9936. transition-property: color;
  9937. }
  9938. .bd-footer-iframe {
  9939. display: flex;
  9940. flex-wrap: wrap;
  9941. margin-bottom: -10px;
  9942. min-height: 30px;
  9943. }
  9944. .bd-footer-iframe iframe {
  9945. margin-bottom: 10px;
  9946. }
  9947. .bd-footer-iframe .fb-like {
  9948. margin-left: 10px;
  9949. }
  9950. .bd-footer-tsp {
  9951. color: #b5b5b5;
  9952. margin-top: 1.5rem;
  9953. }
  9954. .bd-footer-support, .bd-footer-star {
  9955. text-align: center;
  9956. }
  9957. .bd-footer-support .bd-footer-title, .bd-footer-star .bd-footer-title {
  9958. font-size: 1.5rem;
  9959. }
  9960. .bd-footer-support {
  9961. border-top: none;
  9962. box-shadow: none;
  9963. padding: 3rem;
  9964. }
  9965. .bd-footer-support .bd-footer-title {
  9966. margin-bottom: 1.5rem;
  9967. }
  9968. .bd-footer-donations {
  9969. justify-content: center;
  9970. }
  9971. .bd-footer-donation {
  9972. flex: none;
  9973. }
  9974. @media screen and (min-width: 769px), print {
  9975. .bd-footer-donation {
  9976. width: 240px;
  9977. }
  9978. }
  9979. .bd-footer-donation-title {
  9980. color: #b5b5b5;
  9981. margin-bottom: 0.5rem;
  9982. }
  9983. .bd-footer-donation-title strong {
  9984. color: currentColor;
  9985. }
  9986. .bd-footer-donation-action {
  9987. height: 70px;
  9988. }
  9989. .bd-footer-donation-action .paypal-form {
  9990. height: 30px;
  9991. }
  9992. .bd-footer-donation-action .paypal-form img {
  9993. display: block;
  9994. }
  9995. .bd-footer-stars {
  9996. margin-top: 2.5rem;
  9997. }
  9998. @media screen and (min-width: 769px), print {
  9999. .bd-footer-stars {
  10000. align-items: stretch;
  10001. display: flex;
  10002. justify-content: space-between;
  10003. }
  10004. }
  10005. .bd-footer-star {
  10006. transition-duration: 86ms;
  10007. transition-property: box-shadow, -webkit-transform;
  10008. transition-property: box-shadow, transform;
  10009. transition-property: box-shadow, transform, -webkit-transform;
  10010. will-change: box-shadow, transform;
  10011. }
  10012. @media screen and (max-width: 768px) {
  10013. .bd-footer-star:not(:last-child) {
  10014. margin-bottom: 1.5rem;
  10015. }
  10016. }
  10017. @media screen and (min-width: 769px), print {
  10018. .bd-footer-star {
  10019. width: calc(33.3333% - 2rem);
  10020. }
  10021. }
  10022. .bd-footer-star:hover {
  10023. box-shadow: 0 3rem 3rem -1.25rem rgba(10, 10, 10, 0.1);
  10024. -webkit-transform: translateY(-0.5rem);
  10025. transform: translateY(-0.5rem);
  10026. }
  10027. .bd-footer-star:hover .bd-footer-title,
  10028. .bd-footer-star:hover .bd-footer-subtitle {
  10029. color: #3273dc;
  10030. }
  10031. .bd-footer-star.bd-is-expo, .bd-footer-star.bd-is-love {
  10032. padding-bottom: 156px;
  10033. }
  10034. .bd-footer-star.bd-is-expo .bd-footer-title, .bd-footer-star.bd-is-love .bd-footer-title {
  10035. align-items: center;
  10036. display: flex;
  10037. justify-content: center;
  10038. }
  10039. .bd-footer-star.bd-is-expo .bd-footer-title .icon, .bd-footer-star.bd-is-love .bd-footer-title .icon {
  10040. margin-right: 0.25em;
  10041. }
  10042. .bd-footer-star.bd-is-expo {
  10043. background-image: url("/images/footer/expo-examples.png");
  10044. background-repeat: repeat-x;
  10045. background-position: bottom center;
  10046. background-size: 352px 156px;
  10047. }
  10048. .bd-footer-star.bd-is-love {
  10049. background-image: url("/images/footer/love.png");
  10050. background-repeat: no-repeat;
  10051. background-position: bottom center;
  10052. background-size: 440px 180px;
  10053. }
  10054. .bd-footer-star-header {
  10055. padding: 1.5rem;
  10056. }
  10057. .bd-footer-star-figure {
  10058. height: 156px;
  10059. margin-top: -1rem;
  10060. }
  10061. .bd-footer-links {
  10062. margin-top: 6rem;
  10063. padding-bottom: 6rem;
  10064. }
  10065. .bd-footer-links a {
  10066. color: currentColor;
  10067. }
  10068. .bd-footer-links a:hover {
  10069. color: #3273dc;
  10070. }
  10071. .bd-footer-link-title {
  10072. color: #363636;
  10073. font-size: 1.25rem;
  10074. font-weight: 600;
  10075. }
  10076. .bd-footer-link-title:not(:first-child) {
  10077. margin-top: 1.5em;
  10078. }
  10079. .bd-footer-link {
  10080. margin-top: 0.5rem;
  10081. }
  10082. .bd-footer-link.bd-is-more {
  10083. font-size: 0.875rem;
  10084. }
  10085. .bd-footer-link.bd-is-more a:not(:hover) {
  10086. color: #b5b5b5;
  10087. }
  10088. .bd-footer-link.bd-has-subtitle a {
  10089. align-items: center;
  10090. display: flex;
  10091. justify-content: space-between;
  10092. }
  10093. .bd-footer-link.bd-has-subtitle a strong {
  10094. flex-grow: 1;
  10095. flex-shrink: 1;
  10096. font-weight: unset;
  10097. }
  10098. .bd-footer-link.bd-has-subtitle a em {
  10099. display: block;
  10100. font-size: 0.875rem;
  10101. font-style: normal;
  10102. }
  10103. .bd-footer-link.bd-has-subtitle a:not(:hover) em {
  10104. color: #b5b5b5;
  10105. }
  10106. @media screen and (max-width: 768px) {
  10107. .bd-footer-link.bd-has-subtitle a {
  10108. flex-wrap: wrap;
  10109. margin-top: 1rem;
  10110. }
  10111. .bd-footer-link.bd-has-subtitle a em {
  10112. width: 100%;
  10113. }
  10114. }
  10115. @media screen and (min-width: 769px), print {
  10116. .bd-footer-link.bd-has-subtitle a em {
  10117. margin-left: 1rem;
  10118. text-align: right;
  10119. }
  10120. }
  10121. .bd-footer-link-icon {
  10122. flex-grow: 0;
  10123. flex-shrink: 0;
  10124. margin-right: 0.5em;
  10125. text-align: center;
  10126. width: 1em;
  10127. }
  10128. ::-moz-selection {
  10129. background-color: #00d1b2;
  10130. color: #fff;
  10131. }
  10132. ::selection {
  10133. background-color: #00d1b2;
  10134. color: #fff;
  10135. }
  10136. .bd-post .table {
  10137. font-size: 1rem;
  10138. }
  10139. .bd-post .bd-anchor-title {
  10140. margin-top: 0 !important;
  10141. }
  10142. .bd-has-drawing {
  10143. position: relative;
  10144. }
  10145. .bd-drawing {
  10146. display: none;
  10147. pointer-events: none;
  10148. position: absolute;
  10149. }
  10150. .bd-drawing.bd-is-try-it-out {
  10151. bottom: 100%;
  10152. right: 100%;
  10153. }
  10154. .bd-drawing.bd-is-love-letters {
  10155. bottom: 110%;
  10156. right: 10%;
  10157. }
  10158. .bd-drawing.bd-is-crazy {
  10159. left: -10%;
  10160. top: 110%;
  10161. }
  10162. .bd-drawing.bd-is-customize {
  10163. right: -10%;
  10164. top: 105%;
  10165. }
  10166. .bd-drawing.bd-is-opinion-free {
  10167. right: 100%;
  10168. top: 110%;
  10169. }
  10170. .bd-drawing.bd-is-join-us {
  10171. bottom: 80%;
  10172. left: 100%;
  10173. }
  10174. .bd-drawing.bd-is-spam-free {
  10175. bottom: 100%;
  10176. right: 90%;
  10177. }
  10178. @media screen and (min-width: 769px), print {
  10179. .bd-drawing {
  10180. display: inline;
  10181. }
  10182. }
  10183. .bd-links {
  10184. counter-reset: bd-links;
  10185. }
  10186. .bd-link {
  10187. border-radius: 6px;
  10188. color: #7a7a7a;
  10189. display: block;
  10190. font-size: 1.25rem;
  10191. padding: 1rem 3rem 1.5rem 5rem;
  10192. position: relative;
  10193. transition-duration: 86ms;
  10194. transition-property: background-color, color;
  10195. }
  10196. .bd-link strong {
  10197. font-weight: 600;
  10198. }
  10199. .bd-link:hover {
  10200. background-color: #fafafa;
  10201. }
  10202. .bd-link-surtitle {
  10203. float: right;
  10204. font-size: 0.75em;
  10205. margin-bottom: 1em;
  10206. margin-left: 2em;
  10207. opacity: 0.5;
  10208. padding-top: 0.25em;
  10209. }
  10210. .bd-link-name {
  10211. line-height: 1.25;
  10212. margin-bottom: 0.25em;
  10213. position: relative;
  10214. }
  10215. .bd-link-figure {
  10216. position: absolute;
  10217. right: calc(100% + 0.75em);
  10218. text-align: center;
  10219. top: 0;
  10220. min-width: 1.5em;
  10221. }
  10222. .bd-link-counter {
  10223. color: #3273dc;
  10224. display: block;
  10225. counter-increment: bd-links;
  10226. font-weight: 400;
  10227. }
  10228. .bd-link-counter::before {
  10229. content: counter(bd-links);
  10230. }
  10231. .bd-link-icon {
  10232. display: block;
  10233. font-size: 2rem;
  10234. width: 1.5em;
  10235. }
  10236. .bd-link-more {
  10237. font-size: 0.75em;
  10238. opacity: 0.5;
  10239. }
  10240. @media screen and (max-width: 768px) {
  10241. .bd-links {
  10242. margin-left: -1.5rem;
  10243. margin-right: -1.5rem;
  10244. }
  10245. .bd-link {
  10246. border-radius: 0;
  10247. padding-right: 1.5rem;
  10248. }
  10249. }
  10250. @media screen and (min-width: 1088px) {
  10251. .bd-links {
  10252. display: flex;
  10253. flex-wrap: wrap;
  10254. }
  10255. .bd-link {
  10256. width: 50%;
  10257. }
  10258. }
  10259. .bd-link-name {
  10260. color: #363636;
  10261. font-size: 1.5rem;
  10262. font-weight: 600;
  10263. }
  10264. .bd-docs {
  10265. display: flex;
  10266. flex-wrap: wrap;
  10267. }
  10268. .bd-doc {
  10269. margin: 0 3rem 1.5rem 0;
  10270. }
  10271. @media screen and (max-width: 768px) {
  10272. .bd-doc {
  10273. min-width: calc(50% - 3rem);
  10274. }
  10275. }
  10276. @media screen and (min-width: 769px), print {
  10277. .bd-doc {
  10278. min-width: calc(33.3333% - 3rem);
  10279. }
  10280. }
  10281. .bd-doc-title {
  10282. color: #363636;
  10283. }
  10284. .bd-doc-title a {
  10285. color: currentColor;
  10286. }
  10287. .bd-doc-title a:hover {
  10288. color: #3273dc;
  10289. }
  10290. .bd-doc-title:not(:last-child) {
  10291. margin-bottom: 0.75rem;
  10292. }
  10293. .bd-boxes {
  10294. display: flex;
  10295. flex-wrap: wrap;
  10296. justify-content: space-between;
  10297. }
  10298. .bd-box {
  10299. border: 4px solid whitesmoke;
  10300. border-radius: 4px;
  10301. }
  10302. .bd-box-header {
  10303. text-align: center;
  10304. }
  10305. .bd-typo {
  10306. text-align: center;
  10307. }
  10308. .bd-typo:not(:first-child) {
  10309. margin-top: 3rem;
  10310. }
  10311. .bd-has-text-rss {
  10312. color: #f26522;
  10313. }
  10314. .has-text-star {
  10315. color: #FFD257;
  10316. }
  10317. .bd-special-shadow {
  10318. background-image: linear-gradient(rgba(0, 0, 0, 0.1), transparent);
  10319. height: 8px;
  10320. left: 0;
  10321. opacity: 0;
  10322. position: absolute;
  10323. right: 0;
  10324. top: 100%;
  10325. -webkit-transform: scaleY(0);
  10326. transform: scaleY(0);
  10327. -webkit-transform-origin: center top;
  10328. transform-origin: center top;
  10329. }
  10330. @media screen and (max-width: 1087px) {
  10331. .bd-is-clipped-touch {
  10332. overflow: hidden !important;
  10333. }
  10334. }
  10335. #images tr td:nth-child(2) {
  10336. width: 320px;
  10337. }
  10338. .bd-color {
  10339. border-radius: 2px;
  10340. box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  10341. display: inline-block;
  10342. float: left;
  10343. height: 24px;
  10344. margin-right: 8px;
  10345. width: 24px;
  10346. }
  10347. .button.bd-is-rss {
  10348. background-color: #f26522;
  10349. border-color: transparent;
  10350. color: #fff;
  10351. }
  10352. .button.bd-is-rss:hover {
  10353. background-color: #ed560e;
  10354. }
  10355. .button.bd-is-rss:active {
  10356. background-color: #d54d0d;
  10357. }
  10358. .bd-view-all-versions {
  10359. color: #7a7a7a;
  10360. }
  10361. .bd-view-all-versions:hover {
  10362. text-decoration: underline;
  10363. }
  10364. .bd-feature-title {
  10365. color: #7a7a7a;
  10366. }
  10367. .bd-feature-title a {
  10368. border-bottom: 1px solid transparent;
  10369. color: #363636;
  10370. }
  10371. .bd-feature-title a:hover {
  10372. border-bottom-color: #00d1b2;
  10373. }
  10374. .bd-anchor-title {
  10375. padding-top: 1.5rem;
  10376. position: relative;
  10377. }
  10378. @media screen and (max-width: 1279px) {
  10379. .bd-anchor-title {
  10380. padding-left: 2rem;
  10381. }
  10382. }
  10383. .bd-anchor-link {
  10384. position: absolute;
  10385. right: calc(100% + 1rem);
  10386. top: 1.5rem;
  10387. }
  10388. @media screen and (max-width: 1279px) {
  10389. .bd-anchor-link {
  10390. left: 0;
  10391. right: auto;
  10392. }
  10393. }
  10394. .has-text-orange {
  10395. color: #ff470f !important;
  10396. }
  10397. .has-text-purple {
  10398. color: #b86bff !important;
  10399. }
  10400. .has-text-bootstrap {
  10401. color: #6f5499 !important;
  10402. }
  10403. .has-text-patreon {
  10404. color: #f96854 !important;
  10405. }
  10406. .bd-emoji {
  10407. margin-right: 0.5em;
  10408. margin-top: 2px;
  10409. }
  10410. .bd-emoji-bis {
  10411. font-size: 1.25em;
  10412. vertical-align: middle;
  10413. }
  10414. .bd-notification {
  10415. background-color: whitesmoke;
  10416. border-radius: 4px;
  10417. color: #7a7a7a;
  10418. font-weight: 600;
  10419. padding: 1.25rem 0;
  10420. position: relative;
  10421. text-align: center;
  10422. }
  10423. .bd-notification .title,
  10424. .bd-notification .subtitle,
  10425. .bd-notification .content,
  10426. .bd-notification strong {
  10427. color: currentColor;
  10428. }
  10429. .bd-notification code,
  10430. .bd-notification pre {
  10431. background-color: rgba(10, 10, 10, 0.2);
  10432. border-radius: 4px;
  10433. color: white;
  10434. }
  10435. .bd-notification pre code {
  10436. background-color: transparent;
  10437. }
  10438. .bd-notification.is-white {
  10439. background-color: white;
  10440. color: #0a0a0a;
  10441. }
  10442. .bd-notification.is-black {
  10443. background-color: #0a0a0a;
  10444. color: white;
  10445. }
  10446. .bd-notification.is-light {
  10447. background-color: whitesmoke;
  10448. color: #363636;
  10449. }
  10450. .bd-notification.is-dark {
  10451. background-color: #363636;
  10452. color: whitesmoke;
  10453. }
  10454. .bd-notification.is-primary {
  10455. background-color: #00d1b2;
  10456. color: #fff;
  10457. }
  10458. .bd-notification.is-link {
  10459. background-color: #3273dc;
  10460. color: #fff;
  10461. }
  10462. .bd-notification.is-info {
  10463. background-color: #209cee;
  10464. color: #fff;
  10465. }
  10466. .bd-notification.is-success {
  10467. background-color: #23d160;
  10468. color: #fff;
  10469. }
  10470. .bd-notification.is-warning {
  10471. background-color: #ffdd57;
  10472. color: rgba(0, 0, 0, 0.7);
  10473. }
  10474. .bd-notification.is-danger {
  10475. background-color: #ff3860;
  10476. color: #fff;
  10477. }
  10478. .bd-icon-size .icon {
  10479. background-color: #ffdd57;
  10480. }
  10481. .bd-mwb-table td {
  10482. vertical-align: middle;
  10483. }
  10484. .bd-mwb-table td img {
  10485. vertical-align: middle;
  10486. }
  10487. .bd-example,
  10488. .bd-structure,
  10489. .bd-snippet {
  10490. border: 2px solid whitesmoke;
  10491. position: relative;
  10492. }
  10493. .bd-example::before,
  10494. .bd-structure::before,
  10495. .bd-snippet::before {
  10496. background: #ffdd57;
  10497. border-radius: 2px 2px 0 0;
  10498. bottom: 100%;
  10499. color: rgba(0, 0, 0, 0.7);
  10500. content: "Example";
  10501. display: inline-block;
  10502. font-size: 7px;
  10503. font-weight: bold;
  10504. left: -1px;
  10505. letter-spacing: 1px;
  10506. margin-left: -1px;
  10507. padding: 3px 5px;
  10508. position: absolute;
  10509. text-transform: uppercase;
  10510. vertical-align: top;
  10511. }
  10512. @media screen and (min-width: 769px), print {
  10513. .bd-example.is-fullwidth,
  10514. .bd-structure.is-fullwidth,
  10515. .bd-snippet.is-fullwidth {
  10516. border-left: none;
  10517. border-right: none;
  10518. padding: 0;
  10519. }
  10520. }
  10521. .bd-example,
  10522. .bd-structure {
  10523. padding: 1.5rem;
  10524. }
  10525. .bd-example:not(:first-child),
  10526. .bd-structure:not(:first-child) {
  10527. margin-top: 2rem;
  10528. }
  10529. .bd-example:not(:last-child),
  10530. .bd-structure:not(:last-child) {
  10531. margin-bottom: 1.5rem;
  10532. }
  10533. .bd-example.bd-is-clipped {
  10534. border-top-right-radius: 6px;
  10535. }
  10536. .bd-example + .highlight {
  10537. border: 1px solid #ffdd57;
  10538. border-radius: 0 0 4px 4px;
  10539. border-top: none;
  10540. margin-top: -1.5rem;
  10541. }
  10542. .bd-example + .highlight:not(:last-child) {
  10543. margin-bottom: 1.5rem;
  10544. }
  10545. .bd-snippet {
  10546. margin-top: 2rem;
  10547. position: relative;
  10548. }
  10549. .bd-snippet:not(:last-child) {
  10550. margin-bottom: 1.5rem;
  10551. }
  10552. .bd-snippet::before {
  10553. content: "Snippet";
  10554. align-items: stretch;
  10555. display: flex;
  10556. }
  10557. .bd-snippet-preview {
  10558. padding: 1.5rem;
  10559. }
  10560. .bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight {
  10561. height: 2em;
  10562. overflow: hidden;
  10563. }
  10564. .bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight pre {
  10565. overflow: hidden;
  10566. }
  10567. .bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight .bd-show {
  10568. display: flex;
  10569. }
  10570. .bd-snippet.bd-is-horizontal {
  10571. border-radius: 6px;
  10572. border-top-left-radius: 0;
  10573. }
  10574. .bd-snippet.bd-is-horizontal .bd-snippet-code .highlight {
  10575. border-top-left-radius: 0;
  10576. border-top-right-radius: 0;
  10577. }
  10578. .bd-snippet.bd-is-horizontal .bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight pre {
  10579. padding-top: 0.325rem;
  10580. }
  10581. .bd-snippet.bd-is-clipped .bd-snippet-code {
  10582. overflow: auto;
  10583. }
  10584. .bd-snippet.bd-is-fullwidth {
  10585. border-radius: 0;
  10586. border-width: 1px 0;
  10587. }
  10588. @media screen and (min-width: 1088px) {
  10589. .bd-snippet.bd-is-vertical {
  10590. align-items: stretch;
  10591. border-radius: 6px;
  10592. border-top-left-radius: 0;
  10593. display: flex;
  10594. justify-content: center;
  10595. }
  10596. .bd-snippet.bd-is-vertical .bd-snippet-preview,
  10597. .bd-snippet.bd-is-vertical .bd-snippet-code {
  10598. width: 50%;
  10599. }
  10600. .bd-snippet.bd-is-vertical .bd-snippet-code,
  10601. .bd-snippet.bd-is-vertical .bd-snippet-code .highlight,
  10602. .bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre {
  10603. align-items: stretch;
  10604. border-radius: 0 6px 6px 0;
  10605. display: flex;
  10606. flex-direction: column;
  10607. }
  10608. .bd-snippet.bd-is-vertical .bd-snippet-code .highlight,
  10609. .bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre,
  10610. .bd-snippet.bd-is-vertical .bd-snippet-code .highlight .language-html {
  10611. flex-grow: 1;
  10612. }
  10613. .bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre {
  10614. white-space: pre;
  10615. }
  10616. .bd-snippet.bd-is-vertical.bd-is-one-fifth .bd-snippet-preview {
  10617. align-items: center;
  10618. display: flex;
  10619. justify-content: center;
  10620. width: calc(128px + 3rem);
  10621. }
  10622. .bd-snippet.bd-is-vertical.bd-is-one-fifth .bd-snippet-code {
  10623. width: calc(100% - 128px - 3rem);
  10624. }
  10625. .bd-snippet.bd-is-vertical.bd-is-two-fifths .bd-snippet-preview {
  10626. align-items: center;
  10627. display: flex;
  10628. justify-content: center;
  10629. width: calc(256px + 3rem);
  10630. }
  10631. .bd-snippet.bd-is-vertical.bd-is-two-fifths .bd-snippet-code {
  10632. width: calc(100% - 256px - 3rem);
  10633. }
  10634. .bd-snippet.bd-is-vertical.bd-is-one-third .bd-snippet-preview {
  10635. width: 33.3333%;
  10636. }
  10637. .bd-snippet.bd-is-vertical.bd-is-one-third .bd-snippet-code {
  10638. width: 66.6666%;
  10639. }
  10640. }
  10641. .highlight.bd-is-hovering {
  10642. border-radius: 2px;
  10643. box-shadow: 0 0 0 2px #ffdd57;
  10644. }
  10645. .highlight pre {
  10646. max-height: 320px;
  10647. margin-bottom: 0 !important;
  10648. }
  10649. .highlight-full:not(:last-child),
  10650. #navbarJsExample:not(:last-child) {
  10651. margin-bottom: 1.5rem;
  10652. }
  10653. .highlight-full .highlight pre,
  10654. #navbarJsExample .highlight pre {
  10655. max-height: none;
  10656. }
  10657. .bd-structure {
  10658. border-color: #ff3860;
  10659. border-radius: 4px;
  10660. padding: 1.5rem;
  10661. }
  10662. .bd-structure::before {
  10663. background: #ff3860;
  10664. color: #fff;
  10665. content: "Structure";
  10666. }
  10667. .bd-structure-item {
  10668. position: relative;
  10669. }
  10670. .bd-structure-item::before {
  10671. bottom: 0;
  10672. left: 0;
  10673. position: absolute;
  10674. right: 0;
  10675. top: 0;
  10676. background: rgba(10, 10, 10, 0.7);
  10677. background: whitesmoke;
  10678. border: 1px solid #dbdbdb;
  10679. content: "";
  10680. display: block;
  10681. z-index: 1;
  10682. }
  10683. .bd-structure-item::after {
  10684. bottom: 0;
  10685. left: 0;
  10686. position: absolute;
  10687. right: 0;
  10688. top: 0;
  10689. align-items: center;
  10690. content: attr(title);
  10691. display: flex;
  10692. font-family: monospace;
  10693. font-size: 11px;
  10694. justify-content: center;
  10695. padding: 3px 5px;
  10696. z-index: 2;
  10697. }
  10698. .bd-structure-item.bd-is-structure-container {
  10699. padding: 1.5rem 0.75rem 0.75rem;
  10700. }
  10701. .bd-structure-item.bd-is-structure-container::after {
  10702. align-items: flex-start;
  10703. justify-content: flex-start;
  10704. padding: 0.5rem 0.75rem;
  10705. }
  10706. .highlight {
  10707. position: relative;
  10708. }
  10709. .highlight .bd-copy,
  10710. .highlight .bd-expand {
  10711. background: none;
  10712. border: none;
  10713. color: #4a4a4a;
  10714. cursor: pointer;
  10715. font-size: 0.625rem;
  10716. outline: none;
  10717. padding-bottom: 0;
  10718. padding-top: 0;
  10719. position: absolute;
  10720. right: 0.25rem;
  10721. top: 0.25rem;
  10722. }
  10723. .highlight .bd-copy:hover,
  10724. .highlight .bd-expand:hover {
  10725. background-color: #ffdd57;
  10726. color: rgba(0, 0, 0, 0.7);
  10727. }
  10728. .highlight .bd-copy:focus, .highlight .bd-copy:active,
  10729. .highlight .bd-expand:focus,
  10730. .highlight .bd-expand:active {
  10731. box-shadow: none;
  10732. }
  10733. .highlight .bd-expand {
  10734. right: 45px;
  10735. }
  10736. .highlight .bd-show {
  10737. bottom: 0;
  10738. left: 0;
  10739. position: absolute;
  10740. right: 0;
  10741. top: 0;
  10742. align-items: center;
  10743. background-color: rgba(245, 245, 245, 0.7);
  10744. border: none;
  10745. color: rgba(0, 0, 0, 0.5);
  10746. cursor: pointer;
  10747. display: none;
  10748. font-size: 0.75rem;
  10749. justify-content: center;
  10750. width: 100%;
  10751. }
  10752. .highlight .bd-show strong {
  10753. color: currentColor;
  10754. font-weight: 600;
  10755. }
  10756. .highlight .bd-show:hover {
  10757. background-color: rgba(255, 221, 87, 0.8);
  10758. color: rgba(0, 0, 0, 0.7);
  10759. }
  10760. @media screen and (min-width: 769px), print {
  10761. .highlight pre {
  10762. white-space: pre-wrap;
  10763. }
  10764. }
  10765. @media screen and (min-width: 769px), print {
  10766. .section:not(.is-fullwidth) > .bd-example:not(.is-fullwidth) {
  10767. margin-left: 1.5rem;
  10768. margin-right: 1.5rem;
  10769. }
  10770. .section:not(.is-fullwidth) > .bd-example:not(.is-fullwidth) + .highlight {
  10771. margin-left: 1.5rem;
  10772. margin-right: 1.5rem;
  10773. }
  10774. }
  10775. .section.is-fullwidth {
  10776. padding: 0 !important;
  10777. }
  10778. .section.is-fullwidth .bd-snippet {
  10779. border-left: none;
  10780. border-radius: 0;
  10781. border-right: none;
  10782. }
  10783. .section.is-fullwidth .bd-example {
  10784. border-left: none;
  10785. border-radius: 0;
  10786. border-right: none;
  10787. padding: 0;
  10788. }
  10789. .section.is-fullwidth .bd-example + .highlight {
  10790. border-left: none;
  10791. border-radius: 0;
  10792. border-right: none;
  10793. }
  10794. .bd-callout {
  10795. background-color: whitesmoke;
  10796. border-radius: 4px;
  10797. padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  10798. position: relative;
  10799. }
  10800. .bd-callout:not(:last-child) {
  10801. margin-bottom: 1.5rem;
  10802. }
  10803. .bd-callout.is-white {
  10804. background-color: white;
  10805. color: #0a0a0a;
  10806. }
  10807. .bd-callout.is-black {
  10808. background-color: #0a0a0a;
  10809. color: white;
  10810. }
  10811. .bd-callout.is-light {
  10812. background-color: whitesmoke;
  10813. color: #363636;
  10814. }
  10815. .bd-callout.is-dark {
  10816. background-color: #363636;
  10817. color: whitesmoke;
  10818. }
  10819. .bd-callout.is-primary {
  10820. background-color: #00d1b2;
  10821. color: #fff;
  10822. }
  10823. .bd-callout.is-link {
  10824. background-color: #3273dc;
  10825. color: #fff;
  10826. }
  10827. .bd-callout.is-info {
  10828. background-color: #209cee;
  10829. color: #fff;
  10830. }
  10831. .bd-callout.is-success {
  10832. background-color: #23d160;
  10833. color: #fff;
  10834. }
  10835. .bd-callout.is-warning {
  10836. background-color: #ffdd57;
  10837. color: rgba(0, 0, 0, 0.7);
  10838. }
  10839. .bd-callout.is-danger {
  10840. background-color: #ff3860;
  10841. color: #fff;
  10842. }
  10843. .bsa {
  10844. padding: 2rem;
  10845. }
  10846. .bsa-cpc {
  10847. min-height: 1px;
  10848. }
  10849. #_default_ .default-ad {
  10850. background-color: rgba(0, 0, 0, 0.3);
  10851. border-radius: 2px;
  10852. color: white;
  10853. display: inline-block;
  10854. font-size: 10px;
  10855. font-weight: bold;
  10856. padding: 0 4px;
  10857. text-transform: uppercase;
  10858. vertical-align: top;
  10859. }
  10860. #_default_ > a {
  10861. background-color: white;
  10862. border-radius: 6px;
  10863. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  10864. color: #4a4a4a;
  10865. display: block;
  10866. line-height: 1.375;
  10867. margin-top: 15px;
  10868. min-height: 70px;
  10869. padding: 15px;
  10870. padding-left: 70px;
  10871. position: relative;
  10872. }
  10873. #_default_ > a:hover, #_default_ > a:focus {
  10874. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
  10875. }
  10876. #_default_ > a:active {
  10877. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc;
  10878. }
  10879. #_default_ > a span {
  10880. display: block;
  10881. }
  10882. #_default_ > a .default-image {
  10883. display: block;
  10884. left: 15px;
  10885. height: 40px;
  10886. position: absolute;
  10887. top: 15px;
  10888. width: 40px;
  10889. }
  10890. #_default_ > a .default-image img {
  10891. display: block;
  10892. height: 40px;
  10893. width: 40px;
  10894. }
  10895. #_default_ > a .default-title {
  10896. color: #363636;
  10897. display: inline;
  10898. font-weight: 700;
  10899. }
  10900. #_default_ > a .default-title::after {
  10901. content: " — ";
  10902. }
  10903. #_default_ > a .default-description {
  10904. display: inline;
  10905. }
  10906. @media screen and (min-width: 769px), print {
  10907. .bsa .columns {
  10908. min-height: 120px;
  10909. }
  10910. #_default_ {
  10911. display: flex;
  10912. justify-content: center;
  10913. position: relative;
  10914. }
  10915. #_default_ .default-ad {
  10916. left: 100%;
  10917. margin-left: 2rem;
  10918. position: absolute;
  10919. top: 0;
  10920. }
  10921. #_default_ > a {
  10922. margin: 0;
  10923. width: calc(50% - 1rem);
  10924. }
  10925. #_default_ > a:not(:nth-child(2)) {
  10926. margin-left: 2rem;
  10927. }
  10928. }
  10929. .bd-tws-home {
  10930. background-color: #fafafa;
  10931. }
  10932. .bd-tw {
  10933. background-color: #fafafa;
  10934. border-radius: 6px;
  10935. color: #697882;
  10936. flex-shrink: 0;
  10937. font-family: Helvetica, Roboto, "Segoe UI", Calibri, sans-serif;
  10938. font-size: 16px;
  10939. max-width: 420px;
  10940. padding: 20px;
  10941. }
  10942. .bd-tw.bd-is-white {
  10943. background-color: white;
  10944. }
  10945. .bd-tw-header {
  10946. align-items: stretch;
  10947. display: flex;
  10948. justify-content: flex-start;
  10949. }
  10950. .bd-tw-author {
  10951. align-items: center;
  10952. color: #1c2022;
  10953. display: flex;
  10954. line-height: 1.2;
  10955. }
  10956. .bd-tw-author:hover {
  10957. color: #2b7bb9;
  10958. }
  10959. .bd-tw-avatar {
  10960. flex-shrink: 0;
  10961. height: 36px;
  10962. margin-right: 9px;
  10963. width: 36px;
  10964. }
  10965. .bd-tw-avatar img {
  10966. border-radius: 290486px;
  10967. display: block;
  10968. height: 36px;
  10969. width: 36px;
  10970. }
  10971. .bd-tw-fullname {
  10972. color: currentColor;
  10973. display: block;
  10974. font-size: 16px;
  10975. font-weight: 700;
  10976. }
  10977. .bd-tw-username {
  10978. color: #697882;
  10979. display: block;
  10980. font-size: 14px;
  10981. }
  10982. .bd-tw-content {
  10983. color: #1c2022;
  10984. font-size: 16px;
  10985. line-height: 1.4;
  10986. margin-top: 14px;
  10987. }
  10988. .bd-tw-content a {
  10989. color: #2b7bb9;
  10990. }
  10991. .bd-tw-content .Emoji {
  10992. height: 1.25em;
  10993. padding: 0 .05em 0 .1em;
  10994. vertical-align: -.2em;
  10995. width: 1.25em;
  10996. }
  10997. .bd-tw-date {
  10998. font-size: 14px;
  10999. line-height: 1.4;
  11000. margin-top: 3.2px;
  11001. }
  11002. .bd-tw-date a {
  11003. color: #697882;
  11004. }
  11005. .bd-tw-date a:hover {
  11006. color: #2b7bb9;
  11007. }
  11008. .Tweet-actions {
  11009. align-items: center;
  11010. display: flex;
  11011. margin-top: 8.4px;
  11012. }
  11013. .Tweet-action {
  11014. margin-right: 1.25rem;
  11015. }
  11016. .TweetAction {
  11017. align-items: center;
  11018. display: flex;
  11019. height: 24px;
  11020. min-width: 24px;
  11021. }
  11022. .TweetAction:hover .Icon--replyEdge {
  11023. 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);
  11024. }
  11025. .TweetAction:hover .Icon--retweetEdge {
  11026. 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);
  11027. }
  11028. .TweetAction:hover .Icon--heartEdge {
  11029. 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);
  11030. }
  11031. .Tweet-action--retweet:hover .TweetAction-stat {
  11032. color: #17BF63;
  11033. }
  11034. .Tweet-action--heart:hover .TweetAction-stat {
  11035. color: #E0245E;
  11036. }
  11037. .TweetAction-icon {
  11038. background-size: contain;
  11039. height: 20px;
  11040. width: 20px;
  11041. }
  11042. .TweetAction-stat {
  11043. color: #697882;
  11044. font-size: 14px;
  11045. margin-left: 5px;
  11046. margin-top: 1px;
  11047. }
  11048. .Icon--replyEdge {
  11049. 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);
  11050. }
  11051. .Icon--retweetEdge {
  11052. 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);
  11053. }
  11054. .Icon--heartEdge {
  11055. 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);
  11056. }
  11057. @media screen and (max-width: 768px) {
  11058. .bd-tws-home {
  11059. padding: 1.5rem;
  11060. }
  11061. .bd-tws-home .bd-tw:not(:last-child) {
  11062. margin-bottom: 1.5rem;
  11063. }
  11064. }
  11065. @media screen and (min-width: 769px), print {
  11066. .bd-tws-home {
  11067. padding: 3rem;
  11068. }
  11069. .bd-tws-home .bd-tw + .bd-tw {
  11070. margin-top: 1.5rem;
  11071. }
  11072. }
  11073. @media screen and (max-width: 1087px) {
  11074. .bd-tws-love .bd-tw:not(:last-child) {
  11075. margin-bottom: 1.5rem;
  11076. }
  11077. }
  11078. @media screen and (min-width: 1088px) {
  11079. .bd-tws-home {
  11080. min-height: 595px;
  11081. }
  11082. .bd-tws-love {
  11083. display: flex;
  11084. flex-wrap: wrap;
  11085. margin: -0.75rem;
  11086. }
  11087. .bd-tws-love .bd-tw {
  11088. margin: 0.75rem;
  11089. width: calc(33.3333% - 1.5rem);
  11090. }
  11091. }
  11092. @media screen and (min-width: 1280px) {
  11093. .bd-tws-home {
  11094. min-height: 653px;
  11095. }
  11096. }
  11097. @media screen and (min-width: 1472px) {
  11098. .bd-tws-home {
  11099. min-height: 632px;
  11100. }
  11101. }
  11102. .twitter-tweet:not(.twitter-tweet-rendered) {
  11103. background-color: white;
  11104. border: 1px solid #e1e8ed;
  11105. border-radius: 5px;
  11106. color: #697882;
  11107. font-size: 14px;
  11108. padding: 20px 20px 11.6px;
  11109. }
  11110. .twitter-tweet:not(.twitter-tweet-rendered) a {
  11111. color: currentColor;
  11112. }
  11113. .twitter-tweet:not(.twitter-tweet-rendered) a:hover {
  11114. text-decoration: underline;
  11115. }
  11116. .twitter-tweet:not(.twitter-tweet-rendered) p {
  11117. color: #1c2022;
  11118. font-size: 16px;
  11119. margin-bottom: 3.2px;
  11120. }
  11121. .twitter-tweet:not(.twitter-tweet-rendered) p a {
  11122. color: #2b7bb9;
  11123. }
  11124. .twitter-tweet-rendered {
  11125. border: none;
  11126. border-radius: 0;
  11127. margin: 0 !important;
  11128. padding: 0 !important;
  11129. }
  11130. .bd-expo {
  11131. background-color: white;
  11132. padding: 1.5rem;
  11133. }
  11134. .bd-website {
  11135. display: block;
  11136. position: relative;
  11137. text-align: center;
  11138. }
  11139. .bd-website:last-child {
  11140. margin-bottom: 0;
  11141. }
  11142. .bd-website-image {
  11143. align-items: center;
  11144. display: flex;
  11145. justify-content: center;
  11146. margin-bottom: 1.5rem;
  11147. position: relative;
  11148. }
  11149. .bd-website-image:hover .bd-website-shadow {
  11150. opacity: 0;
  11151. }
  11152. .bd-website-image:hover .bd-website-overlay {
  11153. opacity: 0.25;
  11154. }
  11155. .bd-website-image .b-lazy {
  11156. opacity: 0;
  11157. transition: opacity 500ms ease-out;
  11158. }
  11159. .bd-website-image .b-loaded {
  11160. opacity: 1;
  11161. }
  11162. .bd-website-shadow {
  11163. border: 1px solid rgba(0, 0, 0, 0.04);
  11164. transition: opacity 200ms ease-out;
  11165. }
  11166. .bd-website-overlay {
  11167. background-color: #0a0a0a;
  11168. opacity: 0;
  11169. transition: opacity 200ms ease-out;
  11170. }
  11171. @media screen and (max-width: 768px) {
  11172. .bd-website:not(:last-child) {
  11173. margin-bottom: 1.5rem;
  11174. }
  11175. }
  11176. @media screen and (min-width: 769px), print {
  11177. .bd-expo {
  11178. padding-bottom: 3rem;
  11179. padding-top: 3rem;
  11180. }
  11181. .bd-websites {
  11182. display: flex;
  11183. flex-wrap: wrap;
  11184. justify-content: space-between;
  11185. }
  11186. .bd-website {
  11187. margin-top: 3rem;
  11188. width: calc(50% - 3rem);
  11189. }
  11190. .bd-website:nth-child(1) {
  11191. margin-top: 0;
  11192. }
  11193. .bd-website.bd-is-highlighted {
  11194. width: 100%;
  11195. }
  11196. .bd-website-image {
  11197. margin-bottom: 3rem;
  11198. }
  11199. }
  11200. .bd-testimonials {
  11201. background-color: whitesmoke;
  11202. }
  11203. .bd-testimonial {
  11204. align-items: flex-start;
  11205. display: flex;
  11206. justify-content: center;
  11207. }
  11208. .bd-testimonial-tweet {
  11209. background-color: white;
  11210. }
  11211. .bd-more-loves {
  11212. align-items: center;
  11213. display: flex;
  11214. justify-content: center;
  11215. margin-top: 1.5rem;
  11216. text-align: center;
  11217. }
  11218. .bd-more-loves .button {
  11219. height: auto;
  11220. padding: 0.75em 1.5em;
  11221. }
  11222. .bd-more-loves .button span {
  11223. -webkit-transform-origin: center center;
  11224. transform-origin: center center;
  11225. transition: -webkit-transform 86ms ease-out;
  11226. transition: transform 86ms ease-out;
  11227. transition: transform 86ms ease-out, -webkit-transform 86ms ease-out;
  11228. }
  11229. .bd-more-loves .button:hover span {
  11230. -webkit-transform: scale(1.04);
  11231. transform: scale(1.04);
  11232. }
  11233. @media screen and (max-width: 768px) {
  11234. .bd-testimonials {
  11235. padding: 1.5rem;
  11236. }
  11237. .bd-testimonial {
  11238. margin-bottom: 1.5rem;
  11239. }
  11240. }
  11241. @media screen and (min-width: 769px), print {
  11242. .bd-testimonials {
  11243. padding: 3rem;
  11244. }
  11245. .bd-testimonial + .bd-testimonial {
  11246. margin-top: 1.5rem;
  11247. }
  11248. }
  11249. @media screen and (min-width: 1088px) {
  11250. .bd-testimonials {
  11251. min-height: 595px;
  11252. }
  11253. }
  11254. @media screen and (min-width: 1280px) {
  11255. .bd-testimonials {
  11256. min-height: 653px;
  11257. }
  11258. }
  11259. @media screen and (min-width: 1472px) {
  11260. .bd-testimonials {
  11261. min-height: 632px;
  11262. }
  11263. }
  11264. .bd-rainbow {
  11265. -webkit-animation: rainbow 8s ease infinite;
  11266. animation: rainbow 8s ease infinite;
  11267. background-image: linear-gradient(124deg, #ff470f, #ff3860, #b86bff, #3273dc);
  11268. background-size: 800% 800%;
  11269. }
  11270. .hero.bd-is-love .title,
  11271. .hero.bd-is-love .subtitle {
  11272. color: white;
  11273. }
  11274. @-webkit-keyframes rainbow {
  11275. 0% {
  11276. background-position: 1% 80%;
  11277. }
  11278. 50% {
  11279. background-position: 99% 20%;
  11280. }
  11281. 100% {
  11282. background-position: 1% 80%;
  11283. }
  11284. }
  11285. @keyframes rainbow {
  11286. 0% {
  11287. background-position: 1% 80%;
  11288. }
  11289. 50% {
  11290. background-position: 99% 20%;
  11291. }
  11292. 100% {
  11293. background-position: 1% 80%;
  11294. }
  11295. }
  11296. .bd-hug {
  11297. align-items: flex-start;
  11298. display: flex;
  11299. justify-content: center;
  11300. }
  11301. @media screen and (max-width: 768px) {
  11302. .bd-hug {
  11303. margin: 1.5rem;
  11304. }
  11305. .bd-embrace {
  11306. text-align: center;
  11307. }
  11308. .bd-embrace:not(:first-child) {
  11309. margin-top: 1.5rem;
  11310. }
  11311. .bd-embrace:not(:last-child) {
  11312. margin-bottom: 1.5rem;
  11313. }
  11314. .bd-embrace-button {
  11315. margin-top: 0.75rem;
  11316. }
  11317. }
  11318. @media screen and (min-width: 769px), print {
  11319. .bd-embrace {
  11320. align-items: center;
  11321. display: flex;
  11322. justify-content: center;
  11323. }
  11324. .bd-embrace:not(:first-child) {
  11325. margin-top: 3rem;
  11326. }
  11327. .bd-embrace:not(:last-child) {
  11328. margin-bottom: 3rem;
  11329. }
  11330. .bd-embrace-button {
  11331. margin-left: 1.5rem;
  11332. }
  11333. .bd-hugs {
  11334. display: flex;
  11335. flex-wrap: wrap;
  11336. padding-bottom: 3rem;
  11337. }
  11338. .bd-hug {
  11339. margin-top: 1.5rem;
  11340. width: calc(33.3333% - 1rem);
  11341. }
  11342. .bd-hug:nth-child(1), .bd-hug:nth-child(2), .bd-hug:nth-child(3) {
  11343. margin-top: 0;
  11344. }
  11345. .bd-hug:nth-child(3n-1), .bd-hug:nth-child(3n) {
  11346. margin-left: 1.5rem;
  11347. }
  11348. }
  11349. .bd-shoutout {
  11350. background-color: whitesmoke;
  11351. padding: 2rem;
  11352. text-align: center;
  11353. }
  11354. .bd-shoutout:not(:last-child) {
  11355. margin-bottom: 3rem;
  11356. }
  11357. .bd-shoutout-text.title {
  11358. opacity: 0.8;
  11359. }
  11360. .bd-shoutout-text.subtitle {
  11361. opacity: 0.5;
  11362. }
  11363. .bd-shoutout-button {
  11364. margin-top: -0.75rem;
  11365. }
  11366. .bd-bootstrap-table {
  11367. margin: 3rem 0;
  11368. }
  11369. .bd-pros-heading {
  11370. padding: 0 2rem;
  11371. text-align: center;
  11372. }
  11373. .bd-pros-icon {
  11374. margin-bottom: 3rem;
  11375. text-align: center;
  11376. }
  11377. .bd-pros-icon svg {
  11378. height: 3rem;
  11379. width: auto;
  11380. }
  11381. .bd-pros-list {
  11382. margin: 0 auto;
  11383. max-width: 540px;
  11384. }
  11385. .bd-pro .icon {
  11386. position: relative;
  11387. top: -1px;
  11388. }
  11389. .bd-pro .title {
  11390. margin-bottom: 0.5rem;
  11391. }
  11392. .bd-pro + .pro {
  11393. margin-top: 2rem;
  11394. padding-top: 2rem;
  11395. }
  11396. .bd-pro-content p:not(:last-child) {
  11397. margin-bottom: 0.5rem;
  11398. }
  11399. .bd-pro.bd-is-bulma .icon {
  11400. color: #00d1b2;
  11401. }
  11402. .bd-pro.bd-is-bootstrap .icon {
  11403. color: #6f5499;
  11404. }
  11405. .bd-bootstrap-comparison {
  11406. margin: 0 auto;
  11407. max-width: 42rem;
  11408. }
  11409. .bd-bootstrap-comparison .table {
  11410. color: #ff3860;
  11411. }
  11412. .bd-bootstrap-comparison .table thead th,
  11413. .bd-bootstrap-comparison .table tfoot th {
  11414. font-size: 1.5rem;
  11415. text-align: center;
  11416. }
  11417. .bd-bootstrap-comparison .table thead svg,
  11418. .bd-bootstrap-comparison .table tfoot svg {
  11419. height: 1.5rem;
  11420. margin-right: 1rem;
  11421. position: relative;
  11422. top: 0.25rem;
  11423. width: auto;
  11424. }
  11425. .bd-bootstrap-comparison .table tbody th {
  11426. font-size: 1.25rem;
  11427. text-align: center;
  11428. }
  11429. .bd-bootstrap-comparison .table tbody td {
  11430. font-family: monospace;
  11431. width: 50%;
  11432. }
  11433. .bd-bootstrap-comparison .table tbody a {
  11434. color: currentColor;
  11435. }
  11436. .bd-bootstrap-comparison .table tbody a:hover {
  11437. text-decoration: underline;
  11438. }
  11439. .bd-bootstrap-comparison .table .bd-is-empty {
  11440. background-color: whitesmoke;
  11441. color: #7a7a7a;
  11442. }
  11443. .bd-bootstrap-comparison .table .bd-is-unique {
  11444. background-color: rgba(35, 209, 96, 0.25);
  11445. color: #363636;
  11446. font-weight: 700;
  11447. }
  11448. .bd-bootstrap-comparison-header {
  11449. margin-bottom: 3rem;
  11450. }
  11451. .bd-klmn {
  11452. margin-bottom: 1.5rem;
  11453. }
  11454. .bd-klmn-gaps {
  11455. align-items: center;
  11456. display: flex;
  11457. flex-wrap: wrap;
  11458. justify-content: flex-start;
  11459. margin-bottom: 1.25rem;
  11460. }
  11461. .bd-klmn-label {
  11462. margin: 0.25rem auto 0.25rem 0;
  11463. }
  11464. .bd-klmn-gap {
  11465. background-color: whitesmoke;
  11466. border-radius: 4px;
  11467. color: #ff3860;
  11468. font-family: monospace;
  11469. font-size: 0.75rem;
  11470. margin: 0.25rem 0 0.25rem 0.5rem;
  11471. padding: 0.375em 0.75em;
  11472. text-align: center;
  11473. vertical-align: middle !important;
  11474. white-space: nowrap;
  11475. }
  11476. .bd-klmn-gap.bd-is-selected {
  11477. background-color: #23d160;
  11478. color: white;
  11479. }
  11480. .bd-klmn-columns:last-child .bd-notification {
  11481. font-size: 0.75rem;
  11482. white-space: nowrap;
  11483. }
  11484. .bd-side-sponsors {
  11485. margin-top: 3rem;
  11486. text-align: center;
  11487. }
  11488. .bd-side-sponsor-label,
  11489. .bd-banner-label {
  11490. color: #b5b5b5;
  11491. font-size: 0.75rem;
  11492. margin-bottom: 0.75rem;
  11493. }
  11494. .bd-side-sponsor {
  11495. display: inline-block;
  11496. height: 50px;
  11497. vertical-align: top;
  11498. }
  11499. .bd-side-sponsor img {
  11500. display: block;
  11501. max-height: 100%;
  11502. }
  11503. .bd-banner {
  11504. border-radius: 6px;
  11505. display: block;
  11506. margin-top: 3rem;
  11507. padding-bottom: 1.5rem;
  11508. position: relative;
  11509. text-align: center;
  11510. transition-duration: 86ms;
  11511. transition-property: border-color, color;
  11512. }
  11513. .bd-banner strong {
  11514. color: currentColor;
  11515. }
  11516. .bd-banner .tag {
  11517. margin-bottom: 0.25em;
  11518. }
  11519. .bd-banner.is-patreon {
  11520. background-color: #052d49;
  11521. color: white;
  11522. }
  11523. .bd-banner .button {
  11524. -webkit-transform-origin: center;
  11525. transform-origin: center;
  11526. transition-duration: 86ms;
  11527. transition-property: -webkit-transform;
  11528. transition-property: transform;
  11529. transition-property: transform, -webkit-transform;
  11530. }
  11531. .bd-banner:hover {
  11532. border-color: #3273dc;
  11533. color: #3273dc;
  11534. }
  11535. .bd-banner:hover .bd-banner-title {
  11536. color: currentColor;
  11537. }
  11538. .bd-banner:hover .button {
  11539. -webkit-transform: scale(1.05);
  11540. transform: scale(1.05);
  11541. }
  11542. .bd-banner-background {
  11543. bottom: 0;
  11544. left: 0;
  11545. position: absolute;
  11546. right: 0;
  11547. top: 0;
  11548. background-image: url("/images/fortyfour-background.jpg");
  11549. background-position: center center;
  11550. background-size: cover;
  11551. opacity: 0.5;
  11552. }
  11553. .bd-banner-title {
  11554. color: #363636;
  11555. font-size: 1.25em;
  11556. font-weight: 600;
  11557. line-height: 1.25;
  11558. margin-bottom: 0.25em;
  11559. }
  11560. .bd-banner-text {
  11561. display: none;
  11562. font-size: 0.875em;
  11563. line-height: 1.25;
  11564. margin-bottom: 0.5rem;
  11565. position: relative;
  11566. }
  11567. .bd-banner-image {
  11568. height: 176px;
  11569. margin-bottom: 1rem;
  11570. margin-top: 1rem;
  11571. }
  11572. .bd-banner-image img {
  11573. display: inline-block;
  11574. vertical-align: top;
  11575. }
  11576. .bd-banner-button {
  11577. display: inline-block;
  11578. flex-shrink: 0;
  11579. height: 34px;
  11580. position: relative;
  11581. width: 145px;
  11582. }
  11583. .bd-banner-button img {
  11584. max-height: 100%;
  11585. }
  11586. .hero.bd-is-patreon {
  11587. background-color: #f96854;
  11588. }
  11589. .bd-sponsors {
  11590. align-items: center;
  11591. display: flex;
  11592. }
  11593. .bd-sponsors a {
  11594. align-items: center;
  11595. display: flex;
  11596. justify-content: center;
  11597. margin-right: 3rem;
  11598. width: 150px;
  11599. }
  11600. .bd-partner-sponsors {
  11601. align-items: center;
  11602. display: flex;
  11603. flex-wrap: wrap;
  11604. justify-content: space-between;
  11605. }
  11606. .bd-partner-sponsor {
  11607. align-items: center;
  11608. display: flex;
  11609. justify-content: center;
  11610. margin-right: 1rem;
  11611. min-height: 120px;
  11612. }
  11613. .bd-partners {
  11614. background-color: #fafafa;
  11615. }
  11616. .bd-partners #carbonads .carbon-text {
  11617. padding-bottom: 0;
  11618. }
  11619. .bd-partners #carbonads .carbon-poweredby {
  11620. display: none;
  11621. }
  11622. .bd-partner-title {
  11623. color: #b5b5b5;
  11624. font-size: 0.875rem;
  11625. margin-bottom: 1rem;
  11626. }
  11627. @media screen and (min-width: 769px), print {
  11628. .bd-partners-list {
  11629. align-items: flex-start;
  11630. display: flex;
  11631. margin-left: auto;
  11632. margin-right: auto;
  11633. }
  11634. .bd-partner.bd-is-sponsor {
  11635. flex-grow: 1;
  11636. flex-shrink: 1;
  11637. }
  11638. .bd-partner.bd-is-carbon {
  11639. flex-grow: 0;
  11640. flex-shrink: 0;
  11641. margin-left: 1rem;
  11642. width: 300px;
  11643. }
  11644. }
  11645. @media screen and (min-width: 1280px) {
  11646. .bd-partner.bd-is-carbon {
  11647. margin-left: 3rem;
  11648. }
  11649. }
  11650. @-webkit-keyframes fadeIn {
  11651. from {
  11652. opacity: 0;
  11653. }
  11654. to {
  11655. opacity: 1;
  11656. }
  11657. }
  11658. @keyframes fadeIn {
  11659. from {
  11660. opacity: 0;
  11661. }
  11662. to {
  11663. opacity: 1;
  11664. }
  11665. }
  11666. @-webkit-keyframes zoomIn {
  11667. from {
  11668. -webkit-transform: scale(0.8);
  11669. transform: scale(0.8);
  11670. }
  11671. to {
  11672. -webkit-transform: scale(1);
  11673. transform: scale(1);
  11674. }
  11675. }
  11676. @keyframes zoomIn {
  11677. from {
  11678. -webkit-transform: scale(0.8);
  11679. transform: scale(0.8);
  11680. }
  11681. to {
  11682. -webkit-transform: scale(1);
  11683. transform: scale(1);
  11684. }
  11685. }
  11686. .bd-book-banner {
  11687. background-color: #fafafa;
  11688. position: relative;
  11689. }
  11690. .bd-book-pattern,
  11691. .bd-book-modal-column.bd-is-cover {
  11692. background-image: url("/images/hab/lightpaperfibers_@2X.png");
  11693. background-repeat: repeat;
  11694. background-size: 250px 150px;
  11695. }
  11696. .bd-book-pattern::before,
  11697. .bd-book-modal-column.bd-is-cover::before {
  11698. bottom: 0;
  11699. left: 0;
  11700. position: absolute;
  11701. right: 0;
  11702. top: 0;
  11703. background-color: rgba(255, 237, 215, 0.1);
  11704. content: "";
  11705. display: block;
  11706. }
  11707. .bd-book-pattern {
  11708. bottom: 0;
  11709. left: 0;
  11710. position: absolute;
  11711. right: 0;
  11712. top: 0;
  11713. }
  11714. .bd-book-header {
  11715. position: relative;
  11716. }
  11717. .bd-book-cover {
  11718. padding-top: 0.75rem;
  11719. position: relative;
  11720. text-align: center;
  11721. }
  11722. .bd-book-cover a {
  11723. display: inline-block;
  11724. vertical-align: top;
  11725. }
  11726. .bd-book-cover img {
  11727. display: block;
  11728. }
  11729. .bd-book-content {
  11730. box-shadow: 0 3rem 3rem -1rem rgba(10, 10, 10, 0.2);
  11731. max-width: 520px;
  11732. padding: 3rem;
  11733. }
  11734. .bd-book-description {
  11735. max-width: 340px;
  11736. }
  11737. .bd-book-tags {
  11738. margin-bottom: 1.5rem;
  11739. }
  11740. .bd-book-tags .tags .tag {
  11741. margin-right: 1px;
  11742. }
  11743. .bd-book-buttons .button {
  11744. height: auto;
  11745. padding-bottom: calc(1em - 1px);
  11746. padding-top: calc(0.5em - 1px);
  11747. }
  11748. .bd-book-buttons .button > span {
  11749. font-size: 0.875em;
  11750. }
  11751. .bd-book-buttons .button > span > em {
  11752. display: block;
  11753. font-size: 0.5em;
  11754. font-style: normal;
  11755. line-height: 1em;
  11756. margin-bottom: 0.5em;
  11757. opacity: 0.5;
  11758. }
  11759. .bd-book-buttons .button img {
  11760. display: block;
  11761. max-height: 24px;
  11762. }
  11763. .bd-book-buttons .button.bd-is-bleeding {
  11764. background-color: #ABF47C;
  11765. border-color: transparent;
  11766. }
  11767. .bd-book-buttons .button.bd-is-bleeding:hover {
  11768. background-color: #9cf264;
  11769. }
  11770. .bd-book-buttons .button.bd-is-amazon {
  11771. background-color: #ffd863;
  11772. border-color: transparent;
  11773. }
  11774. .bd-book-buttons .button.bd-is-amazon:hover {
  11775. background-color: #ffd24a;
  11776. }
  11777. .bd-book-buttons .button.bd-is-amazon img {
  11778. margin-bottom: -11px;
  11779. }
  11780. .bd-book-columns {
  11781. align-items: center;
  11782. display: flex;
  11783. justify-content: center;
  11784. margin-left: auto;
  11785. margin-right: auto;
  11786. max-width: 1080px;
  11787. }
  11788. .bd-book-modal-background {
  11789. bottom: 0;
  11790. left: 0;
  11791. position: absolute;
  11792. right: 0;
  11793. top: 0;
  11794. background-color: rgba(10, 10, 10, 0.86);
  11795. }
  11796. .bd-book-modal .bd-book-modal-background,
  11797. .bd-book-modal .modal-content {
  11798. -webkit-animation-duration: 250ms;
  11799. animation-duration: 250ms;
  11800. animation-easing-function: ease-out;
  11801. -webkit-animation-fill-mode: both;
  11802. animation-fill-mode: both;
  11803. }
  11804. .bd-book-modal .bd-book-modal-background {
  11805. -webkit-animation-name: fadeIn;
  11806. animation-name: fadeIn;
  11807. }
  11808. .bd-book-modal .modal-content {
  11809. -webkit-animation-name: zoomIn;
  11810. animation-name: zoomIn;
  11811. -webkit-transform-origin: center;
  11812. transform-origin: center;
  11813. }
  11814. .bd-book-modal-cover {
  11815. padding: 2rem;
  11816. position: relative;
  11817. }
  11818. .bd-book-modal-columns {
  11819. align-items: stretch;
  11820. display: flex;
  11821. justify-content: center;
  11822. }
  11823. @media screen and (max-width: 768px) {
  11824. .bd-book-columns {
  11825. flex-direction: column;
  11826. }
  11827. .bd-book-buttons .button {
  11828. width: 100%;
  11829. }
  11830. .bd-book-buttons .button:not(:last-child) {
  11831. margin-right: 0;
  11832. margin-bottom: 1rem;
  11833. }
  11834. .bd-book-modal .bd-book-content {
  11835. padding: 2rem;
  11836. }
  11837. .bd-book-modal-column.bd-is-cover {
  11838. display: none;
  11839. }
  11840. }
  11841. @media screen and (min-width: 769px), print {
  11842. .bd-book-columns {
  11843. justify-content: space-around;
  11844. }
  11845. .bd-book-header .tag {
  11846. position: absolute;
  11847. right: calc(100% + 1.25rem);
  11848. top: 0.5rem;
  11849. }
  11850. .bd-book-buttons .button {
  11851. width: calc(50% - 0.5rem);
  11852. }
  11853. .bd-book-modal .modal-content {
  11854. width: 960px;
  11855. }
  11856. .bd-book-inline-cover {
  11857. display: none;
  11858. }
  11859. .bd-book-modal-column {
  11860. background-color: white;
  11861. position: relative;
  11862. }
  11863. .bd-book-modal-column.bd-is-cover {
  11864. align-items: center;
  11865. display: flex;
  11866. justify-content: center;
  11867. padding: 2rem;
  11868. }
  11869. .bd-book-modal-column.bd-is-content .bd-book-content {
  11870. box-shadow: none;
  11871. }
  11872. }
  11873. .native-js {
  11874. display: none;
  11875. font-size: 1rem;
  11876. opacity: 0;
  11877. position: relative;
  11878. visibility: hidden;
  11879. }
  11880. .native-js::before {
  11881. bottom: 0;
  11882. left: 0;
  11883. position: absolute;
  11884. right: 0;
  11885. top: 0;
  11886. background-color: #000;
  11887. bottom: 0;
  11888. content: "";
  11889. display: block;
  11890. left: 0;
  11891. opacity: 0.02;
  11892. pointer-events: none;
  11893. right: 0;
  11894. top: 0;
  11895. }
  11896. .native-show {
  11897. display: block;
  11898. opacity: 1;
  11899. visibility: visible;
  11900. }
  11901. .native-flex {
  11902. align-items: center;
  11903. display: flex;
  11904. justify-content: center;
  11905. padding: 2em;
  11906. position: relative;
  11907. text-decoration: none;
  11908. }
  11909. .native-flex:hover .native-cta {
  11910. box-shadow: 0 1rem 2rem 0 rgba(10, 10, 10, 0.1);
  11911. -webkit-transform: translateY(-0.25rem);
  11912. transform: translateY(-0.25rem);
  11913. }
  11914. .native-img {
  11915. border-radius: 3px;
  11916. flex-grow: 0;
  11917. flex-shrink: 0;
  11918. height: 50px;
  11919. width: 125px;
  11920. }
  11921. .native-details {
  11922. flex-grow: 1;
  11923. flex-shrink: 1;
  11924. }
  11925. .native-main {
  11926. align-items: center;
  11927. flex-grow: 0;
  11928. flex-shrink: 1;
  11929. max-width: 640px;
  11930. }
  11931. .native-company {
  11932. display: block;
  11933. font-size: 0.625em;
  11934. letter-spacing: 2px;
  11935. margin-bottom: 4px;
  11936. text-transform: uppercase;
  11937. }
  11938. .native-desc {
  11939. display: block;
  11940. }
  11941. .native-cta {
  11942. border: none;
  11943. box-shadow: 0 0.5rem 1rem 0 rgba(10, 10, 10, 0.2);
  11944. flex-grow: 0;
  11945. flex-shrink: 0;
  11946. font-weight: 600;
  11947. height: auto;
  11948. padding: 0.5em 1em;
  11949. transition-duration: 172ms;
  11950. transition-property: box-shadow, -webkit-transform;
  11951. transition-property: box-shadow, transform;
  11952. transition-property: box-shadow, transform, -webkit-transform;
  11953. will-change: box-shadow, transform;
  11954. }
  11955. @media screen and (max-width: 599px) {
  11956. .native-flex {
  11957. display: block;
  11958. text-align: center;
  11959. }
  11960. .native-main {
  11961. margin-bottom: 2em;
  11962. }
  11963. .native-details {
  11964. margin: 1em;
  11965. }
  11966. }
  11967. @media screen and (min-width: 600px) {
  11968. .native-flex {
  11969. display: flex;
  11970. padding: 4em;
  11971. text-align: left;
  11972. }
  11973. .native-main {
  11974. display: flex;
  11975. margin-right: 2em;
  11976. }
  11977. .native-details {
  11978. margin-left: 2em;
  11979. }
  11980. }
  11981. @media screen and (min-width: 1280px) {
  11982. .native-js {
  11983. font-size: 1.25rem;
  11984. }
  11985. }
  11986. @-webkit-keyframes bdGrow {
  11987. from {
  11988. -webkit-transform: scale(0);
  11989. transform: scale(0);
  11990. }
  11991. to {
  11992. -webkit-transform: scale(1);
  11993. transform: scale(1);
  11994. }
  11995. }
  11996. @keyframes bdGrow {
  11997. from {
  11998. -webkit-transform: scale(0);
  11999. transform: scale(0);
  12000. }
  12001. to {
  12002. -webkit-transform: scale(1);
  12003. transform: scale(1);
  12004. }
  12005. }
  12006. @-webkit-keyframes bdSlideDown {
  12007. from {
  12008. opacity: 0;
  12009. -webkit-transform: translateY(-1rem);
  12010. transform: translateY(-1rem);
  12011. }
  12012. to {
  12013. opacity: 1;
  12014. -webkit-transform: translateY(0);
  12015. transform: translateY(0);
  12016. }
  12017. }
  12018. @keyframes bdSlideDown {
  12019. from {
  12020. opacity: 0;
  12021. -webkit-transform: translateY(-1rem);
  12022. transform: translateY(-1rem);
  12023. }
  12024. to {
  12025. opacity: 1;
  12026. -webkit-transform: translateY(0);
  12027. transform: translateY(0);
  12028. }
  12029. }
  12030. @-webkit-keyframes bdSlideUp {
  12031. from {
  12032. opacity: 0;
  12033. -webkit-transform: translateY(1rem);
  12034. transform: translateY(1rem);
  12035. }
  12036. to {
  12037. opacity: 1;
  12038. -webkit-transform: translateY(0);
  12039. transform: translateY(0);
  12040. }
  12041. }
  12042. @keyframes bdSlideUp {
  12043. from {
  12044. opacity: 0;
  12045. -webkit-transform: translateY(1rem);
  12046. transform: translateY(1rem);
  12047. }
  12048. to {
  12049. opacity: 1;
  12050. -webkit-transform: translateY(0);
  12051. transform: translateY(0);
  12052. }
  12053. }
  12054. .intro-title, .intro-ghbtns,
  12055. .intro-author, .intro-npm, .intro-buttons .button, .bd-focus-item .title, .bd-focus-item .subtitle, .bd-focus-mobile, .bd-focus-tablet, .bd-focus-desktop, .bd-focus-cube-1, .bd-focus-cube-2, .bd-focus-cube-3, .bd-focus-css3, .bd-focus-github {
  12056. -webkit-animation-duration: 500ms;
  12057. animation-duration: 500ms;
  12058. -webkit-animation-fill-mode: both;
  12059. animation-fill-mode: both;
  12060. -webkit-animation-timing-function: cubic-bezier(0.14, 0.71, 0.29, 0.86);
  12061. animation-timing-function: cubic-bezier(0.14, 0.71, 0.29, 0.86);
  12062. -webkit-transform-origin: center center;
  12063. transform-origin: center center;
  12064. }
  12065. .intro-title {
  12066. -webkit-animation-name: bdSlideDown;
  12067. animation-name: bdSlideDown;
  12068. }
  12069. .intro-ghbtns,
  12070. .intro-author {
  12071. -webkit-animation-delay: 1s;
  12072. animation-delay: 1s;
  12073. -webkit-animation-duration: 1000ms;
  12074. animation-duration: 1000ms;
  12075. -webkit-animation-name: bdFadeIn;
  12076. animation-name: bdFadeIn;
  12077. }
  12078. .intro-npm {
  12079. -webkit-animation-delay: 250ms;
  12080. animation-delay: 250ms;
  12081. -webkit-animation-name: bdSlowIn;
  12082. animation-name: bdSlowIn;
  12083. }
  12084. .intro-buttons .button {
  12085. -webkit-animation-name: bdSlowIn;
  12086. animation-name: bdSlowIn;
  12087. }
  12088. .intro-buttons .button:first-child {
  12089. -webkit-animation-delay: 500ms;
  12090. animation-delay: 500ms;
  12091. }
  12092. .intro-buttons .button:last-child {
  12093. -webkit-animation-delay: 750ms;
  12094. animation-delay: 750ms;
  12095. }
  12096. .bd-focus-item .title {
  12097. -webkit-animation-name: bdSlideDown;
  12098. animation-name: bdSlideDown;
  12099. }
  12100. .bd-focus-item .subtitle {
  12101. -webkit-animation-name: bdSlideUp;
  12102. animation-name: bdSlideUp;
  12103. }
  12104. .bd-focus-item:nth-child(1) .title {
  12105. -webkit-animation-delay: 1s;
  12106. animation-delay: 1s;
  12107. }
  12108. .bd-focus-item:nth-child(1) .subtitle {
  12109. -webkit-animation-delay: 1.125s;
  12110. animation-delay: 1.125s;
  12111. }
  12112. .bd-focus-item:nth-child(2) .title {
  12113. -webkit-animation-delay: 1.5s;
  12114. animation-delay: 1.5s;
  12115. }
  12116. .bd-focus-item:nth-child(2) .subtitle {
  12117. -webkit-animation-delay: 1.625s;
  12118. animation-delay: 1.625s;
  12119. }
  12120. .bd-focus-item:nth-child(3) .title {
  12121. -webkit-animation-delay: 2s;
  12122. animation-delay: 2s;
  12123. }
  12124. .bd-focus-item:nth-child(3) .subtitle {
  12125. -webkit-animation-delay: 2.125s;
  12126. animation-delay: 2.125s;
  12127. }
  12128. .bd-focus-item:nth-child(4) .title {
  12129. -webkit-animation-delay: 2.5s;
  12130. animation-delay: 2.5s;
  12131. }
  12132. .bd-focus-item:nth-child(4) .subtitle {
  12133. -webkit-animation-delay: 2.625s;
  12134. animation-delay: 2.625s;
  12135. }
  12136. .bd-focus-mobile, .bd-focus-tablet, .bd-focus-desktop {
  12137. -webkit-animation-name: bdGrow;
  12138. animation-name: bdGrow;
  12139. -webkit-transform-origin: bottom center;
  12140. transform-origin: bottom center;
  12141. }
  12142. .bd-focus-mobile {
  12143. -webkit-animation-delay: 1s;
  12144. animation-delay: 1s;
  12145. }
  12146. .bd-focus-tablet {
  12147. -webkit-animation-delay: 1.25s;
  12148. animation-delay: 1.25s;
  12149. }
  12150. .bd-focus-desktop {
  12151. -webkit-animation-delay: 1.5s;
  12152. animation-delay: 1.5s;
  12153. }
  12154. @-webkit-keyframes bdCube1 {
  12155. 0% {
  12156. -webkit-transform: translate3d(0, -50px, 0);
  12157. transform: translate3d(0, -50px, 0);
  12158. opacity: 0;
  12159. }
  12160. 25%, 100% {
  12161. -webkit-transform: translate3d(0, 0, 0);
  12162. transform: translate3d(0, 0, 0);
  12163. opacity: 1;
  12164. }
  12165. }
  12166. @keyframes bdCube1 {
  12167. 0% {
  12168. -webkit-transform: translate3d(0, -50px, 0);
  12169. transform: translate3d(0, -50px, 0);
  12170. opacity: 0;
  12171. }
  12172. 25%, 100% {
  12173. -webkit-transform: translate3d(0, 0, 0);
  12174. transform: translate3d(0, 0, 0);
  12175. opacity: 1;
  12176. }
  12177. }
  12178. @-webkit-keyframes bdCube2 {
  12179. 0% {
  12180. -webkit-transform: translate3d(-40px, 30px, 0);
  12181. transform: translate3d(-40px, 30px, 0);
  12182. opacity: 0;
  12183. }
  12184. 25%, 100% {
  12185. -webkit-transform: translate3d(0, 0, 0);
  12186. transform: translate3d(0, 0, 0);
  12187. opacity: 1;
  12188. }
  12189. }
  12190. @keyframes bdCube2 {
  12191. 0% {
  12192. -webkit-transform: translate3d(-40px, 30px, 0);
  12193. transform: translate3d(-40px, 30px, 0);
  12194. opacity: 0;
  12195. }
  12196. 25%, 100% {
  12197. -webkit-transform: translate3d(0, 0, 0);
  12198. transform: translate3d(0, 0, 0);
  12199. opacity: 1;
  12200. }
  12201. }
  12202. @-webkit-keyframes bdCube3 {
  12203. 0% {
  12204. -webkit-transform: translate3d(40px, 30px, 0);
  12205. transform: translate3d(40px, 30px, 0);
  12206. opacity: 0;
  12207. }
  12208. 25%, 100% {
  12209. -webkit-transform: translate3d(0, 0, 0);
  12210. transform: translate3d(0, 0, 0);
  12211. opacity: 1;
  12212. }
  12213. }
  12214. @keyframes bdCube3 {
  12215. 0% {
  12216. -webkit-transform: translate3d(40px, 30px, 0);
  12217. transform: translate3d(40px, 30px, 0);
  12218. opacity: 0;
  12219. }
  12220. 25%, 100% {
  12221. -webkit-transform: translate3d(0, 0, 0);
  12222. transform: translate3d(0, 0, 0);
  12223. opacity: 1;
  12224. }
  12225. }
  12226. .bd-focus-cube-1, .bd-focus-cube-2, .bd-focus-cube-3 {
  12227. -webkit-animation-direction: alternate;
  12228. animation-direction: alternate;
  12229. -webkit-animation-duration: 2000ms;
  12230. animation-duration: 2000ms;
  12231. -webkit-animation-iteration-count: infinite;
  12232. animation-iteration-count: infinite;
  12233. }
  12234. .bd-focus-cube-1 {
  12235. -webkit-animation-delay: 1.5s;
  12236. animation-delay: 1.5s;
  12237. -webkit-animation-name: bdCube1;
  12238. animation-name: bdCube1;
  12239. }
  12240. .bd-focus-cube-2 {
  12241. -webkit-animation-name: bdCube2;
  12242. animation-name: bdCube2;
  12243. -webkit-animation-delay: 1.75s;
  12244. animation-delay: 1.75s;
  12245. }
  12246. .bd-focus-cube-3 {
  12247. -webkit-animation-name: bdCube3;
  12248. animation-name: bdCube3;
  12249. -webkit-animation-delay: 2s;
  12250. animation-delay: 2s;
  12251. }
  12252. @-webkit-keyframes bdFadeIn {
  12253. from {
  12254. opacity: 0;
  12255. }
  12256. to {
  12257. opacity: 1;
  12258. }
  12259. }
  12260. @keyframes bdFadeIn {
  12261. from {
  12262. opacity: 0;
  12263. }
  12264. to {
  12265. opacity: 1;
  12266. }
  12267. }
  12268. @-webkit-keyframes bdSlowIn {
  12269. from {
  12270. opacity: 0;
  12271. -webkit-transform: scale(0.9);
  12272. transform: scale(0.9);
  12273. }
  12274. to {
  12275. opacity: 1;
  12276. -webkit-transform: scale(1);
  12277. transform: scale(1);
  12278. }
  12279. }
  12280. @keyframes bdSlowIn {
  12281. from {
  12282. opacity: 0;
  12283. -webkit-transform: scale(0.9);
  12284. transform: scale(0.9);
  12285. }
  12286. to {
  12287. opacity: 1;
  12288. -webkit-transform: scale(1);
  12289. transform: scale(1);
  12290. }
  12291. }
  12292. @-webkit-keyframes bdScaleIn {
  12293. from {
  12294. opacity: 0;
  12295. -webkit-transform: scale(0);
  12296. transform: scale(0);
  12297. }
  12298. to {
  12299. opacity: 1;
  12300. -webkit-transform: scale(1);
  12301. transform: scale(1);
  12302. }
  12303. }
  12304. @keyframes bdScaleIn {
  12305. from {
  12306. opacity: 0;
  12307. -webkit-transform: scale(0);
  12308. transform: scale(0);
  12309. }
  12310. to {
  12311. opacity: 1;
  12312. -webkit-transform: scale(1);
  12313. transform: scale(1);
  12314. }
  12315. }
  12316. .bd-focus-css3 {
  12317. -webkit-animation-delay: 2s;
  12318. animation-delay: 2s;
  12319. -webkit-animation-name: bdScaleIn;
  12320. animation-name: bdScaleIn;
  12321. }
  12322. .bd-focus-github {
  12323. -webkit-animation-delay: 2.5s;
  12324. animation-delay: 2.5s;
  12325. -webkit-animation-duration: 1500ms;
  12326. animation-duration: 1500ms;
  12327. -webkit-animation-name: bdJellyPop;
  12328. animation-name: bdJellyPop;
  12329. }
  12330. @-webkit-keyframes bdJellyPop {
  12331. 0% {
  12332. opacity: 0;
  12333. -webkit-transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12334. transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12335. }
  12336. 3.4% {
  12337. opacity: 1;
  12338. -webkit-transform: matrix3d(0.384, 0, 0, 0, 0, 0.466, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12339. transform: matrix3d(0.384, 0, 0, 0, 0, 0.466, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12340. }
  12341. 4.7% {
  12342. -webkit-transform: matrix3d(0.505, 0, 0, 0, 0, 0.639, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12343. transform: matrix3d(0.505, 0, 0, 0, 0, 0.639, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12344. }
  12345. 6.81% {
  12346. -webkit-transform: matrix3d(0.693, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12347. transform: matrix3d(0.693, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12348. }
  12349. 9.41% {
  12350. -webkit-transform: matrix3d(0.895, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12351. transform: matrix3d(0.895, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12352. }
  12353. 10.21% {
  12354. -webkit-transform: matrix3d(0.947, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12355. transform: matrix3d(0.947, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12356. }
  12357. 13.61% {
  12358. -webkit-transform: matrix3d(1.111, 0, 0, 0, 0, 1.299, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12359. transform: matrix3d(1.111, 0, 0, 0, 0, 1.299, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12360. }
  12361. 14.11% {
  12362. -webkit-transform: matrix3d(1.127, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12363. transform: matrix3d(1.127, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12364. }
  12365. 17.52% {
  12366. -webkit-transform: matrix3d(1.187, 0, 0, 0, 0, 1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12367. transform: matrix3d(1.187, 0, 0, 0, 0, 1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12368. }
  12369. 18.72% {
  12370. -webkit-transform: matrix3d(1.191, 0, 0, 0, 0, 1.169, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12371. transform: matrix3d(1.191, 0, 0, 0, 0, 1.169, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12372. }
  12373. 21.32% {
  12374. -webkit-transform: matrix3d(1.177, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12375. transform: matrix3d(1.177, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12376. }
  12377. 24.32% {
  12378. -webkit-transform: matrix3d(1.135, 0, 0, 0, 0, 0.964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12379. transform: matrix3d(1.135, 0, 0, 0, 0, 0.964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12380. }
  12381. 25.23% {
  12382. -webkit-transform: matrix3d(1.121, 0, 0, 0, 0, 0.944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12383. transform: matrix3d(1.121, 0, 0, 0, 0, 0.944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12384. }
  12385. 29.03% {
  12386. -webkit-transform: matrix3d(1.057, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12387. transform: matrix3d(1.057, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12388. }
  12389. 29.93% {
  12390. -webkit-transform: matrix3d(1.043, 0, 0, 0, 0, 0.909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12391. transform: matrix3d(1.043, 0, 0, 0, 0, 0.909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12392. }
  12393. 35.54% {
  12394. -webkit-transform: matrix3d(0.981, 0, 0, 0, 0, 0.966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12395. transform: matrix3d(0.981, 0, 0, 0, 0, 0.966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12396. }
  12397. 36.74% {
  12398. -webkit-transform: matrix3d(0.974, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12399. transform: matrix3d(0.974, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12400. }
  12401. 41.04% {
  12402. -webkit-transform: matrix3d(0.965, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12403. transform: matrix3d(0.965, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12404. }
  12405. 44.44% {
  12406. -webkit-transform: matrix3d(0.969, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12407. transform: matrix3d(0.969, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12408. }
  12409. 52.15% {
  12410. -webkit-transform: matrix3d(0.992, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12411. transform: matrix3d(0.992, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12412. }
  12413. 59.86% {
  12414. -webkit-transform: matrix3d(1.005, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12415. transform: matrix3d(1.005, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12416. }
  12417. 63.26% {
  12418. -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12419. transform: matrix3d(1.007, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12420. }
  12421. 75.28% {
  12422. -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12423. transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12424. }
  12425. 85.49% {
  12426. -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12427. transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12428. }
  12429. 90.69% {
  12430. -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12431. transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12432. }
  12433. 100% {
  12434. opacity: 1;
  12435. -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12436. transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12437. }
  12438. }
  12439. @keyframes bdJellyPop {
  12440. 0% {
  12441. opacity: 0;
  12442. -webkit-transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12443. transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12444. }
  12445. 3.4% {
  12446. opacity: 1;
  12447. -webkit-transform: matrix3d(0.384, 0, 0, 0, 0, 0.466, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12448. transform: matrix3d(0.384, 0, 0, 0, 0, 0.466, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12449. }
  12450. 4.7% {
  12451. -webkit-transform: matrix3d(0.505, 0, 0, 0, 0, 0.639, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12452. transform: matrix3d(0.505, 0, 0, 0, 0, 0.639, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12453. }
  12454. 6.81% {
  12455. -webkit-transform: matrix3d(0.693, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12456. transform: matrix3d(0.693, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12457. }
  12458. 9.41% {
  12459. -webkit-transform: matrix3d(0.895, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12460. transform: matrix3d(0.895, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12461. }
  12462. 10.21% {
  12463. -webkit-transform: matrix3d(0.947, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12464. transform: matrix3d(0.947, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12465. }
  12466. 13.61% {
  12467. -webkit-transform: matrix3d(1.111, 0, 0, 0, 0, 1.299, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12468. transform: matrix3d(1.111, 0, 0, 0, 0, 1.299, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12469. }
  12470. 14.11% {
  12471. -webkit-transform: matrix3d(1.127, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12472. transform: matrix3d(1.127, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12473. }
  12474. 17.52% {
  12475. -webkit-transform: matrix3d(1.187, 0, 0, 0, 0, 1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12476. transform: matrix3d(1.187, 0, 0, 0, 0, 1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12477. }
  12478. 18.72% {
  12479. -webkit-transform: matrix3d(1.191, 0, 0, 0, 0, 1.169, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12480. transform: matrix3d(1.191, 0, 0, 0, 0, 1.169, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12481. }
  12482. 21.32% {
  12483. -webkit-transform: matrix3d(1.177, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12484. transform: matrix3d(1.177, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12485. }
  12486. 24.32% {
  12487. -webkit-transform: matrix3d(1.135, 0, 0, 0, 0, 0.964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12488. transform: matrix3d(1.135, 0, 0, 0, 0, 0.964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12489. }
  12490. 25.23% {
  12491. -webkit-transform: matrix3d(1.121, 0, 0, 0, 0, 0.944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12492. transform: matrix3d(1.121, 0, 0, 0, 0, 0.944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12493. }
  12494. 29.03% {
  12495. -webkit-transform: matrix3d(1.057, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12496. transform: matrix3d(1.057, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12497. }
  12498. 29.93% {
  12499. -webkit-transform: matrix3d(1.043, 0, 0, 0, 0, 0.909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12500. transform: matrix3d(1.043, 0, 0, 0, 0, 0.909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12501. }
  12502. 35.54% {
  12503. -webkit-transform: matrix3d(0.981, 0, 0, 0, 0, 0.966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12504. transform: matrix3d(0.981, 0, 0, 0, 0, 0.966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12505. }
  12506. 36.74% {
  12507. -webkit-transform: matrix3d(0.974, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12508. transform: matrix3d(0.974, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12509. }
  12510. 41.04% {
  12511. -webkit-transform: matrix3d(0.965, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12512. transform: matrix3d(0.965, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12513. }
  12514. 44.44% {
  12515. -webkit-transform: matrix3d(0.969, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12516. transform: matrix3d(0.969, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12517. }
  12518. 52.15% {
  12519. -webkit-transform: matrix3d(0.992, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12520. transform: matrix3d(0.992, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12521. }
  12522. 59.86% {
  12523. -webkit-transform: matrix3d(1.005, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12524. transform: matrix3d(1.005, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12525. }
  12526. 63.26% {
  12527. -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12528. transform: matrix3d(1.007, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12529. }
  12530. 75.28% {
  12531. -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12532. transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12533. }
  12534. 85.49% {
  12535. -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12536. transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12537. }
  12538. 90.69% {
  12539. -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12540. transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12541. }
  12542. 100% {
  12543. opacity: 1;
  12544. -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12545. transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  12546. }
  12547. }
  12548. /*# sourceMappingURL=bulma-docs.css.map */