playerbar appearance initial

src/components/bars/PlayerBar/index.tsx

@@ -21,7 +21,6 @@ const PlayerBarUnconnected: FC<IProps> = ({ status }) => {
 
   return (
     <div className={styles.place}>
-      <div className={styles.seeker}>S</div>
       <div className={styles.wrap}>
         <div className={styles.status}>
           <div className={styles.playpause}>

src/components/bars/PlayerBar/styles.scss

@@ -6,14 +6,14 @@
 
   &:hover {
     .seeker {
-      transform: translate(0, -40px);
+      transform: translate(0, -64px);
     }
   }
 }
 
 .wrap {
   display: flex;
-  border-radius: $radius 0 0 0;
+  border-radius: 27px;
   background: $green_gradient;
   align-items: center;
   box-shadow: rgba(0, 0, 0, 0.3) 0 2px 5px, inset rgba(255, 255, 255, 0.3) 0 1px,
@@ -38,21 +38,6 @@
   height: 54px;
 }
 
-.seeker {
-  position: absolute;
-  z-index: 1;
-  width: 100%;
-  height: 54px;
-  left: 0;
-  background: transparentize($content_bg, 0);
-  transform: translate(0, 0);
-  transition: transform 0.25s;
-  border-radius: $radius;
-  box-sizing: border-box;
-  padding: $gap;
-  @include outer_shadow();
-}
-
 .playpause,
 .close {
   flex: 0 0 48px;

src/containers/main/BottomContainer/styles.scss

@@ -1,7 +1,7 @@
 .wrap {
   position: fixed;
   transform: translateZ(0);
-  bottom: 0px;
+  bottom: $gap;
   pointer-events: none;
   touch-action: none;
   height: 54px;