/* *
 * WARNING: There is EXTREMELY little leeway in the numbers here.
 * If you need to make the "GIVE <" column bigger by one pixel,
 * you MUST take two pixels off of the "> # GIFTS" column. Likewise
 * if the right column is made bigger, those pixels need to be shaved
 * off somewhere (1px left column <-> 2px right column) or the layout 
 * WILL BREAK at the smallest viewer size.
 *
 * TL;DR: don't change the quantities in this stylesheet. If you really
 * want to move things around, do so in javascript land.
 */
.Y2QyM_gift_viewer_app {
  padding-left: 90px;
  padding-right: 112px; }
  .Y2QyM_gift_viewer_app .Y2QyM_gift_header {
    position: absolute;
    left: 0px; }
    .Y2QyM_gift_viewer_app .Y2QyM_gift_header .Y2QyM_gift_button {
      /* *
       * I've looked at this gif long enough to get
       * a certain song's chorus stuck in my head. 
       * Since I can't get rid of it, the next best 
       * thing is to foist it onto you.
       */
      background-image: url('../../../s/VO/ej/kb-7iaHZaK0AIcejeX2YjlE.gif');
      background-repeat: no-repeat;
      background-position: left;
      height: 25px;
      width: 71px;
      position: absolute;
      left: 0px; }
      .Y2QyM_gift_viewer_app .Y2QyM_gift_header .Y2QyM_gift_button:hover {
        background-image: url('../../../s/ve/kS/rNSNevXrlf4iQ71O9WDZvjQ.gif');
        cursor: pointer; }
    .Y2QyM_gift_viewer_app .Y2QyM_gift_header .Y2QyM_left_arrow {
      position: absolute;
      left: 76px;
      background-position: center;
      background-repeat: no-repeat;
      background-position: center;
      height: 30px;
      width: 14px;
      display: inline-block;
      position: relative;
      background-image: url('../../../s/Nh/97/8Yprt6AOvTfDPbx2_OZgUZw.gif'); }
      .Y2QyM_gift_viewer_app .Y2QyM_gift_header .Y2QyM_left_arrow:hover {
        background-color: #DDDDDD; }
  .Y2QyM_gift_viewer_app .Y2QyM_arrow_deactivated {
    visibility: hidden;
    cursor: default; }
  .Y2QyM_gift_viewer_app .Y2QyM_arrow_activated {
    visibility: visible;
    cursor: pointer; }
  .Y2QyM_gift_viewer_app .Y2QyM_slidebar_cont {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    top: -3px; }
    .Y2QyM_gift_viewer_app .Y2QyM_slidebar_cont .Y2QyM_scrollable {
      height: 30px;
      width: 100%;
      display: inline-block;
      white-space: nowrap;
      float: left; }
      .Y2QyM_gift_viewer_app .Y2QyM_slidebar_cont .Y2QyM_scrollable .Y2QyM_gift_list {
        list-style-type: none;
        cursor: default;
        margin: 0px;
        padding: 0px;
        float: left;
        top: 0px;
        whitespace: nowrap; }
        .Y2QyM_gift_viewer_app .Y2QyM_slidebar_cont .Y2QyM_scrollable .Y2QyM_gift_list li {
          display: inline-block;
          height: 20px;
          margin: 0px;
          width: 20px;
          margin-top: 5px;
          margin-bottom: 5px; }
  .Y2QyM_gift_viewer_app .Y2QyM_gifts {
    position: absolute;
    right: 0px;
    width: 112px; }
    .Y2QyM_gift_viewer_app .Y2QyM_gifts .Y2QyM_right_arrow {
      background-position: center;
      background-repeat: no-repeat;
      height: 30px;
      width: 14px;
      display: inline-block;
      position: absolute;
      background-image: url('../../../s/fP/PL/f_-4Vw6coN8WqHH5yUmMEEQ.gif');
      left: 0px; }
      .Y2QyM_gift_viewer_app .Y2QyM_gifts .Y2QyM_right_arrow:hover {
        background-color: #DDDDDD; }
    .Y2QyM_gift_viewer_app .Y2QyM_gifts .Y2QyM_gift_count {
      position: absolute;
      left: 14px;
      width: 40px;
      text-align: right;
      top: 6px; }
    .Y2QyM_gift_viewer_app .Y2QyM_gifts .Y2QyM_gift_label {
      position: absolute;
      left: 54px;
      width: 58px;
      text-align: right;
      top: 5px; }