mirrors
/
sonarqube
mirror of https://github.com/SonarSource/sonarqube.git
Watch 1
Star 0
Fork 0
Code Issues 0 Releases 237 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32875 Commits
59 Branches
Tree: 8723b6a9d7
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '8723b6a9d7'
${ noResults }
sonarqube/server/sonar-web/src/main/js/components/controls/__tests__/__snapshots__/BoxedTabs-test.tsx.snap

BoxedTabs-test.tsx.snap 49KB
Raw Blame History

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368 
  1. // Jest Snapshot v1, https://goo.gl/fbAQLP

  2. 

  3. exports[`should render correctly 1`] = `

  4. .emotion-6 {

  5.   display: -webkit-box;

  6.   display: -webkit-flex;

  7.   display: -ms-flexbox;

  8.   display: flex;

  9.   -webkit-flex-direction: row;

  10.   -ms-flex-direction: row;

  11.   flex-direction: row;

  12. }

  13. 

  14. .emotion-1 {

  15.   position: relative;

  16.   background-color: white;

  17.   border-top: 1px solid #e6e6e6;

  18.   border-left: 1px solid #e6e6e6;

  19.   border-right: none;

  20.   border-bottom: none;

  21.   margin-bottom: -1px;

  22.   min-width: 128px;

  23.   min-height: 56px;

  24.   outline: 0;

  25.   padding: calc(2 * 8px);

  26. }

  27. 

  28. .emotion-1:last-child {

  29.   border-right: 1px solid #e6e6e6;

  30. }

  31. 

  32. .emotion-0 {

  33.   display: block;

  34.   background-color: #4b9fd5;

  35.   height: 3px;

  36.   width: 100%;

  37.   position: absolute;

  38.   left: 0;

  39.   top: -1px;

  40. }

  41. 

  42. .emotion-3 {

  43.   position: relative;

  44.   background-color: #f3f3f3;

  45.   border-top: 1px solid #e6e6e6;

  46.   border-left: 1px solid #e6e6e6;

  47.   border-right: none;

  48.   border-bottom: none;

  49.   margin-bottom: -1px;

  50.   min-width: 128px;

  51.   min-height: 56px;

  52.   cursor: pointer;

  53.   outline: 0;

  54.   padding: calc(2 * 8px);

  55. }

  56. 

  57. .emotion-3:hover {

  58.   background-color: #f8f8f8;

  59. }

  60. 

  61. .emotion-3:last-child {

  62.   border-right: 1px solid #e6e6e6;

  63. }

  64. 

  65. .emotion-2 {

  66.   display: none;

  67.   background-color: #4b9fd5;

  68.   height: 3px;

  69.   width: 100%;

  70.   position: absolute;

  71.   left: 0;

  72.   top: -1px;

  73. }

  74. 

  75. <BoxedTabs

  76.   className="boxed-tabs"

  77.   onSelect={[MockFunction]}

  78.   selected="a"

  79.   tabs={

  80.     Array [

  81.       Object {

  82.         "key": "a",

  83.         "label": "labela",

  84.       },

  85.       Object {

  86.         "key": "b",

  87.         "label": "labelb",

  88.       },

  89.       Object {

  90.         "key": "c",

  91.         "label": <span>

  92.           Complex label 

  93.           <strong>

  94.             !!!

  95.           </strong>

  96.         </span>,

  97.       },

  98.     ]

  99.   }

  100. >

  101.   <Styled(div)

  102.     className="boxed-tabs"

  103.     role="tablist"

  104.   >

  105.     <Insertion

  106.       cache={

  107.         Object {

  108.           "insert": [Function],

  109.           "inserted": Object {

  110.             "1kg7pv0": true,

  111.             "60rv5s": true,

  112.             "ko9asm": true,

  113.             "o2j9ze": true,

  114.             "v2seq5": true,

  115.           },

  116.           "key": "css",

  117.           "nonce": undefined,

  118.           "registered": Object {},

  119.           "sheet": StyleSheet {

  120.             "_alreadyInsertedOrderInsensitiveRule": true,

  121.             "_insertTag": [Function],

  122.             "before": null,

  123.             "container": <head>

  124.               <style

  125.                 data-emotion="css"

  126.                 data-s=""

  127.               >

  128.                 

  129.                 .emotion-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}

  130.               </style>

  131.               <style

  132.                 data-emotion="css"

  133.                 data-s=""

  134.               >

  135.                 

  136.                 .emotion-1{position:relative;background-color:white;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;outline:0;padding:calc(2 * 8px);}

  137.               </style>

  138.               <style

  139.                 data-emotion="css"

  140.                 data-s=""

  141.               >

  142.                 

  143.                 .emotion-1:last-child{border-right:1px solid #e6e6e6;}

  144.               </style>

  145.               <style

  146.                 data-emotion="css"

  147.                 data-s=""

  148.               >

  149.                 

  150.                 .emotion-0{display:block;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  151.               </style>

  152.               <style

  153.                 data-emotion="css"

  154.                 data-s=""

  155.               >

  156.                 

  157.                 .emotion-3{position:relative;background-color:#f3f3f3;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;cursor:pointer;outline:0;padding:calc(2 * 8px);}

  158.               </style>

  159.               <style

  160.                 data-emotion="css"

  161.                 data-s=""

  162.               >

  163.                 

  164.                 .emotion-3:hover{background-color:#f8f8f8;}

  165.               </style>

  166.               <style

  167.                 data-emotion="css"

  168.                 data-s=""

  169.               >

  170.                 

  171.                 .emotion-3:last-child{border-right:1px solid #e6e6e6;}

  172.               </style>

  173.               <style

  174.                 data-emotion="css"

  175.                 data-s=""

  176.               >

  177.                 

  178.                 .emotion-2{display:none;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  179.               </style>

  180.             </head>,

  181.             "ctr": 8,

  182.             "insertionPoint": undefined,

  183.             "isSpeedy": false,

  184.             "key": "css",

  185.             "nonce": undefined,

  186.             "prepend": undefined,

  187.             "tags": Array [

  188.               <style

  189.                 data-emotion="css"

  190.                 data-s=""

  191.               >

  192.                 

  193.                 .emotion-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}

  194.               </style>,

  195.               <style

  196.                 data-emotion="css"

  197.                 data-s=""

  198.               >

  199.                 

  200.                 .emotion-1{position:relative;background-color:white;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;outline:0;padding:calc(2 * 8px);}

  201.               </style>,

  202.               <style

  203.                 data-emotion="css"

  204.                 data-s=""

  205.               >

  206.                 

  207.                 .emotion-1:last-child{border-right:1px solid #e6e6e6;}

  208.               </style>,

  209.               <style

  210.                 data-emotion="css"

  211.                 data-s=""

  212.               >

  213.                 

  214.                 .emotion-0{display:block;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  215.               </style>,

  216.               <style

  217.                 data-emotion="css"

  218.                 data-s=""

  219.               >

  220.                 

  221.                 .emotion-3{position:relative;background-color:#f3f3f3;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;cursor:pointer;outline:0;padding:calc(2 * 8px);}

  222.               </style>,

  223.               <style

  224.                 data-emotion="css"

  225.                 data-s=""

  226.               >

  227.                 

  228.                 .emotion-3:hover{background-color:#f8f8f8;}

  229.               </style>,

  230.               <style

  231.                 data-emotion="css"

  232.                 data-s=""

  233.               >

  234.                 

  235.                 .emotion-3:last-child{border-right:1px solid #e6e6e6;}

  236.               </style>,

  237.               <style

  238.                 data-emotion="css"

  239.                 data-s=""

  240.               >

  241.                 

  242.                 .emotion-2{display:none;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  243.               </style>,

  244.             ],

  245.           },

  246.         }

  247.       }

  248.       isStringTag={true}

  249.       serialized={

  250.         Object {

  251.           "map": undefined,

  252.           "name": "o2j9ze",

  253.           "next": undefined,

  254.           "styles": "

  255.   display: flex;

  256.   flex-direction: row;

  257. ",

  258.           "toString": [Function],

  259.         }

  260.       }

  261.     />

  262.     <div

  263.       className="boxed-tabs emotion-6"

  264.       role="tablist"

  265.     >

  266.       <Styled(button)

  267.         active={true}

  268.         aria-controls="tabpanel-a"

  269.         aria-selected={true}

  270.         id="tab-a"

  271.         key="0"

  272.         onClick={[Function]}

  273.         role="tab"

  274.       >

  275.         <Insertion

  276.           cache={

  277.             Object {

  278.               "insert": [Function],

  279.               "inserted": Object {

  280.                 "1kg7pv0": true,

  281.                 "60rv5s": true,

  282.                 "ko9asm": true,

  283.                 "o2j9ze": true,

  284.                 "v2seq5": true,

  285.               },

  286.               "key": "css",

  287.               "nonce": undefined,

  288.               "registered": Object {},

  289.               "sheet": StyleSheet {

  290.                 "_alreadyInsertedOrderInsensitiveRule": true,

  291.                 "_insertTag": [Function],

  292.                 "before": null,

  293.                 "container": <head>

  294.                   <style

  295.                     data-emotion="css"

  296.                     data-s=""

  297.                   >

  298.                     

  299.                     .emotion-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}

  300.                   </style>

  301.                   <style

  302.                     data-emotion="css"

  303.                     data-s=""

  304.                   >

  305.                     

  306.                     .emotion-1{position:relative;background-color:white;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;outline:0;padding:calc(2 * 8px);}

  307.                   </style>

  308.                   <style

  309.                     data-emotion="css"

  310.                     data-s=""

  311.                   >

  312.                     

  313.                     .emotion-1:last-child{border-right:1px solid #e6e6e6;}

  314.                   </style>

  315.                   <style

  316.                     data-emotion="css"

  317.                     data-s=""

  318.                   >

  319.                     

  320.                     .emotion-0{display:block;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  321.                   </style>

  322.                   <style

  323.                     data-emotion="css"

  324.                     data-s=""

  325.                   >

  326.                     

  327.                     .emotion-3{position:relative;background-color:#f3f3f3;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;cursor:pointer;outline:0;padding:calc(2 * 8px);}

  328.                   </style>

  329.                   <style

  330.                     data-emotion="css"

  331.                     data-s=""

  332.                   >

  333.                     

  334.                     .emotion-3:hover{background-color:#f8f8f8;}

  335.                   </style>

  336.                   <style

  337.                     data-emotion="css"

  338.                     data-s=""

  339.                   >

  340.                     

  341.                     .emotion-3:last-child{border-right:1px solid #e6e6e6;}

  342.                   </style>

  343.                   <style

  344.                     data-emotion="css"

  345.                     data-s=""

  346.                   >

  347.                     

  348.                     .emotion-2{display:none;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  349.                   </style>

  350.                 </head>,

  351.                 "ctr": 8,

  352.                 "insertionPoint": undefined,

  353.                 "isSpeedy": false,

  354.                 "key": "css",

  355.                 "nonce": undefined,

  356.                 "prepend": undefined,

  357.                 "tags": Array [

  358.                   <style

  359.                     data-emotion="css"

  360.                     data-s=""

  361.                   >

  362.                     

  363.                     .emotion-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}

  364.                   </style>,

  365.                   <style

  366.                     data-emotion="css"

  367.                     data-s=""

  368.                   >

  369.                     

  370.                     .emotion-1{position:relative;background-color:white;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;outline:0;padding:calc(2 * 8px);}

  371.                   </style>,

  372.                   <style

  373.                     data-emotion="css"

  374.                     data-s=""

  375.                   >

  376.                     

  377.                     .emotion-1:last-child{border-right:1px solid #e6e6e6;}

  378.                   </style>,

  379.                   <style

  380.                     data-emotion="css"

  381.                     data-s=""

  382.                   >

  383.                     

  384.                     .emotion-0{display:block;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  385.                   </style>,

  386.                   <style

  387.                     data-emotion="css"

  388.                     data-s=""

  389.                   >

  390.                     

  391.                     .emotion-3{position:relative;background-color:#f3f3f3;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;cursor:pointer;outline:0;padding:calc(2 * 8px);}

  392.                   </style>,

  393.                   <style

  394.                     data-emotion="css"

  395.                     data-s=""

  396.                   >

  397.                     

  398.                     .emotion-3:hover{background-color:#f8f8f8;}

  399.                   </style>,

  400.                   <style

  401.                     data-emotion="css"

  402.                     data-s=""

  403.                   >

  404.                     

  405.                     .emotion-3:last-child{border-right:1px solid #e6e6e6;}

  406.                   </style>,

  407.                   <style

  408.                     data-emotion="css"

  409.                     data-s=""

  410.                   >

  411.                     

  412.                     .emotion-2{display:none;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  413.                   </style>,

  414.                 ],

  415.               },

  416.             }

  417.           }

  418.           isStringTag={true}

  419.           serialized={

  420.             Object {

  421.               "map": undefined,

  422.               "name": "60rv5s",

  423.               "next": undefined,

  424.               "styles": "

  425.   position: relative;

  426.   background-color: white;

  427.   border-top: 1px solid #e6e6e6;

  428.   border-left: 1px solid #e6e6e6;

  429.   border-right: none;

  430.   border-bottom: none;

  431.   margin-bottom: -1px;

  432.   min-width: 128px;

  433.   min-height: 56px;

  434.   

  435.   outline: 0;

  436.   padding: calc(2 * 8px);

  437. 

  438.   

  439. 

  440.   &:last-child {

  441.     border-right: 1px solid #e6e6e6;

  442.   }

  443. ",

  444.               "toString": [Function],

  445.             }

  446.           }

  447.         />

  448.         <button

  449.           aria-controls="tabpanel-a"

  450.           aria-selected={true}

  451.           className="emotion-1"

  452.           id="tab-a"

  453.           onClick={[Function]}

  454.           role="tab"

  455.         >

  456.           <Styled(div)

  457.             active={true}

  458.           >

  459.             <Insertion

  460.               cache={

  461.                 Object {

  462.                   "insert": [Function],

  463.                   "inserted": Object {

  464.                     "1kg7pv0": true,

  465.                     "60rv5s": true,

  466.                     "ko9asm": true,

  467.                     "o2j9ze": true,

  468.                     "v2seq5": true,

  469.                   },

  470.                   "key": "css",

  471.                   "nonce": undefined,

  472.                   "registered": Object {},

  473.                   "sheet": StyleSheet {

  474.                     "_alreadyInsertedOrderInsensitiveRule": true,

  475.                     "_insertTag": [Function],

  476.                     "before": null,

  477.                     "container": <head>

  478.                       <style

  479.                         data-emotion="css"

  480.                         data-s=""

  481.                       >

  482.                         

  483.                         .emotion-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}

  484.                       </style>

  485.                       <style

  486.                         data-emotion="css"

  487.                         data-s=""

  488.                       >

  489.                         

  490.                         .emotion-1{position:relative;background-color:white;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;outline:0;padding:calc(2 * 8px);}

  491.                       </style>

  492.                       <style

  493.                         data-emotion="css"

  494.                         data-s=""

  495.                       >

  496.                         

  497.                         .emotion-1:last-child{border-right:1px solid #e6e6e6;}

  498.                       </style>

  499.                       <style

  500.                         data-emotion="css"

  501.                         data-s=""

  502.                       >

  503.                         

  504.                         .emotion-0{display:block;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  505.                       </style>

  506.                       <style

  507.                         data-emotion="css"

  508.                         data-s=""

  509.                       >

  510.                         

  511.                         .emotion-3{position:relative;background-color:#f3f3f3;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;cursor:pointer;outline:0;padding:calc(2 * 8px);}

  512.                       </style>

  513.                       <style

  514.                         data-emotion="css"

  515.                         data-s=""

  516.                       >

  517.                         

  518.                         .emotion-3:hover{background-color:#f8f8f8;}

  519.                       </style>

  520.                       <style

  521.                         data-emotion="css"

  522.                         data-s=""

  523.                       >

  524.                         

  525.                         .emotion-3:last-child{border-right:1px solid #e6e6e6;}

  526.                       </style>

  527.                       <style

  528.                         data-emotion="css"

  529.                         data-s=""

  530.                       >

  531.                         

  532.                         .emotion-2{display:none;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  533.                       </style>

  534.                     </head>,

  535.                     "ctr": 8,

  536.                     "insertionPoint": undefined,

  537.                     "isSpeedy": false,

  538.                     "key": "css",

  539.                     "nonce": undefined,

  540.                     "prepend": undefined,

  541.                     "tags": Array [

  542.                       <style

  543.                         data-emotion="css"

  544.                         data-s=""

  545.                       >

  546.                         

  547.                         .emotion-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}

  548.                       </style>,

  549.                       <style

  550.                         data-emotion="css"

  551.                         data-s=""

  552.                       >

  553.                         

  554.                         .emotion-1{position:relative;background-color:white;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;outline:0;padding:calc(2 * 8px);}

  555.                       </style>,

  556.                       <style

  557.                         data-emotion="css"

  558.                         data-s=""

  559.                       >

  560.                         

  561.                         .emotion-1:last-child{border-right:1px solid #e6e6e6;}

  562.                       </style>,

  563.                       <style

  564.                         data-emotion="css"

  565.                         data-s=""

  566.                       >

  567.                         

  568.                         .emotion-0{display:block;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  569.                       </style>,

  570.                       <style

  571.                         data-emotion="css"

  572.                         data-s=""

  573.                       >

  574.                         

  575.                         .emotion-3{position:relative;background-color:#f3f3f3;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;cursor:pointer;outline:0;padding:calc(2 * 8px);}

  576.                       </style>,

  577.                       <style

  578.                         data-emotion="css"

  579.                         data-s=""

  580.                       >

  581.                         

  582.                         .emotion-3:hover{background-color:#f8f8f8;}

  583.                       </style>,

  584.                       <style

  585.                         data-emotion="css"

  586.                         data-s=""

  587.                       >

  588.                         

  589.                         .emotion-3:last-child{border-right:1px solid #e6e6e6;}

  590.                       </style>,

  591.                       <style

  592.                         data-emotion="css"

  593.                         data-s=""

  594.                       >

  595.                         

  596.                         .emotion-2{display:none;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  597.                       </style>,

  598.                     ],

  599.                   },

  600.                 }

  601.               }

  602.               isStringTag={true}

  603.               serialized={

  604.                 Object {

  605.                   "map": undefined,

  606.                   "name": "ko9asm",

  607.                   "next": undefined,

  608.                   "styles": "

  609.   display: block;

  610.   background-color: #4b9fd5;

  611.   height: 3px;

  612.   width: 100%;

  613.   position: absolute;

  614.   left: 0;

  615.   top: -1px;

  616. ",

  617.                   "toString": [Function],

  618.                 }

  619.               }

  620.             />

  621.             <div

  622.               className="emotion-0"

  623.             />

  624.           </Styled(div)>

  625.           labela

  626.         </button>

  627.       </Styled(button)>

  628.       <Styled(button)

  629.         active={false}

  630.         aria-controls="tabpanel-b"

  631.         aria-selected={false}

  632.         id="tab-b"

  633.         key="1"

  634.         onClick={[Function]}

  635.         role="tab"

  636.       >

  637.         <Insertion

  638.           cache={

  639.             Object {

  640.               "insert": [Function],

  641.               "inserted": Object {

  642.                 "1kg7pv0": true,

  643.                 "60rv5s": true,

  644.                 "ko9asm": true,

  645.                 "o2j9ze": true,

  646.                 "v2seq5": true,

  647.               },

  648.               "key": "css",

  649.               "nonce": undefined,

  650.               "registered": Object {},

  651.               "sheet": StyleSheet {

  652.                 "_alreadyInsertedOrderInsensitiveRule": true,

  653.                 "_insertTag": [Function],

  654.                 "before": null,

  655.                 "container": <head>

  656.                   <style

  657.                     data-emotion="css"

  658.                     data-s=""

  659.                   >

  660.                     

  661.                     .emotion-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}

  662.                   </style>

  663.                   <style

  664.                     data-emotion="css"

  665.                     data-s=""

  666.                   >

  667.                     

  668.                     .emotion-1{position:relative;background-color:white;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;outline:0;padding:calc(2 * 8px);}

  669.                   </style>

  670.                   <style

  671.                     data-emotion="css"

  672.                     data-s=""

  673.                   >

  674.                     

  675.                     .emotion-1:last-child{border-right:1px solid #e6e6e6;}

  676.                   </style>

  677.                   <style

  678.                     data-emotion="css"

  679.                     data-s=""

  680.                   >

  681.                     

  682.                     .emotion-0{display:block;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  683.                   </style>

  684.                   <style

  685.                     data-emotion="css"

  686.                     data-s=""

  687.                   >

  688.                     

  689.                     .emotion-3{position:relative;background-color:#f3f3f3;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;cursor:pointer;outline:0;padding:calc(2 * 8px);}

  690.                   </style>

  691.                   <style

  692.                     data-emotion="css"

  693.                     data-s=""

  694.                   >

  695.                     

  696.                     .emotion-3:hover{background-color:#f8f8f8;}

  697.                   </style>

  698.                   <style

  699.                     data-emotion="css"

  700.                     data-s=""

  701.                   >

  702.                     

  703.                     .emotion-3:last-child{border-right:1px solid #e6e6e6;}

  704.                   </style>

  705.                   <style

  706.                     data-emotion="css"

  707.                     data-s=""

  708.                   >

  709.                     

  710.                     .emotion-2{display:none;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  711.                   </style>

  712.                 </head>,

  713.                 "ctr": 8,

  714.                 "insertionPoint": undefined,

  715.                 "isSpeedy": false,

  716.                 "key": "css",

  717.                 "nonce": undefined,

  718.                 "prepend": undefined,

  719.                 "tags": Array [

  720.                   <style

  721.                     data-emotion="css"

  722.                     data-s=""

  723.                   >

  724.                     

  725.                     .emotion-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}

  726.                   </style>,

  727.                   <style

  728.                     data-emotion="css"

  729.                     data-s=""

  730.                   >

  731.                     

  732.                     .emotion-1{position:relative;background-color:white;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;outline:0;padding:calc(2 * 8px);}

  733.                   </style>,

  734.                   <style

  735.                     data-emotion="css"

  736.                     data-s=""

  737.                   >

  738.                     

  739.                     .emotion-1:last-child{border-right:1px solid #e6e6e6;}

  740.                   </style>,

  741.                   <style

  742.                     data-emotion="css"

  743.                     data-s=""

  744.                   >

  745.                     

  746.                     .emotion-0{display:block;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  747.                   </style>,

  748.                   <style

  749.                     data-emotion="css"

  750.                     data-s=""

  751.                   >

  752.                     

  753.                     .emotion-3{position:relative;background-color:#f3f3f3;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;cursor:pointer;outline:0;padding:calc(2 * 8px);}

  754.                   </style>,

  755.                   <style

  756.                     data-emotion="css"

  757.                     data-s=""

  758.                   >

  759.                     

  760.                     .emotion-3:hover{background-color:#f8f8f8;}

  761.                   </style>,

  762.                   <style

  763.                     data-emotion="css"

  764.                     data-s=""

  765.                   >

  766.                     

  767.                     .emotion-3:last-child{border-right:1px solid #e6e6e6;}

  768.                   </style>,

  769.                   <style

  770.                     data-emotion="css"

  771.                     data-s=""

  772.                   >

  773.                     

  774.                     .emotion-2{display:none;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  775.                   </style>,

  776.                 ],

  777.               },

  778.             }

  779.           }

  780.           isStringTag={true}

  781.           serialized={

  782.             Object {

  783.               "map": undefined,

  784.               "name": "1kg7pv0",

  785.               "next": undefined,

  786.               "styles": "

  787.   position: relative;

  788.   background-color: #f3f3f3;

  789.   border-top: 1px solid #e6e6e6;

  790.   border-left: 1px solid #e6e6e6;

  791.   border-right: none;

  792.   border-bottom: none;

  793.   margin-bottom: -1px;

  794.   min-width: 128px;

  795.   min-height: 56px;

  796.   cursor: pointer;

  797.   outline: 0;

  798.   padding: calc(2 * 8px);

  799. 

  800.   

  801.   &:hover {

  802.     background-color: #f8f8f8;

  803.   }

  804. 

  805. 

  806.   &:last-child {

  807.     border-right: 1px solid #e6e6e6;

  808.   }

  809. ",

  810.               "toString": [Function],

  811.             }

  812.           }

  813.         />

  814.         <button

  815.           aria-controls="tabpanel-b"

  816.           aria-selected={false}

  817.           className="emotion-3"

  818.           id="tab-b"

  819.           onClick={[Function]}

  820.           role="tab"

  821.         >

  822.           <Styled(div)

  823.             active={false}

  824.           >

  825.             <Insertion

  826.               cache={

  827.                 Object {

  828.                   "insert": [Function],

  829.                   "inserted": Object {

  830.                     "1kg7pv0": true,

  831.                     "60rv5s": true,

  832.                     "ko9asm": true,

  833.                     "o2j9ze": true,

  834.                     "v2seq5": true,

  835.                   },

  836.                   "key": "css",

  837.                   "nonce": undefined,

  838.                   "registered": Object {},

  839.                   "sheet": StyleSheet {

  840.                     "_alreadyInsertedOrderInsensitiveRule": true,

  841.                     "_insertTag": [Function],

  842.                     "before": null,

  843.                     "container": <head>

  844.                       <style

  845.                         data-emotion="css"

  846.                         data-s=""

  847.                       >

  848.                         

  849.                         .emotion-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}

  850.                       </style>

  851.                       <style

  852.                         data-emotion="css"

  853.                         data-s=""

  854.                       >

  855.                         

  856.                         .emotion-1{position:relative;background-color:white;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;outline:0;padding:calc(2 * 8px);}

  857.                       </style>

  858.                       <style

  859.                         data-emotion="css"

  860.                         data-s=""

  861.                       >

  862.                         

  863.                         .emotion-1:last-child{border-right:1px solid #e6e6e6;}

  864.                       </style>

  865.                       <style

  866.                         data-emotion="css"

  867.                         data-s=""

  868.                       >

  869.                         

  870.                         .emotion-0{display:block;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  871.                       </style>

  872.                       <style

  873.                         data-emotion="css"

  874.                         data-s=""

  875.                       >

  876.                         

  877.                         .emotion-3{position:relative;background-color:#f3f3f3;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;cursor:pointer;outline:0;padding:calc(2 * 8px);}

  878.                       </style>

  879.                       <style

  880.                         data-emotion="css"

  881.                         data-s=""

  882.                       >

  883.                         

  884.                         .emotion-3:hover{background-color:#f8f8f8;}

  885.                       </style>

  886.                       <style

  887.                         data-emotion="css"

  888.                         data-s=""

  889.                       >

  890.                         

  891.                         .emotion-3:last-child{border-right:1px solid #e6e6e6;}

  892.                       </style>

  893.                       <style

  894.                         data-emotion="css"

  895.                         data-s=""

  896.                       >

  897.                         

  898.                         .emotion-2{display:none;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  899.                       </style>

  900.                     </head>,

  901.                     "ctr": 8,

  902.                     "insertionPoint": undefined,

  903.                     "isSpeedy": false,

  904.                     "key": "css",

  905.                     "nonce": undefined,

  906.                     "prepend": undefined,

  907.                     "tags": Array [

  908.                       <style

  909.                         data-emotion="css"

  910.                         data-s=""

  911.                       >

  912.                         

  913.                         .emotion-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}

  914.                       </style>,

  915.                       <style

  916.                         data-emotion="css"

  917.                         data-s=""

  918.                       >

  919.                         

  920.                         .emotion-1{position:relative;background-color:white;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;outline:0;padding:calc(2 * 8px);}

  921.                       </style>,

  922.                       <style

  923.                         data-emotion="css"

  924.                         data-s=""

  925.                       >

  926.                         

  927.                         .emotion-1:last-child{border-right:1px solid #e6e6e6;}

  928.                       </style>,

  929.                       <style

  930.                         data-emotion="css"

  931.                         data-s=""

  932.                       >

  933.                         

  934.                         .emotion-0{display:block;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  935.                       </style>,

  936.                       <style

  937.                         data-emotion="css"

  938.                         data-s=""

  939.                       >

  940.                         

  941.                         .emotion-3{position:relative;background-color:#f3f3f3;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;cursor:pointer;outline:0;padding:calc(2 * 8px);}

  942.                       </style>,

  943.                       <style

  944.                         data-emotion="css"

  945.                         data-s=""

  946.                       >

  947.                         

  948.                         .emotion-3:hover{background-color:#f8f8f8;}

  949.                       </style>,

  950.                       <style

  951.                         data-emotion="css"

  952.                         data-s=""

  953.                       >

  954.                         

  955.                         .emotion-3:last-child{border-right:1px solid #e6e6e6;}

  956.                       </style>,

  957.                       <style

  958.                         data-emotion="css"

  959.                         data-s=""

  960.                       >

  961.                         

  962.                         .emotion-2{display:none;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  963.                       </style>,

  964.                     ],

  965.                   },

  966.                 }

  967.               }

  968.               isStringTag={true}

  969.               serialized={

  970.                 Object {

  971.                   "map": undefined,

  972.                   "name": "v2seq5",

  973.                   "next": undefined,

  974.                   "styles": "

  975.   display: none;

  976.   background-color: #4b9fd5;

  977.   height: 3px;

  978.   width: 100%;

  979.   position: absolute;

  980.   left: 0;

  981.   top: -1px;

  982. ",

  983.                   "toString": [Function],

  984.                 }

  985.               }

  986.             />

  987.             <div

  988.               className="emotion-2"

  989.             />

  990.           </Styled(div)>

  991.           labelb

  992.         </button>

  993.       </Styled(button)>

  994.       <Styled(button)

  995.         active={false}

  996.         aria-controls="tabpanel-c"

  997.         aria-selected={false}

  998.         id="tab-c"

  999.         key="2"

  1000.         onClick={[Function]}

  1001.         role="tab"

  1002.       >

  1003.         <Insertion

  1004.           cache={

  1005.             Object {

  1006.               "insert": [Function],

  1007.               "inserted": Object {

  1008.                 "1kg7pv0": true,

  1009.                 "60rv5s": true,

  1010.                 "ko9asm": true,

  1011.                 "o2j9ze": true,

  1012.                 "v2seq5": true,

  1013.               },

  1014.               "key": "css",

  1015.               "nonce": undefined,

  1016.               "registered": Object {},

  1017.               "sheet": StyleSheet {

  1018.                 "_alreadyInsertedOrderInsensitiveRule": true,

  1019.                 "_insertTag": [Function],

  1020.                 "before": null,

  1021.                 "container": <head>

  1022.                   <style

  1023.                     data-emotion="css"

  1024.                     data-s=""

  1025.                   >

  1026.                     

  1027.                     .emotion-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}

  1028.                   </style>

  1029.                   <style

  1030.                     data-emotion="css"

  1031.                     data-s=""

  1032.                   >

  1033.                     

  1034.                     .emotion-1{position:relative;background-color:white;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;outline:0;padding:calc(2 * 8px);}

  1035.                   </style>

  1036.                   <style

  1037.                     data-emotion="css"

  1038.                     data-s=""

  1039.                   >

  1040.                     

  1041.                     .emotion-1:last-child{border-right:1px solid #e6e6e6;}

  1042.                   </style>

  1043.                   <style

  1044.                     data-emotion="css"

  1045.                     data-s=""

  1046.                   >

  1047.                     

  1048.                     .emotion-0{display:block;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  1049.                   </style>

  1050.                   <style

  1051.                     data-emotion="css"

  1052.                     data-s=""

  1053.                   >

  1054.                     

  1055.                     .emotion-3{position:relative;background-color:#f3f3f3;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;cursor:pointer;outline:0;padding:calc(2 * 8px);}

  1056.                   </style>

  1057.                   <style

  1058.                     data-emotion="css"

  1059.                     data-s=""

  1060.                   >

  1061.                     

  1062.                     .emotion-3:hover{background-color:#f8f8f8;}

  1063.                   </style>

  1064.                   <style

  1065.                     data-emotion="css"

  1066.                     data-s=""

  1067.                   >

  1068.                     

  1069.                     .emotion-3:last-child{border-right:1px solid #e6e6e6;}

  1070.                   </style>

  1071.                   <style

  1072.                     data-emotion="css"

  1073.                     data-s=""

  1074.                   >

  1075.                     

  1076.                     .emotion-2{display:none;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  1077.                   </style>

  1078.                 </head>,

  1079.                 "ctr": 8,

  1080.                 "insertionPoint": undefined,

  1081.                 "isSpeedy": false,

  1082.                 "key": "css",

  1083.                 "nonce": undefined,

  1084.                 "prepend": undefined,

  1085.                 "tags": Array [

  1086.                   <style

  1087.                     data-emotion="css"

  1088.                     data-s=""

  1089.                   >

  1090.                     

  1091.                     .emotion-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}

  1092.                   </style>,

  1093.                   <style

  1094.                     data-emotion="css"

  1095.                     data-s=""

  1096.                   >

  1097.                     

  1098.                     .emotion-1{position:relative;background-color:white;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;outline:0;padding:calc(2 * 8px);}

  1099.                   </style>,

  1100.                   <style

  1101.                     data-emotion="css"

  1102.                     data-s=""

  1103.                   >

  1104.                     

  1105.                     .emotion-1:last-child{border-right:1px solid #e6e6e6;}

  1106.                   </style>,

  1107.                   <style

  1108.                     data-emotion="css"

  1109.                     data-s=""

  1110.                   >

  1111.                     

  1112.                     .emotion-0{display:block;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  1113.                   </style>,

  1114.                   <style

  1115.                     data-emotion="css"

  1116.                     data-s=""

  1117.                   >

  1118.                     

  1119.                     .emotion-3{position:relative;background-color:#f3f3f3;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;cursor:pointer;outline:0;padding:calc(2 * 8px);}

  1120.                   </style>,

  1121.                   <style

  1122.                     data-emotion="css"

  1123.                     data-s=""

  1124.                   >

  1125.                     

  1126.                     .emotion-3:hover{background-color:#f8f8f8;}

  1127.                   </style>,

  1128.                   <style

  1129.                     data-emotion="css"

  1130.                     data-s=""

  1131.                   >

  1132.                     

  1133.                     .emotion-3:last-child{border-right:1px solid #e6e6e6;}

  1134.                   </style>,

  1135.                   <style

  1136.                     data-emotion="css"

  1137.                     data-s=""

  1138.                   >

  1139.                     

  1140.                     .emotion-2{display:none;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  1141.                   </style>,

  1142.                 ],

  1143.               },

  1144.             }

  1145.           }

  1146.           isStringTag={true}

  1147.           serialized={

  1148.             Object {

  1149.               "map": undefined,

  1150.               "name": "1kg7pv0",

  1151.               "next": undefined,

  1152.               "styles": "

  1153.   position: relative;

  1154.   background-color: #f3f3f3;

  1155.   border-top: 1px solid #e6e6e6;

  1156.   border-left: 1px solid #e6e6e6;

  1157.   border-right: none;

  1158.   border-bottom: none;

  1159.   margin-bottom: -1px;

  1160.   min-width: 128px;

  1161.   min-height: 56px;

  1162.   cursor: pointer;

  1163.   outline: 0;

  1164.   padding: calc(2 * 8px);

  1165. 

  1166.   

  1167.   &:hover {

  1168.     background-color: #f8f8f8;

  1169.   }

  1170. 

  1171. 

  1172.   &:last-child {

  1173.     border-right: 1px solid #e6e6e6;

  1174.   }

  1175. ",

  1176.               "toString": [Function],

  1177.             }

  1178.           }

  1179.         />

  1180.         <button

  1181.           aria-controls="tabpanel-c"

  1182.           aria-selected={false}

  1183.           className="emotion-3"

  1184.           id="tab-c"

  1185.           onClick={[Function]}

  1186.           role="tab"

  1187.         >

  1188.           <Styled(div)

  1189.             active={false}

  1190.           >

  1191.             <Insertion

  1192.               cache={

  1193.                 Object {

  1194.                   "insert": [Function],

  1195.                   "inserted": Object {

  1196.                     "1kg7pv0": true,

  1197.                     "60rv5s": true,

  1198.                     "ko9asm": true,

  1199.                     "o2j9ze": true,

  1200.                     "v2seq5": true,

  1201.                   },

  1202.                   "key": "css",

  1203.                   "nonce": undefined,

  1204.                   "registered": Object {},

  1205.                   "sheet": StyleSheet {

  1206.                     "_alreadyInsertedOrderInsensitiveRule": true,

  1207.                     "_insertTag": [Function],

  1208.                     "before": null,

  1209.                     "container": <head>

  1210.                       <style

  1211.                         data-emotion="css"

  1212.                         data-s=""

  1213.                       >

  1214.                         

  1215.                         .emotion-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}

  1216.                       </style>

  1217.                       <style

  1218.                         data-emotion="css"

  1219.                         data-s=""

  1220.                       >

  1221.                         

  1222.                         .emotion-1{position:relative;background-color:white;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;outline:0;padding:calc(2 * 8px);}

  1223.                       </style>

  1224.                       <style

  1225.                         data-emotion="css"

  1226.                         data-s=""

  1227.                       >

  1228.                         

  1229.                         .emotion-1:last-child{border-right:1px solid #e6e6e6;}

  1230.                       </style>

  1231.                       <style

  1232.                         data-emotion="css"

  1233.                         data-s=""

  1234.                       >

  1235.                         

  1236.                         .emotion-0{display:block;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  1237.                       </style>

  1238.                       <style

  1239.                         data-emotion="css"

  1240.                         data-s=""

  1241.                       >

  1242.                         

  1243.                         .emotion-3{position:relative;background-color:#f3f3f3;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;cursor:pointer;outline:0;padding:calc(2 * 8px);}

  1244.                       </style>

  1245.                       <style

  1246.                         data-emotion="css"

  1247.                         data-s=""

  1248.                       >

  1249.                         

  1250.                         .emotion-3:hover{background-color:#f8f8f8;}

  1251.                       </style>

  1252.                       <style

  1253.                         data-emotion="css"

  1254.                         data-s=""

  1255.                       >

  1256.                         

  1257.                         .emotion-3:last-child{border-right:1px solid #e6e6e6;}

  1258.                       </style>

  1259.                       <style

  1260.                         data-emotion="css"

  1261.                         data-s=""

  1262.                       >

  1263.                         

  1264.                         .emotion-2{display:none;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  1265.                       </style>

  1266.                     </head>,

  1267.                     "ctr": 8,

  1268.                     "insertionPoint": undefined,

  1269.                     "isSpeedy": false,

  1270.                     "key": "css",

  1271.                     "nonce": undefined,

  1272.                     "prepend": undefined,

  1273.                     "tags": Array [

  1274.                       <style

  1275.                         data-emotion="css"

  1276.                         data-s=""

  1277.                       >

  1278.                         

  1279.                         .emotion-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}

  1280.                       </style>,

  1281.                       <style

  1282.                         data-emotion="css"

  1283.                         data-s=""

  1284.                       >

  1285.                         

  1286.                         .emotion-1{position:relative;background-color:white;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;outline:0;padding:calc(2 * 8px);}

  1287.                       </style>,

  1288.                       <style

  1289.                         data-emotion="css"

  1290.                         data-s=""

  1291.                       >

  1292.                         

  1293.                         .emotion-1:last-child{border-right:1px solid #e6e6e6;}

  1294.                       </style>,

  1295.                       <style

  1296.                         data-emotion="css"

  1297.                         data-s=""

  1298.                       >

  1299.                         

  1300.                         .emotion-0{display:block;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  1301.                       </style>,

  1302.                       <style

  1303.                         data-emotion="css"

  1304.                         data-s=""

  1305.                       >

  1306.                         

  1307.                         .emotion-3{position:relative;background-color:#f3f3f3;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:none;border-bottom:none;margin-bottom:-1px;min-width:128px;min-height:56px;cursor:pointer;outline:0;padding:calc(2 * 8px);}

  1308.                       </style>,

  1309.                       <style

  1310.                         data-emotion="css"

  1311.                         data-s=""

  1312.                       >

  1313.                         

  1314.                         .emotion-3:hover{background-color:#f8f8f8;}

  1315.                       </style>,

  1316.                       <style

  1317.                         data-emotion="css"

  1318.                         data-s=""

  1319.                       >

  1320.                         

  1321.                         .emotion-3:last-child{border-right:1px solid #e6e6e6;}

  1322.                       </style>,

  1323.                       <style

  1324.                         data-emotion="css"

  1325.                         data-s=""

  1326.                       >

  1327.                         

  1328.                         .emotion-2{display:none;background-color:#4b9fd5;height:3px;width:100%;position:absolute;left:0;top:-1px;}

  1329.                       </style>,

  1330.                     ],

  1331.                   },

  1332.                 }

  1333.               }

  1334.               isStringTag={true}

  1335.               serialized={

  1336.                 Object {

  1337.                   "map": undefined,

  1338.                   "name": "v2seq5",

  1339.                   "next": undefined,

  1340.                   "styles": "

  1341.   display: none;

  1342.   background-color: #4b9fd5;

  1343.   height: 3px;

  1344.   width: 100%;

  1345.   position: absolute;

  1346.   left: 0;

  1347.   top: -1px;

  1348. ",

  1349.                   "toString": [Function],

  1350.                 }

  1351.               }

  1352.             />

  1353.             <div

  1354.               className="emotion-2"

  1355.             />

  1356.           </Styled(div)>

  1357.           <span>

  1358.             Complex label 

  1359.             <strong>

  1360.               !!!

  1361.             </strong>

  1362.           </span>

  1363.         </button>

  1364.       </Styled(button)>

  1365.     </div>

  1366.   </Styled(div)>

  1367. </BoxedTabs>

  1368. `;