package Ġstyle Ċ Ċ import Ġorg . jetbrains . compose . web . css .* Ċ Ċ object ĠBase Card Style sheet Ġ: ĠStyleSheet () Ġ{ ĊĠĠĠ Ġval Ġbase Card Ġby Ġstyle Ġ{ ĊĠĠĠĠĠĠĠ Ġheight ( 4 0 0 . px ) ĊĠĠĠĠĠĠĠ Ġwidth ( 8 0 . percent ) ĊĠĠĠĠĠĠĠ Ġposition ( Position . Relative ) ĊĠĠĠĠĠĠĠ Ġdisplay ( Display Style . Flex ) ĊĠĠĠĠĠĠĠ Ġpadding ( 2 0 . px ) ĊĠĠĠĠĠĠĠ Ġpadding Right ( 5 0 . px ) ĊĠĠĠĠĠĠĠ ĠalignItems ( Align Items . Center ) ĊĠĠĠĠĠĠĠ Ġproperty (" transition ", Ġ" all Ġ 0 . 3 s ") ĊĊĠĠĠĠĠĠĠ ĠmaxWidth ( 8 5 0 . px ) ĊĊĠĠĠĠĠĠĠ Ġmedia ( media Max Width ( 1 1 0 0 . px )) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġself Ġstyle Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠmaxWidth ( 7 0 0 . px ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġheight ( 4 3 0 . px ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ Ġmedia ( media Max Width ( 9 5 0 . px )) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġself Ġstyle Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠmaxWidth ( 6 0 0 . px ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġheight ( 4 5 0 . px ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ Ġmedia ( media Max Width ( 8 0 0 . px )) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġself Ġstyle Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠflexDirection ( Flex Direction . Column ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġpadding ( 5 0 . px ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġpadding Bottom ( 0 . px ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠmarginTop ( 1 5 0 . px ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠmarginBottom ( 8 0 . px ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ Ġmedia ( media Max Width ( 6 5 0 . px )) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġself Ġstyle Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġproperty (" width "," calc ( 9 0 % Ġ- Ġ 1 0 0 px )") ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġval Ġlogo Card Ġby Ġstyle Ġ{ ĊĠĠĠĠĠĠĠ Ġproperty (" box - shadow ", Ġ" 4 px Ġ 1 3 px Ġ 3 0 px Ġ 1 px Ġ# 8 ec 5 fc ") ĊĠĠĠĠĠĠĠ Ġproperty (" transform ", Ġ" translate X (- 8 0 px )") ĊĠĠĠĠĠĠĠ Ġproperty (" transition ", Ġ" all Ġ 0 . 3 s ") ĊĠĠĠĠĠĠĠ Ġheight ( 2 5 0 . px ) ĊĠĠĠĠĠĠĠ Ġwidth ( 2 5 0 . px ) ĊĠĠĠĠĠĠĠ ĠminWidth ( 2 0 0 . px ) ĊĠĠĠĠĠĠĠ ĠtextAlign ( Text Align . center ) ĊĊĠĠĠĠĠĠĠ Ġmedia ( media Max Width ( 9 5 0 . px )) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġself Ġstyle Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġheight ( 1 8 0 . px ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġwidth ( 1 8 0 . px ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ Ġmedia ( media Max Width ( 8 0 0 . px )) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġself Ġstyle Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġwidth ( 7 5 . percent ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġheight ( 3 0 0 . px ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġproperty (" transform ", Ġ" translate Y (- 6 0 % )") ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ Ġmedia ( media Max Width ( 6 0 0 . px )) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġself Ġstyle Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġheight ( 2 0 0 . px ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġval Ġcard Content Wrap Ġby Ġstyle Ġ{ ĊĠĠĠĠĠĠĠ Ġposition ( Position . Relative ) ĊĠĠĠĠĠĠĠ Ġheight ( 1 0 0 . percent ) ĊĠĠĠĠĠĠĠ Ġflex Grow ( 1 ) ĊĠĠĠĠĠĠĠ Ġmedia ( media Max Width ( 8 0 0 . px )) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġself Ġstyle Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġwidth ( 1 0 0 . percent ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġval Ġcard Content Ġby Ġstyle Ġ{ ĊĠĠĠĠĠĠĠ Ġproperty (" transition ", Ġ" all Ġ 0 . 3 s Ġlinear ") ĊĠĠĠĠĠĠĠ Ġposition ( Position . Absolute ) ĊĠĠĠĠĠĠĠ Ġheight ( 1 0 0 . percent ) ĊĠĠĠĠĠĠĠ Ġwidth ( 1 0 0 . percent ) ĊĠĠĠĠĠĠĠ Ġdisplay ( Display Style . Flex ) ĊĠĠĠĠĠĠĠ ĠalignItems ( Align Items . Center ) ĊĠĠĠĠĠĠĠ Ġopacity ( 1 ) ĊĠĠĠĠĠĠĠ Ġproperty (" visibility ", Ġ" visible ") ĊĠĠĠĠĠĠĠ Ġtop ( 0 . px ) ĊĊĠĠĠĠĠĠĠ Ġmedia ( media Max Width ( 8 0 0 . px )) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġself Ġstyle Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠmarginTop ((- 1 0 0 ). px ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġval Ġcard Content Show Ġby Ġstyle Ġ{ ĊĠĠĠĠĠĠĠ Ġopacity ( 1 ) ĊĠĠĠĠĠĠĠ Ġproperty (" visibility ", Ġ" visible ") ĊĠĠĠĠĠĠĠ Ġtop ( 0 . px ) ĊĠĠĠĠĠĠĠ Ġproperty (" transition - delay ", Ġ" 0 . 3 s ") ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġval Ġcard Content Hide Ġby Ġstyle Ġ{ ĊĠĠĠĠĠĠĠ Ġopacity ( 0 ) ĊĠĠĠĠĠĠĠ Ġproperty (" visibility ", Ġ" hidden ") ĊĠĠĠĠĠĠĠ Ġtop ( 3 0 . px ) ĊĠĠĠ Ġ} Ċ }