Untitled
unknown
plain_text
a year ago
29 kB
2
Indexable
/*
* 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);
}