bulma-docs.css 275 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741874287438744874587468747874887498750875187528753875487558756875787588759876087618762876387648765876687678768876987708771877287738774877587768777877887798780878187828783878487858786878787888789879087918792879387948795879687978798879988008801880288038804880588068807880888098810881188128813881488158816881788188819882088218822882388248825882688278828882988308831883288338834883588368837883888398840884188428843884488458846884788488849885088518852885388548855885688578858885988608861886288638864886588668867886888698870887188728873887488758876887788788879888088818882888388848885888688878888888988908891889288938894889588968897889888998900890189028903890489058906890789088909891089118912891389148915891689178918891989208921892289238924892589268927892889298930893189328933893489358936893789388939894089418942894389448945894689478948894989508951895289538954895589568957895889598960896189628963896489658966896789688969897089718972897389748975897689778978897989808981898289838984898589868987898889898990899189928993899489958996899789988999900090019002900390049005900690079008900990109011901290139014901590169017901890199020902190229023902490259026902790289029903090319032903390349035903690379038903990409041904290439044904590469047904890499050905190529053905490559056905790589059906090619062906390649065906690679068906990709071907290739074907590769077907890799080908190829083908490859086908790889089909090919092909390949095909690979098909991009101910291039104910591069107910891099110911191129113911491159116911791189119912091219122912391249125912691279128912991309131913291339134913591369137913891399140914191429143914491459146914791489149915091519152915391549155915691579158915991609161916291639164916591669167916891699170917191729173917491759176917791789179918091819182918391849185918691879188918991909191919291939194919591969197919891999200920192029203920492059206920792089209921092119212921392149215921692179218921992209221922292239224922592269227922892299230923192329233923492359236923792389239924092419242924392449245924692479248924992509251925292539254925592569257925892599260926192629263926492659266926792689269927092719272927392749275927692779278927992809281928292839284928592869287928892899290929192929293929492959296929792989299930093019302930393049305930693079308930993109311931293139314931593169317931893199320932193229323932493259326932793289329933093319332933393349335933693379338933993409341934293439344934593469347934893499350935193529353935493559356935793589359936093619362936393649365936693679368936993709371937293739374937593769377937893799380938193829383938493859386938793889389939093919392939393949395939693979398939994009401940294039404940594069407940894099410941194129413941494159416941794189419942094219422942394249425942694279428942994309431943294339434943594369437943894399440944194429443944494459446944794489449945094519452945394549455945694579458945994609461946294639464946594669467946894699470947194729473947494759476947794789479948094819482948394849485948694879488948994909491949294939494949594969497949894999500950195029503950495059506950795089509951095119512951395149515951695179518951995209521952295239524952595269527952895299530953195329533953495359536953795389539954095419542954395449545954695479548954995509551955295539554955595569557955895599560956195629563956495659566956795689569957095719572957395749575957695779578957995809581958295839584958595869587958895899590959195929593959495959596959795989599960096019602960396049605960696079608960996109611961296139614961596169617961896199620962196229623962496259626962796289629963096319632963396349635963696379638963996409641964296439644964596469647964896499650965196529653965496559656965796589659966096619662966396649665966696679668966996709671967296739674967596769677967896799680968196829683968496859686968796889689969096919692969396949695969696979698969997009701970297039704970597069707970897099710971197129713971497159716971797189719972097219722972397249725972697279728972997309731973297339734973597369737973897399740974197429743974497459746974797489749975097519752975397549755975697579758975997609761976297639764976597669767976897699770977197729773977497759776977797789779978097819782978397849785978697879788978997909791979297939794979597969797979897999800980198029803980498059806980798089809981098119812981398149815981698179818981998209821982298239824982598269827982898299830983198329833983498359836983798389839984098419842984398449845984698479848984998509851985298539854985598569857985898599860986198629863986498659866986798689869987098719872987398749875987698779878987998809881988298839884988598869887988898899890989198929893989498959896989798989899990099019902990399049905990699079908990999109911991299139914991599169917991899199920992199229923992499259926992799289929993099319932993399349935993699379938993999409941994299439944994599469947994899499950995199529953995499559956995799589959996099619962996399649965996699679968996999709971997299739974997599769977997899799980998199829983998499859986998799889989999099919992999399949995999699979998999910000100011000210003100041000510006100071000810009100101001110012100131001410015100161001710018100191002010021100221002310024100251002610027100281002910030100311003210033100341003510036100371003810039100401004110042100431004410045100461004710048100491005010051100521005310054100551005610057100581005910060100611006210063100641006510066100671006810069100701007110072100731007410075100761007710078100791008010081100821008310084100851008610087100881008910090100911009210093100941009510096100971009810099101001010110102101031010410105101061010710108101091011010111101121011310114101151011610117101181011910120101211012210123101241012510126101271012810129101301013110132101331013410135101361013710138101391014010141101421014310144101451014610147101481014910150101511015210153101541015510156101571015810159101601016110162101631016410165101661016710168101691017010171101721017310174101751017610177101781017910180101811018210183101841018510186101871018810189101901019110192101931019410195101961019710198101991020010201102021020310204102051020610207102081020910210102111021210213102141021510216102171021810219102201022110222102231022410225102261022710228102291023010231102321023310234102351023610237102381023910240102411024210243102441024510246102471024810249102501025110252102531025410255102561025710258102591026010261102621026310264102651026610267102681026910270102711027210273102741027510276102771027810279102801028110282102831028410285102861028710288102891029010291102921029310294102951029610297102981029910300103011030210303103041030510306103071030810309103101031110312103131031410315103161031710318103191032010321103221032310324103251032610327103281032910330103311033210333103341033510336103371033810339103401034110342103431034410345103461034710348103491035010351103521035310354103551035610357103581035910360103611036210363103641036510366103671036810369103701037110372103731037410375103761037710378103791038010381103821038310384103851038610387103881038910390103911039210393103941039510396103971039810399104001040110402104031040410405104061040710408104091041010411104121041310414104151041610417104181041910420104211042210423104241042510426104271042810429104301043110432104331043410435104361043710438104391044010441104421044310444104451044610447104481044910450104511045210453104541045510456104571045810459104601046110462104631046410465104661046710468104691047010471104721047310474104751047610477104781047910480104811048210483104841048510486104871048810489104901049110492104931049410495104961049710498104991050010501105021050310504105051050610507105081050910510105111051210513105141051510516105171051810519105201052110522105231052410525105261052710528105291053010531105321053310534105351053610537105381053910540105411054210543105441054510546105471054810549105501055110552105531055410555105561055710558105591056010561105621056310564105651056610567105681056910570105711057210573105741057510576105771057810579105801058110582105831058410585105861058710588105891059010591105921059310594105951059610597105981059910600106011060210603106041060510606106071060810609106101061110612106131061410615106161061710618106191062010621106221062310624106251062610627106281062910630106311063210633106341063510636106371063810639106401064110642106431064410645106461064710648106491065010651106521065310654106551065610657106581065910660106611066210663106641066510666106671066810669106701067110672106731067410675106761067710678106791068010681106821068310684106851068610687106881068910690106911069210693106941069510696106971069810699107001070110702107031070410705107061070710708107091071010711107121071310714107151071610717107181071910720107211072210723107241072510726107271072810729107301073110732107331073410735107361073710738107391074010741107421074310744107451074610747107481074910750107511075210753107541075510756107571075810759107601076110762107631076410765107661076710768107691077010771107721077310774107751077610777107781077910780107811078210783107841078510786107871078810789107901079110792107931079410795107961079710798107991080010801108021080310804108051080610807108081080910810108111081210813108141081510816108171081810819108201082110822108231082410825108261082710828108291083010831108321083310834108351083610837108381083910840108411084210843108441084510846108471084810849108501085110852108531085410855108561085710858108591086010861108621086310864108651086610867108681086910870108711087210873108741087510876108771087810879108801088110882108831088410885108861088710888108891089010891108921089310894108951089610897108981089910900109011090210903109041090510906109071090810909109101091110912109131091410915109161091710918109191092010921109221092310924109251092610927109281092910930109311093210933109341093510936109371093810939109401094110942109431094410945109461094710948109491095010951109521095310954109551095610957109581095910960109611096210963109641096510966109671096810969109701097110972109731097410975109761097710978109791098010981109821098310984109851098610987109881098910990109911099210993109941099510996109971099810999110001100111002110031100411005110061100711008110091101011011110121101311014110151101611017110181101911020110211102211023110241102511026110271102811029110301103111032110331103411035110361103711038110391104011041110421104311044110451104611047110481104911050110511105211053110541105511056110571105811059110601106111062110631106411065110661106711068110691107011071110721107311074110751107611077110781107911080110811108211083110841108511086110871108811089110901109111092110931109411095110961109711098110991110011101111021110311104111051110611107111081110911110111111111211113111141111511116111171111811119111201112111122111231112411125111261112711128111291113011131111321113311134111351113611137111381113911140111411114211143111441114511146111471114811149111501115111152111531115411155111561115711158111591116011161111621116311164111651116611167111681116911170111711117211173111741117511176111771117811179111801118111182111831118411185111861118711188111891119011191111921119311194111951119611197111981119911200112011120211203112041120511206112071120811209112101121111212112131121411215112161121711218112191122011221112221122311224112251122611227112281122911230112311123211233112341123511236112371123811239112401124111242112431124411245112461124711248112491125011251112521125311254112551125611257112581125911260112611126211263112641126511266112671126811269112701127111272112731127411275112761127711278112791128011281112821128311284112851128611287112881128911290112911129211293112941129511296112971129811299113001130111302113031130411305113061130711308113091131011311113121131311314113151131611317113181131911320113211132211323113241132511326113271132811329113301133111332113331133411335113361133711338113391134011341113421134311344113451134611347113481134911350113511135211353113541135511356113571135811359113601136111362113631136411365113661136711368113691137011371113721137311374113751137611377113781137911380113811138211383113841138511386113871138811389113901139111392113931139411395113961139711398113991140011401114021140311404114051140611407114081140911410114111141211413114141141511416114171141811419114201142111422114231142411425114261142711428114291143011431114321143311434114351143611437114381143911440114411144211443114441144511446114471144811449114501145111452114531145411455114561145711458114591146011461114621146311464114651146611467114681146911470114711147211473114741147511476114771147811479114801148111482114831148411485114861148711488114891149011491114921149311494114951149611497114981149911500115011150211503115041150511506115071150811509115101151111512115131151411515115161151711518115191152011521115221152311524115251152611527115281152911530115311153211533115341153511536115371153811539115401154111542115431154411545115461154711548115491155011551115521155311554115551155611557115581155911560115611156211563115641156511566115671156811569115701157111572115731157411575115761157711578115791158011581115821158311584115851158611587115881158911590115911159211593115941159511596115971159811599116001160111602116031160411605116061160711608116091161011611116121161311614116151161611617116181161911620116211162211623116241162511626116271162811629116301163111632116331163411635116361163711638116391164011641116421164311644116451164611647116481164911650116511165211653116541165511656116571165811659116601166111662116631166411665116661166711668116691167011671116721167311674116751167611677116781167911680116811168211683116841168511686116871168811689116901169111692116931169411695116961169711698116991170011701117021170311704117051170611707117081170911710117111171211713117141171511716117171171811719117201172111722117231172411725117261172711728117291173011731117321173311734117351173611737117381173911740117411174211743117441174511746117471174811749117501175111752117531175411755117561175711758117591176011761117621176311764117651176611767117681176911770117711177211773117741177511776117771177811779117801178111782117831178411785117861178711788117891179011791117921179311794117951179611797117981179911800118011180211803118041180511806118071180811809118101181111812118131181411815118161181711818118191182011821118221182311824118251182611827118281182911830118311183211833118341183511836118371183811839118401184111842118431184411845118461184711848118491185011851118521185311854118551185611857118581185911860118611186211863118641186511866118671186811869118701187111872118731187411875118761187711878118791188011881118821188311884118851188611887118881188911890118911189211893118941189511896118971189811899119001190111902119031190411905119061190711908119091191011911119121191311914119151191611917119181191911920119211192211923119241192511926119271192811929119301193111932119331193411935119361193711938119391194011941119421194311944119451194611947119481194911950119511195211953119541195511956119571195811959119601196111962119631196411965119661196711968119691197011971119721197311974119751197611977119781197911980119811198211983119841198511986119871198811989119901199111992119931199411995119961199711998119991200012001120021200312004120051200612007120081200912010120111201212013120141201512016120171201812019120201202112022120231202412025120261202712028120291203012031120321203312034120351203612037120381203912040120411204212043120441204512046120471204812049120501205112052120531205412055120561205712058120591206012061120621206312064120651206612067120681206912070120711207212073120741207512076120771207812079120801208112082120831208412085120861208712088120891209012091120921209312094120951209612097120981209912100121011210212103121041210512106121071210812109121101211112112121131211412115121161211712118121191212012121121221212312124121251212612127121281212912130121311213212133121341213512136121371213812139121401214112142121431214412145121461214712148121491215012151121521215312154121551215612157121581215912160121611216212163121641216512166121671216812169121701217112172121731217412175121761217712178121791218012181121821218312184121851218612187121881218912190121911219212193121941219512196121971219812199122001220112202122031220412205122061220712208122091221012211122121221312214122151221612217122181221912220122211222212223122241222512226122271222812229122301223112232122331223412235122361223712238122391224012241122421224312244122451224612247122481224912250122511225212253122541225512256122571225812259122601226112262122631226412265122661226712268122691227012271122721227312274122751227612277122781227912280122811228212283122841228512286122871228812289122901229112292122931229412295122961229712298122991230012301123021230312304123051230612307123081230912310123111231212313123141231512316123171231812319123201232112322123231232412325123261232712328123291233012331123321233312334123351233612337123381233912340123411234212343123441234512346123471234812349123501235112352123531235412355123561235712358123591236012361123621236312364123651236612367123681236912370123711237212373123741237512376123771237812379123801238112382123831238412385123861238712388123891239012391123921239312394123951239612397123981239912400124011240212403124041240512406124071240812409124101241112412124131241412415124161241712418124191242012421124221242312424124251242612427124281242912430124311243212433124341243512436124371243812439124401244112442124431244412445124461244712448124491245012451124521245312454124551245612457124581245912460124611246212463124641246512466124671246812469124701247112472124731247412475124761247712478124791248012481124821248312484124851248612487124881248912490124911249212493124941249512496124971249812499125001250112502125031250412505125061250712508125091251012511125121251312514125151251612517125181251912520125211252212523125241252512526125271252812529125301253112532125331253412535125361253712538125391254012541125421254312544125451254612547125481254912550125511255212553125541255512556125571255812559125601256112562125631256412565125661256712568125691257012571125721257312574125751257612577125781257912580125811258212583125841258512586125871258812589125901259112592125931259412595125961259712598125991260012601126021260312604126051260612607126081260912610126111261212613126141261512616126171261812619126201262112622126231262412625126261262712628126291263012631126321263312634126351263612637126381263912640126411264212643126441264512646126471264812649126501265112652126531265412655126561265712658126591266012661126621266312664126651266612667126681266912670126711267212673126741267512676126771267812679126801268112682126831268412685126861268712688126891269012691126921269312694126951269612697126981269912700127011270212703127041270512706127071270812709127101271112712127131271412715127161271712718127191272012721127221272312724127251272612727127281272912730127311273212733127341273512736127371273812739127401274112742127431274412745127461274712748127491275012751127521275312754127551275612757127581275912760127611276212763127641276512766127671276812769127701277112772127731277412775127761277712778127791278012781127821278312784127851278612787127881278912790127911279212793127941279512796127971279812799128001280112802128031280412805128061280712808128091281012811128121281312814128151281612817128181281912820128211282212823128241282512826128271282812829128301283112832128331283412835128361283712838128391284012841128421284312844128451284612847128481284912850128511285212853128541285512856128571285812859128601286112862128631286412865128661286712868128691287012871128721287312874128751287612877128781287912880128811288212883128841288512886128871288812889128901289112892128931289412895128961289712898128991290012901129021290312904129051290612907129081290912910129111291212913129141291512916129171291812919129201292112922129231292412925129261292712928129291293012931129321293312934129351293612937129381293912940129411294212943129441294512946129471294812949129501295112952129531295412955129561295712958129591296012961129621296312964129651296612967129681296912970129711297212973129741297512976129771297812979129801298112982129831298412985129861298712988129891299012991129921299312994129951299612997129981299913000130011300213003130041300513006130071300813009130101301113012130131301413015130161301713018130191302013021130221302313024130251302613027130281302913030130311303213033130341303513036130371303813039130401304113042130431304413045130461304713048130491305013051130521305313054130551305613057130581305913060130611306213063130641306513066130671306813069130701307113072130731307413075130761307713078130791308013081130821308313084130851308613087130881308913090130911309213093130941309513096130971309813099131001310113102131031310413105131061310713108131091311013111131121311313114131151311613117131181311913120131211312213123131241312513126131271312813129131301313113132131331313413135131361313713138131391314013141131421314313144131451314613147131481314913150131511315213153131541315513156131571315813159131601316113162131631316413165131661316713168131691317013171131721317313174131751317613177131781317913180131811318213183131841318513186131871318813189131901319113192131931319413195131961319713198131991320013201132021320313204132051320613207132081320913210132111321213213132141321513216132171321813219132201322113222132231322413225132261322713228132291323013231132321323313234132351323613237132381323913240132411324213243132441324513246132471324813249132501325113252132531325413255132561325713258132591326013261132621326313264132651326613267132681326913270132711327213273132741327513276132771327813279132801328113282132831328413285132861328713288132891329013291132921329313294132951329613297132981329913300133011330213303133041330513306133071330813309133101331113312133131331413315133161331713318133191332013321133221332313324133251332613327133281332913330133311333213333133341333513336133371333813339133401334113342133431334413345133461334713348133491335013351133521335313354133551335613357133581335913360133611336213363133641336513366133671336813369133701337113372133731337413375133761337713378133791338013381133821338313384133851338613387133881338913390133911339213393133941339513396133971339813399134001340113402134031340413405134061340713408134091341013411134121341313414134151341613417134181341913420134211342213423134241342513426134271342813429134301343113432134331343413435134361343713438134391344013441134421344313444134451344613447134481344913450134511345213453134541345513456134571345813459134601346113462134631346413465134661346713468134691347013471134721347313474134751347613477134781347913480134811348213483134841348513486134871348813489134901349113492134931349413495134961349713498134991350013501135021350313504135051350613507135081350913510135111351213513135141351513516135171351813519135201352113522135231352413525135261352713528135291353013531135321353313534135351353613537135381353913540135411354213543135441354513546135471354813549135501355113552135531355413555135561355713558135591356013561135621356313564135651356613567135681356913570135711357213573135741357513576135771357813579135801358113582135831358413585135861358713588135891359013591135921359313594135951359613597135981359913600136011360213603136041360513606136071360813609136101361113612136131361413615136161361713618136191362013621136221362313624136251362613627136281362913630136311363213633136341363513636136371363813639136401364113642136431364413645136461364713648136491365013651136521365313654136551365613657136581365913660136611366213663136641366513666136671366813669136701367113672136731367413675136761367713678136791368013681136821368313684136851368613687136881368913690136911369213693136941369513696136971369813699137001370113702137031370413705137061370713708137091371013711137121371313714137151371613717137181371913720137211372213723137241372513726137271372813729137301373113732137331373413735137361373713738137391374013741137421374313744137451374613747137481374913750137511375213753137541375513756137571375813759137601376113762137631376413765137661376713768137691377013771137721377313774
  1. @charset "UTF-8";
  2. /*! bulma.io v0.6.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. /*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
  24. html,
  25. body,
  26. p,
  27. ol,
  28. ul,
  29. li,
  30. dl,
  31. dt,
  32. dd,
  33. blockquote,
  34. figure,
  35. fieldset,
  36. legend,
  37. textarea,
  38. pre,
  39. iframe,
  40. hr,
  41. h1,
  42. h2,
  43. h3,
  44. h4,
  45. h5,
  46. h6 {
  47. margin: 0;
  48. padding: 0;
  49. }
  50. h1,
  51. h2,
  52. h3,
  53. h4,
  54. h5,
  55. h6 {
  56. font-size: 100%;
  57. font-weight: normal;
  58. }
  59. ul {
  60. list-style: none;
  61. }
  62. button,
  63. input,
  64. select,
  65. textarea {
  66. margin: 0;
  67. }
  68. html {
  69. -webkit-box-sizing: border-box;
  70. box-sizing: border-box;
  71. }
  72. * {
  73. -webkit-box-sizing: inherit;
  74. box-sizing: inherit;
  75. }
  76. *:before, *:after {
  77. -webkit-box-sizing: inherit;
  78. box-sizing: inherit;
  79. }
  80. img,
  81. embed,
  82. object,
  83. audio,
  84. video {
  85. max-width: 100%;
  86. }
  87. iframe {
  88. border: 0;
  89. }
  90. table {
  91. border-collapse: collapse;
  92. border-spacing: 0;
  93. }
  94. td,
  95. th {
  96. padding: 0;
  97. text-align: left;
  98. }
  99. html {
  100. background-color: white;
  101. font-size: 16px;
  102. -moz-osx-font-smoothing: grayscale;
  103. -webkit-font-smoothing: antialiased;
  104. min-width: 300px;
  105. overflow-x: hidden;
  106. overflow-y: scroll;
  107. text-rendering: optimizeLegibility;
  108. -webkit-text-size-adjust: 100%;
  109. -moz-text-size-adjust: 100%;
  110. -ms-text-size-adjust: 100%;
  111. text-size-adjust: 100%;
  112. }
  113. article,
  114. aside,
  115. figure,
  116. footer,
  117. header,
  118. hgroup,
  119. section {
  120. display: block;
  121. }
  122. body,
  123. button,
  124. input,
  125. select,
  126. textarea {
  127. font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  128. }
  129. code,
  130. pre {
  131. -moz-osx-font-smoothing: auto;
  132. -webkit-font-smoothing: auto;
  133. font-family: monospace;
  134. }
  135. body {
  136. color: #4a4a4a;
  137. font-size: 1rem;
  138. font-weight: 400;
  139. line-height: 1.5;
  140. }
  141. a {
  142. color: #3273dc;
  143. cursor: pointer;
  144. text-decoration: none;
  145. }
  146. a strong {
  147. color: currentColor;
  148. }
  149. a:hover {
  150. color: #363636;
  151. }
  152. code {
  153. background-color: whitesmoke;
  154. color: #ff3860;
  155. font-size: 0.875em;
  156. font-weight: normal;
  157. padding: 0.25em 0.5em 0.25em;
  158. }
  159. hr {
  160. background-color: #dbdbdb;
  161. border: none;
  162. display: block;
  163. height: 1px;
  164. margin: 1.5rem 0;
  165. }
  166. img {
  167. height: auto;
  168. max-width: 100%;
  169. }
  170. input[type="checkbox"],
  171. input[type="radio"] {
  172. vertical-align: baseline;
  173. }
  174. small {
  175. font-size: 0.875em;
  176. }
  177. span {
  178. font-style: inherit;
  179. font-weight: inherit;
  180. }
  181. strong {
  182. color: #363636;
  183. font-weight: 700;
  184. }
  185. pre {
  186. -webkit-overflow-scrolling: touch;
  187. background-color: whitesmoke;
  188. color: #4a4a4a;
  189. font-size: 0.875em;
  190. overflow-x: auto;
  191. padding: 1.25rem 1.5rem;
  192. white-space: pre;
  193. word-wrap: normal;
  194. }
  195. pre code {
  196. background-color: transparent;
  197. color: currentColor;
  198. font-size: 1em;
  199. padding: 0;
  200. }
  201. table td,
  202. table th {
  203. text-align: left;
  204. vertical-align: top;
  205. }
  206. table th {
  207. color: #363636;
  208. }
  209. .is-clearfix:after {
  210. clear: both;
  211. content: " ";
  212. display: table;
  213. }
  214. .is-pulled-left {
  215. float: left !important;
  216. }
  217. .is-pulled-right {
  218. float: right !important;
  219. }
  220. .is-clipped {
  221. overflow: hidden !important;
  222. }
  223. .is-overlay {
  224. bottom: 0;
  225. left: 0;
  226. position: absolute;
  227. right: 0;
  228. top: 0;
  229. }
  230. .is-size-1 {
  231. font-size: 3rem !important;
  232. }
  233. .is-size-2 {
  234. font-size: 2.5rem !important;
  235. }
  236. .is-size-3 {
  237. font-size: 2rem !important;
  238. }
  239. .is-size-4 {
  240. font-size: 1.5rem !important;
  241. }
  242. .is-size-5 {
  243. font-size: 1.25rem !important;
  244. }
  245. .is-size-6 {
  246. font-size: 1rem !important;
  247. }
  248. .is-size-7 {
  249. font-size: 0.75rem !important;
  250. }
  251. @media screen and (max-width: 768px) {
  252. .is-size-1-mobile {
  253. font-size: 3rem !important;
  254. }
  255. .is-size-2-mobile {
  256. font-size: 2.5rem !important;
  257. }
  258. .is-size-3-mobile {
  259. font-size: 2rem !important;
  260. }
  261. .is-size-4-mobile {
  262. font-size: 1.5rem !important;
  263. }
  264. .is-size-5-mobile {
  265. font-size: 1.25rem !important;
  266. }
  267. .is-size-6-mobile {
  268. font-size: 1rem !important;
  269. }
  270. .is-size-7-mobile {
  271. font-size: 0.75rem !important;
  272. }
  273. }
  274. @media screen and (min-width: 769px), print {
  275. .is-size-1-tablet {
  276. font-size: 3rem !important;
  277. }
  278. .is-size-2-tablet {
  279. font-size: 2.5rem !important;
  280. }
  281. .is-size-3-tablet {
  282. font-size: 2rem !important;
  283. }
  284. .is-size-4-tablet {
  285. font-size: 1.5rem !important;
  286. }
  287. .is-size-5-tablet {
  288. font-size: 1.25rem !important;
  289. }
  290. .is-size-6-tablet {
  291. font-size: 1rem !important;
  292. }
  293. .is-size-7-tablet {
  294. font-size: 0.75rem !important;
  295. }
  296. }
  297. @media screen and (max-width: 1023px) {
  298. .is-size-1-touch {
  299. font-size: 3rem !important;
  300. }
  301. .is-size-2-touch {
  302. font-size: 2.5rem !important;
  303. }
  304. .is-size-3-touch {
  305. font-size: 2rem !important;
  306. }
  307. .is-size-4-touch {
  308. font-size: 1.5rem !important;
  309. }
  310. .is-size-5-touch {
  311. font-size: 1.25rem !important;
  312. }
  313. .is-size-6-touch {
  314. font-size: 1rem !important;
  315. }
  316. .is-size-7-touch {
  317. font-size: 0.75rem !important;
  318. }
  319. }
  320. @media screen and (min-width: 1024px) {
  321. .is-size-1-desktop {
  322. font-size: 3rem !important;
  323. }
  324. .is-size-2-desktop {
  325. font-size: 2.5rem !important;
  326. }
  327. .is-size-3-desktop {
  328. font-size: 2rem !important;
  329. }
  330. .is-size-4-desktop {
  331. font-size: 1.5rem !important;
  332. }
  333. .is-size-5-desktop {
  334. font-size: 1.25rem !important;
  335. }
  336. .is-size-6-desktop {
  337. font-size: 1rem !important;
  338. }
  339. .is-size-7-desktop {
  340. font-size: 0.75rem !important;
  341. }
  342. }
  343. @media screen and (min-width: 1216px) {
  344. .is-size-1-widescreen {
  345. font-size: 3rem !important;
  346. }
  347. .is-size-2-widescreen {
  348. font-size: 2.5rem !important;
  349. }
  350. .is-size-3-widescreen {
  351. font-size: 2rem !important;
  352. }
  353. .is-size-4-widescreen {
  354. font-size: 1.5rem !important;
  355. }
  356. .is-size-5-widescreen {
  357. font-size: 1.25rem !important;
  358. }
  359. .is-size-6-widescreen {
  360. font-size: 1rem !important;
  361. }
  362. .is-size-7-widescreen {
  363. font-size: 0.75rem !important;
  364. }
  365. }
  366. @media screen and (min-width: 1408px) {
  367. .is-size-1-fullhd {
  368. font-size: 3rem !important;
  369. }
  370. .is-size-2-fullhd {
  371. font-size: 2.5rem !important;
  372. }
  373. .is-size-3-fullhd {
  374. font-size: 2rem !important;
  375. }
  376. .is-size-4-fullhd {
  377. font-size: 1.5rem !important;
  378. }
  379. .is-size-5-fullhd {
  380. font-size: 1.25rem !important;
  381. }
  382. .is-size-6-fullhd {
  383. font-size: 1rem !important;
  384. }
  385. .is-size-7-fullhd {
  386. font-size: 0.75rem !important;
  387. }
  388. }
  389. .has-text-centered {
  390. text-align: center !important;
  391. }
  392. @media screen and (max-width: 768px) {
  393. .has-text-centered-mobile {
  394. text-align: center !important;
  395. }
  396. }
  397. @media screen and (min-width: 769px), print {
  398. .has-text-centered-tablet {
  399. text-align: center !important;
  400. }
  401. }
  402. @media screen and (min-width: 769px) and (max-width: 1023px) {
  403. .has-text-centered-tablet-only {
  404. text-align: center !important;
  405. }
  406. }
  407. @media screen and (max-width: 1023px) {
  408. .has-text-centered-touch {
  409. text-align: center !important;
  410. }
  411. }
  412. @media screen and (min-width: 1024px) {
  413. .has-text-centered-desktop {
  414. text-align: center !important;
  415. }
  416. }
  417. @media screen and (min-width: 1024px) and (max-width: 1215px) {
  418. .has-text-centered-desktop-only {
  419. text-align: center !important;
  420. }
  421. }
  422. @media screen and (min-width: 1216px) {
  423. .has-text-centered-widescreen {
  424. text-align: center !important;
  425. }
  426. }
  427. @media screen and (min-width: 1216px) and (max-width: 1407px) {
  428. .has-text-centered-widescreen-only {
  429. text-align: center !important;
  430. }
  431. }
  432. @media screen and (min-width: 1408px) {
  433. .has-text-centered-fullhd {
  434. text-align: center !important;
  435. }
  436. }
  437. .has-text-justified {
  438. text-align: justify !important;
  439. }
  440. @media screen and (max-width: 768px) {
  441. .has-text-justified-mobile {
  442. text-align: justify !important;
  443. }
  444. }
  445. @media screen and (min-width: 769px), print {
  446. .has-text-justified-tablet {
  447. text-align: justify !important;
  448. }
  449. }
  450. @media screen and (min-width: 769px) and (max-width: 1023px) {
  451. .has-text-justified-tablet-only {
  452. text-align: justify !important;
  453. }
  454. }
  455. @media screen and (max-width: 1023px) {
  456. .has-text-justified-touch {
  457. text-align: justify !important;
  458. }
  459. }
  460. @media screen and (min-width: 1024px) {
  461. .has-text-justified-desktop {
  462. text-align: justify !important;
  463. }
  464. }
  465. @media screen and (min-width: 1024px) and (max-width: 1215px) {
  466. .has-text-justified-desktop-only {
  467. text-align: justify !important;
  468. }
  469. }
  470. @media screen and (min-width: 1216px) {
  471. .has-text-justified-widescreen {
  472. text-align: justify !important;
  473. }
  474. }
  475. @media screen and (min-width: 1216px) and (max-width: 1407px) {
  476. .has-text-justified-widescreen-only {
  477. text-align: justify !important;
  478. }
  479. }
  480. @media screen and (min-width: 1408px) {
  481. .has-text-justified-fullhd {
  482. text-align: justify !important;
  483. }
  484. }
  485. .has-text-left {
  486. text-align: left !important;
  487. }
  488. @media screen and (max-width: 768px) {
  489. .has-text-left-mobile {
  490. text-align: left !important;
  491. }
  492. }
  493. @media screen and (min-width: 769px), print {
  494. .has-text-left-tablet {
  495. text-align: left !important;
  496. }
  497. }
  498. @media screen and (min-width: 769px) and (max-width: 1023px) {
  499. .has-text-left-tablet-only {
  500. text-align: left !important;
  501. }
  502. }
  503. @media screen and (max-width: 1023px) {
  504. .has-text-left-touch {
  505. text-align: left !important;
  506. }
  507. }
  508. @media screen and (min-width: 1024px) {
  509. .has-text-left-desktop {
  510. text-align: left !important;
  511. }
  512. }
  513. @media screen and (min-width: 1024px) and (max-width: 1215px) {
  514. .has-text-left-desktop-only {
  515. text-align: left !important;
  516. }
  517. }
  518. @media screen and (min-width: 1216px) {
  519. .has-text-left-widescreen {
  520. text-align: left !important;
  521. }
  522. }
  523. @media screen and (min-width: 1216px) and (max-width: 1407px) {
  524. .has-text-left-widescreen-only {
  525. text-align: left !important;
  526. }
  527. }
  528. @media screen and (min-width: 1408px) {
  529. .has-text-left-fullhd {
  530. text-align: left !important;
  531. }
  532. }
  533. .has-text-right {
  534. text-align: right !important;
  535. }
  536. @media screen and (max-width: 768px) {
  537. .has-text-right-mobile {
  538. text-align: right !important;
  539. }
  540. }
  541. @media screen and (min-width: 769px), print {
  542. .has-text-right-tablet {
  543. text-align: right !important;
  544. }
  545. }
  546. @media screen and (min-width: 769px) and (max-width: 1023px) {
  547. .has-text-right-tablet-only {
  548. text-align: right !important;
  549. }
  550. }
  551. @media screen and (max-width: 1023px) {
  552. .has-text-right-touch {
  553. text-align: right !important;
  554. }
  555. }
  556. @media screen and (min-width: 1024px) {
  557. .has-text-right-desktop {
  558. text-align: right !important;
  559. }
  560. }
  561. @media screen and (min-width: 1024px) and (max-width: 1215px) {
  562. .has-text-right-desktop-only {
  563. text-align: right !important;
  564. }
  565. }
  566. @media screen and (min-width: 1216px) {
  567. .has-text-right-widescreen {
  568. text-align: right !important;
  569. }
  570. }
  571. @media screen and (min-width: 1216px) and (max-width: 1407px) {
  572. .has-text-right-widescreen-only {
  573. text-align: right !important;
  574. }
  575. }
  576. @media screen and (min-width: 1408px) {
  577. .has-text-right-fullhd {
  578. text-align: right !important;
  579. }
  580. }
  581. .is-capitalized {
  582. text-transform: capitalize !important;
  583. }
  584. .is-lowercase {
  585. text-transform: lowercase !important;
  586. }
  587. .is-uppercase {
  588. text-transform: uppercase !important;
  589. }
  590. .is-italic {
  591. font-style: italic !important;
  592. }
  593. .has-text-white {
  594. color: white !important;
  595. }
  596. a.has-text-white:hover, a.has-text-white:focus {
  597. color: #e6e6e6 !important;
  598. }
  599. .has-text-black {
  600. color: #0a0a0a !important;
  601. }
  602. a.has-text-black:hover, a.has-text-black:focus {
  603. color: black !important;
  604. }
  605. .has-text-light {
  606. color: whitesmoke !important;
  607. }
  608. a.has-text-light:hover, a.has-text-light:focus {
  609. color: #dbdbdb !important;
  610. }
  611. .has-text-dark {
  612. color: #363636 !important;
  613. }
  614. a.has-text-dark:hover, a.has-text-dark:focus {
  615. color: #1c1c1c !important;
  616. }
  617. .has-text-primary {
  618. color: #00d1b2 !important;
  619. }
  620. a.has-text-primary:hover, a.has-text-primary:focus {
  621. color: #009e86 !important;
  622. }
  623. .has-text-link {
  624. color: #3273dc !important;
  625. }
  626. a.has-text-link:hover, a.has-text-link:focus {
  627. color: #205bbc !important;
  628. }
  629. .has-text-info {
  630. color: #209cee !important;
  631. }
  632. a.has-text-info:hover, a.has-text-info:focus {
  633. color: #0f81cc !important;
  634. }
  635. .has-text-success {
  636. color: #23d160 !important;
  637. }
  638. a.has-text-success:hover, a.has-text-success:focus {
  639. color: #1ca64c !important;
  640. }
  641. .has-text-warning {
  642. color: #ffdd57 !important;
  643. }
  644. a.has-text-warning:hover, a.has-text-warning:focus {
  645. color: #ffd324 !important;
  646. }
  647. .has-text-danger {
  648. color: #ff3860 !important;
  649. }
  650. a.has-text-danger:hover, a.has-text-danger:focus {
  651. color: #ff0537 !important;
  652. }
  653. .has-text-black-bis {
  654. color: #121212 !important;
  655. }
  656. .has-text-black-ter {
  657. color: #242424 !important;
  658. }
  659. .has-text-grey-darker {
  660. color: #363636 !important;
  661. }
  662. .has-text-grey-dark {
  663. color: #4a4a4a !important;
  664. }
  665. .has-text-grey {
  666. color: #7a7a7a !important;
  667. }
  668. .has-text-grey-light {
  669. color: #b5b5b5 !important;
  670. }
  671. .has-text-grey-lighter {
  672. color: #dbdbdb !important;
  673. }
  674. .has-text-white-ter {
  675. color: whitesmoke !important;
  676. }
  677. .has-text-white-bis {
  678. color: #fafafa !important;
  679. }
  680. .has-text-weight-light {
  681. font-weight: 300 !important;
  682. }
  683. .has-text-weight-normal {
  684. font-weight: 400 !important;
  685. }
  686. .has-text-weight-semibold {
  687. font-weight: 600 !important;
  688. }
  689. .has-text-weight-bold {
  690. font-weight: 700 !important;
  691. }
  692. .is-block {
  693. display: block !important;
  694. }
  695. @media screen and (max-width: 768px) {
  696. .is-block-mobile {
  697. display: block !important;
  698. }
  699. }
  700. @media screen and (min-width: 769px), print {
  701. .is-block-tablet {
  702. display: block !important;
  703. }
  704. }
  705. @media screen and (min-width: 769px) and (max-width: 1023px) {
  706. .is-block-tablet-only {
  707. display: block !important;
  708. }
  709. }
  710. @media screen and (max-width: 1023px) {
  711. .is-block-touch {
  712. display: block !important;
  713. }
  714. }
  715. @media screen and (min-width: 1024px) {
  716. .is-block-desktop {
  717. display: block !important;
  718. }
  719. }
  720. @media screen and (min-width: 1024px) and (max-width: 1215px) {
  721. .is-block-desktop-only {
  722. display: block !important;
  723. }
  724. }
  725. @media screen and (min-width: 1216px) {
  726. .is-block-widescreen {
  727. display: block !important;
  728. }
  729. }
  730. @media screen and (min-width: 1216px) and (max-width: 1407px) {
  731. .is-block-widescreen-only {
  732. display: block !important;
  733. }
  734. }
  735. @media screen and (min-width: 1408px) {
  736. .is-block-fullhd {
  737. display: block !important;
  738. }
  739. }
  740. .is-flex {
  741. display: -webkit-box !important;
  742. display: -ms-flexbox !important;
  743. display: flex !important;
  744. }
  745. @media screen and (max-width: 768px) {
  746. .is-flex-mobile {
  747. display: -webkit-box !important;
  748. display: -ms-flexbox !important;
  749. display: flex !important;
  750. }
  751. }
  752. @media screen and (min-width: 769px), print {
  753. .is-flex-tablet {
  754. display: -webkit-box !important;
  755. display: -ms-flexbox !important;
  756. display: flex !important;
  757. }
  758. }
  759. @media screen and (min-width: 769px) and (max-width: 1023px) {
  760. .is-flex-tablet-only {
  761. display: -webkit-box !important;
  762. display: -ms-flexbox !important;
  763. display: flex !important;
  764. }
  765. }
  766. @media screen and (max-width: 1023px) {
  767. .is-flex-touch {
  768. display: -webkit-box !important;
  769. display: -ms-flexbox !important;
  770. display: flex !important;
  771. }
  772. }
  773. @media screen and (min-width: 1024px) {
  774. .is-flex-desktop {
  775. display: -webkit-box !important;
  776. display: -ms-flexbox !important;
  777. display: flex !important;
  778. }
  779. }
  780. @media screen and (min-width: 1024px) and (max-width: 1215px) {
  781. .is-flex-desktop-only {
  782. display: -webkit-box !important;
  783. display: -ms-flexbox !important;
  784. display: flex !important;
  785. }
  786. }
  787. @media screen and (min-width: 1216px) {
  788. .is-flex-widescreen {
  789. display: -webkit-box !important;
  790. display: -ms-flexbox !important;
  791. display: flex !important;
  792. }
  793. }
  794. @media screen and (min-width: 1216px) and (max-width: 1407px) {
  795. .is-flex-widescreen-only {
  796. display: -webkit-box !important;
  797. display: -ms-flexbox !important;
  798. display: flex !important;
  799. }
  800. }
  801. @media screen and (min-width: 1408px) {
  802. .is-flex-fullhd {
  803. display: -webkit-box !important;
  804. display: -ms-flexbox !important;
  805. display: flex !important;
  806. }
  807. }
  808. .is-inline {
  809. display: inline !important;
  810. }
  811. @media screen and (max-width: 768px) {
  812. .is-inline-mobile {
  813. display: inline !important;
  814. }
  815. }
  816. @media screen and (min-width: 769px), print {
  817. .is-inline-tablet {
  818. display: inline !important;
  819. }
  820. }
  821. @media screen and (min-width: 769px) and (max-width: 1023px) {
  822. .is-inline-tablet-only {
  823. display: inline !important;
  824. }
  825. }
  826. @media screen and (max-width: 1023px) {
  827. .is-inline-touch {
  828. display: inline !important;
  829. }
  830. }
  831. @media screen and (min-width: 1024px) {
  832. .is-inline-desktop {
  833. display: inline !important;
  834. }
  835. }
  836. @media screen and (min-width: 1024px) and (max-width: 1215px) {
  837. .is-inline-desktop-only {
  838. display: inline !important;
  839. }
  840. }
  841. @media screen and (min-width: 1216px) {
  842. .is-inline-widescreen {
  843. display: inline !important;
  844. }
  845. }
  846. @media screen and (min-width: 1216px) and (max-width: 1407px) {
  847. .is-inline-widescreen-only {
  848. display: inline !important;
  849. }
  850. }
  851. @media screen and (min-width: 1408px) {
  852. .is-inline-fullhd {
  853. display: inline !important;
  854. }
  855. }
  856. .is-inline-block {
  857. display: inline-block !important;
  858. }
  859. @media screen and (max-width: 768px) {
  860. .is-inline-block-mobile {
  861. display: inline-block !important;
  862. }
  863. }
  864. @media screen and (min-width: 769px), print {
  865. .is-inline-block-tablet {
  866. display: inline-block !important;
  867. }
  868. }
  869. @media screen and (min-width: 769px) and (max-width: 1023px) {
  870. .is-inline-block-tablet-only {
  871. display: inline-block !important;
  872. }
  873. }
  874. @media screen and (max-width: 1023px) {
  875. .is-inline-block-touch {
  876. display: inline-block !important;
  877. }
  878. }
  879. @media screen and (min-width: 1024px) {
  880. .is-inline-block-desktop {
  881. display: inline-block !important;
  882. }
  883. }
  884. @media screen and (min-width: 1024px) and (max-width: 1215px) {
  885. .is-inline-block-desktop-only {
  886. display: inline-block !important;
  887. }
  888. }
  889. @media screen and (min-width: 1216px) {
  890. .is-inline-block-widescreen {
  891. display: inline-block !important;
  892. }
  893. }
  894. @media screen and (min-width: 1216px) and (max-width: 1407px) {
  895. .is-inline-block-widescreen-only {
  896. display: inline-block !important;
  897. }
  898. }
  899. @media screen and (min-width: 1408px) {
  900. .is-inline-block-fullhd {
  901. display: inline-block !important;
  902. }
  903. }
  904. .is-inline-flex {
  905. display: -webkit-inline-box !important;
  906. display: -ms-inline-flexbox !important;
  907. display: inline-flex !important;
  908. }
  909. @media screen and (max-width: 768px) {
  910. .is-inline-flex-mobile {
  911. display: -webkit-inline-box !important;
  912. display: -ms-inline-flexbox !important;
  913. display: inline-flex !important;
  914. }
  915. }
  916. @media screen and (min-width: 769px), print {
  917. .is-inline-flex-tablet {
  918. display: -webkit-inline-box !important;
  919. display: -ms-inline-flexbox !important;
  920. display: inline-flex !important;
  921. }
  922. }
  923. @media screen and (min-width: 769px) and (max-width: 1023px) {
  924. .is-inline-flex-tablet-only {
  925. display: -webkit-inline-box !important;
  926. display: -ms-inline-flexbox !important;
  927. display: inline-flex !important;
  928. }
  929. }
  930. @media screen and (max-width: 1023px) {
  931. .is-inline-flex-touch {
  932. display: -webkit-inline-box !important;
  933. display: -ms-inline-flexbox !important;
  934. display: inline-flex !important;
  935. }
  936. }
  937. @media screen and (min-width: 1024px) {
  938. .is-inline-flex-desktop {
  939. display: -webkit-inline-box !important;
  940. display: -ms-inline-flexbox !important;
  941. display: inline-flex !important;
  942. }
  943. }
  944. @media screen and (min-width: 1024px) and (max-width: 1215px) {
  945. .is-inline-flex-desktop-only {
  946. display: -webkit-inline-box !important;
  947. display: -ms-inline-flexbox !important;
  948. display: inline-flex !important;
  949. }
  950. }
  951. @media screen and (min-width: 1216px) {
  952. .is-inline-flex-widescreen {
  953. display: -webkit-inline-box !important;
  954. display: -ms-inline-flexbox !important;
  955. display: inline-flex !important;
  956. }
  957. }
  958. @media screen and (min-width: 1216px) and (max-width: 1407px) {
  959. .is-inline-flex-widescreen-only {
  960. display: -webkit-inline-box !important;
  961. display: -ms-inline-flexbox !important;
  962. display: inline-flex !important;
  963. }
  964. }
  965. @media screen and (min-width: 1408px) {
  966. .is-inline-flex-fullhd {
  967. display: -webkit-inline-box !important;
  968. display: -ms-inline-flexbox !important;
  969. display: inline-flex !important;
  970. }
  971. }
  972. .is-hidden {
  973. display: none !important;
  974. }
  975. @media screen and (max-width: 768px) {
  976. .is-hidden-mobile {
  977. display: none !important;
  978. }
  979. }
  980. @media screen and (min-width: 769px), print {
  981. .is-hidden-tablet {
  982. display: none !important;
  983. }
  984. }
  985. @media screen and (min-width: 769px) and (max-width: 1023px) {
  986. .is-hidden-tablet-only {
  987. display: none !important;
  988. }
  989. }
  990. @media screen and (max-width: 1023px) {
  991. .is-hidden-touch {
  992. display: none !important;
  993. }
  994. }
  995. @media screen and (min-width: 1024px) {
  996. .is-hidden-desktop {
  997. display: none !important;
  998. }
  999. }
  1000. @media screen and (min-width: 1024px) and (max-width: 1215px) {
  1001. .is-hidden-desktop-only {
  1002. display: none !important;
  1003. }
  1004. }
  1005. @media screen and (min-width: 1216px) {
  1006. .is-hidden-widescreen {
  1007. display: none !important;
  1008. }
  1009. }
  1010. @media screen and (min-width: 1216px) and (max-width: 1407px) {
  1011. .is-hidden-widescreen-only {
  1012. display: none !important;
  1013. }
  1014. }
  1015. @media screen and (min-width: 1408px) {
  1016. .is-hidden-fullhd {
  1017. display: none !important;
  1018. }
  1019. }
  1020. .is-invisible {
  1021. visibility: hidden !important;
  1022. }
  1023. @media screen and (max-width: 768px) {
  1024. .is-invisible-mobile {
  1025. visibility: hidden !important;
  1026. }
  1027. }
  1028. @media screen and (min-width: 769px), print {
  1029. .is-invisible-tablet {
  1030. visibility: hidden !important;
  1031. }
  1032. }
  1033. @media screen and (min-width: 769px) and (max-width: 1023px) {
  1034. .is-invisible-tablet-only {
  1035. visibility: hidden !important;
  1036. }
  1037. }
  1038. @media screen and (max-width: 1023px) {
  1039. .is-invisible-touch {
  1040. visibility: hidden !important;
  1041. }
  1042. }
  1043. @media screen and (min-width: 1024px) {
  1044. .is-invisible-desktop {
  1045. visibility: hidden !important;
  1046. }
  1047. }
  1048. @media screen and (min-width: 1024px) and (max-width: 1215px) {
  1049. .is-invisible-desktop-only {
  1050. visibility: hidden !important;
  1051. }
  1052. }
  1053. @media screen and (min-width: 1216px) {
  1054. .is-invisible-widescreen {
  1055. visibility: hidden !important;
  1056. }
  1057. }
  1058. @media screen and (min-width: 1216px) and (max-width: 1407px) {
  1059. .is-invisible-widescreen-only {
  1060. visibility: hidden !important;
  1061. }
  1062. }
  1063. @media screen and (min-width: 1408px) {
  1064. .is-invisible-fullhd {
  1065. visibility: hidden !important;
  1066. }
  1067. }
  1068. .is-marginless {
  1069. margin: 0 !important;
  1070. }
  1071. .is-paddingless {
  1072. padding: 0 !important;
  1073. }
  1074. .is-radiusless {
  1075. border-radius: 0 !important;
  1076. }
  1077. .is-shadowless {
  1078. -webkit-box-shadow: none !important;
  1079. box-shadow: none !important;
  1080. }
  1081. .is-unselectable {
  1082. -webkit-touch-callout: none;
  1083. -webkit-user-select: none;
  1084. -moz-user-select: none;
  1085. -ms-user-select: none;
  1086. user-select: none;
  1087. }
  1088. .box {
  1089. background-color: white;
  1090. border-radius: 5px;
  1091. -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  1092. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  1093. color: #4a4a4a;
  1094. display: block;
  1095. padding: 1.25rem;
  1096. }
  1097. .box:not(:last-child) {
  1098. margin-bottom: 1.5rem;
  1099. }
  1100. a.box:hover, a.box:focus {
  1101. -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
  1102. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
  1103. }
  1104. a.box:active {
  1105. -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc;
  1106. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc;
  1107. }
  1108. .button {
  1109. -moz-appearance: none;
  1110. -webkit-appearance: none;
  1111. -webkit-box-align: center;
  1112. -ms-flex-align: center;
  1113. align-items: center;
  1114. border: 1px solid transparent;
  1115. border-radius: 3px;
  1116. -webkit-box-shadow: none;
  1117. box-shadow: none;
  1118. display: -webkit-inline-box;
  1119. display: -ms-inline-flexbox;
  1120. display: inline-flex;
  1121. font-size: 1rem;
  1122. height: 2.25em;
  1123. -webkit-box-pack: start;
  1124. -ms-flex-pack: start;
  1125. justify-content: flex-start;
  1126. line-height: 1.5;
  1127. padding-bottom: calc(0.375em - 1px);
  1128. padding-left: calc(0.625em - 1px);
  1129. padding-right: calc(0.625em - 1px);
  1130. padding-top: calc(0.375em - 1px);
  1131. position: relative;
  1132. vertical-align: top;
  1133. -webkit-touch-callout: none;
  1134. -webkit-user-select: none;
  1135. -moz-user-select: none;
  1136. -ms-user-select: none;
  1137. user-select: none;
  1138. background-color: white;
  1139. border-color: #dbdbdb;
  1140. color: #363636;
  1141. cursor: pointer;
  1142. -webkit-box-pack: center;
  1143. -ms-flex-pack: center;
  1144. justify-content: center;
  1145. padding-left: 0.75em;
  1146. padding-right: 0.75em;
  1147. text-align: center;
  1148. white-space: nowrap;
  1149. }
  1150. .button:focus, .button.is-focused, .button:active, .button.is-active {
  1151. outline: none;
  1152. }
  1153. .button[disabled] {
  1154. cursor: not-allowed;
  1155. }
  1156. .button strong {
  1157. color: inherit;
  1158. }
  1159. .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  1160. height: 1.5em;
  1161. width: 1.5em;
  1162. }
  1163. .button .icon:first-child:not(:last-child) {
  1164. margin-left: calc(-0.375em - 1px);
  1165. margin-right: 0.1875em;
  1166. }
  1167. .button .icon:last-child:not(:first-child) {
  1168. margin-left: 0.1875em;
  1169. margin-right: calc(-0.375em - 1px);
  1170. }
  1171. .button .icon:first-child:last-child {
  1172. margin-left: calc(-0.375em - 1px);
  1173. margin-right: calc(-0.375em - 1px);
  1174. }
  1175. .button:hover, .button.is-hovered {
  1176. border-color: #b5b5b5;
  1177. color: #363636;
  1178. }
  1179. .button:focus, .button.is-focused {
  1180. border-color: #3273dc;
  1181. color: #363636;
  1182. }
  1183. .button:focus:not(:active), .button.is-focused:not(:active) {
  1184. -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  1185. box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  1186. }
  1187. .button:active, .button.is-active {
  1188. border-color: #4a4a4a;
  1189. color: #363636;
  1190. }
  1191. .button.is-text {
  1192. background-color: transparent;
  1193. border-color: transparent;
  1194. color: #4a4a4a;
  1195. text-decoration: underline;
  1196. }
  1197. .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
  1198. background-color: whitesmoke;
  1199. color: #363636;
  1200. }
  1201. .button.is-text:active, .button.is-text.is-active {
  1202. background-color: #e8e8e8;
  1203. color: #363636;
  1204. }
  1205. .button.is-text[disabled] {
  1206. background-color: transparent;
  1207. border-color: transparent;
  1208. -webkit-box-shadow: none;
  1209. box-shadow: none;
  1210. }
  1211. .button.is-white {
  1212. background-color: white;
  1213. border-color: transparent;
  1214. color: #0a0a0a;
  1215. }
  1216. .button.is-white:hover, .button.is-white.is-hovered {
  1217. background-color: #f9f9f9;
  1218. border-color: transparent;
  1219. color: #0a0a0a;
  1220. }
  1221. .button.is-white:focus, .button.is-white.is-focused {
  1222. border-color: transparent;
  1223. color: #0a0a0a;
  1224. }
  1225. .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
  1226. -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
  1227. box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
  1228. }
  1229. .button.is-white:active, .button.is-white.is-active {
  1230. background-color: #f2f2f2;
  1231. border-color: transparent;
  1232. color: #0a0a0a;
  1233. }
  1234. .button.is-white[disabled] {
  1235. background-color: white;
  1236. border-color: transparent;
  1237. -webkit-box-shadow: none;
  1238. box-shadow: none;
  1239. }
  1240. .button.is-white.is-inverted {
  1241. background-color: #0a0a0a;
  1242. color: white;
  1243. }
  1244. .button.is-white.is-inverted:hover {
  1245. background-color: black;
  1246. }
  1247. .button.is-white.is-inverted[disabled] {
  1248. background-color: #0a0a0a;
  1249. border-color: transparent;
  1250. -webkit-box-shadow: none;
  1251. box-shadow: none;
  1252. color: white;
  1253. }
  1254. .button.is-white.is-loading:after {
  1255. border-color: transparent transparent #0a0a0a #0a0a0a !important;
  1256. }
  1257. .button.is-white.is-outlined {
  1258. background-color: transparent;
  1259. border-color: white;
  1260. color: white;
  1261. }
  1262. .button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
  1263. background-color: white;
  1264. border-color: white;
  1265. color: #0a0a0a;
  1266. }
  1267. .button.is-white.is-outlined.is-loading:after {
  1268. border-color: transparent transparent white white !important;
  1269. }
  1270. .button.is-white.is-outlined[disabled] {
  1271. background-color: transparent;
  1272. border-color: white;
  1273. -webkit-box-shadow: none;
  1274. box-shadow: none;
  1275. color: white;
  1276. }
  1277. .button.is-white.is-inverted.is-outlined {
  1278. background-color: transparent;
  1279. border-color: #0a0a0a;
  1280. color: #0a0a0a;
  1281. }
  1282. .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus {
  1283. background-color: #0a0a0a;
  1284. color: white;
  1285. }
  1286. .button.is-white.is-inverted.is-outlined[disabled] {
  1287. background-color: transparent;
  1288. border-color: #0a0a0a;
  1289. -webkit-box-shadow: none;
  1290. box-shadow: none;
  1291. color: #0a0a0a;
  1292. }
  1293. .button.is-black {
  1294. background-color: #0a0a0a;
  1295. border-color: transparent;
  1296. color: white;
  1297. }
  1298. .button.is-black:hover, .button.is-black.is-hovered {
  1299. background-color: #040404;
  1300. border-color: transparent;
  1301. color: white;
  1302. }
  1303. .button.is-black:focus, .button.is-black.is-focused {
  1304. border-color: transparent;
  1305. color: white;
  1306. }
  1307. .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
  1308. -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
  1309. box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
  1310. }
  1311. .button.is-black:active, .button.is-black.is-active {
  1312. background-color: black;
  1313. border-color: transparent;
  1314. color: white;
  1315. }
  1316. .button.is-black[disabled] {
  1317. background-color: #0a0a0a;
  1318. border-color: transparent;
  1319. -webkit-box-shadow: none;
  1320. box-shadow: none;
  1321. }
  1322. .button.is-black.is-inverted {
  1323. background-color: white;
  1324. color: #0a0a0a;
  1325. }
  1326. .button.is-black.is-inverted:hover {
  1327. background-color: #f2f2f2;
  1328. }
  1329. .button.is-black.is-inverted[disabled] {
  1330. background-color: white;
  1331. border-color: transparent;
  1332. -webkit-box-shadow: none;
  1333. box-shadow: none;
  1334. color: #0a0a0a;
  1335. }
  1336. .button.is-black.is-loading:after {
  1337. border-color: transparent transparent white white !important;
  1338. }
  1339. .button.is-black.is-outlined {
  1340. background-color: transparent;
  1341. border-color: #0a0a0a;
  1342. color: #0a0a0a;
  1343. }
  1344. .button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {
  1345. background-color: #0a0a0a;
  1346. border-color: #0a0a0a;
  1347. color: white;
  1348. }
  1349. .button.is-black.is-outlined.is-loading:after {
  1350. border-color: transparent transparent #0a0a0a #0a0a0a !important;
  1351. }
  1352. .button.is-black.is-outlined[disabled] {
  1353. background-color: transparent;
  1354. border-color: #0a0a0a;
  1355. -webkit-box-shadow: none;
  1356. box-shadow: none;
  1357. color: #0a0a0a;
  1358. }
  1359. .button.is-black.is-inverted.is-outlined {
  1360. background-color: transparent;
  1361. border-color: white;
  1362. color: white;
  1363. }
  1364. .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus {
  1365. background-color: white;
  1366. color: #0a0a0a;
  1367. }
  1368. .button.is-black.is-inverted.is-outlined[disabled] {
  1369. background-color: transparent;
  1370. border-color: white;
  1371. -webkit-box-shadow: none;
  1372. box-shadow: none;
  1373. color: white;
  1374. }
  1375. .button.is-light {
  1376. background-color: whitesmoke;
  1377. border-color: transparent;
  1378. color: #363636;
  1379. }
  1380. .button.is-light:hover, .button.is-light.is-hovered {
  1381. background-color: #eeeeee;
  1382. border-color: transparent;
  1383. color: #363636;
  1384. }
  1385. .button.is-light:focus, .button.is-light.is-focused {
  1386. border-color: transparent;
  1387. color: #363636;
  1388. }
  1389. .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
  1390. -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
  1391. box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
  1392. }
  1393. .button.is-light:active, .button.is-light.is-active {
  1394. background-color: #e8e8e8;
  1395. border-color: transparent;
  1396. color: #363636;
  1397. }
  1398. .button.is-light[disabled] {
  1399. background-color: whitesmoke;
  1400. border-color: transparent;
  1401. -webkit-box-shadow: none;
  1402. box-shadow: none;
  1403. }
  1404. .button.is-light.is-inverted {
  1405. background-color: #363636;
  1406. color: whitesmoke;
  1407. }
  1408. .button.is-light.is-inverted:hover {
  1409. background-color: #292929;
  1410. }
  1411. .button.is-light.is-inverted[disabled] {
  1412. background-color: #363636;
  1413. border-color: transparent;
  1414. -webkit-box-shadow: none;
  1415. box-shadow: none;
  1416. color: whitesmoke;
  1417. }
  1418. .button.is-light.is-loading:after {
  1419. border-color: transparent transparent #363636 #363636 !important;
  1420. }
  1421. .button.is-light.is-outlined {
  1422. background-color: transparent;
  1423. border-color: whitesmoke;
  1424. color: whitesmoke;
  1425. }
  1426. .button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
  1427. background-color: whitesmoke;
  1428. border-color: whitesmoke;
  1429. color: #363636;
  1430. }
  1431. .button.is-light.is-outlined.is-loading:after {
  1432. border-color: transparent transparent whitesmoke whitesmoke !important;
  1433. }
  1434. .button.is-light.is-outlined[disabled] {
  1435. background-color: transparent;
  1436. border-color: whitesmoke;
  1437. -webkit-box-shadow: none;
  1438. box-shadow: none;
  1439. color: whitesmoke;
  1440. }
  1441. .button.is-light.is-inverted.is-outlined {
  1442. background-color: transparent;
  1443. border-color: #363636;
  1444. color: #363636;
  1445. }
  1446. .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus {
  1447. background-color: #363636;
  1448. color: whitesmoke;
  1449. }
  1450. .button.is-light.is-inverted.is-outlined[disabled] {
  1451. background-color: transparent;
  1452. border-color: #363636;
  1453. -webkit-box-shadow: none;
  1454. box-shadow: none;
  1455. color: #363636;
  1456. }
  1457. .button.is-dark {
  1458. background-color: #363636;
  1459. border-color: transparent;
  1460. color: whitesmoke;
  1461. }
  1462. .button.is-dark:hover, .button.is-dark.is-hovered {
  1463. background-color: #2f2f2f;
  1464. border-color: transparent;
  1465. color: whitesmoke;
  1466. }
  1467. .button.is-dark:focus, .button.is-dark.is-focused {
  1468. border-color: transparent;
  1469. color: whitesmoke;
  1470. }
  1471. .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
  1472. -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
  1473. box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
  1474. }
  1475. .button.is-dark:active, .button.is-dark.is-active {
  1476. background-color: #292929;
  1477. border-color: transparent;
  1478. color: whitesmoke;
  1479. }
  1480. .button.is-dark[disabled] {
  1481. background-color: #363636;
  1482. border-color: transparent;
  1483. -webkit-box-shadow: none;
  1484. box-shadow: none;
  1485. }
  1486. .button.is-dark.is-inverted {
  1487. background-color: whitesmoke;
  1488. color: #363636;
  1489. }
  1490. .button.is-dark.is-inverted:hover {
  1491. background-color: #e8e8e8;
  1492. }
  1493. .button.is-dark.is-inverted[disabled] {
  1494. background-color: whitesmoke;
  1495. border-color: transparent;
  1496. -webkit-box-shadow: none;
  1497. box-shadow: none;
  1498. color: #363636;
  1499. }
  1500. .button.is-dark.is-loading:after {
  1501. border-color: transparent transparent whitesmoke whitesmoke !important;
  1502. }
  1503. .button.is-dark.is-outlined {
  1504. background-color: transparent;
  1505. border-color: #363636;
  1506. color: #363636;
  1507. }
  1508. .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
  1509. background-color: #363636;
  1510. border-color: #363636;
  1511. color: whitesmoke;
  1512. }
  1513. .button.is-dark.is-outlined.is-loading:after {
  1514. border-color: transparent transparent #363636 #363636 !important;
  1515. }
  1516. .button.is-dark.is-outlined[disabled] {
  1517. background-color: transparent;
  1518. border-color: #363636;
  1519. -webkit-box-shadow: none;
  1520. box-shadow: none;
  1521. color: #363636;
  1522. }
  1523. .button.is-dark.is-inverted.is-outlined {
  1524. background-color: transparent;
  1525. border-color: whitesmoke;
  1526. color: whitesmoke;
  1527. }
  1528. .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus {
  1529. background-color: whitesmoke;
  1530. color: #363636;
  1531. }
  1532. .button.is-dark.is-inverted.is-outlined[disabled] {
  1533. background-color: transparent;
  1534. border-color: whitesmoke;
  1535. -webkit-box-shadow: none;
  1536. box-shadow: none;
  1537. color: whitesmoke;
  1538. }
  1539. .button.is-primary {
  1540. background-color: #00d1b2;
  1541. border-color: transparent;
  1542. color: #fff;
  1543. }
  1544. .button.is-primary:hover, .button.is-primary.is-hovered {
  1545. background-color: #00c4a7;
  1546. border-color: transparent;
  1547. color: #fff;
  1548. }
  1549. .button.is-primary:focus, .button.is-primary.is-focused {
  1550. border-color: transparent;
  1551. color: #fff;
  1552. }
  1553. .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
  1554. -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
  1555. box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
  1556. }
  1557. .button.is-primary:active, .button.is-primary.is-active {
  1558. background-color: #00b89c;
  1559. border-color: transparent;
  1560. color: #fff;
  1561. }
  1562. .button.is-primary[disabled] {
  1563. background-color: #00d1b2;
  1564. border-color: transparent;
  1565. -webkit-box-shadow: none;
  1566. box-shadow: none;
  1567. }
  1568. .button.is-primary.is-inverted {
  1569. background-color: #fff;
  1570. color: #00d1b2;
  1571. }
  1572. .button.is-primary.is-inverted:hover {
  1573. background-color: #f2f2f2;
  1574. }
  1575. .button.is-primary.is-inverted[disabled] {
  1576. background-color: #fff;
  1577. border-color: transparent;
  1578. -webkit-box-shadow: none;
  1579. box-shadow: none;
  1580. color: #00d1b2;
  1581. }
  1582. .button.is-primary.is-loading:after {
  1583. border-color: transparent transparent #fff #fff !important;
  1584. }
  1585. .button.is-primary.is-outlined {
  1586. background-color: transparent;
  1587. border-color: #00d1b2;
  1588. color: #00d1b2;
  1589. }
  1590. .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
  1591. background-color: #00d1b2;
  1592. border-color: #00d1b2;
  1593. color: #fff;
  1594. }
  1595. .button.is-primary.is-outlined.is-loading:after {
  1596. border-color: transparent transparent #00d1b2 #00d1b2 !important;
  1597. }
  1598. .button.is-primary.is-outlined[disabled] {
  1599. background-color: transparent;
  1600. border-color: #00d1b2;
  1601. -webkit-box-shadow: none;
  1602. box-shadow: none;
  1603. color: #00d1b2;
  1604. }
  1605. .button.is-primary.is-inverted.is-outlined {
  1606. background-color: transparent;
  1607. border-color: #fff;
  1608. color: #fff;
  1609. }
  1610. .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus {
  1611. background-color: #fff;
  1612. color: #00d1b2;
  1613. }
  1614. .button.is-primary.is-inverted.is-outlined[disabled] {
  1615. background-color: transparent;
  1616. border-color: #fff;
  1617. -webkit-box-shadow: none;
  1618. box-shadow: none;
  1619. color: #fff;
  1620. }
  1621. .button.is-link {
  1622. background-color: #3273dc;
  1623. border-color: transparent;
  1624. color: #fff;
  1625. }
  1626. .button.is-link:hover, .button.is-link.is-hovered {
  1627. background-color: #276cda;
  1628. border-color: transparent;
  1629. color: #fff;
  1630. }
  1631. .button.is-link:focus, .button.is-link.is-focused {
  1632. border-color: transparent;
  1633. color: #fff;
  1634. }
  1635. .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
  1636. -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  1637. box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  1638. }
  1639. .button.is-link:active, .button.is-link.is-active {
  1640. background-color: #2366d1;
  1641. border-color: transparent;
  1642. color: #fff;
  1643. }
  1644. .button.is-link[disabled] {
  1645. background-color: #3273dc;
  1646. border-color: transparent;
  1647. -webkit-box-shadow: none;
  1648. box-shadow: none;
  1649. }
  1650. .button.is-link.is-inverted {
  1651. background-color: #fff;
  1652. color: #3273dc;
  1653. }
  1654. .button.is-link.is-inverted:hover {
  1655. background-color: #f2f2f2;
  1656. }
  1657. .button.is-link.is-inverted[disabled] {
  1658. background-color: #fff;
  1659. border-color: transparent;
  1660. -webkit-box-shadow: none;
  1661. box-shadow: none;
  1662. color: #3273dc;
  1663. }
  1664. .button.is-link.is-loading:after {
  1665. border-color: transparent transparent #fff #fff !important;
  1666. }
  1667. .button.is-link.is-outlined {
  1668. background-color: transparent;
  1669. border-color: #3273dc;
  1670. color: #3273dc;
  1671. }
  1672. .button.is-link.is-outlined:hover, .button.is-link.is-outlined:focus {
  1673. background-color: #3273dc;
  1674. border-color: #3273dc;
  1675. color: #fff;
  1676. }
  1677. .button.is-link.is-outlined.is-loading:after {
  1678. border-color: transparent transparent #3273dc #3273dc !important;
  1679. }
  1680. .button.is-link.is-outlined[disabled] {
  1681. background-color: transparent;
  1682. border-color: #3273dc;
  1683. -webkit-box-shadow: none;
  1684. box-shadow: none;
  1685. color: #3273dc;
  1686. }
  1687. .button.is-link.is-inverted.is-outlined {
  1688. background-color: transparent;
  1689. border-color: #fff;
  1690. color: #fff;
  1691. }
  1692. .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined:focus {
  1693. background-color: #fff;
  1694. color: #3273dc;
  1695. }
  1696. .button.is-link.is-inverted.is-outlined[disabled] {
  1697. background-color: transparent;
  1698. border-color: #fff;
  1699. -webkit-box-shadow: none;
  1700. box-shadow: none;
  1701. color: #fff;
  1702. }
  1703. .button.is-info {
  1704. background-color: #209cee;
  1705. border-color: transparent;
  1706. color: #fff;
  1707. }
  1708. .button.is-info:hover, .button.is-info.is-hovered {
  1709. background-color: #1496ed;
  1710. border-color: transparent;
  1711. color: #fff;
  1712. }
  1713. .button.is-info:focus, .button.is-info.is-focused {
  1714. border-color: transparent;
  1715. color: #fff;
  1716. }
  1717. .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
  1718. -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
  1719. box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
  1720. }
  1721. .button.is-info:active, .button.is-info.is-active {
  1722. background-color: #118fe4;
  1723. border-color: transparent;
  1724. color: #fff;
  1725. }
  1726. .button.is-info[disabled] {
  1727. background-color: #209cee;
  1728. border-color: transparent;
  1729. -webkit-box-shadow: none;
  1730. box-shadow: none;
  1731. }
  1732. .button.is-info.is-inverted {
  1733. background-color: #fff;
  1734. color: #209cee;
  1735. }
  1736. .button.is-info.is-inverted:hover {
  1737. background-color: #f2f2f2;
  1738. }
  1739. .button.is-info.is-inverted[disabled] {
  1740. background-color: #fff;
  1741. border-color: transparent;
  1742. -webkit-box-shadow: none;
  1743. box-shadow: none;
  1744. color: #209cee;
  1745. }
  1746. .button.is-info.is-loading:after {
  1747. border-color: transparent transparent #fff #fff !important;
  1748. }
  1749. .button.is-info.is-outlined {
  1750. background-color: transparent;
  1751. border-color: #209cee;
  1752. color: #209cee;
  1753. }
  1754. .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
  1755. background-color: #209cee;
  1756. border-color: #209cee;
  1757. color: #fff;
  1758. }
  1759. .button.is-info.is-outlined.is-loading:after {
  1760. border-color: transparent transparent #209cee #209cee !important;
  1761. }
  1762. .button.is-info.is-outlined[disabled] {
  1763. background-color: transparent;
  1764. border-color: #209cee;
  1765. -webkit-box-shadow: none;
  1766. box-shadow: none;
  1767. color: #209cee;
  1768. }
  1769. .button.is-info.is-inverted.is-outlined {
  1770. background-color: transparent;
  1771. border-color: #fff;
  1772. color: #fff;
  1773. }
  1774. .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus {
  1775. background-color: #fff;
  1776. color: #209cee;
  1777. }
  1778. .button.is-info.is-inverted.is-outlined[disabled] {
  1779. background-color: transparent;
  1780. border-color: #fff;
  1781. -webkit-box-shadow: none;
  1782. box-shadow: none;
  1783. color: #fff;
  1784. }
  1785. .button.is-success {
  1786. background-color: #23d160;
  1787. border-color: transparent;
  1788. color: #fff;
  1789. }
  1790. .button.is-success:hover, .button.is-success.is-hovered {
  1791. background-color: #22c65b;
  1792. border-color: transparent;
  1793. color: #fff;
  1794. }
  1795. .button.is-success:focus, .button.is-success.is-focused {
  1796. border-color: transparent;
  1797. color: #fff;
  1798. }
  1799. .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
  1800. -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
  1801. box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
  1802. }
  1803. .button.is-success:active, .button.is-success.is-active {
  1804. background-color: #20bc56;
  1805. border-color: transparent;
  1806. color: #fff;
  1807. }
  1808. .button.is-success[disabled] {
  1809. background-color: #23d160;
  1810. border-color: transparent;
  1811. -webkit-box-shadow: none;
  1812. box-shadow: none;
  1813. }
  1814. .button.is-success.is-inverted {
  1815. background-color: #fff;
  1816. color: #23d160;
  1817. }
  1818. .button.is-success.is-inverted:hover {
  1819. background-color: #f2f2f2;
  1820. }
  1821. .button.is-success.is-inverted[disabled] {
  1822. background-color: #fff;
  1823. border-color: transparent;
  1824. -webkit-box-shadow: none;
  1825. box-shadow: none;
  1826. color: #23d160;
  1827. }
  1828. .button.is-success.is-loading:after {
  1829. border-color: transparent transparent #fff #fff !important;
  1830. }
  1831. .button.is-success.is-outlined {
  1832. background-color: transparent;
  1833. border-color: #23d160;
  1834. color: #23d160;
  1835. }
  1836. .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
  1837. background-color: #23d160;
  1838. border-color: #23d160;
  1839. color: #fff;
  1840. }
  1841. .button.is-success.is-outlined.is-loading:after {
  1842. border-color: transparent transparent #23d160 #23d160 !important;
  1843. }
  1844. .button.is-success.is-outlined[disabled] {
  1845. background-color: transparent;
  1846. border-color: #23d160;
  1847. -webkit-box-shadow: none;
  1848. box-shadow: none;
  1849. color: #23d160;
  1850. }
  1851. .button.is-success.is-inverted.is-outlined {
  1852. background-color: transparent;
  1853. border-color: #fff;
  1854. color: #fff;
  1855. }
  1856. .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus {
  1857. background-color: #fff;
  1858. color: #23d160;
  1859. }
  1860. .button.is-success.is-inverted.is-outlined[disabled] {
  1861. background-color: transparent;
  1862. border-color: #fff;
  1863. -webkit-box-shadow: none;
  1864. box-shadow: none;
  1865. color: #fff;
  1866. }
  1867. .button.is-warning {
  1868. background-color: #ffdd57;
  1869. border-color: transparent;
  1870. color: rgba(0, 0, 0, 0.7);
  1871. }
  1872. .button.is-warning:hover, .button.is-warning.is-hovered {
  1873. background-color: #ffdb4a;
  1874. border-color: transparent;
  1875. color: rgba(0, 0, 0, 0.7);
  1876. }
  1877. .button.is-warning:focus, .button.is-warning.is-focused {
  1878. border-color: transparent;
  1879. color: rgba(0, 0, 0, 0.7);
  1880. }
  1881. .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
  1882. -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
  1883. box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
  1884. }
  1885. .button.is-warning:active, .button.is-warning.is-active {
  1886. background-color: #ffd83d;
  1887. border-color: transparent;
  1888. color: rgba(0, 0, 0, 0.7);
  1889. }
  1890. .button.is-warning[disabled] {
  1891. background-color: #ffdd57;
  1892. border-color: transparent;
  1893. -webkit-box-shadow: none;
  1894. box-shadow: none;
  1895. }
  1896. .button.is-warning.is-inverted {
  1897. background-color: rgba(0, 0, 0, 0.7);
  1898. color: #ffdd57;
  1899. }
  1900. .button.is-warning.is-inverted:hover {
  1901. background-color: rgba(0, 0, 0, 0.7);
  1902. }
  1903. .button.is-warning.is-inverted[disabled] {
  1904. background-color: rgba(0, 0, 0, 0.7);
  1905. border-color: transparent;
  1906. -webkit-box-shadow: none;
  1907. box-shadow: none;
  1908. color: #ffdd57;
  1909. }
  1910. .button.is-warning.is-loading:after {
  1911. border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
  1912. }
  1913. .button.is-warning.is-outlined {
  1914. background-color: transparent;
  1915. border-color: #ffdd57;
  1916. color: #ffdd57;
  1917. }
  1918. .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
  1919. background-color: #ffdd57;
  1920. border-color: #ffdd57;
  1921. color: rgba(0, 0, 0, 0.7);
  1922. }
  1923. .button.is-warning.is-outlined.is-loading:after {
  1924. border-color: transparent transparent #ffdd57 #ffdd57 !important;
  1925. }
  1926. .button.is-warning.is-outlined[disabled] {
  1927. background-color: transparent;
  1928. border-color: #ffdd57;
  1929. -webkit-box-shadow: none;
  1930. box-shadow: none;
  1931. color: #ffdd57;
  1932. }
  1933. .button.is-warning.is-inverted.is-outlined {
  1934. background-color: transparent;
  1935. border-color: rgba(0, 0, 0, 0.7);
  1936. color: rgba(0, 0, 0, 0.7);
  1937. }
  1938. .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus {
  1939. background-color: rgba(0, 0, 0, 0.7);
  1940. color: #ffdd57;
  1941. }
  1942. .button.is-warning.is-inverted.is-outlined[disabled] {
  1943. background-color: transparent;
  1944. border-color: rgba(0, 0, 0, 0.7);
  1945. -webkit-box-shadow: none;
  1946. box-shadow: none;
  1947. color: rgba(0, 0, 0, 0.7);
  1948. }
  1949. .button.is-danger {
  1950. background-color: #ff3860;
  1951. border-color: transparent;
  1952. color: #fff;
  1953. }
  1954. .button.is-danger:hover, .button.is-danger.is-hovered {
  1955. background-color: #ff2b56;
  1956. border-color: transparent;
  1957. color: #fff;
  1958. }
  1959. .button.is-danger:focus, .button.is-danger.is-focused {
  1960. border-color: transparent;
  1961. color: #fff;
  1962. }
  1963. .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
  1964. -webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
  1965. box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
  1966. }
  1967. .button.is-danger:active, .button.is-danger.is-active {
  1968. background-color: #ff1f4b;
  1969. border-color: transparent;
  1970. color: #fff;
  1971. }
  1972. .button.is-danger[disabled] {
  1973. background-color: #ff3860;
  1974. border-color: transparent;
  1975. -webkit-box-shadow: none;
  1976. box-shadow: none;
  1977. }
  1978. .button.is-danger.is-inverted {
  1979. background-color: #fff;
  1980. color: #ff3860;
  1981. }
  1982. .button.is-danger.is-inverted:hover {
  1983. background-color: #f2f2f2;
  1984. }
  1985. .button.is-danger.is-inverted[disabled] {
  1986. background-color: #fff;
  1987. border-color: transparent;
  1988. -webkit-box-shadow: none;
  1989. box-shadow: none;
  1990. color: #ff3860;
  1991. }
  1992. .button.is-danger.is-loading:after {
  1993. border-color: transparent transparent #fff #fff !important;
  1994. }
  1995. .button.is-danger.is-outlined {
  1996. background-color: transparent;
  1997. border-color: #ff3860;
  1998. color: #ff3860;
  1999. }
  2000. .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
  2001. background-color: #ff3860;
  2002. border-color: #ff3860;
  2003. color: #fff;
  2004. }
  2005. .button.is-danger.is-outlined.is-loading:after {
  2006. border-color: transparent transparent #ff3860 #ff3860 !important;
  2007. }
  2008. .button.is-danger.is-outlined[disabled] {
  2009. background-color: transparent;
  2010. border-color: #ff3860;
  2011. -webkit-box-shadow: none;
  2012. box-shadow: none;
  2013. color: #ff3860;
  2014. }
  2015. .button.is-danger.is-inverted.is-outlined {
  2016. background-color: transparent;
  2017. border-color: #fff;
  2018. color: #fff;
  2019. }
  2020. .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus {
  2021. background-color: #fff;
  2022. color: #ff3860;
  2023. }
  2024. .button.is-danger.is-inverted.is-outlined[disabled] {
  2025. background-color: transparent;
  2026. border-color: #fff;
  2027. -webkit-box-shadow: none;
  2028. box-shadow: none;
  2029. color: #fff;
  2030. }
  2031. .button.is-small {
  2032. border-radius: 2px;
  2033. font-size: 0.75rem;
  2034. }
  2035. .button.is-medium {
  2036. font-size: 1.25rem;
  2037. }
  2038. .button.is-large {
  2039. font-size: 1.5rem;
  2040. }
  2041. .button[disabled] {
  2042. background-color: white;
  2043. border-color: #dbdbdb;
  2044. -webkit-box-shadow: none;
  2045. box-shadow: none;
  2046. opacity: 0.5;
  2047. }
  2048. .button.is-fullwidth {
  2049. display: -webkit-box;
  2050. display: -ms-flexbox;
  2051. display: flex;
  2052. width: 100%;
  2053. }
  2054. .button.is-loading {
  2055. color: transparent !important;
  2056. pointer-events: none;
  2057. }
  2058. .button.is-loading:after {
  2059. -webkit-animation: spinAround 500ms infinite linear;
  2060. animation: spinAround 500ms infinite linear;
  2061. border: 2px solid #dbdbdb;
  2062. border-radius: 290486px;
  2063. border-right-color: transparent;
  2064. border-top-color: transparent;
  2065. content: "";
  2066. display: block;
  2067. height: 1em;
  2068. position: relative;
  2069. width: 1em;
  2070. position: absolute;
  2071. left: calc(50% - (1em / 2));
  2072. top: calc(50% - (1em / 2));
  2073. position: absolute !important;
  2074. }
  2075. .button.is-static {
  2076. background-color: whitesmoke;
  2077. border-color: #dbdbdb;
  2078. color: #7a7a7a;
  2079. -webkit-box-shadow: none;
  2080. box-shadow: none;
  2081. pointer-events: none;
  2082. }
  2083. .button.is-rounded {
  2084. border-radius: 290486px;
  2085. padding-left: 1em;
  2086. padding-right: 1em;
  2087. }
  2088. .buttons {
  2089. -webkit-box-align: center;
  2090. -ms-flex-align: center;
  2091. align-items: center;
  2092. display: -webkit-box;
  2093. display: -ms-flexbox;
  2094. display: flex;
  2095. -ms-flex-wrap: wrap;
  2096. flex-wrap: wrap;
  2097. -webkit-box-pack: start;
  2098. -ms-flex-pack: start;
  2099. justify-content: flex-start;
  2100. }
  2101. .buttons .button {
  2102. margin-bottom: 0.5rem;
  2103. }
  2104. .buttons .button:not(:last-child) {
  2105. margin-right: 0.5rem;
  2106. }
  2107. .buttons:last-child {
  2108. margin-bottom: -0.5rem;
  2109. }
  2110. .buttons:not(:last-child) {
  2111. margin-bottom: 1rem;
  2112. }
  2113. .buttons.has-addons .button:not(:first-child) {
  2114. border-bottom-left-radius: 0;
  2115. border-top-left-radius: 0;
  2116. }
  2117. .buttons.has-addons .button:not(:last-child) {
  2118. border-bottom-right-radius: 0;
  2119. border-top-right-radius: 0;
  2120. margin-right: -1px;
  2121. }
  2122. .buttons.has-addons .button:last-child {
  2123. margin-right: 0;
  2124. }
  2125. .buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
  2126. z-index: 2;
  2127. }
  2128. .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 {
  2129. z-index: 3;
  2130. }
  2131. .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 {
  2132. z-index: 4;
  2133. }
  2134. .buttons.is-centered {
  2135. -webkit-box-pack: center;
  2136. -ms-flex-pack: center;
  2137. justify-content: center;
  2138. }
  2139. .buttons.is-right {
  2140. -webkit-box-pack: end;
  2141. -ms-flex-pack: end;
  2142. justify-content: flex-end;
  2143. }
  2144. .container {
  2145. margin: 0 auto;
  2146. position: relative;
  2147. }
  2148. @media screen and (min-width: 1024px) {
  2149. .container {
  2150. max-width: 960px;
  2151. width: 960px;
  2152. }
  2153. .container.is-fluid {
  2154. margin-left: 32px;
  2155. margin-right: 32px;
  2156. max-width: none;
  2157. width: auto;
  2158. }
  2159. }
  2160. @media screen and (max-width: 1215px) {
  2161. .container.is-widescreen {
  2162. max-width: 1152px;
  2163. width: auto;
  2164. }
  2165. }
  2166. @media screen and (max-width: 1407px) {
  2167. .container.is-fullhd {
  2168. max-width: 1344px;
  2169. width: auto;
  2170. }
  2171. }
  2172. @media screen and (min-width: 1216px) {
  2173. .container {
  2174. max-width: 1152px;
  2175. width: 1152px;
  2176. }
  2177. }
  2178. @media screen and (min-width: 1408px) {
  2179. .container {
  2180. max-width: 1344px;
  2181. width: 1344px;
  2182. }
  2183. }
  2184. .content:not(:last-child) {
  2185. margin-bottom: 1.5rem;
  2186. }
  2187. .content li + li {
  2188. margin-top: 0.25em;
  2189. }
  2190. .content p:not(:last-child),
  2191. .content dl:not(:last-child),
  2192. .content ol:not(:last-child),
  2193. .content ul:not(:last-child),
  2194. .content blockquote:not(:last-child),
  2195. .content pre:not(:last-child),
  2196. .content table:not(:last-child) {
  2197. margin-bottom: 1em;
  2198. }
  2199. .content h1,
  2200. .content h2,
  2201. .content h3,
  2202. .content h4,
  2203. .content h5,
  2204. .content h6 {
  2205. color: #363636;
  2206. font-weight: 400;
  2207. line-height: 1.125;
  2208. }
  2209. .content h1 {
  2210. font-size: 2em;
  2211. margin-bottom: 0.5em;
  2212. }
  2213. .content h1:not(:first-child) {
  2214. margin-top: 1em;
  2215. }
  2216. .content h2 {
  2217. font-size: 1.75em;
  2218. margin-bottom: 0.5714em;
  2219. }
  2220. .content h2:not(:first-child) {
  2221. margin-top: 1.1428em;
  2222. }
  2223. .content h3 {
  2224. font-size: 1.5em;
  2225. margin-bottom: 0.6666em;
  2226. }
  2227. .content h3:not(:first-child) {
  2228. margin-top: 1.3333em;
  2229. }
  2230. .content h4 {
  2231. font-size: 1.25em;
  2232. margin-bottom: 0.8em;
  2233. }
  2234. .content h5 {
  2235. font-size: 1.125em;
  2236. margin-bottom: 0.8888em;
  2237. }
  2238. .content h6 {
  2239. font-size: 1em;
  2240. margin-bottom: 1em;
  2241. }
  2242. .content blockquote {
  2243. background-color: whitesmoke;
  2244. border-left: 5px solid #dbdbdb;
  2245. padding: 1.25em 1.5em;
  2246. }
  2247. .content ol {
  2248. list-style: decimal outside;
  2249. margin-left: 2em;
  2250. margin-top: 1em;
  2251. }
  2252. .content ul {
  2253. list-style: disc outside;
  2254. margin-left: 2em;
  2255. margin-top: 1em;
  2256. }
  2257. .content ul ul {
  2258. list-style-type: circle;
  2259. margin-top: 0.5em;
  2260. }
  2261. .content ul ul ul {
  2262. list-style-type: square;
  2263. }
  2264. .content dd {
  2265. margin-left: 2em;
  2266. }
  2267. .content figure {
  2268. margin-left: 2em;
  2269. margin-right: 2em;
  2270. text-align: center;
  2271. }
  2272. .content figure:not(:first-child) {
  2273. margin-top: 2em;
  2274. }
  2275. .content figure:not(:last-child) {
  2276. margin-bottom: 2em;
  2277. }
  2278. .content figure img {
  2279. display: inline-block;
  2280. }
  2281. .content figure figcaption {
  2282. font-style: italic;
  2283. }
  2284. .content pre {
  2285. -webkit-overflow-scrolling: touch;
  2286. overflow-x: auto;
  2287. padding: 1.25em 1.5em;
  2288. white-space: pre;
  2289. word-wrap: normal;
  2290. }
  2291. .content sup,
  2292. .content sub {
  2293. font-size: 75%;
  2294. }
  2295. .content table {
  2296. width: 100%;
  2297. }
  2298. .content table td,
  2299. .content table th {
  2300. border: 1px solid #dbdbdb;
  2301. border-width: 0 0 1px;
  2302. padding: 0.5em 0.75em;
  2303. vertical-align: top;
  2304. }
  2305. .content table th {
  2306. color: #363636;
  2307. text-align: left;
  2308. }
  2309. .content table tr:hover {
  2310. background-color: whitesmoke;
  2311. }
  2312. .content table thead td,
  2313. .content table thead th {
  2314. border-width: 0 0 2px;
  2315. color: #363636;
  2316. }
  2317. .content table tfoot td,
  2318. .content table tfoot th {
  2319. border-width: 2px 0 0;
  2320. color: #363636;
  2321. }
  2322. .content table tbody tr:last-child td,
  2323. .content table tbody tr:last-child th {
  2324. border-bottom-width: 0;
  2325. }
  2326. .content.is-small {
  2327. font-size: 0.75rem;
  2328. }
  2329. .content.is-medium {
  2330. font-size: 1.25rem;
  2331. }
  2332. .content.is-large {
  2333. font-size: 1.5rem;
  2334. }
  2335. .input,
  2336. .textarea {
  2337. -moz-appearance: none;
  2338. -webkit-appearance: none;
  2339. -webkit-box-align: center;
  2340. -ms-flex-align: center;
  2341. align-items: center;
  2342. border: 1px solid transparent;
  2343. border-radius: 3px;
  2344. -webkit-box-shadow: none;
  2345. box-shadow: none;
  2346. display: -webkit-inline-box;
  2347. display: -ms-inline-flexbox;
  2348. display: inline-flex;
  2349. font-size: 1rem;
  2350. height: 2.25em;
  2351. -webkit-box-pack: start;
  2352. -ms-flex-pack: start;
  2353. justify-content: flex-start;
  2354. line-height: 1.5;
  2355. padding-bottom: calc(0.375em - 1px);
  2356. padding-left: calc(0.625em - 1px);
  2357. padding-right: calc(0.625em - 1px);
  2358. padding-top: calc(0.375em - 1px);
  2359. position: relative;
  2360. vertical-align: top;
  2361. background-color: white;
  2362. border-color: #dbdbdb;
  2363. color: #363636;
  2364. -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  2365. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  2366. max-width: 100%;
  2367. width: 100%;
  2368. }
  2369. .input:focus, .input.is-focused, .input:active, .input.is-active,
  2370. .textarea:focus,
  2371. .textarea.is-focused,
  2372. .textarea:active,
  2373. .textarea.is-active {
  2374. outline: none;
  2375. }
  2376. .input[disabled],
  2377. .textarea[disabled] {
  2378. cursor: not-allowed;
  2379. }
  2380. .input::-moz-placeholder,
  2381. .textarea::-moz-placeholder {
  2382. color: rgba(54, 54, 54, 0.3);
  2383. }
  2384. .input::-webkit-input-placeholder,
  2385. .textarea::-webkit-input-placeholder {
  2386. color: rgba(54, 54, 54, 0.3);
  2387. }
  2388. .input:-moz-placeholder,
  2389. .textarea:-moz-placeholder {
  2390. color: rgba(54, 54, 54, 0.3);
  2391. }
  2392. .input:-ms-input-placeholder,
  2393. .textarea:-ms-input-placeholder {
  2394. color: rgba(54, 54, 54, 0.3);
  2395. }
  2396. .input:hover, .input.is-hovered,
  2397. .textarea:hover,
  2398. .textarea.is-hovered {
  2399. border-color: #b5b5b5;
  2400. }
  2401. .input:focus, .input.is-focused, .input:active, .input.is-active,
  2402. .textarea:focus,
  2403. .textarea.is-focused,
  2404. .textarea:active,
  2405. .textarea.is-active {
  2406. border-color: #3273dc;
  2407. -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  2408. box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  2409. }
  2410. .input[disabled],
  2411. .textarea[disabled] {
  2412. background-color: whitesmoke;
  2413. border-color: whitesmoke;
  2414. -webkit-box-shadow: none;
  2415. box-shadow: none;
  2416. color: #7a7a7a;
  2417. }
  2418. .input[disabled]::-moz-placeholder,
  2419. .textarea[disabled]::-moz-placeholder {
  2420. color: rgba(122, 122, 122, 0.3);
  2421. }
  2422. .input[disabled]::-webkit-input-placeholder,
  2423. .textarea[disabled]::-webkit-input-placeholder {
  2424. color: rgba(122, 122, 122, 0.3);
  2425. }
  2426. .input[disabled]:-moz-placeholder,
  2427. .textarea[disabled]:-moz-placeholder {
  2428. color: rgba(122, 122, 122, 0.3);
  2429. }
  2430. .input[disabled]:-ms-input-placeholder,
  2431. .textarea[disabled]:-ms-input-placeholder {
  2432. color: rgba(122, 122, 122, 0.3);
  2433. }
  2434. .input[readonly],
  2435. .textarea[readonly] {
  2436. -webkit-box-shadow: none;
  2437. box-shadow: none;
  2438. }
  2439. .input.is-white,
  2440. .textarea.is-white {
  2441. border-color: white;
  2442. }
  2443. .input.is-white:focus, .input.is-white.is-focused, .input.is-white:active, .input.is-white.is-active,
  2444. .textarea.is-white:focus,
  2445. .textarea.is-white.is-focused,
  2446. .textarea.is-white:active,
  2447. .textarea.is-white.is-active {
  2448. -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
  2449. box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
  2450. }
  2451. .input.is-black,
  2452. .textarea.is-black {
  2453. border-color: #0a0a0a;
  2454. }
  2455. .input.is-black:focus, .input.is-black.is-focused, .input.is-black:active, .input.is-black.is-active,
  2456. .textarea.is-black:focus,
  2457. .textarea.is-black.is-focused,
  2458. .textarea.is-black:active,
  2459. .textarea.is-black.is-active {
  2460. -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
  2461. box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
  2462. }
  2463. .input.is-light,
  2464. .textarea.is-light {
  2465. border-color: whitesmoke;
  2466. }
  2467. .input.is-light:focus, .input.is-light.is-focused, .input.is-light:active, .input.is-light.is-active,
  2468. .textarea.is-light:focus,
  2469. .textarea.is-light.is-focused,
  2470. .textarea.is-light:active,
  2471. .textarea.is-light.is-active {
  2472. -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
  2473. box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
  2474. }
  2475. .input.is-dark,
  2476. .textarea.is-dark {
  2477. border-color: #363636;
  2478. }
  2479. .input.is-dark:focus, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark.is-active,
  2480. .textarea.is-dark:focus,
  2481. .textarea.is-dark.is-focused,
  2482. .textarea.is-dark:active,
  2483. .textarea.is-dark.is-active {
  2484. -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
  2485. box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
  2486. }
  2487. .input.is-primary,
  2488. .textarea.is-primary {
  2489. border-color: #00d1b2;
  2490. }
  2491. .input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active,
  2492. .textarea.is-primary:focus,
  2493. .textarea.is-primary.is-focused,
  2494. .textarea.is-primary:active,
  2495. .textarea.is-primary.is-active {
  2496. -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
  2497. box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
  2498. }
  2499. .input.is-link,
  2500. .textarea.is-link {
  2501. border-color: #3273dc;
  2502. }
  2503. .input.is-link:focus, .input.is-link.is-focused, .input.is-link:active, .input.is-link.is-active,
  2504. .textarea.is-link:focus,
  2505. .textarea.is-link.is-focused,
  2506. .textarea.is-link:active,
  2507. .textarea.is-link.is-active {
  2508. -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  2509. box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  2510. }
  2511. .input.is-info,
  2512. .textarea.is-info {
  2513. border-color: #209cee;
  2514. }
  2515. .input.is-info:focus, .input.is-info.is-focused, .input.is-info:active, .input.is-info.is-active,
  2516. .textarea.is-info:focus,
  2517. .textarea.is-info.is-focused,
  2518. .textarea.is-info:active,
  2519. .textarea.is-info.is-active {
  2520. -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
  2521. box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
  2522. }
  2523. .input.is-success,
  2524. .textarea.is-success {
  2525. border-color: #23d160;
  2526. }
  2527. .input.is-success:focus, .input.is-success.is-focused, .input.is-success:active, .input.is-success.is-active,
  2528. .textarea.is-success:focus,
  2529. .textarea.is-success.is-focused,
  2530. .textarea.is-success:active,
  2531. .textarea.is-success.is-active {
  2532. -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
  2533. box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
  2534. }
  2535. .input.is-warning,
  2536. .textarea.is-warning {
  2537. border-color: #ffdd57;
  2538. }
  2539. .input.is-warning:focus, .input.is-warning.is-focused, .input.is-warning:active, .input.is-warning.is-active,
  2540. .textarea.is-warning:focus,
  2541. .textarea.is-warning.is-focused,
  2542. .textarea.is-warning:active,
  2543. .textarea.is-warning.is-active {
  2544. -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
  2545. box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
  2546. }
  2547. .input.is-danger,
  2548. .textarea.is-danger {
  2549. border-color: #ff3860;
  2550. }
  2551. .input.is-danger:focus, .input.is-danger.is-focused, .input.is-danger:active, .input.is-danger.is-active,
  2552. .textarea.is-danger:focus,
  2553. .textarea.is-danger.is-focused,
  2554. .textarea.is-danger:active,
  2555. .textarea.is-danger.is-active {
  2556. -webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
  2557. box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
  2558. }
  2559. .input.is-small,
  2560. .textarea.is-small {
  2561. border-radius: 2px;
  2562. font-size: 0.75rem;
  2563. }
  2564. .input.is-medium,
  2565. .textarea.is-medium {
  2566. font-size: 1.25rem;
  2567. }
  2568. .input.is-large,
  2569. .textarea.is-large {
  2570. font-size: 1.5rem;
  2571. }
  2572. .input.is-fullwidth,
  2573. .textarea.is-fullwidth {
  2574. display: block;
  2575. width: 100%;
  2576. }
  2577. .input.is-inline,
  2578. .textarea.is-inline {
  2579. display: inline;
  2580. width: auto;
  2581. }
  2582. .input.is-rounded {
  2583. border-radius: 290486px;
  2584. padding-left: 1em;
  2585. padding-right: 1em;
  2586. }
  2587. .input.is-static {
  2588. background-color: transparent;
  2589. border-color: transparent;
  2590. -webkit-box-shadow: none;
  2591. box-shadow: none;
  2592. padding-left: 0;
  2593. padding-right: 0;
  2594. }
  2595. .textarea {
  2596. display: block;
  2597. max-width: 100%;
  2598. min-width: 100%;
  2599. padding: 0.625em;
  2600. resize: vertical;
  2601. }
  2602. .textarea:not([rows]) {
  2603. max-height: 600px;
  2604. min-height: 120px;
  2605. }
  2606. .textarea[rows] {
  2607. height: initial;
  2608. }
  2609. .textarea.has-fixed-size {
  2610. resize: none;
  2611. }
  2612. .checkbox,
  2613. .radio {
  2614. cursor: pointer;
  2615. display: inline-block;
  2616. line-height: 1.25;
  2617. position: relative;
  2618. }
  2619. .checkbox input,
  2620. .radio input {
  2621. cursor: pointer;
  2622. }
  2623. .checkbox:hover,
  2624. .radio:hover {
  2625. color: #363636;
  2626. }
  2627. .checkbox[disabled],
  2628. .radio[disabled] {
  2629. color: #7a7a7a;
  2630. cursor: not-allowed;
  2631. }
  2632. .radio + .radio {
  2633. margin-left: 0.5em;
  2634. }
  2635. .select {
  2636. display: inline-block;
  2637. max-width: 100%;
  2638. position: relative;
  2639. vertical-align: top;
  2640. }
  2641. .select:not(.is-multiple) {
  2642. height: 2.25em;
  2643. }
  2644. .select:not(.is-multiple)::after {
  2645. border: 1px solid #3273dc;
  2646. border-right: 0;
  2647. border-top: 0;
  2648. content: " ";
  2649. display: block;
  2650. height: 0.5em;
  2651. pointer-events: none;
  2652. position: absolute;
  2653. -webkit-transform: rotate(-45deg);
  2654. transform: rotate(-45deg);
  2655. -webkit-transform-origin: center;
  2656. transform-origin: center;
  2657. width: 0.5em;
  2658. margin-top: -0.375em;
  2659. right: 1.125em;
  2660. top: 50%;
  2661. z-index: 4;
  2662. }
  2663. .select.is-rounded select {
  2664. border-radius: 290486px;
  2665. padding-left: 1em;
  2666. }
  2667. .select select {
  2668. -moz-appearance: none;
  2669. -webkit-appearance: none;
  2670. -webkit-box-align: center;
  2671. -ms-flex-align: center;
  2672. align-items: center;
  2673. border: 1px solid transparent;
  2674. border-radius: 3px;
  2675. -webkit-box-shadow: none;
  2676. box-shadow: none;
  2677. display: -webkit-inline-box;
  2678. display: -ms-inline-flexbox;
  2679. display: inline-flex;
  2680. font-size: 1rem;
  2681. height: 2.25em;
  2682. -webkit-box-pack: start;
  2683. -ms-flex-pack: start;
  2684. justify-content: flex-start;
  2685. line-height: 1.5;
  2686. padding-bottom: calc(0.375em - 1px);
  2687. padding-left: calc(0.625em - 1px);
  2688. padding-right: calc(0.625em - 1px);
  2689. padding-top: calc(0.375em - 1px);
  2690. position: relative;
  2691. vertical-align: top;
  2692. background-color: white;
  2693. border-color: #dbdbdb;
  2694. color: #363636;
  2695. cursor: pointer;
  2696. display: block;
  2697. font-size: 1em;
  2698. max-width: 100%;
  2699. outline: none;
  2700. }
  2701. .select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
  2702. outline: none;
  2703. }
  2704. .select select[disabled] {
  2705. cursor: not-allowed;
  2706. }
  2707. .select select::-moz-placeholder {
  2708. color: rgba(54, 54, 54, 0.3);
  2709. }
  2710. .select select::-webkit-input-placeholder {
  2711. color: rgba(54, 54, 54, 0.3);
  2712. }
  2713. .select select:-moz-placeholder {
  2714. color: rgba(54, 54, 54, 0.3);
  2715. }
  2716. .select select:-ms-input-placeholder {
  2717. color: rgba(54, 54, 54, 0.3);
  2718. }
  2719. .select select:hover, .select select.is-hovered {
  2720. border-color: #b5b5b5;
  2721. }
  2722. .select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
  2723. border-color: #3273dc;
  2724. -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  2725. box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  2726. }
  2727. .select select[disabled] {
  2728. background-color: whitesmoke;
  2729. border-color: whitesmoke;
  2730. -webkit-box-shadow: none;
  2731. box-shadow: none;
  2732. color: #7a7a7a;
  2733. }
  2734. .select select[disabled]::-moz-placeholder {
  2735. color: rgba(122, 122, 122, 0.3);
  2736. }
  2737. .select select[disabled]::-webkit-input-placeholder {
  2738. color: rgba(122, 122, 122, 0.3);
  2739. }
  2740. .select select[disabled]:-moz-placeholder {
  2741. color: rgba(122, 122, 122, 0.3);
  2742. }
  2743. .select select[disabled]:-ms-input-placeholder {
  2744. color: rgba(122, 122, 122, 0.3);
  2745. }
  2746. .select select::-ms-expand {
  2747. display: none;
  2748. }
  2749. .select select[disabled]:hover {
  2750. border-color: whitesmoke;
  2751. }
  2752. .select select:not([multiple]) {
  2753. padding-right: 2.5em;
  2754. }
  2755. .select select[multiple] {
  2756. height: initial;
  2757. padding: 0;
  2758. }
  2759. .select select[multiple] option {
  2760. padding: 0.5em 1em;
  2761. }
  2762. .select:hover::after {
  2763. border-color: #363636;
  2764. }
  2765. .select.is-white select {
  2766. border-color: white;
  2767. }
  2768. .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
  2769. -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
  2770. box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
  2771. }
  2772. .select.is-black select {
  2773. border-color: #0a0a0a;
  2774. }
  2775. .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
  2776. -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
  2777. box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
  2778. }
  2779. .select.is-light select {
  2780. border-color: whitesmoke;
  2781. }
  2782. .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
  2783. -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
  2784. box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
  2785. }
  2786. .select.is-dark select {
  2787. border-color: #363636;
  2788. }
  2789. .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
  2790. -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
  2791. box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
  2792. }
  2793. .select.is-primary select {
  2794. border-color: #00d1b2;
  2795. }
  2796. .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
  2797. -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
  2798. box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
  2799. }
  2800. .select.is-link select {
  2801. border-color: #3273dc;
  2802. }
  2803. .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
  2804. -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  2805. box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  2806. }
  2807. .select.is-info select {
  2808. border-color: #209cee;
  2809. }
  2810. .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
  2811. -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
  2812. box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
  2813. }
  2814. .select.is-success select {
  2815. border-color: #23d160;
  2816. }
  2817. .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  2818. -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
  2819. box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
  2820. }
  2821. .select.is-warning select {
  2822. border-color: #ffdd57;
  2823. }
  2824. .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  2825. -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
  2826. box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
  2827. }
  2828. .select.is-danger select {
  2829. border-color: #ff3860;
  2830. }
  2831. .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  2832. -webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
  2833. box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
  2834. }
  2835. .select.is-small {
  2836. border-radius: 2px;
  2837. font-size: 0.75rem;
  2838. }
  2839. .select.is-medium {
  2840. font-size: 1.25rem;
  2841. }
  2842. .select.is-large {
  2843. font-size: 1.5rem;
  2844. }
  2845. .select.is-disabled::after {
  2846. border-color: #7a7a7a;
  2847. }
  2848. .select.is-fullwidth {
  2849. width: 100%;
  2850. }
  2851. .select.is-fullwidth select {
  2852. width: 100%;
  2853. }
  2854. .select.is-loading::after {
  2855. -webkit-animation: spinAround 500ms infinite linear;
  2856. animation: spinAround 500ms infinite linear;
  2857. border: 2px solid #dbdbdb;
  2858. border-radius: 290486px;
  2859. border-right-color: transparent;
  2860. border-top-color: transparent;
  2861. content: "";
  2862. display: block;
  2863. height: 1em;
  2864. position: relative;
  2865. width: 1em;
  2866. margin-top: 0;
  2867. position: absolute;
  2868. right: 0.625em;
  2869. top: 0.625em;
  2870. -webkit-transform: none;
  2871. transform: none;
  2872. }
  2873. .select.is-loading.is-small:after {
  2874. font-size: 0.75rem;
  2875. }
  2876. .select.is-loading.is-medium:after {
  2877. font-size: 1.25rem;
  2878. }
  2879. .select.is-loading.is-large:after {
  2880. font-size: 1.5rem;
  2881. }
  2882. .file {
  2883. -webkit-touch-callout: none;
  2884. -webkit-user-select: none;
  2885. -moz-user-select: none;
  2886. -ms-user-select: none;
  2887. user-select: none;
  2888. -webkit-box-align: stretch;
  2889. -ms-flex-align: stretch;
  2890. align-items: stretch;
  2891. display: -webkit-box;
  2892. display: -ms-flexbox;
  2893. display: flex;
  2894. -webkit-box-pack: start;
  2895. -ms-flex-pack: start;
  2896. justify-content: flex-start;
  2897. position: relative;
  2898. }
  2899. .file.is-white .file-cta {
  2900. background-color: white;
  2901. border-color: transparent;
  2902. color: #0a0a0a;
  2903. }
  2904. .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
  2905. background-color: #f9f9f9;
  2906. border-color: transparent;
  2907. color: #0a0a0a;
  2908. }
  2909. .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
  2910. border-color: transparent;
  2911. -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  2912. box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  2913. color: #0a0a0a;
  2914. }
  2915. .file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
  2916. background-color: #f2f2f2;
  2917. border-color: transparent;
  2918. color: #0a0a0a;
  2919. }
  2920. .file.is-black .file-cta {
  2921. background-color: #0a0a0a;
  2922. border-color: transparent;
  2923. color: white;
  2924. }
  2925. .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
  2926. background-color: #040404;
  2927. border-color: transparent;
  2928. color: white;
  2929. }
  2930. .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
  2931. border-color: transparent;
  2932. -webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
  2933. box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
  2934. color: white;
  2935. }
  2936. .file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
  2937. background-color: black;
  2938. border-color: transparent;
  2939. color: white;
  2940. }
  2941. .file.is-light .file-cta {
  2942. background-color: whitesmoke;
  2943. border-color: transparent;
  2944. color: #363636;
  2945. }
  2946. .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
  2947. background-color: #eeeeee;
  2948. border-color: transparent;
  2949. color: #363636;
  2950. }
  2951. .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
  2952. border-color: transparent;
  2953. -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
  2954. box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
  2955. color: #363636;
  2956. }
  2957. .file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
  2958. background-color: #e8e8e8;
  2959. border-color: transparent;
  2960. color: #363636;
  2961. }
  2962. .file.is-dark .file-cta {
  2963. background-color: #363636;
  2964. border-color: transparent;
  2965. color: whitesmoke;
  2966. }
  2967. .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
  2968. background-color: #2f2f2f;
  2969. border-color: transparent;
  2970. color: whitesmoke;
  2971. }
  2972. .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
  2973. border-color: transparent;
  2974. -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
  2975. box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
  2976. color: whitesmoke;
  2977. }
  2978. .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
  2979. background-color: #292929;
  2980. border-color: transparent;
  2981. color: whitesmoke;
  2982. }
  2983. .file.is-primary .file-cta {
  2984. background-color: #00d1b2;
  2985. border-color: transparent;
  2986. color: #fff;
  2987. }
  2988. .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
  2989. background-color: #00c4a7;
  2990. border-color: transparent;
  2991. color: #fff;
  2992. }
  2993. .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
  2994. border-color: transparent;
  2995. -webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
  2996. box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
  2997. color: #fff;
  2998. }
  2999. .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
  3000. background-color: #00b89c;
  3001. border-color: transparent;
  3002. color: #fff;
  3003. }
  3004. .file.is-link .file-cta {
  3005. background-color: #3273dc;
  3006. border-color: transparent;
  3007. color: #fff;
  3008. }
  3009. .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
  3010. background-color: #276cda;
  3011. border-color: transparent;
  3012. color: #fff;
  3013. }
  3014. .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
  3015. border-color: transparent;
  3016. -webkit-box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
  3017. box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
  3018. color: #fff;
  3019. }
  3020. .file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
  3021. background-color: #2366d1;
  3022. border-color: transparent;
  3023. color: #fff;
  3024. }
  3025. .file.is-info .file-cta {
  3026. background-color: #209cee;
  3027. border-color: transparent;
  3028. color: #fff;
  3029. }
  3030. .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
  3031. background-color: #1496ed;
  3032. border-color: transparent;
  3033. color: #fff;
  3034. }
  3035. .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
  3036. border-color: transparent;
  3037. -webkit-box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25);
  3038. box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25);
  3039. color: #fff;
  3040. }
  3041. .file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
  3042. background-color: #118fe4;
  3043. border-color: transparent;
  3044. color: #fff;
  3045. }
  3046. .file.is-success .file-cta {
  3047. background-color: #23d160;
  3048. border-color: transparent;
  3049. color: #fff;
  3050. }
  3051. .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
  3052. background-color: #22c65b;
  3053. border-color: transparent;
  3054. color: #fff;
  3055. }
  3056. .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
  3057. border-color: transparent;
  3058. -webkit-box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
  3059. box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
  3060. color: #fff;
  3061. }
  3062. .file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
  3063. background-color: #20bc56;
  3064. border-color: transparent;
  3065. color: #fff;
  3066. }
  3067. .file.is-warning .file-cta {
  3068. background-color: #ffdd57;
  3069. border-color: transparent;
  3070. color: rgba(0, 0, 0, 0.7);
  3071. }
  3072. .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
  3073. background-color: #ffdb4a;
  3074. border-color: transparent;
  3075. color: rgba(0, 0, 0, 0.7);
  3076. }
  3077. .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
  3078. border-color: transparent;
  3079. -webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
  3080. box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
  3081. color: rgba(0, 0, 0, 0.7);
  3082. }
  3083. .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
  3084. background-color: #ffd83d;
  3085. border-color: transparent;
  3086. color: rgba(0, 0, 0, 0.7);
  3087. }
  3088. .file.is-danger .file-cta {
  3089. background-color: #ff3860;
  3090. border-color: transparent;
  3091. color: #fff;
  3092. }
  3093. .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
  3094. background-color: #ff2b56;
  3095. border-color: transparent;
  3096. color: #fff;
  3097. }
  3098. .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
  3099. border-color: transparent;
  3100. -webkit-box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
  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: 3px;
  3134. }
  3135. .file.has-name.is-empty .file-name {
  3136. display: none;
  3137. }
  3138. .file.is-boxed .file-label {
  3139. -webkit-box-orient: vertical;
  3140. -webkit-box-direction: normal;
  3141. -ms-flex-direction: column;
  3142. flex-direction: column;
  3143. }
  3144. .file.is-boxed .file-cta {
  3145. -webkit-box-orient: vertical;
  3146. -webkit-box-direction: normal;
  3147. -ms-flex-direction: column;
  3148. flex-direction: column;
  3149. height: auto;
  3150. padding: 1em 3em;
  3151. }
  3152. .file.is-boxed .file-name {
  3153. border-width: 0 1px 1px;
  3154. }
  3155. .file.is-boxed .file-icon {
  3156. height: 1.5em;
  3157. width: 1.5em;
  3158. }
  3159. .file.is-boxed .file-icon .fa {
  3160. font-size: 21px;
  3161. }
  3162. .file.is-boxed.is-small .file-icon .fa {
  3163. font-size: 14px;
  3164. }
  3165. .file.is-boxed.is-medium .file-icon .fa {
  3166. font-size: 28px;
  3167. }
  3168. .file.is-boxed.is-large .file-icon .fa {
  3169. font-size: 35px;
  3170. }
  3171. .file.is-boxed.has-name .file-cta {
  3172. border-radius: 3px 3px 0 0;
  3173. }
  3174. .file.is-boxed.has-name .file-name {
  3175. border-radius: 0 0 3px 3px;
  3176. border-width: 0 1px 1px;
  3177. }
  3178. .file.is-centered {
  3179. -webkit-box-pack: center;
  3180. -ms-flex-pack: center;
  3181. justify-content: center;
  3182. }
  3183. .file.is-fullwidth .file-label {
  3184. width: 100%;
  3185. }
  3186. .file.is-fullwidth .file-name {
  3187. -webkit-box-flex: 1;
  3188. -ms-flex-positive: 1;
  3189. flex-grow: 1;
  3190. max-width: none;
  3191. }
  3192. .file.is-right {
  3193. -webkit-box-pack: end;
  3194. -ms-flex-pack: end;
  3195. justify-content: flex-end;
  3196. }
  3197. .file.is-right .file-cta {
  3198. border-radius: 0 3px 3px 0;
  3199. }
  3200. .file.is-right .file-name {
  3201. border-radius: 3px 0 0 3px;
  3202. border-width: 1px 0 1px 1px;
  3203. -webkit-box-ordinal-group: 0;
  3204. -ms-flex-order: -1;
  3205. order: -1;
  3206. }
  3207. .file-label {
  3208. -webkit-box-align: stretch;
  3209. -ms-flex-align: stretch;
  3210. align-items: stretch;
  3211. display: -webkit-box;
  3212. display: -ms-flexbox;
  3213. display: flex;
  3214. cursor: pointer;
  3215. -webkit-box-pack: start;
  3216. -ms-flex-pack: start;
  3217. justify-content: flex-start;
  3218. overflow: hidden;
  3219. position: relative;
  3220. }
  3221. .file-label:hover .file-cta {
  3222. background-color: #eeeeee;
  3223. color: #363636;
  3224. }
  3225. .file-label:hover .file-name {
  3226. border-color: #d5d5d5;
  3227. }
  3228. .file-label:active .file-cta {
  3229. background-color: #e8e8e8;
  3230. color: #363636;
  3231. }
  3232. .file-label:active .file-name {
  3233. border-color: #cfcfcf;
  3234. }
  3235. .file-input {
  3236. height: 0.01em;
  3237. left: 0;
  3238. outline: none;
  3239. position: absolute;
  3240. top: 0;
  3241. width: 0.01em;
  3242. }
  3243. .file-cta,
  3244. .file-name {
  3245. -moz-appearance: none;
  3246. -webkit-appearance: none;
  3247. -webkit-box-align: center;
  3248. -ms-flex-align: center;
  3249. align-items: center;
  3250. border: 1px solid transparent;
  3251. border-radius: 3px;
  3252. -webkit-box-shadow: none;
  3253. box-shadow: none;
  3254. display: -webkit-inline-box;
  3255. display: -ms-inline-flexbox;
  3256. display: inline-flex;
  3257. font-size: 1rem;
  3258. height: 2.25em;
  3259. -webkit-box-pack: start;
  3260. -ms-flex-pack: start;
  3261. justify-content: flex-start;
  3262. line-height: 1.5;
  3263. padding-bottom: calc(0.375em - 1px);
  3264. padding-left: calc(0.625em - 1px);
  3265. padding-right: calc(0.625em - 1px);
  3266. padding-top: calc(0.375em - 1px);
  3267. position: relative;
  3268. vertical-align: top;
  3269. border-color: #dbdbdb;
  3270. border-radius: 3px;
  3271. font-size: 1em;
  3272. padding-left: 1em;
  3273. padding-right: 1em;
  3274. white-space: nowrap;
  3275. }
  3276. .file-cta:focus, .file-cta.is-focused, .file-cta:active, .file-cta.is-active,
  3277. .file-name:focus,
  3278. .file-name.is-focused,
  3279. .file-name:active,
  3280. .file-name.is-active {
  3281. outline: none;
  3282. }
  3283. .file-cta[disabled],
  3284. .file-name[disabled] {
  3285. cursor: not-allowed;
  3286. }
  3287. .file-cta {
  3288. background-color: whitesmoke;
  3289. color: #4a4a4a;
  3290. }
  3291. .file-name {
  3292. border-color: #dbdbdb;
  3293. border-style: solid;
  3294. border-width: 1px 1px 1px 0;
  3295. display: block;
  3296. max-width: 16em;
  3297. overflow: hidden;
  3298. text-align: left;
  3299. text-overflow: ellipsis;
  3300. }
  3301. .file-icon {
  3302. -webkit-box-align: center;
  3303. -ms-flex-align: center;
  3304. align-items: center;
  3305. display: -webkit-box;
  3306. display: -ms-flexbox;
  3307. display: flex;
  3308. height: 1em;
  3309. -webkit-box-pack: center;
  3310. -ms-flex-pack: center;
  3311. justify-content: center;
  3312. margin-right: 0.5em;
  3313. width: 1em;
  3314. }
  3315. .file-icon .fa {
  3316. font-size: 14px;
  3317. }
  3318. .label {
  3319. color: #363636;
  3320. display: block;
  3321. font-size: 1rem;
  3322. font-weight: 700;
  3323. }
  3324. .label:not(:last-child) {
  3325. margin-bottom: 0.5em;
  3326. }
  3327. .label.is-small {
  3328. font-size: 0.75rem;
  3329. }
  3330. .label.is-medium {
  3331. font-size: 1.25rem;
  3332. }
  3333. .label.is-large {
  3334. font-size: 1.5rem;
  3335. }
  3336. .help {
  3337. display: block;
  3338. font-size: 0.75rem;
  3339. margin-top: 0.25rem;
  3340. }
  3341. .help.is-white {
  3342. color: white;
  3343. }
  3344. .help.is-black {
  3345. color: #0a0a0a;
  3346. }
  3347. .help.is-light {
  3348. color: whitesmoke;
  3349. }
  3350. .help.is-dark {
  3351. color: #363636;
  3352. }
  3353. .help.is-primary {
  3354. color: #00d1b2;
  3355. }
  3356. .help.is-link {
  3357. color: #3273dc;
  3358. }
  3359. .help.is-info {
  3360. color: #209cee;
  3361. }
  3362. .help.is-success {
  3363. color: #23d160;
  3364. }
  3365. .help.is-warning {
  3366. color: #ffdd57;
  3367. }
  3368. .help.is-danger {
  3369. color: #ff3860;
  3370. }
  3371. .field:not(:last-child) {
  3372. margin-bottom: 0.75rem;
  3373. }
  3374. .field.has-addons {
  3375. display: -webkit-box;
  3376. display: -ms-flexbox;
  3377. display: flex;
  3378. -webkit-box-pack: start;
  3379. -ms-flex-pack: start;
  3380. justify-content: flex-start;
  3381. }
  3382. .field.has-addons .control:not(:last-child) {
  3383. margin-right: -1px;
  3384. }
  3385. .field.has-addons .control:not(:first-child):not(:last-child) .button,
  3386. .field.has-addons .control:not(:first-child):not(:last-child) .input,
  3387. .field.has-addons .control:not(:first-child):not(:last-child) .select select {
  3388. border-radius: 0;
  3389. }
  3390. .field.has-addons .control:first-child .button,
  3391. .field.has-addons .control:first-child .input,
  3392. .field.has-addons .control:first-child .select select {
  3393. border-bottom-right-radius: 0;
  3394. border-top-right-radius: 0;
  3395. }
  3396. .field.has-addons .control:last-child .button,
  3397. .field.has-addons .control:last-child .input,
  3398. .field.has-addons .control:last-child .select select {
  3399. border-bottom-left-radius: 0;
  3400. border-top-left-radius: 0;
  3401. }
  3402. .field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered,
  3403. .field.has-addons .control .input:hover,
  3404. .field.has-addons .control .input.is-hovered,
  3405. .field.has-addons .control .select select:hover,
  3406. .field.has-addons .control .select select.is-hovered {
  3407. z-index: 2;
  3408. }
  3409. .field.has-addons .control .button:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active,
  3410. .field.has-addons .control .input:focus,
  3411. .field.has-addons .control .input.is-focused,
  3412. .field.has-addons .control .input:active,
  3413. .field.has-addons .control .input.is-active,
  3414. .field.has-addons .control .select select:focus,
  3415. .field.has-addons .control .select select.is-focused,
  3416. .field.has-addons .control .select select:active,
  3417. .field.has-addons .control .select select.is-active {
  3418. z-index: 3;
  3419. }
  3420. .field.has-addons .control .button:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover,
  3421. .field.has-addons .control .input:focus:hover,
  3422. .field.has-addons .control .input.is-focused:hover,
  3423. .field.has-addons .control .input:active:hover,
  3424. .field.has-addons .control .input.is-active:hover,
  3425. .field.has-addons .control .select select:focus:hover,
  3426. .field.has-addons .control .select select.is-focused:hover,
  3427. .field.has-addons .control .select select:active:hover,
  3428. .field.has-addons .control .select select.is-active:hover {
  3429. z-index: 4;
  3430. }
  3431. .field.has-addons .control.is-expanded {
  3432. -webkit-box-flex: 1;
  3433. -ms-flex-positive: 1;
  3434. flex-grow: 1;
  3435. }
  3436. .field.has-addons.has-addons-centered {
  3437. -webkit-box-pack: center;
  3438. -ms-flex-pack: center;
  3439. justify-content: center;
  3440. }
  3441. .field.has-addons.has-addons-right {
  3442. -webkit-box-pack: end;
  3443. -ms-flex-pack: end;
  3444. justify-content: flex-end;
  3445. }
  3446. .field.has-addons.has-addons-fullwidth .control {
  3447. -webkit-box-flex: 1;
  3448. -ms-flex-positive: 1;
  3449. flex-grow: 1;
  3450. -ms-flex-negative: 0;
  3451. flex-shrink: 0;
  3452. }
  3453. .field.is-grouped {
  3454. display: -webkit-box;
  3455. display: -ms-flexbox;
  3456. display: flex;
  3457. -webkit-box-pack: start;
  3458. -ms-flex-pack: start;
  3459. justify-content: flex-start;
  3460. }
  3461. .field.is-grouped > .control {
  3462. -ms-flex-negative: 0;
  3463. flex-shrink: 0;
  3464. }
  3465. .field.is-grouped > .control:not(:last-child) {
  3466. margin-bottom: 0;
  3467. margin-right: 0.75rem;
  3468. }
  3469. .field.is-grouped > .control.is-expanded {
  3470. -webkit-box-flex: 1;
  3471. -ms-flex-positive: 1;
  3472. flex-grow: 1;
  3473. -ms-flex-negative: 1;
  3474. flex-shrink: 1;
  3475. }
  3476. .field.is-grouped.is-grouped-centered {
  3477. -webkit-box-pack: center;
  3478. -ms-flex-pack: center;
  3479. justify-content: center;
  3480. }
  3481. .field.is-grouped.is-grouped-right {
  3482. -webkit-box-pack: end;
  3483. -ms-flex-pack: end;
  3484. justify-content: flex-end;
  3485. }
  3486. .field.is-grouped.is-grouped-multiline {
  3487. -ms-flex-wrap: wrap;
  3488. flex-wrap: wrap;
  3489. }
  3490. .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  3491. margin-bottom: 0.75rem;
  3492. }
  3493. .field.is-grouped.is-grouped-multiline:last-child {
  3494. margin-bottom: -0.75rem;
  3495. }
  3496. .field.is-grouped.is-grouped-multiline:not(:last-child) {
  3497. margin-bottom: 0;
  3498. }
  3499. @media screen and (min-width: 769px), print {
  3500. .field.is-horizontal {
  3501. display: -webkit-box;
  3502. display: -ms-flexbox;
  3503. display: flex;
  3504. }
  3505. }
  3506. .field-label .label {
  3507. font-size: inherit;
  3508. }
  3509. @media screen and (max-width: 768px) {
  3510. .field-label {
  3511. margin-bottom: 0.5rem;
  3512. }
  3513. }
  3514. @media screen and (min-width: 769px), print {
  3515. .field-label {
  3516. -ms-flex-preferred-size: 0;
  3517. flex-basis: 0;
  3518. -webkit-box-flex: 1;
  3519. -ms-flex-positive: 1;
  3520. flex-grow: 1;
  3521. -ms-flex-negative: 0;
  3522. flex-shrink: 0;
  3523. margin-right: 1.5rem;
  3524. text-align: right;
  3525. }
  3526. .field-label.is-small {
  3527. font-size: 0.75rem;
  3528. padding-top: 0.375em;
  3529. }
  3530. .field-label.is-normal {
  3531. padding-top: 0.375em;
  3532. }
  3533. .field-label.is-medium {
  3534. font-size: 1.25rem;
  3535. padding-top: 0.375em;
  3536. }
  3537. .field-label.is-large {
  3538. font-size: 1.5rem;
  3539. padding-top: 0.375em;
  3540. }
  3541. }
  3542. .field-body .field .field {
  3543. margin-bottom: 0;
  3544. }
  3545. @media screen and (min-width: 769px), print {
  3546. .field-body {
  3547. display: -webkit-box;
  3548. display: -ms-flexbox;
  3549. display: flex;
  3550. -ms-flex-preferred-size: 0;
  3551. flex-basis: 0;
  3552. -webkit-box-flex: 5;
  3553. -ms-flex-positive: 5;
  3554. flex-grow: 5;
  3555. -ms-flex-negative: 1;
  3556. flex-shrink: 1;
  3557. }
  3558. .field-body .field {
  3559. margin-bottom: 0;
  3560. }
  3561. .field-body > .field {
  3562. -ms-flex-negative: 1;
  3563. flex-shrink: 1;
  3564. }
  3565. .field-body > .field:not(.is-narrow) {
  3566. -webkit-box-flex: 1;
  3567. -ms-flex-positive: 1;
  3568. flex-grow: 1;
  3569. }
  3570. .field-body > .field:not(:last-child) {
  3571. margin-right: 0.75rem;
  3572. }
  3573. }
  3574. .control {
  3575. font-size: 1rem;
  3576. position: relative;
  3577. text-align: left;
  3578. }
  3579. .control.has-icon .icon {
  3580. color: #dbdbdb;
  3581. height: 2.25em;
  3582. pointer-events: none;
  3583. position: absolute;
  3584. top: 0;
  3585. width: 2.25em;
  3586. z-index: 4;
  3587. }
  3588. .control.has-icon .input:focus + .icon {
  3589. color: #7a7a7a;
  3590. }
  3591. .control.has-icon .input.is-small + .icon {
  3592. font-size: 0.75rem;
  3593. }
  3594. .control.has-icon .input.is-medium + .icon {
  3595. font-size: 1.25rem;
  3596. }
  3597. .control.has-icon .input.is-large + .icon {
  3598. font-size: 1.5rem;
  3599. }
  3600. .control.has-icon:not(.has-icon-right) .icon {
  3601. left: 0;
  3602. }
  3603. .control.has-icon:not(.has-icon-right) .input {
  3604. padding-left: 2.25em;
  3605. }
  3606. .control.has-icon.has-icon-right .icon {
  3607. right: 0;
  3608. }
  3609. .control.has-icon.has-icon-right .input {
  3610. padding-right: 2.25em;
  3611. }
  3612. .control.has-icons-left .input:focus ~ .icon,
  3613. .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
  3614. .control.has-icons-right .select:focus ~ .icon {
  3615. color: #7a7a7a;
  3616. }
  3617. .control.has-icons-left .input.is-small ~ .icon,
  3618. .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
  3619. .control.has-icons-right .select.is-small ~ .icon {
  3620. font-size: 0.75rem;
  3621. }
  3622. .control.has-icons-left .input.is-medium ~ .icon,
  3623. .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
  3624. .control.has-icons-right .select.is-medium ~ .icon {
  3625. font-size: 1.25rem;
  3626. }
  3627. .control.has-icons-left .input.is-large ~ .icon,
  3628. .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
  3629. .control.has-icons-right .select.is-large ~ .icon {
  3630. font-size: 1.5rem;
  3631. }
  3632. .control.has-icons-left .icon, .control.has-icons-right .icon {
  3633. color: #dbdbdb;
  3634. height: 2.25em;
  3635. pointer-events: none;
  3636. position: absolute;
  3637. top: 0;
  3638. width: 2.25em;
  3639. z-index: 4;
  3640. }
  3641. .control.has-icons-left .input,
  3642. .control.has-icons-left .select select {
  3643. padding-left: 2.25em;
  3644. }
  3645. .control.has-icons-left .icon.is-left {
  3646. left: 0;
  3647. }
  3648. .control.has-icons-right .input,
  3649. .control.has-icons-right .select select {
  3650. padding-right: 2.25em;
  3651. }
  3652. .control.has-icons-right .icon.is-right {
  3653. right: 0;
  3654. }
  3655. .control.is-loading::after {
  3656. -webkit-animation: spinAround 500ms infinite linear;
  3657. animation: spinAround 500ms infinite linear;
  3658. border: 2px solid #dbdbdb;
  3659. border-radius: 290486px;
  3660. border-right-color: transparent;
  3661. border-top-color: transparent;
  3662. content: "";
  3663. display: block;
  3664. height: 1em;
  3665. position: relative;
  3666. width: 1em;
  3667. position: absolute !important;
  3668. right: 0.625em;
  3669. top: 0.625em;
  3670. z-index: 4;
  3671. }
  3672. .control.is-loading.is-small:after {
  3673. font-size: 0.75rem;
  3674. }
  3675. .control.is-loading.is-medium:after {
  3676. font-size: 1.25rem;
  3677. }
  3678. .control.is-loading.is-large:after {
  3679. font-size: 1.5rem;
  3680. }
  3681. .icon {
  3682. -webkit-box-align: center;
  3683. -ms-flex-align: center;
  3684. align-items: center;
  3685. display: -webkit-inline-box;
  3686. display: -ms-inline-flexbox;
  3687. display: inline-flex;
  3688. -webkit-box-pack: center;
  3689. -ms-flex-pack: center;
  3690. justify-content: center;
  3691. height: 1.5rem;
  3692. width: 1.5rem;
  3693. }
  3694. .icon.is-small {
  3695. height: 1rem;
  3696. width: 1rem;
  3697. }
  3698. .icon.is-medium {
  3699. height: 2rem;
  3700. width: 2rem;
  3701. }
  3702. .icon.is-large {
  3703. height: 3rem;
  3704. width: 3rem;
  3705. }
  3706. .image {
  3707. display: block;
  3708. position: relative;
  3709. }
  3710. .image img {
  3711. display: block;
  3712. height: auto;
  3713. width: 100%;
  3714. }
  3715. .image img.is-rounded {
  3716. border-radius: 290486px;
  3717. }
  3718. .image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img {
  3719. bottom: 0;
  3720. left: 0;
  3721. position: absolute;
  3722. right: 0;
  3723. top: 0;
  3724. height: 100%;
  3725. width: 100%;
  3726. }
  3727. .image.is-square, .image.is-1by1 {
  3728. padding-top: 100%;
  3729. }
  3730. .image.is-4by3 {
  3731. padding-top: 75%;
  3732. }
  3733. .image.is-3by2 {
  3734. padding-top: 66.6666%;
  3735. }
  3736. .image.is-16by9 {
  3737. padding-top: 56.25%;
  3738. }
  3739. .image.is-2by1 {
  3740. padding-top: 50%;
  3741. }
  3742. .image.is-16x16 {
  3743. height: 16px;
  3744. width: 16px;
  3745. }
  3746. .image.is-24x24 {
  3747. height: 24px;
  3748. width: 24px;
  3749. }
  3750. .image.is-32x32 {
  3751. height: 32px;
  3752. width: 32px;
  3753. }
  3754. .image.is-48x48 {
  3755. height: 48px;
  3756. width: 48px;
  3757. }
  3758. .image.is-64x64 {
  3759. height: 64px;
  3760. width: 64px;
  3761. }
  3762. .image.is-96x96 {
  3763. height: 96px;
  3764. width: 96px;
  3765. }
  3766. .image.is-128x128 {
  3767. height: 128px;
  3768. width: 128px;
  3769. }
  3770. .notification {
  3771. background-color: whitesmoke;
  3772. border-radius: 3px;
  3773. padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  3774. position: relative;
  3775. }
  3776. .notification:not(:last-child) {
  3777. margin-bottom: 1.5rem;
  3778. }
  3779. .notification a:not(.button) {
  3780. color: currentColor;
  3781. text-decoration: underline;
  3782. }
  3783. .notification strong {
  3784. color: currentColor;
  3785. }
  3786. .notification code,
  3787. .notification pre {
  3788. background: white;
  3789. }
  3790. .notification pre code {
  3791. background: transparent;
  3792. }
  3793. .notification > .delete {
  3794. position: absolute;
  3795. right: 0.5rem;
  3796. top: 0.5rem;
  3797. }
  3798. .notification .title,
  3799. .notification .subtitle,
  3800. .notification .content {
  3801. color: currentColor;
  3802. }
  3803. .notification.is-white {
  3804. background-color: white;
  3805. color: #0a0a0a;
  3806. }
  3807. .notification.is-black {
  3808. background-color: #0a0a0a;
  3809. color: white;
  3810. }
  3811. .notification.is-light {
  3812. background-color: whitesmoke;
  3813. color: #363636;
  3814. }
  3815. .notification.is-dark {
  3816. background-color: #363636;
  3817. color: whitesmoke;
  3818. }
  3819. .notification.is-primary {
  3820. background-color: #00d1b2;
  3821. color: #fff;
  3822. }
  3823. .notification.is-link {
  3824. background-color: #3273dc;
  3825. color: #fff;
  3826. }
  3827. .notification.is-info {
  3828. background-color: #209cee;
  3829. color: #fff;
  3830. }
  3831. .notification.is-success {
  3832. background-color: #23d160;
  3833. color: #fff;
  3834. }
  3835. .notification.is-warning {
  3836. background-color: #ffdd57;
  3837. color: rgba(0, 0, 0, 0.7);
  3838. }
  3839. .notification.is-danger {
  3840. background-color: #ff3860;
  3841. color: #fff;
  3842. }
  3843. .progress {
  3844. -moz-appearance: none;
  3845. -webkit-appearance: none;
  3846. border: none;
  3847. border-radius: 290486px;
  3848. display: block;
  3849. height: 1rem;
  3850. overflow: hidden;
  3851. padding: 0;
  3852. width: 100%;
  3853. }
  3854. .progress:not(:last-child) {
  3855. margin-bottom: 1.5rem;
  3856. }
  3857. .progress::-webkit-progress-bar {
  3858. background-color: #dbdbdb;
  3859. }
  3860. .progress::-webkit-progress-value {
  3861. background-color: #4a4a4a;
  3862. }
  3863. .progress::-moz-progress-bar {
  3864. background-color: #4a4a4a;
  3865. }
  3866. .progress::-ms-fill {
  3867. background-color: #4a4a4a;
  3868. border: none;
  3869. }
  3870. .progress.is-white::-webkit-progress-value {
  3871. background-color: white;
  3872. }
  3873. .progress.is-white::-moz-progress-bar {
  3874. background-color: white;
  3875. }
  3876. .progress.is-white::-ms-fill {
  3877. background-color: white;
  3878. }
  3879. .progress.is-black::-webkit-progress-value {
  3880. background-color: #0a0a0a;
  3881. }
  3882. .progress.is-black::-moz-progress-bar {
  3883. background-color: #0a0a0a;
  3884. }
  3885. .progress.is-black::-ms-fill {
  3886. background-color: #0a0a0a;
  3887. }
  3888. .progress.is-light::-webkit-progress-value {
  3889. background-color: whitesmoke;
  3890. }
  3891. .progress.is-light::-moz-progress-bar {
  3892. background-color: whitesmoke;
  3893. }
  3894. .progress.is-light::-ms-fill {
  3895. background-color: whitesmoke;
  3896. }
  3897. .progress.is-dark::-webkit-progress-value {
  3898. background-color: #363636;
  3899. }
  3900. .progress.is-dark::-moz-progress-bar {
  3901. background-color: #363636;
  3902. }
  3903. .progress.is-dark::-ms-fill {
  3904. background-color: #363636;
  3905. }
  3906. .progress.is-primary::-webkit-progress-value {
  3907. background-color: #00d1b2;
  3908. }
  3909. .progress.is-primary::-moz-progress-bar {
  3910. background-color: #00d1b2;
  3911. }
  3912. .progress.is-primary::-ms-fill {
  3913. background-color: #00d1b2;
  3914. }
  3915. .progress.is-link::-webkit-progress-value {
  3916. background-color: #3273dc;
  3917. }
  3918. .progress.is-link::-moz-progress-bar {
  3919. background-color: #3273dc;
  3920. }
  3921. .progress.is-link::-ms-fill {
  3922. background-color: #3273dc;
  3923. }
  3924. .progress.is-info::-webkit-progress-value {
  3925. background-color: #209cee;
  3926. }
  3927. .progress.is-info::-moz-progress-bar {
  3928. background-color: #209cee;
  3929. }
  3930. .progress.is-info::-ms-fill {
  3931. background-color: #209cee;
  3932. }
  3933. .progress.is-success::-webkit-progress-value {
  3934. background-color: #23d160;
  3935. }
  3936. .progress.is-success::-moz-progress-bar {
  3937. background-color: #23d160;
  3938. }
  3939. .progress.is-success::-ms-fill {
  3940. background-color: #23d160;
  3941. }
  3942. .progress.is-warning::-webkit-progress-value {
  3943. background-color: #ffdd57;
  3944. }
  3945. .progress.is-warning::-moz-progress-bar {
  3946. background-color: #ffdd57;
  3947. }
  3948. .progress.is-warning::-ms-fill {
  3949. background-color: #ffdd57;
  3950. }
  3951. .progress.is-danger::-webkit-progress-value {
  3952. background-color: #ff3860;
  3953. }
  3954. .progress.is-danger::-moz-progress-bar {
  3955. background-color: #ff3860;
  3956. }
  3957. .progress.is-danger::-ms-fill {
  3958. background-color: #ff3860;
  3959. }
  3960. .progress.is-small {
  3961. height: 0.75rem;
  3962. }
  3963. .progress.is-medium {
  3964. height: 1.25rem;
  3965. }
  3966. .progress.is-large {
  3967. height: 1.5rem;
  3968. }
  3969. .table {
  3970. background-color: white;
  3971. color: #363636;
  3972. margin-bottom: 1.5rem;
  3973. }
  3974. .table td,
  3975. .table th {
  3976. border: 1px solid #dbdbdb;
  3977. border-width: 0 0 1px;
  3978. padding: 0.5em 0.75em;
  3979. vertical-align: top;
  3980. }
  3981. .table td.is-white,
  3982. .table th.is-white {
  3983. background-color: white;
  3984. border-color: white;
  3985. color: #0a0a0a;
  3986. }
  3987. .table td.is-black,
  3988. .table th.is-black {
  3989. background-color: #0a0a0a;
  3990. border-color: #0a0a0a;
  3991. color: white;
  3992. }
  3993. .table td.is-light,
  3994. .table th.is-light {
  3995. background-color: whitesmoke;
  3996. border-color: whitesmoke;
  3997. color: #363636;
  3998. }
  3999. .table td.is-dark,
  4000. .table th.is-dark {
  4001. background-color: #363636;
  4002. border-color: #363636;
  4003. color: whitesmoke;
  4004. }
  4005. .table td.is-primary,
  4006. .table th.is-primary {
  4007. background-color: #00d1b2;
  4008. border-color: #00d1b2;
  4009. color: #fff;
  4010. }
  4011. .table td.is-link,
  4012. .table th.is-link {
  4013. background-color: #3273dc;
  4014. border-color: #3273dc;
  4015. color: #fff;
  4016. }
  4017. .table td.is-info,
  4018. .table th.is-info {
  4019. background-color: #209cee;
  4020. border-color: #209cee;
  4021. color: #fff;
  4022. }
  4023. .table td.is-success,
  4024. .table th.is-success {
  4025. background-color: #23d160;
  4026. border-color: #23d160;
  4027. color: #fff;
  4028. }
  4029. .table td.is-warning,
  4030. .table th.is-warning {
  4031. background-color: #ffdd57;
  4032. border-color: #ffdd57;
  4033. color: rgba(0, 0, 0, 0.7);
  4034. }
  4035. .table td.is-danger,
  4036. .table th.is-danger {
  4037. background-color: #ff3860;
  4038. border-color: #ff3860;
  4039. color: #fff;
  4040. }
  4041. .table td.is-narrow,
  4042. .table th.is-narrow {
  4043. white-space: nowrap;
  4044. width: 1%;
  4045. }
  4046. .table td.is-selected,
  4047. .table th.is-selected {
  4048. background-color: #00d1b2;
  4049. color: #fff;
  4050. }
  4051. .table td.is-selected a,
  4052. .table td.is-selected strong,
  4053. .table th.is-selected a,
  4054. .table th.is-selected strong {
  4055. color: currentColor;
  4056. }
  4057. .table th {
  4058. color: #363636;
  4059. text-align: left;
  4060. }
  4061. .table tr.is-selected {
  4062. background-color: #00d1b2;
  4063. color: #fff;
  4064. }
  4065. .table tr.is-selected a,
  4066. .table tr.is-selected strong {
  4067. color: currentColor;
  4068. }
  4069. .table tr.is-selected td,
  4070. .table tr.is-selected th {
  4071. border-color: #fff;
  4072. color: currentColor;
  4073. }
  4074. .table thead td,
  4075. .table thead th {
  4076. border-width: 0 0 2px;
  4077. color: #363636;
  4078. }
  4079. .table tfoot td,
  4080. .table tfoot th {
  4081. border-width: 2px 0 0;
  4082. color: #363636;
  4083. }
  4084. .table tbody tr:last-child td,
  4085. .table tbody tr:last-child th {
  4086. border-bottom-width: 0;
  4087. }
  4088. .table.is-bordered td,
  4089. .table.is-bordered th {
  4090. border-width: 1px;
  4091. }
  4092. .table.is-bordered tr:last-child td,
  4093. .table.is-bordered tr:last-child th {
  4094. border-bottom-width: 1px;
  4095. }
  4096. .table.is-fullwidth {
  4097. width: 100%;
  4098. }
  4099. .table.is-hoverable tbody tr:not(.is-selected):hover {
  4100. background-color: #fafafa;
  4101. }
  4102. .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  4103. background-color: whitesmoke;
  4104. }
  4105. .table.is-narrow td,
  4106. .table.is-narrow th {
  4107. padding: 0.25em 0.5em;
  4108. }
  4109. .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  4110. background-color: #fafafa;
  4111. }
  4112. .table-container {
  4113. -webkit-overflow-scrolling: touch;
  4114. overflow: auto;
  4115. overflow-y: hidden;
  4116. max-width: 100%;
  4117. }
  4118. .table-container:not(:last-child) {
  4119. margin-bottom: 1.5rem;
  4120. }
  4121. .tags {
  4122. -webkit-box-align: center;
  4123. -ms-flex-align: center;
  4124. align-items: center;
  4125. display: -webkit-box;
  4126. display: -ms-flexbox;
  4127. display: flex;
  4128. -ms-flex-wrap: wrap;
  4129. flex-wrap: wrap;
  4130. -webkit-box-pack: start;
  4131. -ms-flex-pack: start;
  4132. justify-content: flex-start;
  4133. }
  4134. .tags .tag {
  4135. margin-bottom: 0.5rem;
  4136. }
  4137. .tags .tag:not(:last-child) {
  4138. margin-right: 0.5rem;
  4139. }
  4140. .tags:last-child {
  4141. margin-bottom: -0.5rem;
  4142. }
  4143. .tags:not(:last-child) {
  4144. margin-bottom: 1rem;
  4145. }
  4146. .tags.has-addons .tag {
  4147. margin-right: 0;
  4148. }
  4149. .tags.has-addons .tag:not(:first-child) {
  4150. border-bottom-left-radius: 0;
  4151. border-top-left-radius: 0;
  4152. }
  4153. .tags.has-addons .tag:not(:last-child) {
  4154. border-bottom-right-radius: 0;
  4155. border-top-right-radius: 0;
  4156. }
  4157. .tags.is-centered {
  4158. -webkit-box-pack: center;
  4159. -ms-flex-pack: center;
  4160. justify-content: center;
  4161. }
  4162. .tags.is-centered .tag {
  4163. margin-right: 0.25rem;
  4164. margin-left: 0.25rem;
  4165. }
  4166. .tags.is-right {
  4167. -webkit-box-pack: end;
  4168. -ms-flex-pack: end;
  4169. justify-content: flex-end;
  4170. }
  4171. .tags.is-right .tag:not(:first-child) {
  4172. margin-left: 0.5rem;
  4173. }
  4174. .tags.is-right .tag:not(:last-child) {
  4175. margin-right: 0;
  4176. }
  4177. .tag:not(body) {
  4178. -webkit-box-align: center;
  4179. -ms-flex-align: center;
  4180. align-items: center;
  4181. background-color: whitesmoke;
  4182. border-radius: 3px;
  4183. color: #4a4a4a;
  4184. display: -webkit-inline-box;
  4185. display: -ms-inline-flexbox;
  4186. display: inline-flex;
  4187. font-size: 0.75rem;
  4188. height: 2em;
  4189. -webkit-box-pack: center;
  4190. -ms-flex-pack: center;
  4191. justify-content: center;
  4192. line-height: 1.5;
  4193. padding-left: 0.75em;
  4194. padding-right: 0.75em;
  4195. white-space: nowrap;
  4196. }
  4197. .tag:not(body) .delete {
  4198. margin-left: 0.25em;
  4199. margin-right: -0.375em;
  4200. }
  4201. .tag:not(body).is-white {
  4202. background-color: white;
  4203. color: #0a0a0a;
  4204. }
  4205. .tag:not(body).is-black {
  4206. background-color: #0a0a0a;
  4207. color: white;
  4208. }
  4209. .tag:not(body).is-light {
  4210. background-color: whitesmoke;
  4211. color: #363636;
  4212. }
  4213. .tag:not(body).is-dark {
  4214. background-color: #363636;
  4215. color: whitesmoke;
  4216. }
  4217. .tag:not(body).is-primary {
  4218. background-color: #00d1b2;
  4219. color: #fff;
  4220. }
  4221. .tag:not(body).is-link {
  4222. background-color: #3273dc;
  4223. color: #fff;
  4224. }
  4225. .tag:not(body).is-info {
  4226. background-color: #209cee;
  4227. color: #fff;
  4228. }
  4229. .tag:not(body).is-success {
  4230. background-color: #23d160;
  4231. color: #fff;
  4232. }
  4233. .tag:not(body).is-warning {
  4234. background-color: #ffdd57;
  4235. color: rgba(0, 0, 0, 0.7);
  4236. }
  4237. .tag:not(body).is-danger {
  4238. background-color: #ff3860;
  4239. color: #fff;
  4240. }
  4241. .tag:not(body).is-medium {
  4242. font-size: 1rem;
  4243. }
  4244. .tag:not(body).is-large {
  4245. font-size: 1.25rem;
  4246. }
  4247. .tag:not(body) .icon:first-child:not(:last-child) {
  4248. margin-left: -0.375em;
  4249. margin-right: 0.1875em;
  4250. }
  4251. .tag:not(body) .icon:last-child:not(:first-child) {
  4252. margin-left: 0.1875em;
  4253. margin-right: -0.375em;
  4254. }
  4255. .tag:not(body) .icon:first-child:last-child {
  4256. margin-left: -0.375em;
  4257. margin-right: -0.375em;
  4258. }
  4259. .tag:not(body).is-delete {
  4260. margin-left: 1px;
  4261. padding: 0;
  4262. position: relative;
  4263. width: 2em;
  4264. }
  4265. .tag:not(body).is-delete:before, .tag:not(body).is-delete:after {
  4266. background-color: currentColor;
  4267. content: "";
  4268. display: block;
  4269. left: 50%;
  4270. position: absolute;
  4271. top: 50%;
  4272. -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  4273. transform: translateX(-50%) translateY(-50%) rotate(45deg);
  4274. -webkit-transform-origin: center center;
  4275. transform-origin: center center;
  4276. }
  4277. .tag:not(body).is-delete:before {
  4278. height: 1px;
  4279. width: 50%;
  4280. }
  4281. .tag:not(body).is-delete:after {
  4282. height: 50%;
  4283. width: 1px;
  4284. }
  4285. .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
  4286. background-color: #e8e8e8;
  4287. }
  4288. .tag:not(body).is-delete:active {
  4289. background-color: #dbdbdb;
  4290. }
  4291. .tag:not(body).is-rounded {
  4292. border-radius: 290486px;
  4293. }
  4294. a.tag:hover {
  4295. text-decoration: underline;
  4296. }
  4297. .title,
  4298. .subtitle {
  4299. word-break: break-word;
  4300. }
  4301. .title:not(:last-child),
  4302. .subtitle:not(:last-child) {
  4303. margin-bottom: 1.5rem;
  4304. }
  4305. .title em,
  4306. .title span,
  4307. .subtitle em,
  4308. .subtitle span {
  4309. font-weight: inherit;
  4310. }
  4311. .title sub,
  4312. .subtitle sub {
  4313. font-size: 0.75em;
  4314. }
  4315. .title sup,
  4316. .subtitle sup {
  4317. font-size: 0.75em;
  4318. }
  4319. .title .tag,
  4320. .subtitle .tag {
  4321. vertical-align: middle;
  4322. }
  4323. .title {
  4324. color: #363636;
  4325. font-size: 2rem;
  4326. font-weight: 600;
  4327. line-height: 1.125;
  4328. }
  4329. .title strong {
  4330. color: inherit;
  4331. font-weight: inherit;
  4332. }
  4333. .title + .highlight {
  4334. margin-top: -0.75rem;
  4335. }
  4336. .title:not(.is-spaced) + .subtitle {
  4337. margin-top: -1.5rem;
  4338. }
  4339. .title.is-1 {
  4340. font-size: 3rem;
  4341. }
  4342. .title.is-2 {
  4343. font-size: 2.5rem;
  4344. }
  4345. .title.is-3 {
  4346. font-size: 2rem;
  4347. }
  4348. .title.is-4 {
  4349. font-size: 1.5rem;
  4350. }
  4351. .title.is-5 {
  4352. font-size: 1.25rem;
  4353. }
  4354. .title.is-6 {
  4355. font-size: 1rem;
  4356. }
  4357. .title.is-7 {
  4358. font-size: 0.75rem;
  4359. }
  4360. .subtitle {
  4361. color: #4a4a4a;
  4362. font-size: 1.25rem;
  4363. font-weight: 400;
  4364. line-height: 1.25;
  4365. }
  4366. .subtitle strong {
  4367. color: #363636;
  4368. font-weight: 600;
  4369. }
  4370. .subtitle:not(.is-spaced) + .title {
  4371. margin-top: -1.5rem;
  4372. }
  4373. .subtitle.is-1 {
  4374. font-size: 3rem;
  4375. }
  4376. .subtitle.is-2 {
  4377. font-size: 2.5rem;
  4378. }
  4379. .subtitle.is-3 {
  4380. font-size: 2rem;
  4381. }
  4382. .subtitle.is-4 {
  4383. font-size: 1.5rem;
  4384. }
  4385. .subtitle.is-5 {
  4386. font-size: 1.25rem;
  4387. }
  4388. .subtitle.is-6 {
  4389. font-size: 1rem;
  4390. }
  4391. .subtitle.is-7 {
  4392. font-size: 0.75rem;
  4393. }
  4394. .block:not(:last-child) {
  4395. margin-bottom: 1.5rem;
  4396. }
  4397. .delete {
  4398. -webkit-touch-callout: none;
  4399. -webkit-user-select: none;
  4400. -moz-user-select: none;
  4401. -ms-user-select: none;
  4402. user-select: none;
  4403. -moz-appearance: none;
  4404. -webkit-appearance: none;
  4405. background-color: rgba(10, 10, 10, 0.2);
  4406. border: none;
  4407. border-radius: 290486px;
  4408. cursor: pointer;
  4409. display: inline-block;
  4410. -webkit-box-flex: 0;
  4411. -ms-flex-positive: 0;
  4412. flex-grow: 0;
  4413. -ms-flex-negative: 0;
  4414. flex-shrink: 0;
  4415. font-size: 0;
  4416. height: 20px;
  4417. max-height: 20px;
  4418. max-width: 20px;
  4419. min-height: 20px;
  4420. min-width: 20px;
  4421. outline: none;
  4422. position: relative;
  4423. vertical-align: top;
  4424. width: 20px;
  4425. }
  4426. .delete:before, .delete:after {
  4427. background-color: white;
  4428. content: "";
  4429. display: block;
  4430. left: 50%;
  4431. position: absolute;
  4432. top: 50%;
  4433. -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  4434. transform: translateX(-50%) translateY(-50%) rotate(45deg);
  4435. -webkit-transform-origin: center center;
  4436. transform-origin: center center;
  4437. }
  4438. .delete:before {
  4439. height: 2px;
  4440. width: 50%;
  4441. }
  4442. .delete:after {
  4443. height: 50%;
  4444. width: 2px;
  4445. }
  4446. .delete:hover, .delete:focus {
  4447. background-color: rgba(10, 10, 10, 0.3);
  4448. }
  4449. .delete:active {
  4450. background-color: rgba(10, 10, 10, 0.4);
  4451. }
  4452. .delete.is-small {
  4453. height: 16px;
  4454. max-height: 16px;
  4455. max-width: 16px;
  4456. min-height: 16px;
  4457. min-width: 16px;
  4458. width: 16px;
  4459. }
  4460. .delete.is-medium {
  4461. height: 24px;
  4462. max-height: 24px;
  4463. max-width: 24px;
  4464. min-height: 24px;
  4465. min-width: 24px;
  4466. width: 24px;
  4467. }
  4468. .delete.is-large {
  4469. height: 32px;
  4470. max-height: 32px;
  4471. max-width: 32px;
  4472. min-height: 32px;
  4473. min-width: 32px;
  4474. width: 32px;
  4475. }
  4476. .heading {
  4477. display: block;
  4478. font-size: 11px;
  4479. letter-spacing: 1px;
  4480. margin-bottom: 5px;
  4481. text-transform: uppercase;
  4482. }
  4483. .highlight {
  4484. font-weight: 400;
  4485. max-width: 100%;
  4486. overflow: hidden;
  4487. padding: 0;
  4488. }
  4489. .highlight:not(:last-child) {
  4490. margin-bottom: 1.5rem;
  4491. }
  4492. .highlight pre {
  4493. overflow: auto;
  4494. max-width: 100%;
  4495. }
  4496. .loader {
  4497. -webkit-animation: spinAround 500ms infinite linear;
  4498. animation: spinAround 500ms infinite linear;
  4499. border: 2px solid #dbdbdb;
  4500. border-radius: 290486px;
  4501. border-right-color: transparent;
  4502. border-top-color: transparent;
  4503. content: "";
  4504. display: block;
  4505. height: 1em;
  4506. position: relative;
  4507. width: 1em;
  4508. }
  4509. .number {
  4510. -webkit-box-align: center;
  4511. -ms-flex-align: center;
  4512. align-items: center;
  4513. background-color: whitesmoke;
  4514. border-radius: 290486px;
  4515. display: -webkit-inline-box;
  4516. display: -ms-inline-flexbox;
  4517. display: inline-flex;
  4518. font-size: 1.25rem;
  4519. height: 2em;
  4520. -webkit-box-pack: center;
  4521. -ms-flex-pack: center;
  4522. justify-content: center;
  4523. margin-right: 1.5rem;
  4524. min-width: 2.5em;
  4525. padding: 0.25rem 0.5rem;
  4526. text-align: center;
  4527. vertical-align: top;
  4528. }
  4529. .breadcrumb {
  4530. -webkit-touch-callout: none;
  4531. -webkit-user-select: none;
  4532. -moz-user-select: none;
  4533. -ms-user-select: none;
  4534. user-select: none;
  4535. -webkit-box-align: stretch;
  4536. -ms-flex-align: stretch;
  4537. align-items: stretch;
  4538. display: -webkit-box;
  4539. display: -ms-flexbox;
  4540. display: flex;
  4541. font-size: 1rem;
  4542. overflow: hidden;
  4543. overflow-x: auto;
  4544. white-space: nowrap;
  4545. }
  4546. .breadcrumb:not(:last-child) {
  4547. margin-bottom: 1.5rem;
  4548. }
  4549. .breadcrumb a {
  4550. -webkit-box-align: center;
  4551. -ms-flex-align: center;
  4552. align-items: center;
  4553. color: #3273dc;
  4554. display: -webkit-box;
  4555. display: -ms-flexbox;
  4556. display: flex;
  4557. -webkit-box-pack: center;
  4558. -ms-flex-pack: center;
  4559. justify-content: center;
  4560. padding: 0.5em 0.75em;
  4561. }
  4562. .breadcrumb a:hover {
  4563. color: #363636;
  4564. }
  4565. .breadcrumb li {
  4566. -webkit-box-align: center;
  4567. -ms-flex-align: center;
  4568. align-items: center;
  4569. display: -webkit-box;
  4570. display: -ms-flexbox;
  4571. display: flex;
  4572. }
  4573. .breadcrumb li:first-child a {
  4574. padding-left: 0;
  4575. }
  4576. .breadcrumb li.is-active a {
  4577. color: #363636;
  4578. cursor: default;
  4579. pointer-events: none;
  4580. }
  4581. .breadcrumb li + li::before {
  4582. color: #4a4a4a;
  4583. content: "\0002f";
  4584. }
  4585. .breadcrumb ul, .breadcrumb ol {
  4586. -webkit-box-align: center;
  4587. -ms-flex-align: center;
  4588. align-items: center;
  4589. display: -webkit-box;
  4590. display: -ms-flexbox;
  4591. display: flex;
  4592. -webkit-box-flex: 1;
  4593. -ms-flex-positive: 1;
  4594. flex-grow: 1;
  4595. -ms-flex-negative: 0;
  4596. flex-shrink: 0;
  4597. -webkit-box-pack: start;
  4598. -ms-flex-pack: start;
  4599. justify-content: flex-start;
  4600. }
  4601. .breadcrumb .icon:first-child {
  4602. margin-right: 0.5em;
  4603. }
  4604. .breadcrumb .icon:last-child {
  4605. margin-left: 0.5em;
  4606. }
  4607. .breadcrumb.is-centered ol, .breadcrumb.is-centered ul {
  4608. -webkit-box-pack: center;
  4609. -ms-flex-pack: center;
  4610. justify-content: center;
  4611. }
  4612. .breadcrumb.is-right ol, .breadcrumb.is-right ul {
  4613. -webkit-box-pack: end;
  4614. -ms-flex-pack: end;
  4615. justify-content: flex-end;
  4616. }
  4617. .breadcrumb.is-small {
  4618. font-size: 0.75rem;
  4619. }
  4620. .breadcrumb.is-medium {
  4621. font-size: 1.25rem;
  4622. }
  4623. .breadcrumb.is-large {
  4624. font-size: 1.5rem;
  4625. }
  4626. .breadcrumb.has-arrow-separator li + li::before {
  4627. content: "\02192";
  4628. }
  4629. .breadcrumb.has-bullet-separator li + li::before {
  4630. content: "\02022";
  4631. }
  4632. .breadcrumb.has-dot-separator li + li::before {
  4633. content: "\000b7";
  4634. }
  4635. .breadcrumb.has-succeeds-separator li + li::before {
  4636. content: "\0227B";
  4637. }
  4638. .card {
  4639. background-color: white;
  4640. -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  4641. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  4642. color: #4a4a4a;
  4643. max-width: 100%;
  4644. position: relative;
  4645. }
  4646. .card-header {
  4647. -webkit-box-align: stretch;
  4648. -ms-flex-align: stretch;
  4649. align-items: stretch;
  4650. -webkit-box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
  4651. box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
  4652. display: -webkit-box;
  4653. display: -ms-flexbox;
  4654. display: flex;
  4655. }
  4656. .card-header-title {
  4657. -webkit-box-align: center;
  4658. -ms-flex-align: center;
  4659. align-items: center;
  4660. color: #363636;
  4661. display: -webkit-box;
  4662. display: -ms-flexbox;
  4663. display: flex;
  4664. -webkit-box-flex: 1;
  4665. -ms-flex-positive: 1;
  4666. flex-grow: 1;
  4667. font-weight: 700;
  4668. padding: 0.75rem;
  4669. }
  4670. .card-header-title.is-centered {
  4671. -webkit-box-pack: center;
  4672. -ms-flex-pack: center;
  4673. justify-content: center;
  4674. }
  4675. .card-header-icon {
  4676. -webkit-box-align: center;
  4677. -ms-flex-align: center;
  4678. align-items: center;
  4679. cursor: pointer;
  4680. display: -webkit-box;
  4681. display: -ms-flexbox;
  4682. display: flex;
  4683. -webkit-box-pack: center;
  4684. -ms-flex-pack: center;
  4685. justify-content: center;
  4686. padding: 0.75rem;
  4687. }
  4688. .card-image {
  4689. display: block;
  4690. position: relative;
  4691. }
  4692. .card-content {
  4693. padding: 1.5rem;
  4694. }
  4695. .card-footer {
  4696. border-top: 1px solid #dbdbdb;
  4697. -webkit-box-align: stretch;
  4698. -ms-flex-align: stretch;
  4699. align-items: stretch;
  4700. display: -webkit-box;
  4701. display: -ms-flexbox;
  4702. display: flex;
  4703. }
  4704. .card-footer-item {
  4705. -webkit-box-align: center;
  4706. -ms-flex-align: center;
  4707. align-items: center;
  4708. display: -webkit-box;
  4709. display: -ms-flexbox;
  4710. display: flex;
  4711. -ms-flex-preferred-size: 0;
  4712. flex-basis: 0;
  4713. -webkit-box-flex: 1;
  4714. -ms-flex-positive: 1;
  4715. flex-grow: 1;
  4716. -ms-flex-negative: 0;
  4717. flex-shrink: 0;
  4718. -webkit-box-pack: center;
  4719. -ms-flex-pack: center;
  4720. justify-content: center;
  4721. padding: 0.75rem;
  4722. }
  4723. .card-footer-item:not(:last-child) {
  4724. border-right: 1px solid #dbdbdb;
  4725. }
  4726. .card .media:not(:last-child) {
  4727. margin-bottom: 0.75rem;
  4728. }
  4729. .dropdown {
  4730. display: -webkit-inline-box;
  4731. display: -ms-inline-flexbox;
  4732. display: inline-flex;
  4733. position: relative;
  4734. vertical-align: top;
  4735. }
  4736. .dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
  4737. display: block;
  4738. }
  4739. .dropdown.is-right .dropdown-menu {
  4740. left: auto;
  4741. right: 0;
  4742. }
  4743. .dropdown.is-up .dropdown-menu {
  4744. bottom: 100%;
  4745. padding-bottom: 4px;
  4746. padding-top: initial;
  4747. top: auto;
  4748. }
  4749. .dropdown-menu {
  4750. display: none;
  4751. left: 0;
  4752. min-width: 12rem;
  4753. padding-top: 4px;
  4754. position: absolute;
  4755. top: 100%;
  4756. z-index: 20;
  4757. }
  4758. .dropdown-content {
  4759. background-color: white;
  4760. border-radius: 3px;
  4761. -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  4762. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  4763. padding-bottom: 0.5rem;
  4764. padding-top: 0.5rem;
  4765. }
  4766. .dropdown-item {
  4767. color: #4a4a4a;
  4768. display: block;
  4769. font-size: 0.875rem;
  4770. line-height: 1.5;
  4771. padding: 0.375rem 1rem;
  4772. position: relative;
  4773. }
  4774. a.dropdown-item {
  4775. padding-right: 3rem;
  4776. white-space: nowrap;
  4777. }
  4778. a.dropdown-item:hover {
  4779. background-color: whitesmoke;
  4780. color: #0a0a0a;
  4781. }
  4782. a.dropdown-item.is-active {
  4783. background-color: #3273dc;
  4784. color: #fff;
  4785. }
  4786. .dropdown-divider {
  4787. background-color: #dbdbdb;
  4788. border: none;
  4789. display: block;
  4790. height: 1px;
  4791. margin: 0.5rem 0;
  4792. }
  4793. .level {
  4794. -webkit-box-align: center;
  4795. -ms-flex-align: center;
  4796. align-items: center;
  4797. -webkit-box-pack: justify;
  4798. -ms-flex-pack: justify;
  4799. justify-content: space-between;
  4800. }
  4801. .level:not(:last-child) {
  4802. margin-bottom: 1.5rem;
  4803. }
  4804. .level code {
  4805. border-radius: 3px;
  4806. }
  4807. .level img {
  4808. display: inline-block;
  4809. vertical-align: top;
  4810. }
  4811. .level.is-mobile {
  4812. display: -webkit-box;
  4813. display: -ms-flexbox;
  4814. display: flex;
  4815. }
  4816. .level.is-mobile .level-left,
  4817. .level.is-mobile .level-right {
  4818. display: -webkit-box;
  4819. display: -ms-flexbox;
  4820. display: flex;
  4821. }
  4822. .level.is-mobile .level-left + .level-right {
  4823. margin-top: 0;
  4824. }
  4825. .level.is-mobile .level-item {
  4826. margin-right: 0.75rem;
  4827. }
  4828. .level.is-mobile .level-item:not(:last-child) {
  4829. margin-bottom: 0;
  4830. }
  4831. .level.is-mobile .level-item:not(.is-narrow) {
  4832. -webkit-box-flex: 1;
  4833. -ms-flex-positive: 1;
  4834. flex-grow: 1;
  4835. }
  4836. @media screen and (min-width: 769px), print {
  4837. .level {
  4838. display: -webkit-box;
  4839. display: -ms-flexbox;
  4840. display: flex;
  4841. }
  4842. .level > .level-item:not(.is-narrow) {
  4843. -webkit-box-flex: 1;
  4844. -ms-flex-positive: 1;
  4845. flex-grow: 1;
  4846. }
  4847. }
  4848. .level-item {
  4849. -webkit-box-align: center;
  4850. -ms-flex-align: center;
  4851. align-items: center;
  4852. display: -webkit-box;
  4853. display: -ms-flexbox;
  4854. display: flex;
  4855. -ms-flex-preferred-size: auto;
  4856. flex-basis: auto;
  4857. -webkit-box-flex: 0;
  4858. -ms-flex-positive: 0;
  4859. flex-grow: 0;
  4860. -ms-flex-negative: 0;
  4861. flex-shrink: 0;
  4862. -webkit-box-pack: center;
  4863. -ms-flex-pack: center;
  4864. justify-content: center;
  4865. }
  4866. .level-item .title,
  4867. .level-item .subtitle {
  4868. margin-bottom: 0;
  4869. }
  4870. @media screen and (max-width: 768px) {
  4871. .level-item:not(:last-child) {
  4872. margin-bottom: 0.75rem;
  4873. }
  4874. }
  4875. .level-left,
  4876. .level-right {
  4877. -ms-flex-preferred-size: auto;
  4878. flex-basis: auto;
  4879. -webkit-box-flex: 0;
  4880. -ms-flex-positive: 0;
  4881. flex-grow: 0;
  4882. -ms-flex-negative: 0;
  4883. flex-shrink: 0;
  4884. }
  4885. .level-left .level-item.is-flexible,
  4886. .level-right .level-item.is-flexible {
  4887. -webkit-box-flex: 1;
  4888. -ms-flex-positive: 1;
  4889. flex-grow: 1;
  4890. }
  4891. @media screen and (min-width: 769px), print {
  4892. .level-left .level-item:not(:last-child),
  4893. .level-right .level-item:not(:last-child) {
  4894. margin-right: 0.75rem;
  4895. }
  4896. }
  4897. .level-left {
  4898. -webkit-box-align: center;
  4899. -ms-flex-align: center;
  4900. align-items: center;
  4901. -webkit-box-pack: start;
  4902. -ms-flex-pack: start;
  4903. justify-content: flex-start;
  4904. }
  4905. @media screen and (max-width: 768px) {
  4906. .level-left + .level-right {
  4907. margin-top: 1.5rem;
  4908. }
  4909. }
  4910. @media screen and (min-width: 769px), print {
  4911. .level-left {
  4912. display: -webkit-box;
  4913. display: -ms-flexbox;
  4914. display: flex;
  4915. }
  4916. }
  4917. .level-right {
  4918. -webkit-box-align: center;
  4919. -ms-flex-align: center;
  4920. align-items: center;
  4921. -webkit-box-pack: end;
  4922. -ms-flex-pack: end;
  4923. justify-content: flex-end;
  4924. }
  4925. @media screen and (min-width: 769px), print {
  4926. .level-right {
  4927. display: -webkit-box;
  4928. display: -ms-flexbox;
  4929. display: flex;
  4930. }
  4931. }
  4932. .media {
  4933. -webkit-box-align: start;
  4934. -ms-flex-align: start;
  4935. align-items: flex-start;
  4936. display: -webkit-box;
  4937. display: -ms-flexbox;
  4938. display: flex;
  4939. text-align: left;
  4940. }
  4941. .media .content:not(:last-child) {
  4942. margin-bottom: 0.75rem;
  4943. }
  4944. .media .media {
  4945. border-top: 1px solid rgba(219, 219, 219, 0.5);
  4946. display: -webkit-box;
  4947. display: -ms-flexbox;
  4948. display: flex;
  4949. padding-top: 0.75rem;
  4950. }
  4951. .media .media .content:not(:last-child),
  4952. .media .media .control:not(:last-child) {
  4953. margin-bottom: 0.5rem;
  4954. }
  4955. .media .media .media {
  4956. padding-top: 0.5rem;
  4957. }
  4958. .media .media .media + .media {
  4959. margin-top: 0.5rem;
  4960. }
  4961. .media + .media {
  4962. border-top: 1px solid rgba(219, 219, 219, 0.5);
  4963. margin-top: 1rem;
  4964. padding-top: 1rem;
  4965. }
  4966. .media.is-large + .media {
  4967. margin-top: 1.5rem;
  4968. padding-top: 1.5rem;
  4969. }
  4970. .media-left,
  4971. .media-right {
  4972. -ms-flex-preferred-size: auto;
  4973. flex-basis: auto;
  4974. -webkit-box-flex: 0;
  4975. -ms-flex-positive: 0;
  4976. flex-grow: 0;
  4977. -ms-flex-negative: 0;
  4978. flex-shrink: 0;
  4979. }
  4980. .media-left {
  4981. margin-right: 1rem;
  4982. }
  4983. .media-right {
  4984. margin-left: 1rem;
  4985. }
  4986. .media-content {
  4987. -ms-flex-preferred-size: auto;
  4988. flex-basis: auto;
  4989. -webkit-box-flex: 1;
  4990. -ms-flex-positive: 1;
  4991. flex-grow: 1;
  4992. -ms-flex-negative: 1;
  4993. flex-shrink: 1;
  4994. text-align: left;
  4995. }
  4996. .menu {
  4997. font-size: 1rem;
  4998. }
  4999. .menu.is-small {
  5000. font-size: 0.75rem;
  5001. }
  5002. .menu.is-medium {
  5003. font-size: 1.25rem;
  5004. }
  5005. .menu.is-large {
  5006. font-size: 1.5rem;
  5007. }
  5008. .menu-list {
  5009. line-height: 1.25;
  5010. }
  5011. .menu-list a {
  5012. border-radius: 2px;
  5013. color: #4a4a4a;
  5014. display: block;
  5015. padding: 0.5em 0.75em;
  5016. }
  5017. .menu-list a:hover {
  5018. background-color: whitesmoke;
  5019. color: #363636;
  5020. }
  5021. .menu-list a.is-active {
  5022. background-color: #3273dc;
  5023. color: #fff;
  5024. }
  5025. .menu-list li ul {
  5026. border-left: 1px solid #dbdbdb;
  5027. margin: 0.75em;
  5028. padding-left: 0.75em;
  5029. }
  5030. .menu-label {
  5031. color: #7a7a7a;
  5032. font-size: 0.75em;
  5033. letter-spacing: 0.1em;
  5034. text-transform: uppercase;
  5035. }
  5036. .menu-label:not(:first-child) {
  5037. margin-top: 1em;
  5038. }
  5039. .menu-label:not(:last-child) {
  5040. margin-bottom: 1em;
  5041. }
  5042. .message {
  5043. background-color: whitesmoke;
  5044. border-radius: 3px;
  5045. font-size: 1rem;
  5046. }
  5047. .message:not(:last-child) {
  5048. margin-bottom: 1.5rem;
  5049. }
  5050. .message strong {
  5051. color: currentColor;
  5052. }
  5053. .message a:not(.button):not(.tag) {
  5054. color: currentColor;
  5055. text-decoration: underline;
  5056. }
  5057. .message.is-small {
  5058. font-size: 0.75rem;
  5059. }
  5060. .message.is-medium {
  5061. font-size: 1.25rem;
  5062. }
  5063. .message.is-large {
  5064. font-size: 1.5rem;
  5065. }
  5066. .message.is-white {
  5067. background-color: white;
  5068. }
  5069. .message.is-white .message-header {
  5070. background-color: white;
  5071. color: #0a0a0a;
  5072. }
  5073. .message.is-white .message-body {
  5074. border-color: white;
  5075. color: #4d4d4d;
  5076. }
  5077. .message.is-black {
  5078. background-color: #fafafa;
  5079. }
  5080. .message.is-black .message-header {
  5081. background-color: #0a0a0a;
  5082. color: white;
  5083. }
  5084. .message.is-black .message-body {
  5085. border-color: #0a0a0a;
  5086. color: #090909;
  5087. }
  5088. .message.is-light {
  5089. background-color: #fafafa;
  5090. }
  5091. .message.is-light .message-header {
  5092. background-color: whitesmoke;
  5093. color: #363636;
  5094. }
  5095. .message.is-light .message-body {
  5096. border-color: whitesmoke;
  5097. color: #505050;
  5098. }
  5099. .message.is-dark {
  5100. background-color: #fafafa;
  5101. }
  5102. .message.is-dark .message-header {
  5103. background-color: #363636;
  5104. color: whitesmoke;
  5105. }
  5106. .message.is-dark .message-body {
  5107. border-color: #363636;
  5108. color: #2a2a2a;
  5109. }
  5110. .message.is-primary {
  5111. background-color: #f5fffd;
  5112. }
  5113. .message.is-primary .message-header {
  5114. background-color: #00d1b2;
  5115. color: #fff;
  5116. }
  5117. .message.is-primary .message-body {
  5118. border-color: #00d1b2;
  5119. color: #021310;
  5120. }
  5121. .message.is-link {
  5122. background-color: #f6f9fe;
  5123. }
  5124. .message.is-link .message-header {
  5125. background-color: #3273dc;
  5126. color: #fff;
  5127. }
  5128. .message.is-link .message-body {
  5129. border-color: #3273dc;
  5130. color: #22509a;
  5131. }
  5132. .message.is-info {
  5133. background-color: #f6fbfe;
  5134. }
  5135. .message.is-info .message-header {
  5136. background-color: #209cee;
  5137. color: #fff;
  5138. }
  5139. .message.is-info .message-body {
  5140. border-color: #209cee;
  5141. color: #12537e;
  5142. }
  5143. .message.is-success {
  5144. background-color: #f6fef9;
  5145. }
  5146. .message.is-success .message-header {
  5147. background-color: #23d160;
  5148. color: #fff;
  5149. }
  5150. .message.is-success .message-body {
  5151. border-color: #23d160;
  5152. color: #0e301a;
  5153. }
  5154. .message.is-warning {
  5155. background-color: #fffdf5;
  5156. }
  5157. .message.is-warning .message-header {
  5158. background-color: #ffdd57;
  5159. color: rgba(0, 0, 0, 0.7);
  5160. }
  5161. .message.is-warning .message-body {
  5162. border-color: #ffdd57;
  5163. color: #3b3108;
  5164. }
  5165. .message.is-danger {
  5166. background-color: #fff5f7;
  5167. }
  5168. .message.is-danger .message-header {
  5169. background-color: #ff3860;
  5170. color: #fff;
  5171. }
  5172. .message.is-danger .message-body {
  5173. border-color: #ff3860;
  5174. color: #cd0930;
  5175. }
  5176. .message-header {
  5177. -webkit-box-align: center;
  5178. -ms-flex-align: center;
  5179. align-items: center;
  5180. background-color: #4a4a4a;
  5181. border-radius: 3px 3px 0 0;
  5182. color: #fff;
  5183. display: -webkit-box;
  5184. display: -ms-flexbox;
  5185. display: flex;
  5186. -webkit-box-pack: justify;
  5187. -ms-flex-pack: justify;
  5188. justify-content: space-between;
  5189. line-height: 1.25;
  5190. padding: 0.5em 0.75em;
  5191. position: relative;
  5192. }
  5193. .message-header .delete {
  5194. -webkit-box-flex: 0;
  5195. -ms-flex-positive: 0;
  5196. flex-grow: 0;
  5197. -ms-flex-negative: 0;
  5198. flex-shrink: 0;
  5199. margin-left: 0.75em;
  5200. }
  5201. .message-header + .message-body {
  5202. border-top-left-radius: 0;
  5203. border-top-right-radius: 0;
  5204. border-top: none;
  5205. }
  5206. .message-body {
  5207. border: 1px solid #dbdbdb;
  5208. border-radius: 3px;
  5209. color: #4a4a4a;
  5210. padding: 1em 1.25em;
  5211. }
  5212. .message-body code,
  5213. .message-body pre {
  5214. background-color: white;
  5215. }
  5216. .message-body pre code {
  5217. background-color: transparent;
  5218. }
  5219. .modal {
  5220. bottom: 0;
  5221. left: 0;
  5222. position: absolute;
  5223. right: 0;
  5224. top: 0;
  5225. -webkit-box-align: center;
  5226. -ms-flex-align: center;
  5227. align-items: center;
  5228. display: none;
  5229. -webkit-box-pack: center;
  5230. -ms-flex-pack: center;
  5231. justify-content: center;
  5232. overflow: hidden;
  5233. position: fixed;
  5234. z-index: 40;
  5235. }
  5236. .modal.is-active {
  5237. display: -webkit-box;
  5238. display: -ms-flexbox;
  5239. display: flex;
  5240. }
  5241. .modal-background {
  5242. bottom: 0;
  5243. left: 0;
  5244. position: absolute;
  5245. right: 0;
  5246. top: 0;
  5247. background-color: rgba(10, 10, 10, 0.86);
  5248. }
  5249. .modal-content,
  5250. .modal-card {
  5251. margin: 0 20px;
  5252. max-height: calc(100vh - 160px);
  5253. overflow: auto;
  5254. position: relative;
  5255. width: 100%;
  5256. }
  5257. @media screen and (min-width: 769px), print {
  5258. .modal-content,
  5259. .modal-card {
  5260. margin: 0 auto;
  5261. max-height: calc(100vh - 40px);
  5262. width: 640px;
  5263. }
  5264. }
  5265. .modal-close {
  5266. -webkit-touch-callout: none;
  5267. -webkit-user-select: none;
  5268. -moz-user-select: none;
  5269. -ms-user-select: none;
  5270. user-select: none;
  5271. -moz-appearance: none;
  5272. -webkit-appearance: none;
  5273. background-color: rgba(10, 10, 10, 0.2);
  5274. border: none;
  5275. border-radius: 290486px;
  5276. cursor: pointer;
  5277. display: inline-block;
  5278. -webkit-box-flex: 0;
  5279. -ms-flex-positive: 0;
  5280. flex-grow: 0;
  5281. -ms-flex-negative: 0;
  5282. flex-shrink: 0;
  5283. font-size: 0;
  5284. height: 20px;
  5285. max-height: 20px;
  5286. max-width: 20px;
  5287. min-height: 20px;
  5288. min-width: 20px;
  5289. outline: none;
  5290. position: relative;
  5291. vertical-align: top;
  5292. width: 20px;
  5293. background: none;
  5294. height: 40px;
  5295. position: fixed;
  5296. right: 20px;
  5297. top: 20px;
  5298. width: 40px;
  5299. }
  5300. .modal-close:before, .modal-close:after {
  5301. background-color: white;
  5302. content: "";
  5303. display: block;
  5304. left: 50%;
  5305. position: absolute;
  5306. top: 50%;
  5307. -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  5308. transform: translateX(-50%) translateY(-50%) rotate(45deg);
  5309. -webkit-transform-origin: center center;
  5310. transform-origin: center center;
  5311. }
  5312. .modal-close:before {
  5313. height: 2px;
  5314. width: 50%;
  5315. }
  5316. .modal-close:after {
  5317. height: 50%;
  5318. width: 2px;
  5319. }
  5320. .modal-close:hover, .modal-close:focus {
  5321. background-color: rgba(10, 10, 10, 0.3);
  5322. }
  5323. .modal-close:active {
  5324. background-color: rgba(10, 10, 10, 0.4);
  5325. }
  5326. .modal-close.is-small {
  5327. height: 16px;
  5328. max-height: 16px;
  5329. max-width: 16px;
  5330. min-height: 16px;
  5331. min-width: 16px;
  5332. width: 16px;
  5333. }
  5334. .modal-close.is-medium {
  5335. height: 24px;
  5336. max-height: 24px;
  5337. max-width: 24px;
  5338. min-height: 24px;
  5339. min-width: 24px;
  5340. width: 24px;
  5341. }
  5342. .modal-close.is-large {
  5343. height: 32px;
  5344. max-height: 32px;
  5345. max-width: 32px;
  5346. min-height: 32px;
  5347. min-width: 32px;
  5348. width: 32px;
  5349. }
  5350. .modal-card {
  5351. display: -webkit-box;
  5352. display: -ms-flexbox;
  5353. display: flex;
  5354. -webkit-box-orient: vertical;
  5355. -webkit-box-direction: normal;
  5356. -ms-flex-direction: column;
  5357. flex-direction: column;
  5358. max-height: calc(100vh - 40px);
  5359. overflow: hidden;
  5360. }
  5361. .modal-card-head,
  5362. .modal-card-foot {
  5363. -webkit-box-align: center;
  5364. -ms-flex-align: center;
  5365. align-items: center;
  5366. background-color: whitesmoke;
  5367. display: -webkit-box;
  5368. display: -ms-flexbox;
  5369. display: flex;
  5370. -ms-flex-negative: 0;
  5371. flex-shrink: 0;
  5372. -webkit-box-pack: start;
  5373. -ms-flex-pack: start;
  5374. justify-content: flex-start;
  5375. padding: 20px;
  5376. position: relative;
  5377. }
  5378. .modal-card-head {
  5379. border-bottom: 1px solid #dbdbdb;
  5380. border-top-left-radius: 5px;
  5381. border-top-right-radius: 5px;
  5382. }
  5383. .modal-card-title {
  5384. color: #363636;
  5385. -webkit-box-flex: 1;
  5386. -ms-flex-positive: 1;
  5387. flex-grow: 1;
  5388. -ms-flex-negative: 0;
  5389. flex-shrink: 0;
  5390. font-size: 1.5rem;
  5391. line-height: 1;
  5392. }
  5393. .modal-card-foot {
  5394. border-bottom-left-radius: 5px;
  5395. border-bottom-right-radius: 5px;
  5396. border-top: 1px solid #dbdbdb;
  5397. }
  5398. .modal-card-foot .button:not(:last-child) {
  5399. margin-right: 10px;
  5400. }
  5401. .modal-card-body {
  5402. -webkit-overflow-scrolling: touch;
  5403. background-color: white;
  5404. -webkit-box-flex: 1;
  5405. -ms-flex-positive: 1;
  5406. flex-grow: 1;
  5407. -ms-flex-negative: 1;
  5408. flex-shrink: 1;
  5409. overflow: auto;
  5410. padding: 20px;
  5411. }
  5412. .navbar {
  5413. background-color: white;
  5414. min-height: 3.25rem;
  5415. position: relative;
  5416. }
  5417. .navbar.is-white {
  5418. background-color: white;
  5419. color: #0a0a0a;
  5420. }
  5421. .navbar.is-white .navbar-brand > .navbar-item,
  5422. .navbar.is-white .navbar-brand .navbar-link {
  5423. color: #0a0a0a;
  5424. }
  5425. .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
  5426. .navbar.is-white .navbar-brand .navbar-link:hover,
  5427. .navbar.is-white .navbar-brand .navbar-link.is-active {
  5428. background-color: #f2f2f2;
  5429. color: #0a0a0a;
  5430. }
  5431. .navbar.is-white .navbar-brand .navbar-link::after {
  5432. border-color: #0a0a0a;
  5433. }
  5434. @media screen and (min-width: 1024px) {
  5435. .navbar.is-white .navbar-start > .navbar-item,
  5436. .navbar.is-white .navbar-start .navbar-link,
  5437. .navbar.is-white .navbar-end > .navbar-item,
  5438. .navbar.is-white .navbar-end .navbar-link {
  5439. color: #0a0a0a;
  5440. }
  5441. .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
  5442. .navbar.is-white .navbar-start .navbar-link:hover,
  5443. .navbar.is-white .navbar-start .navbar-link.is-active,
  5444. .navbar.is-white .navbar-end > a.navbar-item:hover,
  5445. .navbar.is-white .navbar-end > a.navbar-item.is-active,
  5446. .navbar.is-white .navbar-end .navbar-link:hover,
  5447. .navbar.is-white .navbar-end .navbar-link.is-active {
  5448. background-color: #f2f2f2;
  5449. color: #0a0a0a;
  5450. }
  5451. .navbar.is-white .navbar-start .navbar-link::after,
  5452. .navbar.is-white .navbar-end .navbar-link::after {
  5453. border-color: #0a0a0a;
  5454. }
  5455. .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
  5456. .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
  5457. background-color: #f2f2f2;
  5458. color: #0a0a0a;
  5459. }
  5460. .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
  5461. background-color: white;
  5462. color: #0a0a0a;
  5463. }
  5464. }
  5465. .navbar.is-black {
  5466. background-color: #0a0a0a;
  5467. color: white;
  5468. }
  5469. .navbar.is-black .navbar-brand > .navbar-item,
  5470. .navbar.is-black .navbar-brand .navbar-link {
  5471. color: white;
  5472. }
  5473. .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
  5474. .navbar.is-black .navbar-brand .navbar-link:hover,
  5475. .navbar.is-black .navbar-brand .navbar-link.is-active {
  5476. background-color: black;
  5477. color: white;
  5478. }
  5479. .navbar.is-black .navbar-brand .navbar-link::after {
  5480. border-color: white;
  5481. }
  5482. @media screen and (min-width: 1024px) {
  5483. .navbar.is-black .navbar-start > .navbar-item,
  5484. .navbar.is-black .navbar-start .navbar-link,
  5485. .navbar.is-black .navbar-end > .navbar-item,
  5486. .navbar.is-black .navbar-end .navbar-link {
  5487. color: white;
  5488. }
  5489. .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
  5490. .navbar.is-black .navbar-start .navbar-link:hover,
  5491. .navbar.is-black .navbar-start .navbar-link.is-active,
  5492. .navbar.is-black .navbar-end > a.navbar-item:hover,
  5493. .navbar.is-black .navbar-end > a.navbar-item.is-active,
  5494. .navbar.is-black .navbar-end .navbar-link:hover,
  5495. .navbar.is-black .navbar-end .navbar-link.is-active {
  5496. background-color: black;
  5497. color: white;
  5498. }
  5499. .navbar.is-black .navbar-start .navbar-link::after,
  5500. .navbar.is-black .navbar-end .navbar-link::after {
  5501. border-color: white;
  5502. }
  5503. .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
  5504. .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
  5505. background-color: black;
  5506. color: white;
  5507. }
  5508. .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
  5509. background-color: #0a0a0a;
  5510. color: white;
  5511. }
  5512. }
  5513. .navbar.is-light {
  5514. background-color: whitesmoke;
  5515. color: #363636;
  5516. }
  5517. .navbar.is-light .navbar-brand > .navbar-item,
  5518. .navbar.is-light .navbar-brand .navbar-link {
  5519. color: #363636;
  5520. }
  5521. .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
  5522. .navbar.is-light .navbar-brand .navbar-link:hover,
  5523. .navbar.is-light .navbar-brand .navbar-link.is-active {
  5524. background-color: #e8e8e8;
  5525. color: #363636;
  5526. }
  5527. .navbar.is-light .navbar-brand .navbar-link::after {
  5528. border-color: #363636;
  5529. }
  5530. @media screen and (min-width: 1024px) {
  5531. .navbar.is-light .navbar-start > .navbar-item,
  5532. .navbar.is-light .navbar-start .navbar-link,
  5533. .navbar.is-light .navbar-end > .navbar-item,
  5534. .navbar.is-light .navbar-end .navbar-link {
  5535. color: #363636;
  5536. }
  5537. .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
  5538. .navbar.is-light .navbar-start .navbar-link:hover,
  5539. .navbar.is-light .navbar-start .navbar-link.is-active,
  5540. .navbar.is-light .navbar-end > a.navbar-item:hover,
  5541. .navbar.is-light .navbar-end > a.navbar-item.is-active,
  5542. .navbar.is-light .navbar-end .navbar-link:hover,
  5543. .navbar.is-light .navbar-end .navbar-link.is-active {
  5544. background-color: #e8e8e8;
  5545. color: #363636;
  5546. }
  5547. .navbar.is-light .navbar-start .navbar-link::after,
  5548. .navbar.is-light .navbar-end .navbar-link::after {
  5549. border-color: #363636;
  5550. }
  5551. .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
  5552. .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
  5553. background-color: #e8e8e8;
  5554. color: #363636;
  5555. }
  5556. .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
  5557. background-color: whitesmoke;
  5558. color: #363636;
  5559. }
  5560. }
  5561. .navbar.is-dark {
  5562. background-color: #363636;
  5563. color: whitesmoke;
  5564. }
  5565. .navbar.is-dark .navbar-brand > .navbar-item,
  5566. .navbar.is-dark .navbar-brand .navbar-link {
  5567. color: whitesmoke;
  5568. }
  5569. .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
  5570. .navbar.is-dark .navbar-brand .navbar-link:hover,
  5571. .navbar.is-dark .navbar-brand .navbar-link.is-active {
  5572. background-color: #292929;
  5573. color: whitesmoke;
  5574. }
  5575. .navbar.is-dark .navbar-brand .navbar-link::after {
  5576. border-color: whitesmoke;
  5577. }
  5578. @media screen and (min-width: 1024px) {
  5579. .navbar.is-dark .navbar-start > .navbar-item,
  5580. .navbar.is-dark .navbar-start .navbar-link,
  5581. .navbar.is-dark .navbar-end > .navbar-item,
  5582. .navbar.is-dark .navbar-end .navbar-link {
  5583. color: whitesmoke;
  5584. }
  5585. .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
  5586. .navbar.is-dark .navbar-start .navbar-link:hover,
  5587. .navbar.is-dark .navbar-start .navbar-link.is-active,
  5588. .navbar.is-dark .navbar-end > a.navbar-item:hover,
  5589. .navbar.is-dark .navbar-end > a.navbar-item.is-active,
  5590. .navbar.is-dark .navbar-end .navbar-link:hover,
  5591. .navbar.is-dark .navbar-end .navbar-link.is-active {
  5592. background-color: #292929;
  5593. color: whitesmoke;
  5594. }
  5595. .navbar.is-dark .navbar-start .navbar-link::after,
  5596. .navbar.is-dark .navbar-end .navbar-link::after {
  5597. border-color: whitesmoke;
  5598. }
  5599. .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
  5600. .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
  5601. background-color: #292929;
  5602. color: whitesmoke;
  5603. }
  5604. .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
  5605. background-color: #363636;
  5606. color: whitesmoke;
  5607. }
  5608. }
  5609. .navbar.is-primary {
  5610. background-color: #00d1b2;
  5611. color: #fff;
  5612. }
  5613. .navbar.is-primary .navbar-brand > .navbar-item,
  5614. .navbar.is-primary .navbar-brand .navbar-link {
  5615. color: #fff;
  5616. }
  5617. .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
  5618. .navbar.is-primary .navbar-brand .navbar-link:hover,
  5619. .navbar.is-primary .navbar-brand .navbar-link.is-active {
  5620. background-color: #00b89c;
  5621. color: #fff;
  5622. }
  5623. .navbar.is-primary .navbar-brand .navbar-link::after {
  5624. border-color: #fff;
  5625. }
  5626. @media screen and (min-width: 1024px) {
  5627. .navbar.is-primary .navbar-start > .navbar-item,
  5628. .navbar.is-primary .navbar-start .navbar-link,
  5629. .navbar.is-primary .navbar-end > .navbar-item,
  5630. .navbar.is-primary .navbar-end .navbar-link {
  5631. color: #fff;
  5632. }
  5633. .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
  5634. .navbar.is-primary .navbar-start .navbar-link:hover,
  5635. .navbar.is-primary .navbar-start .navbar-link.is-active,
  5636. .navbar.is-primary .navbar-end > a.navbar-item:hover,
  5637. .navbar.is-primary .navbar-end > a.navbar-item.is-active,
  5638. .navbar.is-primary .navbar-end .navbar-link:hover,
  5639. .navbar.is-primary .navbar-end .navbar-link.is-active {
  5640. background-color: #00b89c;
  5641. color: #fff;
  5642. }
  5643. .navbar.is-primary .navbar-start .navbar-link::after,
  5644. .navbar.is-primary .navbar-end .navbar-link::after {
  5645. border-color: #fff;
  5646. }
  5647. .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
  5648. .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
  5649. background-color: #00b89c;
  5650. color: #fff;
  5651. }
  5652. .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
  5653. background-color: #00d1b2;
  5654. color: #fff;
  5655. }
  5656. }
  5657. .navbar.is-link {
  5658. background-color: #3273dc;
  5659. color: #fff;
  5660. }
  5661. .navbar.is-link .navbar-brand > .navbar-item,
  5662. .navbar.is-link .navbar-brand .navbar-link {
  5663. color: #fff;
  5664. }
  5665. .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
  5666. .navbar.is-link .navbar-brand .navbar-link:hover,
  5667. .navbar.is-link .navbar-brand .navbar-link.is-active {
  5668. background-color: #2366d1;
  5669. color: #fff;
  5670. }
  5671. .navbar.is-link .navbar-brand .navbar-link::after {
  5672. border-color: #fff;
  5673. }
  5674. @media screen and (min-width: 1024px) {
  5675. .navbar.is-link .navbar-start > .navbar-item,
  5676. .navbar.is-link .navbar-start .navbar-link,
  5677. .navbar.is-link .navbar-end > .navbar-item,
  5678. .navbar.is-link .navbar-end .navbar-link {
  5679. color: #fff;
  5680. }
  5681. .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
  5682. .navbar.is-link .navbar-start .navbar-link:hover,
  5683. .navbar.is-link .navbar-start .navbar-link.is-active,
  5684. .navbar.is-link .navbar-end > a.navbar-item:hover,
  5685. .navbar.is-link .navbar-end > a.navbar-item.is-active,
  5686. .navbar.is-link .navbar-end .navbar-link:hover,
  5687. .navbar.is-link .navbar-end .navbar-link.is-active {
  5688. background-color: #2366d1;
  5689. color: #fff;
  5690. }
  5691. .navbar.is-link .navbar-start .navbar-link::after,
  5692. .navbar.is-link .navbar-end .navbar-link::after {
  5693. border-color: #fff;
  5694. }
  5695. .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
  5696. .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
  5697. background-color: #2366d1;
  5698. color: #fff;
  5699. }
  5700. .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
  5701. background-color: #3273dc;
  5702. color: #fff;
  5703. }
  5704. }
  5705. .navbar.is-info {
  5706. background-color: #209cee;
  5707. color: #fff;
  5708. }
  5709. .navbar.is-info .navbar-brand > .navbar-item,
  5710. .navbar.is-info .navbar-brand .navbar-link {
  5711. color: #fff;
  5712. }
  5713. .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
  5714. .navbar.is-info .navbar-brand .navbar-link:hover,
  5715. .navbar.is-info .navbar-brand .navbar-link.is-active {
  5716. background-color: #118fe4;
  5717. color: #fff;
  5718. }
  5719. .navbar.is-info .navbar-brand .navbar-link::after {
  5720. border-color: #fff;
  5721. }
  5722. @media screen and (min-width: 1024px) {
  5723. .navbar.is-info .navbar-start > .navbar-item,
  5724. .navbar.is-info .navbar-start .navbar-link,
  5725. .navbar.is-info .navbar-end > .navbar-item,
  5726. .navbar.is-info .navbar-end .navbar-link {
  5727. color: #fff;
  5728. }
  5729. .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
  5730. .navbar.is-info .navbar-start .navbar-link:hover,
  5731. .navbar.is-info .navbar-start .navbar-link.is-active,
  5732. .navbar.is-info .navbar-end > a.navbar-item:hover,
  5733. .navbar.is-info .navbar-end > a.navbar-item.is-active,
  5734. .navbar.is-info .navbar-end .navbar-link:hover,
  5735. .navbar.is-info .navbar-end .navbar-link.is-active {
  5736. background-color: #118fe4;
  5737. color: #fff;
  5738. }
  5739. .navbar.is-info .navbar-start .navbar-link::after,
  5740. .navbar.is-info .navbar-end .navbar-link::after {
  5741. border-color: #fff;
  5742. }
  5743. .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
  5744. .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
  5745. background-color: #118fe4;
  5746. color: #fff;
  5747. }
  5748. .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
  5749. background-color: #209cee;
  5750. color: #fff;
  5751. }
  5752. }
  5753. .navbar.is-success {
  5754. background-color: #23d160;
  5755. color: #fff;
  5756. }
  5757. .navbar.is-success .navbar-brand > .navbar-item,
  5758. .navbar.is-success .navbar-brand .navbar-link {
  5759. color: #fff;
  5760. }
  5761. .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
  5762. .navbar.is-success .navbar-brand .navbar-link:hover,
  5763. .navbar.is-success .navbar-brand .navbar-link.is-active {
  5764. background-color: #20bc56;
  5765. color: #fff;
  5766. }
  5767. .navbar.is-success .navbar-brand .navbar-link::after {
  5768. border-color: #fff;
  5769. }
  5770. @media screen and (min-width: 1024px) {
  5771. .navbar.is-success .navbar-start > .navbar-item,
  5772. .navbar.is-success .navbar-start .navbar-link,
  5773. .navbar.is-success .navbar-end > .navbar-item,
  5774. .navbar.is-success .navbar-end .navbar-link {
  5775. color: #fff;
  5776. }
  5777. .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
  5778. .navbar.is-success .navbar-start .navbar-link:hover,
  5779. .navbar.is-success .navbar-start .navbar-link.is-active,
  5780. .navbar.is-success .navbar-end > a.navbar-item:hover,
  5781. .navbar.is-success .navbar-end > a.navbar-item.is-active,
  5782. .navbar.is-success .navbar-end .navbar-link:hover,
  5783. .navbar.is-success .navbar-end .navbar-link.is-active {
  5784. background-color: #20bc56;
  5785. color: #fff;
  5786. }
  5787. .navbar.is-success .navbar-start .navbar-link::after,
  5788. .navbar.is-success .navbar-end .navbar-link::after {
  5789. border-color: #fff;
  5790. }
  5791. .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
  5792. .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
  5793. background-color: #20bc56;
  5794. color: #fff;
  5795. }
  5796. .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
  5797. background-color: #23d160;
  5798. color: #fff;
  5799. }
  5800. }
  5801. .navbar.is-warning {
  5802. background-color: #ffdd57;
  5803. color: rgba(0, 0, 0, 0.7);
  5804. }
  5805. .navbar.is-warning .navbar-brand > .navbar-item,
  5806. .navbar.is-warning .navbar-brand .navbar-link {
  5807. color: rgba(0, 0, 0, 0.7);
  5808. }
  5809. .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
  5810. .navbar.is-warning .navbar-brand .navbar-link:hover,
  5811. .navbar.is-warning .navbar-brand .navbar-link.is-active {
  5812. background-color: #ffd83d;
  5813. color: rgba(0, 0, 0, 0.7);
  5814. }
  5815. .navbar.is-warning .navbar-brand .navbar-link::after {
  5816. border-color: rgba(0, 0, 0, 0.7);
  5817. }
  5818. @media screen and (min-width: 1024px) {
  5819. .navbar.is-warning .navbar-start > .navbar-item,
  5820. .navbar.is-warning .navbar-start .navbar-link,
  5821. .navbar.is-warning .navbar-end > .navbar-item,
  5822. .navbar.is-warning .navbar-end .navbar-link {
  5823. color: rgba(0, 0, 0, 0.7);
  5824. }
  5825. .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
  5826. .navbar.is-warning .navbar-start .navbar-link:hover,
  5827. .navbar.is-warning .navbar-start .navbar-link.is-active,
  5828. .navbar.is-warning .navbar-end > a.navbar-item:hover,
  5829. .navbar.is-warning .navbar-end > a.navbar-item.is-active,
  5830. .navbar.is-warning .navbar-end .navbar-link:hover,
  5831. .navbar.is-warning .navbar-end .navbar-link.is-active {
  5832. background-color: #ffd83d;
  5833. color: rgba(0, 0, 0, 0.7);
  5834. }
  5835. .navbar.is-warning .navbar-start .navbar-link::after,
  5836. .navbar.is-warning .navbar-end .navbar-link::after {
  5837. border-color: rgba(0, 0, 0, 0.7);
  5838. }
  5839. .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
  5840. .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
  5841. background-color: #ffd83d;
  5842. color: rgba(0, 0, 0, 0.7);
  5843. }
  5844. .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
  5845. background-color: #ffdd57;
  5846. color: rgba(0, 0, 0, 0.7);
  5847. }
  5848. }
  5849. .navbar.is-danger {
  5850. background-color: #ff3860;
  5851. color: #fff;
  5852. }
  5853. .navbar.is-danger .navbar-brand > .navbar-item,
  5854. .navbar.is-danger .navbar-brand .navbar-link {
  5855. color: #fff;
  5856. }
  5857. .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
  5858. .navbar.is-danger .navbar-brand .navbar-link:hover,
  5859. .navbar.is-danger .navbar-brand .navbar-link.is-active {
  5860. background-color: #ff1f4b;
  5861. color: #fff;
  5862. }
  5863. .navbar.is-danger .navbar-brand .navbar-link::after {
  5864. border-color: #fff;
  5865. }
  5866. @media screen and (min-width: 1024px) {
  5867. .navbar.is-danger .navbar-start > .navbar-item,
  5868. .navbar.is-danger .navbar-start .navbar-link,
  5869. .navbar.is-danger .navbar-end > .navbar-item,
  5870. .navbar.is-danger .navbar-end .navbar-link {
  5871. color: #fff;
  5872. }
  5873. .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
  5874. .navbar.is-danger .navbar-start .navbar-link:hover,
  5875. .navbar.is-danger .navbar-start .navbar-link.is-active,
  5876. .navbar.is-danger .navbar-end > a.navbar-item:hover,
  5877. .navbar.is-danger .navbar-end > a.navbar-item.is-active,
  5878. .navbar.is-danger .navbar-end .navbar-link:hover,
  5879. .navbar.is-danger .navbar-end .navbar-link.is-active {
  5880. background-color: #ff1f4b;
  5881. color: #fff;
  5882. }
  5883. .navbar.is-danger .navbar-start .navbar-link::after,
  5884. .navbar.is-danger .navbar-end .navbar-link::after {
  5885. border-color: #fff;
  5886. }
  5887. .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
  5888. .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
  5889. background-color: #ff1f4b;
  5890. color: #fff;
  5891. }
  5892. .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
  5893. background-color: #ff3860;
  5894. color: #fff;
  5895. }
  5896. }
  5897. .navbar > .container {
  5898. -webkit-box-align: stretch;
  5899. -ms-flex-align: stretch;
  5900. align-items: stretch;
  5901. display: -webkit-box;
  5902. display: -ms-flexbox;
  5903. display: flex;
  5904. min-height: 3.25rem;
  5905. width: 100%;
  5906. }
  5907. .navbar.has-shadow {
  5908. -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
  5909. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
  5910. }
  5911. .navbar.is-fixed-bottom, .navbar.is-fixed-top {
  5912. left: 0;
  5913. position: fixed;
  5914. right: 0;
  5915. z-index: 30;
  5916. }
  5917. .navbar.is-fixed-bottom {
  5918. bottom: 0;
  5919. }
  5920. .navbar.is-fixed-bottom.has-shadow {
  5921. -webkit-box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  5922. box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  5923. }
  5924. .navbar.is-fixed-top {
  5925. top: 0;
  5926. }
  5927. html.has-navbar-fixed-top,
  5928. body.has-navbar-fixed-top {
  5929. padding-top: 3.25rem;
  5930. }
  5931. html.has-navbar-fixed-bottom,
  5932. body.has-navbar-fixed-bottom {
  5933. padding-bottom: 3.25rem;
  5934. }
  5935. .navbar-brand,
  5936. .navbar-tabs {
  5937. -webkit-box-align: stretch;
  5938. -ms-flex-align: stretch;
  5939. align-items: stretch;
  5940. display: -webkit-box;
  5941. display: -ms-flexbox;
  5942. display: flex;
  5943. -ms-flex-negative: 0;
  5944. flex-shrink: 0;
  5945. min-height: 3.25rem;
  5946. }
  5947. .navbar-tabs {
  5948. -webkit-overflow-scrolling: touch;
  5949. max-width: 100vw;
  5950. overflow-x: auto;
  5951. overflow-y: hidden;
  5952. }
  5953. .navbar-burger {
  5954. cursor: pointer;
  5955. display: block;
  5956. height: 3.25rem;
  5957. position: relative;
  5958. width: 3.25rem;
  5959. margin-left: auto;
  5960. }
  5961. .navbar-burger span {
  5962. background-color: currentColor;
  5963. display: block;
  5964. height: 1px;
  5965. left: calc(50% - 8px);
  5966. position: absolute;
  5967. -webkit-transform-origin: center;
  5968. transform-origin: center;
  5969. -webkit-transition-duration: 86ms;
  5970. transition-duration: 86ms;
  5971. -webkit-transition-property: background-color, opacity, -webkit-transform;
  5972. transition-property: background-color, opacity, -webkit-transform;
  5973. transition-property: background-color, opacity, transform;
  5974. transition-property: background-color, opacity, transform, -webkit-transform;
  5975. -webkit-transition-timing-function: ease-out;
  5976. transition-timing-function: ease-out;
  5977. width: 16px;
  5978. }
  5979. .navbar-burger span:nth-child(1) {
  5980. top: calc(50% - 6px);
  5981. }
  5982. .navbar-burger span:nth-child(2) {
  5983. top: calc(50% - 1px);
  5984. }
  5985. .navbar-burger span:nth-child(3) {
  5986. top: calc(50% + 4px);
  5987. }
  5988. .navbar-burger:hover {
  5989. background-color: rgba(0, 0, 0, 0.05);
  5990. }
  5991. .navbar-burger.is-active span:nth-child(1) {
  5992. -webkit-transform: translateY(5px) rotate(45deg);
  5993. transform: translateY(5px) rotate(45deg);
  5994. }
  5995. .navbar-burger.is-active span:nth-child(2) {
  5996. opacity: 0;
  5997. }
  5998. .navbar-burger.is-active span:nth-child(3) {
  5999. -webkit-transform: translateY(-5px) rotate(-45deg);
  6000. transform: translateY(-5px) rotate(-45deg);
  6001. }
  6002. .navbar-menu {
  6003. display: none;
  6004. }
  6005. .navbar-item,
  6006. .navbar-link {
  6007. color: #4a4a4a;
  6008. display: block;
  6009. line-height: 1.5;
  6010. padding: 0.5rem 1rem;
  6011. position: relative;
  6012. }
  6013. a.navbar-item:hover, a.navbar-item.is-active,
  6014. a.navbar-link:hover,
  6015. a.navbar-link.is-active {
  6016. background-color: whitesmoke;
  6017. color: #3273dc;
  6018. }
  6019. .navbar-item {
  6020. -webkit-box-flex: 0;
  6021. -ms-flex-positive: 0;
  6022. flex-grow: 0;
  6023. -ms-flex-negative: 0;
  6024. flex-shrink: 0;
  6025. }
  6026. .navbar-item img {
  6027. max-height: 1.75rem;
  6028. }
  6029. .navbar-item.has-dropdown {
  6030. padding: 0;
  6031. }
  6032. .navbar-item.is-expanded {
  6033. -webkit-box-flex: 1;
  6034. -ms-flex-positive: 1;
  6035. flex-grow: 1;
  6036. -ms-flex-negative: 1;
  6037. flex-shrink: 1;
  6038. }
  6039. .navbar-item.is-tab {
  6040. border-bottom: 1px solid transparent;
  6041. min-height: 3.25rem;
  6042. padding-bottom: calc(0.5rem - 1px);
  6043. }
  6044. .navbar-item.is-tab:hover {
  6045. background-color: transparent;
  6046. border-bottom-color: #3273dc;
  6047. }
  6048. .navbar-item.is-tab.is-active {
  6049. background-color: transparent;
  6050. border-bottom-color: #3273dc;
  6051. border-bottom-style: solid;
  6052. border-bottom-width: 3px;
  6053. color: #3273dc;
  6054. padding-bottom: calc(0.5rem - 3px);
  6055. }
  6056. .navbar-content {
  6057. -webkit-box-flex: 1;
  6058. -ms-flex-positive: 1;
  6059. flex-grow: 1;
  6060. -ms-flex-negative: 1;
  6061. flex-shrink: 1;
  6062. }
  6063. .navbar-link {
  6064. padding-right: 2.5em;
  6065. }
  6066. .navbar-dropdown {
  6067. font-size: 0.875rem;
  6068. padding-bottom: 0.5rem;
  6069. padding-top: 0.5rem;
  6070. }
  6071. .navbar-dropdown .navbar-item {
  6072. padding-left: 1.5rem;
  6073. padding-right: 1.5rem;
  6074. }
  6075. .navbar-divider {
  6076. background-color: #dbdbdb;
  6077. border: none;
  6078. display: none;
  6079. height: 1px;
  6080. margin: 0.5rem 0;
  6081. }
  6082. @media screen and (max-width: 1023px) {
  6083. .navbar > .container {
  6084. display: block;
  6085. }
  6086. .navbar-brand .navbar-item,
  6087. .navbar-tabs .navbar-item {
  6088. -webkit-box-align: center;
  6089. -ms-flex-align: center;
  6090. align-items: center;
  6091. display: -webkit-box;
  6092. display: -ms-flexbox;
  6093. display: flex;
  6094. }
  6095. .navbar-menu {
  6096. background-color: white;
  6097. -webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
  6098. box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
  6099. padding: 0.5rem 0;
  6100. }
  6101. .navbar-menu.is-active {
  6102. display: block;
  6103. }
  6104. .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
  6105. left: 0;
  6106. position: fixed;
  6107. right: 0;
  6108. z-index: 30;
  6109. }
  6110. .navbar.is-fixed-bottom-touch {
  6111. bottom: 0;
  6112. }
  6113. .navbar.is-fixed-bottom-touch.has-shadow {
  6114. -webkit-box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  6115. box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  6116. }
  6117. .navbar.is-fixed-top-touch {
  6118. top: 0;
  6119. }
  6120. .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
  6121. -webkit-overflow-scrolling: touch;
  6122. max-height: calc(100vh - 3.25rem);
  6123. overflow: auto;
  6124. }
  6125. html.has-navbar-fixed-top-touch {
  6126. padding-top: 3.25rem;
  6127. }
  6128. html.has-navbar-fixed-bottom-touch {
  6129. padding-bottom: 3.25rem;
  6130. }
  6131. }
  6132. @media screen and (min-width: 1024px) {
  6133. .navbar,
  6134. .navbar-menu,
  6135. .navbar-start,
  6136. .navbar-end {
  6137. -webkit-box-align: stretch;
  6138. -ms-flex-align: stretch;
  6139. align-items: stretch;
  6140. display: -webkit-box;
  6141. display: -ms-flexbox;
  6142. display: flex;
  6143. }
  6144. .navbar {
  6145. min-height: 3.25rem;
  6146. }
  6147. .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
  6148. .navbar.is-transparent a.navbar-link:hover,
  6149. .navbar.is-transparent a.navbar-link.is-active {
  6150. background-color: transparent !important;
  6151. }
  6152. .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
  6153. background-color: transparent !important;
  6154. }
  6155. .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
  6156. background-color: whitesmoke;
  6157. color: #0a0a0a;
  6158. }
  6159. .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
  6160. background-color: whitesmoke;
  6161. color: #3273dc;
  6162. }
  6163. .navbar-burger {
  6164. display: none;
  6165. }
  6166. .navbar-item,
  6167. .navbar-link {
  6168. -webkit-box-align: center;
  6169. -ms-flex-align: center;
  6170. align-items: center;
  6171. display: -webkit-box;
  6172. display: -ms-flexbox;
  6173. display: flex;
  6174. }
  6175. .navbar-item.has-dropdown {
  6176. -webkit-box-align: stretch;
  6177. -ms-flex-align: stretch;
  6178. align-items: stretch;
  6179. }
  6180. .navbar-item.has-dropdown-up .navbar-link::after {
  6181. -webkit-transform: rotate(135deg) translate(0.25em, -0.25em);
  6182. transform: rotate(135deg) translate(0.25em, -0.25em);
  6183. }
  6184. .navbar-item.has-dropdown-up .navbar-dropdown {
  6185. border-bottom: 1px solid #dbdbdb;
  6186. border-radius: 5px 5px 0 0;
  6187. border-top: none;
  6188. bottom: 100%;
  6189. -webkit-box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
  6190. box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
  6191. top: auto;
  6192. }
  6193. .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
  6194. display: block;
  6195. }
  6196. .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
  6197. opacity: 1;
  6198. pointer-events: auto;
  6199. -webkit-transform: translateY(0);
  6200. transform: translateY(0);
  6201. }
  6202. .navbar-link::after {
  6203. border: 1px solid #3273dc;
  6204. border-right: 0;
  6205. border-top: 0;
  6206. content: " ";
  6207. display: block;
  6208. height: 0.5em;
  6209. pointer-events: none;
  6210. position: absolute;
  6211. -webkit-transform: rotate(-45deg);
  6212. transform: rotate(-45deg);
  6213. -webkit-transform-origin: center;
  6214. transform-origin: center;
  6215. width: 0.5em;
  6216. margin-top: -0.375em;
  6217. right: 1.125em;
  6218. top: 50%;
  6219. }
  6220. .navbar-menu {
  6221. -webkit-box-flex: 1;
  6222. -ms-flex-positive: 1;
  6223. flex-grow: 1;
  6224. -ms-flex-negative: 0;
  6225. flex-shrink: 0;
  6226. }
  6227. .navbar-start {
  6228. -webkit-box-pack: start;
  6229. -ms-flex-pack: start;
  6230. justify-content: flex-start;
  6231. margin-right: auto;
  6232. }
  6233. .navbar-end {
  6234. -webkit-box-pack: end;
  6235. -ms-flex-pack: end;
  6236. justify-content: flex-end;
  6237. margin-left: auto;
  6238. }
  6239. .navbar-dropdown {
  6240. background-color: white;
  6241. border-bottom-left-radius: 5px;
  6242. border-bottom-right-radius: 5px;
  6243. border-top: 1px solid #dbdbdb;
  6244. -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
  6245. box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
  6246. display: none;
  6247. font-size: 0.875rem;
  6248. left: 0;
  6249. min-width: 100%;
  6250. position: absolute;
  6251. top: 100%;
  6252. z-index: 20;
  6253. }
  6254. .navbar-dropdown .navbar-item {
  6255. padding: 0.375rem 1rem;
  6256. white-space: nowrap;
  6257. }
  6258. .navbar-dropdown a.navbar-item {
  6259. padding-right: 3rem;
  6260. }
  6261. .navbar-dropdown a.navbar-item:hover {
  6262. background-color: whitesmoke;
  6263. color: #0a0a0a;
  6264. }
  6265. .navbar-dropdown a.navbar-item.is-active {
  6266. background-color: whitesmoke;
  6267. color: #3273dc;
  6268. }
  6269. .navbar-dropdown.is-boxed {
  6270. border-radius: 5px;
  6271. border-top: none;
  6272. -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  6273. box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  6274. display: block;
  6275. opacity: 0;
  6276. pointer-events: none;
  6277. top: calc(100% + (-4px));
  6278. -webkit-transform: translateY(-5px);
  6279. transform: translateY(-5px);
  6280. -webkit-transition-duration: 86ms;
  6281. transition-duration: 86ms;
  6282. -webkit-transition-property: opacity, -webkit-transform;
  6283. transition-property: opacity, -webkit-transform;
  6284. transition-property: opacity, transform;
  6285. transition-property: opacity, transform, -webkit-transform;
  6286. }
  6287. .navbar-dropdown.is-right {
  6288. left: auto;
  6289. right: 0;
  6290. }
  6291. .navbar-divider {
  6292. display: block;
  6293. }
  6294. .navbar > .container .navbar-brand,
  6295. .container > .navbar .navbar-brand {
  6296. margin-left: -1rem;
  6297. }
  6298. .navbar > .container .navbar-menu,
  6299. .container > .navbar .navbar-menu {
  6300. margin-right: -1rem;
  6301. }
  6302. .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
  6303. left: 0;
  6304. position: fixed;
  6305. right: 0;
  6306. z-index: 30;
  6307. }
  6308. .navbar.is-fixed-bottom-desktop {
  6309. bottom: 0;
  6310. }
  6311. .navbar.is-fixed-bottom-desktop.has-shadow {
  6312. -webkit-box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  6313. box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  6314. }
  6315. .navbar.is-fixed-top-desktop {
  6316. top: 0;
  6317. }
  6318. html.has-navbar-fixed-top-desktop {
  6319. padding-top: 3.25rem;
  6320. }
  6321. html.has-navbar-fixed-bottom-desktop {
  6322. padding-bottom: 3.25rem;
  6323. }
  6324. a.navbar-item.is-active,
  6325. a.navbar-link.is-active {
  6326. color: #0a0a0a;
  6327. }
  6328. a.navbar-item.is-active:not(:hover),
  6329. a.navbar-link.is-active:not(:hover) {
  6330. background-color: transparent;
  6331. }
  6332. .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
  6333. background-color: whitesmoke;
  6334. }
  6335. }
  6336. .pagination {
  6337. font-size: 1rem;
  6338. margin: -0.25rem;
  6339. }
  6340. .pagination.is-small {
  6341. font-size: 0.75rem;
  6342. }
  6343. .pagination.is-medium {
  6344. font-size: 1.25rem;
  6345. }
  6346. .pagination.is-large {
  6347. font-size: 1.5rem;
  6348. }
  6349. .pagination.is-rounded .pagination-previous,
  6350. .pagination.is-rounded .pagination-next {
  6351. padding-left: 1em;
  6352. padding-right: 1em;
  6353. border-radius: 290486px;
  6354. }
  6355. .pagination.is-rounded .pagination-link {
  6356. border-radius: 290486px;
  6357. }
  6358. .pagination,
  6359. .pagination-list {
  6360. -webkit-box-align: center;
  6361. -ms-flex-align: center;
  6362. align-items: center;
  6363. display: -webkit-box;
  6364. display: -ms-flexbox;
  6365. display: flex;
  6366. -webkit-box-pack: center;
  6367. -ms-flex-pack: center;
  6368. justify-content: center;
  6369. text-align: center;
  6370. }
  6371. .pagination-previous,
  6372. .pagination-next,
  6373. .pagination-link,
  6374. .pagination-ellipsis {
  6375. -moz-appearance: none;
  6376. -webkit-appearance: none;
  6377. -webkit-box-align: center;
  6378. -ms-flex-align: center;
  6379. align-items: center;
  6380. border: 1px solid transparent;
  6381. border-radius: 3px;
  6382. -webkit-box-shadow: none;
  6383. box-shadow: none;
  6384. display: -webkit-inline-box;
  6385. display: -ms-inline-flexbox;
  6386. display: inline-flex;
  6387. font-size: 1rem;
  6388. height: 2.25em;
  6389. -webkit-box-pack: start;
  6390. -ms-flex-pack: start;
  6391. justify-content: flex-start;
  6392. line-height: 1.5;
  6393. padding-bottom: calc(0.375em - 1px);
  6394. padding-left: calc(0.625em - 1px);
  6395. padding-right: calc(0.625em - 1px);
  6396. padding-top: calc(0.375em - 1px);
  6397. position: relative;
  6398. vertical-align: top;
  6399. -webkit-touch-callout: none;
  6400. -webkit-user-select: none;
  6401. -moz-user-select: none;
  6402. -ms-user-select: none;
  6403. user-select: none;
  6404. font-size: 1em;
  6405. padding-left: 0.5em;
  6406. padding-right: 0.5em;
  6407. -webkit-box-pack: center;
  6408. -ms-flex-pack: center;
  6409. justify-content: center;
  6410. margin: 0.25rem;
  6411. text-align: center;
  6412. }
  6413. .pagination-previous:focus, .pagination-previous.is-focused, .pagination-previous:active, .pagination-previous.is-active,
  6414. .pagination-next:focus,
  6415. .pagination-next.is-focused,
  6416. .pagination-next:active,
  6417. .pagination-next.is-active,
  6418. .pagination-link:focus,
  6419. .pagination-link.is-focused,
  6420. .pagination-link:active,
  6421. .pagination-link.is-active,
  6422. .pagination-ellipsis:focus,
  6423. .pagination-ellipsis.is-focused,
  6424. .pagination-ellipsis:active,
  6425. .pagination-ellipsis.is-active {
  6426. outline: none;
  6427. }
  6428. .pagination-previous[disabled],
  6429. .pagination-next[disabled],
  6430. .pagination-link[disabled],
  6431. .pagination-ellipsis[disabled] {
  6432. cursor: not-allowed;
  6433. }
  6434. .pagination-previous,
  6435. .pagination-next,
  6436. .pagination-link {
  6437. border-color: #dbdbdb;
  6438. color: #363636;
  6439. min-width: 2.25em;
  6440. }
  6441. .pagination-previous:hover,
  6442. .pagination-next:hover,
  6443. .pagination-link:hover {
  6444. border-color: #b5b5b5;
  6445. color: #363636;
  6446. }
  6447. .pagination-previous:focus,
  6448. .pagination-next:focus,
  6449. .pagination-link:focus {
  6450. border-color: #3273dc;
  6451. }
  6452. .pagination-previous:active,
  6453. .pagination-next:active,
  6454. .pagination-link:active {
  6455. -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  6456. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  6457. }
  6458. .pagination-previous[disabled],
  6459. .pagination-next[disabled],
  6460. .pagination-link[disabled] {
  6461. background-color: #dbdbdb;
  6462. border-color: #dbdbdb;
  6463. -webkit-box-shadow: none;
  6464. box-shadow: none;
  6465. color: #7a7a7a;
  6466. opacity: 0.5;
  6467. }
  6468. .pagination-previous,
  6469. .pagination-next {
  6470. padding-left: 0.75em;
  6471. padding-right: 0.75em;
  6472. white-space: nowrap;
  6473. }
  6474. .pagination-link.is-current {
  6475. background-color: #3273dc;
  6476. border-color: #3273dc;
  6477. color: #fff;
  6478. }
  6479. .pagination-ellipsis {
  6480. color: #b5b5b5;
  6481. pointer-events: none;
  6482. }
  6483. .pagination-list {
  6484. -ms-flex-wrap: wrap;
  6485. flex-wrap: wrap;
  6486. }
  6487. @media screen and (max-width: 768px) {
  6488. .pagination {
  6489. -ms-flex-wrap: wrap;
  6490. flex-wrap: wrap;
  6491. }
  6492. .pagination-previous,
  6493. .pagination-next {
  6494. -webkit-box-flex: 1;
  6495. -ms-flex-positive: 1;
  6496. flex-grow: 1;
  6497. -ms-flex-negative: 1;
  6498. flex-shrink: 1;
  6499. }
  6500. .pagination-list li {
  6501. -webkit-box-flex: 1;
  6502. -ms-flex-positive: 1;
  6503. flex-grow: 1;
  6504. -ms-flex-negative: 1;
  6505. flex-shrink: 1;
  6506. }
  6507. }
  6508. @media screen and (min-width: 769px), print {
  6509. .pagination-list {
  6510. -webkit-box-flex: 1;
  6511. -ms-flex-positive: 1;
  6512. flex-grow: 1;
  6513. -ms-flex-negative: 1;
  6514. flex-shrink: 1;
  6515. -webkit-box-pack: start;
  6516. -ms-flex-pack: start;
  6517. justify-content: flex-start;
  6518. -webkit-box-ordinal-group: 2;
  6519. -ms-flex-order: 1;
  6520. order: 1;
  6521. }
  6522. .pagination-previous {
  6523. -webkit-box-ordinal-group: 3;
  6524. -ms-flex-order: 2;
  6525. order: 2;
  6526. }
  6527. .pagination-next {
  6528. -webkit-box-ordinal-group: 4;
  6529. -ms-flex-order: 3;
  6530. order: 3;
  6531. }
  6532. .pagination {
  6533. -webkit-box-pack: justify;
  6534. -ms-flex-pack: justify;
  6535. justify-content: space-between;
  6536. }
  6537. .pagination.is-centered .pagination-previous {
  6538. -webkit-box-ordinal-group: 2;
  6539. -ms-flex-order: 1;
  6540. order: 1;
  6541. }
  6542. .pagination.is-centered .pagination-list {
  6543. -webkit-box-pack: center;
  6544. -ms-flex-pack: center;
  6545. justify-content: center;
  6546. -webkit-box-ordinal-group: 3;
  6547. -ms-flex-order: 2;
  6548. order: 2;
  6549. }
  6550. .pagination.is-centered .pagination-next {
  6551. -webkit-box-ordinal-group: 4;
  6552. -ms-flex-order: 3;
  6553. order: 3;
  6554. }
  6555. .pagination.is-right .pagination-previous {
  6556. -webkit-box-ordinal-group: 2;
  6557. -ms-flex-order: 1;
  6558. order: 1;
  6559. }
  6560. .pagination.is-right .pagination-next {
  6561. -webkit-box-ordinal-group: 3;
  6562. -ms-flex-order: 2;
  6563. order: 2;
  6564. }
  6565. .pagination.is-right .pagination-list {
  6566. -webkit-box-pack: end;
  6567. -ms-flex-pack: end;
  6568. justify-content: flex-end;
  6569. -webkit-box-ordinal-group: 4;
  6570. -ms-flex-order: 3;
  6571. order: 3;
  6572. }
  6573. }
  6574. .panel {
  6575. font-size: 1rem;
  6576. }
  6577. .panel:not(:last-child) {
  6578. margin-bottom: 1.5rem;
  6579. }
  6580. .panel-heading,
  6581. .panel-tabs,
  6582. .panel-block {
  6583. border-bottom: 1px solid #dbdbdb;
  6584. border-left: 1px solid #dbdbdb;
  6585. border-right: 1px solid #dbdbdb;
  6586. }
  6587. .panel-heading:first-child,
  6588. .panel-tabs:first-child,
  6589. .panel-block:first-child {
  6590. border-top: 1px solid #dbdbdb;
  6591. }
  6592. .panel-heading {
  6593. background-color: whitesmoke;
  6594. border-radius: 3px 3px 0 0;
  6595. color: #363636;
  6596. font-size: 1.25em;
  6597. font-weight: 300;
  6598. line-height: 1.25;
  6599. padding: 0.5em 0.75em;
  6600. }
  6601. .panel-tabs {
  6602. -webkit-box-align: end;
  6603. -ms-flex-align: end;
  6604. align-items: flex-end;
  6605. display: -webkit-box;
  6606. display: -ms-flexbox;
  6607. display: flex;
  6608. font-size: 0.875em;
  6609. -webkit-box-pack: center;
  6610. -ms-flex-pack: center;
  6611. justify-content: center;
  6612. }
  6613. .panel-tabs a {
  6614. border-bottom: 1px solid #dbdbdb;
  6615. margin-bottom: -1px;
  6616. padding: 0.5em;
  6617. }
  6618. .panel-tabs a.is-active {
  6619. border-bottom-color: #4a4a4a;
  6620. color: #363636;
  6621. }
  6622. .panel-list a {
  6623. color: #4a4a4a;
  6624. }
  6625. .panel-list a:hover {
  6626. color: #3273dc;
  6627. }
  6628. .panel-block {
  6629. -webkit-box-align: center;
  6630. -ms-flex-align: center;
  6631. align-items: center;
  6632. color: #363636;
  6633. display: -webkit-box;
  6634. display: -ms-flexbox;
  6635. display: flex;
  6636. -webkit-box-pack: start;
  6637. -ms-flex-pack: start;
  6638. justify-content: flex-start;
  6639. padding: 0.5em 0.75em;
  6640. }
  6641. .panel-block input[type="checkbox"] {
  6642. margin-right: 0.75em;
  6643. }
  6644. .panel-block > .control {
  6645. -webkit-box-flex: 1;
  6646. -ms-flex-positive: 1;
  6647. flex-grow: 1;
  6648. -ms-flex-negative: 1;
  6649. flex-shrink: 1;
  6650. width: 100%;
  6651. }
  6652. .panel-block.is-wrapped {
  6653. -ms-flex-wrap: wrap;
  6654. flex-wrap: wrap;
  6655. }
  6656. .panel-block.is-active {
  6657. border-left-color: #3273dc;
  6658. color: #363636;
  6659. }
  6660. .panel-block.is-active .panel-icon {
  6661. color: #3273dc;
  6662. }
  6663. a.panel-block,
  6664. label.panel-block {
  6665. cursor: pointer;
  6666. }
  6667. a.panel-block:hover,
  6668. label.panel-block:hover {
  6669. background-color: whitesmoke;
  6670. }
  6671. .panel-icon {
  6672. display: inline-block;
  6673. font-size: 14px;
  6674. height: 1em;
  6675. line-height: 1em;
  6676. text-align: center;
  6677. vertical-align: top;
  6678. width: 1em;
  6679. color: #7a7a7a;
  6680. margin-right: 0.75em;
  6681. }
  6682. .panel-icon .fa {
  6683. font-size: inherit;
  6684. line-height: inherit;
  6685. }
  6686. .tabs {
  6687. -webkit-overflow-scrolling: touch;
  6688. -webkit-touch-callout: none;
  6689. -webkit-user-select: none;
  6690. -moz-user-select: none;
  6691. -ms-user-select: none;
  6692. user-select: none;
  6693. -webkit-box-align: stretch;
  6694. -ms-flex-align: stretch;
  6695. align-items: stretch;
  6696. display: -webkit-box;
  6697. display: -ms-flexbox;
  6698. display: flex;
  6699. font-size: 1rem;
  6700. -webkit-box-pack: justify;
  6701. -ms-flex-pack: justify;
  6702. justify-content: space-between;
  6703. overflow: hidden;
  6704. overflow-x: auto;
  6705. white-space: nowrap;
  6706. }
  6707. .tabs:not(:last-child) {
  6708. margin-bottom: 1.5rem;
  6709. }
  6710. .tabs a {
  6711. -webkit-box-align: center;
  6712. -ms-flex-align: center;
  6713. align-items: center;
  6714. border-bottom-color: #dbdbdb;
  6715. border-bottom-style: solid;
  6716. border-bottom-width: 1px;
  6717. color: #4a4a4a;
  6718. display: -webkit-box;
  6719. display: -ms-flexbox;
  6720. display: flex;
  6721. -webkit-box-pack: center;
  6722. -ms-flex-pack: center;
  6723. justify-content: center;
  6724. margin-bottom: -1px;
  6725. padding: 0.5em 1em;
  6726. vertical-align: top;
  6727. }
  6728. .tabs a:hover {
  6729. border-bottom-color: #363636;
  6730. color: #363636;
  6731. }
  6732. .tabs li {
  6733. display: block;
  6734. }
  6735. .tabs li.is-active a {
  6736. border-bottom-color: #3273dc;
  6737. color: #3273dc;
  6738. }
  6739. .tabs ul {
  6740. -webkit-box-align: center;
  6741. -ms-flex-align: center;
  6742. align-items: center;
  6743. border-bottom-color: #dbdbdb;
  6744. border-bottom-style: solid;
  6745. border-bottom-width: 1px;
  6746. display: -webkit-box;
  6747. display: -ms-flexbox;
  6748. display: flex;
  6749. -webkit-box-flex: 1;
  6750. -ms-flex-positive: 1;
  6751. flex-grow: 1;
  6752. -ms-flex-negative: 0;
  6753. flex-shrink: 0;
  6754. -webkit-box-pack: start;
  6755. -ms-flex-pack: start;
  6756. justify-content: flex-start;
  6757. }
  6758. .tabs ul.is-left {
  6759. padding-right: 0.75em;
  6760. }
  6761. .tabs ul.is-center {
  6762. -webkit-box-flex: 0;
  6763. -ms-flex: none;
  6764. flex: none;
  6765. -webkit-box-pack: center;
  6766. -ms-flex-pack: center;
  6767. justify-content: center;
  6768. padding-left: 0.75em;
  6769. padding-right: 0.75em;
  6770. }
  6771. .tabs ul.is-right {
  6772. -webkit-box-pack: end;
  6773. -ms-flex-pack: end;
  6774. justify-content: flex-end;
  6775. padding-left: 0.75em;
  6776. }
  6777. .tabs .icon:first-child {
  6778. margin-right: 0.5em;
  6779. }
  6780. .tabs .icon:last-child {
  6781. margin-left: 0.5em;
  6782. }
  6783. .tabs.is-centered ul {
  6784. -webkit-box-pack: center;
  6785. -ms-flex-pack: center;
  6786. justify-content: center;
  6787. }
  6788. .tabs.is-right ul {
  6789. -webkit-box-pack: end;
  6790. -ms-flex-pack: end;
  6791. justify-content: flex-end;
  6792. }
  6793. .tabs.is-boxed a {
  6794. border: 1px solid transparent;
  6795. border-radius: 3px 3px 0 0;
  6796. }
  6797. .tabs.is-boxed a:hover {
  6798. background-color: whitesmoke;
  6799. border-bottom-color: #dbdbdb;
  6800. }
  6801. .tabs.is-boxed li.is-active a {
  6802. background-color: white;
  6803. border-color: #dbdbdb;
  6804. border-bottom-color: transparent !important;
  6805. }
  6806. .tabs.is-fullwidth li {
  6807. -webkit-box-flex: 1;
  6808. -ms-flex-positive: 1;
  6809. flex-grow: 1;
  6810. -ms-flex-negative: 0;
  6811. flex-shrink: 0;
  6812. }
  6813. .tabs.is-toggle a {
  6814. border-color: #dbdbdb;
  6815. border-style: solid;
  6816. border-width: 1px;
  6817. margin-bottom: 0;
  6818. position: relative;
  6819. }
  6820. .tabs.is-toggle a:hover {
  6821. background-color: whitesmoke;
  6822. border-color: #b5b5b5;
  6823. z-index: 2;
  6824. }
  6825. .tabs.is-toggle li + li {
  6826. margin-left: -1px;
  6827. }
  6828. .tabs.is-toggle li:first-child a {
  6829. border-radius: 3px 0 0 3px;
  6830. }
  6831. .tabs.is-toggle li:last-child a {
  6832. border-radius: 0 3px 3px 0;
  6833. }
  6834. .tabs.is-toggle li.is-active a {
  6835. background-color: #3273dc;
  6836. border-color: #3273dc;
  6837. color: #fff;
  6838. z-index: 1;
  6839. }
  6840. .tabs.is-toggle ul {
  6841. border-bottom: none;
  6842. }
  6843. .tabs.is-toggle.is-toggle-rounded li:first-child a {
  6844. border-bottom-left-radius: 290486px;
  6845. border-top-left-radius: 290486px;
  6846. padding-left: 1.25em;
  6847. }
  6848. .tabs.is-toggle.is-toggle-rounded li:last-child a {
  6849. border-bottom-right-radius: 290486px;
  6850. border-top-right-radius: 290486px;
  6851. padding-right: 1.25em;
  6852. }
  6853. .tabs.is-small {
  6854. font-size: 0.75rem;
  6855. }
  6856. .tabs.is-medium {
  6857. font-size: 1.25rem;
  6858. }
  6859. .tabs.is-large {
  6860. font-size: 1.5rem;
  6861. }
  6862. .column {
  6863. display: block;
  6864. -ms-flex-preferred-size: 0;
  6865. flex-basis: 0;
  6866. -webkit-box-flex: 1;
  6867. -ms-flex-positive: 1;
  6868. flex-grow: 1;
  6869. -ms-flex-negative: 1;
  6870. flex-shrink: 1;
  6871. padding: 0.75rem;
  6872. }
  6873. .columns.is-mobile > .column.is-narrow {
  6874. -webkit-box-flex: 0;
  6875. -ms-flex: none;
  6876. flex: none;
  6877. }
  6878. .columns.is-mobile > .column.is-full {
  6879. -webkit-box-flex: 0;
  6880. -ms-flex: none;
  6881. flex: none;
  6882. width: 100%;
  6883. }
  6884. .columns.is-mobile > .column.is-three-quarters {
  6885. -webkit-box-flex: 0;
  6886. -ms-flex: none;
  6887. flex: none;
  6888. width: 75%;
  6889. }
  6890. .columns.is-mobile > .column.is-two-thirds {
  6891. -webkit-box-flex: 0;
  6892. -ms-flex: none;
  6893. flex: none;
  6894. width: 66.6666%;
  6895. }
  6896. .columns.is-mobile > .column.is-half {
  6897. -webkit-box-flex: 0;
  6898. -ms-flex: none;
  6899. flex: none;
  6900. width: 50%;
  6901. }
  6902. .columns.is-mobile > .column.is-one-third {
  6903. -webkit-box-flex: 0;
  6904. -ms-flex: none;
  6905. flex: none;
  6906. width: 33.3333%;
  6907. }
  6908. .columns.is-mobile > .column.is-one-quarter {
  6909. -webkit-box-flex: 0;
  6910. -ms-flex: none;
  6911. flex: none;
  6912. width: 25%;
  6913. }
  6914. .columns.is-mobile > .column.is-one-fifth {
  6915. -webkit-box-flex: 0;
  6916. -ms-flex: none;
  6917. flex: none;
  6918. width: 20%;
  6919. }
  6920. .columns.is-mobile > .column.is-two-fifths {
  6921. -webkit-box-flex: 0;
  6922. -ms-flex: none;
  6923. flex: none;
  6924. width: 40%;
  6925. }
  6926. .columns.is-mobile > .column.is-three-fifths {
  6927. -webkit-box-flex: 0;
  6928. -ms-flex: none;
  6929. flex: none;
  6930. width: 60%;
  6931. }
  6932. .columns.is-mobile > .column.is-four-fifths {
  6933. -webkit-box-flex: 0;
  6934. -ms-flex: none;
  6935. flex: none;
  6936. width: 80%;
  6937. }
  6938. .columns.is-mobile > .column.is-offset-three-quarters {
  6939. margin-left: 75%;
  6940. }
  6941. .columns.is-mobile > .column.is-offset-two-thirds {
  6942. margin-left: 66.6666%;
  6943. }
  6944. .columns.is-mobile > .column.is-offset-half {
  6945. margin-left: 50%;
  6946. }
  6947. .columns.is-mobile > .column.is-offset-one-third {
  6948. margin-left: 33.3333%;
  6949. }
  6950. .columns.is-mobile > .column.is-offset-one-quarter {
  6951. margin-left: 25%;
  6952. }
  6953. .columns.is-mobile > .column.is-offset-one-fifth {
  6954. margin-left: 20%;
  6955. }
  6956. .columns.is-mobile > .column.is-offset-two-fifths {
  6957. margin-left: 40%;
  6958. }
  6959. .columns.is-mobile > .column.is-offset-three-fifths {
  6960. margin-left: 60%;
  6961. }
  6962. .columns.is-mobile > .column.is-offset-four-fifths {
  6963. margin-left: 80%;
  6964. }
  6965. .columns.is-mobile > .column.is-1 {
  6966. -webkit-box-flex: 0;
  6967. -ms-flex: none;
  6968. flex: none;
  6969. width: 8.33333%;
  6970. }
  6971. .columns.is-mobile > .column.is-offset-1 {
  6972. margin-left: 8.33333%;
  6973. }
  6974. .columns.is-mobile > .column.is-2 {
  6975. -webkit-box-flex: 0;
  6976. -ms-flex: none;
  6977. flex: none;
  6978. width: 16.66667%;
  6979. }
  6980. .columns.is-mobile > .column.is-offset-2 {
  6981. margin-left: 16.66667%;
  6982. }
  6983. .columns.is-mobile > .column.is-3 {
  6984. -webkit-box-flex: 0;
  6985. -ms-flex: none;
  6986. flex: none;
  6987. width: 25%;
  6988. }
  6989. .columns.is-mobile > .column.is-offset-3 {
  6990. margin-left: 25%;
  6991. }
  6992. .columns.is-mobile > .column.is-4 {
  6993. -webkit-box-flex: 0;
  6994. -ms-flex: none;
  6995. flex: none;
  6996. width: 33.33333%;
  6997. }
  6998. .columns.is-mobile > .column.is-offset-4 {
  6999. margin-left: 33.33333%;
  7000. }
  7001. .columns.is-mobile > .column.is-5 {
  7002. -webkit-box-flex: 0;
  7003. -ms-flex: none;
  7004. flex: none;
  7005. width: 41.66667%;
  7006. }
  7007. .columns.is-mobile > .column.is-offset-5 {
  7008. margin-left: 41.66667%;
  7009. }
  7010. .columns.is-mobile > .column.is-6 {
  7011. -webkit-box-flex: 0;
  7012. -ms-flex: none;
  7013. flex: none;
  7014. width: 50%;
  7015. }
  7016. .columns.is-mobile > .column.is-offset-6 {
  7017. margin-left: 50%;
  7018. }
  7019. .columns.is-mobile > .column.is-7 {
  7020. -webkit-box-flex: 0;
  7021. -ms-flex: none;
  7022. flex: none;
  7023. width: 58.33333%;
  7024. }
  7025. .columns.is-mobile > .column.is-offset-7 {
  7026. margin-left: 58.33333%;
  7027. }
  7028. .columns.is-mobile > .column.is-8 {
  7029. -webkit-box-flex: 0;
  7030. -ms-flex: none;
  7031. flex: none;
  7032. width: 66.66667%;
  7033. }
  7034. .columns.is-mobile > .column.is-offset-8 {
  7035. margin-left: 66.66667%;
  7036. }
  7037. .columns.is-mobile > .column.is-9 {
  7038. -webkit-box-flex: 0;
  7039. -ms-flex: none;
  7040. flex: none;
  7041. width: 75%;
  7042. }
  7043. .columns.is-mobile > .column.is-offset-9 {
  7044. margin-left: 75%;
  7045. }
  7046. .columns.is-mobile > .column.is-10 {
  7047. -webkit-box-flex: 0;
  7048. -ms-flex: none;
  7049. flex: none;
  7050. width: 83.33333%;
  7051. }
  7052. .columns.is-mobile > .column.is-offset-10 {
  7053. margin-left: 83.33333%;
  7054. }
  7055. .columns.is-mobile > .column.is-11 {
  7056. -webkit-box-flex: 0;
  7057. -ms-flex: none;
  7058. flex: none;
  7059. width: 91.66667%;
  7060. }
  7061. .columns.is-mobile > .column.is-offset-11 {
  7062. margin-left: 91.66667%;
  7063. }
  7064. .columns.is-mobile > .column.is-12 {
  7065. -webkit-box-flex: 0;
  7066. -ms-flex: none;
  7067. flex: none;
  7068. width: 100%;
  7069. }
  7070. .columns.is-mobile > .column.is-offset-12 {
  7071. margin-left: 100%;
  7072. }
  7073. @media screen and (max-width: 768px) {
  7074. .column.is-narrow-mobile {
  7075. -webkit-box-flex: 0;
  7076. -ms-flex: none;
  7077. flex: none;
  7078. }
  7079. .column.is-full-mobile {
  7080. -webkit-box-flex: 0;
  7081. -ms-flex: none;
  7082. flex: none;
  7083. width: 100%;
  7084. }
  7085. .column.is-three-quarters-mobile {
  7086. -webkit-box-flex: 0;
  7087. -ms-flex: none;
  7088. flex: none;
  7089. width: 75%;
  7090. }
  7091. .column.is-two-thirds-mobile {
  7092. -webkit-box-flex: 0;
  7093. -ms-flex: none;
  7094. flex: none;
  7095. width: 66.6666%;
  7096. }
  7097. .column.is-half-mobile {
  7098. -webkit-box-flex: 0;
  7099. -ms-flex: none;
  7100. flex: none;
  7101. width: 50%;
  7102. }
  7103. .column.is-one-third-mobile {
  7104. -webkit-box-flex: 0;
  7105. -ms-flex: none;
  7106. flex: none;
  7107. width: 33.3333%;
  7108. }
  7109. .column.is-one-quarter-mobile {
  7110. -webkit-box-flex: 0;
  7111. -ms-flex: none;
  7112. flex: none;
  7113. width: 25%;
  7114. }
  7115. .column.is-one-fifth-mobile {
  7116. -webkit-box-flex: 0;
  7117. -ms-flex: none;
  7118. flex: none;
  7119. width: 20%;
  7120. }
  7121. .column.is-two-fifths-mobile {
  7122. -webkit-box-flex: 0;
  7123. -ms-flex: none;
  7124. flex: none;
  7125. width: 40%;
  7126. }
  7127. .column.is-three-fifths-mobile {
  7128. -webkit-box-flex: 0;
  7129. -ms-flex: none;
  7130. flex: none;
  7131. width: 60%;
  7132. }
  7133. .column.is-four-fifths-mobile {
  7134. -webkit-box-flex: 0;
  7135. -ms-flex: none;
  7136. flex: none;
  7137. width: 80%;
  7138. }
  7139. .column.is-offset-three-quarters-mobile {
  7140. margin-left: 75%;
  7141. }
  7142. .column.is-offset-two-thirds-mobile {
  7143. margin-left: 66.6666%;
  7144. }
  7145. .column.is-offset-half-mobile {
  7146. margin-left: 50%;
  7147. }
  7148. .column.is-offset-one-third-mobile {
  7149. margin-left: 33.3333%;
  7150. }
  7151. .column.is-offset-one-quarter-mobile {
  7152. margin-left: 25%;
  7153. }
  7154. .column.is-offset-one-fifth-mobile {
  7155. margin-left: 20%;
  7156. }
  7157. .column.is-offset-two-fifths-mobile {
  7158. margin-left: 40%;
  7159. }
  7160. .column.is-offset-three-fifths-mobile {
  7161. margin-left: 60%;
  7162. }
  7163. .column.is-offset-four-fifths-mobile {
  7164. margin-left: 80%;
  7165. }
  7166. .column.is-1-mobile {
  7167. -webkit-box-flex: 0;
  7168. -ms-flex: none;
  7169. flex: none;
  7170. width: 8.33333%;
  7171. }
  7172. .column.is-offset-1-mobile {
  7173. margin-left: 8.33333%;
  7174. }
  7175. .column.is-2-mobile {
  7176. -webkit-box-flex: 0;
  7177. -ms-flex: none;
  7178. flex: none;
  7179. width: 16.66667%;
  7180. }
  7181. .column.is-offset-2-mobile {
  7182. margin-left: 16.66667%;
  7183. }
  7184. .column.is-3-mobile {
  7185. -webkit-box-flex: 0;
  7186. -ms-flex: none;
  7187. flex: none;
  7188. width: 25%;
  7189. }
  7190. .column.is-offset-3-mobile {
  7191. margin-left: 25%;
  7192. }
  7193. .column.is-4-mobile {
  7194. -webkit-box-flex: 0;
  7195. -ms-flex: none;
  7196. flex: none;
  7197. width: 33.33333%;
  7198. }
  7199. .column.is-offset-4-mobile {
  7200. margin-left: 33.33333%;
  7201. }
  7202. .column.is-5-mobile {
  7203. -webkit-box-flex: 0;
  7204. -ms-flex: none;
  7205. flex: none;
  7206. width: 41.66667%;
  7207. }
  7208. .column.is-offset-5-mobile {
  7209. margin-left: 41.66667%;
  7210. }
  7211. .column.is-6-mobile {
  7212. -webkit-box-flex: 0;
  7213. -ms-flex: none;
  7214. flex: none;
  7215. width: 50%;
  7216. }
  7217. .column.is-offset-6-mobile {
  7218. margin-left: 50%;
  7219. }
  7220. .column.is-7-mobile {
  7221. -webkit-box-flex: 0;
  7222. -ms-flex: none;
  7223. flex: none;
  7224. width: 58.33333%;
  7225. }
  7226. .column.is-offset-7-mobile {
  7227. margin-left: 58.33333%;
  7228. }
  7229. .column.is-8-mobile {
  7230. -webkit-box-flex: 0;
  7231. -ms-flex: none;
  7232. flex: none;
  7233. width: 66.66667%;
  7234. }
  7235. .column.is-offset-8-mobile {
  7236. margin-left: 66.66667%;
  7237. }
  7238. .column.is-9-mobile {
  7239. -webkit-box-flex: 0;
  7240. -ms-flex: none;
  7241. flex: none;
  7242. width: 75%;
  7243. }
  7244. .column.is-offset-9-mobile {
  7245. margin-left: 75%;
  7246. }
  7247. .column.is-10-mobile {
  7248. -webkit-box-flex: 0;
  7249. -ms-flex: none;
  7250. flex: none;
  7251. width: 83.33333%;
  7252. }
  7253. .column.is-offset-10-mobile {
  7254. margin-left: 83.33333%;
  7255. }
  7256. .column.is-11-mobile {
  7257. -webkit-box-flex: 0;
  7258. -ms-flex: none;
  7259. flex: none;
  7260. width: 91.66667%;
  7261. }
  7262. .column.is-offset-11-mobile {
  7263. margin-left: 91.66667%;
  7264. }
  7265. .column.is-12-mobile {
  7266. -webkit-box-flex: 0;
  7267. -ms-flex: none;
  7268. flex: none;
  7269. width: 100%;
  7270. }
  7271. .column.is-offset-12-mobile {
  7272. margin-left: 100%;
  7273. }
  7274. }
  7275. @media screen and (min-width: 769px), print {
  7276. .column.is-narrow, .column.is-narrow-tablet {
  7277. -webkit-box-flex: 0;
  7278. -ms-flex: none;
  7279. flex: none;
  7280. }
  7281. .column.is-full, .column.is-full-tablet {
  7282. -webkit-box-flex: 0;
  7283. -ms-flex: none;
  7284. flex: none;
  7285. width: 100%;
  7286. }
  7287. .column.is-three-quarters, .column.is-three-quarters-tablet {
  7288. -webkit-box-flex: 0;
  7289. -ms-flex: none;
  7290. flex: none;
  7291. width: 75%;
  7292. }
  7293. .column.is-two-thirds, .column.is-two-thirds-tablet {
  7294. -webkit-box-flex: 0;
  7295. -ms-flex: none;
  7296. flex: none;
  7297. width: 66.6666%;
  7298. }
  7299. .column.is-half, .column.is-half-tablet {
  7300. -webkit-box-flex: 0;
  7301. -ms-flex: none;
  7302. flex: none;
  7303. width: 50%;
  7304. }
  7305. .column.is-one-third, .column.is-one-third-tablet {
  7306. -webkit-box-flex: 0;
  7307. -ms-flex: none;
  7308. flex: none;
  7309. width: 33.3333%;
  7310. }
  7311. .column.is-one-quarter, .column.is-one-quarter-tablet {
  7312. -webkit-box-flex: 0;
  7313. -ms-flex: none;
  7314. flex: none;
  7315. width: 25%;
  7316. }
  7317. .column.is-one-fifth, .column.is-one-fifth-tablet {
  7318. -webkit-box-flex: 0;
  7319. -ms-flex: none;
  7320. flex: none;
  7321. width: 20%;
  7322. }
  7323. .column.is-two-fifths, .column.is-two-fifths-tablet {
  7324. -webkit-box-flex: 0;
  7325. -ms-flex: none;
  7326. flex: none;
  7327. width: 40%;
  7328. }
  7329. .column.is-three-fifths, .column.is-three-fifths-tablet {
  7330. -webkit-box-flex: 0;
  7331. -ms-flex: none;
  7332. flex: none;
  7333. width: 60%;
  7334. }
  7335. .column.is-four-fifths, .column.is-four-fifths-tablet {
  7336. -webkit-box-flex: 0;
  7337. -ms-flex: none;
  7338. flex: none;
  7339. width: 80%;
  7340. }
  7341. .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
  7342. margin-left: 75%;
  7343. }
  7344. .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
  7345. margin-left: 66.6666%;
  7346. }
  7347. .column.is-offset-half, .column.is-offset-half-tablet {
  7348. margin-left: 50%;
  7349. }
  7350. .column.is-offset-one-third, .column.is-offset-one-third-tablet {
  7351. margin-left: 33.3333%;
  7352. }
  7353. .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
  7354. margin-left: 25%;
  7355. }
  7356. .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
  7357. margin-left: 20%;
  7358. }
  7359. .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
  7360. margin-left: 40%;
  7361. }
  7362. .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
  7363. margin-left: 60%;
  7364. }
  7365. .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
  7366. margin-left: 80%;
  7367. }
  7368. .column.is-1, .column.is-1-tablet {
  7369. -webkit-box-flex: 0;
  7370. -ms-flex: none;
  7371. flex: none;
  7372. width: 8.33333%;
  7373. }
  7374. .column.is-offset-1, .column.is-offset-1-tablet {
  7375. margin-left: 8.33333%;
  7376. }
  7377. .column.is-2, .column.is-2-tablet {
  7378. -webkit-box-flex: 0;
  7379. -ms-flex: none;
  7380. flex: none;
  7381. width: 16.66667%;
  7382. }
  7383. .column.is-offset-2, .column.is-offset-2-tablet {
  7384. margin-left: 16.66667%;
  7385. }
  7386. .column.is-3, .column.is-3-tablet {
  7387. -webkit-box-flex: 0;
  7388. -ms-flex: none;
  7389. flex: none;
  7390. width: 25%;
  7391. }
  7392. .column.is-offset-3, .column.is-offset-3-tablet {
  7393. margin-left: 25%;
  7394. }
  7395. .column.is-4, .column.is-4-tablet {
  7396. -webkit-box-flex: 0;
  7397. -ms-flex: none;
  7398. flex: none;
  7399. width: 33.33333%;
  7400. }
  7401. .column.is-offset-4, .column.is-offset-4-tablet {
  7402. margin-left: 33.33333%;
  7403. }
  7404. .column.is-5, .column.is-5-tablet {
  7405. -webkit-box-flex: 0;
  7406. -ms-flex: none;
  7407. flex: none;
  7408. width: 41.66667%;
  7409. }
  7410. .column.is-offset-5, .column.is-offset-5-tablet {
  7411. margin-left: 41.66667%;
  7412. }
  7413. .column.is-6, .column.is-6-tablet {
  7414. -webkit-box-flex: 0;
  7415. -ms-flex: none;
  7416. flex: none;
  7417. width: 50%;
  7418. }
  7419. .column.is-offset-6, .column.is-offset-6-tablet {
  7420. margin-left: 50%;
  7421. }
  7422. .column.is-7, .column.is-7-tablet {
  7423. -webkit-box-flex: 0;
  7424. -ms-flex: none;
  7425. flex: none;
  7426. width: 58.33333%;
  7427. }
  7428. .column.is-offset-7, .column.is-offset-7-tablet {
  7429. margin-left: 58.33333%;
  7430. }
  7431. .column.is-8, .column.is-8-tablet {
  7432. -webkit-box-flex: 0;
  7433. -ms-flex: none;
  7434. flex: none;
  7435. width: 66.66667%;
  7436. }
  7437. .column.is-offset-8, .column.is-offset-8-tablet {
  7438. margin-left: 66.66667%;
  7439. }
  7440. .column.is-9, .column.is-9-tablet {
  7441. -webkit-box-flex: 0;
  7442. -ms-flex: none;
  7443. flex: none;
  7444. width: 75%;
  7445. }
  7446. .column.is-offset-9, .column.is-offset-9-tablet {
  7447. margin-left: 75%;
  7448. }
  7449. .column.is-10, .column.is-10-tablet {
  7450. -webkit-box-flex: 0;
  7451. -ms-flex: none;
  7452. flex: none;
  7453. width: 83.33333%;
  7454. }
  7455. .column.is-offset-10, .column.is-offset-10-tablet {
  7456. margin-left: 83.33333%;
  7457. }
  7458. .column.is-11, .column.is-11-tablet {
  7459. -webkit-box-flex: 0;
  7460. -ms-flex: none;
  7461. flex: none;
  7462. width: 91.66667%;
  7463. }
  7464. .column.is-offset-11, .column.is-offset-11-tablet {
  7465. margin-left: 91.66667%;
  7466. }
  7467. .column.is-12, .column.is-12-tablet {
  7468. -webkit-box-flex: 0;
  7469. -ms-flex: none;
  7470. flex: none;
  7471. width: 100%;
  7472. }
  7473. .column.is-offset-12, .column.is-offset-12-tablet {
  7474. margin-left: 100%;
  7475. }
  7476. }
  7477. @media screen and (max-width: 1023px) {
  7478. .column.is-narrow-touch {
  7479. -webkit-box-flex: 0;
  7480. -ms-flex: none;
  7481. flex: none;
  7482. }
  7483. .column.is-full-touch {
  7484. -webkit-box-flex: 0;
  7485. -ms-flex: none;
  7486. flex: none;
  7487. width: 100%;
  7488. }
  7489. .column.is-three-quarters-touch {
  7490. -webkit-box-flex: 0;
  7491. -ms-flex: none;
  7492. flex: none;
  7493. width: 75%;
  7494. }
  7495. .column.is-two-thirds-touch {
  7496. -webkit-box-flex: 0;
  7497. -ms-flex: none;
  7498. flex: none;
  7499. width: 66.6666%;
  7500. }
  7501. .column.is-half-touch {
  7502. -webkit-box-flex: 0;
  7503. -ms-flex: none;
  7504. flex: none;
  7505. width: 50%;
  7506. }
  7507. .column.is-one-third-touch {
  7508. -webkit-box-flex: 0;
  7509. -ms-flex: none;
  7510. flex: none;
  7511. width: 33.3333%;
  7512. }
  7513. .column.is-one-quarter-touch {
  7514. -webkit-box-flex: 0;
  7515. -ms-flex: none;
  7516. flex: none;
  7517. width: 25%;
  7518. }
  7519. .column.is-one-fifth-touch {
  7520. -webkit-box-flex: 0;
  7521. -ms-flex: none;
  7522. flex: none;
  7523. width: 20%;
  7524. }
  7525. .column.is-two-fifths-touch {
  7526. -webkit-box-flex: 0;
  7527. -ms-flex: none;
  7528. flex: none;
  7529. width: 40%;
  7530. }
  7531. .column.is-three-fifths-touch {
  7532. -webkit-box-flex: 0;
  7533. -ms-flex: none;
  7534. flex: none;
  7535. width: 60%;
  7536. }
  7537. .column.is-four-fifths-touch {
  7538. -webkit-box-flex: 0;
  7539. -ms-flex: none;
  7540. flex: none;
  7541. width: 80%;
  7542. }
  7543. .column.is-offset-three-quarters-touch {
  7544. margin-left: 75%;
  7545. }
  7546. .column.is-offset-two-thirds-touch {
  7547. margin-left: 66.6666%;
  7548. }
  7549. .column.is-offset-half-touch {
  7550. margin-left: 50%;
  7551. }
  7552. .column.is-offset-one-third-touch {
  7553. margin-left: 33.3333%;
  7554. }
  7555. .column.is-offset-one-quarter-touch {
  7556. margin-left: 25%;
  7557. }
  7558. .column.is-offset-one-fifth-touch {
  7559. margin-left: 20%;
  7560. }
  7561. .column.is-offset-two-fifths-touch {
  7562. margin-left: 40%;
  7563. }
  7564. .column.is-offset-three-fifths-touch {
  7565. margin-left: 60%;
  7566. }
  7567. .column.is-offset-four-fifths-touch {
  7568. margin-left: 80%;
  7569. }
  7570. .column.is-1-touch {
  7571. -webkit-box-flex: 0;
  7572. -ms-flex: none;
  7573. flex: none;
  7574. width: 8.33333%;
  7575. }
  7576. .column.is-offset-1-touch {
  7577. margin-left: 8.33333%;
  7578. }
  7579. .column.is-2-touch {
  7580. -webkit-box-flex: 0;
  7581. -ms-flex: none;
  7582. flex: none;
  7583. width: 16.66667%;
  7584. }
  7585. .column.is-offset-2-touch {
  7586. margin-left: 16.66667%;
  7587. }
  7588. .column.is-3-touch {
  7589. -webkit-box-flex: 0;
  7590. -ms-flex: none;
  7591. flex: none;
  7592. width: 25%;
  7593. }
  7594. .column.is-offset-3-touch {
  7595. margin-left: 25%;
  7596. }
  7597. .column.is-4-touch {
  7598. -webkit-box-flex: 0;
  7599. -ms-flex: none;
  7600. flex: none;
  7601. width: 33.33333%;
  7602. }
  7603. .column.is-offset-4-touch {
  7604. margin-left: 33.33333%;
  7605. }
  7606. .column.is-5-touch {
  7607. -webkit-box-flex: 0;
  7608. -ms-flex: none;
  7609. flex: none;
  7610. width: 41.66667%;
  7611. }
  7612. .column.is-offset-5-touch {
  7613. margin-left: 41.66667%;
  7614. }
  7615. .column.is-6-touch {
  7616. -webkit-box-flex: 0;
  7617. -ms-flex: none;
  7618. flex: none;
  7619. width: 50%;
  7620. }
  7621. .column.is-offset-6-touch {
  7622. margin-left: 50%;
  7623. }
  7624. .column.is-7-touch {
  7625. -webkit-box-flex: 0;
  7626. -ms-flex: none;
  7627. flex: none;
  7628. width: 58.33333%;
  7629. }
  7630. .column.is-offset-7-touch {
  7631. margin-left: 58.33333%;
  7632. }
  7633. .column.is-8-touch {
  7634. -webkit-box-flex: 0;
  7635. -ms-flex: none;
  7636. flex: none;
  7637. width: 66.66667%;
  7638. }
  7639. .column.is-offset-8-touch {
  7640. margin-left: 66.66667%;
  7641. }
  7642. .column.is-9-touch {
  7643. -webkit-box-flex: 0;
  7644. -ms-flex: none;
  7645. flex: none;
  7646. width: 75%;
  7647. }
  7648. .column.is-offset-9-touch {
  7649. margin-left: 75%;
  7650. }
  7651. .column.is-10-touch {
  7652. -webkit-box-flex: 0;
  7653. -ms-flex: none;
  7654. flex: none;
  7655. width: 83.33333%;
  7656. }
  7657. .column.is-offset-10-touch {
  7658. margin-left: 83.33333%;
  7659. }
  7660. .column.is-11-touch {
  7661. -webkit-box-flex: 0;
  7662. -ms-flex: none;
  7663. flex: none;
  7664. width: 91.66667%;
  7665. }
  7666. .column.is-offset-11-touch {
  7667. margin-left: 91.66667%;
  7668. }
  7669. .column.is-12-touch {
  7670. -webkit-box-flex: 0;
  7671. -ms-flex: none;
  7672. flex: none;
  7673. width: 100%;
  7674. }
  7675. .column.is-offset-12-touch {
  7676. margin-left: 100%;
  7677. }
  7678. }
  7679. @media screen and (min-width: 1024px) {
  7680. .column.is-narrow-desktop {
  7681. -webkit-box-flex: 0;
  7682. -ms-flex: none;
  7683. flex: none;
  7684. }
  7685. .column.is-full-desktop {
  7686. -webkit-box-flex: 0;
  7687. -ms-flex: none;
  7688. flex: none;
  7689. width: 100%;
  7690. }
  7691. .column.is-three-quarters-desktop {
  7692. -webkit-box-flex: 0;
  7693. -ms-flex: none;
  7694. flex: none;
  7695. width: 75%;
  7696. }
  7697. .column.is-two-thirds-desktop {
  7698. -webkit-box-flex: 0;
  7699. -ms-flex: none;
  7700. flex: none;
  7701. width: 66.6666%;
  7702. }
  7703. .column.is-half-desktop {
  7704. -webkit-box-flex: 0;
  7705. -ms-flex: none;
  7706. flex: none;
  7707. width: 50%;
  7708. }
  7709. .column.is-one-third-desktop {
  7710. -webkit-box-flex: 0;
  7711. -ms-flex: none;
  7712. flex: none;
  7713. width: 33.3333%;
  7714. }
  7715. .column.is-one-quarter-desktop {
  7716. -webkit-box-flex: 0;
  7717. -ms-flex: none;
  7718. flex: none;
  7719. width: 25%;
  7720. }
  7721. .column.is-one-fifth-desktop {
  7722. -webkit-box-flex: 0;
  7723. -ms-flex: none;
  7724. flex: none;
  7725. width: 20%;
  7726. }
  7727. .column.is-two-fifths-desktop {
  7728. -webkit-box-flex: 0;
  7729. -ms-flex: none;
  7730. flex: none;
  7731. width: 40%;
  7732. }
  7733. .column.is-three-fifths-desktop {
  7734. -webkit-box-flex: 0;
  7735. -ms-flex: none;
  7736. flex: none;
  7737. width: 60%;
  7738. }
  7739. .column.is-four-fifths-desktop {
  7740. -webkit-box-flex: 0;
  7741. -ms-flex: none;
  7742. flex: none;
  7743. width: 80%;
  7744. }
  7745. .column.is-offset-three-quarters-desktop {
  7746. margin-left: 75%;
  7747. }
  7748. .column.is-offset-two-thirds-desktop {
  7749. margin-left: 66.6666%;
  7750. }
  7751. .column.is-offset-half-desktop {
  7752. margin-left: 50%;
  7753. }
  7754. .column.is-offset-one-third-desktop {
  7755. margin-left: 33.3333%;
  7756. }
  7757. .column.is-offset-one-quarter-desktop {
  7758. margin-left: 25%;
  7759. }
  7760. .column.is-offset-one-fifth-desktop {
  7761. margin-left: 20%;
  7762. }
  7763. .column.is-offset-two-fifths-desktop {
  7764. margin-left: 40%;
  7765. }
  7766. .column.is-offset-three-fifths-desktop {
  7767. margin-left: 60%;
  7768. }
  7769. .column.is-offset-four-fifths-desktop {
  7770. margin-left: 80%;
  7771. }
  7772. .column.is-1-desktop {
  7773. -webkit-box-flex: 0;
  7774. -ms-flex: none;
  7775. flex: none;
  7776. width: 8.33333%;
  7777. }
  7778. .column.is-offset-1-desktop {
  7779. margin-left: 8.33333%;
  7780. }
  7781. .column.is-2-desktop {
  7782. -webkit-box-flex: 0;
  7783. -ms-flex: none;
  7784. flex: none;
  7785. width: 16.66667%;
  7786. }
  7787. .column.is-offset-2-desktop {
  7788. margin-left: 16.66667%;
  7789. }
  7790. .column.is-3-desktop {
  7791. -webkit-box-flex: 0;
  7792. -ms-flex: none;
  7793. flex: none;
  7794. width: 25%;
  7795. }
  7796. .column.is-offset-3-desktop {
  7797. margin-left: 25%;
  7798. }
  7799. .column.is-4-desktop {
  7800. -webkit-box-flex: 0;
  7801. -ms-flex: none;
  7802. flex: none;
  7803. width: 33.33333%;
  7804. }
  7805. .column.is-offset-4-desktop {
  7806. margin-left: 33.33333%;
  7807. }
  7808. .column.is-5-desktop {
  7809. -webkit-box-flex: 0;
  7810. -ms-flex: none;
  7811. flex: none;
  7812. width: 41.66667%;
  7813. }
  7814. .column.is-offset-5-desktop {
  7815. margin-left: 41.66667%;
  7816. }
  7817. .column.is-6-desktop {
  7818. -webkit-box-flex: 0;
  7819. -ms-flex: none;
  7820. flex: none;
  7821. width: 50%;
  7822. }
  7823. .column.is-offset-6-desktop {
  7824. margin-left: 50%;
  7825. }
  7826. .column.is-7-desktop {
  7827. -webkit-box-flex: 0;
  7828. -ms-flex: none;
  7829. flex: none;
  7830. width: 58.33333%;
  7831. }
  7832. .column.is-offset-7-desktop {
  7833. margin-left: 58.33333%;
  7834. }
  7835. .column.is-8-desktop {
  7836. -webkit-box-flex: 0;
  7837. -ms-flex: none;
  7838. flex: none;
  7839. width: 66.66667%;
  7840. }
  7841. .column.is-offset-8-desktop {
  7842. margin-left: 66.66667%;
  7843. }
  7844. .column.is-9-desktop {
  7845. -webkit-box-flex: 0;
  7846. -ms-flex: none;
  7847. flex: none;
  7848. width: 75%;
  7849. }
  7850. .column.is-offset-9-desktop {
  7851. margin-left: 75%;
  7852. }
  7853. .column.is-10-desktop {
  7854. -webkit-box-flex: 0;
  7855. -ms-flex: none;
  7856. flex: none;
  7857. width: 83.33333%;
  7858. }
  7859. .column.is-offset-10-desktop {
  7860. margin-left: 83.33333%;
  7861. }
  7862. .column.is-11-desktop {
  7863. -webkit-box-flex: 0;
  7864. -ms-flex: none;
  7865. flex: none;
  7866. width: 91.66667%;
  7867. }
  7868. .column.is-offset-11-desktop {
  7869. margin-left: 91.66667%;
  7870. }
  7871. .column.is-12-desktop {
  7872. -webkit-box-flex: 0;
  7873. -ms-flex: none;
  7874. flex: none;
  7875. width: 100%;
  7876. }
  7877. .column.is-offset-12-desktop {
  7878. margin-left: 100%;
  7879. }
  7880. }
  7881. @media screen and (min-width: 1216px) {
  7882. .column.is-narrow-widescreen {
  7883. -webkit-box-flex: 0;
  7884. -ms-flex: none;
  7885. flex: none;
  7886. }
  7887. .column.is-full-widescreen {
  7888. -webkit-box-flex: 0;
  7889. -ms-flex: none;
  7890. flex: none;
  7891. width: 100%;
  7892. }
  7893. .column.is-three-quarters-widescreen {
  7894. -webkit-box-flex: 0;
  7895. -ms-flex: none;
  7896. flex: none;
  7897. width: 75%;
  7898. }
  7899. .column.is-two-thirds-widescreen {
  7900. -webkit-box-flex: 0;
  7901. -ms-flex: none;
  7902. flex: none;
  7903. width: 66.6666%;
  7904. }
  7905. .column.is-half-widescreen {
  7906. -webkit-box-flex: 0;
  7907. -ms-flex: none;
  7908. flex: none;
  7909. width: 50%;
  7910. }
  7911. .column.is-one-third-widescreen {
  7912. -webkit-box-flex: 0;
  7913. -ms-flex: none;
  7914. flex: none;
  7915. width: 33.3333%;
  7916. }
  7917. .column.is-one-quarter-widescreen {
  7918. -webkit-box-flex: 0;
  7919. -ms-flex: none;
  7920. flex: none;
  7921. width: 25%;
  7922. }
  7923. .column.is-one-fifth-widescreen {
  7924. -webkit-box-flex: 0;
  7925. -ms-flex: none;
  7926. flex: none;
  7927. width: 20%;
  7928. }
  7929. .column.is-two-fifths-widescreen {
  7930. -webkit-box-flex: 0;
  7931. -ms-flex: none;
  7932. flex: none;
  7933. width: 40%;
  7934. }
  7935. .column.is-three-fifths-widescreen {
  7936. -webkit-box-flex: 0;
  7937. -ms-flex: none;
  7938. flex: none;
  7939. width: 60%;
  7940. }
  7941. .column.is-four-fifths-widescreen {
  7942. -webkit-box-flex: 0;
  7943. -ms-flex: none;
  7944. flex: none;
  7945. width: 80%;
  7946. }
  7947. .column.is-offset-three-quarters-widescreen {
  7948. margin-left: 75%;
  7949. }
  7950. .column.is-offset-two-thirds-widescreen {
  7951. margin-left: 66.6666%;
  7952. }
  7953. .column.is-offset-half-widescreen {
  7954. margin-left: 50%;
  7955. }
  7956. .column.is-offset-one-third-widescreen {
  7957. margin-left: 33.3333%;
  7958. }
  7959. .column.is-offset-one-quarter-widescreen {
  7960. margin-left: 25%;
  7961. }
  7962. .column.is-offset-one-fifth-widescreen {
  7963. margin-left: 20%;
  7964. }
  7965. .column.is-offset-two-fifths-widescreen {
  7966. margin-left: 40%;
  7967. }
  7968. .column.is-offset-three-fifths-widescreen {
  7969. margin-left: 60%;
  7970. }
  7971. .column.is-offset-four-fifths-widescreen {
  7972. margin-left: 80%;
  7973. }
  7974. .column.is-1-widescreen {
  7975. -webkit-box-flex: 0;
  7976. -ms-flex: none;
  7977. flex: none;
  7978. width: 8.33333%;
  7979. }
  7980. .column.is-offset-1-widescreen {
  7981. margin-left: 8.33333%;
  7982. }
  7983. .column.is-2-widescreen {
  7984. -webkit-box-flex: 0;
  7985. -ms-flex: none;
  7986. flex: none;
  7987. width: 16.66667%;
  7988. }
  7989. .column.is-offset-2-widescreen {
  7990. margin-left: 16.66667%;
  7991. }
  7992. .column.is-3-widescreen {
  7993. -webkit-box-flex: 0;
  7994. -ms-flex: none;
  7995. flex: none;
  7996. width: 25%;
  7997. }
  7998. .column.is-offset-3-widescreen {
  7999. margin-left: 25%;
  8000. }
  8001. .column.is-4-widescreen {
  8002. -webkit-box-flex: 0;
  8003. -ms-flex: none;
  8004. flex: none;
  8005. width: 33.33333%;
  8006. }
  8007. .column.is-offset-4-widescreen {
  8008. margin-left: 33.33333%;
  8009. }
  8010. .column.is-5-widescreen {
  8011. -webkit-box-flex: 0;
  8012. -ms-flex: none;
  8013. flex: none;
  8014. width: 41.66667%;
  8015. }
  8016. .column.is-offset-5-widescreen {
  8017. margin-left: 41.66667%;
  8018. }
  8019. .column.is-6-widescreen {
  8020. -webkit-box-flex: 0;
  8021. -ms-flex: none;
  8022. flex: none;
  8023. width: 50%;
  8024. }
  8025. .column.is-offset-6-widescreen {
  8026. margin-left: 50%;
  8027. }
  8028. .column.is-7-widescreen {
  8029. -webkit-box-flex: 0;
  8030. -ms-flex: none;
  8031. flex: none;
  8032. width: 58.33333%;
  8033. }
  8034. .column.is-offset-7-widescreen {
  8035. margin-left: 58.33333%;
  8036. }
  8037. .column.is-8-widescreen {
  8038. -webkit-box-flex: 0;
  8039. -ms-flex: none;
  8040. flex: none;
  8041. width: 66.66667%;
  8042. }
  8043. .column.is-offset-8-widescreen {
  8044. margin-left: 66.66667%;
  8045. }
  8046. .column.is-9-widescreen {
  8047. -webkit-box-flex: 0;
  8048. -ms-flex: none;
  8049. flex: none;
  8050. width: 75%;
  8051. }
  8052. .column.is-offset-9-widescreen {
  8053. margin-left: 75%;
  8054. }
  8055. .column.is-10-widescreen {
  8056. -webkit-box-flex: 0;
  8057. -ms-flex: none;
  8058. flex: none;
  8059. width: 83.33333%;
  8060. }
  8061. .column.is-offset-10-widescreen {
  8062. margin-left: 83.33333%;
  8063. }
  8064. .column.is-11-widescreen {
  8065. -webkit-box-flex: 0;
  8066. -ms-flex: none;
  8067. flex: none;
  8068. width: 91.66667%;
  8069. }
  8070. .column.is-offset-11-widescreen {
  8071. margin-left: 91.66667%;
  8072. }
  8073. .column.is-12-widescreen {
  8074. -webkit-box-flex: 0;
  8075. -ms-flex: none;
  8076. flex: none;
  8077. width: 100%;
  8078. }
  8079. .column.is-offset-12-widescreen {
  8080. margin-left: 100%;
  8081. }
  8082. }
  8083. @media screen and (min-width: 1408px) {
  8084. .column.is-narrow-fullhd {
  8085. -webkit-box-flex: 0;
  8086. -ms-flex: none;
  8087. flex: none;
  8088. }
  8089. .column.is-full-fullhd {
  8090. -webkit-box-flex: 0;
  8091. -ms-flex: none;
  8092. flex: none;
  8093. width: 100%;
  8094. }
  8095. .column.is-three-quarters-fullhd {
  8096. -webkit-box-flex: 0;
  8097. -ms-flex: none;
  8098. flex: none;
  8099. width: 75%;
  8100. }
  8101. .column.is-two-thirds-fullhd {
  8102. -webkit-box-flex: 0;
  8103. -ms-flex: none;
  8104. flex: none;
  8105. width: 66.6666%;
  8106. }
  8107. .column.is-half-fullhd {
  8108. -webkit-box-flex: 0;
  8109. -ms-flex: none;
  8110. flex: none;
  8111. width: 50%;
  8112. }
  8113. .column.is-one-third-fullhd {
  8114. -webkit-box-flex: 0;
  8115. -ms-flex: none;
  8116. flex: none;
  8117. width: 33.3333%;
  8118. }
  8119. .column.is-one-quarter-fullhd {
  8120. -webkit-box-flex: 0;
  8121. -ms-flex: none;
  8122. flex: none;
  8123. width: 25%;
  8124. }
  8125. .column.is-one-fifth-fullhd {
  8126. -webkit-box-flex: 0;
  8127. -ms-flex: none;
  8128. flex: none;
  8129. width: 20%;
  8130. }
  8131. .column.is-two-fifths-fullhd {
  8132. -webkit-box-flex: 0;
  8133. -ms-flex: none;
  8134. flex: none;
  8135. width: 40%;
  8136. }
  8137. .column.is-three-fifths-fullhd {
  8138. -webkit-box-flex: 0;
  8139. -ms-flex: none;
  8140. flex: none;
  8141. width: 60%;
  8142. }
  8143. .column.is-four-fifths-fullhd {
  8144. -webkit-box-flex: 0;
  8145. -ms-flex: none;
  8146. flex: none;
  8147. width: 80%;
  8148. }
  8149. .column.is-offset-three-quarters-fullhd {
  8150. margin-left: 75%;
  8151. }
  8152. .column.is-offset-two-thirds-fullhd {
  8153. margin-left: 66.6666%;
  8154. }
  8155. .column.is-offset-half-fullhd {
  8156. margin-left: 50%;
  8157. }
  8158. .column.is-offset-one-third-fullhd {
  8159. margin-left: 33.3333%;
  8160. }
  8161. .column.is-offset-one-quarter-fullhd {
  8162. margin-left: 25%;
  8163. }
  8164. .column.is-offset-one-fifth-fullhd {
  8165. margin-left: 20%;
  8166. }
  8167. .column.is-offset-two-fifths-fullhd {
  8168. margin-left: 40%;
  8169. }
  8170. .column.is-offset-three-fifths-fullhd {
  8171. margin-left: 60%;
  8172. }
  8173. .column.is-offset-four-fifths-fullhd {
  8174. margin-left: 80%;
  8175. }
  8176. .column.is-1-fullhd {
  8177. -webkit-box-flex: 0;
  8178. -ms-flex: none;
  8179. flex: none;
  8180. width: 8.33333%;
  8181. }
  8182. .column.is-offset-1-fullhd {
  8183. margin-left: 8.33333%;
  8184. }
  8185. .column.is-2-fullhd {
  8186. -webkit-box-flex: 0;
  8187. -ms-flex: none;
  8188. flex: none;
  8189. width: 16.66667%;
  8190. }
  8191. .column.is-offset-2-fullhd {
  8192. margin-left: 16.66667%;
  8193. }
  8194. .column.is-3-fullhd {
  8195. -webkit-box-flex: 0;
  8196. -ms-flex: none;
  8197. flex: none;
  8198. width: 25%;
  8199. }
  8200. .column.is-offset-3-fullhd {
  8201. margin-left: 25%;
  8202. }
  8203. .column.is-4-fullhd {
  8204. -webkit-box-flex: 0;
  8205. -ms-flex: none;
  8206. flex: none;
  8207. width: 33.33333%;
  8208. }
  8209. .column.is-offset-4-fullhd {
  8210. margin-left: 33.33333%;
  8211. }
  8212. .column.is-5-fullhd {
  8213. -webkit-box-flex: 0;
  8214. -ms-flex: none;
  8215. flex: none;
  8216. width: 41.66667%;
  8217. }
  8218. .column.is-offset-5-fullhd {
  8219. margin-left: 41.66667%;
  8220. }
  8221. .column.is-6-fullhd {
  8222. -webkit-box-flex: 0;
  8223. -ms-flex: none;
  8224. flex: none;
  8225. width: 50%;
  8226. }
  8227. .column.is-offset-6-fullhd {
  8228. margin-left: 50%;
  8229. }
  8230. .column.is-7-fullhd {
  8231. -webkit-box-flex: 0;
  8232. -ms-flex: none;
  8233. flex: none;
  8234. width: 58.33333%;
  8235. }
  8236. .column.is-offset-7-fullhd {
  8237. margin-left: 58.33333%;
  8238. }
  8239. .column.is-8-fullhd {
  8240. -webkit-box-flex: 0;
  8241. -ms-flex: none;
  8242. flex: none;
  8243. width: 66.66667%;
  8244. }
  8245. .column.is-offset-8-fullhd {
  8246. margin-left: 66.66667%;
  8247. }
  8248. .column.is-9-fullhd {
  8249. -webkit-box-flex: 0;
  8250. -ms-flex: none;
  8251. flex: none;
  8252. width: 75%;
  8253. }
  8254. .column.is-offset-9-fullhd {
  8255. margin-left: 75%;
  8256. }
  8257. .column.is-10-fullhd {
  8258. -webkit-box-flex: 0;
  8259. -ms-flex: none;
  8260. flex: none;
  8261. width: 83.33333%;
  8262. }
  8263. .column.is-offset-10-fullhd {
  8264. margin-left: 83.33333%;
  8265. }
  8266. .column.is-11-fullhd {
  8267. -webkit-box-flex: 0;
  8268. -ms-flex: none;
  8269. flex: none;
  8270. width: 91.66667%;
  8271. }
  8272. .column.is-offset-11-fullhd {
  8273. margin-left: 91.66667%;
  8274. }
  8275. .column.is-12-fullhd {
  8276. -webkit-box-flex: 0;
  8277. -ms-flex: none;
  8278. flex: none;
  8279. width: 100%;
  8280. }
  8281. .column.is-offset-12-fullhd {
  8282. margin-left: 100%;
  8283. }
  8284. }
  8285. .columns {
  8286. margin-left: -0.75rem;
  8287. margin-right: -0.75rem;
  8288. margin-top: -0.75rem;
  8289. }
  8290. .columns:last-child {
  8291. margin-bottom: -0.75rem;
  8292. }
  8293. .columns:not(:last-child) {
  8294. margin-bottom: calc(1.5rem - 0.75rem);
  8295. }
  8296. .columns.is-centered {
  8297. -webkit-box-pack: center;
  8298. -ms-flex-pack: center;
  8299. justify-content: center;
  8300. }
  8301. .columns.is-gapless {
  8302. margin-left: 0;
  8303. margin-right: 0;
  8304. margin-top: 0;
  8305. }
  8306. .columns.is-gapless > .column {
  8307. margin: 0;
  8308. padding: 0 !important;
  8309. }
  8310. .columns.is-gapless:not(:last-child) {
  8311. margin-bottom: 1.5rem;
  8312. }
  8313. .columns.is-gapless:last-child {
  8314. margin-bottom: 0;
  8315. }
  8316. .columns.is-mobile {
  8317. display: -webkit-box;
  8318. display: -ms-flexbox;
  8319. display: flex;
  8320. }
  8321. .columns.is-multiline {
  8322. -ms-flex-wrap: wrap;
  8323. flex-wrap: wrap;
  8324. }
  8325. .columns.is-vcentered {
  8326. -webkit-box-align: center;
  8327. -ms-flex-align: center;
  8328. align-items: center;
  8329. }
  8330. @media screen and (min-width: 769px), print {
  8331. .columns:not(.is-desktop) {
  8332. display: -webkit-box;
  8333. display: -ms-flexbox;
  8334. display: flex;
  8335. }
  8336. }
  8337. @media screen and (min-width: 1024px) {
  8338. .columns.is-desktop {
  8339. display: -webkit-box;
  8340. display: -ms-flexbox;
  8341. display: flex;
  8342. }
  8343. }
  8344. .columns.is-variable {
  8345. --columnGap: 0.75rem;
  8346. margin-left: calc(-1 * var(--columnGap));
  8347. margin-right: calc(-1 * var(--columnGap));
  8348. }
  8349. .columns.is-variable .column {
  8350. padding-left: var(--columnGap);
  8351. padding-right: var(--columnGap);
  8352. }
  8353. .columns.is-variable.is-0 {
  8354. --columnGap: 0rem;
  8355. }
  8356. .columns.is-variable.is-1 {
  8357. --columnGap: 0.25rem;
  8358. }
  8359. .columns.is-variable.is-2 {
  8360. --columnGap: 0.5rem;
  8361. }
  8362. .columns.is-variable.is-3 {
  8363. --columnGap: 0.75rem;
  8364. }
  8365. .columns.is-variable.is-4 {
  8366. --columnGap: 1rem;
  8367. }
  8368. .columns.is-variable.is-5 {
  8369. --columnGap: 1.25rem;
  8370. }
  8371. .columns.is-variable.is-6 {
  8372. --columnGap: 1.5rem;
  8373. }
  8374. .columns.is-variable.is-7 {
  8375. --columnGap: 1.75rem;
  8376. }
  8377. .columns.is-variable.is-8 {
  8378. --columnGap: 2rem;
  8379. }
  8380. .tile {
  8381. -webkit-box-align: stretch;
  8382. -ms-flex-align: stretch;
  8383. align-items: stretch;
  8384. display: block;
  8385. -ms-flex-preferred-size: 0;
  8386. flex-basis: 0;
  8387. -webkit-box-flex: 1;
  8388. -ms-flex-positive: 1;
  8389. flex-grow: 1;
  8390. -ms-flex-negative: 1;
  8391. flex-shrink: 1;
  8392. min-height: -webkit-min-content;
  8393. min-height: -moz-min-content;
  8394. min-height: min-content;
  8395. }
  8396. .tile.is-ancestor {
  8397. margin-left: -0.75rem;
  8398. margin-right: -0.75rem;
  8399. margin-top: -0.75rem;
  8400. }
  8401. .tile.is-ancestor:last-child {
  8402. margin-bottom: -0.75rem;
  8403. }
  8404. .tile.is-ancestor:not(:last-child) {
  8405. margin-bottom: 0.75rem;
  8406. }
  8407. .tile.is-child {
  8408. margin: 0 !important;
  8409. }
  8410. .tile.is-parent {
  8411. padding: 0.75rem;
  8412. }
  8413. .tile.is-vertical {
  8414. -webkit-box-orient: vertical;
  8415. -webkit-box-direction: normal;
  8416. -ms-flex-direction: column;
  8417. flex-direction: column;
  8418. }
  8419. .tile.is-vertical > .tile.is-child:not(:last-child) {
  8420. margin-bottom: 1.5rem !important;
  8421. }
  8422. @media screen and (min-width: 769px), print {
  8423. .tile:not(.is-child) {
  8424. display: -webkit-box;
  8425. display: -ms-flexbox;
  8426. display: flex;
  8427. }
  8428. .tile.is-1 {
  8429. -webkit-box-flex: 0;
  8430. -ms-flex: none;
  8431. flex: none;
  8432. width: 8.33333%;
  8433. }
  8434. .tile.is-2 {
  8435. -webkit-box-flex: 0;
  8436. -ms-flex: none;
  8437. flex: none;
  8438. width: 16.66667%;
  8439. }
  8440. .tile.is-3 {
  8441. -webkit-box-flex: 0;
  8442. -ms-flex: none;
  8443. flex: none;
  8444. width: 25%;
  8445. }
  8446. .tile.is-4 {
  8447. -webkit-box-flex: 0;
  8448. -ms-flex: none;
  8449. flex: none;
  8450. width: 33.33333%;
  8451. }
  8452. .tile.is-5 {
  8453. -webkit-box-flex: 0;
  8454. -ms-flex: none;
  8455. flex: none;
  8456. width: 41.66667%;
  8457. }
  8458. .tile.is-6 {
  8459. -webkit-box-flex: 0;
  8460. -ms-flex: none;
  8461. flex: none;
  8462. width: 50%;
  8463. }
  8464. .tile.is-7 {
  8465. -webkit-box-flex: 0;
  8466. -ms-flex: none;
  8467. flex: none;
  8468. width: 58.33333%;
  8469. }
  8470. .tile.is-8 {
  8471. -webkit-box-flex: 0;
  8472. -ms-flex: none;
  8473. flex: none;
  8474. width: 66.66667%;
  8475. }
  8476. .tile.is-9 {
  8477. -webkit-box-flex: 0;
  8478. -ms-flex: none;
  8479. flex: none;
  8480. width: 75%;
  8481. }
  8482. .tile.is-10 {
  8483. -webkit-box-flex: 0;
  8484. -ms-flex: none;
  8485. flex: none;
  8486. width: 83.33333%;
  8487. }
  8488. .tile.is-11 {
  8489. -webkit-box-flex: 0;
  8490. -ms-flex: none;
  8491. flex: none;
  8492. width: 91.66667%;
  8493. }
  8494. .tile.is-12 {
  8495. -webkit-box-flex: 0;
  8496. -ms-flex: none;
  8497. flex: none;
  8498. width: 100%;
  8499. }
  8500. }
  8501. .hero {
  8502. -webkit-box-align: stretch;
  8503. -ms-flex-align: stretch;
  8504. align-items: stretch;
  8505. display: -webkit-box;
  8506. display: -ms-flexbox;
  8507. display: flex;
  8508. -webkit-box-orient: vertical;
  8509. -webkit-box-direction: normal;
  8510. -ms-flex-direction: column;
  8511. flex-direction: column;
  8512. -webkit-box-pack: justify;
  8513. -ms-flex-pack: justify;
  8514. justify-content: space-between;
  8515. }
  8516. .hero .navbar {
  8517. background: none;
  8518. }
  8519. .hero .tabs ul {
  8520. border-bottom: none;
  8521. }
  8522. .hero.is-white {
  8523. background-color: white;
  8524. color: #0a0a0a;
  8525. }
  8526. .hero.is-white a:not(.button):not(.dropdown-item):not(.tag),
  8527. .hero.is-white strong {
  8528. color: inherit;
  8529. }
  8530. .hero.is-white .title {
  8531. color: #0a0a0a;
  8532. }
  8533. .hero.is-white .subtitle {
  8534. color: rgba(10, 10, 10, 0.9);
  8535. }
  8536. .hero.is-white .subtitle a:not(.button),
  8537. .hero.is-white .subtitle strong {
  8538. color: #0a0a0a;
  8539. }
  8540. @media screen and (max-width: 1023px) {
  8541. .hero.is-white .navbar-menu {
  8542. background-color: white;
  8543. }
  8544. }
  8545. .hero.is-white .navbar-item,
  8546. .hero.is-white .navbar-link {
  8547. color: rgba(10, 10, 10, 0.7);
  8548. }
  8549. .hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active,
  8550. .hero.is-white .navbar-link:hover,
  8551. .hero.is-white .navbar-link.is-active {
  8552. background-color: #f2f2f2;
  8553. color: #0a0a0a;
  8554. }
  8555. .hero.is-white .tabs a {
  8556. color: #0a0a0a;
  8557. opacity: 0.9;
  8558. }
  8559. .hero.is-white .tabs a:hover {
  8560. opacity: 1;
  8561. }
  8562. .hero.is-white .tabs li.is-active a {
  8563. opacity: 1;
  8564. }
  8565. .hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
  8566. color: #0a0a0a;
  8567. }
  8568. .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
  8569. background-color: rgba(10, 10, 10, 0.1);
  8570. }
  8571. .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 {
  8572. background-color: #0a0a0a;
  8573. border-color: #0a0a0a;
  8574. color: white;
  8575. }
  8576. .hero.is-white.is-bold {
  8577. background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
  8578. }
  8579. @media screen and (max-width: 768px) {
  8580. .hero.is-white.is-bold .navbar-menu {
  8581. background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
  8582. }
  8583. }
  8584. .hero.is-black {
  8585. background-color: #0a0a0a;
  8586. color: white;
  8587. }
  8588. .hero.is-black a:not(.button):not(.dropdown-item):not(.tag),
  8589. .hero.is-black strong {
  8590. color: inherit;
  8591. }
  8592. .hero.is-black .title {
  8593. color: white;
  8594. }
  8595. .hero.is-black .subtitle {
  8596. color: rgba(255, 255, 255, 0.9);
  8597. }
  8598. .hero.is-black .subtitle a:not(.button),
  8599. .hero.is-black .subtitle strong {
  8600. color: white;
  8601. }
  8602. @media screen and (max-width: 1023px) {
  8603. .hero.is-black .navbar-menu {
  8604. background-color: #0a0a0a;
  8605. }
  8606. }
  8607. .hero.is-black .navbar-item,
  8608. .hero.is-black .navbar-link {
  8609. color: rgba(255, 255, 255, 0.7);
  8610. }
  8611. .hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active,
  8612. .hero.is-black .navbar-link:hover,
  8613. .hero.is-black .navbar-link.is-active {
  8614. background-color: black;
  8615. color: white;
  8616. }
  8617. .hero.is-black .tabs a {
  8618. color: white;
  8619. opacity: 0.9;
  8620. }
  8621. .hero.is-black .tabs a:hover {
  8622. opacity: 1;
  8623. }
  8624. .hero.is-black .tabs li.is-active a {
  8625. opacity: 1;
  8626. }
  8627. .hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
  8628. color: white;
  8629. }
  8630. .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
  8631. background-color: rgba(10, 10, 10, 0.1);
  8632. }
  8633. .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 {
  8634. background-color: white;
  8635. border-color: white;
  8636. color: #0a0a0a;
  8637. }
  8638. .hero.is-black.is-bold {
  8639. background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
  8640. }
  8641. @media screen and (max-width: 768px) {
  8642. .hero.is-black.is-bold .navbar-menu {
  8643. background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
  8644. }
  8645. }
  8646. .hero.is-light {
  8647. background-color: whitesmoke;
  8648. color: #363636;
  8649. }
  8650. .hero.is-light a:not(.button):not(.dropdown-item):not(.tag),
  8651. .hero.is-light strong {
  8652. color: inherit;
  8653. }
  8654. .hero.is-light .title {
  8655. color: #363636;
  8656. }
  8657. .hero.is-light .subtitle {
  8658. color: rgba(54, 54, 54, 0.9);
  8659. }
  8660. .hero.is-light .subtitle a:not(.button),
  8661. .hero.is-light .subtitle strong {
  8662. color: #363636;
  8663. }
  8664. @media screen and (max-width: 1023px) {
  8665. .hero.is-light .navbar-menu {
  8666. background-color: whitesmoke;
  8667. }
  8668. }
  8669. .hero.is-light .navbar-item,
  8670. .hero.is-light .navbar-link {
  8671. color: rgba(54, 54, 54, 0.7);
  8672. }
  8673. .hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active,
  8674. .hero.is-light .navbar-link:hover,
  8675. .hero.is-light .navbar-link.is-active {
  8676. background-color: #e8e8e8;
  8677. color: #363636;
  8678. }
  8679. .hero.is-light .tabs a {
  8680. color: #363636;
  8681. opacity: 0.9;
  8682. }
  8683. .hero.is-light .tabs a:hover {
  8684. opacity: 1;
  8685. }
  8686. .hero.is-light .tabs li.is-active a {
  8687. opacity: 1;
  8688. }
  8689. .hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
  8690. color: #363636;
  8691. }
  8692. .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
  8693. background-color: rgba(10, 10, 10, 0.1);
  8694. }
  8695. .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 {
  8696. background-color: #363636;
  8697. border-color: #363636;
  8698. color: whitesmoke;
  8699. }
  8700. .hero.is-light.is-bold {
  8701. background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
  8702. }
  8703. @media screen and (max-width: 768px) {
  8704. .hero.is-light.is-bold .navbar-menu {
  8705. background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
  8706. }
  8707. }
  8708. .hero.is-dark {
  8709. background-color: #363636;
  8710. color: whitesmoke;
  8711. }
  8712. .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag),
  8713. .hero.is-dark strong {
  8714. color: inherit;
  8715. }
  8716. .hero.is-dark .title {
  8717. color: whitesmoke;
  8718. }
  8719. .hero.is-dark .subtitle {
  8720. color: rgba(245, 245, 245, 0.9);
  8721. }
  8722. .hero.is-dark .subtitle a:not(.button),
  8723. .hero.is-dark .subtitle strong {
  8724. color: whitesmoke;
  8725. }
  8726. @media screen and (max-width: 1023px) {
  8727. .hero.is-dark .navbar-menu {
  8728. background-color: #363636;
  8729. }
  8730. }
  8731. .hero.is-dark .navbar-item,
  8732. .hero.is-dark .navbar-link {
  8733. color: rgba(245, 245, 245, 0.7);
  8734. }
  8735. .hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active,
  8736. .hero.is-dark .navbar-link:hover,
  8737. .hero.is-dark .navbar-link.is-active {
  8738. background-color: #292929;
  8739. color: whitesmoke;
  8740. }
  8741. .hero.is-dark .tabs a {
  8742. color: whitesmoke;
  8743. opacity: 0.9;
  8744. }
  8745. .hero.is-dark .tabs a:hover {
  8746. opacity: 1;
  8747. }
  8748. .hero.is-dark .tabs li.is-active a {
  8749. opacity: 1;
  8750. }
  8751. .hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
  8752. color: whitesmoke;
  8753. }
  8754. .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
  8755. background-color: rgba(10, 10, 10, 0.1);
  8756. }
  8757. .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 {
  8758. background-color: whitesmoke;
  8759. border-color: whitesmoke;
  8760. color: #363636;
  8761. }
  8762. .hero.is-dark.is-bold {
  8763. background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);
  8764. }
  8765. @media screen and (max-width: 768px) {
  8766. .hero.is-dark.is-bold .navbar-menu {
  8767. background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);
  8768. }
  8769. }
  8770. .hero.is-primary {
  8771. background-color: #00d1b2;
  8772. color: #fff;
  8773. }
  8774. .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag),
  8775. .hero.is-primary strong {
  8776. color: inherit;
  8777. }
  8778. .hero.is-primary .title {
  8779. color: #fff;
  8780. }
  8781. .hero.is-primary .subtitle {
  8782. color: rgba(255, 255, 255, 0.9);
  8783. }
  8784. .hero.is-primary .subtitle a:not(.button),
  8785. .hero.is-primary .subtitle strong {
  8786. color: #fff;
  8787. }
  8788. @media screen and (max-width: 1023px) {
  8789. .hero.is-primary .navbar-menu {
  8790. background-color: #00d1b2;
  8791. }
  8792. }
  8793. .hero.is-primary .navbar-item,
  8794. .hero.is-primary .navbar-link {
  8795. color: rgba(255, 255, 255, 0.7);
  8796. }
  8797. .hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
  8798. .hero.is-primary .navbar-link:hover,
  8799. .hero.is-primary .navbar-link.is-active {
  8800. background-color: #00b89c;
  8801. color: #fff;
  8802. }
  8803. .hero.is-primary .tabs a {
  8804. color: #fff;
  8805. opacity: 0.9;
  8806. }
  8807. .hero.is-primary .tabs a:hover {
  8808. opacity: 1;
  8809. }
  8810. .hero.is-primary .tabs li.is-active a {
  8811. opacity: 1;
  8812. }
  8813. .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
  8814. color: #fff;
  8815. }
  8816. .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
  8817. background-color: rgba(10, 10, 10, 0.1);
  8818. }
  8819. .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 {
  8820. background-color: #fff;
  8821. border-color: #fff;
  8822. color: #00d1b2;
  8823. }
  8824. .hero.is-primary.is-bold {
  8825. background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
  8826. }
  8827. @media screen and (max-width: 768px) {
  8828. .hero.is-primary.is-bold .navbar-menu {
  8829. background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
  8830. }
  8831. }
  8832. .hero.is-link {
  8833. background-color: #3273dc;
  8834. color: #fff;
  8835. }
  8836. .hero.is-link a:not(.button):not(.dropdown-item):not(.tag),
  8837. .hero.is-link strong {
  8838. color: inherit;
  8839. }
  8840. .hero.is-link .title {
  8841. color: #fff;
  8842. }
  8843. .hero.is-link .subtitle {
  8844. color: rgba(255, 255, 255, 0.9);
  8845. }
  8846. .hero.is-link .subtitle a:not(.button),
  8847. .hero.is-link .subtitle strong {
  8848. color: #fff;
  8849. }
  8850. @media screen and (max-width: 1023px) {
  8851. .hero.is-link .navbar-menu {
  8852. background-color: #3273dc;
  8853. }
  8854. }
  8855. .hero.is-link .navbar-item,
  8856. .hero.is-link .navbar-link {
  8857. color: rgba(255, 255, 255, 0.7);
  8858. }
  8859. .hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
  8860. .hero.is-link .navbar-link:hover,
  8861. .hero.is-link .navbar-link.is-active {
  8862. background-color: #2366d1;
  8863. color: #fff;
  8864. }
  8865. .hero.is-link .tabs a {
  8866. color: #fff;
  8867. opacity: 0.9;
  8868. }
  8869. .hero.is-link .tabs a:hover {
  8870. opacity: 1;
  8871. }
  8872. .hero.is-link .tabs li.is-active a {
  8873. opacity: 1;
  8874. }
  8875. .hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
  8876. color: #fff;
  8877. }
  8878. .hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
  8879. background-color: rgba(10, 10, 10, 0.1);
  8880. }
  8881. .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 {
  8882. background-color: #fff;
  8883. border-color: #fff;
  8884. color: #3273dc;
  8885. }
  8886. .hero.is-link.is-bold {
  8887. background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
  8888. }
  8889. @media screen and (max-width: 768px) {
  8890. .hero.is-link.is-bold .navbar-menu {
  8891. background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
  8892. }
  8893. }
  8894. .hero.is-info {
  8895. background-color: #209cee;
  8896. color: #fff;
  8897. }
  8898. .hero.is-info a:not(.button):not(.dropdown-item):not(.tag),
  8899. .hero.is-info strong {
  8900. color: inherit;
  8901. }
  8902. .hero.is-info .title {
  8903. color: #fff;
  8904. }
  8905. .hero.is-info .subtitle {
  8906. color: rgba(255, 255, 255, 0.9);
  8907. }
  8908. .hero.is-info .subtitle a:not(.button),
  8909. .hero.is-info .subtitle strong {
  8910. color: #fff;
  8911. }
  8912. @media screen and (max-width: 1023px) {
  8913. .hero.is-info .navbar-menu {
  8914. background-color: #209cee;
  8915. }
  8916. }
  8917. .hero.is-info .navbar-item,
  8918. .hero.is-info .navbar-link {
  8919. color: rgba(255, 255, 255, 0.7);
  8920. }
  8921. .hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active,
  8922. .hero.is-info .navbar-link:hover,
  8923. .hero.is-info .navbar-link.is-active {
  8924. background-color: #118fe4;
  8925. color: #fff;
  8926. }
  8927. .hero.is-info .tabs a {
  8928. color: #fff;
  8929. opacity: 0.9;
  8930. }
  8931. .hero.is-info .tabs a:hover {
  8932. opacity: 1;
  8933. }
  8934. .hero.is-info .tabs li.is-active a {
  8935. opacity: 1;
  8936. }
  8937. .hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
  8938. color: #fff;
  8939. }
  8940. .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
  8941. background-color: rgba(10, 10, 10, 0.1);
  8942. }
  8943. .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 {
  8944. background-color: #fff;
  8945. border-color: #fff;
  8946. color: #209cee;
  8947. }
  8948. .hero.is-info.is-bold {
  8949. background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%);
  8950. }
  8951. @media screen and (max-width: 768px) {
  8952. .hero.is-info.is-bold .navbar-menu {
  8953. background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%);
  8954. }
  8955. }
  8956. .hero.is-success {
  8957. background-color: #23d160;
  8958. color: #fff;
  8959. }
  8960. .hero.is-success a:not(.button):not(.dropdown-item):not(.tag),
  8961. .hero.is-success strong {
  8962. color: inherit;
  8963. }
  8964. .hero.is-success .title {
  8965. color: #fff;
  8966. }
  8967. .hero.is-success .subtitle {
  8968. color: rgba(255, 255, 255, 0.9);
  8969. }
  8970. .hero.is-success .subtitle a:not(.button),
  8971. .hero.is-success .subtitle strong {
  8972. color: #fff;
  8973. }
  8974. @media screen and (max-width: 1023px) {
  8975. .hero.is-success .navbar-menu {
  8976. background-color: #23d160;
  8977. }
  8978. }
  8979. .hero.is-success .navbar-item,
  8980. .hero.is-success .navbar-link {
  8981. color: rgba(255, 255, 255, 0.7);
  8982. }
  8983. .hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
  8984. .hero.is-success .navbar-link:hover,
  8985. .hero.is-success .navbar-link.is-active {
  8986. background-color: #20bc56;
  8987. color: #fff;
  8988. }
  8989. .hero.is-success .tabs a {
  8990. color: #fff;
  8991. opacity: 0.9;
  8992. }
  8993. .hero.is-success .tabs a:hover {
  8994. opacity: 1;
  8995. }
  8996. .hero.is-success .tabs li.is-active a {
  8997. opacity: 1;
  8998. }
  8999. .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
  9000. color: #fff;
  9001. }
  9002. .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
  9003. background-color: rgba(10, 10, 10, 0.1);
  9004. }
  9005. .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 {
  9006. background-color: #fff;
  9007. border-color: #fff;
  9008. color: #23d160;
  9009. }
  9010. .hero.is-success.is-bold {
  9011. background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
  9012. }
  9013. @media screen and (max-width: 768px) {
  9014. .hero.is-success.is-bold .navbar-menu {
  9015. background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
  9016. }
  9017. }
  9018. .hero.is-warning {
  9019. background-color: #ffdd57;
  9020. color: rgba(0, 0, 0, 0.7);
  9021. }
  9022. .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag),
  9023. .hero.is-warning strong {
  9024. color: inherit;
  9025. }
  9026. .hero.is-warning .title {
  9027. color: rgba(0, 0, 0, 0.7);
  9028. }
  9029. .hero.is-warning .subtitle {
  9030. color: rgba(0, 0, 0, 0.9);
  9031. }
  9032. .hero.is-warning .subtitle a:not(.button),
  9033. .hero.is-warning .subtitle strong {
  9034. color: rgba(0, 0, 0, 0.7);
  9035. }
  9036. @media screen and (max-width: 1023px) {
  9037. .hero.is-warning .navbar-menu {
  9038. background-color: #ffdd57;
  9039. }
  9040. }
  9041. .hero.is-warning .navbar-item,
  9042. .hero.is-warning .navbar-link {
  9043. color: rgba(0, 0, 0, 0.7);
  9044. }
  9045. .hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active,
  9046. .hero.is-warning .navbar-link:hover,
  9047. .hero.is-warning .navbar-link.is-active {
  9048. background-color: #ffd83d;
  9049. color: rgba(0, 0, 0, 0.7);
  9050. }
  9051. .hero.is-warning .tabs a {
  9052. color: rgba(0, 0, 0, 0.7);
  9053. opacity: 0.9;
  9054. }
  9055. .hero.is-warning .tabs a:hover {
  9056. opacity: 1;
  9057. }
  9058. .hero.is-warning .tabs li.is-active a {
  9059. opacity: 1;
  9060. }
  9061. .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
  9062. color: rgba(0, 0, 0, 0.7);
  9063. }
  9064. .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
  9065. background-color: rgba(10, 10, 10, 0.1);
  9066. }
  9067. .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 {
  9068. background-color: rgba(0, 0, 0, 0.7);
  9069. border-color: rgba(0, 0, 0, 0.7);
  9070. color: #ffdd57;
  9071. }
  9072. .hero.is-warning.is-bold {
  9073. background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
  9074. }
  9075. @media screen and (max-width: 768px) {
  9076. .hero.is-warning.is-bold .navbar-menu {
  9077. background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
  9078. }
  9079. }
  9080. .hero.is-danger {
  9081. background-color: #ff3860;
  9082. color: #fff;
  9083. }
  9084. .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag),
  9085. .hero.is-danger strong {
  9086. color: inherit;
  9087. }
  9088. .hero.is-danger .title {
  9089. color: #fff;
  9090. }
  9091. .hero.is-danger .subtitle {
  9092. color: rgba(255, 255, 255, 0.9);
  9093. }
  9094. .hero.is-danger .subtitle a:not(.button),
  9095. .hero.is-danger .subtitle strong {
  9096. color: #fff;
  9097. }
  9098. @media screen and (max-width: 1023px) {
  9099. .hero.is-danger .navbar-menu {
  9100. background-color: #ff3860;
  9101. }
  9102. }
  9103. .hero.is-danger .navbar-item,
  9104. .hero.is-danger .navbar-link {
  9105. color: rgba(255, 255, 255, 0.7);
  9106. }
  9107. .hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active,
  9108. .hero.is-danger .navbar-link:hover,
  9109. .hero.is-danger .navbar-link.is-active {
  9110. background-color: #ff1f4b;
  9111. color: #fff;
  9112. }
  9113. .hero.is-danger .tabs a {
  9114. color: #fff;
  9115. opacity: 0.9;
  9116. }
  9117. .hero.is-danger .tabs a:hover {
  9118. opacity: 1;
  9119. }
  9120. .hero.is-danger .tabs li.is-active a {
  9121. opacity: 1;
  9122. }
  9123. .hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
  9124. color: #fff;
  9125. }
  9126. .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
  9127. background-color: rgba(10, 10, 10, 0.1);
  9128. }
  9129. .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 {
  9130. background-color: #fff;
  9131. border-color: #fff;
  9132. color: #ff3860;
  9133. }
  9134. .hero.is-danger.is-bold {
  9135. background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);
  9136. }
  9137. @media screen and (max-width: 768px) {
  9138. .hero.is-danger.is-bold .navbar-menu {
  9139. background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);
  9140. }
  9141. }
  9142. .hero.is-small .hero-body {
  9143. padding-bottom: 1.5rem;
  9144. padding-top: 1.5rem;
  9145. }
  9146. @media screen and (min-width: 769px), print {
  9147. .hero.is-medium .hero-body {
  9148. padding-bottom: 9rem;
  9149. padding-top: 9rem;
  9150. }
  9151. }
  9152. @media screen and (min-width: 769px), print {
  9153. .hero.is-large .hero-body {
  9154. padding-bottom: 18rem;
  9155. padding-top: 18rem;
  9156. }
  9157. }
  9158. .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body {
  9159. -webkit-box-align: center;
  9160. -ms-flex-align: center;
  9161. align-items: center;
  9162. display: -webkit-box;
  9163. display: -ms-flexbox;
  9164. display: flex;
  9165. }
  9166. .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container {
  9167. -webkit-box-flex: 1;
  9168. -ms-flex-positive: 1;
  9169. flex-grow: 1;
  9170. -ms-flex-negative: 1;
  9171. flex-shrink: 1;
  9172. }
  9173. .hero.is-halfheight {
  9174. min-height: 50vh;
  9175. }
  9176. .hero.is-fullheight {
  9177. min-height: 100vh;
  9178. }
  9179. .hero-video {
  9180. bottom: 0;
  9181. left: 0;
  9182. position: absolute;
  9183. right: 0;
  9184. top: 0;
  9185. overflow: hidden;
  9186. }
  9187. .hero-video video {
  9188. left: 50%;
  9189. min-height: 100%;
  9190. min-width: 100%;
  9191. position: absolute;
  9192. top: 50%;
  9193. -webkit-transform: translate3d(-50%, -50%, 0);
  9194. transform: translate3d(-50%, -50%, 0);
  9195. }
  9196. .hero-video.is-transparent {
  9197. opacity: 0.3;
  9198. }
  9199. @media screen and (max-width: 768px) {
  9200. .hero-video {
  9201. display: none;
  9202. }
  9203. }
  9204. .hero-buttons {
  9205. margin-top: 1.5rem;
  9206. }
  9207. @media screen and (max-width: 768px) {
  9208. .hero-buttons .button {
  9209. display: -webkit-box;
  9210. display: -ms-flexbox;
  9211. display: flex;
  9212. }
  9213. .hero-buttons .button:not(:last-child) {
  9214. margin-bottom: 0.75rem;
  9215. }
  9216. }
  9217. @media screen and (min-width: 769px), print {
  9218. .hero-buttons {
  9219. display: -webkit-box;
  9220. display: -ms-flexbox;
  9221. display: flex;
  9222. -webkit-box-pack: center;
  9223. -ms-flex-pack: center;
  9224. justify-content: center;
  9225. }
  9226. .hero-buttons .button:not(:last-child) {
  9227. margin-right: 1.5rem;
  9228. }
  9229. }
  9230. .hero-head,
  9231. .hero-foot {
  9232. -webkit-box-flex: 0;
  9233. -ms-flex-positive: 0;
  9234. flex-grow: 0;
  9235. -ms-flex-negative: 0;
  9236. flex-shrink: 0;
  9237. }
  9238. .hero-body {
  9239. -webkit-box-flex: 1;
  9240. -ms-flex-positive: 1;
  9241. flex-grow: 1;
  9242. -ms-flex-negative: 0;
  9243. flex-shrink: 0;
  9244. padding: 3rem 1.5rem;
  9245. }
  9246. .section {
  9247. padding: 3rem 1.5rem;
  9248. }
  9249. @media screen and (min-width: 1024px) {
  9250. .section.is-medium {
  9251. padding: 9rem 1.5rem;
  9252. }
  9253. .section.is-large {
  9254. padding: 18rem 1.5rem;
  9255. }
  9256. }
  9257. .footer {
  9258. background-color: whitesmoke;
  9259. padding: 3rem 1.5rem 6rem;
  9260. }
  9261. .highlight {
  9262. background-color: #f5f5f5;
  9263. color: #586e75;
  9264. }
  9265. .highlight .c {
  9266. color: #93a1a1;
  9267. }
  9268. .highlight .err,
  9269. .highlight .g {
  9270. color: #586e75;
  9271. }
  9272. .highlight .k {
  9273. color: #859900;
  9274. }
  9275. .highlight .l,
  9276. .highlight .n {
  9277. color: #586e75;
  9278. }
  9279. .highlight .o {
  9280. color: #859900;
  9281. }
  9282. .highlight .x {
  9283. color: #cb4b16;
  9284. }
  9285. .highlight .p {
  9286. color: #586e75;
  9287. }
  9288. .highlight .cm {
  9289. color: #93a1a1;
  9290. }
  9291. .highlight .cp {
  9292. color: #859900;
  9293. }
  9294. .highlight .c1 {
  9295. color: #93a1a1;
  9296. }
  9297. .highlight .cs {
  9298. color: #859900;
  9299. }
  9300. .highlight .gd {
  9301. color: #2aa198;
  9302. }
  9303. .highlight .ge {
  9304. color: #586e75;
  9305. font-style: italic;
  9306. }
  9307. .highlight .gr {
  9308. color: #dc322f;
  9309. }
  9310. .highlight .gh {
  9311. color: #cb4b16;
  9312. }
  9313. .highlight .gi {
  9314. color: #859900;
  9315. }
  9316. .highlight .go,
  9317. .highlight .gp {
  9318. color: #586e75;
  9319. }
  9320. .highlight .gs {
  9321. color: #586e75;
  9322. font-weight: bold;
  9323. }
  9324. .highlight .gu {
  9325. color: #cb4b16;
  9326. }
  9327. .highlight .gt {
  9328. color: #586e75;
  9329. }
  9330. .highlight .kc {
  9331. color: #cb4b16;
  9332. }
  9333. .highlight .kd {
  9334. color: #268bd2;
  9335. }
  9336. .highlight .kn,
  9337. .highlight .kp {
  9338. color: #859900;
  9339. }
  9340. .highlight .kr {
  9341. color: #268bd2;
  9342. }
  9343. .highlight .kt {
  9344. color: #dc322f;
  9345. }
  9346. .highlight .ld {
  9347. color: #586e75;
  9348. }
  9349. .highlight .m,
  9350. .highlight .s {
  9351. color: #2aa198;
  9352. }
  9353. .highlight .na {
  9354. color: #B58900;
  9355. }
  9356. .highlight .nb {
  9357. color: #586e75;
  9358. }
  9359. .highlight .nc {
  9360. color: #268bd2;
  9361. }
  9362. .highlight .no {
  9363. color: #cb4b16;
  9364. }
  9365. .highlight .nd {
  9366. color: #268bd2;
  9367. }
  9368. .highlight .ni,
  9369. .highlight .ne {
  9370. color: #cb4b16;
  9371. }
  9372. .highlight .nf {
  9373. color: #268bd2;
  9374. }
  9375. .highlight .nl,
  9376. .highlight .nn,
  9377. .highlight .nx,
  9378. .highlight .py {
  9379. color: #586e75;
  9380. }
  9381. .highlight .nt,
  9382. .highlight .nv {
  9383. color: #268bd2;
  9384. }
  9385. .highlight .ow {
  9386. color: #859900;
  9387. }
  9388. .highlight .w {
  9389. color: #586e75;
  9390. }
  9391. .highlight .mf,
  9392. .highlight .mh,
  9393. .highlight .mi,
  9394. .highlight .mo {
  9395. color: #2aa198;
  9396. }
  9397. .highlight .sb {
  9398. color: #93a1a1;
  9399. }
  9400. .highlight .sc {
  9401. color: #2aa198;
  9402. }
  9403. .highlight .sd {
  9404. color: #586e75;
  9405. }
  9406. .highlight .s2 {
  9407. color: #2aa198;
  9408. }
  9409. .highlight .se {
  9410. color: #cb4b16;
  9411. }
  9412. .highlight .sh {
  9413. color: #586e75;
  9414. }
  9415. .highlight .si,
  9416. .highlight .sx {
  9417. color: #2aa198;
  9418. }
  9419. .highlight .sr {
  9420. color: #dc322f;
  9421. }
  9422. .highlight .s1,
  9423. .highlight .ss {
  9424. color: #2aa198;
  9425. }
  9426. .highlight .bp,
  9427. .highlight .vc,
  9428. .highlight .vg,
  9429. .highlight .vi {
  9430. color: #268bd2;
  9431. }
  9432. .highlight .il {
  9433. color: #2aa198;
  9434. }
  9435. .content .highlight {
  9436. margin-left: 0;
  9437. margin-right: 0;
  9438. text-align: left;
  9439. }
  9440. .content .highlight:not(:first-child) {
  9441. margin-top: 1em;
  9442. }
  9443. .content .highlight:not(:last-child) {
  9444. margin-bottom: 1em;
  9445. }
  9446. .content li .highlight {
  9447. margin-top: 0.5em;
  9448. }
  9449. .content .bd-spaced li + li {
  9450. margin-top: 1em;
  9451. }
  9452. .content .highlighter-rouge:not(:last-child) {
  9453. margin-bottom: 1.5rem;
  9454. }
  9455. body.page-grid .column > .notification {
  9456. padding-left: 0;
  9457. padding-right: 0;
  9458. text-align: center;
  9459. }
  9460. @media screen and (min-width: 769px), print {
  9461. .header-item .button + .button {
  9462. margin-left: 0.75rem;
  9463. }
  9464. }
  9465. svg {
  9466. max-height: 100%;
  9467. max-width: 100%;
  9468. }
  9469. #carboncontainer {
  9470. -webkit-box-align: center;
  9471. -ms-flex-align: center;
  9472. align-items: center;
  9473. display: -webkit-box;
  9474. display: -ms-flexbox;
  9475. display: flex;
  9476. -webkit-box-pack: center;
  9477. -ms-flex-pack: center;
  9478. justify-content: center;
  9479. margin-left: auto;
  9480. margin-right: auto;
  9481. max-width: 340px;
  9482. min-height: 150px;
  9483. }
  9484. #carbon {
  9485. -webkit-box-flex: 1;
  9486. -ms-flex-positive: 1;
  9487. flex-grow: 1;
  9488. min-height: 130px;
  9489. padding: 0;
  9490. position: relative;
  9491. }
  9492. #carbon:hover {
  9493. -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
  9494. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
  9495. }
  9496. @media screen and (min-width: 769px), print {
  9497. #carbon {
  9498. width: 340px;
  9499. }
  9500. }
  9501. #carbonads {
  9502. font-size: 14px;
  9503. text-align: left;
  9504. }
  9505. #carbonads a,
  9506. #carbonads span {
  9507. display: block;
  9508. }
  9509. #carbonads .carbon-wrap {
  9510. min-height: 130px;
  9511. position: relative;
  9512. }
  9513. #carbonads .carbon-img {
  9514. bottom: 0;
  9515. float: left;
  9516. left: 0;
  9517. min-height: 130px;
  9518. padding: 15px 0 15px 15px;
  9519. position: absolute;
  9520. top: 0;
  9521. width: 145px;
  9522. }
  9523. #carbonads .carbon-img img {
  9524. display: block;
  9525. height: 100px;
  9526. width: 130px;
  9527. }
  9528. #carbonads .carbon-img:hover {
  9529. opacity: 0.9;
  9530. }
  9531. #carbonads .carbon-img:active {
  9532. opacity: 0.8;
  9533. }
  9534. #carbonads a:hover {
  9535. text-decoration: underline;
  9536. }
  9537. #carbonads .carbon-text {
  9538. display: block;
  9539. color: #363636;
  9540. line-height: 20px;
  9541. padding: 15px 15px 35px 160px;
  9542. }
  9543. #carbonads .carbon-poweredby {
  9544. bottom: 10px;
  9545. color: #7a7a7a;
  9546. display: inline;
  9547. font-size: 0.75rem;
  9548. position: absolute;
  9549. right: 10px;
  9550. }
  9551. .intro-content {
  9552. margin-left: auto;
  9553. margin-right: auto;
  9554. max-width: 640px;
  9555. }
  9556. .intro-title {
  9557. font-weight: 400;
  9558. line-height: 1.375;
  9559. }
  9560. .intro-title strong {
  9561. font-weight: 600;
  9562. }
  9563. .intro-ghbtns {
  9564. height: 30px;
  9565. margin-bottom: 46px;
  9566. }
  9567. .intro-npm {
  9568. background: #242424;
  9569. border-radius: 5px;
  9570. color: white;
  9571. display: -webkit-box;
  9572. display: -ms-flexbox;
  9573. display: flex;
  9574. font-size: 15px;
  9575. -webkit-box-pack: justify;
  9576. -ms-flex-pack: justify;
  9577. justify-content: space-between;
  9578. line-height: 20px;
  9579. padding: 15px 25px;
  9580. position: relative;
  9581. }
  9582. .intro-npm code {
  9583. font-size: inherit;
  9584. -moz-osx-font-smoothing: grayscale;
  9585. -webkit-font-smoothing: antialiased;
  9586. }
  9587. .intro-npm .intro-npm-copy {
  9588. border-radius: 3px;
  9589. color: #ffdd57;
  9590. cursor: pointer;
  9591. margin: -2px -7px -3px;
  9592. padding: 2px 7px 3px;
  9593. }
  9594. .intro-npm .intro-npm-copy:hover {
  9595. background-color: #ffdd57;
  9596. color: #242424;
  9597. }
  9598. .intro-npm .intro-npm-copy.is-success, .intro-npm .intro-npm-copy.is-error {
  9599. color: white;
  9600. pointer-events: none;
  9601. text-decoration: none;
  9602. }
  9603. .intro-npm .intro-npm-copy.is-success {
  9604. background-color: #23d160;
  9605. }
  9606. .intro-npm .intro-npm-copy.is-error {
  9607. background-color: #ff3860;
  9608. }
  9609. .intro-npm ::-moz-selection {
  9610. background: #ffdd57;
  9611. color: #242424;
  9612. }
  9613. .intro-npm ::selection {
  9614. background: #ffdd57;
  9615. color: #242424;
  9616. }
  9617. .intro-buttons {
  9618. margin-top: 1.5rem;
  9619. }
  9620. .intro-buttons .button {
  9621. padding-left: 1.375em;
  9622. padding-right: 1.375em;
  9623. }
  9624. .intro-video {
  9625. background-color: white;
  9626. margin-left: auto;
  9627. margin-right: auto;
  9628. max-width: 640px;
  9629. position: relative;
  9630. }
  9631. .intro-video.has-loaded .intro-spinner {
  9632. display: none;
  9633. }
  9634. .intro-video.has-loaded .intro-iframe {
  9635. opacity: 1;
  9636. }
  9637. @-webkit-keyframes introSpinner {
  9638. from {
  9639. opacity: 0;
  9640. -webkit-transform: scale(1.14);
  9641. transform: scale(1.14);
  9642. }
  9643. to {
  9644. opacity: 1;
  9645. -webkit-transform: scale(1);
  9646. transform: scale(1);
  9647. }
  9648. }
  9649. @keyframes introSpinner {
  9650. from {
  9651. opacity: 0;
  9652. -webkit-transform: scale(1.14);
  9653. transform: scale(1.14);
  9654. }
  9655. to {
  9656. opacity: 1;
  9657. -webkit-transform: scale(1);
  9658. transform: scale(1);
  9659. }
  9660. }
  9661. .intro-spinner,
  9662. .intro-shadow {
  9663. -webkit-animation-duration: 500ms;
  9664. animation-duration: 500ms;
  9665. animation-easing-function: ease-out;
  9666. -webkit-animation-fill-mode: both;
  9667. animation-fill-mode: both;
  9668. -webkit-transform-origin: center;
  9669. transform-origin: center;
  9670. }
  9671. .intro-spinner {
  9672. bottom: 0;
  9673. left: 0;
  9674. position: absolute;
  9675. right: 0;
  9676. top: 0;
  9677. -webkit-animation-name: introSpinner;
  9678. animation-name: introSpinner;
  9679. }
  9680. .intro-spinner::before {
  9681. -webkit-animation: spinAround 500ms infinite linear;
  9682. animation: spinAround 500ms infinite linear;
  9683. border: 2px solid #dbdbdb;
  9684. border-radius: 290486px;
  9685. border-right-color: transparent;
  9686. border-top-color: transparent;
  9687. content: "";
  9688. display: block;
  9689. height: 1em;
  9690. position: relative;
  9691. width: 1em;
  9692. border-bottom-color: #00d1b2;
  9693. border-left-color: #00d1b2;
  9694. height: 1.5em;
  9695. left: calc(50% - 0.75em);
  9696. position: absolute;
  9697. top: calc(50% - 0.75em);
  9698. width: 1.5em;
  9699. }
  9700. @-webkit-keyframes introShadow {
  9701. from {
  9702. opacity: 0;
  9703. -webkit-transform: scale(0.86);
  9704. transform: scale(0.86);
  9705. }
  9706. to {
  9707. opacity: 1;
  9708. -webkit-transform: scale(1);
  9709. transform: scale(1);
  9710. }
  9711. }
  9712. @keyframes introShadow {
  9713. from {
  9714. opacity: 0;
  9715. -webkit-transform: scale(0.86);
  9716. transform: scale(0.86);
  9717. }
  9718. to {
  9719. opacity: 1;
  9720. -webkit-transform: scale(1);
  9721. transform: scale(1);
  9722. }
  9723. }
  9724. .intro-shadow {
  9725. bottom: 0;
  9726. left: 0;
  9727. position: absolute;
  9728. right: 0;
  9729. top: 0;
  9730. background-color: #776e70;
  9731. background-position: center center;
  9732. background-repeat: no-repeat;
  9733. background-size: cover;
  9734. -webkit-box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2);
  9735. box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2);
  9736. -webkit-animation-name: introShadow;
  9737. animation-name: introShadow;
  9738. }
  9739. .intro-iframe {
  9740. opacity: 0;
  9741. padding-top: 56.25%;
  9742. position: relative;
  9743. -webkit-transition-duration: 500ms;
  9744. transition-duration: 500ms;
  9745. -webkit-transition-property: opacity;
  9746. transition-property: opacity;
  9747. }
  9748. .intro-iframe iframe {
  9749. height: 100%;
  9750. left: 0;
  9751. position: absolute;
  9752. top: 0;
  9753. width: 100%;
  9754. }
  9755. .intro-author {
  9756. color: #7a7a7a;
  9757. font-size: 0.75rem;
  9758. margin-top: 1rem;
  9759. text-align: center;
  9760. }
  9761. .intro-author a {
  9762. color: #363636;
  9763. }
  9764. .intro-author a:hover {
  9765. text-decoration: underline;
  9766. }
  9767. .intro-author span {
  9768. opacity: 0.5;
  9769. -webkit-transition: 100ms opacity;
  9770. transition: 100ms opacity;
  9771. }
  9772. .intro-author span:hover {
  9773. opacity: 1;
  9774. }
  9775. @media screen and (max-width: 768px) {
  9776. .intro-buttons .button {
  9777. display: -webkit-box;
  9778. display: -ms-flexbox;
  9779. display: flex;
  9780. width: 100%;
  9781. }
  9782. .intro-buttons .button.is-light {
  9783. margin-top: 0.5rem;
  9784. }
  9785. }
  9786. @media screen and (min-width: 769px), print {
  9787. .intro-title {
  9788. font-size: 2.25rem;
  9789. }
  9790. .intro-buttons {
  9791. -webkit-box-align: center;
  9792. -ms-flex-align: center;
  9793. align-items: center;
  9794. display: -webkit-box;
  9795. display: -ms-flexbox;
  9796. display: flex;
  9797. -webkit-box-pack: justify;
  9798. -ms-flex-pack: justify;
  9799. justify-content: space-between;
  9800. }
  9801. }
  9802. @media screen and (max-width: 1023px) {
  9803. .intro-column.is-video,
  9804. .intro-column.is-carbon {
  9805. margin-top: 3rem;
  9806. }
  9807. .intro-columns.is-partners {
  9808. margin-top: 6rem;
  9809. }
  9810. }
  9811. @media screen and (min-width: 1024px) {
  9812. .intro-columns {
  9813. display: -webkit-box;
  9814. display: -ms-flexbox;
  9815. display: flex;
  9816. -webkit-box-pack: center;
  9817. -ms-flex-pack: center;
  9818. justify-content: center;
  9819. }
  9820. .intro-columns.is-partners {
  9821. -webkit-box-align: center;
  9822. -ms-flex-align: center;
  9823. align-items: center;
  9824. margin-top: 3rem;
  9825. }
  9826. .intro-column {
  9827. width: calc(50% - 1.5rem);
  9828. }
  9829. .intro-column.is-content, .intro-column.is-sponsor {
  9830. margin-right: 1.5rem;
  9831. }
  9832. .intro-column.is-video, .intro-column.is-carbon {
  9833. margin-left: 1.5rem;
  9834. }
  9835. .intro-content,
  9836. .bd-sponsor {
  9837. max-width: 440px;
  9838. }
  9839. .intro-title {
  9840. margin-top: -11px;
  9841. }
  9842. .intro-title:not(:last-child) {
  9843. margin-bottom: 20px;
  9844. }
  9845. }
  9846. #grid .notification {
  9847. padding-left: 0;
  9848. padding-right: 0;
  9849. }
  9850. #message {
  9851. display: none;
  9852. }
  9853. #markup .highlight pre {
  9854. max-height: none;
  9855. }
  9856. #github {
  9857. color: #333333;
  9858. border-color: #333333;
  9859. }
  9860. #github:hover {
  9861. background: #333333;
  9862. border-color: #333333;
  9863. color: white;
  9864. }
  9865. .bd-tw-button {
  9866. background-color: #55acee;
  9867. color: white;
  9868. border-color: transparent !important;
  9869. }
  9870. .bd-tw-button:hover {
  9871. background-color: #49a6ed;
  9872. color: white;
  9873. }
  9874. .bd-tw-button:active, .bd-tw-button:focus {
  9875. background-color: #3ea1ec;
  9876. color: white;
  9877. }
  9878. #moreDropdownBootstrap .icon {
  9879. color: #6f5499;
  9880. }
  9881. #moreDropdownPatreon .icon {
  9882. color: #f96854;
  9883. }
  9884. @media screen and (min-width: 1024px) {
  9885. #blogDropdown {
  9886. width: 17rem;
  9887. }
  9888. #blogDropdown .navbar-item {
  9889. white-space: normal;
  9890. }
  9891. #moreDropdown {
  9892. width: 18rem;
  9893. }
  9894. #moreDropdown .navbar-item {
  9895. padding-right: 1rem;
  9896. white-space: normal;
  9897. }
  9898. #moreDropdown .navbar-item .level {
  9899. -webkit-box-flex: 1;
  9900. -ms-flex-positive: 1;
  9901. flex-grow: 1;
  9902. }
  9903. }
  9904. #about .twitter-container {
  9905. display: block;
  9906. height: 30px;
  9907. line-height: 30px;
  9908. margin-top: 0.5rem;
  9909. }
  9910. #about small {
  9911. display: block;
  9912. margin-top: 5px;
  9913. }
  9914. #mc_embed_signup .field {
  9915. margin-bottom: 0;
  9916. }
  9917. #mc_embed_signup .notification {
  9918. margin-top: 0.75rem;
  9919. }
  9920. #share form {
  9921. height: 30px;
  9922. margin-top: 10px;
  9923. }
  9924. #social {
  9925. -webkit-box-align: center;
  9926. -ms-flex-align: center;
  9927. align-items: center;
  9928. display: -webkit-box;
  9929. display: -ms-flexbox;
  9930. display: flex;
  9931. -ms-flex-wrap: wrap;
  9932. flex-wrap: wrap;
  9933. -webkit-box-pack: start;
  9934. -ms-flex-pack: start;
  9935. justify-content: flex-start;
  9936. max-width: 400px;
  9937. }
  9938. #social > iframe,
  9939. #social > a,
  9940. #social > form,
  9941. #social > div {
  9942. display: inline-block;
  9943. font-size: 11px;
  9944. height: 30px;
  9945. line-height: 30px;
  9946. margin-top: 0.5rem;
  9947. }
  9948. #social .github-btn {
  9949. width: 160px;
  9950. }
  9951. #social .twitter-share-button {
  9952. margin-right: 10px;
  9953. min-width: 76px;
  9954. }
  9955. #social .paypal-form {
  9956. min-width: 148px;
  9957. }
  9958. #social .fb-like {
  9959. -webkit-box-align: center;
  9960. -ms-flex-align: center;
  9961. align-items: center;
  9962. display: -webkit-box;
  9963. display: -ms-flexbox;
  9964. display: flex;
  9965. width: 130px;
  9966. }
  9967. #social .bd-patreon-button {
  9968. height: 30px;
  9969. margin-right: 0.5rem;
  9970. width: 128px;
  9971. }
  9972. #newsletter .input {
  9973. border-color: white;
  9974. -webkit-box-shadow: none;
  9975. box-shadow: none;
  9976. }
  9977. #sister ul {
  9978. display: -webkit-box;
  9979. display: -ms-flexbox;
  9980. display: flex;
  9981. -ms-flex-wrap: wrap;
  9982. flex-wrap: wrap;
  9983. }
  9984. #sister li {
  9985. display: -webkit-box;
  9986. display: -ms-flexbox;
  9987. display: flex;
  9988. height: 30px;
  9989. margin: 5px 1rem 0 0;
  9990. }
  9991. #sister img {
  9992. height: 30px;
  9993. }
  9994. #tsp {
  9995. margin-top: 3rem;
  9996. text-align: center;
  9997. }
  9998. #tsp small {
  9999. display: block;
  10000. }
  10001. #alternative {
  10002. font-size: 0.875rem;
  10003. margin-top: 0.5rem;
  10004. }
  10005. #alternative a {
  10006. color: #7a7a7a;
  10007. }
  10008. #alternative a:hover {
  10009. text-decoration: underline;
  10010. }
  10011. .bd-special-shadow {
  10012. background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
  10013. background-image: linear-gradient(rgba(0, 0, 0, 0.1), transparent);
  10014. height: 8px;
  10015. left: 0;
  10016. opacity: 0;
  10017. position: absolute;
  10018. right: 0;
  10019. top: 100%;
  10020. -webkit-transform: scaleY(0);
  10021. transform: scaleY(0);
  10022. -webkit-transform-origin: center top;
  10023. transform-origin: center top;
  10024. }
  10025. @media screen and (max-width: 1023px) {
  10026. .bd-is-clipped-touch {
  10027. overflow: hidden !important;
  10028. }
  10029. }
  10030. #images tr td:nth-child(2) {
  10031. width: 320px;
  10032. }
  10033. .bd-color {
  10034. border-radius: 2px;
  10035. -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  10036. box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  10037. display: inline-block;
  10038. float: left;
  10039. height: 24px;
  10040. margin-right: 8px;
  10041. width: 24px;
  10042. }
  10043. .button.bd-is-rss {
  10044. background-color: #f26522;
  10045. border-color: transparent;
  10046. color: #fff;
  10047. }
  10048. .button.bd-is-rss:hover {
  10049. background-color: #ed560e;
  10050. }
  10051. .button.bd-is-rss:active {
  10052. background-color: #d54d0d;
  10053. }
  10054. .bd-view-all-versions {
  10055. color: #7a7a7a;
  10056. }
  10057. .bd-view-all-versions:hover {
  10058. text-decoration: underline;
  10059. }
  10060. .bd-feature-title {
  10061. color: #7a7a7a;
  10062. }
  10063. .bd-feature-title a {
  10064. border-bottom: 1px solid transparent;
  10065. color: #363636;
  10066. }
  10067. .bd-feature-title a:hover {
  10068. border-bottom-color: #00d1b2;
  10069. }
  10070. .bd-anchor-title {
  10071. padding-top: 1.5rem;
  10072. position: relative;
  10073. }
  10074. @media screen and (max-width: 1215px) {
  10075. .bd-anchor-title {
  10076. padding-left: 2rem;
  10077. }
  10078. }
  10079. .bd-anchor-link {
  10080. position: absolute;
  10081. right: calc(100% + 1rem);
  10082. }
  10083. @media screen and (max-width: 1215px) {
  10084. .bd-anchor-link {
  10085. left: 0;
  10086. right: auto;
  10087. }
  10088. }
  10089. .has-text-orange {
  10090. color: #ff470f !important;
  10091. }
  10092. .bd-article-image {
  10093. background-color: #00d1b2;
  10094. display: block;
  10095. height: 240px;
  10096. margin-left: auto;
  10097. margin-right: auto;
  10098. overflow: hidden;
  10099. position: relative;
  10100. text-align: center;
  10101. }
  10102. .bd-article-image.is-white {
  10103. background-color: white;
  10104. }
  10105. .bd-article-image.is-black {
  10106. background-color: #0a0a0a;
  10107. }
  10108. .bd-article-image.is-light {
  10109. background-color: whitesmoke;
  10110. }
  10111. .bd-article-image.is-dark {
  10112. background-color: #363636;
  10113. }
  10114. .bd-article-image.is-primary {
  10115. background-color: #00d1b2;
  10116. }
  10117. .bd-article-image.is-link {
  10118. background-color: #3273dc;
  10119. }
  10120. .bd-article-image.is-info {
  10121. background-color: #209cee;
  10122. }
  10123. .bd-article-image.is-success {
  10124. background-color: #23d160;
  10125. }
  10126. .bd-article-image.is-warning {
  10127. background-color: #ffdd57;
  10128. }
  10129. .bd-article-image.is-danger {
  10130. background-color: #ff3860;
  10131. }
  10132. .bd-article-image.is-bootstrap {
  10133. background-color: #6f5499;
  10134. }
  10135. .bd-article-image.is-orange {
  10136. background-color: #ff470f;
  10137. }
  10138. .bd-article-image:hover .bd-article-overlay {
  10139. opacity: 0.25;
  10140. }
  10141. .bd-article-image:hover .bd-article-icon {
  10142. -webkit-transform: scale(1.4);
  10143. transform: scale(1.4);
  10144. }
  10145. .bd-article-image:hover .bd-article-date {
  10146. -webkit-transform: scale(0.9);
  10147. transform: scale(0.9);
  10148. }
  10149. .bd-article-image:hover .bd-article-title {
  10150. -webkit-transform: scale(1.1);
  10151. transform: scale(1.1);
  10152. }
  10153. .bd-article-image.is-single {
  10154. margin-bottom: 2rem;
  10155. width: 100%;
  10156. }
  10157. .bd-article-image.is-share {
  10158. height: 315px;
  10159. margin: 2rem auto;
  10160. width: 600px;
  10161. }
  10162. .bd-article-overlay {
  10163. bottom: 0;
  10164. left: 0;
  10165. position: absolute;
  10166. right: 0;
  10167. top: 0;
  10168. background-color: #0a0a0a;
  10169. opacity: 0;
  10170. -webkit-transition-duration: 86ms;
  10171. transition-duration: 86ms;
  10172. -webkit-transition-property: opacity;
  10173. transition-property: opacity;
  10174. -webkit-transition-timing-function: ease-out;
  10175. transition-timing-function: ease-out;
  10176. }
  10177. .bd-article-icon,
  10178. .bd-article-info {
  10179. bottom: 0;
  10180. left: 0;
  10181. position: absolute;
  10182. right: 0;
  10183. top: 0;
  10184. -webkit-box-align: center;
  10185. -ms-flex-align: center;
  10186. align-items: center;
  10187. display: -webkit-box;
  10188. display: -ms-flexbox;
  10189. display: flex;
  10190. -webkit-box-pack: center;
  10191. -ms-flex-pack: center;
  10192. justify-content: center;
  10193. }
  10194. .bd-article-icon,
  10195. .bd-article-date,
  10196. .bd-article-title {
  10197. -webkit-transition-duration: 86ms;
  10198. transition-duration: 86ms;
  10199. -webkit-transition-property: -webkit-transform;
  10200. transition-property: -webkit-transform;
  10201. transition-property: transform;
  10202. transition-property: transform, -webkit-transform;
  10203. -webkit-transition-timing-function: ease-out;
  10204. transition-timing-function: ease-out;
  10205. }
  10206. .bd-article-icon {
  10207. color: #0a0a0a;
  10208. font-size: 56px;
  10209. opacity: 0.25;
  10210. }
  10211. .bd-article-icon > span {
  10212. display: block;
  10213. }
  10214. .bd-article-info {
  10215. padding: 20px;
  10216. }
  10217. .bd-article-date {
  10218. color: rgba(0, 0, 0, 0.5);
  10219. display: block;
  10220. }
  10221. .bd-article-title {
  10222. color: white;
  10223. display: block;
  10224. font-size: 2.5rem;
  10225. font-weight: 700;
  10226. line-height: 1.25;
  10227. padding: 0 20px;
  10228. }
  10229. .bd-emoji {
  10230. margin-right: 0.5em;
  10231. margin-top: 2px;
  10232. }
  10233. .bd-emoji-bis {
  10234. font-size: 1.25em;
  10235. vertical-align: middle;
  10236. }
  10237. .bd-notification {
  10238. background-color: whitesmoke;
  10239. border-radius: 3px;
  10240. padding: 1.25rem 0;
  10241. position: relative;
  10242. text-align: center;
  10243. }
  10244. .bd-notification .title,
  10245. .bd-notification .subtitle,
  10246. .bd-notification .content,
  10247. .bd-notification strong {
  10248. color: currentColor;
  10249. }
  10250. .bd-notification code,
  10251. .bd-notification pre {
  10252. background: white;
  10253. }
  10254. .bd-notification pre code {
  10255. background: transparent;
  10256. }
  10257. .bd-notification.is-white {
  10258. background-color: white;
  10259. color: #0a0a0a;
  10260. }
  10261. .bd-notification.is-black {
  10262. background-color: #0a0a0a;
  10263. color: white;
  10264. }
  10265. .bd-notification.is-light {
  10266. background-color: whitesmoke;
  10267. color: #363636;
  10268. }
  10269. .bd-notification.is-dark {
  10270. background-color: #363636;
  10271. color: whitesmoke;
  10272. }
  10273. .bd-notification.is-primary {
  10274. background-color: #00d1b2;
  10275. color: #fff;
  10276. }
  10277. .bd-notification.is-link {
  10278. background-color: #3273dc;
  10279. color: #fff;
  10280. }
  10281. .bd-notification.is-info {
  10282. background-color: #209cee;
  10283. color: #fff;
  10284. }
  10285. .bd-notification.is-success {
  10286. background-color: #23d160;
  10287. color: #fff;
  10288. }
  10289. .bd-notification.is-warning {
  10290. background-color: #ffdd57;
  10291. color: rgba(0, 0, 0, 0.7);
  10292. }
  10293. .bd-notification.is-danger {
  10294. background-color: #ff3860;
  10295. color: #fff;
  10296. }
  10297. .bd-icon-size .icon {
  10298. background-color: #ffdd57;
  10299. }
  10300. .bd-mwb-table td {
  10301. vertical-align: middle;
  10302. }
  10303. .bd-mwb-table td img {
  10304. vertical-align: middle;
  10305. }
  10306. .bd-example,
  10307. .bd-structure,
  10308. .bd-snippet {
  10309. border: 1px solid #ffdd57;
  10310. position: relative;
  10311. }
  10312. .bd-example:before,
  10313. .bd-structure:before,
  10314. .bd-snippet:before {
  10315. background: #ffdd57;
  10316. border-radius: 3px 3px 0 0;
  10317. bottom: 100%;
  10318. color: rgba(0, 0, 0, 0.7);
  10319. content: "Example";
  10320. display: inline-block;
  10321. font-size: 7px;
  10322. font-weight: bold;
  10323. left: -1px;
  10324. letter-spacing: 1px;
  10325. padding: 3px 5px;
  10326. position: absolute;
  10327. text-transform: uppercase;
  10328. vertical-align: top;
  10329. }
  10330. @media screen and (min-width: 769px), print {
  10331. .bd-example.is-fullwidth,
  10332. .bd-structure.is-fullwidth,
  10333. .bd-snippet.is-fullwidth {
  10334. border-left: none;
  10335. border-right: none;
  10336. padding: 0;
  10337. }
  10338. }
  10339. .bd-example,
  10340. .bd-structure {
  10341. padding: 1.5rem;
  10342. }
  10343. .bd-example:not(:first-child),
  10344. .bd-structure:not(:first-child) {
  10345. margin-top: 2rem;
  10346. }
  10347. .bd-example:not(:last-child),
  10348. .bd-structure:not(:last-child) {
  10349. margin-bottom: 1.5rem;
  10350. }
  10351. .bd-example.bd-is-clipped {
  10352. border-top-right-radius: 5px;
  10353. }
  10354. .bd-example + .highlight {
  10355. border: 1px solid #ffdd57;
  10356. border-radius: 0 0 3px 3px;
  10357. border-top: none;
  10358. margin-top: -1.5rem;
  10359. }
  10360. .bd-example + .highlight:not(:last-child) {
  10361. margin-bottom: 1.5rem;
  10362. }
  10363. .bd-snippet {
  10364. border: 1px solid #ffdd57;
  10365. margin-top: 2rem;
  10366. position: relative;
  10367. }
  10368. .bd-snippet:not(:last-child) {
  10369. margin-bottom: 1.5rem;
  10370. }
  10371. .bd-snippet::before {
  10372. content: "Snippet";
  10373. -webkit-box-align: stretch;
  10374. -ms-flex-align: stretch;
  10375. align-items: stretch;
  10376. display: -webkit-box;
  10377. display: -ms-flexbox;
  10378. display: flex;
  10379. }
  10380. .bd-snippet-preview {
  10381. padding: 1.5rem;
  10382. }
  10383. .bd-snippet-code {
  10384. background-color: whitesmoke;
  10385. }
  10386. .bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight {
  10387. height: 2em;
  10388. overflow: hidden;
  10389. }
  10390. .bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight pre {
  10391. overflow: hidden;
  10392. }
  10393. .bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight .bd-show {
  10394. display: -webkit-box;
  10395. display: -ms-flexbox;
  10396. display: flex;
  10397. }
  10398. .bd-snippet.bd-is-horizontal {
  10399. border-radius: 5px;
  10400. border-top-left-radius: 0;
  10401. }
  10402. .bd-snippet.bd-is-horizontal .bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight pre {
  10403. padding-top: 0.325rem;
  10404. }
  10405. .bd-snippet.bd-is-clipped .bd-snippet-code {
  10406. overflow: auto;
  10407. }
  10408. @media screen and (min-width: 1024px) {
  10409. .bd-snippet.bd-is-vertical {
  10410. -webkit-box-align: stretch;
  10411. -ms-flex-align: stretch;
  10412. align-items: stretch;
  10413. border-radius: 5px;
  10414. border-top-left-radius: 0;
  10415. display: -webkit-box;
  10416. display: -ms-flexbox;
  10417. display: flex;
  10418. -webkit-box-pack: center;
  10419. -ms-flex-pack: center;
  10420. justify-content: center;
  10421. }
  10422. .bd-snippet.bd-is-vertical .bd-snippet-preview,
  10423. .bd-snippet.bd-is-vertical .bd-snippet-code {
  10424. width: 50%;
  10425. }
  10426. .bd-snippet.bd-is-vertical .bd-snippet-code,
  10427. .bd-snippet.bd-is-vertical .bd-snippet-code .highlight,
  10428. .bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre {
  10429. -webkit-box-align: stretch;
  10430. -ms-flex-align: stretch;
  10431. align-items: stretch;
  10432. border-radius: 0 5px 5px 0;
  10433. display: -webkit-box;
  10434. display: -ms-flexbox;
  10435. display: flex;
  10436. -webkit-box-orient: vertical;
  10437. -webkit-box-direction: normal;
  10438. -ms-flex-direction: column;
  10439. flex-direction: column;
  10440. }
  10441. .bd-snippet.bd-is-vertical .bd-snippet-code .highlight,
  10442. .bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre,
  10443. .bd-snippet.bd-is-vertical .bd-snippet-code .highlight .language-html {
  10444. -webkit-box-flex: 1;
  10445. -ms-flex-positive: 1;
  10446. flex-grow: 1;
  10447. }
  10448. .bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre {
  10449. white-space: pre;
  10450. }
  10451. .bd-snippet.bd-is-vertical.bd-is-one-fifth .bd-snippet-preview {
  10452. -webkit-box-align: center;
  10453. -ms-flex-align: center;
  10454. align-items: center;
  10455. display: -webkit-box;
  10456. display: -ms-flexbox;
  10457. display: flex;
  10458. -webkit-box-pack: center;
  10459. -ms-flex-pack: center;
  10460. justify-content: center;
  10461. width: calc(128px + 3rem);
  10462. }
  10463. .bd-snippet.bd-is-vertical.bd-is-one-fifth .bd-snippet-code {
  10464. width: calc(100% - 128px - 3rem);
  10465. }
  10466. .bd-snippet.bd-is-vertical.bd-is-two-fifths .bd-snippet-preview {
  10467. -webkit-box-align: center;
  10468. -ms-flex-align: center;
  10469. align-items: center;
  10470. display: -webkit-box;
  10471. display: -ms-flexbox;
  10472. display: flex;
  10473. -webkit-box-pack: center;
  10474. -ms-flex-pack: center;
  10475. justify-content: center;
  10476. width: calc(256px + 3rem);
  10477. }
  10478. .bd-snippet.bd-is-vertical.bd-is-two-fifths .bd-snippet-code {
  10479. width: calc(100% - 256px - 3rem);
  10480. }
  10481. .bd-snippet.bd-is-vertical.bd-is-one-third .bd-snippet-preview {
  10482. width: 33.3333%;
  10483. }
  10484. .bd-snippet.bd-is-vertical.bd-is-one-third .bd-snippet-code {
  10485. width: 66.6666%;
  10486. }
  10487. }
  10488. .highlight.bd-is-hovering {
  10489. border-radius: 2px;
  10490. -webkit-box-shadow: 0 0 0 2px #ffdd57;
  10491. box-shadow: 0 0 0 2px #ffdd57;
  10492. }
  10493. .highlight pre {
  10494. max-height: 320px;
  10495. margin-bottom: 0 !important;
  10496. }
  10497. .highlight-full:not(:last-child),
  10498. #navbarJsExample:not(:last-child) {
  10499. margin-bottom: 1.5rem;
  10500. }
  10501. .highlight-full .highlight pre,
  10502. #navbarJsExample .highlight pre {
  10503. max-height: none;
  10504. }
  10505. .bd-structure {
  10506. border-color: #ff3860;
  10507. border-radius: 3px;
  10508. padding: 1.5rem;
  10509. }
  10510. .bd-structure:before {
  10511. background: #ff3860;
  10512. color: #fff;
  10513. content: "Structure";
  10514. }
  10515. .bd-structure-item {
  10516. position: relative;
  10517. }
  10518. .bd-structure-item:before {
  10519. bottom: 0;
  10520. left: 0;
  10521. position: absolute;
  10522. right: 0;
  10523. top: 0;
  10524. background: rgba(10, 10, 10, 0.7);
  10525. background: whitesmoke;
  10526. border: 1px solid #dbdbdb;
  10527. content: "";
  10528. display: block;
  10529. z-index: 1;
  10530. }
  10531. .bd-structure-item:after {
  10532. bottom: 0;
  10533. left: 0;
  10534. position: absolute;
  10535. right: 0;
  10536. top: 0;
  10537. -webkit-box-align: center;
  10538. -ms-flex-align: center;
  10539. align-items: center;
  10540. content: attr(title);
  10541. display: -webkit-box;
  10542. display: -ms-flexbox;
  10543. display: flex;
  10544. font-family: monospace;
  10545. font-size: 11px;
  10546. -webkit-box-pack: center;
  10547. -ms-flex-pack: center;
  10548. justify-content: center;
  10549. padding: 3px 5px;
  10550. z-index: 2;
  10551. }
  10552. .bd-structure-item.bd-is-structure-container {
  10553. padding: 1.5rem 0.75rem 0.75rem;
  10554. }
  10555. .bd-structure-item.bd-is-structure-container:after {
  10556. -webkit-box-align: start;
  10557. -ms-flex-align: start;
  10558. align-items: flex-start;
  10559. -webkit-box-pack: start;
  10560. -ms-flex-pack: start;
  10561. justify-content: flex-start;
  10562. padding: 0.5rem 0.75rem;
  10563. }
  10564. .highlight {
  10565. position: relative;
  10566. }
  10567. .highlight .bd-copy,
  10568. .highlight .bd-expand {
  10569. background: none;
  10570. border: none;
  10571. color: #4a4a4a;
  10572. cursor: pointer;
  10573. font-size: 0.625rem;
  10574. outline: none;
  10575. padding-bottom: 0;
  10576. padding-top: 0;
  10577. position: absolute;
  10578. right: 0.25rem;
  10579. top: 0.25rem;
  10580. }
  10581. .highlight .bd-copy:hover,
  10582. .highlight .bd-expand:hover {
  10583. background-color: #ffdd57;
  10584. color: rgba(0, 0, 0, 0.7);
  10585. }
  10586. .highlight .bd-copy:focus, .highlight .bd-copy:active,
  10587. .highlight .bd-expand:focus,
  10588. .highlight .bd-expand:active {
  10589. -webkit-box-shadow: none;
  10590. box-shadow: none;
  10591. }
  10592. .highlight .bd-expand {
  10593. right: 45px;
  10594. }
  10595. .highlight .bd-show {
  10596. bottom: 0;
  10597. left: 0;
  10598. position: absolute;
  10599. right: 0;
  10600. top: 0;
  10601. -webkit-box-align: center;
  10602. -ms-flex-align: center;
  10603. align-items: center;
  10604. background-color: rgba(245, 245, 245, 0.7);
  10605. border: none;
  10606. color: rgba(0, 0, 0, 0.5);
  10607. cursor: pointer;
  10608. display: none;
  10609. font-size: 0.75rem;
  10610. -webkit-box-pack: center;
  10611. -ms-flex-pack: center;
  10612. justify-content: center;
  10613. width: 100%;
  10614. }
  10615. .highlight .bd-show strong {
  10616. color: currentColor;
  10617. font-weight: 600;
  10618. }
  10619. .highlight .bd-show:hover {
  10620. background-color: rgba(255, 221, 87, 0.8);
  10621. color: rgba(0, 0, 0, 0.7);
  10622. }
  10623. @media screen and (min-width: 769px), print {
  10624. .highlight pre {
  10625. white-space: pre-wrap;
  10626. }
  10627. }
  10628. @media screen and (min-width: 769px), print {
  10629. .section:not(.is-fullwidth) > .bd-example:not(.is-fullwidth) {
  10630. margin-left: 1.5rem;
  10631. margin-right: 1.5rem;
  10632. }
  10633. .section:not(.is-fullwidth) > .bd-example:not(.is-fullwidth) + .highlight {
  10634. margin-left: 1.5rem;
  10635. margin-right: 1.5rem;
  10636. }
  10637. }
  10638. .section.is-fullwidth {
  10639. padding: 0 !important;
  10640. }
  10641. .section.is-fullwidth .bd-snippet {
  10642. border-left: none;
  10643. border-radius: 0;
  10644. border-right: none;
  10645. }
  10646. .section.is-fullwidth .bd-example {
  10647. border-left: none;
  10648. border-radius: 0;
  10649. border-right: none;
  10650. padding: 0;
  10651. }
  10652. .section.is-fullwidth .bd-example + .highlight {
  10653. border-left: none;
  10654. border-radius: 0;
  10655. border-right: none;
  10656. }
  10657. .bd-callout {
  10658. background-color: whitesmoke;
  10659. border-radius: 3px;
  10660. padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  10661. position: relative;
  10662. }
  10663. .bd-callout:not(:last-child) {
  10664. margin-bottom: 1.5rem;
  10665. }
  10666. .bd-callout.is-white {
  10667. background-color: white;
  10668. color: #0a0a0a;
  10669. }
  10670. .bd-callout.is-black {
  10671. background-color: #0a0a0a;
  10672. color: white;
  10673. }
  10674. .bd-callout.is-light {
  10675. background-color: whitesmoke;
  10676. color: #363636;
  10677. }
  10678. .bd-callout.is-dark {
  10679. background-color: #363636;
  10680. color: whitesmoke;
  10681. }
  10682. .bd-callout.is-primary {
  10683. background-color: #00d1b2;
  10684. color: #fff;
  10685. }
  10686. .bd-callout.is-link {
  10687. background-color: #3273dc;
  10688. color: #fff;
  10689. }
  10690. .bd-callout.is-info {
  10691. background-color: #209cee;
  10692. color: #fff;
  10693. }
  10694. .bd-callout.is-success {
  10695. background-color: #23d160;
  10696. color: #fff;
  10697. }
  10698. .bd-callout.is-warning {
  10699. background-color: #ffdd57;
  10700. color: rgba(0, 0, 0, 0.7);
  10701. }
  10702. .bd-callout.is-danger {
  10703. background-color: #ff3860;
  10704. color: #fff;
  10705. }
  10706. .bsa {
  10707. padding: 2rem;
  10708. }
  10709. .bsa-cpc {
  10710. min-height: 1px;
  10711. }
  10712. #_default_ .default-ad {
  10713. background-color: rgba(0, 0, 0, 0.3);
  10714. border-radius: 2px;
  10715. color: white;
  10716. display: inline-block;
  10717. font-size: 10px;
  10718. font-weight: bold;
  10719. padding: 0 4px;
  10720. text-transform: uppercase;
  10721. vertical-align: top;
  10722. }
  10723. #_default_ > a {
  10724. background-color: white;
  10725. border-radius: 5px;
  10726. -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  10727. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  10728. color: #4a4a4a;
  10729. display: block;
  10730. line-height: 1.375;
  10731. margin-top: 15px;
  10732. min-height: 70px;
  10733. padding: 15px;
  10734. padding-left: 70px;
  10735. position: relative;
  10736. }
  10737. #_default_ > a:hover, #_default_ > a:focus {
  10738. -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
  10739. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
  10740. }
  10741. #_default_ > a:active {
  10742. -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc;
  10743. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc;
  10744. }
  10745. #_default_ > a span {
  10746. display: block;
  10747. }
  10748. #_default_ > a .default-image {
  10749. display: block;
  10750. left: 15px;
  10751. height: 40px;
  10752. position: absolute;
  10753. top: 15px;
  10754. width: 40px;
  10755. }
  10756. #_default_ > a .default-image img {
  10757. display: block;
  10758. height: 40px;
  10759. width: 40px;
  10760. }
  10761. #_default_ > a .default-title {
  10762. color: #363636;
  10763. display: inline;
  10764. font-weight: 700;
  10765. }
  10766. #_default_ > a .default-title:after {
  10767. content: " — ";
  10768. }
  10769. #_default_ > a .default-description {
  10770. display: inline;
  10771. }
  10772. @media screen and (min-width: 769px), print {
  10773. .bsa .columns {
  10774. min-height: 120px;
  10775. }
  10776. #_default_ {
  10777. display: -webkit-box;
  10778. display: -ms-flexbox;
  10779. display: flex;
  10780. -webkit-box-pack: center;
  10781. -ms-flex-pack: center;
  10782. justify-content: center;
  10783. position: relative;
  10784. }
  10785. #_default_ .default-ad {
  10786. left: 100%;
  10787. margin-left: 2rem;
  10788. position: absolute;
  10789. top: 0;
  10790. }
  10791. #_default_ > a {
  10792. margin: 0;
  10793. width: calc(50% - 1rem);
  10794. }
  10795. #_default_ > a:not(:nth-child(2)) {
  10796. margin-left: 2rem;
  10797. }
  10798. }
  10799. html.route-index .title.is-2 {
  10800. position: relative;
  10801. }
  10802. html.route-index .title.is-2 a {
  10803. color: #363636;
  10804. position: relative;
  10805. }
  10806. html.route-index .title.is-2 a:hover {
  10807. color: #3273dc;
  10808. }
  10809. html.route-index .title.is-2 .icon.is-medium {
  10810. font-size: 56px;
  10811. left: -80px;
  10812. opacity: 0.1;
  10813. position: absolute;
  10814. top: 10px;
  10815. }
  10816. html.route-index .hero .title.is-2 a {
  10817. color: white;
  10818. }
  10819. html.route-index .hero .title.is-2 a:hover {
  10820. color: white;
  10821. }
  10822. html.route-index .hero.is-primary a.column,
  10823. html.route-index .hero.is-primary a.column:hover {
  10824. color: white;
  10825. }
  10826. html.route-index .hero.is-primary a.column:hover .title strong {
  10827. border-bottom: 1px solid;
  10828. }
  10829. @media screen and (max-width: 979px) {
  10830. html.route-index .title.is-2 a {
  10831. padding-left: 0;
  10832. }
  10833. html.route-index .title.is-2 .icon.is-medium {
  10834. display: none;
  10835. }
  10836. }
  10837. .bd-tws-home {
  10838. background-color: whitesmoke;
  10839. display: -webkit-box;
  10840. display: -ms-flexbox;
  10841. display: flex;
  10842. -ms-flex-wrap: wrap;
  10843. flex-wrap: wrap;
  10844. overflow: auto;
  10845. padding: 20px;
  10846. }
  10847. .bd-tw {
  10848. background-color: #fff;
  10849. border: 1px solid #e1e8ed;
  10850. border-radius: 5px;
  10851. color: #697882;
  10852. -ms-flex-negative: 0;
  10853. flex-shrink: 0;
  10854. font-family: Helvetica, Roboto, "Segoe UI", Calibri, sans-serif;
  10855. font-size: 16px;
  10856. padding: 20px;
  10857. }
  10858. .bd-tw-header {
  10859. -webkit-box-align: stretch;
  10860. -ms-flex-align: stretch;
  10861. align-items: stretch;
  10862. display: -webkit-box;
  10863. display: -ms-flexbox;
  10864. display: flex;
  10865. -webkit-box-pack: start;
  10866. -ms-flex-pack: start;
  10867. justify-content: flex-start;
  10868. }
  10869. .bd-tw-author {
  10870. -webkit-box-align: center;
  10871. -ms-flex-align: center;
  10872. align-items: center;
  10873. color: #1c2022;
  10874. display: -webkit-box;
  10875. display: -ms-flexbox;
  10876. display: flex;
  10877. line-height: 1.2;
  10878. }
  10879. .bd-tw-author:hover {
  10880. color: #2b7bb9;
  10881. }
  10882. .bd-tw-avatar {
  10883. -ms-flex-negative: 0;
  10884. flex-shrink: 0;
  10885. height: 36px;
  10886. margin-right: 9px;
  10887. width: 36px;
  10888. }
  10889. .bd-tw-avatar img {
  10890. border-radius: 290486px;
  10891. display: block;
  10892. height: 36px;
  10893. width: 36px;
  10894. }
  10895. .bd-tw-fullname {
  10896. color: currentColor;
  10897. display: block;
  10898. font-size: 16px;
  10899. font-weight: 700;
  10900. }
  10901. .bd-tw-username {
  10902. color: #697882;
  10903. display: block;
  10904. font-size: 14px;
  10905. }
  10906. .bd-tw-content {
  10907. color: #1c2022;
  10908. font-size: 16px;
  10909. line-height: 1.4;
  10910. margin-top: 14px;
  10911. }
  10912. .bd-tw-content a {
  10913. color: #2b7bb9;
  10914. }
  10915. .bd-tw-content .Emoji {
  10916. height: 1.25em;
  10917. padding: 0 .05em 0 .1em;
  10918. vertical-align: -.2em;
  10919. width: 1.25em;
  10920. }
  10921. .bd-tw-date {
  10922. font-size: 14px;
  10923. line-height: 1.4;
  10924. margin-top: 3.2px;
  10925. }
  10926. .bd-tw-date a {
  10927. color: #697882;
  10928. }
  10929. .bd-tw-date a:hover {
  10930. color: #2b7bb9;
  10931. }
  10932. .Tweet-actions {
  10933. -webkit-box-align: center;
  10934. -ms-flex-align: center;
  10935. align-items: center;
  10936. display: -webkit-box;
  10937. display: -ms-flexbox;
  10938. display: flex;
  10939. margin-top: 8.4px;
  10940. }
  10941. .Tweet-action {
  10942. margin-right: 1.25rem;
  10943. }
  10944. .TweetAction {
  10945. -webkit-box-align: center;
  10946. -ms-flex-align: center;
  10947. align-items: center;
  10948. display: -webkit-box;
  10949. display: -ms-flexbox;
  10950. display: flex;
  10951. height: 24px;
  10952. min-width: 24px;
  10953. }
  10954. .TweetAction:hover .Icon--replyEdge {
  10955. 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);
  10956. }
  10957. .TweetAction:hover .Icon--retweetEdge {
  10958. 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);
  10959. }
  10960. .TweetAction:hover .Icon--heartEdge {
  10961. 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);
  10962. }
  10963. .Tweet-action--retweet:hover .TweetAction-stat {
  10964. color: #17BF63;
  10965. }
  10966. .Tweet-action--heart:hover .TweetAction-stat {
  10967. color: #E0245E;
  10968. }
  10969. .TweetAction-icon {
  10970. background-size: contain;
  10971. height: 20px;
  10972. width: 20px;
  10973. }
  10974. .TweetAction-stat {
  10975. color: #697882;
  10976. font-size: 14px;
  10977. margin-left: 5px;
  10978. margin-top: 1px;
  10979. }
  10980. .Icon--replyEdge {
  10981. 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);
  10982. }
  10983. .Icon--retweetEdge {
  10984. 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);
  10985. }
  10986. .Icon--heartEdge {
  10987. 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);
  10988. }
  10989. @media screen and (max-width: 768px) {
  10990. .bd-tws-home {
  10991. padding: 1.5rem;
  10992. }
  10993. .bd-tws-home .bd-tw:not(:last-child) {
  10994. margin-bottom: 1.5rem;
  10995. }
  10996. }
  10997. @media screen and (min-width: 769px), print {
  10998. .bd-tws-home {
  10999. padding: 3rem;
  11000. }
  11001. .bd-tws-home .bd-tw + .bd-tw {
  11002. margin-top: 1.5rem;
  11003. }
  11004. }
  11005. @media screen and (max-width: 1023px) {
  11006. .bd-tws-love .bd-tw:not(:last-child) {
  11007. margin-bottom: 1.5rem;
  11008. }
  11009. }
  11010. @media screen and (min-width: 1024px) {
  11011. .bd-tws-home {
  11012. min-height: 595px;
  11013. }
  11014. .bd-tws-love {
  11015. display: -webkit-box;
  11016. display: -ms-flexbox;
  11017. display: flex;
  11018. -ms-flex-wrap: wrap;
  11019. flex-wrap: wrap;
  11020. margin: -0.75rem;
  11021. }
  11022. .bd-tws-love .bd-tw {
  11023. margin: 0.75rem;
  11024. width: calc(33.3333% - 1.5rem);
  11025. }
  11026. }
  11027. @media screen and (min-width: 1216px) {
  11028. .bd-tws-home {
  11029. min-height: 653px;
  11030. }
  11031. }
  11032. @media screen and (min-width: 1408px) {
  11033. .bd-tws-home {
  11034. min-height: 632px;
  11035. }
  11036. }
  11037. .twitter-tweet:not(.twitter-tweet-rendered) {
  11038. background-color: white;
  11039. border: 1px solid #e1e8ed;
  11040. border-radius: 5px;
  11041. color: #697882;
  11042. font-size: 14px;
  11043. padding: 20px 20px 11.6px;
  11044. }
  11045. .twitter-tweet:not(.twitter-tweet-rendered) a {
  11046. color: currentColor;
  11047. }
  11048. .twitter-tweet:not(.twitter-tweet-rendered) a:hover {
  11049. text-decoration: underline;
  11050. }
  11051. .twitter-tweet:not(.twitter-tweet-rendered) p {
  11052. color: #1c2022;
  11053. font-size: 16px;
  11054. margin-bottom: 3.2px;
  11055. }
  11056. .twitter-tweet:not(.twitter-tweet-rendered) p a {
  11057. color: #2b7bb9;
  11058. }
  11059. .twitter-tweet-rendered {
  11060. border: none;
  11061. border-radius: 0;
  11062. margin: 0 !important;
  11063. padding: 0 !important;
  11064. }
  11065. .bd-expo {
  11066. background-color: whitesmoke;
  11067. padding: 1.5rem;
  11068. }
  11069. .bd-website {
  11070. display: block;
  11071. position: relative;
  11072. text-align: center;
  11073. }
  11074. .bd-website:last-child {
  11075. margin-bottom: 0;
  11076. }
  11077. .bd-website-image {
  11078. -webkit-box-align: center;
  11079. -ms-flex-align: center;
  11080. align-items: center;
  11081. display: -webkit-box;
  11082. display: -ms-flexbox;
  11083. display: flex;
  11084. -webkit-box-pack: center;
  11085. -ms-flex-pack: center;
  11086. justify-content: center;
  11087. margin-bottom: 1.5rem;
  11088. position: relative;
  11089. }
  11090. .bd-website-image:hover .bd-website-shadow {
  11091. opacity: 0;
  11092. }
  11093. .bd-website-image:hover .bd-website-overlay {
  11094. opacity: 0.25;
  11095. }
  11096. .bd-website-image .b-lazy {
  11097. opacity: 0;
  11098. -webkit-transition: opacity 500ms ease-out;
  11099. transition: opacity 500ms ease-out;
  11100. }
  11101. .bd-website-image .b-loaded {
  11102. opacity: 1;
  11103. }
  11104. .bd-website-shadow {
  11105. border: 1px solid rgba(0, 0, 0, 0.04);
  11106. -webkit-transition: opacity 200ms ease-out;
  11107. transition: opacity 200ms ease-out;
  11108. }
  11109. .bd-website-overlay {
  11110. background-color: #0a0a0a;
  11111. opacity: 0;
  11112. -webkit-transition: opacity 200ms ease-out;
  11113. transition: opacity 200ms ease-out;
  11114. }
  11115. @media screen and (max-width: 768px) {
  11116. .bd-website:not(:last-child) {
  11117. margin-bottom: 1.5rem;
  11118. }
  11119. }
  11120. @media screen and (min-width: 769px), print {
  11121. .bd-expo {
  11122. padding-bottom: 3rem;
  11123. padding-top: 3rem;
  11124. }
  11125. .bd-websites {
  11126. display: -webkit-box;
  11127. display: -ms-flexbox;
  11128. display: flex;
  11129. -ms-flex-wrap: wrap;
  11130. flex-wrap: wrap;
  11131. -webkit-box-pack: justify;
  11132. -ms-flex-pack: justify;
  11133. justify-content: space-between;
  11134. }
  11135. .bd-website {
  11136. margin-top: 3rem;
  11137. width: calc(50% - 3rem);
  11138. }
  11139. .bd-website:nth-child(1) {
  11140. margin-top: 0;
  11141. }
  11142. .bd-website.bd-is-highlighted {
  11143. width: 100%;
  11144. }
  11145. .bd-website-image {
  11146. margin-bottom: 3rem;
  11147. }
  11148. }
  11149. .bd-love {
  11150. background-color: whitesmoke;
  11151. }
  11152. .bd-testimonials {
  11153. background-color: whitesmoke;
  11154. }
  11155. .bd-testimonial {
  11156. -webkit-box-align: start;
  11157. -ms-flex-align: start;
  11158. align-items: flex-start;
  11159. display: -webkit-box;
  11160. display: -ms-flexbox;
  11161. display: flex;
  11162. -webkit-box-pack: center;
  11163. -ms-flex-pack: center;
  11164. justify-content: center;
  11165. }
  11166. .bd-testimonial-tweet {
  11167. background-color: white;
  11168. }
  11169. .bd-more-loves {
  11170. -webkit-box-align: center;
  11171. -ms-flex-align: center;
  11172. align-items: center;
  11173. display: -webkit-box;
  11174. display: -ms-flexbox;
  11175. display: flex;
  11176. -webkit-box-pack: center;
  11177. -ms-flex-pack: center;
  11178. justify-content: center;
  11179. margin-top: 1.5rem;
  11180. text-align: center;
  11181. }
  11182. .bd-more-loves .button {
  11183. height: auto;
  11184. padding: 0.75em 1.5em;
  11185. }
  11186. .bd-more-loves .button span {
  11187. -webkit-transform-origin: center center;
  11188. transform-origin: center center;
  11189. -webkit-transition: -webkit-transform 86ms ease-out;
  11190. transition: -webkit-transform 86ms ease-out;
  11191. transition: transform 86ms ease-out;
  11192. transition: transform 86ms ease-out, -webkit-transform 86ms ease-out;
  11193. }
  11194. .bd-more-loves .button:hover span {
  11195. -webkit-transform: scale(1.04);
  11196. transform: scale(1.04);
  11197. }
  11198. @media screen and (max-width: 768px) {
  11199. .bd-testimonials {
  11200. padding: 1.5rem;
  11201. }
  11202. .bd-testimonial {
  11203. margin-bottom: 1.5rem;
  11204. }
  11205. }
  11206. @media screen and (min-width: 769px), print {
  11207. .bd-testimonials {
  11208. padding: 3rem;
  11209. }
  11210. .bd-testimonial + .bd-testimonial {
  11211. margin-top: 1.5rem;
  11212. }
  11213. }
  11214. @media screen and (min-width: 1024px) {
  11215. .bd-testimonials {
  11216. min-height: 595px;
  11217. }
  11218. }
  11219. @media screen and (min-width: 1216px) {
  11220. .bd-testimonials {
  11221. min-height: 653px;
  11222. }
  11223. }
  11224. @media screen and (min-width: 1408px) {
  11225. .bd-testimonials {
  11226. min-height: 632px;
  11227. }
  11228. }
  11229. .bd-rainbow {
  11230. -webkit-animation: rainbow 8s ease infinite;
  11231. animation: rainbow 8s ease infinite;
  11232. background-image: linear-gradient(124deg, #ff470f, #ff3860, #b86bff, #3273dc);
  11233. background-size: 800% 800%;
  11234. }
  11235. .hero.bd-is-love .title,
  11236. .hero.bd-is-love .subtitle {
  11237. color: white;
  11238. }
  11239. @-webkit-keyframes rainbow {
  11240. 0% {
  11241. background-position: 1% 80%;
  11242. }
  11243. 50% {
  11244. background-position: 99% 20%;
  11245. }
  11246. 100% {
  11247. background-position: 1% 80%;
  11248. }
  11249. }
  11250. @keyframes rainbow {
  11251. 0% {
  11252. background-position: 1% 80%;
  11253. }
  11254. 50% {
  11255. background-position: 99% 20%;
  11256. }
  11257. 100% {
  11258. background-position: 1% 80%;
  11259. }
  11260. }
  11261. .bd-hug {
  11262. -webkit-box-align: start;
  11263. -ms-flex-align: start;
  11264. align-items: flex-start;
  11265. display: -webkit-box;
  11266. display: -ms-flexbox;
  11267. display: flex;
  11268. -webkit-box-pack: center;
  11269. -ms-flex-pack: center;
  11270. justify-content: center;
  11271. }
  11272. @media screen and (max-width: 768px) {
  11273. .bd-love {
  11274. padding: 1.5rem;
  11275. }
  11276. .bd-hug {
  11277. margin: 1.5rem;
  11278. }
  11279. .bd-embrace {
  11280. text-align: center;
  11281. }
  11282. .bd-embrace:not(:first-child) {
  11283. margin-top: 1.5rem;
  11284. }
  11285. .bd-embrace:not(:last-child) {
  11286. margin-bottom: 1.5rem;
  11287. }
  11288. .bd-embrace-button {
  11289. margin-top: 0.75rem;
  11290. }
  11291. }
  11292. @media screen and (min-width: 769px), print {
  11293. .bd-love {
  11294. padding: 3rem 1.5rem;
  11295. }
  11296. .bd-embrace {
  11297. -webkit-box-align: center;
  11298. -ms-flex-align: center;
  11299. align-items: center;
  11300. display: -webkit-box;
  11301. display: -ms-flexbox;
  11302. display: flex;
  11303. -webkit-box-pack: center;
  11304. -ms-flex-pack: center;
  11305. justify-content: center;
  11306. }
  11307. .bd-embrace:not(:first-child) {
  11308. margin-top: 3rem;
  11309. }
  11310. .bd-embrace:not(:last-child) {
  11311. margin-bottom: 3rem;
  11312. }
  11313. .bd-embrace-button {
  11314. margin-left: 1.5rem;
  11315. }
  11316. .bd-hugs {
  11317. display: -webkit-box;
  11318. display: -ms-flexbox;
  11319. display: flex;
  11320. -ms-flex-wrap: wrap;
  11321. flex-wrap: wrap;
  11322. padding-bottom: 3rem;
  11323. }
  11324. .bd-hug {
  11325. margin-top: 1.5rem;
  11326. width: calc(33.3333% - 1rem);
  11327. }
  11328. .bd-hug:nth-child(1), .bd-hug:nth-child(2), .bd-hug:nth-child(3) {
  11329. margin-top: 0;
  11330. }
  11331. .bd-hug:nth-child(3n-1), .bd-hug:nth-child(3n) {
  11332. margin-left: 1.5rem;
  11333. }
  11334. }
  11335. .bd-bootstrap .hero {
  11336. background-color: #6f5499;
  11337. color: #fff;
  11338. }
  11339. .bd-bootstrap .hero .title,
  11340. .bd-bootstrap .hero .subtitle {
  11341. color: currentColor;
  11342. }
  11343. .bd-bootstrap .hero .subtitle {
  11344. color: rgba(255, 255, 255, 0.5);
  11345. }
  11346. .bd-bootstrap .hero .subtitle a {
  11347. border-bottom: 1px solid currentColor;
  11348. color: currentColor;
  11349. }
  11350. .bd-bootstrap .hero .subtitle a:hover {
  11351. color: #fff;
  11352. }
  11353. .bd-pros-heading {
  11354. padding: 0 2rem;
  11355. text-align: center;
  11356. }
  11357. .bd-pros-icon {
  11358. margin-bottom: 3rem;
  11359. text-align: center;
  11360. }
  11361. .bd-pros-icon svg {
  11362. height: 3rem;
  11363. width: auto;
  11364. }
  11365. .bd-pros-list {
  11366. margin: 0 auto;
  11367. max-width: 540px;
  11368. }
  11369. .bd-pro .icon {
  11370. position: relative;
  11371. top: -1px;
  11372. }
  11373. .bd-pro .title {
  11374. margin-bottom: 0.5rem;
  11375. }
  11376. .bd-pro + .pro {
  11377. margin-top: 2rem;
  11378. padding-top: 2rem;
  11379. }
  11380. .bd-pro-content p:not(:last-child) {
  11381. margin-bottom: 0.5rem;
  11382. }
  11383. .bd-pro.bd-is-bulma .icon {
  11384. color: #00d1b2;
  11385. }
  11386. .bd-pro.bd-is-bootstrap .icon {
  11387. color: #6f5499;
  11388. }
  11389. .bd-separator {
  11390. color: #dbdbdb;
  11391. margin: 0 0.25em;
  11392. }
  11393. .bd-comparison {
  11394. margin: 0 auto;
  11395. max-width: 42rem;
  11396. }
  11397. .bd-comparison .table {
  11398. color: #ff3860;
  11399. }
  11400. .bd-comparison .table thead th,
  11401. .bd-comparison .table tfoot th {
  11402. font-size: 1.5rem;
  11403. text-align: center;
  11404. }
  11405. .bd-comparison .table thead svg,
  11406. .bd-comparison .table tfoot svg {
  11407. height: 1.5rem;
  11408. margin-right: 1rem;
  11409. position: relative;
  11410. top: 0.25rem;
  11411. width: auto;
  11412. }
  11413. .bd-comparison .table tbody th {
  11414. font-size: 1.25rem;
  11415. text-align: center;
  11416. }
  11417. .bd-comparison .table tbody td {
  11418. font-family: monospace;
  11419. width: 50%;
  11420. }
  11421. .bd-comparison .table tbody a {
  11422. color: currentColor;
  11423. }
  11424. .bd-comparison .table tbody a:hover {
  11425. text-decoration: underline;
  11426. }
  11427. .bd-comparison .table .bd-is-empty {
  11428. background-color: whitesmoke;
  11429. color: #7a7a7a;
  11430. }
  11431. .bd-comparison .table .bd-is-unique {
  11432. background-color: rgba(35, 209, 96, 0.25);
  11433. color: #363636;
  11434. font-weight: 700;
  11435. }
  11436. .bd-comparison-header {
  11437. margin-bottom: 3rem;
  11438. }
  11439. .bd-klmn {
  11440. margin-bottom: 1.5rem;
  11441. }
  11442. .bd-klmn-gaps {
  11443. -webkit-box-align: center;
  11444. -ms-flex-align: center;
  11445. align-items: center;
  11446. display: -webkit-box;
  11447. display: -ms-flexbox;
  11448. display: flex;
  11449. -ms-flex-wrap: wrap;
  11450. flex-wrap: wrap;
  11451. -webkit-box-pack: start;
  11452. -ms-flex-pack: start;
  11453. justify-content: flex-start;
  11454. margin-bottom: 1.25rem;
  11455. }
  11456. .bd-klmn-label {
  11457. margin: 0.25rem auto 0.25rem 0;
  11458. }
  11459. .bd-klmn-gap {
  11460. background-color: whitesmoke;
  11461. border-radius: 3px;
  11462. color: #ff3860;
  11463. font-family: monospace;
  11464. font-size: 0.75rem;
  11465. margin: 0.25rem 0 0.25rem 0.5rem;
  11466. padding: 0.375em 0.75em;
  11467. text-align: center;
  11468. vertical-align: middle !important;
  11469. white-space: nowrap;
  11470. }
  11471. .bd-klmn-gap.bd-is-selected {
  11472. background-color: #23d160;
  11473. color: white;
  11474. }
  11475. .bd-klmn-columns:last-child .bd-notification {
  11476. font-size: 0.75rem;
  11477. white-space: nowrap;
  11478. }
  11479. .bd-banner {
  11480. -webkit-box-align: center;
  11481. -ms-flex-align: center;
  11482. align-items: center;
  11483. display: -webkit-box;
  11484. display: -ms-flexbox;
  11485. display: flex;
  11486. -webkit-box-pack: center;
  11487. -ms-flex-pack: center;
  11488. justify-content: center;
  11489. overflow: hidden;
  11490. padding: 1rem;
  11491. position: relative;
  11492. }
  11493. .bd-banner strong {
  11494. color: currentColor;
  11495. }
  11496. .bd-banner .tag {
  11497. margin-right: 0.5em;
  11498. }
  11499. .bd-banner.is-patreon {
  11500. background-color: #052d49;
  11501. color: white;
  11502. }
  11503. .bd-banner.is-fortyfour {
  11504. background-color: #5f45bb;
  11505. color: white;
  11506. }
  11507. .bd-banner .button {
  11508. -webkit-transform-origin: center;
  11509. transform-origin: center;
  11510. -webkit-transition-duration: 86ms;
  11511. transition-duration: 86ms;
  11512. -webkit-transition-property: -webkit-transform;
  11513. transition-property: -webkit-transform;
  11514. transition-property: transform;
  11515. transition-property: transform, -webkit-transform;
  11516. }
  11517. .bd-banner:hover .button {
  11518. -webkit-transform: scale(1.1);
  11519. transform: scale(1.1);
  11520. }
  11521. .bd-banner-background {
  11522. bottom: 0;
  11523. left: 0;
  11524. position: absolute;
  11525. right: 0;
  11526. top: 0;
  11527. background-image: url("/images/fortyfour-background.jpg");
  11528. background-position: center center;
  11529. background-size: cover;
  11530. opacity: 0.5;
  11531. }
  11532. .bd-banner-text {
  11533. line-height: 1.25;
  11534. margin-right: 0.5rem;
  11535. position: relative;
  11536. }
  11537. .bd-banner-button {
  11538. display: inline-block;
  11539. -ms-flex-negative: 0;
  11540. flex-shrink: 0;
  11541. height: 34px;
  11542. position: relative;
  11543. width: 145px;
  11544. }
  11545. .bd-banner-button img {
  11546. max-height: 100%;
  11547. }
  11548. .hero.bd-is-patreon {
  11549. background-color: #f96854;
  11550. }
  11551. @media screen and (min-width: 480px) {
  11552. .bd-banner-text {
  11553. margin-right: 1rem;
  11554. }
  11555. }
  11556. .bd-sponsors {
  11557. -webkit-box-align: center;
  11558. -ms-flex-align: center;
  11559. align-items: center;
  11560. display: -webkit-box;
  11561. display: -ms-flexbox;
  11562. display: flex;
  11563. }
  11564. .bd-sponsors a {
  11565. -webkit-box-align: center;
  11566. -ms-flex-align: center;
  11567. align-items: center;
  11568. display: -webkit-box;
  11569. display: -ms-flexbox;
  11570. display: flex;
  11571. -webkit-box-pack: center;
  11572. -ms-flex-pack: center;
  11573. justify-content: center;
  11574. margin-right: 3rem;
  11575. width: 150px;
  11576. }
  11577. .bd-sponsor {
  11578. margin-left: auto;
  11579. margin-right: auto;
  11580. text-align: center;
  11581. }
  11582. .bd-sponsor-title {
  11583. font-size: 0.75rem;
  11584. margin-bottom: 1em;
  11585. opacity: 0.5;
  11586. }
  11587. .bd-sponsor-list {
  11588. -webkit-box-align: center;
  11589. -ms-flex-align: center;
  11590. align-items: center;
  11591. display: -webkit-box;
  11592. display: -ms-flexbox;
  11593. display: flex;
  11594. -webkit-box-pack: center;
  11595. -ms-flex-pack: center;
  11596. justify-content: center;
  11597. }
  11598. .bd-sponsor-list a {
  11599. -webkit-box-align: center;
  11600. -ms-flex-align: center;
  11601. align-items: center;
  11602. display: -webkit-box;
  11603. display: -ms-flexbox;
  11604. display: flex;
  11605. -webkit-box-pack: center;
  11606. -ms-flex-pack: center;
  11607. justify-content: center;
  11608. width: 200px;
  11609. }
  11610. @-webkit-keyframes fadeIn {
  11611. from {
  11612. opacity: 0;
  11613. }
  11614. to {
  11615. opacity: 1;
  11616. }
  11617. }
  11618. @keyframes fadeIn {
  11619. from {
  11620. opacity: 0;
  11621. }
  11622. to {
  11623. opacity: 1;
  11624. }
  11625. }
  11626. @-webkit-keyframes zoomIn {
  11627. from {
  11628. -webkit-transform: scale(0.8);
  11629. transform: scale(0.8);
  11630. }
  11631. to {
  11632. -webkit-transform: scale(1);
  11633. transform: scale(1);
  11634. }
  11635. }
  11636. @keyframes zoomIn {
  11637. from {
  11638. -webkit-transform: scale(0.8);
  11639. transform: scale(0.8);
  11640. }
  11641. to {
  11642. -webkit-transform: scale(1);
  11643. transform: scale(1);
  11644. }
  11645. }
  11646. .bd-book-banner {
  11647. background-color: white;
  11648. position: relative;
  11649. }
  11650. .bd-book-pattern,
  11651. .bd-book-modal-column.bd-is-cover {
  11652. background-image: url("/images/hab/lightpaperfibers_@2X.png");
  11653. background-repeat: repeat;
  11654. background-size: 250px 150px;
  11655. }
  11656. .bd-book-pattern::before,
  11657. .bd-book-modal-column.bd-is-cover::before {
  11658. bottom: 0;
  11659. left: 0;
  11660. position: absolute;
  11661. right: 0;
  11662. top: 0;
  11663. background-color: rgba(255, 237, 215, 0.1);
  11664. content: "";
  11665. display: block;
  11666. }
  11667. .bd-book-pattern {
  11668. bottom: 0;
  11669. left: 0;
  11670. position: absolute;
  11671. right: 0;
  11672. top: 0;
  11673. }
  11674. .bd-book-header {
  11675. position: relative;
  11676. }
  11677. .bd-book-cover {
  11678. padding-top: 0.75rem;
  11679. position: relative;
  11680. text-align: center;
  11681. }
  11682. .bd-book-cover a {
  11683. display: inline-block;
  11684. vertical-align: top;
  11685. }
  11686. .bd-book-cover img {
  11687. display: block;
  11688. }
  11689. .bd-book-content {
  11690. background-color: white;
  11691. -webkit-box-shadow: 0 40px 40px -20px rgba(10, 10, 10, 0.1);
  11692. box-shadow: 0 40px 40px -20px rgba(10, 10, 10, 0.1);
  11693. max-width: 520px;
  11694. padding: 3rem;
  11695. }
  11696. .bd-book-description {
  11697. max-width: 340px;
  11698. }
  11699. .bd-book-tags {
  11700. margin-bottom: 1.5rem;
  11701. }
  11702. .bd-book-tags .tags .tag {
  11703. margin-right: 1px;
  11704. }
  11705. .bd-book-buttons .button {
  11706. height: auto;
  11707. padding-bottom: calc(1em - 1px);
  11708. padding-top: calc(0.5em - 1px);
  11709. }
  11710. .bd-book-buttons .button > span {
  11711. font-size: 0.875em;
  11712. }
  11713. .bd-book-buttons .button > span > em {
  11714. display: block;
  11715. font-size: 0.5em;
  11716. font-style: normal;
  11717. line-height: 1em;
  11718. margin-bottom: 0.5em;
  11719. opacity: 0.5;
  11720. }
  11721. .bd-book-buttons .button img {
  11722. display: block;
  11723. max-height: 24px;
  11724. }
  11725. .bd-book-buttons .button.bd-is-bleeding {
  11726. background-color: #ABF47C;
  11727. border-color: transparent;
  11728. }
  11729. .bd-book-buttons .button.bd-is-bleeding:hover {
  11730. background-color: #9cf264;
  11731. }
  11732. .bd-book-buttons .button.bd-is-amazon {
  11733. background-color: #ffd863;
  11734. border-color: transparent;
  11735. }
  11736. .bd-book-buttons .button.bd-is-amazon:hover {
  11737. background-color: #ffd24a;
  11738. }
  11739. .bd-book-buttons .button.bd-is-amazon img {
  11740. margin-bottom: -11px;
  11741. }
  11742. .bd-book-columns {
  11743. -webkit-box-align: center;
  11744. -ms-flex-align: center;
  11745. align-items: center;
  11746. display: -webkit-box;
  11747. display: -ms-flexbox;
  11748. display: flex;
  11749. -webkit-box-pack: center;
  11750. -ms-flex-pack: center;
  11751. justify-content: center;
  11752. margin-left: auto;
  11753. margin-right: auto;
  11754. max-width: 1080px;
  11755. }
  11756. .bd-book-modal-background {
  11757. bottom: 0;
  11758. left: 0;
  11759. position: absolute;
  11760. right: 0;
  11761. top: 0;
  11762. background-color: rgba(10, 10, 10, 0.86);
  11763. }
  11764. .bd-book-modal .bd-book-modal-background,
  11765. .bd-book-modal .modal-content {
  11766. -webkit-animation-duration: 250ms;
  11767. animation-duration: 250ms;
  11768. animation-easing-function: ease-out;
  11769. -webkit-animation-fill-mode: both;
  11770. animation-fill-mode: both;
  11771. }
  11772. .bd-book-modal .bd-book-modal-background {
  11773. -webkit-animation-name: fadeIn;
  11774. animation-name: fadeIn;
  11775. }
  11776. .bd-book-modal .modal-content {
  11777. -webkit-animation-name: zoomIn;
  11778. animation-name: zoomIn;
  11779. -webkit-transform-origin: center;
  11780. transform-origin: center;
  11781. }
  11782. .bd-book-modal-cover {
  11783. padding: 2rem;
  11784. position: relative;
  11785. }
  11786. .bd-book-modal-columns {
  11787. -webkit-box-align: stretch;
  11788. -ms-flex-align: stretch;
  11789. align-items: stretch;
  11790. display: -webkit-box;
  11791. display: -ms-flexbox;
  11792. display: flex;
  11793. -webkit-box-pack: center;
  11794. -ms-flex-pack: center;
  11795. justify-content: center;
  11796. }
  11797. @media screen and (max-width: 768px) {
  11798. .bd-book-columns {
  11799. -webkit-box-orient: vertical;
  11800. -webkit-box-direction: normal;
  11801. -ms-flex-direction: column;
  11802. flex-direction: column;
  11803. }
  11804. .bd-book-buttons .button {
  11805. width: 100%;
  11806. }
  11807. .bd-book-buttons .button:not(:last-child) {
  11808. margin-right: 0;
  11809. margin-bottom: 1rem;
  11810. }
  11811. .bd-book-modal .bd-book-content {
  11812. padding: 2rem;
  11813. }
  11814. .bd-book-modal-column.bd-is-cover {
  11815. display: none;
  11816. }
  11817. }
  11818. @media screen and (min-width: 769px), print {
  11819. .bd-book-columns {
  11820. -ms-flex-pack: distribute;
  11821. justify-content: space-around;
  11822. }
  11823. .bd-book-header .tag {
  11824. position: absolute;
  11825. right: calc(100% + 1.25rem);
  11826. top: 0.5rem;
  11827. }
  11828. .bd-book-buttons .button {
  11829. width: calc(50% - 0.5rem);
  11830. }
  11831. .bd-book-modal .modal-content {
  11832. width: 960px;
  11833. }
  11834. .bd-book-inline-cover {
  11835. display: none;
  11836. }
  11837. .bd-book-modal-column {
  11838. background-color: white;
  11839. position: relative;
  11840. }
  11841. .bd-book-modal-column.bd-is-cover {
  11842. -webkit-box-align: center;
  11843. -ms-flex-align: center;
  11844. align-items: center;
  11845. display: -webkit-box;
  11846. display: -ms-flexbox;
  11847. display: flex;
  11848. -webkit-box-pack: center;
  11849. -ms-flex-pack: center;
  11850. justify-content: center;
  11851. padding: 2rem;
  11852. }
  11853. .bd-book-modal-column.bd-is-content .bd-book-content {
  11854. -webkit-box-shadow: none;
  11855. box-shadow: none;
  11856. }
  11857. }
  11858. /*# sourceMappingURL=bulma-docs.css.map */