# ultimate-store-kit/1.5.0/assets/css/usk-glossy-carousel.rtl.css

Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder, version 1.5.0. 222 lines.

- Page: https://pluginprobe.com/plugins/ultimate-store-kit/1.5.0/code/assets/css/usk-glossy-carousel.rtl.css
- Raw: https://pluginprobe.com/plugins/ultimate-store-kit/1.5.0/raw/assets/css/usk-glossy-carousel.rtl.css
- Modified: 2023-11-22T06:25:42+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ultimate-store-kit/1.5.0/code/assets/css/usk-glossy-carousel.rtl.css#L10-L20`.

```css
.usk-glossy-carousel .usk-carousel .usk-item {
  background: #fff;
  position: relative;
  height: auto;
  overflow: hidden; }
  .usk-glossy-carousel .usk-carousel .usk-item .usk-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%; }
    .usk-glossy-carousel .usk-carousel .usk-item .usk-image .img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .usk-glossy-carousel .usk-carousel .usk-item .usk-image .default-image {
      opacity: 1;
      transform: scale(1.1);
      transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18), opacity 0.5s; }
    .usk-glossy-carousel .usk-carousel .usk-item .usk-image .hover-image {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      opacity: 0;
      transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18), opacity 0.5s; }
  .usk-glossy-carousel .usk-carousel .usk-item .usk-badge-label-wrapper {
    display: block;
    position: absolute;
    text-align: right;
    top: 0;
    left: 0;
    padding: 20px; }
    .usk-glossy-carousel .usk-carousel .usk-item .usk-badge-label-wrapper .usk-badge-label-content {
      display: block; }
      .usk-glossy-carousel .usk-carousel .usk-item .usk-badge-label-wrapper .usk-badge-label-content div {
        display: flex;
        justify-content: flex-end; }
        .usk-glossy-carousel .usk-carousel .usk-item .usk-badge-label-wrapper .usk-badge-label-content div .usk-badge {
          text-decoration: none;
          padding: 6px 6px;
          font-size: 10px;
          border-radius: 3px;
          text-transform: capitalize; }
      .usk-glossy-carousel .usk-carousel .usk-item .usk-badge-label-wrapper .usk-badge-label-content .usk-sale-badge .usk-badge {
        background: #2B2D42;
        color: #fff; }
      .usk-glossy-carousel .usk-carousel .usk-item .usk-badge-label-wrapper .usk-badge-label-content .usk-sale-badge, .usk-glossy-carousel .usk-carousel .usk-item .usk-badge-label-wrapper .usk-badge-label-content .usk-percantage-badge,
      .usk-glossy-carousel .usk-carousel .usk-item .usk-badge-label-wrapper .usk-badge-label-content .usk-stock-status-badge,
      .usk-glossy-carousel .usk-carousel .usk-item .usk-badge-label-wrapper .usk-badge-label-content .usk-trending-badge {
        margin-bottom: 10px; }
      .usk-glossy-carousel .usk-carousel .usk-item .usk-badge-label-wrapper .usk-badge-label-content .usk-percantage-badge .usk-badge {
        background: #9FA8BC;
        color: #fff; }
      .usk-glossy-carousel .usk-carousel .usk-item .usk-badge-label-wrapper .usk-badge-label-content .usk-stock-status-badge .usk-badge {
        background: #EF233C;
        color: #fff; }
      .usk-glossy-carousel .usk-carousel .usk-item .usk-badge-label-wrapper .usk-badge-label-content .usk-trending-badge .usk-badge {
        background: #ff006e;
        color: #fff; }
      .usk-glossy-carousel .usk-carousel .usk-item .usk-badge-label-wrapper .usk-badge-label-content .usk-new-badge .usk-badge {
        background: #D90429;
        color: #fff; }
  .usk-glossy-carousel .usk-carousel .usk-item .usk-shoping {
    position: absolute;
    top: 20px;
    right: 20px;
    left: auto; }
    .usk-glossy-carousel .usk-carousel .usk-item .usk-shoping a {
      text-decoration: none;
      display: block;
      text-align: center;
      border: 1px solid transparent;
      border-radius: 500px;
      margin-bottom: 5px; }
      .usk-glossy-carousel .usk-carousel .usk-item .usk-shoping a .icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        width: 28px;
        height: 28px; }
        .usk-glossy-carousel .usk-carousel .usk-item .usk-shoping a .icon::before {
          margin: 0;
          font-size: 10px; }
    .usk-glossy-carousel .usk-carousel .usk-item .usk-shoping .usk-shoping-icon-wishlist {
      transition: all 0.3s ease;
      background: #2B2D42;
      color: #ffffffdb; }
    .usk-glossy-carousel .usk-carousel .usk-item .usk-shoping .usk-compare {
      transition: all 0.5s ease;
      background: #2B2D42;
      color: #ffffffdb; }
    .usk-glossy-carousel .usk-carousel .usk-item .usk-shoping .usk-shoping-icon-quickview {
      transition: all 0.6s ease;
      background: #2B2D42;
      color: #ffffffdb; }
    .usk-glossy-carousel .usk-carousel .usk-item .usk-shoping .usk-cart {
      transition: all 0.7s ease;
      background: #2B2D42;
      color: #ffffffdb; }
      .usk-glossy-carousel .usk-carousel .usk-item .usk-shoping .usk-cart.added i::before {
        display: none; }
      .usk-glossy-carousel .usk-carousel .usk-item .usk-shoping .usk-cart.added i::after {
        content: "\2713";
        font-size: 16px; }
      .usk-glossy-carousel .usk-carousel .usk-item .usk-shoping .usk-cart.loading .icon::before {
        display: none; }
      .usk-glossy-carousel .usk-carousel .usk-item .usk-shoping .usk-cart.loading .icon::after {
        content: "";
        width: 16px;
        height: 16px;
        border: 2px dotted #fff;
        border-radius: 50%;
        display: inline-block;
        animation: rotation 2s linear infinite; }
  .usk-glossy-carousel .usk-carousel .usk-item .usk-content {
    padding: 30px; }
    .usk-glossy-carousel .usk-carousel .usk-item .usk-content .usk-title {
      text-decoration: none;
      margin-bottom: 10px;
      display: block; }
      .usk-glossy-carousel .usk-carousel .usk-item .usk-content .usk-title .title {
        font-size: 14px;
        color: #2B2D42;
        font-weight: 700;
        transition: all 0.3s ease;
        text-transform: capitalize;
        margin: 0; }
        .usk-glossy-carousel .usk-carousel .usk-item .usk-content .usk-title .title:hover {
          color: #D90429; }
    .usk-glossy-carousel .usk-carousel .usk-item .usk-content .usk-price {
      color: #9FA8BC;
      text-transform: capitalize;
      font-weight: 600;
      font-size: 12px;
      margin-bottom: 15px; }
      .usk-glossy-carousel .usk-carousel .usk-item .usk-content .usk-price del {
        font-weight: 500; }
      .usk-glossy-carousel .usk-carousel .usk-item .usk-content .usk-price ins {
        text-decoration: none;
        padding-right: 10px; }
    .usk-glossy-carousel .usk-carousel .usk-item .usk-content .usk-rating {
      display: flex;
      align-items: center; }
      .usk-glossy-carousel .usk-carousel .usk-item .usk-content .usk-rating .woocommerce-product-rating {
        display: flex;
        align-items: center;
        padding: 0; }
        .usk-glossy-carousel .usk-carousel .usk-item .usk-content .usk-rating .woocommerce-product-rating .star-rating {
          margin: 0;
          font-size: 14px; }
  .usk-glossy-carousel .usk-carousel .usk-item:hover .usk-shoping a {
    transform: translateY(0px);
    opacity: 1; }
  .usk-glossy-carousel .usk-carousel .usk-item:hover .usk-image .default-image {
    opacity: 0;
    transform: scale(1); }
  .usk-glossy-carousel .usk-carousel .usk-item:hover .usk-image .hover-image {
    opacity: 1;
    transform: scale(1.1); }

.elementor-widget-usk-glossy-carousel .usk-arrows-container {
  -webkit-transform: translate(var(--usk-glossy-carousel-arrows-ncx, 0), var(--usk-glossy-carousel-arrows-ncy, 40));
  transform: translate(var(--usk-glossy-carousel-arrows-ncx, 0), var(--usk-glossy-carousel-arrows-ncy, 40)); }

.elementor-widget-usk-glossy-carousel .usk-dots-container {
  -webkit-transform: translate(var(--usk-glossy-carousel-dots-nnx, 0), var(--usk-glossy-carousel-dots-nny, 30));
  transform: translate(var(--usk-glossy-carousel-dots-nnx, 0), var(--usk-glossy-carousel-dots-nny, 30)); }

.elementor-widget-usk-glossy-carousel .usk-arrows-dots-container {
  -webkit-transform: translate(var(--usk-glossy-carousel-both-ncx, 0), var(--usk-glossy-carousel-both-ncy, 40));
  transform: translate(var(--usk-glossy-carousel-both-ncx, 0), var(--usk-glossy-carousel-both-ncy, 40)); }

.elementor-widget-usk-glossy-carousel .usk-arrows-fraction-container {
  -webkit-transform: translate(var(--usk-glossy-carousel-arrows-fraction-ncx, 0), var(--usk-glossy-carousel-arrows-fraction-ncy, 40));
  transform: translate(var(--usk-glossy-carousel-arrows-fraction-ncx, 0), var(--usk-glossy-carousel-arrows-fraction-ncy, 40)); }

.elementor-widget-usk-glossy-carousel .usk-position-center-left .usk-arrows-container,
.elementor-widget-usk-glossy-carousel .usk-position-center-right .usk-arrows-container {
  -webkit-transform: translate(var(--usk-glossy-carousel-arrows-ncx, 0), var(--usk-glossy-carousel-arrows-ncy, 0)) rotate(-90deg);
  transform: translate(var(--usk-glossy-carousel-arrows-ncx, 0), var(--usk-glossy-carousel-arrows-ncy, 0)) rotate(-90deg); }

.elementor-widget-usk-glossy-carousel .usk-position-center-left .usk-dots-container,
.elementor-widget-usk-glossy-carousel .usk-position-center-right .usk-dots-container {
  -webkit-transform: translate(var(--usk-glossy-carousel-dots-nnx, 0), var(--usk-glossy-carousel-dots-nny, 0)) rotate(-90deg);
  transform: translate(var(--usk-glossy-carousel-dots-nnx, 0), var(--usk-glossy-carousel-dots-nny, 0)) rotate(-90deg); }

.elementor-widget-usk-glossy-carousel .usk-position-center-left .usk-arrows-dots-container,
.elementor-widget-usk-glossy-carousel .usk-position-center-right .usk-arrows-dots-container {
  -webkit-transform: translate(var(--usk-glossy-carousel-both-ncx, 0), var(--usk-glossy-carousel-both-ncy, 0)) rotate(-90deg);
  transform: translate(var(--usk-glossy-carousel-both-ncx, 0), var(--usk-glossy-carousel-both-ncy, 0)) rotate(-90deg); }

.elementor-widget-usk-glossy-carousel .usk-position-center-left .usk-arrows-fraction-container,
.elementor-widget-usk-glossy-carousel .usk-position-center-right .usk-arrows-fraction-container {
  -webkit-transform: translate(var(--usk-glossy-carousel-arrows-fraction-ncx, 0), var(--usk-glossy-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
  transform: translate(var(--usk-glossy-carousel-arrows-fraction-ncx, 0), var(--usk-glossy-carousel-arrows-fraction-ncy, 0)) rotate(-90deg); }

@media (min-width: 1024px) {
  .usk-glossy-carousel .usk-carousel .usk-item .usk-content .usk-title .title {
    font-size: 18px; }
  .usk-glossy-carousel .usk-carousel .usk-item .usk-content .usk-price {
    font-size: 14px; }
  .usk-glossy-carousel .usk-carousel .usk-item .usk-shoping a .icon {
    width: 35px;
    height: 35px; }
    .usk-glossy-carousel .usk-carousel .usk-item .usk-shoping a .icon::before {
      font-size: 14px; }
  .usk-glossy-carousel .usk-carousel .usk-item .usk-imageper .usk-badge-label-wrapper .usk-badge-label-content div .usk-badge {
    padding: 7px 10px;
    font-size: 12px; }
  .usk-glossy-carousel .usk-carousel .usk-item .usk-imageper .usk-badge-label-wrapper .usk-badge-label-content .usk-sale-badge, .usk-glossy-carousel .usk-carousel .usk-item .usk-imageper .usk-badge-label-wrapper .usk-badge-label-content .usk-percantage-badge,
  .usk-glossy-carousel .usk-carousel .usk-item .usk-imageper .usk-badge-label-wrapper .usk-badge-label-content .usk-stock-status-badge,
  .usk-glossy-carousel .usk-carousel .usk-item .usk-imageper .usk-badge-label-wrapper .usk-badge-label-content .usk-trending-badge {
    margin-bottom: 15px; } }

@keyframes rotation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-360deg); } }

```