< t e m p l a t e > 
     < v i e w   c l a s s = " p r o d u c t - e d i t - p a g e " > 
         < v i e w   c l a s s = " p a g e - h e a d e r " > 
             < v i e w   c l a s s = " b a c k - l i n k "   @ c l i c k = " g o B a c k " > 
                 < t e x t   c l a s s = " a r r o w " > { " < " } < / t e x t > 
                 < t e x t   c l a s s = " b a c k - t x t " > igem< / t e x t > 
             < / v i e w > 
             < t e x t   c l a s s = " h e a d e r - t i t l e " > ,h}_U'd< / t e x t > 
         < / v i e w > 
 
         < ! - -   Y0^p? - - > 
         < v i e w   c l a s s = " s t e p s - c a r d " > 
             < v i e w   c l a s s = " s t e p - i t e m s " > 
                 < v i e w   v - f o r = " ( s t e p ,   i n d e x )   i n   s t e p s "   : k e y = " i n d e x "   c l a s s = " s t e p - i t e m "   : c l a s s = " {   a c t i v e :   a c t i v e S t e p   = = =   i n d e x   } " > 
                     < t e x t   c l a s s = " s t e p - t x t " > { {   s t e p   } } < / t e x t > 
                     < v i e w   v - i f = " i n d e x   <   s t e p s . l e n g t h   -   1 "   c l a s s = " s t e p - l i n e " > < / v i e w > 
                 < / v i e w > 
             < / v i e w > 
         < / v i e w > 
 
         < ! - -   t%1]PmT  - - > 
         < v i e w   c l a s s = " f o r m - c a r d " > 
             < v i e w   c l a s s = " f o r m - i t e m " > 
                 < v i e w   c l a s s = " l a b e l " > < t e x t   c l a s s = " r e q u i r e d " > * < / t e x t > < t e x t > _U'd~7p? / t e x t > < / v i e w > 
                 < v i e w   c l a s s = " i n p u t - w r a p " > 
                     < v i e w   c l a s s = " r a d i o - g r o u p " > 
                         < v i e w   c l a s s = " r a d i o - i t e m   a c t i v e " > 
                             < t e x t   c l a s s = " r a d i o - c i r c l e   o n " > < / t e x t > 
                             < v i e w   c l a s s = " r a d i o - t x t " > 
                                 < t e x t   c l a s s = " m a i n " > œ ,lbf]? / t e x t > 
                                 < t e x t   c l a s s = " s u b " > ( B%fyY#bc) < / t e x t > 
                             < / v i e w > 
                         < / v i e w > 
                     < / v i e w > 
                 < / v i e w > 
             < / v i e w > 
 
             < v i e w   c l a s s = " f o r m - i t e m " > 
                 < v i e w   c l a s s = " l a b e l " > < t e x t   c l a s s = " r e q u i r e d " > * < / t e x t > < t e x t > _U'dZ]? / t e x t > < / v i e w > 
                 < v i e w   c l a s s = " i n p u t - w r a p " > 
                     < v i e w   c l a s s = " i n p u t - b o x " > 
                         < i n p u t   c l a s s = " r e a l - i n p u t "   v - m o d e l = " f o r m D a t a . n a m e "   / > 
                         < t e x t   c l a s s = " c o u n t " > 3 6 / 8 0 < / t e x t > 
                     < / v i e w > 
                 < / v i e w > 
             < / v i e w > 
 
             < v i e w   c l a s s = " f o r m - i t e m " > 
                 < v i e w   c l a s s = " l a b e l " > < t e x t   c l a s s = " r e q u i r e d " > * < / t e x t > < t e x t > Wf}? / t e x t > < / v i e w > 
                 < v i e w   c l a s s = " i n p u t - w r a p " > 
                     < v i e w   c l a s s = " i n p u t - b o x   s m a l l " > 
                         < i n p u t   c l a s s = " r e a l - i n p u t "   v a l u e = " `m?   / > 
                         < t e x t   c l a s s = " c o u n t " > 1 / 5 < / t e x t > 
                     < / v i e w > 
                 < / v i e w > 
             < / v i e w > 
 
             < v i e w   c l a s s = " f o r m - i t e m " > 
                 < v i e w   c l a s s = " l a b e l " > < t e x t   c l a s s = " r e q u i r e d " > * < / t e x t > < t e x t > _U'd^g1ced0}< / t e x t > < / v i e w > 
                 < v i e w   c l a s s = " i n p u t - w r a p " > 
                     < v i e w   c l a s s = " i m a g e - u p l o a d e r " > 
                         < v i e w   v - f o r = " ( i m g ,   i )   i n   f o r m D a t a . i m a g e _ u r l s "   : k e y = " i "   c l a s s = " i m g - i t e m " > 
                             < i m a g e   : s r c = " i m g "   m o d e = " a s p e c t F i l l "   / > 
                             < v i e w   c l a s s = " i m g - c l o s e "   @ c l i c k = " r e m o v e I m a g e ( i ) " > 3< / v i e w > 
                         < / v i e w > 
                         < v i e w   c l a s s = " u p l o a d - b t n "   @ c l i c k = " u p l o a d I m a g e " > 
                             < t e x t   c l a s s = " i c o n " > + < / t e x t > 
                         < / v i e w > 
                     < / v i e w > 
                     < t e x t   c l a s s = " t i p " > [?OpT? 0 0 * 8 0 0 }\r_(hZptI_egRX$iT-|\|t0[rXmmp[ed}ȓ o+l{|m? 0 [? / t e x t > 
                 < / v i e w > 
             < / v i e w > 
 
             < v i e w   c l a s s = " f o r m - i t e m " > 
                 < v i e w   c l a s s = " l a b e l " > < t e x t > #ZYYtUv? / t e x t > < / v i e w > 
                 < v i e w   c l a s s = " i n p u t - w r a p " > 
                     < v i e w   c l a s s = " i m a g e - u p l o a d e r " > 
                         < v i e w   v - f o r = " ( v i d ,   i )   i n   f o r m D a t a . v i d e o _ u r l s "   : k e y = " i "   c l a s s = " i m g - i t e m " > 
                             < v i d e o   : s r c = " v i d "   s t y l e = " w i d t h :   1 0 0 % ;   h e i g h t :   1 0 0 % ;   b o r d e r - r a d i u s :   4 p x ; "   : c o n t r o l s = " f a l s e " > < / v i d e o > 
                             < v i e w   c l a s s = " i m g - c l o s e "   @ c l i c k = " r e m o v e V i d e o ( i ) " > 3< / v i e w > 
                         < / v i e w > 
                         < v i e w   c l a s s = " u p l o a d - b t n   v - b t n "   @ c l i c k = " u p l o a d V i d e o " > 
                             < t e x t   c l a s s = " v - i c o n " > td< / t e x t > 
                         < / v i e w > 
                     < / v i e w > 
                     < t e x t   c l a s s = " t i p " > [?ÓXf? ~ 3 0 ~c}YtUv9pNsY? 6 : 9 < / t e x t > 
                 < / v i e w > 
             < / v i e w > 
 
             < v i e w   c l a s s = " f o r m - i t e m " > 
                 < v i e w   c l a s s = " l a b e l " > < t e x t   c l a s s = " r e q u i r e d " > * < / t e x t > < t e x t > _U'dRU? / t e x t > < / v i e w > 
                 < v i e w   c l a s s = " i n p u t - w r a p " > 
                     < v i e w   c l a s s = " t a g - s e l e c t o r " > 
                         < v i e w   v - f o r = " t a g   i n   c a t e g o r i e s "   : k e y = " t a g "   c l a s s = " t a g - i t e m " > 
                             < t e x t > { {   t a g   } } < / t e x t > 
                             < t e x t   c l a s s = " c l o s e " > 3< / t e x t > 
                         < / v i e w > 
                         < t e x t   c l a s s = " a d d - l i n k " > gRU< / t e x t > 
                     < / v i e w > 
                 < / v i e w > 
             < / v i e w > 
 
             < v i e w   c l a s s = " f o r m - i t e m " > 
                 < v i e w   c l a s s = " l a b e l " > < t e x t   c l a s s = " r e q u i r e d " > * < / t e x t > < t e x t > _U'd^s? / t e x t > < / v i e w > 
                 < v i e w   c l a s s = " i n p u t - w r a p " > 
                     < v i e w   c l a s s = " i n p u t - b o x   s m a l l " > 
                         < i n p u t   c l a s s = " r e a l - i n p u t "   t y p e = " n u m b e r "   v - m o d e l = " f o r m D a t a . b a s e _ p r i c e "   p l a c e h o l d e r = " tu}O0me`m?   / > 
                         < t e x t   c l a s s = " u n i t " > O? / t e x t > 
                     < / v i e w > 
                 < / v i e w > 
             < / v i e w > 
 
             < v i e w   c l a s s = " f o r m - i t e m " > 
                 < v i e w   c l a s s = " l a b e l " > < t e x t   c l a s s = " r e q u i r e d " > * < / t e x t > < t e x t > _U'd4ddt? / t e x t > < / v i e w > 
                 < v i e w   c l a s s = " i n p u t - w r a p " > 
                     < v i e w   c l a s s = " i n p u t - b o x   s m a l l " > 
                         < i n p u t   c l a s s = " r e a l - i n p u t "   t y p e = " n u m b e r "   v - m o d e l = " f o r m D a t a . a v a i l a b l e _ s t o c k "   p l a c e h o l d e r = " tu}O01|p?   / > 
                         < t e x t   c l a s s = " u n i t " > `m? / t e x t > 
                     < / v i e w > 
                 < / v i e w > 
             < / v i e w > 
 
             < v i e w   c l a s s = " f o r m - i t e m " > 
                 < v i e w   c l a s s = " l a b e l " > < t e x t > _U'd͓V7? / t e x t > < / v i e w > 
                 < v i e w   c l a s s = " i n p u t - w r a p " > 
                     < v i e w   c l a s s = " m o c k - b t n - s e l e c t " > YZ͓V7< / v i e w > 
                 < / v i e w > 
             < / v i e w > 
 
             < v i e w   c l a s s = " f o r m - i t e m " > 
                 < v i e w   c l a s s = " l a b e l " > < t e x t > _U'd5 O0}< / t e x t > < / v i e w > 
                 < v i e w   c l a s s = " i n p u t - w r a p " > 
                     < v i e w   c l a s s = " r a d i o - g r o u p - s i m p l e " > 
                         < v i e w   c l a s s = " r a d i o - s i m p l e   o n " > 
                             < t e x t   c l a s s = " d o t " > < / t e x t > 
                             < t e x t > mCZfp< / t e x t > 
                         < / v i e w > 
                         < v i e w   c l a s s = " r a d i o - s i m p l e " > 
                             < t e x t   c l a s s = " d o t " > < / t e x t > 
                             < t e x t > m+[fp< / t e x t > 
                         < / v i e w > 
                     < / v i e w > 
                 < / v i e w > 
             < / v i e w > 
         < / v i e w > 
 
         < v i e w   c l a s s = " f o o t e r - b t n s " > 
             < b u t t o n   c l a s s = " b t n - n e x t " > m)[zY? / b u t t o n > 
             < b u t t o n   c l a s s = " b t n - s a v e "   @ c l i c k = " s a v e P r o d u c t " > mot< / b u t t o n > 
         < / v i e w > 
     < / v i e w > 
 < / t e m p l a t e > 
 
 < s c r i p t   s e t u p   l a n g = " u t s " > 
 i m p o r t   {   r e f ,   o n M o u n t e d   }   f r o m   ' v u e ' 
 i m p o r t   {   o p e n R o u t e   }   f r o m   ' @ / l a y o u t s / a d m i n / s t o r e / a d m i n N a v S t o r e . u t s ' 
 i m p o r t   s u p a ,   {   e n s u r e S u p a b a s e R e a d y   }   f r o m   ' @ / c o m p o n e n t s / s u p a d b / a k s u p a i n s t a n c e ' 
 
 c o n s t   a c t i v e S t e p   =   r e f ( 0 ) 
 c o n s t   s t e p s   =   [ ' iym!O' ,   ' YtRxr4ddt' ,   ' _U'dt=Q' ,   ' B%fytgRu' ,   ' |m,la`m? cmI~V' ,   ' 0"etgRu' ,   ' O5g|tgRu' ] 
 
 / /   t%1]5ppt2|  m l _ p r o d u c t s   HrA]d/p
 c o n s t   f o r m D a t a   =   r e f ( { 
     i d :   ' ' ,   
     m e r c h a n t _ i d :   u n i . g e t S t o r a g e S y n c ( ' m e r c h a n t _ i d ' )   a s   s t r i n g   | |   ' m e r c h a n t _ 1 2 3 ' , 
     c a t e g o r y _ i d :   ' ' , 
     n a m e :   ' ȓDaZ]bf]? ,   / /   i?j{Jwx}5ppt2|  i n p u t   b~u  v - m o d e l = " f o r m D a t a . n a m e " 
     b a s e _ p r i c e :   0 , 
     a v a i l a b l e _ s t o c k :   0 , 
     m a i n _ i m a g e _ u r l :   ' ' , 
     i m a g e _ u r l s :   [ 
         ' h t t p s : / / i m g 1 . b a i d u . c o m / i t / u = 2 5 4 0 6 5 6 4 6 , 3 1 0 0 3 4 6 0 8 3 & f m = 2 5 3 & f m t = a u t o & a p p = 1 3 8 & f = J P E G ? w = 5 0 0 & h = 5 0 0 ' , 
         ' h t t p s : / / i m g 2 . b a i d u . c o m / i t / u = 3 0 2 5 2 5 5 4 7 0 , 3 0 5 1 0 6 1 7 3 0 & f m = 2 5 3 & f m t = a u t o & a p p = 1 3 8 & f = J P E G ? w = 5 0 0 & h = 5 0 0 ' , 
         ' h t t p s : / / i m g 2 . b a i d u . c o m / i t / u = 3 7 7 5 0 7 9 6 3 2 , 5 4 6 7 0 0 8 6 8 & f m = 2 5 3 & f m t = a u t o & a p p = 1 3 8 & f = J P E G ? w = 5 0 0 & h = 5 0 0 ' 
     ]   a s   s t r i n g [ ] , 
     v i d e o _ u r l s :   [ ]   a s   s t r i n g [ ] , 
     s t a t u s :   1 ,   / /   1 mCZfp  0 m+[fp
 } ) 
 
 c o n s t   c a t e g o r i e s   =   r e f ( [ ' "q?i9p3w' ,   ' ig,aYmd/\  /   3 6 1 ' ,   ' ig,aYmd/\  /   ĉ' ,   ' ig,aYmd/\  /   VptS' ] ) 
 
 f u n c t i o n   u p l o a d I m a g e ( )   { 
     c o n s t   m a x C o u n t   =   1 0   -   f o r m D a t a . v a l u e . i m a g e _ u r l s . l e n g t h 
     i f   ( m a x C o u n t   < =   0 )   { 
         u n i . s h o w T o a s t ( {   t i t l e :   ' ȓ o+l{|m? 0 [? ,   i c o n :   ' n o n e '   } ) 
         r e t u r n 
     } 
     u n i . c h o o s e I m a g e ( { 
         c o u n t :   m a x C o u n t , 
         s u c c e s s :   ( r e s )   = >   { 
             / /   Y!ZmAZ6}1l?m0YWW(Rpnf
YÓtng PcX~RDi0PuĕtT6ncmde  s u p a b a s e   s t o r a g e   ~	Y{|m?             c o n s t   p a t h s   =   r e s . t e m p F i l e P a t h s   a s   s t r i n g [ ] 
             f o r m D a t a . v a l u e . i m a g e _ u r l s . p u s h ( . . . p a t h s ) 
         } , 
         f a i l :   ( e r r )   = >   { 
             c o n s o l e . e r r o r ( ' YZegRXo: ' ,   e r r ) 
         } 
     } ) 
 } 
 
 f u n c t i o n   r e m o v e I m a g e ( i n d e x :   n u m b e r )   { 
     f o r m D a t a . v a l u e . i m a g e _ u r l s . s p l i c e ( i n d e x ,   1 ) 
 } 
 
 f u n c t i o n   u p l o a d V i d e o ( )   { 
     u n i . c h o o s e V i d e o ( { 
         s o u r c e T y p e :   [ ' c a m e r a ' ,   ' a l b u m ' ] , 
         s u c c e s s :   ( r e s )   = >   { 
             / /   Y!ZmAZ6}1l?m0YWW(Rpnf
YÓtng PcX~RDi0PuĕtT6ncmde  s u p a b a s e   s t o r a g e   ~	Y{|m?             f o r m D a t a . v a l u e . v i d e o _ u r l s . p u s h ( r e s . t e m p F i l e P a t h   a s   s t r i n g ) 
         } , 
         f a i l :   ( e r r )   = >   { 
             c o n s o l e . e r r o r ( ' YZYtUvo: ' ,   e r r ) 
         } 
     } ) 
 } 
 
 f u n c t i o n   r e m o v e V i d e o ( i n d e x :   n u m b e r )   { 
     f o r m D a t a . v a l u e . v i d e o _ u r l s . s p l i c e ( i n d e x ,   1 ) 
 } 
 
 f u n c t i o n   g o B a c k ( )   { 
     o p e n R o u t e ( ' p r o d u c t _ p r o d u c t L i s t ' ) 
 } 
 
 / /   mot_U'd(RYcm? a s y n c   f u n c t i o n   s a v e P r o d u c t ( )   { 
     i f   ( ! f o r m D a t a . v a l u e . n a m e )   { 
         u n i . s h o w T o a s t ( {   t i t l e :   ' tu}O0bf]xO`~? ,   i c o n :   ' n o n e '   } ) 
         r e t u r n 
     } 
 
     a w a i t   e n s u r e S u p a b a s e R e a d y ( ) 
 
     / /   ˓Rmot^gPN]
     c o n s t   p a y l o a d   =   { 
         m e r c h a n t _ i d :   f o r m D a t a . v a l u e . m e r c h a n t _ i d , 
         n a m e :   f o r m D a t a . v a l u e . n a m e , 
         b a s e _ p r i c e :   f o r m D a t a . v a l u e . b a s e _ p r i c e , 
         m a i n _ i m a g e _ u r l :   f o r m D a t a . v a l u e . i m a g e _ u r l s . l e n g t h   >   0   ?   f o r m D a t a . v a l u e . i m a g e _ u r l s [ 0 ]   :   ' ' ,   / /   h'hXm
         i m a g e _ u r l s :   f o r m D a t a . v a l u e . i m a g e _ u r l s , 
         v i d e o _ u r l s :   f o r m D a t a . v a l u e . v i d e o _ u r l s , 
         a v a i l a b l e _ s t o c k :   f o r m D a t a . v a l u e . a v a i l a b l e _ s t o c k , 
         s t a t u s :   f o r m D a t a . v a l u e . s t a t u s 
     } 
 
     t r y   { 
         l e t   r e s u l t ; 
         i f   ( f o r m D a t a . v a l u e . i d )   { 
             r e s u l t   =   a w a i t   s u p a . f r o m ( ' m l _ p r o d u c t s ' ) . u p d a t e ( p a y l o a d ) . e q ( ' i d ' ,   f o r m D a t a . v a l u e . i d ) 
         }   e l s e   { 
             r e s u l t   =   a w a i t   s u p a . f r o m ( ' m l _ p r o d u c t s ' ) . i n s e r t ( [ p a y l o a d ] ) 
         } 
 
         i f   ( ! r e s u l t . e r r o r )   { 
               u n i . s h o w T o a s t ( {   t i t l e :   ' mot,aY' ,   i c o n :   ' s u c c e s s '   } ) 
               s e t T i m e o u t ( ( )   = >   g o B a c k ( ) ,   1 0 0 0 ) 
         }   e l s e   { 
               u n i . s h o w T o a s t ( {   t i t l e :   ' moto:   '   +   r e s u l t . e r r o r . m e s s a g e ,   i c o n :   ' n o n e '   } ) 
         } 
     }   c a t c h   ( e r r o r )   { 
         c o n s o l e . e r r o r ( ' mot0Je: ' ,   e r r o r ) 
     } 
 } 
 < / s c r i p t > 
 
 < s t y l e   s c o p e d   l a n g = " s c s s " > 
 . p r o d u c t - e d i t - p a g e   { 
     p a d d i n g :   0 ; 
     b a c k g r o u n d - c o l o r :   t r a n s p a r e n t ; 
     m i n - h e i g h t :   a u t o ; 
 } 
 
 . p a g e - h e a d e r   { 
     d i s p l a y :   f l e x ; 
     f l e x - d i r e c t i o n :   r o w ; 
     a l i g n - i t e m s :   c e n t e r ; 
     g a p :   1 6 p x ; 
     m a r g i n - b o t t o m :   2 0 p x ; 
     . b a c k - l i n k   { 
         d i s p l a y :   f l e x ; 
         f l e x - d i r e c t i o n :   r o w ; 
         a l i g n - i t e m s :   c e n t e r ; 
         g a p :   4 p x ; 
         c o l o r :   # 6 6 6 ; 
         c u r s o r :   p o i n t e r ; 
         . a r r o w   {   f o n t - s i z e :   1 4 p x ;   } 
         . b a c k - t x t   {   f o n t - s i z e :   1 4 p x ;   } 
     } 
     . h e a d e r - t i t l e   {   f o n t - s i z e :   1 6 p x ;   f o n t - w e i g h t :   b o l d ;   c o l o r :   # 3 3 3 ;   } 
 } 
 
 . s t e p s - c a r d   { 
     b a c k g r o u n d :   # f f f ; 
     p a d d i n g :   2 0 p x ; 
     b o r d e r - r a d i u s :   4 p x ; 
     m a r g i n - b o t t o m :   1 6 p x ; 
 } 
 
 . s t e p - i t e m s   { 
     d i s p l a y :   f l e x ; 
     f l e x - d i r e c t i o n :   r o w ; 
     a l i g n - i t e m s :   c e n t e r ; 
 } 
 
 . s t e p - i t e m   { 
     d i s p l a y :   f l e x ; 
     f l e x - d i r e c t i o n :   r o w ; 
     a l i g n - i t e m s :   c e n t e r ; 
     . s t e p - t x t   { 
         f o n t - s i z e :   1 4 p x ; 
         c o l o r :   # 9 9 9 ; 
         p a d d i n g :   0   1 6 p x ; 
     } 
     & . a c t i v e   . s t e p - t x t   { 
         c o l o r :   # 1 8 9 0 f f ; 
         f o n t - w e i g h t :   b o l d ; 
         b o r d e r - b o t t o m :   2 p x   s o l i d   # 1 8 9 0 f f ; 
         p a d d i n g - b o t t o m :   4 p x ; 
     } 
     . s t e p - l i n e   { 
         w i d t h :   2 0 p x ; 
         h e i g h t :   1 p x ; 
         b a c k g r o u n d :   # e 8 e 8 e 8 ; 
     } 
 } 
 
 . f o r m - c a r d   { 
     b a c k g r o u n d :   # f f f ; 
     p a d d i n g :   4 0 p x ; 
     b o r d e r - r a d i u s :   4 p x ; 
 } 
 
 . f o r m - i t e m   { 
     d i s p l a y :   f l e x ; 
     f l e x - d i r e c t i o n :   r o w ; 
     m a r g i n - b o t t o m :   3 0 p x ; 
     . l a b e l   { 
         w i d t h :   1 2 0 p x ; 
         t e x t - a l i g n :   r i g h t ; 
         f o n t - s i z e :   1 4 p x ; 
         c o l o r :   # 3 3 3 ; 
         p a d d i n g - t o p :   8 p x ; 
         m a r g i n - r i g h t :   2 0 p x ; 
         . r e q u i r e d   {   c o l o r :   # f 5 2 2 2 d ;   m a r g i n - r i g h t :   4 p x ;   } 
     } 
     . i n p u t - w r a p   {   f l e x :   1 ;   } 
 } 
 
 . r a d i o - i t e m   { 
     d i s p l a y :   f l e x ; 
     f l e x - d i r e c t i o n :   r o w ; 
     a l i g n - i t e m s :   c e n t e r ; 
     g a p :   8 p x ; 
     b o r d e r :   1 p x   s o l i d   # 1 8 9 0 f f ; 
     b o r d e r - r a d i u s :   4 p x ; 
     p a d d i n g :   1 0 p x   1 6 p x ; 
     w i d t h :   1 6 0 p x ; 
     p o s i t i o n :   r e l a t i v e ; 
     . r a d i o - c i r c l e   { 
         w i d t h :   1 4 p x ;   h e i g h t :   1 4 p x ;   b o r d e r :   1 p x   s o l i d   # d 9 d 9 d 9 ;   b o r d e r - r a d i u s :   5 0 % ; 
         & . o n   {   b o r d e r - c o l o r :   # 1 8 9 0 f f ;   b a c k g r o u n d :   # 1 8 9 0 f f ;   } 
     } 
     . r a d i o - t x t   { 
         d i s p l a y :   f l e x ; 
         f l e x - d i r e c t i o n :   c o l u m n ; 
         . m a i n   {   f o n t - s i z e :   1 4 p x ;   c o l o r :   # 3 3 3 ;   } 
         . s u b   {   f o n t - s i z e :   1 2 p x ;   c o l o r :   # 9 9 9 ;   } 
     } 
     & : : a f t e r   { 
         c o n t e n t :   ' A? ; 
         p o s i t i o n :   a b s o l u t e ; 
         r i g h t :   0 ;   b o t t o m :   0 ; 
         b a c k g r o u n d :   # 1 8 9 0 f f ;   c o l o r :   # f f f ;   f o n t - s i z e :   1 0 p x ;   p a d d i n g :   0   2 p x ; 
     } 
 } 
 
 . i n p u t - b o x   { 
     b o r d e r :   1 p x   s o l i d   # d 9 d 9 d 9 ; 
     b o r d e r - r a d i u s :   4 p x ; 
     d i s p l a y :   f l e x ; 
     f l e x - d i r e c t i o n :   r o w ; 
     a l i g n - i t e m s :   c e n t e r ; 
     p a d d i n g :   0   1 2 p x ; 
     w i d t h :   4 0 0 p x ; 
     h e i g h t :   3 6 p x ; 
     & . s m a l l   {   w i d t h :   1 5 0 p x ;   } 
     . r e a l - i n p u t   {   f l e x :   1 ;   f o n t - s i z e :   1 4 p x ;   c o l o r :   # 3 3 3 ;   } 
     . c o u n t   {   f o n t - s i z e :   1 2 p x ;   c o l o r :   # b f b f b f ;   } 
 } 
 
 . i m a g e - u p l o a d e r   { 
     d i s p l a y :   f l e x ; 
     f l e x - d i r e c t i o n :   r o w ; 
     f l e x - w r a p :   w r a p ; 
     g a p :   1 2 p x ; 
     m a r g i n - b o t t o m :   8 p x ; 
     . i m g - i t e m   { 
         w i d t h :   8 0 p x ;   h e i g h t :   8 0 p x ;   p o s i t i o n :   r e l a t i v e ; 
         i m a g e   {   w i d t h :   1 0 0 % ;   h e i g h t :   1 0 0 % ;   b o r d e r - r a d i u s :   4 p x ;   } 
         . i m g - c l o s e   { 
             p o s i t i o n :   a b s o l u t e ;   r i g h t :   - 6 p x ;   t o p :   - 6 p x ;   w i d t h :   1 6 p x ;   h e i g h t :   1 6 p x ; 
             b a c k g r o u n d :   r g b a ( 0 , 0 , 0 , 0 . 5 ) ;   c o l o r :   # f f f ;   b o r d e r - r a d i u s :   5 0 % ; 
             d i s p l a y :   f l e x ;   a l i g n - i t e m s :   c e n t e r ;   j u s t i f y - c o n t e n t :   c e n t e r ;   f o n t - s i z e :   1 2 p x ; 
         } 
     } 
 } 
 
 . u p l o a d - b t n   { 
     w i d t h :   8 0 p x ;   h e i g h t :   8 0 p x ;   b o r d e r :   1 p x   d a s h e d   # d 9 d 9 d 9 ;   b o r d e r - r a d i u s :   4 p x ; 
     d i s p l a y :   f l e x ;   a l i g n - i t e m s :   c e n t e r ;   j u s t i f y - c o n t e n t :   c e n t e r ; 
     . i c o n   {   f o n t - s i z e :   2 4 p x ;   c o l o r :   # 9 9 9 ;   } 
     & . v - b t n   {   w i d t h :   6 4 p x ;   h e i g h t :   6 4 p x ;   m a r g i n - b o t t o m :   8 p x ;   . v - i c o n   {   f o n t - s i z e :   2 4 p x ;   }   } 
 } 
 
 . t i p   {   f o n t - s i z e :   1 2 p x ;   c o l o r :   # 9 9 9 ;   } 
 
 . t a g - s e l e c t o r   { 
     d i s p l a y :   f l e x ; 
     f l e x - d i r e c t i o n :   r o w ; 
     f l e x - w r a p :   w r a p ; 
     g a p :   8 p x ; 
     a l i g n - i t e m s :   c e n t e r ; 
     . t a g - i t e m   { 
         b a c k g r o u n d :   # f 5 f 5 f 5 ;   b o r d e r :   1 p x   s o l i d   # d 9 d 9 d 9 ;   p a d d i n g :   2 p x   1 0 p x ;   b o r d e r - r a d i u s :   4 p x ; 
         d i s p l a y :   f l e x ;   f l e x - d i r e c t i o n :   r o w ;   a l i g n - i t e m s :   c e n t e r ;   g a p :   6 p x ; 
         f o n t - s i z e :   1 4 p x ;   c o l o r :   # 6 6 6 ; 
         . c l o s e   {   c o l o r :   # 9 9 9 ;   c u r s o r :   p o i n t e r ;   } 
     } 
     . a d d - l i n k   {   f o n t - s i z e :   1 4 p x ;   c o l o r :   # 1 8 9 0 f f ;   c u r s o r :   p o i n t e r ;   } 
 } 
 
 . m o c k - b t n - s e l e c t   { 
     b o r d e r :   1 p x   s o l i d   # d 9 d 9 d 9 ;   b o r d e r - r a d i u s :   4 p x ;   p a d d i n g :   6 p x   1 6 p x ; 
     f o n t - s i z e :   1 4 p x ;   c o l o r :   # 6 6 6 ;   d i s p l a y :   i n l i n e - b l o c k ; 
 } 
 
 . r a d i o - g r o u p - s i m p l e   { 
     d i s p l a y :   f l e x ; 
     f l e x - d i r e c t i o n :   r o w ; 
     g a p :   2 0 p x ; 
     . r a d i o - s i m p l e   { 
         d i s p l a y :   f l e x ;   f l e x - d i r e c t i o n :   r o w ;   a l i g n - i t e m s :   c e n t e r ;   g a p :   6 p x ;   f o n t - s i z e :   1 4 p x ;   c o l o r :   # 6 6 6 ; 
         . d o t   {   w i d t h :   1 4 p x ;   h e i g h t :   1 4 p x ;   b o r d e r :   1 p x   s o l i d   # d 9 d 9 d 9 ;   b o r d e r - r a d i u s :   5 0 % ;   p o s i t i o n :   r e l a t i v e ;   } 
         & . o n   { 
             c o l o r :   # 1 8 9 0 f f ; 
             . d o t   {   b o r d e r - c o l o r :   # 1 8 9 0 f f ;   } 
             . d o t : : a f t e r   { 
                 c o n t e n t :   ' ' ;   p o s i t i o n :   a b s o l u t e ;   l e f t :   3 p x ;   t o p :   3 p x ;   w i d t h :   6 p x ;   h e i g h t :   6 p x ; 
                 b a c k g r o u n d :   # 1 8 9 0 f f ;   b o r d e r - r a d i u s :   5 0 % ; 
             } 
         } 
     } 
 } 
 
 . f o o t e r - b t n s   { 
     m a r g i n - t o p :   2 4 p x ; 
     d i s p l a y :   f l e x ; 
     f l e x - d i r e c t i o n :   r o w ; 
     j u s t i f y - c o n t e n t :   c e n t e r ; 
     g a p :   1 6 p x ; 
     p a d d i n g - b o t t o m :   4 0 p x ; 
     . b t n - n e x t   {   b a c k g r o u n d :   # 1 8 9 0 f f ;   c o l o r :   # f f f ;   b o r d e r :   n o n e ;   p a d d i n g :   0   2 4 p x ;   h e i g h t :   4 0 p x ;   b o r d e r - r a d i u s :   4 p x ;   } 
     . b t n - s a v e   {   b a c k g r o u n d :   # f f f ;   c o l o r :   # 1 8 9 0 f f ;   b o r d e r :   1 p x   s o l i d   # 1 8 9 0 f f ;   p a d d i n g :   0   2 4 p x ;   h e i g h t :   4 0 p x ;   b o r d e r - r a d i u s :   4 p x ;   } 
 } 
 < / s t y l e > 
 
 
 