@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

 #fps-ab-test-1 {
     background: #fff;
     border: 1px solid #e5e5e5;
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 1px 2px 0 rgb(0 0 0/.05);
     font-family: 'Plus Jakarta Sans', system-ui, sans-serif;

 }

 #fps-ab-test-1 .fps1-head {
     background: #fff;
     padding: 20px 24px;
     border-bottom: 1px solid #e5e5e5
 }

 #fps-ab-test-1 .fps1-head-inner {
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
     gap: 12px
 }

 #fps-ab-test-1 .fps1-title {
     font-size: 16px;
     font-weight: 700;
     color: #404040;
     display: flex;
     align-items: center;
     gap: 10px;
     margin: 0
 }

 #fps-ab-test-1 .fps1-dot {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0
 }

 #fps-ab-test-1 .fps1-hw {
     display: flex;
     gap: 5px;
     margin-left: auto
 }

 #fps-ab-test-1 .fps1-hw span {
     font-size: 10px;
     font-weight: 600;
     color: #525252;
     background: #f5f5f5;
     border: 1px solid #e5e5e5;
     padding: 4px 10px;
     border-radius: 20px;
     white-space: nowrap
 }

 #fps-ab-test-1 .fps1-controls {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 14px 24px;
     border-bottom: 1px solid #f0f0f0;
     flex-wrap: wrap;
     gap: 10px
 }

 #fps-ab-test-1 .fps1-res-tog {
     display: flex;
     background: #f5f5f5;
     border-radius: 8px;
     padding: 3px;
     gap: 2px
 }

 #fps-ab-test-1 .fps1-res-btn {
     padding: 6px 14px;
     border-radius: 6px;
     font-size: 12px;
     font-weight: 700;
     color: #737373;
     cursor: pointer;
     transition: all .2s;
     border: none;
     background: transparent
 }

 #fps-ab-test-1 .fps1-res-btn.active {
     background: #fff;
     color: #404040;
     box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
 }

 #fps-ab-test-1 .fps1-set-tog {
     display: flex;
     background: #f5f5f5;
     border-radius: 8px;
     padding: 3px;
     gap: 2px
 }

 #fps-ab-test-1 .fps1-set-btn {
     padding: 6px 14px;
     border-radius: 6px;
     font-size: 12px;
     font-weight: 700;
     color: #737373;
     cursor: pointer;
     transition: all .2s;
     border: none;
     background: transparent
 }

 #fps-ab-test-1 .fps1-set-btn.active {
     background: #333;
     color: #fff;
     box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
 }


 #fps-ab-test-1 .fps1-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 1px;
     background: #f0f0f0;
 }

 #fps-ab-test-1 .fps1-card {
     background: #fff;
     padding: 16px 12px 14px;
     display: flex;
     flex-direction: column;
     align-items: center;
     transition: background .2s
 }

 #fps-ab-test-1 .fps1-card:hover {
     background: #fafafa
 }

 #fps-ab-test-1 .fps1-img {
     width: 100%;
     height: 100px;
     border-radius: 6px;
     overflow: hidden;
     margin-bottom: 6px;
     background: #1a1a2e
 }

 #fps-ab-test-1 .fps1-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block
 }

 #fps-ab-test-1 .fps1-name {
     font-size: 12px;
     font-weight: 700;
     color: #171717;
     text-align: center;
     line-height: 1.2;
     min-height: 15px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 0
 }

 #fps-ab-test-1 .fps1-gauge {
     width: 120px;
     height: 78px;
     margin-bottom: 4px;
     flex-shrink: 0
 }

 #fps-ab-test-1 .fps1-fps-row {
     text-align: center;
     margin-bottom: 4px
 }

 #fps-ab-test-1 .fps1-fps-num {
     font-size: 24px;
     font-weight: 800;
     color: #171717;
     line-height: 1
 }

 #fps-ab-test-1 .fps1-fps-unit {
     font-size: 11px;
     font-weight: 700;
     color: #a3a3a3;
     margin-left: 2px
 }

 #fps-ab-test-1 .fps1-foot {
     padding: 12px 24px;
     border-top: 1px solid #f0f0f0;
     background: #fafafa
 }

 #fps-ab-test-1 .fps1-note {
     font-size: 10px;
     color: #a3a3a3;
     text-align: center
 }

 #fps-ab-test-2 {
     font-family: 'Plus Jakarta Sans', system-ui, sans-serif
 }

 #fps-ab-test-2 .pk2-wrap {
     height: 260px;
     background: #fff;
     border: 1px solid #e5e5e5;
     border-radius: 8px;
     display: flex;
     flex-direction: column;
     position: relative;
     overflow: visible
 }

 #fps-ab-test-2 .pk2-head {
     display: flex;
     align-items: center;
     padding: 14px 20px;
     border-bottom: 1px solid #e5e5e5;
     flex-shrink: 0;
     gap: 10px
 }

 #fps-ab-test-2 .pk2-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0
 }

 #fps-ab-test-2 .pk2-head h2 {
     font-size: 15px;
     font-weight: 700;
     color: #404040;
     white-space: nowrap
 }

 #fps-ab-test-2 .pk2-hw {
     display: flex;
     gap: 5px;
     margin-left: auto
 }

 #fps-ab-test-2 .pk2-hw span {
     font-size: 9px;
     font-weight: 600;
     color: #525252;
     background: #f5f5f5;
     border: 1px solid #e5e5e5;
     padding: 2px 8px;
     border-radius: 12px;
     white-space: nowrap
 }

 #fps-ab-test-2 .pk2-body {
     flex: 1;
     display: flex;
     min-height: 0;
     overflow: hidden;
     border-radius: 0 0 8px 8px;
 }

 #fps-ab-test-2 .pk2-left {
     width: 300px;
     border-right: 1px solid #e5e5e5;
     display: flex;
     flex-direction: column;
     flex-shrink: 0;
     position: static;
 }

 #fps-ab-test-2 .pk2-gbtn {
     display: flex;
     align-items: center;
     gap: 8px;
     padding: 7px 14px;
     cursor: pointer;
     transition: background .12s;
     flex-shrink: 0;
     border-bottom: 1px solid #f0f0f0;
     position: relative;
     z-index: 1;
 }

 #fps-ab-test-2 .pk2-gbtn:hover {
     background: #fafafa
 }

 #fps-ab-test-2 .pk2-gbtn img {
     width: 56px;
     height: 33px;
     border-radius: 4px;
     object-fit: cover;
     flex-shrink: 0
 }

 #fps-ab-test-2 .pk2-gbi {
     flex: 1;
     min-width: 0
 }

 #fps-ab-test-2 .pk2-gbn {
     font-size: 13px;
     font-weight: 700;
     color: #171717;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 #fps-ab-test-2 .pk2-gbs {
     font-size: 11px;
     font-weight: bold;
     color: #a3a3a3;
     margin-top: 1px
 }

 #fps-ab-test-2 .pk2-gbs span {
    font-size: 12px;
 }

 #fps-ab-test-2 .pk2-gba {
     width: 14px;
     height: 14px;
     color: #a3a3a3;
     transition: transform .2s;
     flex-shrink: 0
 }

 #fps-ab-test-2 .pk2-gbtn.open .pk2-gba {
     transform: rotate(180deg)
 }

 #fps-ab-test-2 .pk2-mid {
     width: 68px;
     border-right: 1px solid #e5e5e5;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     padding: 6px 5px
 }

 #fps-ab-test-2 .pk2-mid-inner {
     display: flex;
     flex-direction: column;
     background: #f0f0f0;
     border-radius: 10px;
     padding: 3px;
     gap: 3px;
     width: 100%;
     flex: 1
 }

 #fps-ab-test-2 .pk2-qb {
     display: flex;
     align-items: center;
     justify-content: center;
     flex: 1;
     border-radius: 8px;
     font-size: 11px;
     font-weight: 700;
     color: #999;
     cursor: pointer;
     transition: all .2s;
     border: none;
     background: transparent;
     width: 100%;
     padding: 0 4px
 }

 #fps-ab-test-2 .pk2-qb.active {
     background: #fff;
     color: #404040;
     box-shadow: 0 1px 4px rgba(0, 0, 0, .1)
 }

 #fps-ab-test-2 .pk2-qb:hover:not(.active) {
     background: #e8e8e8;
     color: #666
 }

 #fps-ab-test-2 .pk2-gprev {
     flex: 1;
     overflow: hidden;
     padding: 4px 14px 6px
 }

 #fps-ab-test-2 .pk2-gprev img {
     width: 100%;
     height: 100%;
     border-radius: 5px;
     object-fit: cover;
     display: block
 }

 #fps-ab-test-2 .pk2-dd {
     display: none;
     position: absolute;
     left: 0;
     top: 101px;
     width: 300px;
     background: #fff;
     border: 1px solid #d4d4d4;
     border-top: none;
     border-radius: 0 0 8px 8px;
     box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
     z-index: 9999;
     max-height: 200px;
     overflow-y: auto
 }

 #fps-ab-test-2 .pk2-dd.show {
     display: block
 }

 #fps-ab-test-2 .pk2-ddi {
     display: flex;
     align-items: center;
     gap: 8px;
     padding: 7px 14px;
     cursor: pointer;
     transition: background .1s
 }

 #fps-ab-test-2 .pk2-ddi:hover {
     background: #fafafa
 }

 #fps-ab-test-2 .pk2-ddi.act {
     background: #fff7ed
 }

 #fps-ab-test-2 .pk2-ddi img {
     width: 44px;
     height: 22px;
     border-radius: 3px;
     object-fit: cover
 }

 #fps-ab-test-2 .pk2-ddi span {
     font-size: 11px;
     font-weight: 600;
     color: #525252
 }

 #fps-ab-test-2 .pk2-ddi.act span {
     color: #ea580c;
     font-weight: 700
 }

 #fps-ab-test-2 .pk2-right {
     flex: 1;
     display: flex;
     min-width: 0
 }

 #fps-ab-test-2 .pk2-fc {
     flex: 1;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 8px 6px;
     border-left: 1px solid #f0f0f0;
     gap: 1px
 }

 #fps-ab-test-2 .pk2-fc-rl {
     font-size: 16px;
     font-weight: 800;
     color: #171717;
     line-height: 1
 }

 #fps-ab-test-2 .pk2-fc-rs {
     font-size: 11px;
     color: #737373;
     margin-bottom: 2px;
     font-weight: 500
 }

 #fps-ab-test-2 .pk2-fc-g {
     margin: 2px 0
 }

 #fps-ab-test-2 .pk2-fc-fps {
     font-size: 28px;
     font-weight: 800;
     color: #171717;
     line-height: 1
 }

 #fps-ab-test-2 .pk2-fc-u {
     font-size: 10px;
     font-weight: 700;
     color: #a3a3a3;
     margin-left: 2px
 }

 #fps-ab-test-2 .pk2-fc-r {
     font-size: 10px;
     font-weight: 700;
     padding: 2px 0;
     border-radius: 8px;
     width: 64px;
     text-align: center;
     display: block;
     margin-top: 2px
 }

 #fps-ab-test-2 .pk2-fc-r.exc {
     background: #dcfce7;
     color: #15803d
 }

 #fps-ab-test-2 .pk2-fc-r.good {
     background: #fef9c3;
     color: #a16207
 }

 #fps-ab-test-2 .pk2-fc-r.fair {
     background: #fee2e2;
     color: #b91c1c
 }

 #fps-ab-test-2 .pk2-foot {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 4px 20px;
     border-top: 1px solid #f0f0f0;
     background: #fafafa;
     flex-shrink: 0;

 }

 .pk2-foot {
     border-bottom-left-radius: 8px;
     border-bottom-right-radius: 8px;
 }

 #fps-ab-test-2 .pk2-foot span {
     font-size: 9px;
     color: #a3a3a3
 }

 .pk2-desktop-wrap {
     box-shadow: 0 1px 2px 0 rgb(0 0 0/.05);
     border-radius: 8px;
 }

 /* Desktop / Mobile toggle */
 #fps-ab-test-2 .pk2-desktop-wrap {
     display: block
 }

 #fps-ab-test-2 .pk2-mob-wrap {
     display: none
 }

 @media(max-width:768px) {
     #fps-ab-test-2 .pk2-desktop-wrap {
         display: none
     }

     #fps-ab-test-2 .pk2-mob-wrap {
         display: block
     }
 }

 /* Mobile styles */
 #fps-ab-test-2 .pk2-mob {
     background: #fff;
     border: 1px solid #e5e5e5;
     border-radius: 8px;
     overflow: visible;
     position: relative
 }

 #fps-ab-test-2 .pk2-mob-head {
     display: flex;
     align-items: center;
     gap: 8px;
     padding: 12px 16px;
     border-bottom: 1px solid #e5e5e5
 }

 #fps-ab-test-2 .pk2-mob-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0
 }

 #fps-ab-test-2 .pk2-mob-head h3 {
     font-size: 13px;
     font-weight: 700;
     color: #404040;
     margin: 0
 }

 #fps-ab-test-2 .pk2-mob-gs {
     padding: 8px 16px;
     border-bottom: 1px solid #f0f0f0;
     display: flex;
     align-items: center
 }

 #fps-ab-test-2 .pk2-mob-gb {
     flex: 1;
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 8px 12px;
     background: #fafafa;
     border: 1px solid #e5e5e5;
     border-radius: 8px;
     cursor: pointer
 }

 #fps-ab-test-2 .pk2-mob-gb img {
     width: 44px;
     height: 20px;
     border-radius: 3px;
     object-fit: cover;
     flex-shrink: 0
 }

 #fps-ab-test-2 .pk2-mob-gbn {
     flex: 1;
     font-size: 13px;
     font-weight: 700;
     color: #171717;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 #fps-ab-test-2 .pk2-mob-gba {
     width: 16px;
     height: 16px;
     color: #a3a3a3;
     transition: transform .2s;
     flex-shrink: 0
 }

 #fps-ab-test-2 .pk2-mob-gb.open .pk2-mob-gba {
     transform: rotate(180deg)
 }

 #fps-ab-test-2 .pk2-mob-dd-wrap {
     position: relative;
     z-index: 200
 }

 #fps-ab-test-2 .pk2-mob-dd {
     display: none;
     position: absolute;
     left: 16px;
     right: 16px;
     top: 0;
     background: #fff;
     border: 1px solid #d4d4d4;
     border-radius: 0 0 8px 8px;
     box-shadow: 0 12px 24px rgba(0, 0, 0, .15);
     z-index: 200;
     max-height: 220px;
     overflow-y: auto
 }

 #fps-ab-test-2 .pk2-mob-dd.show {
     display: block
 }

 #fps-ab-test-2 .pk2-mob-ddi {
     display: flex;
     align-items: center;
     gap: 8px;
     padding: 8px 12px;
     cursor: pointer
 }

 #fps-ab-test-2 .pk2-mob-ddi:hover {
     background: #fafafa
 }

 #fps-ab-test-2 .pk2-mob-ddi.act {
     background: #fff7ed
 }

 #fps-ab-test-2 .pk2-mob-ddi img {
     width: 40px;
     height: 18px;
     border-radius: 3px;
     object-fit: cover
 }

 #fps-ab-test-2 .pk2-mob-ddi span {
     font-size: 12px;
     font-weight: 600;
     color: #525252
 }

 #fps-ab-test-2 .pk2-mob-ddi.act span {
     color: #ea580c;
     font-weight: 700
 }

 #fps-ab-test-2 .pk2-mob-qr {
     padding: 6px 16px;
     border-bottom: 1px solid #f0f0f0
 }

 #fps-ab-test-2 .pk2-mob-qt {
     display: flex;
     background: #f5f5f5;
     border-radius: 8px;
     padding: 2px;
     gap: 2px;
     width: 100%
 }

 #fps-ab-test-2 .pk2-mob-qb {
     flex: 1;
     padding: 7px 0;
     border-radius: 6px;
     font-size: 12px;
     font-weight: 700;
     color: #737373;
     cursor: pointer;
     border: none;
     background: transparent;
     transition: all .2s;
     text-align: center
 }

 #fps-ab-test-2 .pk2-mob-qb.active {
     background: #fff;
     color: #404040;
     box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
 }

 #fps-ab-test-2 .pk2-mob-fps {
     display: flex;
     gap: 1px;
     background: #f0f0f0
 }

 #fps-ab-test-2 .pk2-mob-fc {
     flex: 1;
     background: #fff;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 10px 4px;
     gap: 2px
 }

 #fps-ab-test-2 .pk2-mob-fc-rl {
     font-size: 15px;
     font-weight: 800;
     color: #171717;
     line-height: 1
 }

 #fps-ab-test-2 .pk2-mob-fc-rs {
     font-size: 10px;
     color: #737373;
     font-weight: 500;
     margin-bottom: 2px
 }

 #fps-ab-test-2 .pk2-mob-fc-fps {
     font-size: 22px;
     font-weight: 800;
     color: #171717;
     line-height: 1
 }

 #fps-ab-test-2 .pk2-mob-fc-u {
     font-size: 9px;
     font-weight: 700;
     color: #a3a3a3;
     margin-left: 1px
 }

 #fps-ab-test-2 .pk2-mob-disc {
     font-size: 9px;
     color: #a3a3a3;
     text-align: center;
     padding: 8px 16px;
     border-top: 1px solid #f0f0f0;
     background: #fafafa;
     border-radius: 0 0 8px 8px
 }

 .fps1-img img {
     object-fit: cover;
 }

 /* Target the first and second generated cards inside the grid */
 .fps1-grid .fps1-card:nth-child(1) .fps1-img img {
     object-position: 0px -10px !important;
 }

 .fps1-grid .fps1-card:nth-child(3) .fps1-img img {
     object-position: 0px -8px !important;
 }

 .fps1-grid .fps1-card:nth-child(4) .fps1-img img {
     object-position: 0px -20px !important;
 }

 .fps1-grid .fps1-card:nth-child(5) .fps1-img img {
     object-position: 0px -28px !important;
 }

 .fps1-grid .fps1-card:nth-child(6) .fps1-img img {
     object-position: 0px -25px !important;
 }

 .fps1-grid .fps1-card:nth-child(8) .fps1-img img {
     object-position: 0px 0px !important;
 }

 .mob {
     width: 100%;
     background: #fff;
     border: 1px solid #e5e5e5;
     border-radius: 8px;
     overflow: visible;
     position: relative;
     font-family: 'Plus Jakarta Sans', system-ui, sans-serif
 }

 .mob-head {
     display: flex;
     align-items: center;
     gap: 8px;
     padding: 12px 16px;
     border-bottom: 1px solid #e5e5e5
 }

 .mob-head .mi {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0
 }

 .mob-head h2 {
     font-size: 13px;
     font-weight: 700;
     color: #404040
 }

 .mob-gs {
     padding: 8px 16px;

     border-bottom: 1px solid #f0f0f0;
     display: flex;
     flex-direction: column;
     gap: 6px
 }

 .mob-gb {
     flex: 1;
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 8px 12px;
     background: #fafafa;
     border: 1px solid #e5e5e5;
     border-radius: 8px;
     cursor: pointer;
     min-width: 0
 }

 .mob-gb img {
     width: 44px;
     height: 20px;
     border-radius: 3px;
     object-fit: cover;
     flex-shrink: 0
 }

 .mob-gb .mn {
     flex: 1;
     font-size: 13px;
     font-weight: 700;
     color: #171717;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     min-width: 0
 }

 .mob-gb .ma {
     width: 16px;
     height: 16px;
     color: #a3a3a3;
     transition: transform 0.2s;
     flex-shrink: 0
 }

 .mob-gb.open .ma {
     transform: rotate(180deg)
 }

 .mob-qt {
     display: flex;
     flex-direction: row;
     background: #f5f5f5;
     border-radius: 8px;
     padding: 3px;
     gap: 2px;
     width: 100%
 }

 .mob-qb {
     flex: 1;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 7px 12px;
     border-radius: 6px;
     font-size: 12px;
     font-weight: 700;
     color: #737373;
     cursor: pointer;
     border: none;
     background: transparent;
     transition: all 0.2s
 }

 .mob-qb.active {
     background: #fff;
     color: #404040;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
 }

 .mob-dd-wrap {
     position: relative;
     z-index: 200;
     height: 0
 }

 .mob-gl {
     display: none;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     margin: 0 16px;
     background: #fff;
     border: 1px solid #d4d4d4;
     border-radius: 0 0 8px 8px;
     box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
     z-index: 200;
     max-height: 220px;
     overflow-y: auto
 }

 .mob-gl.show {
     display: block
 }

 .mob-gli {
     display: flex;
     align-items: center;
     gap: 8px;
     padding: 8px 12px;
     cursor: pointer
 }

 .mob-gli:hover {
     background: #fafafa
 }

 .mob-gli.act {
     background: #fff7ed
 }

 .mob-gli img {
     width: 40px;
     height: 18px;
     border-radius: 3px;
     object-fit: cover;
     flex-shrink: 0
 }

 .mob-gli span {
     font-size: 12px;
     font-weight: 600;
     color: #525252;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .mob-gli.act span {
     color: #ea580c;
     font-weight: 700
 }

 .mob-fps {
     display: flex;
     gap: 1px;
     background: #f0f0f0;
     padding: 0
 }

 .mob-fc {
     flex: 1;
     background: #fff;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 10px 4px;
     gap: 2px;
     min-width: 0
 }

 .mob-fc .mfc-rl {
     font-size: 15px;
     font-weight: 800;
     color: #171717;
     line-height: 1
 }

 .mob-fc .mfc-rs {
     font-size: 10px;
     color: #737373;
     font-weight: 500;
     margin-bottom: 2px
 }

 .mob-fc .mfc-g {
     margin: 2px 0
 }

 .mob-fc .mfc-fps {
     font-size: 22px;
     font-weight: 800;
     color: #171717;
     line-height: 1
 }

 .mob-fc .mfc-u {
     font-size: 9px;
     font-weight: 700;
     color: #a3a3a3;
     margin-left: 1px
 }

 .mob-fc .mfc-r {
     font-size: 9px;
     font-weight: 700;
     padding: 2px 0;
     border-radius: 6px;
     width: 56px;
     text-align: center;
     display: block;
     margin-top: 2px
 }

 .mob-fc .mfc-r.exc {
     background: #dcfce7;
     color: #15803d
 }

 .mob-fc .mfc-r.good {
     background: #fef9c3;
     color: #a16207
 }

 .mob-fc .mfc-r.fair {
     background: #fee2e2;
     color: #b91c1c
 }

 .mob-disc {
     font-size: 9px;
     color: #a3a3a3;
     text-align: center;
     padding: 8px 12px;
     border-top: 1px solid #f0f0f0;
     background: #fafafa;
     border-radius: 0 0 8px 8px;
     line-height: 1.4
 }