Untitled
unknown
plain_text
a year ago
29 kB
2
Indexable
Never
/* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.12, * Autoprefixer: v10.4.4 * Browsers: last 4 version */ /* Desktop Version */ @media only screen and (min-width:1025px) { html body .cv-3-26-assets-wrapper { margin-bottom: 55px; padding-top: 55px; } /* ----------- Product Title --------------- */ html body .cv-3-26-assets-wrapper .cv-3-26-assets-header { margin: 38px 0 32px; } html body .cv-3-26-assets-wrapper .cv-3-26-assets-header p { font-family: Inter; font-weight: 400; font-size: 16px; line-height: 150%; color: #212121; } /* ------------ Product Body ------------------- */ html body .cv-3-26-assets-wrapper .cv-3-26-assets-colums { display: flex; flex: 0 1 auto; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; margin-right: -0.5rem; margin-left: -0.5rem; } html body .cv-3-26-assets-body > h2 { color: var(--color-font-header); font-weight: 700; font-size: 24px; margin-bottom: 24px; } html body .cv-3-26-assets-wrapper .cv-3-26-assets-product-img img { border-radius: 4px; width: 100%; aspect-ratio: 1/0.669; } html body .cv-3-26-assets-wrapper .cv-3-26-assets-product-img img, html body .cv-3-26-assets-wrapper .cv-3-26-assets-product-details { line-height: initial; } html body .cv-3-26-assets-wrapper .cv-3-26-assets-product-details > span { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0.05em; text-transform: uppercase; color: #757575; } html body .cv-3-26-assets-wrapper .cv-3-26-assets-product-details .cv-3-26-title { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #212121; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 2px; } html body .cv-3-26-assets-wrapper .cv-3-26-product-rating, html body .cv-3-26-assets-wrapper .cv-3-26-product-rating .cv-3-26-heart-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html body .cv-3-26-assets-wrapper .cv-3-26-assets-price-section { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; } html body .cv-3-26-assets-wrapper .cv-3-26-product-rating .ifont::before { font-size: 12px; vertical-align: inherit; color: #424242; } html body .cv-3-26-assets-wrapper .cv-3-26-product-rating .ifont-heart::before { color: #000; } html body .cv-3-26-assets-wrapper .cv-3-26-product-rating .ifont-heart { margin-left: 8px !important; line-height: inherit; position: relative; } html body .cv-3-26-assets-wrapper .cv-3-26-product-rating .ifont:not(:first-child) { margin-left: 2.67px; } html body .cv-3-26-assets-wrapper .cv-3-26-product-rating .cv-3-26-heart-section .ifont-heart, html body .cv-3-26-assets-wrapper .cv-3-26-product-rating .cv-3-26-heart-section span { margin-left: 5.33px; } html body .cv-3-26-assets-wrapper .cv-3-26-product-rating .cv-3-26-heart-section { position: relative; } html body .cv-3-26-assets-wrapper .cv-3-26-product-rating .cv-3-26-heart-section > span { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 20px; color: #757575; } html body .cv-3-26-assets-wrapper .cv-3-26-star-num { color: var(--color-font-header); font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 20px; margin-left: 5.33px; } html body .cv-3-26-assets-wrapper .cv-3-26-product-rating .cv-3-26-heart-section { position: relative; margin-left: 7px; } html body .cv-3-26-heart-section::after { content: ""; border-left: 1px solid #c2c2c2; position: absolute; height: 82%; } html body .cv-3-26-assets-wrapper .cv-3-26-assets-price { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; } /* ------------ Product Body End ------------------- */ /* ------------ Total Amount ------------------- */ html body .cv-3-26-assets-wrapper .cv-3-26-assets-total-price { margin-bottom: 16px; } html body .cv-3-26-assets-wrapper .cv-3-26-assets-buttons > a { padding: 8px 20px; font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; /* Primary/Main */ color: #2196F3; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; border: 1px solid #2196F3; border-radius: 4px; } html body .cv-3-26-assets-wrapper .cv-3-26-assets-buttons > .cv-3-26-assets-checkout { background: #2196F3; color: #FFFFFF; margin-left: 5px; } /* ------------ Total Amount End ------------------- */ /* ----------- Darkmode Css Only --------------- */ html body .dark-mode .cv-3-26-assets-wrapper .cv-3-26-assets-header h2, html body .dark-mode .cv-3-26-assets-wrapper .cv-3-26-assets-header p, html body .dark-mode .cv-3-26-assets-wrapper .cv-3-26-assets-body > h2, html body .dark-mode .cv-3-26-assets-wrapper .cv-3-26-assets-product-details .cv-3-26-title, html body .dark-mode .cv-3-26-assets-wrapper .cv-3-26-assets-total-price { color: #FFFFFF; } html body .dark-mode .cv-3-26-assets-wrapper .cv-3-26-assets-product-details > span, html body .dark-mode .cv-3-26-assets-wrapper .cv-3-26-product-rating, html body .dark-mode .cv-3-26-assets-wrapper .cv-3-26-product-rating .cv-3-26-heart-section .ifont-heart, html body .dark-mode .cv-3-26-assets-wrapper .cv-3-26-product-rating .cv-3-26-heart-section > span, html body .dark-mode .cv-3-26-assets-wrapper .cv-3-26-star-num { color: rgba(255, 255, 255, 0.72); } html body .dark-mode .cv-3-26-assets-wrapper .cv-3-26-assets-price { color: rgba(255, 255, 255, 0.48); } html body .cv-3-26-add-to-cart.loading .cv-3-26-cart-loader-wrapper { display: block !important; } /* ----------- Darkmode Css Only End --------------- */ html body .cv-3-26-add-to-cart { display: flex; transition: opacity .2s ease; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 18px; letter-spacing: normal; color: var(--color-cta-primary); padding: 0; padding-top: 4px; height: 22px; background: #fff; border: none; position: relative; cursor: pointer; margin-left: auto; } html body .cv-3-26-add-to-cart > .ifont-add-to-cart:first-child { color: #9e9e9e; margin-right: 5px; font-size: 13px; width: auto; height: 18px; line-height: 18px; } html body .cv-3-26-publisher-link { display: flex; width: fit-content; } html body .cv-3-26-text { white-space: pre; } html body .cv-3-26-publisher-link:hover span { color: var(--color-font-cyan); } html body .cv-3-26-publisher-link span { font-size: 12px; line-height: 15px; color: var(--color-font-filter-count); text-transform: UPPERCASE; letter-spacing: 1px; } html body .cv-3-26-assets-wrapper .cv-3-26-cart-loader-wrapper { display: -ms-flexbox; display: flex; transition: opacity .2s ease; font-size: 16px; padding: 8px 20px; max-width: 71px; width: 100%; color: #2196f3; height: 100%; position: absolute; top: 0px; right: 0; background: #fff; border: none; display: none; } html body .dark-mode .cv-3-26-assets-wrapper .cv-3-26-cart-loader-wrapper { background: #17191a; } html body .dark-mode .cv-3-26-add-to-cart.loading > .ifont-add-to-cart:first-child { color: #17191a; } html body .cv-3-26-assets-wrapper .cv-3-26-cart-loader-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: auto; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } html body .cv-3-26-assets-wrapper .cv-3-26-cart-loader-container .cv-3-26-cart-circle-loader { -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 12px; width: 16px; height: 16px; border: 2pxsolidhsla(0, 0%, 100%, .4); border-top-color: #fff; -webkit-animation: spinAround .5s infinite linear; animation: spinAround .5s infinite linear; } html body .cv-3-26-assets-wrapper .cv-3-26-cart-loader-container .cv-3-26-cart-circle-loader { border: 2px solid #6ec6ff; border-top-color: #2196f3; } @keyframes spinAround { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } html body .cv-3-26-add-to-cart.loading .cv-3-26-cart-loader-wrapper { display: block !important; } html body .cv-3-26-add-to-cart.loading > .ifont-add-to-cart:first-child { color: #fff; } html body .dark-mode .cv-3-26-assets-wrapper.cv-3-26-returning .cv-3-26-add-to-cart { background-color: #17191a; } html body .cv-3-26-review-number-tooltip { all: unset; display: none; position: absolute; top: 28px; opacity: 1; pointer-events: none; z-index: 5000; left: 100%; margin-left: 50%; transform: translateX(-50%); } html body .cv-3-26-review-number-tooltip-content { height: auto; padding: 16px 12px; text-align: left; line-height: 18px; max-width: 224px; background-color: var(--color-bg-tooltip); font-size: 12px; font-weight: 500; color: var(--color-font-tooltip); border-radius: 3px; box-sizing: border-box; position: relative; } html body .cv-3-26-review-number-tooltip-content:after { content: " "; width: 0; height: 0; border: 8px solid transparent; position: absolute; bottom: 100%; left: 50%; border-bottom-color: var(--color-bg-tooltip); margin-left: -8px; } html body .cv-3-26-tooltip--header { position: relative; } html body .cv-3-26-title-tooltip { all: unset; display: none; position: absolute; top: 30px; opacity: 1; pointer-events: none; z-index: 5000; left: 50%; transform: translateX(-50%); } html body .cv-3-26-title-tooltip-content { height: auto; padding: 16px 12px; text-align: left; line-height: 18px; max-width: 224px; background-color: var(--color-bg-tooltip); font-size: 12px; font-weight: 500; color: var(--color-font-tooltip); border-radius: 3px; box-sizing: border-box; position: relative; } html body .cv-3-26-title-tooltip-content:after { content: " "; width: 0; height: 0; border: 8px solid transparent; position: absolute; bottom: 100%; left: 50%; border-bottom-color: var(--color-bg-tooltip); margin-left: -8px; } html body .cv-3-26-tooltip--header:hover .cv-3-26-title-tooltip { display: block; } html body .cv-3-26-assets-wrapper .cv-3-26-product-rating .cv-3-26-heart-section:hover .cv-3-26-review-number-tooltip { display: block; } html body .cv-3-26-product-rating .ifont-heart::before { font-size: 14px !important; } html body .cv-3-26-product-rating { margin-top: 4px; } html body .dark .cv-3-26-assets-wrapper .cv-3-26-product-rating .ifont::before { color: var(--color-mode-active); } html body .dark .cv-3-26-assets-wrapper .cv-3-26-product-rating .ifont-heart::before { color: var(--color-font-header); } html body .cv-3-26-assets-price-section > div:nth-child(1) { padding-right: 5px; color: var(--color-font-normal); } html body .cv-3-26-assets-price-section > div:nth-child(2) { text-decoration: line-through; font-size: 12px; padding-right: 10px; color: var(--color-mode); } html body .cv-3-26-assets-price-section > div:nth-child(3) { display: none; } html body .cv-3-26-assets-price-section > div:nth-child(1), html body .dark-mode .cv-3-26-assets-price-section > div:nth-child(1) { color: var(--color-sale); } html body .cv-3-26-assets-price-section[data-discount="0"] > div:nth-child(1), html body .dark-mode .cv-3-26-assets-price-section[data-discount="0"] > div:nth-child(1) { color: var(--color-font-normal); } html body .dark-mode .cv-3-26-assets-price-section[data-price="0"] > div:nth-child(3) { color: var(--color-font-normal); } html body .cv-3-26-assets-price-section[data-discount="0"] > div:nth-child(2) { display: none; } html body .cv-3-26-assets-price-section[data-price="0"] > div:nth-child(1), html body .cv-3-26-assets-price-section[data-price="0"] > div:nth-child(2) { display: none; } html body .cv-3-26-assets-price-section[data-price="0"] > div:nth-child(3) { display: block; } html body .cv-3-26-discount { background-color: var(--color-sale-label-bg); color: var(--color-sale-label-text); margin: 0 8px 4px 0; font-size: 11px; font-weight: 700; padding: 2px 4px; line-height: normal; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-radius: 2px; width: fit-content; } html body .cv-3-26-discount[data-discount="0"] { display: none; } html body .cv-3-26-add-to-cart:hover .ifont-add-to-cart { color: var(--color-cta-primary); } html body .cv-3-26-assets-product-img { margin-bottom: 14px; } html body .cv-3-26-assets-product-img a { display: flex; } html body .cv-3-26-assets-items { padding-right: 0.5rem; padding-left: 0.5rem; margin-bottom: 48px; } } @media screen and (min-width: 1600px) { html body .cv-3-26-assets-items { width: 16.66667%; max-width: 16.66667%; } } @media screen and (max-width: 1239px) and (min-width: 1024px) { html body .cv-3-26-assets-items { width: 25%; max-width: 25%; } } @media (min-width: 1240px) and (max-width: 1600px) { html body .cv-3-26-assets-items { width: 16.66667%; max-width: 16.66667%; } } /* Legal Module */ .cv-3-26 .cv-3-26-legal-overlay { display: flex; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.8); } .cv-3-26 .cv-3-26-legal-module { height: 400px; overflow: hidden; } .cv-3-26 .cv-3-26-legal-module .cv-3-26-legal-module-inner { pointer-events: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: calc(100vw - 60px); width: 500px; padding: 20px; background-color: var(--color-page-background); color: var(--color-font-normal); position: relative; } .cv-3-26 .cv-3-26-legal-module .cv-3-26-legal-content { overflow-y: scroll; height: 260px; } .cv-3-26 .cv-3-26-legal-module .cv-3-26-legal-content p, .cv-3-26 .cv-3-26-legal-module .cv-3-26-legal-content h2 { color: var(--color-font-normal); } .cv-3-26 .cv-3-26-legal-module .cv-3-26-legal-title { height: 30px; margin-bottom: 10px; color: var(--color-font-header); } .cv-3-26 .cv-3-26-legal-module .cv-3-26-legal-ctas { display: flex; justify-content: space-between; padding: 20px 50px 0; } .cv-3-26 .cv-3-26-legal-module .cv-3-26-legal-ctas .cv-3-26-accept-terms-btn { position: relative; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 40px; font-size: 20px; font-weight: 500; border-radius: 3px; margin: 0; outline: none; cursor: pointer; padding: 0 16px; white-space: nowrap; line-height: normal; color: #fff; background: var(--color-cta-primary); border: 0; height: 36px; font-size: 14px; font-weight: 500; min-width: 80px; } .cv-3-26 .cv-3-26-legal-module .cv-3-26-legal-ctas .cv-3-26-accept-terms-btn:hover { background-color: #6ec6ff; } .cv-3-26 .cv-3-26-legal-module .cv-3-26-legal-ctas .cv-3-26-cancel-btn { color: var(--color-cta-primary); font-size: 14px; background: var(--color-page-background); font-weight: 500; height: 36px; border: 1px solid var(--color-cta-primary); position: relative; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-radius: 3px; margin: 0; outline: none; cursor: pointer; padding: 0 16px; white-space: nowrap; line-height: normal; } .cv-3-26 .cv-3-26-legal-module .cv-3-26-legal-ctas .cv-3-26-cancel-btn:hover { border-color: #6ec6ff; color: #6ec6ff; } .cv-3-26 .cv-3-26-loader-container { position: absolute; top: 10px; right: 0; bottom: 0; left: 34px; cursor: auto; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .cv-3-26 .cv-3-26-loader-container .cv-3-26-loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: auto; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 12px; width: 16px; height: 16px; -webkit-animation: spinAround .5s infinite linear; animation: spinAround .5s infinite linear; border: 2px solid hsla(0, 0%, 100%, .4); border-top-color: #fff; } .cv-3-26 .cv-3-26-added-overlay { position: fixed; z-index: 1000000; background: rgba(0, 0, 0, 0.8); top: 0; bottom: 0; left: 0; right: 0; display: flex; -ms-flex-direction: column; flex-direction: column; overflow-y: auto; justify-content: flex-start; align-items: center; overflow-x: hidden; } .cv-3-26 .cv-3-26-added-module { display: flex; justify-content: space-between; max-width: calc(100vw - 60px); width: 1400px; min-height: 60px; padding: 30px 78px; background-color: var(--color-bg-gray-3); position: relative; } .cv-3-26 .cv-3-26-added-module .ifont.ifont-check { font-size: 24px; color: var(--color-font-footer-text); margin-right: 10px; margin-top: 18px; } .cv-3-26 .cv-3-26-added-module .cv-3-26-added-title { font-size: 24px; font-weight: 700; color: var(--color-font-header); margin: 12px 38px 12px 0; } .cv-3-26 .cv-3-26-added-module .cv-3-26-added-product { display: flex; width: 100%; } .cv-3-26 .cv-3-26-added-module .cv-3-26-added-inner { display: flex; -ms-flex-direction: column; flex-direction: column; max-width: 100%; -ms-flex-pack: center; justify-content: center; background-color: var(--color-page-background); width: 100%; max-width: 400px; } .cv-3-26 .cv-3-26-added-module .cv-3-26-asset-link { display: flex; height: 100%; } .cv-3-26 .cv-3-26-added-module .cv-3-26-asset-info { padding: 15px 10px; } .cv-3-26 .cv-3-26-added-module .cv-3-26-asset-img { height: 100%; width: 60px; } .cv-3-26 .cv-3-26-added-module .cv-3-26-publisher { font-size: 10px; line-height: 11px; color: var(--color-font-filter-count); text-transform: UPPERCASE; } .cv-3-26 .cv-3-26-added-module .cv-3-26-asset-name { line-height: 16px; color: var(--color-font-header); padding-top: 4px; white-space: nowrap; text-overflow: ellipsis; } .cv-3-26 .cv-3-26-added-module .ifont.ifont-close { position: absolute; font-size: 24px; color: var(--color-font-footer-text); top: 20px; right: 20px; cursor: pointer; } .cv-3-26 .cv-3-26-added-module .cv-3-26-my-assets-link { position: relative; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 40px; font-size: 20px; font-weight: 500; border-radius: 3px; margin: 0; outline: none; cursor: pointer; padding: 0 16px; white-space: nowrap; line-height: normal; color: var(--color-cta-primary); font-size: 14px; background: var(--color-page-background); font-weight: 500; height: 36px; border: 1px solid var(--color-cta-primary); min-width: 110px; background-color: transparent; margin-top: 12px; } .cv-3-26 .cv-3-26-added-module .cv-3-26-my-assets-link:hover { border-color: #6ec6ff; color: #6ec6ff; } .cv-3-26 .cv-3-26-added-module .cv-3-26-my-assets-link:hover a { color: #6ec6ff; } .cv-3-26 .cv-3-26-added-module .cv-3-26-added-inner:hover { box-shadow: 0 0 10px 3px rgba(0, 0, 0, .12); } html body .cv-3-26-verified-tooltip-wrapper { max-width: 100%; position: relative; display: -ms-flexbox; display: flex; -ms-flex: none; flex: none; } html body .cv-3-26-verified-tooltip { display: none; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; position: absolute; left: 50%; right: 0; opacity: 1; pointer-events: none; z-index: 5000; max-width: 100%; transform: translateX(-50%); max-width: 200px; margin-top: 8px; display: flex; pointer-events: auto; opacity: 1; position: absolute; top: 20px; } html body .cv-3-26-verified-tooltip-content { display: none; max-width: none; background-color: var(--color-bg-tooltip-big); color: var(--color-font-gray); border-radius: 4px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .3); transform: translateX(45px); font-size: 14px; height: auto; text-align: left; line-height: 18px; padding: 12px; font-size: 12px; font-weight: 500; color: var(--color-font-tooltip); border-radius: 3px; position: relative; } html body .cv-3-26-verified-tooltip-wrapper:hover .cv-3-26-verified-tooltip-content { display: block; } html body .cv-3-26-verified-tooltip-content::after { content: " "; display: flex; width: 0; height: 0; border: 8px solid transparent; position: absolute; bottom: 100%; left: 22%; border-bottom-color: var(--color-bg-tooltip-big); margin-left: -8px; } html body .cv-3-26-verified-tooltip-area { display: flex; flex-direction: column; font-weight: 500; width: 256px; color: var(--color-font-gray); line-height: 18px; font-size: 14px; } html body .cv-3-26-bolder-content { display: contents; font-weight: 700; color: var(--color-font-normal); text-align: left; line-height: 18px; font-size: 14px; } html body .cv-3-26-verified-tooltip-area ul { padding: 10px 15px; } html body .cv-3-26-verified-tooltip-area ul li { display: flex; margin-bottom: 8px; max-width: none; color: var(--color-font-gray); font-size: 14px; line-height: 18px; } html body .cv-3-26-verified-tooltip-area ul li .ifont { display: flex; width: 12px; height: 18px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-right: 10px; color: var(--color-font-cyan); } html body .cv-3-26-verified-tooltip-area > a { color: var(--color-font-cyan); cursor: pointer; } html body .cv-3-26-verified-tooltip-area > a:hover { color: var(--color-font-cyan) -hover; } html body .cv-3-26-verified-tooltip-header { display: flex; align-items: center; max-width: 100%; padding-bottom: 10px; } html body .cv-3-26-verified-tooltip-header .ifont-check-badge-v2 { margin-right: 5px; font-size: 14px; line-height: 14px; color: var(--color-font-cyan); } html body .cv-3-26-verified-tooltip-name { font-size: 14px; line-height: 14px; color: var(--color-font-cyan); max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } html body .cv-3-26-add-to-my-assets { border: none; padding: 0; background: none; justify-content: center; align-items: center; position: relative; white-space: nowrap; cursor: pointer; display: flex; width: 100%; -ms-flex-pack: end; justify-content: flex-end; padding-top: 5px; align-items: baseline; } html body .cv-3-26-add-to-my-assets .ifont-my-assets { color: #9e9e9e; margin-right: 5px; font-size: 13px; width: auto; height: 18px; line-height: 18px; } html body .cv-3-26-add-to-my-assets:hover .ifont-my-assets { color: var(--color-cta-primary); } html body .cv-3-26-text { display: -ms-flexbox; display: flex; transition: opacity .2s ease; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 18px; letter-spacing: normal; color: var(--color-cta-primary); height: 22px; width: auto; display: inline-block; } html body .cv-3-26-add-to-my-assets .ifont-add-to-cart { color: #9e9e9e; margin-right: 5px; font-size: 13px; width: auto; height: 18px; line-height: 18px; display: inline-block; } html body [data-is-puchased="true"] { opacity: .5; } html body [data-is-puchased="true"] .cv-3-26-add-to-my-assets, html body [data-is-puchased="true"] .cv-3-26-heart-section { display: none; } html body .cv-3-26-purchase--section { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; display: none; } html body .cv-3-26-purchase--section-name { margin: 0 8px 4px 0; font-size: 11px; font-weight: 700; padding: 2px 4px; line-height: normal; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-radius: 2px; background: #bdbdbd; color: #fff; } html body [data-is-puchased="true"] .cv-3-26-purchase--section { display: flex !important; } html body .cv-3-26-highlighted--section { display: flex; } html body .cv-3-26-new--release { margin: 0 8px 4px 0; font-size: 11px; font-weight: 700; padding: 2px 4px; line-height: normal; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-radius: 2px; background-color: #ddeae5; color: var(--color-green-light); }