.supplier-range-card[data-v-c584c4b1]{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:24px;padding:24px}.supplier-range-card[data-v-c584c4b1]:hover{background:var(--Base-White,#fff);background:#fff;border-radius:400px 400px 0 0;box-shadow:0 24px 48px #0000001f}.supplier-range-card:hover .supplier-images .color-amount[data-v-c584c4b1]{display:flex}.supplier-range-card:hover .supplier-images .zoom[data-v-c584c4b1]{display:block}.supplier-range-card:hover.color[data-v-c584c4b1]{background:none;box-shadow:unset;cursor:pointer}.supplier-range-card .supplier-images[data-v-c584c4b1]{border-radius:300px 300px 0;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.supplier-range-card .supplier-images .main-img[data-v-c584c4b1]{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.supplier-range-card .supplier-images[data-v-c584c4b1]:after{background:radial-gradient(54.42% 54.42% at 50% 50%,rgba(0,0,0,.2) 0,transparent 100%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.supplier-range-card .supplier-images .color-amount[data-v-c584c4b1]{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000003d;border-radius:96px;display:none;flex-direction:column;height:96px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%) translateY(-50%);width:96px;z-index:2}.supplier-range-card .supplier-images .color-amount p[data-v-c584c4b1]{color:#fff;font-size:24px;font-style:normal;font-weight:600;line-height:32px;text-align:center}.supplier-range-card .supplier-images .color-amount span[data-v-c584c4b1]{color:#fff;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.supplier-range-card .supplier-images .zoom[data-v-c584c4b1]{bottom:8px;display:none;position:absolute;right:8px;width:26px;z-index:2}.supplier-range-card .supplier-info[data-v-c584c4b1]{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center}.supplier-range-card .supplier-info p[data-v-c584c4b1]{color:var(--Gray-700,#344054);font-size:16px;font-style:normal;font-weight:600;line-height:24px;text-align:center}.supplier-range-card .supplier-info .range-type[data-v-c584c4b1]{align-items:center;display:flex;gap:8px;justify-content:center}.supplier-range-card .supplier-info .range-type img[data-v-c584c4b1]{height:24px;width:24px}.supplier-range-card .supplier-info .range-type span[data-v-c584c4b1]{color:var(--Gray-700,#344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.supplier-range-card .view-full-screen[data-v-c584c4b1]{align-items:center;background:#00000080;cursor:default;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.supplier-range-card .view-full-screen .img-cont[data-v-c584c4b1]{position:relative}.supplier-range-card .view-full-screen .img-cont img[data-v-c584c4b1]{background:#d3d3d3 50%/cover no-repeat;border:2px solid var(--gray-300,#d0d5dd);max-height:700px;max-width:700px}.supplier-range-card .view-full-screen .close-fullscreen[data-v-c584c4b1]{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10182880;border-radius:22px;box-sizing:border-box;cursor:pointer;display:flex;height:44px;justify-content:center;padding:12px;position:absolute;right:-55px;top:0;width:44px}.supplier-range-card .view-full-screen .close-fullscreen img[data-v-c584c4b1]{all:unset}@media screen and (max-width:1200px){.supplier-range-card .view-full-screen .img-cont img[data-v-c584c4b1]{max-height:400px;max-width:400px}}@media screen and (max-width:550px){.supplier-range-card .view-full-screen .img-cont img[data-v-c584c4b1]{max-height:200px;max-width:200px}}