:root{ --yzn-kenar:24px; --yzn-dip:24px; --yzn-kenar-m:16px; --yzn-dip-m:16px; }

.yzn{
  position:fixed;
  inset-block-end:var(--yzn-dip);
  inset-inline-start:var(--yzn-kenar);
  z-index:8400;                                               
                                                                        
                             
                                                                    
                               
                                              
                                                                      
                                                                         
                                                             
                                                                       
                               
  display:grid;
  grid-auto-flow:column;
  align-items:end;
  gap:.6rem;
  justify-items:center;
  pointer-events:none;                                            
}
                                                                        
                                                                      
.yzn-yukari{order:2}
.yzn > *{pointer-events:auto}

.yzn-dgm{
  inline-size:3.25rem; block-size:3.25rem;
  display:grid; place-items:center;
  border:0; border-radius:var(--yr-tam);
  cursor:pointer; padding:0;
  text-decoration:none;
  transition:var(--gecis);
}
.yzn-dgm svg{inline-size:1.35rem; block-size:1.35rem; display:block}

                                                                
                                                                   
.yzn-wa{background:var(--zeytin); color:var(--keten)}
                                                                
                                                                         
                                                                      
                                       
                                                                 
                                                               
                                                             
                                              
                                                                   
                                                              
.yzn[data-yzn-kurulu] .yzn-wa{
  opacity:0; transform:scale(.9) translateY(8px);
  pointer-events:none;
  transition:opacity var(--gecis) var(--egri), transform var(--gecis) var(--egri);
}
.yzn[data-yzn-kurulu] .yzn-wa[data-gorunur]{
  opacity:1; transform:none; pointer-events:auto;
}
@media (prefers-reduced-motion:reduce){
  .yzn[data-yzn-kurulu] .yzn-wa{transition:none; transform:none}
  .yzn[data-yzn-kurulu] .yzn-wa[data-gorunur]{transform:none}
}
.yzn-wa svg{inline-size:1.55rem; block-size:1.55rem}
.yzn-wa:hover{background:var(--murekkep)}

                                                        
.yzn-yukari{
  background:var(--z3); color:var(--mrk);
                                                                   
                                                                            
                                                                          
                                                                   
  outline:1px solid var(--cizgi-bilesen); outline-offset:-1px;
  opacity:0; transform:translateY(.5rem) scale(.9);
  transition:opacity .26s var(--egri), transform .26s var(--egri);
}
.yzn-yukari[data-gorunur]{opacity:1; transform:none}
.yzn-yukari:hover{background:var(--murekkep); color:var(--z1)}
.yzn-yukari[hidden]{display:none}

                                                       
@media (max-width:640px){
  .yzn{
                                                                      
                                               
    inset-block-end:max(var(--yzn-dip-m), env(safe-area-inset-bottom));
    inset-inline-start:var(--yzn-kenar-m);
    gap:.5rem;
  }
  .yzn-dgm{inline-size:3rem; block-size:3rem}                                  
}

                                                                    
                                                 

                                                                         
                                                                  
                                         
                                   
                                                                     
                                                           
                                                                      
                                                                  
                                                              

                                                                 
                                                                    
                                                                    

                                                                       
                                                                      

                                                                   
                                                                         

                             
html[dir="rtl"] .yzn{inset-inline-start:auto; inset-inline-end:var(--yzn-kenar)}

                                           
.yzn[data-yzn-taraf="sag"]{inset-inline-start:auto; inset-inline-end:var(--yzn-kenar)}
html[dir="rtl"] .yzn[data-yzn-taraf="sag"]{inset-inline-end:auto; inset-inline-start:var(--yzn-kenar)}

@media (max-width:640px){
  html[dir="rtl"] .yzn{inset-inline-end:var(--yzn-kenar-m)}
  .yzn[data-yzn-taraf="sag"]{inset-inline-end:var(--yzn-kenar-m)}
  html[dir="rtl"] .yzn[data-yzn-taraf="sag"]{inset-inline-start:var(--yzn-kenar-m)}
}

                                                                      
                                                                   
html[dir="rtl"] .yzn-balon{inset-inline-start:auto; inset-inline-end:0}
.yzn[data-yzn-taraf="sag"] .yzn-balon{inset-inline-start:auto; inset-inline-end:0}
html[dir="rtl"] .yzn[data-yzn-taraf="sag"] .yzn-balon{inset-inline-end:auto; inset-inline-start:0}

html[dir="rtl"] .yzn-kuyruk{margin-inline-start:0; margin-inline-end:calc(1.625rem - .875rem)}
.yzn[data-yzn-taraf="sag"] .yzn-kuyruk{margin-inline-start:0; margin-inline-end:calc(1.625rem - .875rem)}
html[dir="rtl"] .yzn[data-yzn-taraf="sag"] .yzn-kuyruk{
  margin-inline-end:0; margin-inline-start:calc(1.625rem - .875rem);
}
@media (max-width:640px){
  html[dir="rtl"] .yzn-kuyruk{margin-inline-end:calc(1.5rem - .875rem)}
  .yzn[data-yzn-taraf="sag"] .yzn-kuyruk{margin-inline-end:calc(1.5rem - .875rem)}
  html[dir="rtl"] .yzn[data-yzn-taraf="sag"] .yzn-kuyruk{margin-inline-start:calc(1.5rem - .875rem)}
}

                                                                    
                                                                 
                                                                      
                                                

                                                                    
                                                                    
                                                                      

                                                            
                                                                    
                                                                 
                                                                      

                                                                     
                                                                          
html[data-yzn-dip] .yzn{
  opacity:0;
  visibility:hidden;
  transform:translateY(.5rem);
  transition:opacity .28s var(--egri), transform .28s var(--egri),
             visibility 0s linear .28s;
}
html[data-yzn-dip] .yzn,
html[data-yzn-dip] .yzn > *{pointer-events:none}

@media (prefers-reduced-motion:reduce){
  html[data-yzn-dip] .yzn{transition:opacity .01ms, visibility 0s linear .01ms; transform:none}
}

                                                                      
                                                            
                                                                         
                                                                           
                                                                            
                                                    
body[data-crz-ortusme][data-crz-acik] .yzn{inset-block-end:calc(var(--yzn-dip) + var(--crz-yer, 0px))}

@media (prefers-reduced-motion:reduce){
  .yzn-yukari{transition:opacity .01ms}
  .yzn-yukari[data-gorunur]{transform:none}
}


                                                                     
                                                                  
                                                

                                                          
                                                                 
                                                                
                                                                    

                                                                       
                                                                  
.yzn-wa{position:relative}

.yzn-balon{
  position:absolute; z-index:1;
  inset-block-end:calc(100% + .55rem);
  inset-inline-start:0;                                                      
  display:grid; justify-items:start; gap:.42rem;
  opacity:0; transform:translateY(.35rem);
  transition:opacity .3s var(--egri), transform .3s var(--egri);
  pointer-events:none;                                                       
}
.yzn-balon[data-gorunur]{opacity:1; transform:none}

.yzn-balon-yzi{
  display:block; white-space:nowrap;
  padding:.62rem 1.05rem; border-radius:var(--yr-tam);
  background:var(--keten); color:var(--gece);
                                                                          
                                                                             
                                                                    
  outline:1px solid var(--cizgi-bilesen); outline-offset:-1px;
  font-size:var(--yz-kck); font-weight:700; line-height:1.2;
  letter-spacing:-.005em;
}

                                                                       
                                                                     
.yzn-kuyruk{
  inline-size:1.75rem;
  margin-inline-start:calc(1.625rem - .875rem);
}

                                                                    
                                         

                                                                   
                                                                       
                                                                 

                                                                        
                                                                       
                                       
                                                                    
                                                         
                                                                   
                                                                    

                                                                
                                                            
                                                                        

                                                                       
                                                                           
@media (max-width:640px){
  .yzn-kuyruk{margin-inline-start:calc(1.5rem - .875rem)}
  .yzn-balon-yzi{padding:.55rem .9rem; font-size:var(--yz-etk)}
}

                                                                         
html[data-mdl-acik] .yzn-balon{opacity:0}

@media (prefers-reduced-motion:reduce){
  .yzn-balon{transition:opacity .01ms; transform:none}
  .yzn-balon[data-gorunur]{transform:none}
}