bulma-docs.css 151 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960796179627963796479657966796779687969797079717972797379747975797679777978797979807981798279837984798579867987798879897990799179927993799479957996799779987999800080018002800380048005800680078008800980108011801280138014801580168017801880198020802180228023802480258026802780288029803080318032803380348035803680378038803980408041804280438044804580468047804880498050805180528053805480558056805780588059806080618062806380648065806680678068806980708071807280738074807580768077807880798080808180828083808480858086808780888089809080918092809380948095809680978098809981008101810281038104810581068107810881098110811181128113811481158116811781188119812081218122812381248125812681278128812981308131813281338134813581368137813881398140814181428143814481458146814781488149815081518152815381548155815681578158815981608161816281638164
  1. /*! bulma.io v0.4.0 | MIT License | github.com/jgthms/bulma */
  2. @-webkit-keyframes spinAround {
  3. from {
  4. -webkit-transform: rotate(0deg);
  5. transform: rotate(0deg);
  6. }
  7. to {
  8. -webkit-transform: rotate(359deg);
  9. transform: rotate(359deg);
  10. }
  11. }
  12. @keyframes spinAround {
  13. from {
  14. -webkit-transform: rotate(0deg);
  15. transform: rotate(0deg);
  16. }
  17. to {
  18. -webkit-transform: rotate(359deg);
  19. transform: rotate(359deg);
  20. }
  21. }
  22. /*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
  23. html,
  24. body,
  25. p,
  26. ol,
  27. ul,
  28. li,
  29. dl,
  30. dt,
  31. dd,
  32. blockquote,
  33. figure,
  34. fieldset,
  35. legend,
  36. textarea,
  37. pre,
  38. iframe,
  39. hr,
  40. h1,
  41. h2,
  42. h3,
  43. h4,
  44. h5,
  45. h6 {
  46. margin: 0;
  47. padding: 0;
  48. }
  49. h1,
  50. h2,
  51. h3,
  52. h4,
  53. h5,
  54. h6 {
  55. font-size: 100%;
  56. font-weight: normal;
  57. }
  58. ul {
  59. list-style: none;
  60. }
  61. button,
  62. input,
  63. select,
  64. textarea {
  65. margin: 0;
  66. }
  67. html {
  68. box-sizing: border-box;
  69. }
  70. * {
  71. box-sizing: inherit;
  72. }
  73. *:before, *:after {
  74. box-sizing: inherit;
  75. }
  76. img,
  77. embed,
  78. object,
  79. audio,
  80. video {
  81. height: auto;
  82. max-width: 100%;
  83. }
  84. iframe {
  85. border: 0;
  86. }
  87. table {
  88. border-collapse: collapse;
  89. border-spacing: 0;
  90. }
  91. td,
  92. th {
  93. padding: 0;
  94. text-align: left;
  95. }
  96. html {
  97. background-color: white;
  98. font-size: 16px;
  99. -moz-osx-font-smoothing: grayscale;
  100. -webkit-font-smoothing: antialiased;
  101. min-width: 300px;
  102. overflow-x: hidden;
  103. overflow-y: scroll;
  104. text-rendering: optimizeLegibility;
  105. }
  106. article,
  107. aside,
  108. figure,
  109. footer,
  110. header,
  111. hgroup,
  112. section {
  113. display: block;
  114. }
  115. body,
  116. button,
  117. input,
  118. select,
  119. textarea {
  120. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  121. }
  122. code,
  123. pre {
  124. -moz-osx-font-smoothing: auto;
  125. -webkit-font-smoothing: auto;
  126. font-family: monospace;
  127. }
  128. body {
  129. color: #4a4a4a;
  130. font-size: 1rem;
  131. font-weight: 400;
  132. line-height: 1.5;
  133. }
  134. a {
  135. color: #00d1b2;
  136. cursor: pointer;
  137. text-decoration: none;
  138. -webkit-transition: none 86ms ease-out;
  139. transition: none 86ms ease-out;
  140. }
  141. a:hover {
  142. color: #363636;
  143. }
  144. code {
  145. background-color: whitesmoke;
  146. color: #ff3860;
  147. font-size: 0.8em;
  148. font-weight: normal;
  149. padding: 0.25em 0.5em 0.25em;
  150. }
  151. hr {
  152. background-color: #dbdbdb;
  153. border: none;
  154. display: block;
  155. height: 1px;
  156. margin: 1.5rem 0;
  157. }
  158. img {
  159. max-width: 100%;
  160. }
  161. input[type="checkbox"],
  162. input[type="radio"] {
  163. vertical-align: baseline;
  164. }
  165. small {
  166. font-size: 0.8em;
  167. }
  168. span {
  169. font-style: inherit;
  170. font-weight: inherit;
  171. }
  172. strong {
  173. color: #363636;
  174. font-weight: 700;
  175. }
  176. pre {
  177. background-color: whitesmoke;
  178. color: #4a4a4a;
  179. font-size: 0.8em;
  180. white-space: pre;
  181. word-wrap: normal;
  182. }
  183. pre code {
  184. -webkit-overflow-scrolling: touch;
  185. background: none;
  186. color: inherit;
  187. display: block;
  188. font-size: 1em;
  189. overflow-x: auto;
  190. padding: 1.25rem 1.5rem;
  191. }
  192. table {
  193. width: 100%;
  194. }
  195. table td,
  196. table th {
  197. text-align: left;
  198. vertical-align: top;
  199. }
  200. table th {
  201. color: #363636;
  202. }
  203. .is-block {
  204. display: block;
  205. }
  206. @media screen and (max-width: 768px) {
  207. .is-block-mobile {
  208. display: block !important;
  209. }
  210. }
  211. @media screen and (min-width: 769px), print {
  212. .is-block-tablet {
  213. display: block !important;
  214. }
  215. }
  216. @media screen and (min-width: 769px) and (max-width: 999px) {
  217. .is-block-tablet-only {
  218. display: block !important;
  219. }
  220. }
  221. @media screen and (max-width: 999px) {
  222. .is-block-touch {
  223. display: block !important;
  224. }
  225. }
  226. @media screen and (min-width: 1000px) {
  227. .is-block-desktop {
  228. display: block !important;
  229. }
  230. }
  231. @media screen and (min-width: 1000px) and (max-width: 1191px) {
  232. .is-block-desktop-only {
  233. display: block !important;
  234. }
  235. }
  236. @media screen and (min-width: 1192px) {
  237. .is-block-widescreen {
  238. display: block !important;
  239. }
  240. }
  241. .is-flex {
  242. display: -webkit-box;
  243. display: -ms-flexbox;
  244. display: flex;
  245. }
  246. @media screen and (max-width: 768px) {
  247. .is-flex-mobile {
  248. display: -webkit-box !important;
  249. display: -ms-flexbox !important;
  250. display: flex !important;
  251. }
  252. }
  253. @media screen and (min-width: 769px), print {
  254. .is-flex-tablet {
  255. display: -webkit-box !important;
  256. display: -ms-flexbox !important;
  257. display: flex !important;
  258. }
  259. }
  260. @media screen and (min-width: 769px) and (max-width: 999px) {
  261. .is-flex-tablet-only {
  262. display: -webkit-box !important;
  263. display: -ms-flexbox !important;
  264. display: flex !important;
  265. }
  266. }
  267. @media screen and (max-width: 999px) {
  268. .is-flex-touch {
  269. display: -webkit-box !important;
  270. display: -ms-flexbox !important;
  271. display: flex !important;
  272. }
  273. }
  274. @media screen and (min-width: 1000px) {
  275. .is-flex-desktop {
  276. display: -webkit-box !important;
  277. display: -ms-flexbox !important;
  278. display: flex !important;
  279. }
  280. }
  281. @media screen and (min-width: 1000px) and (max-width: 1191px) {
  282. .is-flex-desktop-only {
  283. display: -webkit-box !important;
  284. display: -ms-flexbox !important;
  285. display: flex !important;
  286. }
  287. }
  288. @media screen and (min-width: 1192px) {
  289. .is-flex-widescreen {
  290. display: -webkit-box !important;
  291. display: -ms-flexbox !important;
  292. display: flex !important;
  293. }
  294. }
  295. .is-inline {
  296. display: inline;
  297. }
  298. @media screen and (max-width: 768px) {
  299. .is-inline-mobile {
  300. display: inline !important;
  301. }
  302. }
  303. @media screen and (min-width: 769px), print {
  304. .is-inline-tablet {
  305. display: inline !important;
  306. }
  307. }
  308. @media screen and (min-width: 769px) and (max-width: 999px) {
  309. .is-inline-tablet-only {
  310. display: inline !important;
  311. }
  312. }
  313. @media screen and (max-width: 999px) {
  314. .is-inline-touch {
  315. display: inline !important;
  316. }
  317. }
  318. @media screen and (min-width: 1000px) {
  319. .is-inline-desktop {
  320. display: inline !important;
  321. }
  322. }
  323. @media screen and (min-width: 1000px) and (max-width: 1191px) {
  324. .is-inline-desktop-only {
  325. display: inline !important;
  326. }
  327. }
  328. @media screen and (min-width: 1192px) {
  329. .is-inline-widescreen {
  330. display: inline !important;
  331. }
  332. }
  333. .is-inline-block {
  334. display: inline-block;
  335. }
  336. @media screen and (max-width: 768px) {
  337. .is-inline-block-mobile {
  338. display: inline-block !important;
  339. }
  340. }
  341. @media screen and (min-width: 769px), print {
  342. .is-inline-block-tablet {
  343. display: inline-block !important;
  344. }
  345. }
  346. @media screen and (min-width: 769px) and (max-width: 999px) {
  347. .is-inline-block-tablet-only {
  348. display: inline-block !important;
  349. }
  350. }
  351. @media screen and (max-width: 999px) {
  352. .is-inline-block-touch {
  353. display: inline-block !important;
  354. }
  355. }
  356. @media screen and (min-width: 1000px) {
  357. .is-inline-block-desktop {
  358. display: inline-block !important;
  359. }
  360. }
  361. @media screen and (min-width: 1000px) and (max-width: 1191px) {
  362. .is-inline-block-desktop-only {
  363. display: inline-block !important;
  364. }
  365. }
  366. @media screen and (min-width: 1192px) {
  367. .is-inline-block-widescreen {
  368. display: inline-block !important;
  369. }
  370. }
  371. .is-inline-flex {
  372. display: -webkit-inline-box;
  373. display: -ms-inline-flexbox;
  374. display: inline-flex;
  375. }
  376. @media screen and (max-width: 768px) {
  377. .is-inline-flex-mobile {
  378. display: -webkit-inline-box !important;
  379. display: -ms-inline-flexbox !important;
  380. display: inline-flex !important;
  381. }
  382. }
  383. @media screen and (min-width: 769px), print {
  384. .is-inline-flex-tablet {
  385. display: -webkit-inline-box !important;
  386. display: -ms-inline-flexbox !important;
  387. display: inline-flex !important;
  388. }
  389. }
  390. @media screen and (min-width: 769px) and (max-width: 999px) {
  391. .is-inline-flex-tablet-only {
  392. display: -webkit-inline-box !important;
  393. display: -ms-inline-flexbox !important;
  394. display: inline-flex !important;
  395. }
  396. }
  397. @media screen and (max-width: 999px) {
  398. .is-inline-flex-touch {
  399. display: -webkit-inline-box !important;
  400. display: -ms-inline-flexbox !important;
  401. display: inline-flex !important;
  402. }
  403. }
  404. @media screen and (min-width: 1000px) {
  405. .is-inline-flex-desktop {
  406. display: -webkit-inline-box !important;
  407. display: -ms-inline-flexbox !important;
  408. display: inline-flex !important;
  409. }
  410. }
  411. @media screen and (min-width: 1000px) and (max-width: 1191px) {
  412. .is-inline-flex-desktop-only {
  413. display: -webkit-inline-box !important;
  414. display: -ms-inline-flexbox !important;
  415. display: inline-flex !important;
  416. }
  417. }
  418. @media screen and (min-width: 1192px) {
  419. .is-inline-flex-widescreen {
  420. display: -webkit-inline-box !important;
  421. display: -ms-inline-flexbox !important;
  422. display: inline-flex !important;
  423. }
  424. }
  425. .is-clearfix:after {
  426. clear: both;
  427. content: " ";
  428. display: table;
  429. }
  430. .is-pulled-left {
  431. float: left;
  432. }
  433. .is-pulled-right {
  434. float: right;
  435. }
  436. .is-clipped {
  437. overflow: hidden !important;
  438. }
  439. .is-overlay {
  440. bottom: 0;
  441. left: 0;
  442. position: absolute;
  443. right: 0;
  444. top: 0;
  445. }
  446. .has-text-centered {
  447. text-align: center;
  448. }
  449. .has-text-left {
  450. text-align: left;
  451. }
  452. .has-text-right {
  453. text-align: right;
  454. }
  455. .has-text-white {
  456. color: white;
  457. }
  458. a.has-text-white:hover, a.has-text-white:focus {
  459. color: #e6e6e6;
  460. }
  461. .has-text-black {
  462. color: #0a0a0a;
  463. }
  464. a.has-text-black:hover, a.has-text-black:focus {
  465. color: black;
  466. }
  467. .has-text-light {
  468. color: whitesmoke;
  469. }
  470. a.has-text-light:hover, a.has-text-light:focus {
  471. color: #dbdbdb;
  472. }
  473. .has-text-dark {
  474. color: #363636;
  475. }
  476. a.has-text-dark:hover, a.has-text-dark:focus {
  477. color: #1c1c1c;
  478. }
  479. .has-text-primary {
  480. color: #00d1b2;
  481. }
  482. a.has-text-primary:hover, a.has-text-primary:focus {
  483. color: #009e86;
  484. }
  485. .has-text-info {
  486. color: #3273dc;
  487. }
  488. a.has-text-info:hover, a.has-text-info:focus {
  489. color: #205bbc;
  490. }
  491. .has-text-success {
  492. color: #23d160;
  493. }
  494. a.has-text-success:hover, a.has-text-success:focus {
  495. color: #1ca64c;
  496. }
  497. .has-text-warning {
  498. color: #ffdd57;
  499. }
  500. a.has-text-warning:hover, a.has-text-warning:focus {
  501. color: #ffd324;
  502. }
  503. .has-text-danger {
  504. color: #ff3860;
  505. }
  506. a.has-text-danger:hover, a.has-text-danger:focus {
  507. color: #ff0537;
  508. }
  509. .is-hidden {
  510. display: none !important;
  511. }
  512. @media screen and (max-width: 768px) {
  513. .is-hidden-mobile {
  514. display: none !important;
  515. }
  516. }
  517. @media screen and (min-width: 769px), print {
  518. .is-hidden-tablet {
  519. display: none !important;
  520. }
  521. }
  522. @media screen and (min-width: 769px) and (max-width: 999px) {
  523. .is-hidden-tablet-only {
  524. display: none !important;
  525. }
  526. }
  527. @media screen and (max-width: 999px) {
  528. .is-hidden-touch {
  529. display: none !important;
  530. }
  531. }
  532. @media screen and (min-width: 1000px) {
  533. .is-hidden-desktop {
  534. display: none !important;
  535. }
  536. }
  537. @media screen and (min-width: 1000px) and (max-width: 1191px) {
  538. .is-hidden-desktop-only {
  539. display: none !important;
  540. }
  541. }
  542. @media screen and (min-width: 1192px) {
  543. .is-hidden-widescreen {
  544. display: none !important;
  545. }
  546. }
  547. .is-marginless {
  548. margin: 0 !important;
  549. }
  550. .is-paddingless {
  551. padding: 0 !important;
  552. }
  553. .is-unselectable {
  554. -webkit-touch-callout: none;
  555. -webkit-user-select: none;
  556. -moz-user-select: none;
  557. -ms-user-select: none;
  558. user-select: none;
  559. }
  560. .box {
  561. background-color: white;
  562. border-radius: 5px;
  563. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  564. display: block;
  565. padding: 1.25rem;
  566. }
  567. .box:not(:last-child) {
  568. margin-bottom: 1.5rem;
  569. }
  570. a.box:hover, a.box:focus {
  571. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
  572. }
  573. a.box:active {
  574. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2;
  575. }
  576. .button {
  577. -moz-appearance: none;
  578. -webkit-appearance: none;
  579. -webkit-box-align: center;
  580. -ms-flex-align: center;
  581. align-items: center;
  582. border: none;
  583. border-radius: 3px;
  584. box-shadow: none;
  585. display: -webkit-inline-box;
  586. display: -ms-inline-flexbox;
  587. display: inline-flex;
  588. font-size: 1rem;
  589. height: 2.25em;
  590. -webkit-box-pack: start;
  591. -ms-flex-pack: start;
  592. justify-content: flex-start;
  593. line-height: 1.5;
  594. padding-bottom: 0.375em;
  595. padding-left: 0.625em;
  596. padding-right: 0.625em;
  597. padding-top: 0.375em;
  598. position: relative;
  599. vertical-align: top;
  600. -webkit-touch-callout: none;
  601. -webkit-user-select: none;
  602. -moz-user-select: none;
  603. -ms-user-select: none;
  604. user-select: none;
  605. background-color: white;
  606. border: 1px solid #dbdbdb;
  607. color: #363636;
  608. cursor: pointer;
  609. -webkit-box-pack: center;
  610. -ms-flex-pack: center;
  611. justify-content: center;
  612. padding-left: 0.75em;
  613. padding-right: 0.75em;
  614. text-align: center;
  615. white-space: nowrap;
  616. }
  617. .button:focus, .button.is-focused, .button:active, .button.is-active {
  618. outline: none;
  619. }
  620. .button[disabled] {
  621. cursor: not-allowed;
  622. }
  623. .button strong {
  624. color: inherit;
  625. }
  626. .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  627. height: 1.5em;
  628. width: 1.5em;
  629. }
  630. .button .icon:first-child:not(:last-child) {
  631. margin-left: calc(-0.375em - 1px);
  632. margin-right: 0.1875em;
  633. }
  634. .button .icon:last-child:not(:first-child) {
  635. margin-left: 0.1875em;
  636. margin-right: calc(-0.375em - 1px);
  637. }
  638. .button .icon:first-child:last-child {
  639. margin-left: calc(-0.375em - 1px);
  640. margin-right: calc(-0.375em - 1px);
  641. }
  642. .button:hover, .button.is-hovered {
  643. border-color: #b5b5b5;
  644. color: #363636;
  645. }
  646. .button:focus, .button.is-focused {
  647. border-color: #00d1b2;
  648. box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
  649. color: #363636;
  650. }
  651. .button:active, .button.is-active {
  652. border-color: #4a4a4a;
  653. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  654. color: #363636;
  655. }
  656. .button.is-link {
  657. background-color: transparent;
  658. border-color: transparent;
  659. color: #4a4a4a;
  660. text-decoration: underline;
  661. }
  662. .button.is-link:hover, .button.is-link.is-hovered, .button.is-link:focus, .button.is-link.is-focused, .button.is-link:active, .button.is-link.is-active {
  663. background-color: whitesmoke;
  664. color: #363636;
  665. }
  666. .button.is-link[disabled] {
  667. background-color: transparent;
  668. border-color: transparent;
  669. box-shadow: none;
  670. }
  671. .button.is-white {
  672. background-color: white;
  673. border-color: transparent;
  674. color: #0a0a0a;
  675. }
  676. .button.is-white:hover, .button.is-white.is-hovered {
  677. background-color: #f9f9f9;
  678. border-color: transparent;
  679. color: #0a0a0a;
  680. }
  681. .button.is-white:focus, .button.is-white.is-focused {
  682. border-color: transparent;
  683. box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  684. color: #0a0a0a;
  685. }
  686. .button.is-white:active, .button.is-white.is-active {
  687. background-color: #f2f2f2;
  688. border-color: transparent;
  689. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  690. color: #0a0a0a;
  691. }
  692. .button.is-white[disabled] {
  693. background-color: white;
  694. border-color: transparent;
  695. box-shadow: none;
  696. }
  697. .button.is-white.is-inverted {
  698. background-color: #0a0a0a;
  699. color: white;
  700. }
  701. .button.is-white.is-inverted:hover {
  702. background-color: black;
  703. }
  704. .button.is-white.is-inverted[disabled] {
  705. background-color: #0a0a0a;
  706. border-color: transparent;
  707. box-shadow: none;
  708. color: white;
  709. }
  710. .button.is-white.is-loading:after {
  711. border-color: transparent transparent #0a0a0a #0a0a0a !important;
  712. }
  713. .button.is-white.is-outlined {
  714. background-color: transparent;
  715. border-color: white;
  716. color: white;
  717. }
  718. .button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
  719. background-color: white;
  720. border-color: white;
  721. color: #0a0a0a;
  722. }
  723. .button.is-white.is-outlined.is-loading:after {
  724. border-color: transparent transparent white white !important;
  725. }
  726. .button.is-white.is-outlined[disabled] {
  727. background-color: transparent;
  728. border-color: white;
  729. box-shadow: none;
  730. color: white;
  731. }
  732. .button.is-white.is-inverted.is-outlined {
  733. background-color: transparent;
  734. border-color: #0a0a0a;
  735. color: #0a0a0a;
  736. }
  737. .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus {
  738. background-color: #0a0a0a;
  739. color: white;
  740. }
  741. .button.is-white.is-inverted.is-outlined[disabled] {
  742. background-color: transparent;
  743. border-color: #0a0a0a;
  744. box-shadow: none;
  745. color: #0a0a0a;
  746. }
  747. .button.is-black {
  748. background-color: #0a0a0a;
  749. border-color: transparent;
  750. color: white;
  751. }
  752. .button.is-black:hover, .button.is-black.is-hovered {
  753. background-color: #040404;
  754. border-color: transparent;
  755. color: white;
  756. }
  757. .button.is-black:focus, .button.is-black.is-focused {
  758. border-color: transparent;
  759. box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
  760. color: white;
  761. }
  762. .button.is-black:active, .button.is-black.is-active {
  763. background-color: black;
  764. border-color: transparent;
  765. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  766. color: white;
  767. }
  768. .button.is-black[disabled] {
  769. background-color: #0a0a0a;
  770. border-color: transparent;
  771. box-shadow: none;
  772. }
  773. .button.is-black.is-inverted {
  774. background-color: white;
  775. color: #0a0a0a;
  776. }
  777. .button.is-black.is-inverted:hover {
  778. background-color: #f2f2f2;
  779. }
  780. .button.is-black.is-inverted[disabled] {
  781. background-color: white;
  782. border-color: transparent;
  783. box-shadow: none;
  784. color: #0a0a0a;
  785. }
  786. .button.is-black.is-loading:after {
  787. border-color: transparent transparent white white !important;
  788. }
  789. .button.is-black.is-outlined {
  790. background-color: transparent;
  791. border-color: #0a0a0a;
  792. color: #0a0a0a;
  793. }
  794. .button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {
  795. background-color: #0a0a0a;
  796. border-color: #0a0a0a;
  797. color: white;
  798. }
  799. .button.is-black.is-outlined.is-loading:after {
  800. border-color: transparent transparent #0a0a0a #0a0a0a !important;
  801. }
  802. .button.is-black.is-outlined[disabled] {
  803. background-color: transparent;
  804. border-color: #0a0a0a;
  805. box-shadow: none;
  806. color: #0a0a0a;
  807. }
  808. .button.is-black.is-inverted.is-outlined {
  809. background-color: transparent;
  810. border-color: white;
  811. color: white;
  812. }
  813. .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus {
  814. background-color: white;
  815. color: #0a0a0a;
  816. }
  817. .button.is-black.is-inverted.is-outlined[disabled] {
  818. background-color: transparent;
  819. border-color: white;
  820. box-shadow: none;
  821. color: white;
  822. }
  823. .button.is-light {
  824. background-color: whitesmoke;
  825. border-color: transparent;
  826. color: #363636;
  827. }
  828. .button.is-light:hover, .button.is-light.is-hovered {
  829. background-color: #eeeeee;
  830. border-color: transparent;
  831. color: #363636;
  832. }
  833. .button.is-light:focus, .button.is-light.is-focused {
  834. border-color: transparent;
  835. box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
  836. color: #363636;
  837. }
  838. .button.is-light:active, .button.is-light.is-active {
  839. background-color: #e8e8e8;
  840. border-color: transparent;
  841. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  842. color: #363636;
  843. }
  844. .button.is-light[disabled] {
  845. background-color: whitesmoke;
  846. border-color: transparent;
  847. box-shadow: none;
  848. }
  849. .button.is-light.is-inverted {
  850. background-color: #363636;
  851. color: whitesmoke;
  852. }
  853. .button.is-light.is-inverted:hover {
  854. background-color: #292929;
  855. }
  856. .button.is-light.is-inverted[disabled] {
  857. background-color: #363636;
  858. border-color: transparent;
  859. box-shadow: none;
  860. color: whitesmoke;
  861. }
  862. .button.is-light.is-loading:after {
  863. border-color: transparent transparent #363636 #363636 !important;
  864. }
  865. .button.is-light.is-outlined {
  866. background-color: transparent;
  867. border-color: whitesmoke;
  868. color: whitesmoke;
  869. }
  870. .button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
  871. background-color: whitesmoke;
  872. border-color: whitesmoke;
  873. color: #363636;
  874. }
  875. .button.is-light.is-outlined.is-loading:after {
  876. border-color: transparent transparent whitesmoke whitesmoke !important;
  877. }
  878. .button.is-light.is-outlined[disabled] {
  879. background-color: transparent;
  880. border-color: whitesmoke;
  881. box-shadow: none;
  882. color: whitesmoke;
  883. }
  884. .button.is-light.is-inverted.is-outlined {
  885. background-color: transparent;
  886. border-color: #363636;
  887. color: #363636;
  888. }
  889. .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus {
  890. background-color: #363636;
  891. color: whitesmoke;
  892. }
  893. .button.is-light.is-inverted.is-outlined[disabled] {
  894. background-color: transparent;
  895. border-color: #363636;
  896. box-shadow: none;
  897. color: #363636;
  898. }
  899. .button.is-dark {
  900. background-color: #363636;
  901. border-color: transparent;
  902. color: whitesmoke;
  903. }
  904. .button.is-dark:hover, .button.is-dark.is-hovered {
  905. background-color: #2f2f2f;
  906. border-color: transparent;
  907. color: whitesmoke;
  908. }
  909. .button.is-dark:focus, .button.is-dark.is-focused {
  910. border-color: transparent;
  911. box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
  912. color: whitesmoke;
  913. }
  914. .button.is-dark:active, .button.is-dark.is-active {
  915. background-color: #292929;
  916. border-color: transparent;
  917. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  918. color: whitesmoke;
  919. }
  920. .button.is-dark[disabled] {
  921. background-color: #363636;
  922. border-color: transparent;
  923. box-shadow: none;
  924. }
  925. .button.is-dark.is-inverted {
  926. background-color: whitesmoke;
  927. color: #363636;
  928. }
  929. .button.is-dark.is-inverted:hover {
  930. background-color: #e8e8e8;
  931. }
  932. .button.is-dark.is-inverted[disabled] {
  933. background-color: whitesmoke;
  934. border-color: transparent;
  935. box-shadow: none;
  936. color: #363636;
  937. }
  938. .button.is-dark.is-loading:after {
  939. border-color: transparent transparent whitesmoke whitesmoke !important;
  940. }
  941. .button.is-dark.is-outlined {
  942. background-color: transparent;
  943. border-color: #363636;
  944. color: #363636;
  945. }
  946. .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
  947. background-color: #363636;
  948. border-color: #363636;
  949. color: whitesmoke;
  950. }
  951. .button.is-dark.is-outlined.is-loading:after {
  952. border-color: transparent transparent #363636 #363636 !important;
  953. }
  954. .button.is-dark.is-outlined[disabled] {
  955. background-color: transparent;
  956. border-color: #363636;
  957. box-shadow: none;
  958. color: #363636;
  959. }
  960. .button.is-dark.is-inverted.is-outlined {
  961. background-color: transparent;
  962. border-color: whitesmoke;
  963. color: whitesmoke;
  964. }
  965. .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus {
  966. background-color: whitesmoke;
  967. color: #363636;
  968. }
  969. .button.is-dark.is-inverted.is-outlined[disabled] {
  970. background-color: transparent;
  971. border-color: whitesmoke;
  972. box-shadow: none;
  973. color: whitesmoke;
  974. }
  975. .button.is-primary {
  976. background-color: #00d1b2;
  977. border-color: transparent;
  978. color: #fff;
  979. }
  980. .button.is-primary:hover, .button.is-primary.is-hovered {
  981. background-color: #00c4a7;
  982. border-color: transparent;
  983. color: #fff;
  984. }
  985. .button.is-primary:focus, .button.is-primary.is-focused {
  986. border-color: transparent;
  987. box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
  988. color: #fff;
  989. }
  990. .button.is-primary:active, .button.is-primary.is-active {
  991. background-color: #00b89c;
  992. border-color: transparent;
  993. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  994. color: #fff;
  995. }
  996. .button.is-primary[disabled] {
  997. background-color: #00d1b2;
  998. border-color: transparent;
  999. box-shadow: none;
  1000. }
  1001. .button.is-primary.is-inverted {
  1002. background-color: #fff;
  1003. color: #00d1b2;
  1004. }
  1005. .button.is-primary.is-inverted:hover {
  1006. background-color: #f2f2f2;
  1007. }
  1008. .button.is-primary.is-inverted[disabled] {
  1009. background-color: #fff;
  1010. border-color: transparent;
  1011. box-shadow: none;
  1012. color: #00d1b2;
  1013. }
  1014. .button.is-primary.is-loading:after {
  1015. border-color: transparent transparent #fff #fff !important;
  1016. }
  1017. .button.is-primary.is-outlined {
  1018. background-color: transparent;
  1019. border-color: #00d1b2;
  1020. color: #00d1b2;
  1021. }
  1022. .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
  1023. background-color: #00d1b2;
  1024. border-color: #00d1b2;
  1025. color: #fff;
  1026. }
  1027. .button.is-primary.is-outlined.is-loading:after {
  1028. border-color: transparent transparent #00d1b2 #00d1b2 !important;
  1029. }
  1030. .button.is-primary.is-outlined[disabled] {
  1031. background-color: transparent;
  1032. border-color: #00d1b2;
  1033. box-shadow: none;
  1034. color: #00d1b2;
  1035. }
  1036. .button.is-primary.is-inverted.is-outlined {
  1037. background-color: transparent;
  1038. border-color: #fff;
  1039. color: #fff;
  1040. }
  1041. .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus {
  1042. background-color: #fff;
  1043. color: #00d1b2;
  1044. }
  1045. .button.is-primary.is-inverted.is-outlined[disabled] {
  1046. background-color: transparent;
  1047. border-color: #fff;
  1048. box-shadow: none;
  1049. color: #fff;
  1050. }
  1051. .button.is-info {
  1052. background-color: #3273dc;
  1053. border-color: transparent;
  1054. color: #fff;
  1055. }
  1056. .button.is-info:hover, .button.is-info.is-hovered {
  1057. background-color: #276cda;
  1058. border-color: transparent;
  1059. color: #fff;
  1060. }
  1061. .button.is-info:focus, .button.is-info.is-focused {
  1062. border-color: transparent;
  1063. box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
  1064. color: #fff;
  1065. }
  1066. .button.is-info:active, .button.is-info.is-active {
  1067. background-color: #2366d1;
  1068. border-color: transparent;
  1069. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  1070. color: #fff;
  1071. }
  1072. .button.is-info[disabled] {
  1073. background-color: #3273dc;
  1074. border-color: transparent;
  1075. box-shadow: none;
  1076. }
  1077. .button.is-info.is-inverted {
  1078. background-color: #fff;
  1079. color: #3273dc;
  1080. }
  1081. .button.is-info.is-inverted:hover {
  1082. background-color: #f2f2f2;
  1083. }
  1084. .button.is-info.is-inverted[disabled] {
  1085. background-color: #fff;
  1086. border-color: transparent;
  1087. box-shadow: none;
  1088. color: #3273dc;
  1089. }
  1090. .button.is-info.is-loading:after {
  1091. border-color: transparent transparent #fff #fff !important;
  1092. }
  1093. .button.is-info.is-outlined {
  1094. background-color: transparent;
  1095. border-color: #3273dc;
  1096. color: #3273dc;
  1097. }
  1098. .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
  1099. background-color: #3273dc;
  1100. border-color: #3273dc;
  1101. color: #fff;
  1102. }
  1103. .button.is-info.is-outlined.is-loading:after {
  1104. border-color: transparent transparent #3273dc #3273dc !important;
  1105. }
  1106. .button.is-info.is-outlined[disabled] {
  1107. background-color: transparent;
  1108. border-color: #3273dc;
  1109. box-shadow: none;
  1110. color: #3273dc;
  1111. }
  1112. .button.is-info.is-inverted.is-outlined {
  1113. background-color: transparent;
  1114. border-color: #fff;
  1115. color: #fff;
  1116. }
  1117. .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus {
  1118. background-color: #fff;
  1119. color: #3273dc;
  1120. }
  1121. .button.is-info.is-inverted.is-outlined[disabled] {
  1122. background-color: transparent;
  1123. border-color: #fff;
  1124. box-shadow: none;
  1125. color: #fff;
  1126. }
  1127. .button.is-success {
  1128. background-color: #23d160;
  1129. border-color: transparent;
  1130. color: #fff;
  1131. }
  1132. .button.is-success:hover, .button.is-success.is-hovered {
  1133. background-color: #22c65b;
  1134. border-color: transparent;
  1135. color: #fff;
  1136. }
  1137. .button.is-success:focus, .button.is-success.is-focused {
  1138. border-color: transparent;
  1139. box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
  1140. color: #fff;
  1141. }
  1142. .button.is-success:active, .button.is-success.is-active {
  1143. background-color: #20bc56;
  1144. border-color: transparent;
  1145. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  1146. color: #fff;
  1147. }
  1148. .button.is-success[disabled] {
  1149. background-color: #23d160;
  1150. border-color: transparent;
  1151. box-shadow: none;
  1152. }
  1153. .button.is-success.is-inverted {
  1154. background-color: #fff;
  1155. color: #23d160;
  1156. }
  1157. .button.is-success.is-inverted:hover {
  1158. background-color: #f2f2f2;
  1159. }
  1160. .button.is-success.is-inverted[disabled] {
  1161. background-color: #fff;
  1162. border-color: transparent;
  1163. box-shadow: none;
  1164. color: #23d160;
  1165. }
  1166. .button.is-success.is-loading:after {
  1167. border-color: transparent transparent #fff #fff !important;
  1168. }
  1169. .button.is-success.is-outlined {
  1170. background-color: transparent;
  1171. border-color: #23d160;
  1172. color: #23d160;
  1173. }
  1174. .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
  1175. background-color: #23d160;
  1176. border-color: #23d160;
  1177. color: #fff;
  1178. }
  1179. .button.is-success.is-outlined.is-loading:after {
  1180. border-color: transparent transparent #23d160 #23d160 !important;
  1181. }
  1182. .button.is-success.is-outlined[disabled] {
  1183. background-color: transparent;
  1184. border-color: #23d160;
  1185. box-shadow: none;
  1186. color: #23d160;
  1187. }
  1188. .button.is-success.is-inverted.is-outlined {
  1189. background-color: transparent;
  1190. border-color: #fff;
  1191. color: #fff;
  1192. }
  1193. .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus {
  1194. background-color: #fff;
  1195. color: #23d160;
  1196. }
  1197. .button.is-success.is-inverted.is-outlined[disabled] {
  1198. background-color: transparent;
  1199. border-color: #fff;
  1200. box-shadow: none;
  1201. color: #fff;
  1202. }
  1203. .button.is-warning {
  1204. background-color: #ffdd57;
  1205. border-color: transparent;
  1206. color: rgba(0, 0, 0, 0.7);
  1207. }
  1208. .button.is-warning:hover, .button.is-warning.is-hovered {
  1209. background-color: #ffdb4a;
  1210. border-color: transparent;
  1211. color: rgba(0, 0, 0, 0.7);
  1212. }
  1213. .button.is-warning:focus, .button.is-warning.is-focused {
  1214. border-color: transparent;
  1215. box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
  1216. color: rgba(0, 0, 0, 0.7);
  1217. }
  1218. .button.is-warning:active, .button.is-warning.is-active {
  1219. background-color: #ffd83d;
  1220. border-color: transparent;
  1221. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  1222. color: rgba(0, 0, 0, 0.7);
  1223. }
  1224. .button.is-warning[disabled] {
  1225. background-color: #ffdd57;
  1226. border-color: transparent;
  1227. box-shadow: none;
  1228. }
  1229. .button.is-warning.is-inverted {
  1230. background-color: rgba(0, 0, 0, 0.7);
  1231. color: #ffdd57;
  1232. }
  1233. .button.is-warning.is-inverted:hover {
  1234. background-color: rgba(0, 0, 0, 0.7);
  1235. }
  1236. .button.is-warning.is-inverted[disabled] {
  1237. background-color: rgba(0, 0, 0, 0.7);
  1238. border-color: transparent;
  1239. box-shadow: none;
  1240. color: #ffdd57;
  1241. }
  1242. .button.is-warning.is-loading:after {
  1243. border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
  1244. }
  1245. .button.is-warning.is-outlined {
  1246. background-color: transparent;
  1247. border-color: #ffdd57;
  1248. color: #ffdd57;
  1249. }
  1250. .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
  1251. background-color: #ffdd57;
  1252. border-color: #ffdd57;
  1253. color: rgba(0, 0, 0, 0.7);
  1254. }
  1255. .button.is-warning.is-outlined.is-loading:after {
  1256. border-color: transparent transparent #ffdd57 #ffdd57 !important;
  1257. }
  1258. .button.is-warning.is-outlined[disabled] {
  1259. background-color: transparent;
  1260. border-color: #ffdd57;
  1261. box-shadow: none;
  1262. color: #ffdd57;
  1263. }
  1264. .button.is-warning.is-inverted.is-outlined {
  1265. background-color: transparent;
  1266. border-color: rgba(0, 0, 0, 0.7);
  1267. color: rgba(0, 0, 0, 0.7);
  1268. }
  1269. .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus {
  1270. background-color: rgba(0, 0, 0, 0.7);
  1271. color: #ffdd57;
  1272. }
  1273. .button.is-warning.is-inverted.is-outlined[disabled] {
  1274. background-color: transparent;
  1275. border-color: rgba(0, 0, 0, 0.7);
  1276. box-shadow: none;
  1277. color: rgba(0, 0, 0, 0.7);
  1278. }
  1279. .button.is-danger {
  1280. background-color: #ff3860;
  1281. border-color: transparent;
  1282. color: #fff;
  1283. }
  1284. .button.is-danger:hover, .button.is-danger.is-hovered {
  1285. background-color: #ff2b56;
  1286. border-color: transparent;
  1287. color: #fff;
  1288. }
  1289. .button.is-danger:focus, .button.is-danger.is-focused {
  1290. border-color: transparent;
  1291. box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
  1292. color: #fff;
  1293. }
  1294. .button.is-danger:active, .button.is-danger.is-active {
  1295. background-color: #ff1f4b;
  1296. border-color: transparent;
  1297. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  1298. color: #fff;
  1299. }
  1300. .button.is-danger[disabled] {
  1301. background-color: #ff3860;
  1302. border-color: transparent;
  1303. box-shadow: none;
  1304. }
  1305. .button.is-danger.is-inverted {
  1306. background-color: #fff;
  1307. color: #ff3860;
  1308. }
  1309. .button.is-danger.is-inverted:hover {
  1310. background-color: #f2f2f2;
  1311. }
  1312. .button.is-danger.is-inverted[disabled] {
  1313. background-color: #fff;
  1314. border-color: transparent;
  1315. box-shadow: none;
  1316. color: #ff3860;
  1317. }
  1318. .button.is-danger.is-loading:after {
  1319. border-color: transparent transparent #fff #fff !important;
  1320. }
  1321. .button.is-danger.is-outlined {
  1322. background-color: transparent;
  1323. border-color: #ff3860;
  1324. color: #ff3860;
  1325. }
  1326. .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
  1327. background-color: #ff3860;
  1328. border-color: #ff3860;
  1329. color: #fff;
  1330. }
  1331. .button.is-danger.is-outlined.is-loading:after {
  1332. border-color: transparent transparent #ff3860 #ff3860 !important;
  1333. }
  1334. .button.is-danger.is-outlined[disabled] {
  1335. background-color: transparent;
  1336. border-color: #ff3860;
  1337. box-shadow: none;
  1338. color: #ff3860;
  1339. }
  1340. .button.is-danger.is-inverted.is-outlined {
  1341. background-color: transparent;
  1342. border-color: #fff;
  1343. color: #fff;
  1344. }
  1345. .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus {
  1346. background-color: #fff;
  1347. color: #ff3860;
  1348. }
  1349. .button.is-danger.is-inverted.is-outlined[disabled] {
  1350. background-color: transparent;
  1351. border-color: #fff;
  1352. box-shadow: none;
  1353. color: #fff;
  1354. }
  1355. .button.is-small {
  1356. border-radius: 2px;
  1357. font-size: 0.75rem;
  1358. }
  1359. .button.is-medium {
  1360. font-size: 1.25rem;
  1361. }
  1362. .button.is-large {
  1363. font-size: 1.5rem;
  1364. }
  1365. .button[disabled] {
  1366. background-color: white;
  1367. border-color: #dbdbdb;
  1368. box-shadow: none;
  1369. opacity: 0.5;
  1370. }
  1371. .button.is-fullwidth {
  1372. display: -webkit-box;
  1373. display: -ms-flexbox;
  1374. display: flex;
  1375. width: 100%;
  1376. }
  1377. .button.is-loading {
  1378. color: transparent !important;
  1379. pointer-events: none;
  1380. }
  1381. .button.is-loading:after {
  1382. -webkit-animation: spinAround 500ms infinite linear;
  1383. animation: spinAround 500ms infinite linear;
  1384. border: 2px solid #dbdbdb;
  1385. border-radius: 290486px;
  1386. border-right-color: transparent;
  1387. border-top-color: transparent;
  1388. content: "";
  1389. display: block;
  1390. height: 1em;
  1391. position: relative;
  1392. width: 1em;
  1393. position: absolute;
  1394. left: calc(50% - (1em / 2));
  1395. top: calc(50% - (1em / 2));
  1396. position: absolute !important;
  1397. }
  1398. button.button,
  1399. input[type="submit"].button {
  1400. line-height: 1;
  1401. padding-bottom: 0.4em;
  1402. padding-top: 0.35em;
  1403. }
  1404. .content {
  1405. color: #4a4a4a;
  1406. }
  1407. .content:not(:last-child) {
  1408. margin-bottom: 1.5rem;
  1409. }
  1410. .content li + li {
  1411. margin-top: 0.25em;
  1412. }
  1413. .content p:not(:last-child),
  1414. .content ol:not(:last-child),
  1415. .content ul:not(:last-child),
  1416. .content blockquote:not(:last-child),
  1417. .content table:not(:last-child) {
  1418. margin-bottom: 1em;
  1419. }
  1420. .content h1,
  1421. .content h2,
  1422. .content h3,
  1423. .content h4,
  1424. .content h5,
  1425. .content h6 {
  1426. color: #363636;
  1427. font-weight: 400;
  1428. line-height: 1.125;
  1429. }
  1430. .content h1 {
  1431. font-size: 2em;
  1432. margin-bottom: 0.5em;
  1433. }
  1434. .content h1:not(:first-child) {
  1435. margin-top: 1em;
  1436. }
  1437. .content h2 {
  1438. font-size: 1.75em;
  1439. margin-bottom: 0.5714em;
  1440. }
  1441. .content h2:not(:first-child) {
  1442. margin-top: 1.1428em;
  1443. }
  1444. .content h3 {
  1445. font-size: 1.5em;
  1446. margin-bottom: 0.6666em;
  1447. }
  1448. .content h3:not(:first-child) {
  1449. margin-top: 1.3333em;
  1450. }
  1451. .content h4 {
  1452. font-size: 1.25em;
  1453. margin-bottom: 0.8em;
  1454. }
  1455. .content h5 {
  1456. font-size: 1.125em;
  1457. margin-bottom: 0.8888em;
  1458. }
  1459. .content h6 {
  1460. font-size: 1em;
  1461. margin-bottom: 1em;
  1462. }
  1463. .content blockquote {
  1464. background-color: whitesmoke;
  1465. border-left: 5px solid #dbdbdb;
  1466. padding: 1.25em 1.5em;
  1467. }
  1468. .content ol {
  1469. list-style: decimal outside;
  1470. margin-left: 2em;
  1471. margin-right: 2em;
  1472. margin-top: 1em;
  1473. }
  1474. .content ul {
  1475. list-style: disc outside;
  1476. margin-left: 2em;
  1477. margin-right: 2em;
  1478. margin-top: 1em;
  1479. }
  1480. .content ul ul {
  1481. list-style-type: circle;
  1482. margin-top: 0.5em;
  1483. }
  1484. .content ul ul ul {
  1485. list-style-type: square;
  1486. }
  1487. .content table {
  1488. width: 100%;
  1489. }
  1490. .content table td,
  1491. .content table th {
  1492. border: 1px solid #dbdbdb;
  1493. border-width: 0 0 1px;
  1494. padding: 0.5em 0.75em;
  1495. vertical-align: top;
  1496. }
  1497. .content table th {
  1498. color: #363636;
  1499. text-align: left;
  1500. }
  1501. .content table tr:hover {
  1502. background-color: whitesmoke;
  1503. }
  1504. .content table thead td,
  1505. .content table thead th {
  1506. border-width: 0 0 2px;
  1507. color: #363636;
  1508. }
  1509. .content table tfoot td,
  1510. .content table tfoot th {
  1511. border-width: 2px 0 0;
  1512. color: #363636;
  1513. }
  1514. .content table tbody tr:last-child td,
  1515. .content table tbody tr:last-child th {
  1516. border-bottom-width: 0;
  1517. }
  1518. .content.is-small {
  1519. font-size: 0.75rem;
  1520. }
  1521. .content.is-medium {
  1522. font-size: 1.25rem;
  1523. }
  1524. .content.is-large {
  1525. font-size: 1.5rem;
  1526. }
  1527. .input,
  1528. .textarea {
  1529. -moz-appearance: none;
  1530. -webkit-appearance: none;
  1531. -webkit-box-align: center;
  1532. -ms-flex-align: center;
  1533. align-items: center;
  1534. border: none;
  1535. border-radius: 3px;
  1536. box-shadow: none;
  1537. display: -webkit-inline-box;
  1538. display: -ms-inline-flexbox;
  1539. display: inline-flex;
  1540. font-size: 1rem;
  1541. height: 2.25em;
  1542. -webkit-box-pack: start;
  1543. -ms-flex-pack: start;
  1544. justify-content: flex-start;
  1545. line-height: 1.5;
  1546. padding-bottom: 0.375em;
  1547. padding-left: 0.625em;
  1548. padding-right: 0.625em;
  1549. padding-top: 0.375em;
  1550. position: relative;
  1551. vertical-align: top;
  1552. background-color: white;
  1553. border: 1px solid #dbdbdb;
  1554. color: #363636;
  1555. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  1556. max-width: 100%;
  1557. width: 100%;
  1558. }
  1559. .input:focus, .input.is-focused, .input:active, .input.is-active,
  1560. .textarea:focus,
  1561. .textarea.is-focused,
  1562. .textarea:active,
  1563. .textarea.is-active {
  1564. outline: none;
  1565. }
  1566. .input[disabled],
  1567. .textarea[disabled] {
  1568. cursor: not-allowed;
  1569. }
  1570. .input:hover, .input.is-hovered,
  1571. .textarea:hover,
  1572. .textarea.is-hovered {
  1573. border-color: #b5b5b5;
  1574. }
  1575. .input:focus, .input.is-focused, .input:active, .input.is-active,
  1576. .textarea:focus,
  1577. .textarea.is-focused,
  1578. .textarea:active,
  1579. .textarea.is-active {
  1580. border-color: #00d1b2;
  1581. }
  1582. .input[disabled],
  1583. .textarea[disabled] {
  1584. background-color: whitesmoke;
  1585. border-color: whitesmoke;
  1586. box-shadow: none;
  1587. color: #7a7a7a;
  1588. }
  1589. .input[disabled]::-moz-placeholder,
  1590. .textarea[disabled]::-moz-placeholder {
  1591. color: rgba(54, 54, 54, 0.3);
  1592. }
  1593. .input[disabled]::-webkit-input-placeholder,
  1594. .textarea[disabled]::-webkit-input-placeholder {
  1595. color: rgba(54, 54, 54, 0.3);
  1596. }
  1597. .input[disabled]:-moz-placeholder,
  1598. .textarea[disabled]:-moz-placeholder {
  1599. color: rgba(54, 54, 54, 0.3);
  1600. }
  1601. .input[disabled]:-ms-input-placeholder,
  1602. .textarea[disabled]:-ms-input-placeholder {
  1603. color: rgba(54, 54, 54, 0.3);
  1604. }
  1605. .input[type="search"],
  1606. .textarea[type="search"] {
  1607. border-radius: 290486px;
  1608. }
  1609. .input.is-white,
  1610. .textarea.is-white {
  1611. border-color: white;
  1612. }
  1613. .input.is-black,
  1614. .textarea.is-black {
  1615. border-color: #0a0a0a;
  1616. }
  1617. .input.is-light,
  1618. .textarea.is-light {
  1619. border-color: whitesmoke;
  1620. }
  1621. .input.is-dark,
  1622. .textarea.is-dark {
  1623. border-color: #363636;
  1624. }
  1625. .input.is-primary,
  1626. .textarea.is-primary {
  1627. border-color: #00d1b2;
  1628. }
  1629. .input.is-info,
  1630. .textarea.is-info {
  1631. border-color: #3273dc;
  1632. }
  1633. .input.is-success,
  1634. .textarea.is-success {
  1635. border-color: #23d160;
  1636. }
  1637. .input.is-warning,
  1638. .textarea.is-warning {
  1639. border-color: #ffdd57;
  1640. }
  1641. .input.is-danger,
  1642. .textarea.is-danger {
  1643. border-color: #ff3860;
  1644. }
  1645. .input.is-small,
  1646. .textarea.is-small {
  1647. border-radius: 2px;
  1648. font-size: 0.75rem;
  1649. }
  1650. .input.is-medium,
  1651. .textarea.is-medium {
  1652. font-size: 1.25rem;
  1653. }
  1654. .input.is-large,
  1655. .textarea.is-large {
  1656. font-size: 1.5rem;
  1657. }
  1658. .input.is-fullwidth,
  1659. .textarea.is-fullwidth {
  1660. display: block;
  1661. width: 100%;
  1662. }
  1663. .input.is-inline,
  1664. .textarea.is-inline {
  1665. display: inline;
  1666. width: auto;
  1667. }
  1668. .textarea {
  1669. display: block;
  1670. max-height: 600px;
  1671. max-width: 100%;
  1672. min-height: 120px;
  1673. min-width: 100%;
  1674. padding: 0.625em;
  1675. resize: vertical;
  1676. }
  1677. .checkbox,
  1678. .radio {
  1679. -webkit-box-align: center;
  1680. -ms-flex-align: center;
  1681. align-items: center;
  1682. cursor: pointer;
  1683. display: -webkit-inline-box;
  1684. display: -ms-inline-flexbox;
  1685. display: inline-flex;
  1686. -ms-flex-wrap: wrap;
  1687. flex-wrap: wrap;
  1688. -webkit-box-pack: start;
  1689. -ms-flex-pack: start;
  1690. justify-content: flex-start;
  1691. line-height: 1.5;
  1692. position: relative;
  1693. vertical-align: top;
  1694. }
  1695. .checkbox input,
  1696. .radio input {
  1697. cursor: pointer;
  1698. margin-right: 0.5em;
  1699. }
  1700. .checkbox:hover,
  1701. .radio:hover {
  1702. color: #363636;
  1703. }
  1704. .checkbox[disabled],
  1705. .radio[disabled] {
  1706. color: #7a7a7a;
  1707. cursor: not-allowed;
  1708. }
  1709. .radio + .radio {
  1710. margin-left: 0.5em;
  1711. }
  1712. .select {
  1713. display: inline-block;
  1714. height: 2.25em;
  1715. position: relative;
  1716. vertical-align: top;
  1717. }
  1718. .select:after {
  1719. border: 1px solid #00d1b2;
  1720. border-right: 0;
  1721. border-top: 0;
  1722. content: " ";
  1723. display: block;
  1724. height: 0.5em;
  1725. pointer-events: none;
  1726. position: absolute;
  1727. -webkit-transform: rotate(-45deg);
  1728. transform: rotate(-45deg);
  1729. width: 0.5em;
  1730. margin-top: -0.375em;
  1731. right: 1.125em;
  1732. top: 50%;
  1733. z-index: 4;
  1734. }
  1735. .select select {
  1736. -moz-appearance: none;
  1737. -webkit-appearance: none;
  1738. -webkit-box-align: center;
  1739. -ms-flex-align: center;
  1740. align-items: center;
  1741. border: none;
  1742. border-radius: 3px;
  1743. box-shadow: none;
  1744. display: -webkit-inline-box;
  1745. display: -ms-inline-flexbox;
  1746. display: inline-flex;
  1747. font-size: 1rem;
  1748. height: 2.25em;
  1749. -webkit-box-pack: start;
  1750. -ms-flex-pack: start;
  1751. justify-content: flex-start;
  1752. line-height: 1.5;
  1753. padding-bottom: 0.375em;
  1754. padding-left: 0.625em;
  1755. padding-right: 0.625em;
  1756. padding-top: 0.375em;
  1757. position: relative;
  1758. vertical-align: top;
  1759. background-color: white;
  1760. border: 1px solid #dbdbdb;
  1761. color: #363636;
  1762. cursor: pointer;
  1763. display: block;
  1764. font-size: 1em;
  1765. outline: none;
  1766. padding-right: 2.5em;
  1767. }
  1768. .select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
  1769. outline: none;
  1770. }
  1771. .select select[disabled] {
  1772. cursor: not-allowed;
  1773. }
  1774. .select select:hover, .select select.is-hovered {
  1775. border-color: #b5b5b5;
  1776. }
  1777. .select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
  1778. border-color: #00d1b2;
  1779. }
  1780. .select select[disabled] {
  1781. background-color: whitesmoke;
  1782. border-color: whitesmoke;
  1783. box-shadow: none;
  1784. color: #7a7a7a;
  1785. }
  1786. .select select[disabled]::-moz-placeholder {
  1787. color: rgba(54, 54, 54, 0.3);
  1788. }
  1789. .select select[disabled]::-webkit-input-placeholder {
  1790. color: rgba(54, 54, 54, 0.3);
  1791. }
  1792. .select select[disabled]:-moz-placeholder {
  1793. color: rgba(54, 54, 54, 0.3);
  1794. }
  1795. .select select[disabled]:-ms-input-placeholder {
  1796. color: rgba(54, 54, 54, 0.3);
  1797. }
  1798. .select select:hover {
  1799. border-color: #b5b5b5;
  1800. }
  1801. .select select::-ms-expand {
  1802. display: none;
  1803. }
  1804. .select:hover:after {
  1805. border-color: #363636;
  1806. }
  1807. .select.is-white select {
  1808. border-color: white;
  1809. }
  1810. .select.is-black select {
  1811. border-color: #0a0a0a;
  1812. }
  1813. .select.is-light select {
  1814. border-color: whitesmoke;
  1815. }
  1816. .select.is-dark select {
  1817. border-color: #363636;
  1818. }
  1819. .select.is-primary select {
  1820. border-color: #00d1b2;
  1821. }
  1822. .select.is-info select {
  1823. border-color: #3273dc;
  1824. }
  1825. .select.is-success select {
  1826. border-color: #23d160;
  1827. }
  1828. .select.is-warning select {
  1829. border-color: #ffdd57;
  1830. }
  1831. .select.is-danger select {
  1832. border-color: #ff3860;
  1833. }
  1834. .select.is-small {
  1835. border-radius: 2px;
  1836. font-size: 0.75rem;
  1837. }
  1838. .select.is-medium {
  1839. font-size: 1.25rem;
  1840. }
  1841. .select.is-large {
  1842. font-size: 1.5rem;
  1843. }
  1844. .select.is-fullwidth {
  1845. width: 100%;
  1846. }
  1847. .select.is-fullwidth select {
  1848. width: 100%;
  1849. }
  1850. .label {
  1851. color: #363636;
  1852. display: block;
  1853. font-size: 1rem;
  1854. font-weight: 700;
  1855. }
  1856. .label:not(:last-child) {
  1857. margin-bottom: 0.5em;
  1858. }
  1859. .help {
  1860. display: block;
  1861. font-size: 0.75rem;
  1862. margin-top: 0.25rem;
  1863. }
  1864. .help.is-white {
  1865. color: white;
  1866. }
  1867. .help.is-black {
  1868. color: #0a0a0a;
  1869. }
  1870. .help.is-light {
  1871. color: whitesmoke;
  1872. }
  1873. .help.is-dark {
  1874. color: #363636;
  1875. }
  1876. .help.is-primary {
  1877. color: #00d1b2;
  1878. }
  1879. .help.is-info {
  1880. color: #3273dc;
  1881. }
  1882. .help.is-success {
  1883. color: #23d160;
  1884. }
  1885. .help.is-warning {
  1886. color: #ffdd57;
  1887. }
  1888. .help.is-danger {
  1889. color: #ff3860;
  1890. }
  1891. .select select {
  1892. line-height: 1;
  1893. }
  1894. .field:not(:last-child) {
  1895. margin-bottom: 0.75rem;
  1896. }
  1897. .field.has-addons {
  1898. display: -webkit-box;
  1899. display: -ms-flexbox;
  1900. display: flex;
  1901. -webkit-box-pack: start;
  1902. -ms-flex-pack: start;
  1903. justify-content: flex-start;
  1904. }
  1905. .field.has-addons .control {
  1906. margin-right: -1px;
  1907. }
  1908. .field.has-addons .control:first-child .button,
  1909. .field.has-addons .control:first-child .input,
  1910. .field.has-addons .control:first-child .select select {
  1911. border-bottom-left-radius: 3px;
  1912. border-top-left-radius: 3px;
  1913. }
  1914. .field.has-addons .control:last-child .button,
  1915. .field.has-addons .control:last-child .input,
  1916. .field.has-addons .control:last-child .select select {
  1917. border-bottom-right-radius: 3px;
  1918. border-top-right-radius: 3px;
  1919. }
  1920. .field.has-addons .control .button,
  1921. .field.has-addons .control .input,
  1922. .field.has-addons .control .select select {
  1923. border-radius: 0;
  1924. }
  1925. .field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered,
  1926. .field.has-addons .control .input:hover,
  1927. .field.has-addons .control .input.is-hovered,
  1928. .field.has-addons .control .select select:hover,
  1929. .field.has-addons .control .select select.is-hovered {
  1930. z-index: 2;
  1931. }
  1932. .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,
  1933. .field.has-addons .control .input:focus,
  1934. .field.has-addons .control .input.is-focused,
  1935. .field.has-addons .control .input:active,
  1936. .field.has-addons .control .input.is-active,
  1937. .field.has-addons .control .select select:focus,
  1938. .field.has-addons .control .select select.is-focused,
  1939. .field.has-addons .control .select select:active,
  1940. .field.has-addons .control .select select.is-active {
  1941. z-index: 3;
  1942. }
  1943. .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,
  1944. .field.has-addons .control .input:focus:hover,
  1945. .field.has-addons .control .input.is-focused:hover,
  1946. .field.has-addons .control .input:active:hover,
  1947. .field.has-addons .control .input.is-active:hover,
  1948. .field.has-addons .control .select select:focus:hover,
  1949. .field.has-addons .control .select select.is-focused:hover,
  1950. .field.has-addons .control .select select:active:hover,
  1951. .field.has-addons .control .select select.is-active:hover {
  1952. z-index: 4;
  1953. }
  1954. .field.has-addons .control.is-expanded {
  1955. -webkit-box-flex: 1;
  1956. -ms-flex-positive: 1;
  1957. flex-grow: 1;
  1958. -ms-flex-negative: 0;
  1959. flex-shrink: 0;
  1960. }
  1961. .field.has-addons.has-addons-centered {
  1962. -webkit-box-pack: center;
  1963. -ms-flex-pack: center;
  1964. justify-content: center;
  1965. }
  1966. .field.has-addons.has-addons-right {
  1967. -webkit-box-pack: end;
  1968. -ms-flex-pack: end;
  1969. justify-content: flex-end;
  1970. }
  1971. .field.has-addons.has-addons-fullwidth .control {
  1972. -webkit-box-flex: 1;
  1973. -ms-flex-positive: 1;
  1974. flex-grow: 1;
  1975. -ms-flex-negative: 0;
  1976. flex-shrink: 0;
  1977. }
  1978. .field.is-grouped {
  1979. display: -webkit-box;
  1980. display: -ms-flexbox;
  1981. display: flex;
  1982. -webkit-box-pack: start;
  1983. -ms-flex-pack: start;
  1984. justify-content: flex-start;
  1985. }
  1986. .field.is-grouped > .control {
  1987. -ms-flex-preferred-size: 0;
  1988. flex-basis: 0;
  1989. -ms-flex-negative: 0;
  1990. flex-shrink: 0;
  1991. }
  1992. .field.is-grouped > .control:not(:last-child) {
  1993. margin-bottom: 0;
  1994. margin-right: 0.75rem;
  1995. }
  1996. .field.is-grouped > .control.is-expanded {
  1997. -webkit-box-flex: 1;
  1998. -ms-flex-positive: 1;
  1999. flex-grow: 1;
  2000. -ms-flex-negative: 1;
  2001. flex-shrink: 1;
  2002. }
  2003. .field.is-grouped.is-grouped-centered {
  2004. -webkit-box-pack: center;
  2005. -ms-flex-pack: center;
  2006. justify-content: center;
  2007. }
  2008. .field.is-grouped.is-grouped-right {
  2009. -webkit-box-pack: end;
  2010. -ms-flex-pack: end;
  2011. justify-content: flex-end;
  2012. }
  2013. @media screen and (min-width: 769px), print {
  2014. .field.is-horizontal {
  2015. display: -webkit-box;
  2016. display: -ms-flexbox;
  2017. display: flex;
  2018. }
  2019. }
  2020. .field-label .label {
  2021. font-size: inherit;
  2022. }
  2023. @media screen and (max-width: 768px) {
  2024. .field-label {
  2025. margin-bottom: 0.5rem;
  2026. }
  2027. }
  2028. @media screen and (min-width: 769px), print {
  2029. .field-label {
  2030. -ms-flex-preferred-size: 0;
  2031. flex-basis: 0;
  2032. -webkit-box-flex: 1;
  2033. -ms-flex-positive: 1;
  2034. flex-grow: 1;
  2035. -ms-flex-negative: 0;
  2036. flex-shrink: 0;
  2037. margin-right: 1.5rem;
  2038. text-align: right;
  2039. }
  2040. .field-label.is-small {
  2041. font-size: 0.75rem;
  2042. padding-top: 0.375em;
  2043. }
  2044. .field-label.is-normal {
  2045. padding-top: 0.375em;
  2046. }
  2047. .field-label.is-medium {
  2048. font-size: 1.25rem;
  2049. padding-top: 0.375em;
  2050. }
  2051. .field-label.is-large {
  2052. font-size: 1.5rem;
  2053. padding-top: 0.375em;
  2054. }
  2055. }
  2056. @media screen and (min-width: 769px), print {
  2057. .field-body {
  2058. display: -webkit-box;
  2059. display: -ms-flexbox;
  2060. display: flex;
  2061. -ms-flex-preferred-size: 0;
  2062. flex-basis: 0;
  2063. -webkit-box-flex: 5;
  2064. -ms-flex-positive: 5;
  2065. flex-grow: 5;
  2066. -ms-flex-negative: 1;
  2067. flex-shrink: 1;
  2068. }
  2069. .field-body .field {
  2070. -ms-flex-negative: 1;
  2071. flex-shrink: 1;
  2072. }
  2073. .field-body .field:not(.is-narrow) {
  2074. -webkit-box-flex: 1;
  2075. -ms-flex-positive: 1;
  2076. flex-grow: 1;
  2077. }
  2078. .field-body .field:not(:last-child) {
  2079. margin-bottom: 0;
  2080. margin-right: 0.75rem;
  2081. }
  2082. }
  2083. .control {
  2084. font-size: 1rem;
  2085. position: relative;
  2086. text-align: left;
  2087. }
  2088. .control.has-icon .icon {
  2089. color: #dbdbdb;
  2090. height: 2.25em;
  2091. pointer-events: none;
  2092. position: absolute;
  2093. top: 0;
  2094. width: 2.25em;
  2095. z-index: 4;
  2096. }
  2097. .control.has-icon .input:focus + .icon {
  2098. color: #7a7a7a;
  2099. }
  2100. .control.has-icon .input.is-small + .icon {
  2101. font-size: 0.75rem;
  2102. }
  2103. .control.has-icon .input.is-medium + .icon {
  2104. font-size: 1.25rem;
  2105. }
  2106. .control.has-icon .input.is-large + .icon {
  2107. font-size: 1.5rem;
  2108. }
  2109. .control.has-icon:not(.has-icon-right) .icon {
  2110. left: 0;
  2111. }
  2112. .control.has-icon:not(.has-icon-right) .input {
  2113. padding-left: 2.25em;
  2114. }
  2115. .control.has-icon.has-icon-right .icon {
  2116. right: 0;
  2117. }
  2118. .control.has-icon.has-icon-right .input {
  2119. padding-right: 2.25em;
  2120. }
  2121. .control.is-loading:after {
  2122. -webkit-animation: spinAround 500ms infinite linear;
  2123. animation: spinAround 500ms infinite linear;
  2124. border: 2px solid #dbdbdb;
  2125. border-radius: 290486px;
  2126. border-right-color: transparent;
  2127. border-top-color: transparent;
  2128. content: "";
  2129. display: block;
  2130. height: 1em;
  2131. position: relative;
  2132. width: 1em;
  2133. position: absolute !important;
  2134. right: 0.625em;
  2135. top: 0.625em;
  2136. }
  2137. .icon {
  2138. -webkit-box-align: center;
  2139. -ms-flex-align: center;
  2140. align-items: center;
  2141. display: -webkit-inline-box;
  2142. display: -ms-inline-flexbox;
  2143. display: inline-flex;
  2144. -webkit-box-pack: center;
  2145. -ms-flex-pack: center;
  2146. justify-content: center;
  2147. height: 1.5rem;
  2148. vertical-align: top;
  2149. width: 1.5rem;
  2150. }
  2151. .icon .fa {
  2152. font-size: 21px;
  2153. }
  2154. .icon.is-small {
  2155. height: 1rem;
  2156. width: 1rem;
  2157. }
  2158. .icon.is-small .fa {
  2159. font-size: 14px;
  2160. }
  2161. .icon.is-medium {
  2162. height: 2rem;
  2163. width: 2rem;
  2164. }
  2165. .icon.is-medium .fa {
  2166. font-size: 28px;
  2167. }
  2168. .icon.is-large {
  2169. height: 3rem;
  2170. width: 3rem;
  2171. }
  2172. .icon.is-large .fa {
  2173. font-size: 42px;
  2174. }
  2175. .image {
  2176. display: block;
  2177. position: relative;
  2178. }
  2179. .image img {
  2180. display: block;
  2181. height: auto;
  2182. width: 100%;
  2183. }
  2184. .image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img {
  2185. bottom: 0;
  2186. left: 0;
  2187. position: absolute;
  2188. right: 0;
  2189. top: 0;
  2190. height: 100%;
  2191. width: 100%;
  2192. }
  2193. .image.is-square, .image.is-1by1 {
  2194. padding-top: 100%;
  2195. }
  2196. .image.is-4by3 {
  2197. padding-top: 75%;
  2198. }
  2199. .image.is-3by2 {
  2200. padding-top: 66.6666%;
  2201. }
  2202. .image.is-16by9 {
  2203. padding-top: 56.25%;
  2204. }
  2205. .image.is-2by1 {
  2206. padding-top: 50%;
  2207. }
  2208. .image.is-16x16 {
  2209. height: 16px;
  2210. width: 16px;
  2211. }
  2212. .image.is-24x24 {
  2213. height: 24px;
  2214. width: 24px;
  2215. }
  2216. .image.is-32x32 {
  2217. height: 32px;
  2218. width: 32px;
  2219. }
  2220. .image.is-48x48 {
  2221. height: 48px;
  2222. width: 48px;
  2223. }
  2224. .image.is-64x64 {
  2225. height: 64px;
  2226. width: 64px;
  2227. }
  2228. .image.is-96x96 {
  2229. height: 96px;
  2230. width: 96px;
  2231. }
  2232. .image.is-128x128 {
  2233. height: 128px;
  2234. width: 128px;
  2235. }
  2236. .notification {
  2237. background-color: whitesmoke;
  2238. border-radius: 3px;
  2239. padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  2240. position: relative;
  2241. }
  2242. .notification:not(:last-child) {
  2243. margin-bottom: 1.5rem;
  2244. }
  2245. .notification a:not(.button) {
  2246. color: currentColor;
  2247. text-decoration: underline;
  2248. }
  2249. .notification code,
  2250. .notification pre {
  2251. background: white;
  2252. }
  2253. .notification pre code {
  2254. background: transparent;
  2255. }
  2256. .notification > .delete {
  2257. position: absolute;
  2258. right: 0.5em;
  2259. top: 0.5em;
  2260. }
  2261. .notification .title,
  2262. .notification .subtitle,
  2263. .notification .content {
  2264. color: inherit;
  2265. }
  2266. .notification.is-white {
  2267. background-color: white;
  2268. color: #0a0a0a;
  2269. }
  2270. .notification.is-black {
  2271. background-color: #0a0a0a;
  2272. color: white;
  2273. }
  2274. .notification.is-light {
  2275. background-color: whitesmoke;
  2276. color: #363636;
  2277. }
  2278. .notification.is-dark {
  2279. background-color: #363636;
  2280. color: whitesmoke;
  2281. }
  2282. .notification.is-primary {
  2283. background-color: #00d1b2;
  2284. color: #fff;
  2285. }
  2286. .notification.is-info {
  2287. background-color: #3273dc;
  2288. color: #fff;
  2289. }
  2290. .notification.is-success {
  2291. background-color: #23d160;
  2292. color: #fff;
  2293. }
  2294. .notification.is-warning {
  2295. background-color: #ffdd57;
  2296. color: rgba(0, 0, 0, 0.7);
  2297. }
  2298. .notification.is-danger {
  2299. background-color: #ff3860;
  2300. color: #fff;
  2301. }
  2302. .progress {
  2303. -moz-appearance: none;
  2304. -webkit-appearance: none;
  2305. border: none;
  2306. border-radius: 290486px;
  2307. display: block;
  2308. height: 1rem;
  2309. overflow: hidden;
  2310. padding: 0;
  2311. width: 100%;
  2312. }
  2313. .progress:not(:last-child) {
  2314. margin-bottom: 1.5rem;
  2315. }
  2316. .progress::-webkit-progress-bar {
  2317. background-color: #dbdbdb;
  2318. }
  2319. .progress::-webkit-progress-value {
  2320. background-color: #4a4a4a;
  2321. }
  2322. .progress::-moz-progress-bar {
  2323. background-color: #4a4a4a;
  2324. }
  2325. .progress.is-white::-webkit-progress-value {
  2326. background-color: white;
  2327. }
  2328. .progress.is-white::-moz-progress-bar {
  2329. background-color: white;
  2330. }
  2331. .progress.is-black::-webkit-progress-value {
  2332. background-color: #0a0a0a;
  2333. }
  2334. .progress.is-black::-moz-progress-bar {
  2335. background-color: #0a0a0a;
  2336. }
  2337. .progress.is-light::-webkit-progress-value {
  2338. background-color: whitesmoke;
  2339. }
  2340. .progress.is-light::-moz-progress-bar {
  2341. background-color: whitesmoke;
  2342. }
  2343. .progress.is-dark::-webkit-progress-value {
  2344. background-color: #363636;
  2345. }
  2346. .progress.is-dark::-moz-progress-bar {
  2347. background-color: #363636;
  2348. }
  2349. .progress.is-primary::-webkit-progress-value {
  2350. background-color: #00d1b2;
  2351. }
  2352. .progress.is-primary::-moz-progress-bar {
  2353. background-color: #00d1b2;
  2354. }
  2355. .progress.is-info::-webkit-progress-value {
  2356. background-color: #3273dc;
  2357. }
  2358. .progress.is-info::-moz-progress-bar {
  2359. background-color: #3273dc;
  2360. }
  2361. .progress.is-success::-webkit-progress-value {
  2362. background-color: #23d160;
  2363. }
  2364. .progress.is-success::-moz-progress-bar {
  2365. background-color: #23d160;
  2366. }
  2367. .progress.is-warning::-webkit-progress-value {
  2368. background-color: #ffdd57;
  2369. }
  2370. .progress.is-warning::-moz-progress-bar {
  2371. background-color: #ffdd57;
  2372. }
  2373. .progress.is-danger::-webkit-progress-value {
  2374. background-color: #ff3860;
  2375. }
  2376. .progress.is-danger::-moz-progress-bar {
  2377. background-color: #ff3860;
  2378. }
  2379. .progress.is-small {
  2380. height: 0.75rem;
  2381. }
  2382. .progress.is-medium {
  2383. height: 1.25rem;
  2384. }
  2385. .progress.is-large {
  2386. height: 1.5rem;
  2387. }
  2388. .table {
  2389. background-color: white;
  2390. color: #363636;
  2391. margin-bottom: 1.5rem;
  2392. width: 100%;
  2393. }
  2394. .table td,
  2395. .table th {
  2396. border: 1px solid #dbdbdb;
  2397. border-width: 0 0 1px;
  2398. padding: 0.5em 0.75em;
  2399. vertical-align: top;
  2400. }
  2401. .table td.is-narrow,
  2402. .table th.is-narrow {
  2403. white-space: nowrap;
  2404. width: 1%;
  2405. }
  2406. .table th {
  2407. color: #363636;
  2408. text-align: left;
  2409. }
  2410. .table tr:hover {
  2411. background-color: #fafafa;
  2412. }
  2413. .table thead td,
  2414. .table thead th {
  2415. border-width: 0 0 2px;
  2416. color: #7a7a7a;
  2417. }
  2418. .table tfoot td,
  2419. .table tfoot th {
  2420. border-width: 2px 0 0;
  2421. color: #7a7a7a;
  2422. }
  2423. .table tbody tr:last-child td,
  2424. .table tbody tr:last-child th {
  2425. border-bottom-width: 0;
  2426. }
  2427. .table.is-bordered td,
  2428. .table.is-bordered th {
  2429. border-width: 1px;
  2430. }
  2431. .table.is-bordered tr:last-child td,
  2432. .table.is-bordered tr:last-child th {
  2433. border-bottom-width: 1px;
  2434. }
  2435. .table.is-narrow td,
  2436. .table.is-narrow th {
  2437. padding: 0.25em 0.5em;
  2438. }
  2439. .table.is-striped tbody tr:nth-child(even) {
  2440. background-color: #fafafa;
  2441. }
  2442. .table.is-striped tbody tr:nth-child(even):hover {
  2443. background-color: whitesmoke;
  2444. }
  2445. .tag {
  2446. -webkit-box-align: center;
  2447. -ms-flex-align: center;
  2448. align-items: center;
  2449. background-color: whitesmoke;
  2450. border-radius: 290486px;
  2451. color: #4a4a4a;
  2452. display: -webkit-inline-box;
  2453. display: -ms-inline-flexbox;
  2454. display: inline-flex;
  2455. font-size: 0.75rem;
  2456. height: 2em;
  2457. -webkit-box-pack: center;
  2458. -ms-flex-pack: center;
  2459. justify-content: center;
  2460. line-height: 1.5;
  2461. padding-left: 0.875em;
  2462. padding-right: 0.875em;
  2463. vertical-align: top;
  2464. white-space: nowrap;
  2465. }
  2466. .tag .delete {
  2467. margin-left: 0.25em;
  2468. margin-right: -0.375em;
  2469. }
  2470. .tag.is-white {
  2471. background-color: white;
  2472. color: #0a0a0a;
  2473. }
  2474. .tag.is-black {
  2475. background-color: #0a0a0a;
  2476. color: white;
  2477. }
  2478. .tag.is-light {
  2479. background-color: whitesmoke;
  2480. color: #363636;
  2481. }
  2482. .tag.is-dark {
  2483. background-color: #363636;
  2484. color: whitesmoke;
  2485. }
  2486. .tag.is-primary {
  2487. background-color: #00d1b2;
  2488. color: #fff;
  2489. }
  2490. .tag.is-info {
  2491. background-color: #3273dc;
  2492. color: #fff;
  2493. }
  2494. .tag.is-success {
  2495. background-color: #23d160;
  2496. color: #fff;
  2497. }
  2498. .tag.is-warning {
  2499. background-color: #ffdd57;
  2500. color: rgba(0, 0, 0, 0.7);
  2501. }
  2502. .tag.is-danger {
  2503. background-color: #ff3860;
  2504. color: #fff;
  2505. }
  2506. .tag.is-medium {
  2507. font-size: 1rem;
  2508. }
  2509. .tag.is-large {
  2510. font-size: 1.25rem;
  2511. }
  2512. .title,
  2513. .subtitle {
  2514. word-break: break-word;
  2515. }
  2516. .title:not(:last-child),
  2517. .subtitle:not(:last-child) {
  2518. margin-bottom: 1.5rem;
  2519. }
  2520. .title em,
  2521. .title span,
  2522. .subtitle em,
  2523. .subtitle span {
  2524. font-weight: 300;
  2525. }
  2526. .title strong,
  2527. .subtitle strong {
  2528. font-weight: 500;
  2529. }
  2530. .title .tag,
  2531. .subtitle .tag {
  2532. vertical-align: middle;
  2533. }
  2534. .title {
  2535. color: #363636;
  2536. font-size: 2rem;
  2537. font-weight: 300;
  2538. line-height: 1.125;
  2539. }
  2540. .title strong {
  2541. color: inherit;
  2542. }
  2543. .title + .highlight {
  2544. margin-top: -0.75rem;
  2545. }
  2546. .title:not(.is-spaced) + .subtitle {
  2547. margin-top: -1.5rem;
  2548. }
  2549. .title.is-1 {
  2550. font-size: 3rem;
  2551. }
  2552. .title.is-2 {
  2553. font-size: 2.5rem;
  2554. }
  2555. .title.is-3 {
  2556. font-size: 2rem;
  2557. }
  2558. .title.is-4 {
  2559. font-size: 1.5rem;
  2560. }
  2561. .title.is-5 {
  2562. font-size: 1.25rem;
  2563. }
  2564. .title.is-6 {
  2565. font-size: 1rem;
  2566. }
  2567. .subtitle {
  2568. color: #4a4a4a;
  2569. font-size: 1.25rem;
  2570. font-weight: 300;
  2571. line-height: 1.25;
  2572. }
  2573. .subtitle strong {
  2574. color: #363636;
  2575. }
  2576. .subtitle:not(.is-spaced) + .title {
  2577. margin-top: -1.5rem;
  2578. }
  2579. .subtitle.is-1 {
  2580. font-size: 3rem;
  2581. }
  2582. .subtitle.is-2 {
  2583. font-size: 2.5rem;
  2584. }
  2585. .subtitle.is-3 {
  2586. font-size: 2rem;
  2587. }
  2588. .subtitle.is-4 {
  2589. font-size: 1.5rem;
  2590. }
  2591. .subtitle.is-5 {
  2592. font-size: 1.25rem;
  2593. }
  2594. .subtitle.is-6 {
  2595. font-size: 1rem;
  2596. }
  2597. .block:not(:last-child) {
  2598. margin-bottom: 1.5rem;
  2599. }
  2600. .container {
  2601. position: relative;
  2602. }
  2603. @media screen and (min-width: 1000px) {
  2604. .container {
  2605. margin: 0 auto;
  2606. max-width: 960px;
  2607. width: 960px;
  2608. }
  2609. .container.is-fluid {
  2610. margin: 0 20px;
  2611. max-width: none;
  2612. width: auto;
  2613. }
  2614. }
  2615. @media screen and (min-width: 1192px) {
  2616. .container {
  2617. max-width: 1152px;
  2618. width: 1152px;
  2619. }
  2620. }
  2621. @media screen and (min-width: 1384px) {
  2622. .container {
  2623. max-width: 1344px;
  2624. width: 1344px;
  2625. }
  2626. }
  2627. .delete {
  2628. -webkit-touch-callout: none;
  2629. -webkit-user-select: none;
  2630. -moz-user-select: none;
  2631. -ms-user-select: none;
  2632. user-select: none;
  2633. -moz-appearance: none;
  2634. -webkit-appearance: none;
  2635. background-color: rgba(10, 10, 10, 0.2);
  2636. border: none;
  2637. border-radius: 290486px;
  2638. cursor: pointer;
  2639. display: inline-block;
  2640. font-size: 1rem;
  2641. height: 20px;
  2642. outline: none;
  2643. position: relative;
  2644. vertical-align: top;
  2645. width: 20px;
  2646. }
  2647. .delete:before, .delete:after {
  2648. background-color: white;
  2649. content: "";
  2650. display: block;
  2651. left: 50%;
  2652. position: absolute;
  2653. top: 50%;
  2654. -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  2655. transform: translateX(-50%) translateY(-50%) rotate(45deg);
  2656. -webkit-transform-origin: center center;
  2657. transform-origin: center center;
  2658. }
  2659. .delete:before {
  2660. height: 2px;
  2661. width: 50%;
  2662. }
  2663. .delete:after {
  2664. height: 50%;
  2665. width: 2px;
  2666. }
  2667. .delete:hover, .delete:focus {
  2668. background-color: rgba(10, 10, 10, 0.3);
  2669. }
  2670. .delete:active {
  2671. background-color: rgba(10, 10, 10, 0.4);
  2672. }
  2673. .delete.is-small {
  2674. height: 16px;
  2675. width: 16px;
  2676. }
  2677. .delete.is-medium {
  2678. height: 24px;
  2679. width: 24px;
  2680. }
  2681. .delete.is-large {
  2682. height: 32px;
  2683. width: 32px;
  2684. }
  2685. .fa {
  2686. font-size: 21px;
  2687. text-align: center;
  2688. vertical-align: top;
  2689. }
  2690. .heading {
  2691. display: block;
  2692. font-size: 11px;
  2693. letter-spacing: 1px;
  2694. margin-bottom: 5px;
  2695. text-transform: uppercase;
  2696. }
  2697. .highlight {
  2698. font-weight: 400;
  2699. max-width: 100%;
  2700. overflow: hidden;
  2701. padding: 0;
  2702. }
  2703. .highlight:not(:last-child) {
  2704. margin-bottom: 1.5rem;
  2705. }
  2706. .highlight pre {
  2707. overflow: auto;
  2708. max-width: 100%;
  2709. }
  2710. .loader {
  2711. -webkit-animation: spinAround 500ms infinite linear;
  2712. animation: spinAround 500ms infinite linear;
  2713. border: 2px solid #dbdbdb;
  2714. border-radius: 290486px;
  2715. border-right-color: transparent;
  2716. border-top-color: transparent;
  2717. content: "";
  2718. display: block;
  2719. height: 1em;
  2720. position: relative;
  2721. width: 1em;
  2722. }
  2723. .number {
  2724. -webkit-box-align: center;
  2725. -ms-flex-align: center;
  2726. align-items: center;
  2727. background-color: whitesmoke;
  2728. border-radius: 290486px;
  2729. display: -webkit-inline-box;
  2730. display: -ms-inline-flexbox;
  2731. display: inline-flex;
  2732. font-size: 1.25rem;
  2733. height: 2em;
  2734. -webkit-box-pack: center;
  2735. -ms-flex-pack: center;
  2736. justify-content: center;
  2737. margin-right: 1.5rem;
  2738. min-width: 2.5em;
  2739. padding: 0.25rem 0.5rem;
  2740. text-align: center;
  2741. vertical-align: top;
  2742. }
  2743. .card-header {
  2744. -webkit-box-align: stretch;
  2745. -ms-flex-align: stretch;
  2746. align-items: stretch;
  2747. box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
  2748. display: -webkit-box;
  2749. display: -ms-flexbox;
  2750. display: flex;
  2751. }
  2752. .card-header-title {
  2753. -webkit-box-align: center;
  2754. -ms-flex-align: center;
  2755. align-items: center;
  2756. color: #363636;
  2757. display: -webkit-box;
  2758. display: -ms-flexbox;
  2759. display: flex;
  2760. -webkit-box-flex: 1;
  2761. -ms-flex-positive: 1;
  2762. flex-grow: 1;
  2763. font-weight: 700;
  2764. padding: 0.75rem;
  2765. }
  2766. .card-header-icon {
  2767. -webkit-box-align: center;
  2768. -ms-flex-align: center;
  2769. align-items: center;
  2770. cursor: pointer;
  2771. display: -webkit-box;
  2772. display: -ms-flexbox;
  2773. display: flex;
  2774. -webkit-box-pack: center;
  2775. -ms-flex-pack: center;
  2776. justify-content: center;
  2777. padding: 0.75rem;
  2778. }
  2779. .card-image {
  2780. display: block;
  2781. position: relative;
  2782. }
  2783. .card-content {
  2784. padding: 1.5rem;
  2785. }
  2786. .card-footer {
  2787. border-top: 1px solid #dbdbdb;
  2788. -webkit-box-align: stretch;
  2789. -ms-flex-align: stretch;
  2790. align-items: stretch;
  2791. display: -webkit-box;
  2792. display: -ms-flexbox;
  2793. display: flex;
  2794. }
  2795. .card-footer-item {
  2796. -webkit-box-align: center;
  2797. -ms-flex-align: center;
  2798. align-items: center;
  2799. display: -webkit-box;
  2800. display: -ms-flexbox;
  2801. display: flex;
  2802. -ms-flex-preferred-size: 0;
  2803. flex-basis: 0;
  2804. -webkit-box-flex: 1;
  2805. -ms-flex-positive: 1;
  2806. flex-grow: 1;
  2807. -ms-flex-negative: 0;
  2808. flex-shrink: 0;
  2809. -webkit-box-pack: center;
  2810. -ms-flex-pack: center;
  2811. justify-content: center;
  2812. padding: 0.75rem;
  2813. }
  2814. .card-footer-item:not(:last-child) {
  2815. border-right: 1px solid #dbdbdb;
  2816. }
  2817. .card {
  2818. background-color: white;
  2819. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  2820. color: #4a4a4a;
  2821. max-width: 100%;
  2822. position: relative;
  2823. }
  2824. .card .media:not(:last-child) {
  2825. margin-bottom: 0.75rem;
  2826. }
  2827. .level-item {
  2828. -webkit-box-align: center;
  2829. -ms-flex-align: center;
  2830. align-items: center;
  2831. display: -webkit-box;
  2832. display: -ms-flexbox;
  2833. display: flex;
  2834. -ms-flex-preferred-size: auto;
  2835. flex-basis: auto;
  2836. -webkit-box-flex: 0;
  2837. -ms-flex-positive: 0;
  2838. flex-grow: 0;
  2839. -ms-flex-negative: 0;
  2840. flex-shrink: 0;
  2841. -webkit-box-pack: center;
  2842. -ms-flex-pack: center;
  2843. justify-content: center;
  2844. }
  2845. .level-item .title,
  2846. .level-item .subtitle {
  2847. margin-bottom: 0;
  2848. }
  2849. @media screen and (max-width: 768px) {
  2850. .level-item:not(:last-child) {
  2851. margin-bottom: 0.75rem;
  2852. }
  2853. }
  2854. .level-left,
  2855. .level-right {
  2856. -ms-flex-preferred-size: auto;
  2857. flex-basis: auto;
  2858. -webkit-box-flex: 0;
  2859. -ms-flex-positive: 0;
  2860. flex-grow: 0;
  2861. -ms-flex-negative: 0;
  2862. flex-shrink: 0;
  2863. }
  2864. .level-left .level-item:not(:last-child),
  2865. .level-right .level-item:not(:last-child) {
  2866. margin-right: 0.75rem;
  2867. }
  2868. .level-left .level-item.is-flexible,
  2869. .level-right .level-item.is-flexible {
  2870. -webkit-box-flex: 1;
  2871. -ms-flex-positive: 1;
  2872. flex-grow: 1;
  2873. }
  2874. .level-left {
  2875. -webkit-box-align: center;
  2876. -ms-flex-align: center;
  2877. align-items: center;
  2878. -webkit-box-pack: start;
  2879. -ms-flex-pack: start;
  2880. justify-content: flex-start;
  2881. }
  2882. @media screen and (max-width: 768px) {
  2883. .level-left + .level-right {
  2884. margin-top: 1.5rem;
  2885. }
  2886. }
  2887. @media screen and (min-width: 769px), print {
  2888. .level-left {
  2889. display: -webkit-box;
  2890. display: -ms-flexbox;
  2891. display: flex;
  2892. }
  2893. }
  2894. .level-right {
  2895. -webkit-box-align: center;
  2896. -ms-flex-align: center;
  2897. align-items: center;
  2898. -webkit-box-pack: end;
  2899. -ms-flex-pack: end;
  2900. justify-content: flex-end;
  2901. }
  2902. @media screen and (min-width: 769px), print {
  2903. .level-right {
  2904. display: -webkit-box;
  2905. display: -ms-flexbox;
  2906. display: flex;
  2907. }
  2908. }
  2909. .level {
  2910. -webkit-box-align: center;
  2911. -ms-flex-align: center;
  2912. align-items: center;
  2913. -webkit-box-pack: justify;
  2914. -ms-flex-pack: justify;
  2915. justify-content: space-between;
  2916. }
  2917. .level:not(:last-child) {
  2918. margin-bottom: 1.5rem;
  2919. }
  2920. .level code {
  2921. border-radius: 3px;
  2922. }
  2923. .level img {
  2924. display: inline-block;
  2925. vertical-align: top;
  2926. }
  2927. .level.is-mobile {
  2928. display: -webkit-box;
  2929. display: -ms-flexbox;
  2930. display: flex;
  2931. }
  2932. .level.is-mobile .level-left,
  2933. .level.is-mobile .level-right {
  2934. display: -webkit-box;
  2935. display: -ms-flexbox;
  2936. display: flex;
  2937. }
  2938. .level.is-mobile .level-left + .level-right {
  2939. margin-top: 0;
  2940. }
  2941. .level.is-mobile .level-item:not(:last-child) {
  2942. margin-bottom: 0;
  2943. }
  2944. .level.is-mobile .level-item:not(.is-narrow) {
  2945. -webkit-box-flex: 1;
  2946. -ms-flex-positive: 1;
  2947. flex-grow: 1;
  2948. }
  2949. @media screen and (min-width: 769px), print {
  2950. .level {
  2951. display: -webkit-box;
  2952. display: -ms-flexbox;
  2953. display: flex;
  2954. }
  2955. .level > .level-item:not(.is-narrow) {
  2956. -webkit-box-flex: 1;
  2957. -ms-flex-positive: 1;
  2958. flex-grow: 1;
  2959. }
  2960. }
  2961. .media-left,
  2962. .media-right {
  2963. -ms-flex-preferred-size: auto;
  2964. flex-basis: auto;
  2965. -webkit-box-flex: 0;
  2966. -ms-flex-positive: 0;
  2967. flex-grow: 0;
  2968. -ms-flex-negative: 0;
  2969. flex-shrink: 0;
  2970. }
  2971. .media-left {
  2972. margin-right: 1rem;
  2973. }
  2974. .media-right {
  2975. margin-left: 1rem;
  2976. }
  2977. .media-content {
  2978. -ms-flex-preferred-size: auto;
  2979. flex-basis: auto;
  2980. -webkit-box-flex: 1;
  2981. -ms-flex-positive: 1;
  2982. flex-grow: 1;
  2983. -ms-flex-negative: 1;
  2984. flex-shrink: 1;
  2985. text-align: left;
  2986. }
  2987. .media {
  2988. -webkit-box-align: start;
  2989. -ms-flex-align: start;
  2990. align-items: flex-start;
  2991. display: -webkit-box;
  2992. display: -ms-flexbox;
  2993. display: flex;
  2994. text-align: left;
  2995. }
  2996. .media .content:not(:last-child) {
  2997. margin-bottom: 0.75rem;
  2998. }
  2999. .media .media {
  3000. border-top: 1px solid rgba(219, 219, 219, 0.5);
  3001. display: -webkit-box;
  3002. display: -ms-flexbox;
  3003. display: flex;
  3004. padding-top: 0.75rem;
  3005. }
  3006. .media .media .content:not(:last-child),
  3007. .media .media .control:not(:last-child) {
  3008. margin-bottom: 0.5rem;
  3009. }
  3010. .media .media .media {
  3011. padding-top: 0.5rem;
  3012. }
  3013. .media .media .media + .media {
  3014. margin-top: 0.5rem;
  3015. }
  3016. .media + .media {
  3017. border-top: 1px solid rgba(219, 219, 219, 0.5);
  3018. margin-top: 1rem;
  3019. padding-top: 1rem;
  3020. }
  3021. .media.is-large + .media {
  3022. margin-top: 1.5rem;
  3023. padding-top: 1.5rem;
  3024. }
  3025. .menu {
  3026. font-size: 1rem;
  3027. }
  3028. .menu-list {
  3029. line-height: 1.25;
  3030. }
  3031. .menu-list a {
  3032. border-radius: 2px;
  3033. color: #4a4a4a;
  3034. display: block;
  3035. padding: 0.5em 0.75em;
  3036. }
  3037. .menu-list a:hover {
  3038. background-color: whitesmoke;
  3039. color: #00d1b2;
  3040. }
  3041. .menu-list a.is-active {
  3042. background-color: #00d1b2;
  3043. color: #fff;
  3044. }
  3045. .menu-list li ul {
  3046. border-left: 1px solid #dbdbdb;
  3047. margin: 0.75em;
  3048. padding-left: 0.75em;
  3049. }
  3050. .menu-label {
  3051. color: #7a7a7a;
  3052. font-size: 0.8em;
  3053. letter-spacing: 0.1em;
  3054. text-transform: uppercase;
  3055. }
  3056. .menu-label:not(:first-child) {
  3057. margin-top: 1em;
  3058. }
  3059. .menu-label:not(:last-child) {
  3060. margin-bottom: 1em;
  3061. }
  3062. .message {
  3063. background-color: whitesmoke;
  3064. border-radius: 3px;
  3065. font-size: 1rem;
  3066. }
  3067. .message:not(:last-child) {
  3068. margin-bottom: 1.5rem;
  3069. }
  3070. .message.is-white {
  3071. background-color: white;
  3072. }
  3073. .message.is-white .message-header {
  3074. background-color: white;
  3075. color: #0a0a0a;
  3076. }
  3077. .message.is-white .message-body {
  3078. border-color: white;
  3079. color: #4d4d4d;
  3080. }
  3081. .message.is-black {
  3082. background-color: #fafafa;
  3083. }
  3084. .message.is-black .message-header {
  3085. background-color: #0a0a0a;
  3086. color: white;
  3087. }
  3088. .message.is-black .message-body {
  3089. border-color: #0a0a0a;
  3090. color: #090909;
  3091. }
  3092. .message.is-light {
  3093. background-color: #fafafa;
  3094. }
  3095. .message.is-light .message-header {
  3096. background-color: whitesmoke;
  3097. color: #363636;
  3098. }
  3099. .message.is-light .message-body {
  3100. border-color: whitesmoke;
  3101. color: #505050;
  3102. }
  3103. .message.is-dark {
  3104. background-color: #fafafa;
  3105. }
  3106. .message.is-dark .message-header {
  3107. background-color: #363636;
  3108. color: whitesmoke;
  3109. }
  3110. .message.is-dark .message-body {
  3111. border-color: #363636;
  3112. color: #2a2a2a;
  3113. }
  3114. .message.is-primary {
  3115. background-color: #f5fffd;
  3116. }
  3117. .message.is-primary .message-header {
  3118. background-color: #00d1b2;
  3119. color: #fff;
  3120. }
  3121. .message.is-primary .message-body {
  3122. border-color: #00d1b2;
  3123. color: #021310;
  3124. }
  3125. .message.is-info {
  3126. background-color: #f6f9fe;
  3127. }
  3128. .message.is-info .message-header {
  3129. background-color: #3273dc;
  3130. color: #fff;
  3131. }
  3132. .message.is-info .message-body {
  3133. border-color: #3273dc;
  3134. color: #22509a;
  3135. }
  3136. .message.is-success {
  3137. background-color: #f6fef9;
  3138. }
  3139. .message.is-success .message-header {
  3140. background-color: #23d160;
  3141. color: #fff;
  3142. }
  3143. .message.is-success .message-body {
  3144. border-color: #23d160;
  3145. color: #0e301a;
  3146. }
  3147. .message.is-warning {
  3148. background-color: #fffdf5;
  3149. }
  3150. .message.is-warning .message-header {
  3151. background-color: #ffdd57;
  3152. color: rgba(0, 0, 0, 0.7);
  3153. }
  3154. .message.is-warning .message-body {
  3155. border-color: #ffdd57;
  3156. color: #3b3108;
  3157. }
  3158. .message.is-danger {
  3159. background-color: #fff5f7;
  3160. }
  3161. .message.is-danger .message-header {
  3162. background-color: #ff3860;
  3163. color: #fff;
  3164. }
  3165. .message.is-danger .message-body {
  3166. border-color: #ff3860;
  3167. color: #cd0930;
  3168. }
  3169. .message-header {
  3170. -webkit-box-align: center;
  3171. -ms-flex-align: center;
  3172. align-items: center;
  3173. background-color: #4a4a4a;
  3174. border-radius: 3px 3px 0 0;
  3175. color: #fff;
  3176. display: -webkit-box;
  3177. display: -ms-flexbox;
  3178. display: flex;
  3179. -webkit-box-pack: justify;
  3180. -ms-flex-pack: justify;
  3181. justify-content: space-between;
  3182. line-height: 1.25;
  3183. padding: 0.5em 0.75em;
  3184. position: relative;
  3185. }
  3186. .message-header a,
  3187. .message-header strong {
  3188. color: inherit;
  3189. }
  3190. .message-header a {
  3191. text-decoration: underline;
  3192. }
  3193. .message-header .delete {
  3194. -webkit-box-flex: 0;
  3195. -ms-flex-positive: 0;
  3196. flex-grow: 0;
  3197. -ms-flex-negative: 0;
  3198. flex-shrink: 0;
  3199. margin-left: 0.75em;
  3200. }
  3201. .message-header + .message-body {
  3202. border-top-left-radius: 0;
  3203. border-top-right-radius: 0;
  3204. border-top: none;
  3205. }
  3206. .message-body {
  3207. border: 1px solid #dbdbdb;
  3208. border-radius: 3px;
  3209. color: #4a4a4a;
  3210. padding: 1em 1.25em;
  3211. }
  3212. .message-body a,
  3213. .message-body strong {
  3214. color: inherit;
  3215. }
  3216. .message-body a {
  3217. text-decoration: underline;
  3218. }
  3219. .message-body code,
  3220. .message-body pre {
  3221. background: white;
  3222. }
  3223. .message-body pre code {
  3224. background: transparent;
  3225. }
  3226. .modal-background {
  3227. bottom: 0;
  3228. left: 0;
  3229. position: absolute;
  3230. right: 0;
  3231. top: 0;
  3232. background-color: rgba(10, 10, 10, 0.86);
  3233. }
  3234. .modal-content,
  3235. .modal-card {
  3236. margin: 0 20px;
  3237. max-height: calc(100vh - 160px);
  3238. overflow: auto;
  3239. position: relative;
  3240. width: 100%;
  3241. }
  3242. @media screen and (min-width: 769px), print {
  3243. .modal-content,
  3244. .modal-card {
  3245. margin: 0 auto;
  3246. max-height: calc(100vh - 40px);
  3247. width: 640px;
  3248. }
  3249. }
  3250. .modal-close {
  3251. -webkit-touch-callout: none;
  3252. -webkit-user-select: none;
  3253. -moz-user-select: none;
  3254. -ms-user-select: none;
  3255. user-select: none;
  3256. -moz-appearance: none;
  3257. -webkit-appearance: none;
  3258. background-color: rgba(10, 10, 10, 0.2);
  3259. border: none;
  3260. border-radius: 290486px;
  3261. cursor: pointer;
  3262. display: inline-block;
  3263. font-size: 1rem;
  3264. height: 20px;
  3265. outline: none;
  3266. position: relative;
  3267. vertical-align: top;
  3268. width: 20px;
  3269. background: none;
  3270. height: 40px;
  3271. position: fixed;
  3272. right: 20px;
  3273. top: 20px;
  3274. width: 40px;
  3275. }
  3276. .modal-close:before, .modal-close:after {
  3277. background-color: white;
  3278. content: "";
  3279. display: block;
  3280. left: 50%;
  3281. position: absolute;
  3282. top: 50%;
  3283. -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  3284. transform: translateX(-50%) translateY(-50%) rotate(45deg);
  3285. -webkit-transform-origin: center center;
  3286. transform-origin: center center;
  3287. }
  3288. .modal-close:before {
  3289. height: 2px;
  3290. width: 50%;
  3291. }
  3292. .modal-close:after {
  3293. height: 50%;
  3294. width: 2px;
  3295. }
  3296. .modal-close:hover, .modal-close:focus {
  3297. background-color: rgba(10, 10, 10, 0.3);
  3298. }
  3299. .modal-close:active {
  3300. background-color: rgba(10, 10, 10, 0.4);
  3301. }
  3302. .modal-close.is-small {
  3303. height: 16px;
  3304. width: 16px;
  3305. }
  3306. .modal-close.is-medium {
  3307. height: 24px;
  3308. width: 24px;
  3309. }
  3310. .modal-close.is-large {
  3311. height: 32px;
  3312. width: 32px;
  3313. }
  3314. .modal-card {
  3315. display: -webkit-box;
  3316. display: -ms-flexbox;
  3317. display: flex;
  3318. -webkit-box-orient: vertical;
  3319. -webkit-box-direction: normal;
  3320. -ms-flex-direction: column;
  3321. flex-direction: column;
  3322. max-height: calc(100vh - 40px);
  3323. overflow: hidden;
  3324. }
  3325. .modal-card-head,
  3326. .modal-card-foot {
  3327. -webkit-box-align: center;
  3328. -ms-flex-align: center;
  3329. align-items: center;
  3330. background-color: whitesmoke;
  3331. display: -webkit-box;
  3332. display: -ms-flexbox;
  3333. display: flex;
  3334. -ms-flex-negative: 0;
  3335. flex-shrink: 0;
  3336. -webkit-box-pack: start;
  3337. -ms-flex-pack: start;
  3338. justify-content: flex-start;
  3339. padding: 20px;
  3340. position: relative;
  3341. }
  3342. .modal-card-head {
  3343. border-bottom: 1px solid #dbdbdb;
  3344. border-top-left-radius: 5px;
  3345. border-top-right-radius: 5px;
  3346. }
  3347. .modal-card-title {
  3348. color: #363636;
  3349. -webkit-box-flex: 1;
  3350. -ms-flex-positive: 1;
  3351. flex-grow: 1;
  3352. -ms-flex-negative: 0;
  3353. flex-shrink: 0;
  3354. font-size: 1.5rem;
  3355. line-height: 1;
  3356. }
  3357. .modal-card-foot {
  3358. border-bottom-left-radius: 5px;
  3359. border-bottom-right-radius: 5px;
  3360. border-top: 1px solid #dbdbdb;
  3361. }
  3362. .modal-card-foot .button:not(:last-child) {
  3363. margin-right: 10px;
  3364. }
  3365. .modal-card-body {
  3366. -webkit-overflow-scrolling: touch;
  3367. background-color: white;
  3368. -webkit-box-flex: 1;
  3369. -ms-flex-positive: 1;
  3370. flex-grow: 1;
  3371. -ms-flex-negative: 1;
  3372. flex-shrink: 1;
  3373. overflow: auto;
  3374. padding: 20px;
  3375. }
  3376. .modal {
  3377. bottom: 0;
  3378. left: 0;
  3379. position: absolute;
  3380. right: 0;
  3381. top: 0;
  3382. -webkit-box-align: center;
  3383. -ms-flex-align: center;
  3384. align-items: center;
  3385. display: none;
  3386. -webkit-box-pack: center;
  3387. -ms-flex-pack: center;
  3388. justify-content: center;
  3389. overflow: hidden;
  3390. position: fixed;
  3391. z-index: 1986;
  3392. }
  3393. .modal.is-active {
  3394. display: -webkit-box;
  3395. display: -ms-flexbox;
  3396. display: flex;
  3397. }
  3398. .nav-toggle {
  3399. cursor: pointer;
  3400. display: block;
  3401. height: 3.25rem;
  3402. position: relative;
  3403. width: 3.25rem;
  3404. }
  3405. .nav-toggle span {
  3406. background-color: #4a4a4a;
  3407. display: block;
  3408. height: 1px;
  3409. left: 50%;
  3410. margin-left: -7px;
  3411. position: absolute;
  3412. top: 50%;
  3413. -webkit-transition: none 86ms ease-out;
  3414. transition: none 86ms ease-out;
  3415. -webkit-transition-property: background, left, opacity, -webkit-transform;
  3416. transition-property: background, left, opacity, -webkit-transform;
  3417. transition-property: background, left, opacity, transform;
  3418. transition-property: background, left, opacity, transform, -webkit-transform;
  3419. width: 15px;
  3420. }
  3421. .nav-toggle span:nth-child(1) {
  3422. margin-top: -6px;
  3423. }
  3424. .nav-toggle span:nth-child(2) {
  3425. margin-top: -1px;
  3426. }
  3427. .nav-toggle span:nth-child(3) {
  3428. margin-top: 4px;
  3429. }
  3430. .nav-toggle:hover {
  3431. background-color: whitesmoke;
  3432. }
  3433. .nav-toggle.is-active span {
  3434. background-color: #00d1b2;
  3435. }
  3436. .nav-toggle.is-active span:nth-child(1) {
  3437. margin-left: -5px;
  3438. -webkit-transform: rotate(45deg);
  3439. transform: rotate(45deg);
  3440. -webkit-transform-origin: left top;
  3441. transform-origin: left top;
  3442. }
  3443. .nav-toggle.is-active span:nth-child(2) {
  3444. opacity: 0;
  3445. }
  3446. .nav-toggle.is-active span:nth-child(3) {
  3447. margin-left: -5px;
  3448. -webkit-transform: rotate(-45deg);
  3449. transform: rotate(-45deg);
  3450. -webkit-transform-origin: left bottom;
  3451. transform-origin: left bottom;
  3452. }
  3453. @media screen and (min-width: 769px), print {
  3454. .nav-toggle {
  3455. display: none;
  3456. }
  3457. }
  3458. .nav-item {
  3459. -webkit-box-align: center;
  3460. -ms-flex-align: center;
  3461. align-items: center;
  3462. display: -webkit-box;
  3463. display: -ms-flexbox;
  3464. display: flex;
  3465. -webkit-box-flex: 0;
  3466. -ms-flex-positive: 0;
  3467. flex-grow: 0;
  3468. -ms-flex-negative: 0;
  3469. flex-shrink: 0;
  3470. font-size: 1rem;
  3471. -webkit-box-pack: center;
  3472. -ms-flex-pack: center;
  3473. justify-content: center;
  3474. line-height: 1.5;
  3475. padding: 0.5rem 0.75rem;
  3476. }
  3477. .nav-item a {
  3478. -webkit-box-flex: 1;
  3479. -ms-flex-positive: 1;
  3480. flex-grow: 1;
  3481. -ms-flex-negative: 0;
  3482. flex-shrink: 0;
  3483. }
  3484. .nav-item img {
  3485. max-height: 1.75rem;
  3486. }
  3487. .nav-item .button + .button {
  3488. margin-left: 0.75rem;
  3489. }
  3490. .nav-item .tag:first-child:not(:last-child) {
  3491. margin-right: 0.5rem;
  3492. }
  3493. .nav-item .tag:last-child:not(:first-child) {
  3494. margin-left: 0.5rem;
  3495. }
  3496. @media screen and (max-width: 768px) {
  3497. .nav-item {
  3498. -webkit-box-pack: start;
  3499. -ms-flex-pack: start;
  3500. justify-content: flex-start;
  3501. }
  3502. }
  3503. .nav-item a,
  3504. a.nav-item {
  3505. color: #7a7a7a;
  3506. }
  3507. .nav-item a:hover,
  3508. a.nav-item:hover {
  3509. color: #363636;
  3510. }
  3511. .nav-item a.is-active,
  3512. a.nav-item.is-active {
  3513. color: #363636;
  3514. }
  3515. .nav-item a.is-tab,
  3516. a.nav-item.is-tab {
  3517. border-bottom: 1px solid transparent;
  3518. border-top: 1px solid transparent;
  3519. padding-bottom: calc(0.75rem - 1px);
  3520. padding-left: 1rem;
  3521. padding-right: 1rem;
  3522. padding-top: calc(0.75rem - 1px);
  3523. }
  3524. .nav-item a.is-tab:hover,
  3525. a.nav-item.is-tab:hover {
  3526. border-bottom-color: #00d1b2;
  3527. border-top-color: transparent;
  3528. }
  3529. .nav-item a.is-tab.is-active,
  3530. a.nav-item.is-tab.is-active {
  3531. border-bottom: 3px solid #00d1b2;
  3532. color: #00d1b2;
  3533. padding-bottom: calc(0.75rem - 3px);
  3534. }
  3535. @media screen and (min-width: 1000px) {
  3536. .nav-item a.is-brand,
  3537. a.nav-item.is-brand {
  3538. padding-left: 0;
  3539. }
  3540. }
  3541. .nav-left,
  3542. .nav-right {
  3543. -webkit-box-align: stretch;
  3544. -ms-flex-align: stretch;
  3545. align-items: stretch;
  3546. display: -webkit-box;
  3547. display: -ms-flexbox;
  3548. display: flex;
  3549. -ms-flex-preferred-size: 0;
  3550. flex-basis: 0;
  3551. -webkit-box-flex: 1;
  3552. -ms-flex-positive: 1;
  3553. flex-grow: 1;
  3554. -ms-flex-negative: 0;
  3555. flex-shrink: 0;
  3556. }
  3557. .nav-left {
  3558. -webkit-box-pack: start;
  3559. -ms-flex-pack: start;
  3560. justify-content: flex-start;
  3561. overflow: hidden;
  3562. overflow-x: auto;
  3563. white-space: nowrap;
  3564. }
  3565. .nav-right {
  3566. -webkit-box-pack: end;
  3567. -ms-flex-pack: end;
  3568. justify-content: flex-end;
  3569. }
  3570. .nav-center {
  3571. -webkit-box-align: stretch;
  3572. -ms-flex-align: stretch;
  3573. align-items: stretch;
  3574. display: -webkit-box;
  3575. display: -ms-flexbox;
  3576. display: flex;
  3577. -webkit-box-flex: 0;
  3578. -ms-flex-positive: 0;
  3579. flex-grow: 0;
  3580. -ms-flex-negative: 0;
  3581. flex-shrink: 0;
  3582. -webkit-box-pack: center;
  3583. -ms-flex-pack: center;
  3584. justify-content: center;
  3585. margin-left: auto;
  3586. margin-right: auto;
  3587. }
  3588. @media screen and (max-width: 768px) {
  3589. .nav-menu.nav-right {
  3590. background-color: white;
  3591. box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1);
  3592. left: 0;
  3593. display: none;
  3594. right: 0;
  3595. top: 100%;
  3596. position: absolute;
  3597. }
  3598. .nav-menu.nav-right .nav-item {
  3599. border-top: 1px solid rgba(219, 219, 219, 0.5);
  3600. padding: 0.75rem;
  3601. }
  3602. .nav-menu.nav-right.is-active {
  3603. display: block;
  3604. }
  3605. }
  3606. @media screen and (min-width: 769px) and (max-width: 999px) {
  3607. .nav-menu {
  3608. padding-right: 1.5rem;
  3609. }
  3610. }
  3611. .nav {
  3612. -webkit-box-align: stretch;
  3613. -ms-flex-align: stretch;
  3614. align-items: stretch;
  3615. background-color: white;
  3616. display: -webkit-box;
  3617. display: -ms-flexbox;
  3618. display: flex;
  3619. min-height: 3.25rem;
  3620. position: relative;
  3621. text-align: center;
  3622. z-index: 2;
  3623. }
  3624. .nav > .container {
  3625. -webkit-box-align: stretch;
  3626. -ms-flex-align: stretch;
  3627. align-items: stretch;
  3628. display: -webkit-box;
  3629. display: -ms-flexbox;
  3630. display: flex;
  3631. min-height: 3.25rem;
  3632. }
  3633. .nav.has-shadow {
  3634. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
  3635. }
  3636. @media screen and (max-width: 768px) {
  3637. .nav > .container {
  3638. width: 100%;
  3639. }
  3640. }
  3641. .pagination {
  3642. font-size: 1rem;
  3643. }
  3644. .pagination.is-small {
  3645. font-size: 0.75rem;
  3646. }
  3647. .pagination.is-medium {
  3648. font-size: 1.25rem;
  3649. }
  3650. .pagination.is-large {
  3651. font-size: 1.5rem;
  3652. }
  3653. .pagination,
  3654. .pagination-list {
  3655. -webkit-box-align: center;
  3656. -ms-flex-align: center;
  3657. align-items: center;
  3658. display: -webkit-box;
  3659. display: -ms-flexbox;
  3660. display: flex;
  3661. -webkit-box-pack: center;
  3662. -ms-flex-pack: center;
  3663. justify-content: center;
  3664. text-align: center;
  3665. }
  3666. .pagination-previous,
  3667. .pagination-next,
  3668. .pagination-link,
  3669. .pagination-ellipsis {
  3670. -moz-appearance: none;
  3671. -webkit-appearance: none;
  3672. -webkit-box-align: center;
  3673. -ms-flex-align: center;
  3674. align-items: center;
  3675. border: none;
  3676. border-radius: 3px;
  3677. box-shadow: none;
  3678. display: -webkit-inline-box;
  3679. display: -ms-inline-flexbox;
  3680. display: inline-flex;
  3681. font-size: 1rem;
  3682. height: 2.25em;
  3683. -webkit-box-pack: start;
  3684. -ms-flex-pack: start;
  3685. justify-content: flex-start;
  3686. line-height: 1.5;
  3687. padding-bottom: 0.375em;
  3688. padding-left: 0.625em;
  3689. padding-right: 0.625em;
  3690. padding-top: 0.375em;
  3691. position: relative;
  3692. vertical-align: top;
  3693. -webkit-touch-callout: none;
  3694. -webkit-user-select: none;
  3695. -moz-user-select: none;
  3696. -ms-user-select: none;
  3697. user-select: none;
  3698. font-size: 1em;
  3699. padding-left: 0.5em;
  3700. padding-right: 0.5em;
  3701. -webkit-box-pack: center;
  3702. -ms-flex-pack: center;
  3703. justify-content: center;
  3704. text-align: center;
  3705. }
  3706. .pagination-previous:focus, .pagination-previous.is-focused, .pagination-previous:active, .pagination-previous.is-active,
  3707. .pagination-next:focus,
  3708. .pagination-next.is-focused,
  3709. .pagination-next:active,
  3710. .pagination-next.is-active,
  3711. .pagination-link:focus,
  3712. .pagination-link.is-focused,
  3713. .pagination-link:active,
  3714. .pagination-link.is-active,
  3715. .pagination-ellipsis:focus,
  3716. .pagination-ellipsis.is-focused,
  3717. .pagination-ellipsis:active,
  3718. .pagination-ellipsis.is-active {
  3719. outline: none;
  3720. }
  3721. .pagination-previous[disabled],
  3722. .pagination-next[disabled],
  3723. .pagination-link[disabled],
  3724. .pagination-ellipsis[disabled] {
  3725. cursor: not-allowed;
  3726. }
  3727. .pagination-previous,
  3728. .pagination-next,
  3729. .pagination-link {
  3730. border: 1px solid #dbdbdb;
  3731. min-width: 2.25em;
  3732. }
  3733. .pagination-previous:hover,
  3734. .pagination-next:hover,
  3735. .pagination-link:hover {
  3736. border-color: #b5b5b5;
  3737. color: #363636;
  3738. }
  3739. .pagination-previous:focus,
  3740. .pagination-next:focus,
  3741. .pagination-link:focus {
  3742. border-color: #00d1b2;
  3743. }
  3744. .pagination-previous:active,
  3745. .pagination-next:active,
  3746. .pagination-link:active {
  3747. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  3748. }
  3749. .pagination-previous[disabled],
  3750. .pagination-next[disabled],
  3751. .pagination-link[disabled] {
  3752. background-color: #dbdbdb;
  3753. border-color: #dbdbdb;
  3754. box-shadow: none;
  3755. color: #7a7a7a;
  3756. opacity: 0.5;
  3757. }
  3758. .pagination-previous,
  3759. .pagination-next {
  3760. padding-left: 0.75em;
  3761. padding-right: 0.75em;
  3762. }
  3763. .pagination-link.is-current {
  3764. background-color: #00d1b2;
  3765. border-color: #00d1b2;
  3766. color: #fff;
  3767. }
  3768. .pagination-ellipsis {
  3769. color: #b5b5b5;
  3770. pointer-events: none;
  3771. }
  3772. .pagination-list li:not(:first-child) {
  3773. margin-left: 0.375rem;
  3774. }
  3775. @media screen and (max-width: 768px) {
  3776. .pagination {
  3777. -ms-flex-wrap: wrap;
  3778. flex-wrap: wrap;
  3779. }
  3780. .pagination-previous,
  3781. .pagination-next {
  3782. -webkit-box-flex: 1;
  3783. -ms-flex-positive: 1;
  3784. flex-grow: 1;
  3785. -ms-flex-negative: 1;
  3786. flex-shrink: 1;
  3787. width: calc(50% - 0.375rem);
  3788. }
  3789. .pagination-next {
  3790. margin-left: 0.75rem;
  3791. }
  3792. .pagination-list {
  3793. margin-top: 0.75rem;
  3794. }
  3795. .pagination-list li {
  3796. -webkit-box-flex: 1;
  3797. -ms-flex-positive: 1;
  3798. flex-grow: 1;
  3799. -ms-flex-negative: 1;
  3800. flex-shrink: 1;
  3801. }
  3802. }
  3803. @media screen and (min-width: 769px), print {
  3804. .pagination-list {
  3805. -webkit-box-flex: 1;
  3806. -ms-flex-positive: 1;
  3807. flex-grow: 1;
  3808. -ms-flex-negative: 1;
  3809. flex-shrink: 1;
  3810. -webkit-box-pack: start;
  3811. -ms-flex-pack: start;
  3812. justify-content: flex-start;
  3813. -webkit-box-ordinal-group: 2;
  3814. -ms-flex-order: 1;
  3815. order: 1;
  3816. }
  3817. .pagination-previous,
  3818. .pagination-next {
  3819. margin-left: 0.75rem;
  3820. }
  3821. .pagination-previous {
  3822. -webkit-box-ordinal-group: 3;
  3823. -ms-flex-order: 2;
  3824. order: 2;
  3825. }
  3826. .pagination-next {
  3827. -webkit-box-ordinal-group: 4;
  3828. -ms-flex-order: 3;
  3829. order: 3;
  3830. }
  3831. .pagination {
  3832. -webkit-box-pack: justify;
  3833. -ms-flex-pack: justify;
  3834. justify-content: space-between;
  3835. }
  3836. .pagination.is-centered .pagination-previous {
  3837. margin-left: 0;
  3838. -webkit-box-ordinal-group: 2;
  3839. -ms-flex-order: 1;
  3840. order: 1;
  3841. }
  3842. .pagination.is-centered .pagination-list {
  3843. -webkit-box-pack: center;
  3844. -ms-flex-pack: center;
  3845. justify-content: center;
  3846. -webkit-box-ordinal-group: 3;
  3847. -ms-flex-order: 2;
  3848. order: 2;
  3849. }
  3850. .pagination.is-centered .pagination-next {
  3851. -webkit-box-ordinal-group: 4;
  3852. -ms-flex-order: 3;
  3853. order: 3;
  3854. }
  3855. .pagination.is-right .pagination-previous {
  3856. margin-left: 0;
  3857. -webkit-box-ordinal-group: 2;
  3858. -ms-flex-order: 1;
  3859. order: 1;
  3860. }
  3861. .pagination.is-right .pagination-next {
  3862. -webkit-box-ordinal-group: 3;
  3863. -ms-flex-order: 2;
  3864. order: 2;
  3865. margin-right: 0.75rem;
  3866. }
  3867. .pagination.is-right .pagination-list {
  3868. -webkit-box-pack: end;
  3869. -ms-flex-pack: end;
  3870. justify-content: flex-end;
  3871. -webkit-box-ordinal-group: 4;
  3872. -ms-flex-order: 3;
  3873. order: 3;
  3874. }
  3875. }
  3876. .panel {
  3877. font-size: 1rem;
  3878. }
  3879. .panel:not(:last-child) {
  3880. margin-bottom: 1.5rem;
  3881. }
  3882. .panel-heading,
  3883. .panel-tabs,
  3884. .panel-block {
  3885. border-bottom: 1px solid #dbdbdb;
  3886. border-left: 1px solid #dbdbdb;
  3887. border-right: 1px solid #dbdbdb;
  3888. }
  3889. .panel-heading:first-child,
  3890. .panel-tabs:first-child,
  3891. .panel-block:first-child {
  3892. border-top: 1px solid #dbdbdb;
  3893. }
  3894. .panel-heading {
  3895. background-color: whitesmoke;
  3896. border-radius: 3px 3px 0 0;
  3897. color: #363636;
  3898. font-size: 1.25em;
  3899. font-weight: 300;
  3900. line-height: 1.25;
  3901. padding: 0.5em 0.75em;
  3902. }
  3903. .panel-tabs {
  3904. -webkit-box-align: end;
  3905. -ms-flex-align: end;
  3906. align-items: flex-end;
  3907. display: -webkit-box;
  3908. display: -ms-flexbox;
  3909. display: flex;
  3910. font-size: 0.875em;
  3911. -webkit-box-pack: center;
  3912. -ms-flex-pack: center;
  3913. justify-content: center;
  3914. }
  3915. .panel-tabs a {
  3916. border-bottom: 1px solid #dbdbdb;
  3917. margin-bottom: -1px;
  3918. padding: 0.5em;
  3919. }
  3920. .panel-tabs a.is-active {
  3921. border-bottom-color: #4a4a4a;
  3922. color: #363636;
  3923. }
  3924. .panel-list a {
  3925. color: #4a4a4a;
  3926. }
  3927. .panel-list a:hover {
  3928. color: #00d1b2;
  3929. }
  3930. .panel-block {
  3931. -webkit-box-align: center;
  3932. -ms-flex-align: center;
  3933. align-items: center;
  3934. color: #363636;
  3935. display: -webkit-box;
  3936. display: -ms-flexbox;
  3937. display: flex;
  3938. -webkit-box-pack: start;
  3939. -ms-flex-pack: start;
  3940. justify-content: flex-start;
  3941. padding: 0.5em 0.75em;
  3942. }
  3943. .panel-block input[type="checkbox"] {
  3944. margin-right: 0.75em;
  3945. }
  3946. .panel-block > .control {
  3947. -webkit-box-flex: 1;
  3948. -ms-flex-positive: 1;
  3949. flex-grow: 1;
  3950. -ms-flex-negative: 1;
  3951. flex-shrink: 1;
  3952. width: 100%;
  3953. }
  3954. .panel-block.is-wrapped {
  3955. -ms-flex-wrap: wrap;
  3956. flex-wrap: wrap;
  3957. }
  3958. .panel-block.is-active {
  3959. border-left-color: #00d1b2;
  3960. color: #363636;
  3961. }
  3962. .panel-block.is-active .panel-icon {
  3963. color: #00d1b2;
  3964. }
  3965. a.panel-block,
  3966. label.panel-block {
  3967. cursor: pointer;
  3968. }
  3969. a.panel-block:hover,
  3970. label.panel-block:hover {
  3971. background-color: whitesmoke;
  3972. }
  3973. .panel-icon {
  3974. display: inline-block;
  3975. font-size: 14px;
  3976. height: 1em;
  3977. line-height: 1em;
  3978. text-align: center;
  3979. vertical-align: top;
  3980. width: 1em;
  3981. color: #7a7a7a;
  3982. margin-right: 0.75em;
  3983. }
  3984. .panel-icon .fa {
  3985. font-size: inherit;
  3986. line-height: inherit;
  3987. }
  3988. .tabs {
  3989. -webkit-touch-callout: none;
  3990. -webkit-user-select: none;
  3991. -moz-user-select: none;
  3992. -ms-user-select: none;
  3993. user-select: none;
  3994. -webkit-box-align: stretch;
  3995. -ms-flex-align: stretch;
  3996. align-items: stretch;
  3997. display: -webkit-box;
  3998. display: -ms-flexbox;
  3999. display: flex;
  4000. font-size: 1rem;
  4001. -webkit-box-pack: justify;
  4002. -ms-flex-pack: justify;
  4003. justify-content: space-between;
  4004. overflow: hidden;
  4005. overflow-x: auto;
  4006. white-space: nowrap;
  4007. }
  4008. .tabs:not(:last-child) {
  4009. margin-bottom: 1.5rem;
  4010. }
  4011. .tabs a {
  4012. -webkit-box-align: center;
  4013. -ms-flex-align: center;
  4014. align-items: center;
  4015. border-bottom: 1px solid #dbdbdb;
  4016. color: #4a4a4a;
  4017. display: -webkit-box;
  4018. display: -ms-flexbox;
  4019. display: flex;
  4020. -webkit-box-pack: center;
  4021. -ms-flex-pack: center;
  4022. justify-content: center;
  4023. margin-bottom: -1px;
  4024. padding: 0.5em 1em;
  4025. vertical-align: top;
  4026. }
  4027. .tabs a:hover {
  4028. border-bottom-color: #363636;
  4029. color: #363636;
  4030. }
  4031. .tabs li {
  4032. display: block;
  4033. }
  4034. .tabs li.is-active a {
  4035. border-bottom-color: #00d1b2;
  4036. color: #00d1b2;
  4037. }
  4038. .tabs ul {
  4039. -webkit-box-align: center;
  4040. -ms-flex-align: center;
  4041. align-items: center;
  4042. border-bottom: 1px solid #dbdbdb;
  4043. display: -webkit-box;
  4044. display: -ms-flexbox;
  4045. display: flex;
  4046. -webkit-box-flex: 1;
  4047. -ms-flex-positive: 1;
  4048. flex-grow: 1;
  4049. -ms-flex-negative: 0;
  4050. flex-shrink: 0;
  4051. -webkit-box-pack: start;
  4052. -ms-flex-pack: start;
  4053. justify-content: flex-start;
  4054. }
  4055. .tabs ul.is-left {
  4056. padding-right: 0.75em;
  4057. }
  4058. .tabs ul.is-center {
  4059. -webkit-box-flex: 0;
  4060. -ms-flex: none;
  4061. flex: none;
  4062. -webkit-box-pack: center;
  4063. -ms-flex-pack: center;
  4064. justify-content: center;
  4065. padding-left: 0.75em;
  4066. padding-right: 0.75em;
  4067. }
  4068. .tabs ul.is-right {
  4069. -webkit-box-pack: end;
  4070. -ms-flex-pack: end;
  4071. justify-content: flex-end;
  4072. padding-left: 0.75em;
  4073. }
  4074. .tabs .icon:first-child {
  4075. margin-right: 0.5em;
  4076. }
  4077. .tabs .icon:last-child {
  4078. margin-left: 0.5em;
  4079. }
  4080. .tabs.is-centered ul {
  4081. -webkit-box-pack: center;
  4082. -ms-flex-pack: center;
  4083. justify-content: center;
  4084. }
  4085. .tabs.is-right ul {
  4086. -webkit-box-pack: end;
  4087. -ms-flex-pack: end;
  4088. justify-content: flex-end;
  4089. }
  4090. .tabs.is-boxed a {
  4091. border: 1px solid transparent;
  4092. border-radius: 3px 3px 0 0;
  4093. }
  4094. .tabs.is-boxed a:hover {
  4095. background-color: whitesmoke;
  4096. border-bottom-color: #dbdbdb;
  4097. }
  4098. .tabs.is-boxed li.is-active a {
  4099. background-color: white;
  4100. border-color: #dbdbdb;
  4101. border-bottom-color: transparent !important;
  4102. }
  4103. .tabs.is-fullwidth li {
  4104. -webkit-box-flex: 1;
  4105. -ms-flex-positive: 1;
  4106. flex-grow: 1;
  4107. -ms-flex-negative: 0;
  4108. flex-shrink: 0;
  4109. }
  4110. .tabs.is-toggle a {
  4111. border: 1px solid #dbdbdb;
  4112. margin-bottom: 0;
  4113. position: relative;
  4114. }
  4115. .tabs.is-toggle a:hover {
  4116. background-color: whitesmoke;
  4117. border-color: #b5b5b5;
  4118. z-index: 2;
  4119. }
  4120. .tabs.is-toggle li + li {
  4121. margin-left: -1px;
  4122. }
  4123. .tabs.is-toggle li:first-child a {
  4124. border-radius: 3px 0 0 3px;
  4125. }
  4126. .tabs.is-toggle li:last-child a {
  4127. border-radius: 0 3px 3px 0;
  4128. }
  4129. .tabs.is-toggle li.is-active a {
  4130. background-color: #00d1b2;
  4131. border-color: #00d1b2;
  4132. color: #fff;
  4133. z-index: 1;
  4134. }
  4135. .tabs.is-toggle ul {
  4136. border-bottom: none;
  4137. }
  4138. .tabs.is-small {
  4139. font-size: 0.75rem;
  4140. }
  4141. .tabs.is-medium {
  4142. font-size: 1.25rem;
  4143. }
  4144. .tabs.is-large {
  4145. font-size: 1.5rem;
  4146. }
  4147. .column {
  4148. display: block;
  4149. -ms-flex-preferred-size: 0;
  4150. flex-basis: 0;
  4151. -webkit-box-flex: 1;
  4152. -ms-flex-positive: 1;
  4153. flex-grow: 1;
  4154. -ms-flex-negative: 1;
  4155. flex-shrink: 1;
  4156. padding: 0.75rem;
  4157. }
  4158. .columns.is-mobile > .column.is-narrow {
  4159. -webkit-box-flex: 0;
  4160. -ms-flex: none;
  4161. flex: none;
  4162. }
  4163. .columns.is-mobile > .column.is-full {
  4164. -webkit-box-flex: 0;
  4165. -ms-flex: none;
  4166. flex: none;
  4167. width: 100%;
  4168. }
  4169. .columns.is-mobile > .column.is-three-quarters {
  4170. -webkit-box-flex: 0;
  4171. -ms-flex: none;
  4172. flex: none;
  4173. width: 75%;
  4174. }
  4175. .columns.is-mobile > .column.is-two-thirds {
  4176. -webkit-box-flex: 0;
  4177. -ms-flex: none;
  4178. flex: none;
  4179. width: 66.6666%;
  4180. }
  4181. .columns.is-mobile > .column.is-half {
  4182. -webkit-box-flex: 0;
  4183. -ms-flex: none;
  4184. flex: none;
  4185. width: 50%;
  4186. }
  4187. .columns.is-mobile > .column.is-one-third {
  4188. -webkit-box-flex: 0;
  4189. -ms-flex: none;
  4190. flex: none;
  4191. width: 33.3333%;
  4192. }
  4193. .columns.is-mobile > .column.is-one-quarter {
  4194. -webkit-box-flex: 0;
  4195. -ms-flex: none;
  4196. flex: none;
  4197. width: 25%;
  4198. }
  4199. .columns.is-mobile > .column.is-offset-three-quarters {
  4200. margin-left: 75%;
  4201. }
  4202. .columns.is-mobile > .column.is-offset-two-thirds {
  4203. margin-left: 66.6666%;
  4204. }
  4205. .columns.is-mobile > .column.is-offset-half {
  4206. margin-left: 50%;
  4207. }
  4208. .columns.is-mobile > .column.is-offset-one-third {
  4209. margin-left: 33.3333%;
  4210. }
  4211. .columns.is-mobile > .column.is-offset-one-quarter {
  4212. margin-left: 25%;
  4213. }
  4214. .columns.is-mobile > .column.is-1 {
  4215. -webkit-box-flex: 0;
  4216. -ms-flex: none;
  4217. flex: none;
  4218. width: 8.33333%;
  4219. }
  4220. .columns.is-mobile > .column.is-offset-1 {
  4221. margin-left: 8.33333%;
  4222. }
  4223. .columns.is-mobile > .column.is-2 {
  4224. -webkit-box-flex: 0;
  4225. -ms-flex: none;
  4226. flex: none;
  4227. width: 16.66667%;
  4228. }
  4229. .columns.is-mobile > .column.is-offset-2 {
  4230. margin-left: 16.66667%;
  4231. }
  4232. .columns.is-mobile > .column.is-3 {
  4233. -webkit-box-flex: 0;
  4234. -ms-flex: none;
  4235. flex: none;
  4236. width: 25%;
  4237. }
  4238. .columns.is-mobile > .column.is-offset-3 {
  4239. margin-left: 25%;
  4240. }
  4241. .columns.is-mobile > .column.is-4 {
  4242. -webkit-box-flex: 0;
  4243. -ms-flex: none;
  4244. flex: none;
  4245. width: 33.33333%;
  4246. }
  4247. .columns.is-mobile > .column.is-offset-4 {
  4248. margin-left: 33.33333%;
  4249. }
  4250. .columns.is-mobile > .column.is-5 {
  4251. -webkit-box-flex: 0;
  4252. -ms-flex: none;
  4253. flex: none;
  4254. width: 41.66667%;
  4255. }
  4256. .columns.is-mobile > .column.is-offset-5 {
  4257. margin-left: 41.66667%;
  4258. }
  4259. .columns.is-mobile > .column.is-6 {
  4260. -webkit-box-flex: 0;
  4261. -ms-flex: none;
  4262. flex: none;
  4263. width: 50%;
  4264. }
  4265. .columns.is-mobile > .column.is-offset-6 {
  4266. margin-left: 50%;
  4267. }
  4268. .columns.is-mobile > .column.is-7 {
  4269. -webkit-box-flex: 0;
  4270. -ms-flex: none;
  4271. flex: none;
  4272. width: 58.33333%;
  4273. }
  4274. .columns.is-mobile > .column.is-offset-7 {
  4275. margin-left: 58.33333%;
  4276. }
  4277. .columns.is-mobile > .column.is-8 {
  4278. -webkit-box-flex: 0;
  4279. -ms-flex: none;
  4280. flex: none;
  4281. width: 66.66667%;
  4282. }
  4283. .columns.is-mobile > .column.is-offset-8 {
  4284. margin-left: 66.66667%;
  4285. }
  4286. .columns.is-mobile > .column.is-9 {
  4287. -webkit-box-flex: 0;
  4288. -ms-flex: none;
  4289. flex: none;
  4290. width: 75%;
  4291. }
  4292. .columns.is-mobile > .column.is-offset-9 {
  4293. margin-left: 75%;
  4294. }
  4295. .columns.is-mobile > .column.is-10 {
  4296. -webkit-box-flex: 0;
  4297. -ms-flex: none;
  4298. flex: none;
  4299. width: 83.33333%;
  4300. }
  4301. .columns.is-mobile > .column.is-offset-10 {
  4302. margin-left: 83.33333%;
  4303. }
  4304. .columns.is-mobile > .column.is-11 {
  4305. -webkit-box-flex: 0;
  4306. -ms-flex: none;
  4307. flex: none;
  4308. width: 91.66667%;
  4309. }
  4310. .columns.is-mobile > .column.is-offset-11 {
  4311. margin-left: 91.66667%;
  4312. }
  4313. .columns.is-mobile > .column.is-12 {
  4314. -webkit-box-flex: 0;
  4315. -ms-flex: none;
  4316. flex: none;
  4317. width: 100%;
  4318. }
  4319. .columns.is-mobile > .column.is-offset-12 {
  4320. margin-left: 100%;
  4321. }
  4322. @media screen and (max-width: 768px) {
  4323. .column.is-narrow-mobile {
  4324. -webkit-box-flex: 0;
  4325. -ms-flex: none;
  4326. flex: none;
  4327. }
  4328. .column.is-full-mobile {
  4329. -webkit-box-flex: 0;
  4330. -ms-flex: none;
  4331. flex: none;
  4332. width: 100%;
  4333. }
  4334. .column.is-three-quarters-mobile {
  4335. -webkit-box-flex: 0;
  4336. -ms-flex: none;
  4337. flex: none;
  4338. width: 75%;
  4339. }
  4340. .column.is-two-thirds-mobile {
  4341. -webkit-box-flex: 0;
  4342. -ms-flex: none;
  4343. flex: none;
  4344. width: 66.6666%;
  4345. }
  4346. .column.is-half-mobile {
  4347. -webkit-box-flex: 0;
  4348. -ms-flex: none;
  4349. flex: none;
  4350. width: 50%;
  4351. }
  4352. .column.is-one-third-mobile {
  4353. -webkit-box-flex: 0;
  4354. -ms-flex: none;
  4355. flex: none;
  4356. width: 33.3333%;
  4357. }
  4358. .column.is-one-quarter-mobile {
  4359. -webkit-box-flex: 0;
  4360. -ms-flex: none;
  4361. flex: none;
  4362. width: 25%;
  4363. }
  4364. .column.is-offset-three-quarters-mobile {
  4365. margin-left: 75%;
  4366. }
  4367. .column.is-offset-two-thirds-mobile {
  4368. margin-left: 66.6666%;
  4369. }
  4370. .column.is-offset-half-mobile {
  4371. margin-left: 50%;
  4372. }
  4373. .column.is-offset-one-third-mobile {
  4374. margin-left: 33.3333%;
  4375. }
  4376. .column.is-offset-one-quarter-mobile {
  4377. margin-left: 25%;
  4378. }
  4379. .column.is-1-mobile {
  4380. -webkit-box-flex: 0;
  4381. -ms-flex: none;
  4382. flex: none;
  4383. width: 8.33333%;
  4384. }
  4385. .column.is-offset-1-mobile {
  4386. margin-left: 8.33333%;
  4387. }
  4388. .column.is-2-mobile {
  4389. -webkit-box-flex: 0;
  4390. -ms-flex: none;
  4391. flex: none;
  4392. width: 16.66667%;
  4393. }
  4394. .column.is-offset-2-mobile {
  4395. margin-left: 16.66667%;
  4396. }
  4397. .column.is-3-mobile {
  4398. -webkit-box-flex: 0;
  4399. -ms-flex: none;
  4400. flex: none;
  4401. width: 25%;
  4402. }
  4403. .column.is-offset-3-mobile {
  4404. margin-left: 25%;
  4405. }
  4406. .column.is-4-mobile {
  4407. -webkit-box-flex: 0;
  4408. -ms-flex: none;
  4409. flex: none;
  4410. width: 33.33333%;
  4411. }
  4412. .column.is-offset-4-mobile {
  4413. margin-left: 33.33333%;
  4414. }
  4415. .column.is-5-mobile {
  4416. -webkit-box-flex: 0;
  4417. -ms-flex: none;
  4418. flex: none;
  4419. width: 41.66667%;
  4420. }
  4421. .column.is-offset-5-mobile {
  4422. margin-left: 41.66667%;
  4423. }
  4424. .column.is-6-mobile {
  4425. -webkit-box-flex: 0;
  4426. -ms-flex: none;
  4427. flex: none;
  4428. width: 50%;
  4429. }
  4430. .column.is-offset-6-mobile {
  4431. margin-left: 50%;
  4432. }
  4433. .column.is-7-mobile {
  4434. -webkit-box-flex: 0;
  4435. -ms-flex: none;
  4436. flex: none;
  4437. width: 58.33333%;
  4438. }
  4439. .column.is-offset-7-mobile {
  4440. margin-left: 58.33333%;
  4441. }
  4442. .column.is-8-mobile {
  4443. -webkit-box-flex: 0;
  4444. -ms-flex: none;
  4445. flex: none;
  4446. width: 66.66667%;
  4447. }
  4448. .column.is-offset-8-mobile {
  4449. margin-left: 66.66667%;
  4450. }
  4451. .column.is-9-mobile {
  4452. -webkit-box-flex: 0;
  4453. -ms-flex: none;
  4454. flex: none;
  4455. width: 75%;
  4456. }
  4457. .column.is-offset-9-mobile {
  4458. margin-left: 75%;
  4459. }
  4460. .column.is-10-mobile {
  4461. -webkit-box-flex: 0;
  4462. -ms-flex: none;
  4463. flex: none;
  4464. width: 83.33333%;
  4465. }
  4466. .column.is-offset-10-mobile {
  4467. margin-left: 83.33333%;
  4468. }
  4469. .column.is-11-mobile {
  4470. -webkit-box-flex: 0;
  4471. -ms-flex: none;
  4472. flex: none;
  4473. width: 91.66667%;
  4474. }
  4475. .column.is-offset-11-mobile {
  4476. margin-left: 91.66667%;
  4477. }
  4478. .column.is-12-mobile {
  4479. -webkit-box-flex: 0;
  4480. -ms-flex: none;
  4481. flex: none;
  4482. width: 100%;
  4483. }
  4484. .column.is-offset-12-mobile {
  4485. margin-left: 100%;
  4486. }
  4487. }
  4488. @media screen and (min-width: 769px), print {
  4489. .column.is-narrow, .column.is-narrow-tablet {
  4490. -webkit-box-flex: 0;
  4491. -ms-flex: none;
  4492. flex: none;
  4493. }
  4494. .column.is-full, .column.is-full-tablet {
  4495. -webkit-box-flex: 0;
  4496. -ms-flex: none;
  4497. flex: none;
  4498. width: 100%;
  4499. }
  4500. .column.is-three-quarters, .column.is-three-quarters-tablet {
  4501. -webkit-box-flex: 0;
  4502. -ms-flex: none;
  4503. flex: none;
  4504. width: 75%;
  4505. }
  4506. .column.is-two-thirds, .column.is-two-thirds-tablet {
  4507. -webkit-box-flex: 0;
  4508. -ms-flex: none;
  4509. flex: none;
  4510. width: 66.6666%;
  4511. }
  4512. .column.is-half, .column.is-half-tablet {
  4513. -webkit-box-flex: 0;
  4514. -ms-flex: none;
  4515. flex: none;
  4516. width: 50%;
  4517. }
  4518. .column.is-one-third, .column.is-one-third-tablet {
  4519. -webkit-box-flex: 0;
  4520. -ms-flex: none;
  4521. flex: none;
  4522. width: 33.3333%;
  4523. }
  4524. .column.is-one-quarter, .column.is-one-quarter-tablet {
  4525. -webkit-box-flex: 0;
  4526. -ms-flex: none;
  4527. flex: none;
  4528. width: 25%;
  4529. }
  4530. .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
  4531. margin-left: 75%;
  4532. }
  4533. .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
  4534. margin-left: 66.6666%;
  4535. }
  4536. .column.is-offset-half, .column.is-offset-half-tablet {
  4537. margin-left: 50%;
  4538. }
  4539. .column.is-offset-one-third, .column.is-offset-one-third-tablet {
  4540. margin-left: 33.3333%;
  4541. }
  4542. .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
  4543. margin-left: 25%;
  4544. }
  4545. .column.is-1, .column.is-1-tablet {
  4546. -webkit-box-flex: 0;
  4547. -ms-flex: none;
  4548. flex: none;
  4549. width: 8.33333%;
  4550. }
  4551. .column.is-offset-1, .column.is-offset-1-tablet {
  4552. margin-left: 8.33333%;
  4553. }
  4554. .column.is-2, .column.is-2-tablet {
  4555. -webkit-box-flex: 0;
  4556. -ms-flex: none;
  4557. flex: none;
  4558. width: 16.66667%;
  4559. }
  4560. .column.is-offset-2, .column.is-offset-2-tablet {
  4561. margin-left: 16.66667%;
  4562. }
  4563. .column.is-3, .column.is-3-tablet {
  4564. -webkit-box-flex: 0;
  4565. -ms-flex: none;
  4566. flex: none;
  4567. width: 25%;
  4568. }
  4569. .column.is-offset-3, .column.is-offset-3-tablet {
  4570. margin-left: 25%;
  4571. }
  4572. .column.is-4, .column.is-4-tablet {
  4573. -webkit-box-flex: 0;
  4574. -ms-flex: none;
  4575. flex: none;
  4576. width: 33.33333%;
  4577. }
  4578. .column.is-offset-4, .column.is-offset-4-tablet {
  4579. margin-left: 33.33333%;
  4580. }
  4581. .column.is-5, .column.is-5-tablet {
  4582. -webkit-box-flex: 0;
  4583. -ms-flex: none;
  4584. flex: none;
  4585. width: 41.66667%;
  4586. }
  4587. .column.is-offset-5, .column.is-offset-5-tablet {
  4588. margin-left: 41.66667%;
  4589. }
  4590. .column.is-6, .column.is-6-tablet {
  4591. -webkit-box-flex: 0;
  4592. -ms-flex: none;
  4593. flex: none;
  4594. width: 50%;
  4595. }
  4596. .column.is-offset-6, .column.is-offset-6-tablet {
  4597. margin-left: 50%;
  4598. }
  4599. .column.is-7, .column.is-7-tablet {
  4600. -webkit-box-flex: 0;
  4601. -ms-flex: none;
  4602. flex: none;
  4603. width: 58.33333%;
  4604. }
  4605. .column.is-offset-7, .column.is-offset-7-tablet {
  4606. margin-left: 58.33333%;
  4607. }
  4608. .column.is-8, .column.is-8-tablet {
  4609. -webkit-box-flex: 0;
  4610. -ms-flex: none;
  4611. flex: none;
  4612. width: 66.66667%;
  4613. }
  4614. .column.is-offset-8, .column.is-offset-8-tablet {
  4615. margin-left: 66.66667%;
  4616. }
  4617. .column.is-9, .column.is-9-tablet {
  4618. -webkit-box-flex: 0;
  4619. -ms-flex: none;
  4620. flex: none;
  4621. width: 75%;
  4622. }
  4623. .column.is-offset-9, .column.is-offset-9-tablet {
  4624. margin-left: 75%;
  4625. }
  4626. .column.is-10, .column.is-10-tablet {
  4627. -webkit-box-flex: 0;
  4628. -ms-flex: none;
  4629. flex: none;
  4630. width: 83.33333%;
  4631. }
  4632. .column.is-offset-10, .column.is-offset-10-tablet {
  4633. margin-left: 83.33333%;
  4634. }
  4635. .column.is-11, .column.is-11-tablet {
  4636. -webkit-box-flex: 0;
  4637. -ms-flex: none;
  4638. flex: none;
  4639. width: 91.66667%;
  4640. }
  4641. .column.is-offset-11, .column.is-offset-11-tablet {
  4642. margin-left: 91.66667%;
  4643. }
  4644. .column.is-12, .column.is-12-tablet {
  4645. -webkit-box-flex: 0;
  4646. -ms-flex: none;
  4647. flex: none;
  4648. width: 100%;
  4649. }
  4650. .column.is-offset-12, .column.is-offset-12-tablet {
  4651. margin-left: 100%;
  4652. }
  4653. }
  4654. @media screen and (min-width: 1000px) {
  4655. .column.is-narrow-desktop {
  4656. -webkit-box-flex: 0;
  4657. -ms-flex: none;
  4658. flex: none;
  4659. }
  4660. .column.is-full-desktop {
  4661. -webkit-box-flex: 0;
  4662. -ms-flex: none;
  4663. flex: none;
  4664. width: 100%;
  4665. }
  4666. .column.is-three-quarters-desktop {
  4667. -webkit-box-flex: 0;
  4668. -ms-flex: none;
  4669. flex: none;
  4670. width: 75%;
  4671. }
  4672. .column.is-two-thirds-desktop {
  4673. -webkit-box-flex: 0;
  4674. -ms-flex: none;
  4675. flex: none;
  4676. width: 66.6666%;
  4677. }
  4678. .column.is-half-desktop {
  4679. -webkit-box-flex: 0;
  4680. -ms-flex: none;
  4681. flex: none;
  4682. width: 50%;
  4683. }
  4684. .column.is-one-third-desktop {
  4685. -webkit-box-flex: 0;
  4686. -ms-flex: none;
  4687. flex: none;
  4688. width: 33.3333%;
  4689. }
  4690. .column.is-one-quarter-desktop {
  4691. -webkit-box-flex: 0;
  4692. -ms-flex: none;
  4693. flex: none;
  4694. width: 25%;
  4695. }
  4696. .column.is-offset-three-quarters-desktop {
  4697. margin-left: 75%;
  4698. }
  4699. .column.is-offset-two-thirds-desktop {
  4700. margin-left: 66.6666%;
  4701. }
  4702. .column.is-offset-half-desktop {
  4703. margin-left: 50%;
  4704. }
  4705. .column.is-offset-one-third-desktop {
  4706. margin-left: 33.3333%;
  4707. }
  4708. .column.is-offset-one-quarter-desktop {
  4709. margin-left: 25%;
  4710. }
  4711. .column.is-1-desktop {
  4712. -webkit-box-flex: 0;
  4713. -ms-flex: none;
  4714. flex: none;
  4715. width: 8.33333%;
  4716. }
  4717. .column.is-offset-1-desktop {
  4718. margin-left: 8.33333%;
  4719. }
  4720. .column.is-2-desktop {
  4721. -webkit-box-flex: 0;
  4722. -ms-flex: none;
  4723. flex: none;
  4724. width: 16.66667%;
  4725. }
  4726. .column.is-offset-2-desktop {
  4727. margin-left: 16.66667%;
  4728. }
  4729. .column.is-3-desktop {
  4730. -webkit-box-flex: 0;
  4731. -ms-flex: none;
  4732. flex: none;
  4733. width: 25%;
  4734. }
  4735. .column.is-offset-3-desktop {
  4736. margin-left: 25%;
  4737. }
  4738. .column.is-4-desktop {
  4739. -webkit-box-flex: 0;
  4740. -ms-flex: none;
  4741. flex: none;
  4742. width: 33.33333%;
  4743. }
  4744. .column.is-offset-4-desktop {
  4745. margin-left: 33.33333%;
  4746. }
  4747. .column.is-5-desktop {
  4748. -webkit-box-flex: 0;
  4749. -ms-flex: none;
  4750. flex: none;
  4751. width: 41.66667%;
  4752. }
  4753. .column.is-offset-5-desktop {
  4754. margin-left: 41.66667%;
  4755. }
  4756. .column.is-6-desktop {
  4757. -webkit-box-flex: 0;
  4758. -ms-flex: none;
  4759. flex: none;
  4760. width: 50%;
  4761. }
  4762. .column.is-offset-6-desktop {
  4763. margin-left: 50%;
  4764. }
  4765. .column.is-7-desktop {
  4766. -webkit-box-flex: 0;
  4767. -ms-flex: none;
  4768. flex: none;
  4769. width: 58.33333%;
  4770. }
  4771. .column.is-offset-7-desktop {
  4772. margin-left: 58.33333%;
  4773. }
  4774. .column.is-8-desktop {
  4775. -webkit-box-flex: 0;
  4776. -ms-flex: none;
  4777. flex: none;
  4778. width: 66.66667%;
  4779. }
  4780. .column.is-offset-8-desktop {
  4781. margin-left: 66.66667%;
  4782. }
  4783. .column.is-9-desktop {
  4784. -webkit-box-flex: 0;
  4785. -ms-flex: none;
  4786. flex: none;
  4787. width: 75%;
  4788. }
  4789. .column.is-offset-9-desktop {
  4790. margin-left: 75%;
  4791. }
  4792. .column.is-10-desktop {
  4793. -webkit-box-flex: 0;
  4794. -ms-flex: none;
  4795. flex: none;
  4796. width: 83.33333%;
  4797. }
  4798. .column.is-offset-10-desktop {
  4799. margin-left: 83.33333%;
  4800. }
  4801. .column.is-11-desktop {
  4802. -webkit-box-flex: 0;
  4803. -ms-flex: none;
  4804. flex: none;
  4805. width: 91.66667%;
  4806. }
  4807. .column.is-offset-11-desktop {
  4808. margin-left: 91.66667%;
  4809. }
  4810. .column.is-12-desktop {
  4811. -webkit-box-flex: 0;
  4812. -ms-flex: none;
  4813. flex: none;
  4814. width: 100%;
  4815. }
  4816. .column.is-offset-12-desktop {
  4817. margin-left: 100%;
  4818. }
  4819. }
  4820. @media screen and (min-width: 1192px) {
  4821. .column.is-narrow-widescreen {
  4822. -webkit-box-flex: 0;
  4823. -ms-flex: none;
  4824. flex: none;
  4825. }
  4826. .column.is-full-widescreen {
  4827. -webkit-box-flex: 0;
  4828. -ms-flex: none;
  4829. flex: none;
  4830. width: 100%;
  4831. }
  4832. .column.is-three-quarters-widescreen {
  4833. -webkit-box-flex: 0;
  4834. -ms-flex: none;
  4835. flex: none;
  4836. width: 75%;
  4837. }
  4838. .column.is-two-thirds-widescreen {
  4839. -webkit-box-flex: 0;
  4840. -ms-flex: none;
  4841. flex: none;
  4842. width: 66.6666%;
  4843. }
  4844. .column.is-half-widescreen {
  4845. -webkit-box-flex: 0;
  4846. -ms-flex: none;
  4847. flex: none;
  4848. width: 50%;
  4849. }
  4850. .column.is-one-third-widescreen {
  4851. -webkit-box-flex: 0;
  4852. -ms-flex: none;
  4853. flex: none;
  4854. width: 33.3333%;
  4855. }
  4856. .column.is-one-quarter-widescreen {
  4857. -webkit-box-flex: 0;
  4858. -ms-flex: none;
  4859. flex: none;
  4860. width: 25%;
  4861. }
  4862. .column.is-offset-three-quarters-widescreen {
  4863. margin-left: 75%;
  4864. }
  4865. .column.is-offset-two-thirds-widescreen {
  4866. margin-left: 66.6666%;
  4867. }
  4868. .column.is-offset-half-widescreen {
  4869. margin-left: 50%;
  4870. }
  4871. .column.is-offset-one-third-widescreen {
  4872. margin-left: 33.3333%;
  4873. }
  4874. .column.is-offset-one-quarter-widescreen {
  4875. margin-left: 25%;
  4876. }
  4877. .column.is-1-widescreen {
  4878. -webkit-box-flex: 0;
  4879. -ms-flex: none;
  4880. flex: none;
  4881. width: 8.33333%;
  4882. }
  4883. .column.is-offset-1-widescreen {
  4884. margin-left: 8.33333%;
  4885. }
  4886. .column.is-2-widescreen {
  4887. -webkit-box-flex: 0;
  4888. -ms-flex: none;
  4889. flex: none;
  4890. width: 16.66667%;
  4891. }
  4892. .column.is-offset-2-widescreen {
  4893. margin-left: 16.66667%;
  4894. }
  4895. .column.is-3-widescreen {
  4896. -webkit-box-flex: 0;
  4897. -ms-flex: none;
  4898. flex: none;
  4899. width: 25%;
  4900. }
  4901. .column.is-offset-3-widescreen {
  4902. margin-left: 25%;
  4903. }
  4904. .column.is-4-widescreen {
  4905. -webkit-box-flex: 0;
  4906. -ms-flex: none;
  4907. flex: none;
  4908. width: 33.33333%;
  4909. }
  4910. .column.is-offset-4-widescreen {
  4911. margin-left: 33.33333%;
  4912. }
  4913. .column.is-5-widescreen {
  4914. -webkit-box-flex: 0;
  4915. -ms-flex: none;
  4916. flex: none;
  4917. width: 41.66667%;
  4918. }
  4919. .column.is-offset-5-widescreen {
  4920. margin-left: 41.66667%;
  4921. }
  4922. .column.is-6-widescreen {
  4923. -webkit-box-flex: 0;
  4924. -ms-flex: none;
  4925. flex: none;
  4926. width: 50%;
  4927. }
  4928. .column.is-offset-6-widescreen {
  4929. margin-left: 50%;
  4930. }
  4931. .column.is-7-widescreen {
  4932. -webkit-box-flex: 0;
  4933. -ms-flex: none;
  4934. flex: none;
  4935. width: 58.33333%;
  4936. }
  4937. .column.is-offset-7-widescreen {
  4938. margin-left: 58.33333%;
  4939. }
  4940. .column.is-8-widescreen {
  4941. -webkit-box-flex: 0;
  4942. -ms-flex: none;
  4943. flex: none;
  4944. width: 66.66667%;
  4945. }
  4946. .column.is-offset-8-widescreen {
  4947. margin-left: 66.66667%;
  4948. }
  4949. .column.is-9-widescreen {
  4950. -webkit-box-flex: 0;
  4951. -ms-flex: none;
  4952. flex: none;
  4953. width: 75%;
  4954. }
  4955. .column.is-offset-9-widescreen {
  4956. margin-left: 75%;
  4957. }
  4958. .column.is-10-widescreen {
  4959. -webkit-box-flex: 0;
  4960. -ms-flex: none;
  4961. flex: none;
  4962. width: 83.33333%;
  4963. }
  4964. .column.is-offset-10-widescreen {
  4965. margin-left: 83.33333%;
  4966. }
  4967. .column.is-11-widescreen {
  4968. -webkit-box-flex: 0;
  4969. -ms-flex: none;
  4970. flex: none;
  4971. width: 91.66667%;
  4972. }
  4973. .column.is-offset-11-widescreen {
  4974. margin-left: 91.66667%;
  4975. }
  4976. .column.is-12-widescreen {
  4977. -webkit-box-flex: 0;
  4978. -ms-flex: none;
  4979. flex: none;
  4980. width: 100%;
  4981. }
  4982. .column.is-offset-12-widescreen {
  4983. margin-left: 100%;
  4984. }
  4985. }
  4986. .columns {
  4987. margin-left: -0.75rem;
  4988. margin-right: -0.75rem;
  4989. margin-top: -0.75rem;
  4990. }
  4991. .columns:last-child {
  4992. margin-bottom: -0.75rem;
  4993. }
  4994. .columns:not(:last-child) {
  4995. margin-bottom: 0.75rem;
  4996. }
  4997. .columns.is-centered {
  4998. -webkit-box-pack: center;
  4999. -ms-flex-pack: center;
  5000. justify-content: center;
  5001. }
  5002. .columns.is-gapless {
  5003. margin-left: 0;
  5004. margin-right: 0;
  5005. margin-top: 0;
  5006. }
  5007. .columns.is-gapless:last-child {
  5008. margin-bottom: 0;
  5009. }
  5010. .columns.is-gapless:not(:last-child) {
  5011. margin-bottom: 1.5rem;
  5012. }
  5013. .columns.is-gapless > .column {
  5014. margin: 0;
  5015. padding: 0;
  5016. }
  5017. @media screen and (min-width: 769px), print {
  5018. .columns.is-grid {
  5019. -ms-flex-wrap: wrap;
  5020. flex-wrap: wrap;
  5021. }
  5022. .columns.is-grid > .column {
  5023. max-width: 33.3333%;
  5024. padding: 0.75rem;
  5025. width: 33.3333%;
  5026. }
  5027. .columns.is-grid > .column + .column {
  5028. margin-left: 0;
  5029. }
  5030. }
  5031. .columns.is-mobile {
  5032. display: -webkit-box;
  5033. display: -ms-flexbox;
  5034. display: flex;
  5035. }
  5036. .columns.is-multiline {
  5037. -ms-flex-wrap: wrap;
  5038. flex-wrap: wrap;
  5039. }
  5040. .columns.is-vcentered {
  5041. -webkit-box-align: center;
  5042. -ms-flex-align: center;
  5043. align-items: center;
  5044. }
  5045. @media screen and (min-width: 769px), print {
  5046. .columns:not(.is-desktop) {
  5047. display: -webkit-box;
  5048. display: -ms-flexbox;
  5049. display: flex;
  5050. }
  5051. }
  5052. @media screen and (min-width: 1000px) {
  5053. .columns.is-desktop {
  5054. display: -webkit-box;
  5055. display: -ms-flexbox;
  5056. display: flex;
  5057. }
  5058. }
  5059. .tile {
  5060. -webkit-box-align: stretch;
  5061. -ms-flex-align: stretch;
  5062. align-items: stretch;
  5063. display: block;
  5064. -ms-flex-preferred-size: 0;
  5065. flex-basis: 0;
  5066. -webkit-box-flex: 1;
  5067. -ms-flex-positive: 1;
  5068. flex-grow: 1;
  5069. -ms-flex-negative: 1;
  5070. flex-shrink: 1;
  5071. min-height: -webkit-min-content;
  5072. min-height: -moz-min-content;
  5073. min-height: min-content;
  5074. }
  5075. .tile.is-ancestor {
  5076. margin-left: -0.75rem;
  5077. margin-right: -0.75rem;
  5078. margin-top: -0.75rem;
  5079. }
  5080. .tile.is-ancestor:last-child {
  5081. margin-bottom: -0.75rem;
  5082. }
  5083. .tile.is-ancestor:not(:last-child) {
  5084. margin-bottom: 0.75rem;
  5085. }
  5086. .tile.is-child {
  5087. margin: 0 !important;
  5088. }
  5089. .tile.is-parent {
  5090. padding: 0.75rem;
  5091. }
  5092. .tile.is-vertical {
  5093. -webkit-box-orient: vertical;
  5094. -webkit-box-direction: normal;
  5095. -ms-flex-direction: column;
  5096. flex-direction: column;
  5097. }
  5098. .tile.is-vertical > .tile.is-child:not(:last-child) {
  5099. margin-bottom: 1.5rem !important;
  5100. }
  5101. @media screen and (min-width: 769px), print {
  5102. .tile:not(.is-child) {
  5103. display: -webkit-box;
  5104. display: -ms-flexbox;
  5105. display: flex;
  5106. }
  5107. .tile.is-1 {
  5108. -webkit-box-flex: 0;
  5109. -ms-flex: none;
  5110. flex: none;
  5111. width: 8.33333%;
  5112. }
  5113. .tile.is-2 {
  5114. -webkit-box-flex: 0;
  5115. -ms-flex: none;
  5116. flex: none;
  5117. width: 16.66667%;
  5118. }
  5119. .tile.is-3 {
  5120. -webkit-box-flex: 0;
  5121. -ms-flex: none;
  5122. flex: none;
  5123. width: 25%;
  5124. }
  5125. .tile.is-4 {
  5126. -webkit-box-flex: 0;
  5127. -ms-flex: none;
  5128. flex: none;
  5129. width: 33.33333%;
  5130. }
  5131. .tile.is-5 {
  5132. -webkit-box-flex: 0;
  5133. -ms-flex: none;
  5134. flex: none;
  5135. width: 41.66667%;
  5136. }
  5137. .tile.is-6 {
  5138. -webkit-box-flex: 0;
  5139. -ms-flex: none;
  5140. flex: none;
  5141. width: 50%;
  5142. }
  5143. .tile.is-7 {
  5144. -webkit-box-flex: 0;
  5145. -ms-flex: none;
  5146. flex: none;
  5147. width: 58.33333%;
  5148. }
  5149. .tile.is-8 {
  5150. -webkit-box-flex: 0;
  5151. -ms-flex: none;
  5152. flex: none;
  5153. width: 66.66667%;
  5154. }
  5155. .tile.is-9 {
  5156. -webkit-box-flex: 0;
  5157. -ms-flex: none;
  5158. flex: none;
  5159. width: 75%;
  5160. }
  5161. .tile.is-10 {
  5162. -webkit-box-flex: 0;
  5163. -ms-flex: none;
  5164. flex: none;
  5165. width: 83.33333%;
  5166. }
  5167. .tile.is-11 {
  5168. -webkit-box-flex: 0;
  5169. -ms-flex: none;
  5170. flex: none;
  5171. width: 91.66667%;
  5172. }
  5173. .tile.is-12 {
  5174. -webkit-box-flex: 0;
  5175. -ms-flex: none;
  5176. flex: none;
  5177. width: 100%;
  5178. }
  5179. }
  5180. .hero-video {
  5181. bottom: 0;
  5182. left: 0;
  5183. position: absolute;
  5184. right: 0;
  5185. top: 0;
  5186. overflow: hidden;
  5187. }
  5188. .hero-video video {
  5189. left: 50%;
  5190. min-height: 100%;
  5191. min-width: 100%;
  5192. position: absolute;
  5193. top: 50%;
  5194. -webkit-transform: translate3d(-50%, -50%, 0);
  5195. transform: translate3d(-50%, -50%, 0);
  5196. }
  5197. .hero-video.is-transparent {
  5198. opacity: 0.3;
  5199. }
  5200. @media screen and (max-width: 768px) {
  5201. .hero-video {
  5202. display: none;
  5203. }
  5204. }
  5205. .hero-buttons {
  5206. margin-top: 1.5rem;
  5207. }
  5208. @media screen and (max-width: 768px) {
  5209. .hero-buttons .button {
  5210. display: -webkit-box;
  5211. display: -ms-flexbox;
  5212. display: flex;
  5213. }
  5214. .hero-buttons .button:not(:last-child) {
  5215. margin-bottom: 0.75rem;
  5216. }
  5217. }
  5218. @media screen and (min-width: 769px), print {
  5219. .hero-buttons {
  5220. display: -webkit-box;
  5221. display: -ms-flexbox;
  5222. display: flex;
  5223. -webkit-box-pack: center;
  5224. -ms-flex-pack: center;
  5225. justify-content: center;
  5226. }
  5227. .hero-buttons .button:not(:last-child) {
  5228. margin-right: 1.5rem;
  5229. }
  5230. }
  5231. .hero-head,
  5232. .hero-foot {
  5233. -webkit-box-flex: 0;
  5234. -ms-flex-positive: 0;
  5235. flex-grow: 0;
  5236. -ms-flex-negative: 0;
  5237. flex-shrink: 0;
  5238. }
  5239. .hero-body {
  5240. -webkit-box-flex: 1;
  5241. -ms-flex-positive: 1;
  5242. flex-grow: 1;
  5243. -ms-flex-negative: 0;
  5244. flex-shrink: 0;
  5245. padding: 3rem 1.5rem;
  5246. }
  5247. @media screen and (min-width: 1192px) {
  5248. .hero-body {
  5249. padding-left: 0;
  5250. padding-right: 0;
  5251. }
  5252. }
  5253. .hero {
  5254. -webkit-box-align: stretch;
  5255. -ms-flex-align: stretch;
  5256. align-items: stretch;
  5257. background-color: white;
  5258. display: -webkit-box;
  5259. display: -ms-flexbox;
  5260. display: flex;
  5261. -webkit-box-orient: vertical;
  5262. -webkit-box-direction: normal;
  5263. -ms-flex-direction: column;
  5264. flex-direction: column;
  5265. -webkit-box-pack: justify;
  5266. -ms-flex-pack: justify;
  5267. justify-content: space-between;
  5268. }
  5269. .hero .nav {
  5270. background: none;
  5271. box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3);
  5272. }
  5273. .hero .tabs ul {
  5274. border-bottom: none;
  5275. }
  5276. .hero.is-white {
  5277. background-color: white;
  5278. color: #0a0a0a;
  5279. }
  5280. .hero.is-white a:not(.button),
  5281. .hero.is-white strong {
  5282. color: inherit;
  5283. }
  5284. .hero.is-white .title {
  5285. color: #0a0a0a;
  5286. }
  5287. .hero.is-white .subtitle {
  5288. color: rgba(10, 10, 10, 0.9);
  5289. }
  5290. .hero.is-white .subtitle a:not(.button),
  5291. .hero.is-white .subtitle strong {
  5292. color: #0a0a0a;
  5293. }
  5294. .hero.is-white .nav {
  5295. box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2);
  5296. }
  5297. @media screen and (max-width: 768px) {
  5298. .hero.is-white .nav-menu {
  5299. background-color: white;
  5300. }
  5301. }
  5302. .hero.is-white a.nav-item,
  5303. .hero.is-white .nav-item a:not(.button) {
  5304. color: rgba(10, 10, 10, 0.7);
  5305. }
  5306. .hero.is-white a.nav-item:hover, .hero.is-white a.nav-item.is-active,
  5307. .hero.is-white .nav-item a:not(.button):hover,
  5308. .hero.is-white .nav-item a:not(.button).is-active {
  5309. color: #0a0a0a;
  5310. }
  5311. .hero.is-white .tabs a {
  5312. color: #0a0a0a;
  5313. opacity: 0.9;
  5314. }
  5315. .hero.is-white .tabs a:hover {
  5316. opacity: 1;
  5317. }
  5318. .hero.is-white .tabs li.is-active a {
  5319. opacity: 1;
  5320. }
  5321. .hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
  5322. color: #0a0a0a;
  5323. }
  5324. .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
  5325. background-color: rgba(10, 10, 10, 0.1);
  5326. }
  5327. .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 {
  5328. background-color: #0a0a0a;
  5329. border-color: #0a0a0a;
  5330. color: white;
  5331. }
  5332. .hero.is-white.is-bold {
  5333. background-image: -webkit-linear-gradient(309deg, #e6e6e6 0%, white 71%, white 100%);
  5334. background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
  5335. }
  5336. @media screen and (max-width: 768px) {
  5337. .hero.is-white .nav-toggle span {
  5338. background-color: #0a0a0a;
  5339. }
  5340. .hero.is-white .nav-toggle:hover {
  5341. background-color: rgba(10, 10, 10, 0.1);
  5342. }
  5343. .hero.is-white .nav-toggle.is-active span {
  5344. background-color: #0a0a0a;
  5345. }
  5346. .hero.is-white .nav-menu .nav-item {
  5347. border-top-color: rgba(10, 10, 10, 0.2);
  5348. }
  5349. }
  5350. .hero.is-black {
  5351. background-color: #0a0a0a;
  5352. color: white;
  5353. }
  5354. .hero.is-black a:not(.button),
  5355. .hero.is-black strong {
  5356. color: inherit;
  5357. }
  5358. .hero.is-black .title {
  5359. color: white;
  5360. }
  5361. .hero.is-black .subtitle {
  5362. color: rgba(255, 255, 255, 0.9);
  5363. }
  5364. .hero.is-black .subtitle a:not(.button),
  5365. .hero.is-black .subtitle strong {
  5366. color: white;
  5367. }
  5368. .hero.is-black .nav {
  5369. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  5370. }
  5371. @media screen and (max-width: 768px) {
  5372. .hero.is-black .nav-menu {
  5373. background-color: #0a0a0a;
  5374. }
  5375. }
  5376. .hero.is-black a.nav-item,
  5377. .hero.is-black .nav-item a:not(.button) {
  5378. color: rgba(255, 255, 255, 0.7);
  5379. }
  5380. .hero.is-black a.nav-item:hover, .hero.is-black a.nav-item.is-active,
  5381. .hero.is-black .nav-item a:not(.button):hover,
  5382. .hero.is-black .nav-item a:not(.button).is-active {
  5383. color: white;
  5384. }
  5385. .hero.is-black .tabs a {
  5386. color: white;
  5387. opacity: 0.9;
  5388. }
  5389. .hero.is-black .tabs a:hover {
  5390. opacity: 1;
  5391. }
  5392. .hero.is-black .tabs li.is-active a {
  5393. opacity: 1;
  5394. }
  5395. .hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
  5396. color: white;
  5397. }
  5398. .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
  5399. background-color: rgba(10, 10, 10, 0.1);
  5400. }
  5401. .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 {
  5402. background-color: white;
  5403. border-color: white;
  5404. color: #0a0a0a;
  5405. }
  5406. .hero.is-black.is-bold {
  5407. background-image: -webkit-linear-gradient(309deg, black 0%, #0a0a0a 71%, #181616 100%);
  5408. background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
  5409. }
  5410. @media screen and (max-width: 768px) {
  5411. .hero.is-black .nav-toggle span {
  5412. background-color: white;
  5413. }
  5414. .hero.is-black .nav-toggle:hover {
  5415. background-color: rgba(10, 10, 10, 0.1);
  5416. }
  5417. .hero.is-black .nav-toggle.is-active span {
  5418. background-color: white;
  5419. }
  5420. .hero.is-black .nav-menu .nav-item {
  5421. border-top-color: rgba(255, 255, 255, 0.2);
  5422. }
  5423. }
  5424. .hero.is-light {
  5425. background-color: whitesmoke;
  5426. color: #363636;
  5427. }
  5428. .hero.is-light a:not(.button),
  5429. .hero.is-light strong {
  5430. color: inherit;
  5431. }
  5432. .hero.is-light .title {
  5433. color: #363636;
  5434. }
  5435. .hero.is-light .subtitle {
  5436. color: rgba(54, 54, 54, 0.9);
  5437. }
  5438. .hero.is-light .subtitle a:not(.button),
  5439. .hero.is-light .subtitle strong {
  5440. color: #363636;
  5441. }
  5442. .hero.is-light .nav {
  5443. box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2);
  5444. }
  5445. @media screen and (max-width: 768px) {
  5446. .hero.is-light .nav-menu {
  5447. background-color: whitesmoke;
  5448. }
  5449. }
  5450. .hero.is-light a.nav-item,
  5451. .hero.is-light .nav-item a:not(.button) {
  5452. color: rgba(54, 54, 54, 0.7);
  5453. }
  5454. .hero.is-light a.nav-item:hover, .hero.is-light a.nav-item.is-active,
  5455. .hero.is-light .nav-item a:not(.button):hover,
  5456. .hero.is-light .nav-item a:not(.button).is-active {
  5457. color: #363636;
  5458. }
  5459. .hero.is-light .tabs a {
  5460. color: #363636;
  5461. opacity: 0.9;
  5462. }
  5463. .hero.is-light .tabs a:hover {
  5464. opacity: 1;
  5465. }
  5466. .hero.is-light .tabs li.is-active a {
  5467. opacity: 1;
  5468. }
  5469. .hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
  5470. color: #363636;
  5471. }
  5472. .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
  5473. background-color: rgba(10, 10, 10, 0.1);
  5474. }
  5475. .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 {
  5476. background-color: #363636;
  5477. border-color: #363636;
  5478. color: whitesmoke;
  5479. }
  5480. .hero.is-light.is-bold {
  5481. background-image: -webkit-linear-gradient(309deg, #dfd8d8 0%, whitesmoke 71%, white 100%);
  5482. background-image: linear-gradient(141deg, #dfd8d8 0%, whitesmoke 71%, white 100%);
  5483. }
  5484. @media screen and (max-width: 768px) {
  5485. .hero.is-light .nav-toggle span {
  5486. background-color: #363636;
  5487. }
  5488. .hero.is-light .nav-toggle:hover {
  5489. background-color: rgba(10, 10, 10, 0.1);
  5490. }
  5491. .hero.is-light .nav-toggle.is-active span {
  5492. background-color: #363636;
  5493. }
  5494. .hero.is-light .nav-menu .nav-item {
  5495. border-top-color: rgba(54, 54, 54, 0.2);
  5496. }
  5497. }
  5498. .hero.is-dark {
  5499. background-color: #363636;
  5500. color: whitesmoke;
  5501. }
  5502. .hero.is-dark a:not(.button),
  5503. .hero.is-dark strong {
  5504. color: inherit;
  5505. }
  5506. .hero.is-dark .title {
  5507. color: whitesmoke;
  5508. }
  5509. .hero.is-dark .subtitle {
  5510. color: rgba(245, 245, 245, 0.9);
  5511. }
  5512. .hero.is-dark .subtitle a:not(.button),
  5513. .hero.is-dark .subtitle strong {
  5514. color: whitesmoke;
  5515. }
  5516. .hero.is-dark .nav {
  5517. box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2);
  5518. }
  5519. @media screen and (max-width: 768px) {
  5520. .hero.is-dark .nav-menu {
  5521. background-color: #363636;
  5522. }
  5523. }
  5524. .hero.is-dark a.nav-item,
  5525. .hero.is-dark .nav-item a:not(.button) {
  5526. color: rgba(245, 245, 245, 0.7);
  5527. }
  5528. .hero.is-dark a.nav-item:hover, .hero.is-dark a.nav-item.is-active,
  5529. .hero.is-dark .nav-item a:not(.button):hover,
  5530. .hero.is-dark .nav-item a:not(.button).is-active {
  5531. color: whitesmoke;
  5532. }
  5533. .hero.is-dark .tabs a {
  5534. color: whitesmoke;
  5535. opacity: 0.9;
  5536. }
  5537. .hero.is-dark .tabs a:hover {
  5538. opacity: 1;
  5539. }
  5540. .hero.is-dark .tabs li.is-active a {
  5541. opacity: 1;
  5542. }
  5543. .hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
  5544. color: whitesmoke;
  5545. }
  5546. .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
  5547. background-color: rgba(10, 10, 10, 0.1);
  5548. }
  5549. .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 {
  5550. background-color: whitesmoke;
  5551. border-color: whitesmoke;
  5552. color: #363636;
  5553. }
  5554. .hero.is-dark.is-bold {
  5555. background-image: -webkit-linear-gradient(309deg, #1f1919 0%, #363636 71%, #463f3f 100%);
  5556. background-image: linear-gradient(141deg, #1f1919 0%, #363636 71%, #463f3f 100%);
  5557. }
  5558. @media screen and (max-width: 768px) {
  5559. .hero.is-dark .nav-toggle span {
  5560. background-color: whitesmoke;
  5561. }
  5562. .hero.is-dark .nav-toggle:hover {
  5563. background-color: rgba(10, 10, 10, 0.1);
  5564. }
  5565. .hero.is-dark .nav-toggle.is-active span {
  5566. background-color: whitesmoke;
  5567. }
  5568. .hero.is-dark .nav-menu .nav-item {
  5569. border-top-color: rgba(245, 245, 245, 0.2);
  5570. }
  5571. }
  5572. .hero.is-primary {
  5573. background-color: #00d1b2;
  5574. color: #fff;
  5575. }
  5576. .hero.is-primary a:not(.button),
  5577. .hero.is-primary strong {
  5578. color: inherit;
  5579. }
  5580. .hero.is-primary .title {
  5581. color: #fff;
  5582. }
  5583. .hero.is-primary .subtitle {
  5584. color: rgba(255, 255, 255, 0.9);
  5585. }
  5586. .hero.is-primary .subtitle a:not(.button),
  5587. .hero.is-primary .subtitle strong {
  5588. color: #fff;
  5589. }
  5590. .hero.is-primary .nav {
  5591. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  5592. }
  5593. @media screen and (max-width: 768px) {
  5594. .hero.is-primary .nav-menu {
  5595. background-color: #00d1b2;
  5596. }
  5597. }
  5598. .hero.is-primary a.nav-item,
  5599. .hero.is-primary .nav-item a:not(.button) {
  5600. color: rgba(255, 255, 255, 0.7);
  5601. }
  5602. .hero.is-primary a.nav-item:hover, .hero.is-primary a.nav-item.is-active,
  5603. .hero.is-primary .nav-item a:not(.button):hover,
  5604. .hero.is-primary .nav-item a:not(.button).is-active {
  5605. color: #fff;
  5606. }
  5607. .hero.is-primary .tabs a {
  5608. color: #fff;
  5609. opacity: 0.9;
  5610. }
  5611. .hero.is-primary .tabs a:hover {
  5612. opacity: 1;
  5613. }
  5614. .hero.is-primary .tabs li.is-active a {
  5615. opacity: 1;
  5616. }
  5617. .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
  5618. color: #fff;
  5619. }
  5620. .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
  5621. background-color: rgba(10, 10, 10, 0.1);
  5622. }
  5623. .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 {
  5624. background-color: #fff;
  5625. border-color: #fff;
  5626. color: #00d1b2;
  5627. }
  5628. .hero.is-primary.is-bold {
  5629. background-image: -webkit-linear-gradient(309deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
  5630. background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
  5631. }
  5632. @media screen and (max-width: 768px) {
  5633. .hero.is-primary .nav-toggle span {
  5634. background-color: #fff;
  5635. }
  5636. .hero.is-primary .nav-toggle:hover {
  5637. background-color: rgba(10, 10, 10, 0.1);
  5638. }
  5639. .hero.is-primary .nav-toggle.is-active span {
  5640. background-color: #fff;
  5641. }
  5642. .hero.is-primary .nav-menu .nav-item {
  5643. border-top-color: rgba(255, 255, 255, 0.2);
  5644. }
  5645. }
  5646. .hero.is-info {
  5647. background-color: #3273dc;
  5648. color: #fff;
  5649. }
  5650. .hero.is-info a:not(.button),
  5651. .hero.is-info strong {
  5652. color: inherit;
  5653. }
  5654. .hero.is-info .title {
  5655. color: #fff;
  5656. }
  5657. .hero.is-info .subtitle {
  5658. color: rgba(255, 255, 255, 0.9);
  5659. }
  5660. .hero.is-info .subtitle a:not(.button),
  5661. .hero.is-info .subtitle strong {
  5662. color: #fff;
  5663. }
  5664. .hero.is-info .nav {
  5665. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  5666. }
  5667. @media screen and (max-width: 768px) {
  5668. .hero.is-info .nav-menu {
  5669. background-color: #3273dc;
  5670. }
  5671. }
  5672. .hero.is-info a.nav-item,
  5673. .hero.is-info .nav-item a:not(.button) {
  5674. color: rgba(255, 255, 255, 0.7);
  5675. }
  5676. .hero.is-info a.nav-item:hover, .hero.is-info a.nav-item.is-active,
  5677. .hero.is-info .nav-item a:not(.button):hover,
  5678. .hero.is-info .nav-item a:not(.button).is-active {
  5679. color: #fff;
  5680. }
  5681. .hero.is-info .tabs a {
  5682. color: #fff;
  5683. opacity: 0.9;
  5684. }
  5685. .hero.is-info .tabs a:hover {
  5686. opacity: 1;
  5687. }
  5688. .hero.is-info .tabs li.is-active a {
  5689. opacity: 1;
  5690. }
  5691. .hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
  5692. color: #fff;
  5693. }
  5694. .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
  5695. background-color: rgba(10, 10, 10, 0.1);
  5696. }
  5697. .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 {
  5698. background-color: #fff;
  5699. border-color: #fff;
  5700. color: #3273dc;
  5701. }
  5702. .hero.is-info.is-bold {
  5703. background-image: -webkit-linear-gradient(309deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
  5704. background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
  5705. }
  5706. @media screen and (max-width: 768px) {
  5707. .hero.is-info .nav-toggle span {
  5708. background-color: #fff;
  5709. }
  5710. .hero.is-info .nav-toggle:hover {
  5711. background-color: rgba(10, 10, 10, 0.1);
  5712. }
  5713. .hero.is-info .nav-toggle.is-active span {
  5714. background-color: #fff;
  5715. }
  5716. .hero.is-info .nav-menu .nav-item {
  5717. border-top-color: rgba(255, 255, 255, 0.2);
  5718. }
  5719. }
  5720. .hero.is-success {
  5721. background-color: #23d160;
  5722. color: #fff;
  5723. }
  5724. .hero.is-success a:not(.button),
  5725. .hero.is-success strong {
  5726. color: inherit;
  5727. }
  5728. .hero.is-success .title {
  5729. color: #fff;
  5730. }
  5731. .hero.is-success .subtitle {
  5732. color: rgba(255, 255, 255, 0.9);
  5733. }
  5734. .hero.is-success .subtitle a:not(.button),
  5735. .hero.is-success .subtitle strong {
  5736. color: #fff;
  5737. }
  5738. .hero.is-success .nav {
  5739. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  5740. }
  5741. @media screen and (max-width: 768px) {
  5742. .hero.is-success .nav-menu {
  5743. background-color: #23d160;
  5744. }
  5745. }
  5746. .hero.is-success a.nav-item,
  5747. .hero.is-success .nav-item a:not(.button) {
  5748. color: rgba(255, 255, 255, 0.7);
  5749. }
  5750. .hero.is-success a.nav-item:hover, .hero.is-success a.nav-item.is-active,
  5751. .hero.is-success .nav-item a:not(.button):hover,
  5752. .hero.is-success .nav-item a:not(.button).is-active {
  5753. color: #fff;
  5754. }
  5755. .hero.is-success .tabs a {
  5756. color: #fff;
  5757. opacity: 0.9;
  5758. }
  5759. .hero.is-success .tabs a:hover {
  5760. opacity: 1;
  5761. }
  5762. .hero.is-success .tabs li.is-active a {
  5763. opacity: 1;
  5764. }
  5765. .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
  5766. color: #fff;
  5767. }
  5768. .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
  5769. background-color: rgba(10, 10, 10, 0.1);
  5770. }
  5771. .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 {
  5772. background-color: #fff;
  5773. border-color: #fff;
  5774. color: #23d160;
  5775. }
  5776. .hero.is-success.is-bold {
  5777. background-image: -webkit-linear-gradient(309deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
  5778. background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
  5779. }
  5780. @media screen and (max-width: 768px) {
  5781. .hero.is-success .nav-toggle span {
  5782. background-color: #fff;
  5783. }
  5784. .hero.is-success .nav-toggle:hover {
  5785. background-color: rgba(10, 10, 10, 0.1);
  5786. }
  5787. .hero.is-success .nav-toggle.is-active span {
  5788. background-color: #fff;
  5789. }
  5790. .hero.is-success .nav-menu .nav-item {
  5791. border-top-color: rgba(255, 255, 255, 0.2);
  5792. }
  5793. }
  5794. .hero.is-warning {
  5795. background-color: #ffdd57;
  5796. color: rgba(0, 0, 0, 0.7);
  5797. }
  5798. .hero.is-warning a:not(.button),
  5799. .hero.is-warning strong {
  5800. color: inherit;
  5801. }
  5802. .hero.is-warning .title {
  5803. color: rgba(0, 0, 0, 0.7);
  5804. }
  5805. .hero.is-warning .subtitle {
  5806. color: rgba(0, 0, 0, 0.9);
  5807. }
  5808. .hero.is-warning .subtitle a:not(.button),
  5809. .hero.is-warning .subtitle strong {
  5810. color: rgba(0, 0, 0, 0.7);
  5811. }
  5812. .hero.is-warning .nav {
  5813. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  5814. }
  5815. @media screen and (max-width: 768px) {
  5816. .hero.is-warning .nav-menu {
  5817. background-color: #ffdd57;
  5818. }
  5819. }
  5820. .hero.is-warning a.nav-item,
  5821. .hero.is-warning .nav-item a:not(.button) {
  5822. color: rgba(0, 0, 0, 0.7);
  5823. }
  5824. .hero.is-warning a.nav-item:hover, .hero.is-warning a.nav-item.is-active,
  5825. .hero.is-warning .nav-item a:not(.button):hover,
  5826. .hero.is-warning .nav-item a:not(.button).is-active {
  5827. color: rgba(0, 0, 0, 0.7);
  5828. }
  5829. .hero.is-warning .tabs a {
  5830. color: rgba(0, 0, 0, 0.7);
  5831. opacity: 0.9;
  5832. }
  5833. .hero.is-warning .tabs a:hover {
  5834. opacity: 1;
  5835. }
  5836. .hero.is-warning .tabs li.is-active a {
  5837. opacity: 1;
  5838. }
  5839. .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
  5840. color: rgba(0, 0, 0, 0.7);
  5841. }
  5842. .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
  5843. background-color: rgba(10, 10, 10, 0.1);
  5844. }
  5845. .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 {
  5846. background-color: rgba(0, 0, 0, 0.7);
  5847. border-color: rgba(0, 0, 0, 0.7);
  5848. color: #ffdd57;
  5849. }
  5850. .hero.is-warning.is-bold {
  5851. background-image: -webkit-linear-gradient(309deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
  5852. background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
  5853. }
  5854. @media screen and (max-width: 768px) {
  5855. .hero.is-warning .nav-toggle span {
  5856. background-color: rgba(0, 0, 0, 0.7);
  5857. }
  5858. .hero.is-warning .nav-toggle:hover {
  5859. background-color: rgba(10, 10, 10, 0.1);
  5860. }
  5861. .hero.is-warning .nav-toggle.is-active span {
  5862. background-color: rgba(0, 0, 0, 0.7);
  5863. }
  5864. .hero.is-warning .nav-menu .nav-item {
  5865. border-top-color: rgba(0, 0, 0, 0.2);
  5866. }
  5867. }
  5868. .hero.is-danger {
  5869. background-color: #ff3860;
  5870. color: #fff;
  5871. }
  5872. .hero.is-danger a:not(.button),
  5873. .hero.is-danger strong {
  5874. color: inherit;
  5875. }
  5876. .hero.is-danger .title {
  5877. color: #fff;
  5878. }
  5879. .hero.is-danger .subtitle {
  5880. color: rgba(255, 255, 255, 0.9);
  5881. }
  5882. .hero.is-danger .subtitle a:not(.button),
  5883. .hero.is-danger .subtitle strong {
  5884. color: #fff;
  5885. }
  5886. .hero.is-danger .nav {
  5887. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  5888. }
  5889. @media screen and (max-width: 768px) {
  5890. .hero.is-danger .nav-menu {
  5891. background-color: #ff3860;
  5892. }
  5893. }
  5894. .hero.is-danger a.nav-item,
  5895. .hero.is-danger .nav-item a:not(.button) {
  5896. color: rgba(255, 255, 255, 0.7);
  5897. }
  5898. .hero.is-danger a.nav-item:hover, .hero.is-danger a.nav-item.is-active,
  5899. .hero.is-danger .nav-item a:not(.button):hover,
  5900. .hero.is-danger .nav-item a:not(.button).is-active {
  5901. color: #fff;
  5902. }
  5903. .hero.is-danger .tabs a {
  5904. color: #fff;
  5905. opacity: 0.9;
  5906. }
  5907. .hero.is-danger .tabs a:hover {
  5908. opacity: 1;
  5909. }
  5910. .hero.is-danger .tabs li.is-active a {
  5911. opacity: 1;
  5912. }
  5913. .hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
  5914. color: #fff;
  5915. }
  5916. .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
  5917. background-color: rgba(10, 10, 10, 0.1);
  5918. }
  5919. .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 {
  5920. background-color: #fff;
  5921. border-color: #fff;
  5922. color: #ff3860;
  5923. }
  5924. .hero.is-danger.is-bold {
  5925. background-image: -webkit-linear-gradient(309deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);
  5926. background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);
  5927. }
  5928. @media screen and (max-width: 768px) {
  5929. .hero.is-danger .nav-toggle span {
  5930. background-color: #fff;
  5931. }
  5932. .hero.is-danger .nav-toggle:hover {
  5933. background-color: rgba(10, 10, 10, 0.1);
  5934. }
  5935. .hero.is-danger .nav-toggle.is-active span {
  5936. background-color: #fff;
  5937. }
  5938. .hero.is-danger .nav-menu .nav-item {
  5939. border-top-color: rgba(255, 255, 255, 0.2);
  5940. }
  5941. }
  5942. @media screen and (min-width: 769px), print {
  5943. .hero.is-medium .hero-body {
  5944. padding-bottom: 9rem;
  5945. padding-top: 9rem;
  5946. }
  5947. }
  5948. @media screen and (min-width: 769px), print {
  5949. .hero.is-large .hero-body {
  5950. padding-bottom: 18rem;
  5951. padding-top: 18rem;
  5952. }
  5953. }
  5954. .hero.is-fullheight {
  5955. min-height: 100vh;
  5956. }
  5957. .hero.is-fullheight .hero-body {
  5958. -webkit-box-align: center;
  5959. -ms-flex-align: center;
  5960. align-items: center;
  5961. display: -webkit-box;
  5962. display: -ms-flexbox;
  5963. display: flex;
  5964. }
  5965. .hero.is-fullheight .hero-body > .container {
  5966. -webkit-box-flex: 1;
  5967. -ms-flex-positive: 1;
  5968. flex-grow: 1;
  5969. -ms-flex-negative: 1;
  5970. flex-shrink: 1;
  5971. }
  5972. .section {
  5973. background-color: white;
  5974. padding: 3rem 1.5rem;
  5975. }
  5976. @media screen and (min-width: 1000px) {
  5977. .section.is-medium {
  5978. padding: 9rem 1.5rem;
  5979. }
  5980. .section.is-large {
  5981. padding: 18rem 1.5rem;
  5982. }
  5983. }
  5984. .footer {
  5985. background-color: whitesmoke;
  5986. padding: 3rem 1.5rem 6rem;
  5987. }
  5988. .highlight {
  5989. background-color: #fdf6e3;
  5990. color: #586e75;
  5991. }
  5992. .highlight .c {
  5993. color: #93a1a1;
  5994. }
  5995. .highlight .err,
  5996. .highlight .g {
  5997. color: #586e75;
  5998. }
  5999. .highlight .k {
  6000. color: #859900;
  6001. }
  6002. .highlight .l,
  6003. .highlight .n {
  6004. color: #586e75;
  6005. }
  6006. .highlight .o {
  6007. color: #859900;
  6008. }
  6009. .highlight .x {
  6010. color: #cb4b16;
  6011. }
  6012. .highlight .p {
  6013. color: #586e75;
  6014. }
  6015. .highlight .cm {
  6016. color: #93a1a1;
  6017. }
  6018. .highlight .cp {
  6019. color: #859900;
  6020. }
  6021. .highlight .c1 {
  6022. color: #93a1a1;
  6023. }
  6024. .highlight .cs {
  6025. color: #859900;
  6026. }
  6027. .highlight .gd {
  6028. color: #2aa198;
  6029. }
  6030. .highlight .ge {
  6031. color: #586e75;
  6032. font-style: italic;
  6033. }
  6034. .highlight .gr {
  6035. color: #dc322f;
  6036. }
  6037. .highlight .gh {
  6038. color: #cb4b16;
  6039. }
  6040. .highlight .gi {
  6041. color: #859900;
  6042. }
  6043. .highlight .go,
  6044. .highlight .gp {
  6045. color: #586e75;
  6046. }
  6047. .highlight .gs {
  6048. color: #586e75;
  6049. font-weight: bold;
  6050. }
  6051. .highlight .gu {
  6052. color: #cb4b16;
  6053. }
  6054. .highlight .gt {
  6055. color: #586e75;
  6056. }
  6057. .highlight .kc {
  6058. color: #cb4b16;
  6059. }
  6060. .highlight .kd {
  6061. color: #268bd2;
  6062. }
  6063. .highlight .kn,
  6064. .highlight .kp {
  6065. color: #859900;
  6066. }
  6067. .highlight .kr {
  6068. color: #268bd2;
  6069. }
  6070. .highlight .kt {
  6071. color: #dc322f;
  6072. }
  6073. .highlight .ld {
  6074. color: #586e75;
  6075. }
  6076. .highlight .m,
  6077. .highlight .s {
  6078. color: #2aa198;
  6079. }
  6080. .highlight .na {
  6081. color: #B58900;
  6082. }
  6083. .highlight .nb {
  6084. color: #586e75;
  6085. }
  6086. .highlight .nc {
  6087. color: #268bd2;
  6088. }
  6089. .highlight .no {
  6090. color: #cb4b16;
  6091. }
  6092. .highlight .nd {
  6093. color: #268bd2;
  6094. }
  6095. .highlight .ni,
  6096. .highlight .ne {
  6097. color: #cb4b16;
  6098. }
  6099. .highlight .nf {
  6100. color: #268bd2;
  6101. }
  6102. .highlight .nl,
  6103. .highlight .nn,
  6104. .highlight .nx,
  6105. .highlight .py {
  6106. color: #586e75;
  6107. }
  6108. .highlight .nt,
  6109. .highlight .nv {
  6110. color: #268bd2;
  6111. }
  6112. .highlight .ow {
  6113. color: #859900;
  6114. }
  6115. .highlight .w {
  6116. color: #586e75;
  6117. }
  6118. .highlight .mf,
  6119. .highlight .mh,
  6120. .highlight .mi,
  6121. .highlight .mo {
  6122. color: #2aa198;
  6123. }
  6124. .highlight .sb {
  6125. color: #93a1a1;
  6126. }
  6127. .highlight .sc {
  6128. color: #2aa198;
  6129. }
  6130. .highlight .sd {
  6131. color: #586e75;
  6132. }
  6133. .highlight .s2 {
  6134. color: #2aa198;
  6135. }
  6136. .highlight .se {
  6137. color: #cb4b16;
  6138. }
  6139. .highlight .sh {
  6140. color: #586e75;
  6141. }
  6142. .highlight .si,
  6143. .highlight .sx {
  6144. color: #2aa198;
  6145. }
  6146. .highlight .sr {
  6147. color: #dc322f;
  6148. }
  6149. .highlight .s1,
  6150. .highlight .ss {
  6151. color: #2aa198;
  6152. }
  6153. .highlight .bp,
  6154. .highlight .vc,
  6155. .highlight .vg,
  6156. .highlight .vi {
  6157. color: #268bd2;
  6158. }
  6159. .highlight .il {
  6160. color: #2aa198;
  6161. }
  6162. @media screen and (min-width: 769px), print {
  6163. .button small {
  6164. color: #4a4a4a;
  6165. left: 0;
  6166. margin-top: 10px;
  6167. position: absolute;
  6168. top: 100%;
  6169. width: 100%;
  6170. }
  6171. }
  6172. body.page-grid .column > .notification {
  6173. padding-left: 0;
  6174. padding-right: 0;
  6175. text-align: center;
  6176. }
  6177. @media screen and (min-width: 769px), print {
  6178. .header-item .button + .button {
  6179. margin-left: 0.75rem;
  6180. }
  6181. }
  6182. svg {
  6183. max-height: 100%;
  6184. max-width: 100%;
  6185. }
  6186. #carbon {
  6187. max-width: 340px;
  6188. min-height: 150px;
  6189. padding: 0;
  6190. position: relative;
  6191. }
  6192. #carbon:hover {
  6193. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
  6194. }
  6195. @media screen and (min-width: 769px), print {
  6196. #carbon {
  6197. margin-left: auto;
  6198. margin-right: auto;
  6199. width: 340px;
  6200. }
  6201. }
  6202. #carbonads {
  6203. text-align: left;
  6204. }
  6205. #carbonads a,
  6206. #carbonads span {
  6207. display: block;
  6208. }
  6209. #carbonads .carbon-wrap {
  6210. position: relative;
  6211. }
  6212. #carbonads .carbon-img {
  6213. float: left;
  6214. height: 130px;
  6215. padding: 15px 0 15px 15px;
  6216. width: 145px;
  6217. }
  6218. #carbonads .carbon-img img {
  6219. display: block;
  6220. height: 100px;
  6221. width: 130px;
  6222. }
  6223. #carbonads .carbon-text {
  6224. display: block;
  6225. color: #363636;
  6226. line-height: 20px;
  6227. padding: 15px 15px 35px 160px;
  6228. }
  6229. #carbonads .carbon-poweredby {
  6230. bottom: 0;
  6231. color: #7a7a7a;
  6232. font-size: 0.75rem;
  6233. left: 160px;
  6234. line-height: 20px;
  6235. padding: 0 15px 10px 0;
  6236. position: absolute;
  6237. right: 0;
  6238. }
  6239. @-webkit-keyframes floatUp {
  6240. 0% {
  6241. box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0);
  6242. -webkit-transform: scale(0.86);
  6243. transform: scale(0.86);
  6244. }
  6245. 67% {
  6246. box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
  6247. -webkit-transform: scale(1);
  6248. transform: scale(1);
  6249. }
  6250. 100% {
  6251. box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
  6252. -webkit-transform: scale(1);
  6253. transform: scale(1);
  6254. }
  6255. }
  6256. @keyframes floatUp {
  6257. 0% {
  6258. box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0);
  6259. -webkit-transform: scale(0.86);
  6260. transform: scale(0.86);
  6261. }
  6262. 67% {
  6263. box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
  6264. -webkit-transform: scale(1);
  6265. transform: scale(1);
  6266. }
  6267. 100% {
  6268. box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
  6269. -webkit-transform: scale(1);
  6270. transform: scale(1);
  6271. }
  6272. }
  6273. @-webkit-keyframes strokePath {
  6274. from {
  6275. stroke-dashoffset: 880;
  6276. }
  6277. to {
  6278. stroke-dashoffset: 0;
  6279. }
  6280. }
  6281. @keyframes strokePath {
  6282. from {
  6283. stroke-dashoffset: 880;
  6284. }
  6285. to {
  6286. stroke-dashoffset: 0;
  6287. }
  6288. }
  6289. @-webkit-keyframes fadeIn {
  6290. from {
  6291. opacity: 0;
  6292. -webkit-transform: scale(0.86);
  6293. transform: scale(0.86);
  6294. }
  6295. to {
  6296. opacity: 1;
  6297. -webkit-transform: scale(1);
  6298. transform: scale(1);
  6299. }
  6300. }
  6301. @keyframes fadeIn {
  6302. from {
  6303. opacity: 0;
  6304. -webkit-transform: scale(0.86);
  6305. transform: scale(0.86);
  6306. }
  6307. to {
  6308. opacity: 1;
  6309. -webkit-transform: scale(1);
  6310. transform: scale(1);
  6311. }
  6312. }
  6313. @-webkit-keyframes fadeOut {
  6314. 0% {
  6315. opacity: 1;
  6316. -webkit-transform: scale(0.86);
  6317. transform: scale(0.86);
  6318. }
  6319. 67% {
  6320. opacity: 1;
  6321. -webkit-transform: scale(0.86);
  6322. transform: scale(0.86);
  6323. }
  6324. 100% {
  6325. opacity: 0;
  6326. -webkit-transform: scale(1);
  6327. transform: scale(1);
  6328. }
  6329. }
  6330. @keyframes fadeOut {
  6331. 0% {
  6332. opacity: 1;
  6333. -webkit-transform: scale(0.86);
  6334. transform: scale(0.86);
  6335. }
  6336. 67% {
  6337. opacity: 1;
  6338. -webkit-transform: scale(0.86);
  6339. transform: scale(0.86);
  6340. }
  6341. 100% {
  6342. opacity: 0;
  6343. -webkit-transform: scale(1);
  6344. transform: scale(1);
  6345. }
  6346. }
  6347. @-webkit-keyframes slideDown {
  6348. 0% {
  6349. opacity: 0;
  6350. -webkit-transform: translateY(-10px);
  6351. transform: translateY(-10px);
  6352. }
  6353. 100% {
  6354. opacity: 1;
  6355. -webkit-transform: translateY(0);
  6356. transform: translateY(0);
  6357. }
  6358. }
  6359. @keyframes slideDown {
  6360. 0% {
  6361. opacity: 0;
  6362. -webkit-transform: translateY(-10px);
  6363. transform: translateY(-10px);
  6364. }
  6365. 100% {
  6366. opacity: 1;
  6367. -webkit-transform: translateY(0);
  6368. transform: translateY(0);
  6369. }
  6370. }
  6371. @-webkit-keyframes slideUp {
  6372. 0% {
  6373. opacity: 0;
  6374. -webkit-transform: translateY(10px);
  6375. transform: translateY(10px);
  6376. }
  6377. 100% {
  6378. opacity: 1;
  6379. -webkit-transform: translateY(0);
  6380. transform: translateY(0);
  6381. }
  6382. }
  6383. @keyframes slideUp {
  6384. 0% {
  6385. opacity: 0;
  6386. -webkit-transform: translateY(10px);
  6387. transform: translateY(10px);
  6388. }
  6389. 100% {
  6390. opacity: 1;
  6391. -webkit-transform: translateY(0);
  6392. transform: translateY(0);
  6393. }
  6394. }
  6395. #b {
  6396. -webkit-animation-duration: 1.5s;
  6397. animation-duration: 1.5s;
  6398. -webkit-animation-fill-mode: both;
  6399. animation-fill-mode: both;
  6400. -webkit-animation-name: floatUp;
  6401. animation-name: floatUp;
  6402. -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
  6403. animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
  6404. border-radius: 24px;
  6405. display: inline-block;
  6406. height: 240px;
  6407. margin-bottom: 40px;
  6408. position: relative;
  6409. vertical-align: top;
  6410. width: 240px;
  6411. }
  6412. #b svg {
  6413. bottom: 0;
  6414. left: 0;
  6415. position: absolute;
  6416. right: 0;
  6417. top: 0;
  6418. display: block;
  6419. height: 240px;
  6420. width: 240px;
  6421. }
  6422. #b svg:first-child {
  6423. -webkit-animation-duration: 1.5s;
  6424. animation-duration: 1.5s;
  6425. -webkit-animation-fill-mode: both;
  6426. animation-fill-mode: both;
  6427. -webkit-animation-name: fadeOut;
  6428. animation-name: fadeOut;
  6429. -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
  6430. animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
  6431. }
  6432. #b svg:first-child g {
  6433. -webkit-animation-duration: 1s;
  6434. animation-duration: 1s;
  6435. -webkit-animation-fill-mode: both;
  6436. animation-fill-mode: both;
  6437. -webkit-animation-name: strokePath;
  6438. animation-name: strokePath;
  6439. -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
  6440. animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
  6441. fill: none;
  6442. stroke: #00d1b2;
  6443. stroke-dasharray: 880;
  6444. stroke-width: 2px;
  6445. }
  6446. #b svg:last-child {
  6447. -webkit-animation-delay: 1s;
  6448. animation-delay: 1s;
  6449. -webkit-animation-duration: 1s;
  6450. animation-duration: 1s;
  6451. -webkit-animation-fill-mode: both;
  6452. animation-fill-mode: both;
  6453. -webkit-animation-name: fadeIn;
  6454. animation-name: fadeIn;
  6455. -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
  6456. animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
  6457. }
  6458. #b svg:last-child g {
  6459. fill: #00d1b2;
  6460. }
  6461. @media screen and (max-width: 768px) {
  6462. #b {
  6463. border-radius: 16px;
  6464. height: 160px;
  6465. width: 160px;
  6466. }
  6467. }
  6468. #bulma {
  6469. -webkit-animation: slideDown 500ms both;
  6470. animation: slideDown 500ms both;
  6471. }
  6472. #modern-framework {
  6473. -webkit-animation: slideUp 500ms both;
  6474. animation: slideUp 500ms both;
  6475. -webkit-animation-delay: 0.2s;
  6476. animation-delay: 0.2s;
  6477. }
  6478. #npm {
  6479. -webkit-box-align: center;
  6480. -ms-flex-align: center;
  6481. align-items: center;
  6482. -webkit-animation: fadeIn 500ms both;
  6483. animation: fadeIn 500ms both;
  6484. -webkit-animation-delay: 0.4s;
  6485. animation-delay: 0.4s;
  6486. background: none;
  6487. display: -webkit-box;
  6488. display: -ms-flexbox;
  6489. display: flex;
  6490. -webkit-box-pack: center;
  6491. -ms-flex-pack: center;
  6492. justify-content: center;
  6493. margin: -10px 0 20px;
  6494. }
  6495. #npm code {
  6496. background: whitesmoke;
  6497. border-radius: 3px;
  6498. color: #00d1b2;
  6499. display: inline-block;
  6500. font-size: 16px;
  6501. padding: 16px 32px;
  6502. }
  6503. #ghbtns {
  6504. -webkit-animation: slideDown 500ms both;
  6505. animation: slideDown 500ms both;
  6506. -webkit-animation-delay: 0.6s;
  6507. animation-delay: 0.6s;
  6508. }
  6509. html.route-index #carbon {
  6510. -webkit-animation: slideUp 500ms both;
  6511. animation: slideUp 500ms both;
  6512. -webkit-animation-delay: 0.8s;
  6513. animation-delay: 0.8s;
  6514. }
  6515. #download {
  6516. -webkit-animation: fadeIn 500ms both;
  6517. animation: fadeIn 500ms both;
  6518. -webkit-animation-delay: 1s;
  6519. animation-delay: 1s;
  6520. }
  6521. #grid .notification {
  6522. padding-left: 0;
  6523. padding-right: 0;
  6524. }
  6525. #message {
  6526. display: none;
  6527. }
  6528. #tweet {
  6529. background: white;
  6530. border-radius: 5px;
  6531. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  6532. padding: 1.5rem;
  6533. }
  6534. #github {
  6535. color: #333333;
  6536. border-color: #333333;
  6537. }
  6538. #github:hover {
  6539. background: #333333;
  6540. border-color: #333333;
  6541. color: white;
  6542. }
  6543. #twitter {
  6544. color: #55acee;
  6545. border-color: #55acee;
  6546. }
  6547. #twitter:hover {
  6548. background: #55acee;
  6549. border-color: #55acee;
  6550. color: white;
  6551. }
  6552. #about .twitter-container {
  6553. display: block;
  6554. height: 30px;
  6555. line-height: 30px;
  6556. margin-top: 5px;
  6557. }
  6558. #about small {
  6559. display: block;
  6560. margin-top: 5px;
  6561. }
  6562. #mc_embed_signup .field {
  6563. margin-bottom: 0;
  6564. }
  6565. #mc_embed_signup .notification {
  6566. margin-top: 0.75rem;
  6567. }
  6568. #share form {
  6569. height: 30px;
  6570. margin-top: 10px;
  6571. }
  6572. #social {
  6573. -webkit-box-align: center;
  6574. -ms-flex-align: center;
  6575. align-items: center;
  6576. display: -webkit-box;
  6577. display: -ms-flexbox;
  6578. display: flex;
  6579. -ms-flex-wrap: wrap;
  6580. flex-wrap: wrap;
  6581. -webkit-box-pack: start;
  6582. -ms-flex-pack: start;
  6583. justify-content: flex-start;
  6584. }
  6585. #social > iframe,
  6586. #social > a,
  6587. #social > form,
  6588. #social > div {
  6589. display: inline-block;
  6590. font-size: 11px;
  6591. height: 30px;
  6592. line-height: 30px;
  6593. margin-top: 5px;
  6594. }
  6595. #social .github-btn {
  6596. width: 160px;
  6597. }
  6598. #social .twitter-share-button {
  6599. margin-right: 10px;
  6600. min-width: 76px;
  6601. }
  6602. #social .paypal-form {
  6603. min-width: 148px;
  6604. }
  6605. #social .fb-like {
  6606. -webkit-box-align: center;
  6607. -ms-flex-align: center;
  6608. align-items: center;
  6609. display: -webkit-box;
  6610. display: -ms-flexbox;
  6611. display: flex;
  6612. width: 130px;
  6613. }
  6614. #newsletter .input {
  6615. border-color: white;
  6616. box-shadow: none;
  6617. }
  6618. #sister ul {
  6619. display: -webkit-box;
  6620. display: -ms-flexbox;
  6621. display: flex;
  6622. -ms-flex-wrap: wrap;
  6623. flex-wrap: wrap;
  6624. }
  6625. #sister li {
  6626. display: -webkit-box;
  6627. display: -ms-flexbox;
  6628. display: flex;
  6629. height: 30px;
  6630. margin: 5px 1rem 0 0;
  6631. }
  6632. #sister img {
  6633. height: 30px;
  6634. }
  6635. #tsp small {
  6636. display: block;
  6637. }
  6638. #images tr td:nth-child(2) {
  6639. width: 320px;
  6640. }
  6641. .color {
  6642. border-radius: 2px;
  6643. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  6644. display: inline-block;
  6645. float: left;
  6646. height: 24px;
  6647. margin-right: 8px;
  6648. width: 24px;
  6649. }
  6650. .example,
  6651. .structure {
  6652. border: 1px solid #ffdd57;
  6653. border-top-right-radius: 3px;
  6654. color: rgba(0, 0, 0, 0.7);
  6655. padding: 1.5rem;
  6656. position: relative;
  6657. }
  6658. .example:not(:first-child),
  6659. .structure:not(:first-child) {
  6660. margin-top: 2rem;
  6661. }
  6662. .example:not(:last-child),
  6663. .structure:not(:last-child) {
  6664. margin-bottom: 1.5rem;
  6665. }
  6666. .example:before,
  6667. .structure:before {
  6668. background: #ffdd57;
  6669. border-radius: 3px 3px 0 0;
  6670. bottom: 100%;
  6671. content: "Example";
  6672. display: inline-block;
  6673. font-size: 7px;
  6674. font-weight: bold;
  6675. left: -1px;
  6676. letter-spacing: 1px;
  6677. padding: 3px 5px;
  6678. position: absolute;
  6679. text-transform: uppercase;
  6680. vertical-align: top;
  6681. }
  6682. @media screen and (min-width: 769px), print {
  6683. .example.is-fullwidth,
  6684. .structure.is-fullwidth {
  6685. border-left: none;
  6686. border-right: none;
  6687. padding: 0;
  6688. }
  6689. }
  6690. .example + .highlight {
  6691. border: 1px solid #ffdd57;
  6692. border-radius: 0 0 3px 3px;
  6693. border-top: none;
  6694. margin-top: -1.5rem;
  6695. }
  6696. .example + .highlight:not(:last-child) {
  6697. margin-bottom: 1.5rem;
  6698. }
  6699. .highlight pre {
  6700. max-height: 600px;
  6701. }
  6702. .structure {
  6703. border-color: #ff3860;
  6704. border-radius: 3px;
  6705. padding: 1.5rem;
  6706. }
  6707. .structure:before {
  6708. background: #ff3860;
  6709. color: #fff;
  6710. content: "Structure";
  6711. }
  6712. .structure-item {
  6713. position: relative;
  6714. }
  6715. .structure-item:before {
  6716. bottom: 0;
  6717. left: 0;
  6718. position: absolute;
  6719. right: 0;
  6720. top: 0;
  6721. background: rgba(10, 10, 10, 0.7);
  6722. background: whitesmoke;
  6723. border: 1px solid #dbdbdb;
  6724. content: "";
  6725. display: block;
  6726. z-index: 1;
  6727. }
  6728. .structure-item:after {
  6729. bottom: 0;
  6730. left: 0;
  6731. position: absolute;
  6732. right: 0;
  6733. top: 0;
  6734. -webkit-box-align: center;
  6735. -ms-flex-align: center;
  6736. align-items: center;
  6737. content: attr(title);
  6738. display: -webkit-box;
  6739. display: -ms-flexbox;
  6740. display: flex;
  6741. font-family: monospace;
  6742. font-size: 11px;
  6743. -webkit-box-pack: center;
  6744. -ms-flex-pack: center;
  6745. justify-content: center;
  6746. padding: 3px 5px;
  6747. z-index: 2;
  6748. }
  6749. .structure-item.is-structure-container {
  6750. padding: 1.5rem 0.75rem 0.75rem;
  6751. }
  6752. .structure-item.is-structure-container:after {
  6753. -webkit-box-align: start;
  6754. -ms-flex-align: start;
  6755. align-items: flex-start;
  6756. -webkit-box-pack: start;
  6757. -ms-flex-pack: start;
  6758. justify-content: flex-start;
  6759. padding: 0.5rem 0.75rem;
  6760. }
  6761. .highlight {
  6762. position: relative;
  6763. }
  6764. .highlight .copy,
  6765. .highlight .expand {
  6766. -webkit-touch-callout: none;
  6767. -webkit-user-select: none;
  6768. -moz-user-select: none;
  6769. -ms-user-select: none;
  6770. user-select: none;
  6771. background: white;
  6772. border: solid #dbdbdb;
  6773. border-width: 0 0 1px 1px;
  6774. color: #7a7a7a;
  6775. cursor: pointer;
  6776. outline: none;
  6777. position: absolute;
  6778. right: 0;
  6779. top: 0;
  6780. }
  6781. .highlight .copy:hover,
  6782. .highlight .expand:hover {
  6783. border-color: #ff3860;
  6784. color: #ff3860;
  6785. }
  6786. .highlight .expand {
  6787. border-right-width: 1px;
  6788. right: 50px;
  6789. }
  6790. @media screen and (min-width: 769px), print {
  6791. .highlight pre {
  6792. white-space: pre-wrap;
  6793. }
  6794. }
  6795. @media screen and (min-width: 769px), print {
  6796. .section:not(.is-fullwidth) > .example:not(.is-fullwidth) {
  6797. margin-left: 1.5rem;
  6798. margin-right: 1.5rem;
  6799. }
  6800. .section:not(.is-fullwidth) > .example:not(.is-fullwidth) + .highlight {
  6801. margin-left: 1.5rem;
  6802. margin-right: 1.5rem;
  6803. }
  6804. }
  6805. .section.is-fullwidth {
  6806. padding: 0 !important;
  6807. }
  6808. .section.is-fullwidth .example {
  6809. border-left: none;
  6810. border-radius: 0;
  6811. border-right: none;
  6812. padding: 0;
  6813. }
  6814. .section.is-fullwidth .example + .highlight {
  6815. border-left: none;
  6816. border-radius: 0;
  6817. border-right: none;
  6818. }
  6819. .callout {
  6820. background-color: whitesmoke;
  6821. border-radius: 3px;
  6822. padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  6823. position: relative;
  6824. }
  6825. .callout:not(:last-child) {
  6826. margin-bottom: 1.5rem;
  6827. }
  6828. .callout.is-white {
  6829. background-color: white;
  6830. color: #0a0a0a;
  6831. }
  6832. .callout.is-black {
  6833. background-color: #0a0a0a;
  6834. color: white;
  6835. }
  6836. .callout.is-light {
  6837. background-color: whitesmoke;
  6838. color: #363636;
  6839. }
  6840. .callout.is-dark {
  6841. background-color: #363636;
  6842. color: whitesmoke;
  6843. }
  6844. .callout.is-primary {
  6845. background-color: #00d1b2;
  6846. color: #fff;
  6847. }
  6848. .callout.is-info {
  6849. background-color: #3273dc;
  6850. color: #fff;
  6851. }
  6852. .callout.is-success {
  6853. background-color: #23d160;
  6854. color: #fff;
  6855. }
  6856. .callout.is-warning {
  6857. background-color: #ffdd57;
  6858. color: rgba(0, 0, 0, 0.7);
  6859. }
  6860. .callout.is-danger {
  6861. background-color: #ff3860;
  6862. color: #fff;
  6863. }
  6864. .bsa {
  6865. padding: 2rem;
  6866. }
  6867. .bsa-cpc {
  6868. min-height: 1px;
  6869. }
  6870. #_default_ .default-ad {
  6871. background-color: rgba(0, 0, 0, 0.3);
  6872. border-radius: 2px;
  6873. color: white;
  6874. display: inline-block;
  6875. font-size: 10px;
  6876. font-weight: bold;
  6877. padding: 0 4px;
  6878. text-transform: uppercase;
  6879. vertical-align: top;
  6880. }
  6881. #_default_ > a {
  6882. background-color: white;
  6883. border-radius: 5px;
  6884. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  6885. color: #4a4a4a;
  6886. display: block;
  6887. line-height: 1.375;
  6888. margin-top: 15px;
  6889. padding: 15px;
  6890. padding-left: 70px;
  6891. position: relative;
  6892. }
  6893. #_default_ > a:hover, #_default_ > a:focus {
  6894. box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
  6895. }
  6896. #_default_ > a:active {
  6897. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2;
  6898. }
  6899. #_default_ > a span {
  6900. display: block;
  6901. }
  6902. #_default_ > a .default-image {
  6903. display: block;
  6904. left: 15px;
  6905. height: 40px;
  6906. position: absolute;
  6907. top: 15px;
  6908. width: 40px;
  6909. }
  6910. #_default_ > a .default-image img {
  6911. display: block;
  6912. height: 40px;
  6913. width: 40px;
  6914. }
  6915. #_default_ > a .default-title {
  6916. color: #363636;
  6917. font-weight: 700;
  6918. }
  6919. @media screen and (min-width: 769px), print {
  6920. .bsa .columns {
  6921. min-height: 120px;
  6922. }
  6923. #_default_ {
  6924. display: -webkit-box;
  6925. display: -ms-flexbox;
  6926. display: flex;
  6927. -webkit-box-pack: center;
  6928. -ms-flex-pack: center;
  6929. justify-content: center;
  6930. position: relative;
  6931. }
  6932. #_default_ .default-ad {
  6933. left: 100%;
  6934. margin-left: 2rem;
  6935. position: absolute;
  6936. top: 0;
  6937. }
  6938. #_default_ > a {
  6939. margin: 0;
  6940. }
  6941. #_default_ > a:not(:nth-child(2)) {
  6942. margin-left: 2rem;
  6943. }
  6944. }
  6945. html.route-index .title.is-2 {
  6946. position: relative;
  6947. }
  6948. html.route-index .title.is-2 a {
  6949. color: #242424;
  6950. padding-left: 48px;
  6951. position: relative;
  6952. }
  6953. html.route-index .title.is-2 a:hover {
  6954. color: #00d1b2;
  6955. }
  6956. html.route-index .title.is-2 .icon.is-medium {
  6957. left: 8px;
  6958. position: absolute;
  6959. top: 10px;
  6960. }
  6961. html.route-index .hero .title.is-2 a {
  6962. color: white;
  6963. }
  6964. html.route-index .hero .title.is-2 a:hover {
  6965. color: white;
  6966. }
  6967. html.route-index .hero.is-primary a.column,
  6968. html.route-index .hero.is-primary a.column:hover {
  6969. color: white;
  6970. }
  6971. html.route-index .hero.is-primary a.column:hover .title strong {
  6972. border-bottom: 1px solid;
  6973. }
  6974. @media screen and (max-width: 979px) {
  6975. html.route-index .title.is-2 a {
  6976. padding-left: 0;
  6977. }
  6978. html.route-index .title.is-2 .icon.is-medium {
  6979. display: none;
  6980. }
  6981. }
  6982. html ::-moz-selection {
  6983. background: #00d1b2;
  6984. color: #fff;
  6985. }
  6986. html ::selection {
  6987. background: #00d1b2;
  6988. color: #fff;
  6989. }