···

       
8
       
 
       
---

     

       
9
       
 
       
<div class="fixed z-40 bg-ctp-base 

     

       
10
       
 
       
    left-[2%] right-[2%] md:left-[4%] md:right-[4%] xl:left-[8%] xl:right-[8%] 

     

       
11
       
-
       
    pl-8 pr-8 pt-4 pb-4 flex justify-between rounded-bl-2xl rounded-br-2xl">

     

       
12
       
 
       
    <div class="flex gap-4 items-center">

     

       
13
       
 
       
        <span class="flex flex-col">

     

       
14
       
 
       
            <span>~/banana{href}</span>

     

···

       
8
       
 
       
---

     

       
9
       
 
       
<div class="fixed z-40 bg-ctp-base 

     

       
10
       
 
       
    left-[2%] right-[2%] md:left-[4%] md:right-[4%] xl:left-[8%] xl:right-[8%] 

     

       
11
       
+
       
    pl-8 pr-8 pt-4 pb-4 flex justify-between rounded-bl-2xl rounded-br-2xl squircle">

     

       
12
       
 
       
    <div class="flex gap-4 items-center">

     

       
13
       
 
       
        <span class="flex flex-col">

     

       
14
       
 
       
            <span>~/banana{href}</span>

     

···

       
8
       
 
       
    --ease-out: cubic-bezier(0,0.69,0.44,0.99);

     

       
9
       
 
       
    --default-font-family: "JetBrains Mono", monospaced;

     

       
10
       
 
       
}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

···

       
8
       
 
       
    --ease-out: cubic-bezier(0,0.69,0.44,0.99);

     

       
9
       
 
       
    --default-font-family: "JetBrains Mono", monospaced;

     

       
10
       
 
       
}

     

       
11
       
+
       


     

       
12
       
+
       
.squircle {

     

       
13
       
+
       
    corner-shape: squircle

     

       
14
       
+
       
}