:root {
--primary-2: #ff9a90;
--primary-3: #ffc5c0;
--primary-4: #fff1ef;
--primary-green: #39ae52;
--secondary: #FF6969;
--secondary-2: #e5775f;
--secondary-3: rgba(75, 77, 237, 0.5);
--secondary-4: #efeffd;
--dark: #000000;
--dark-2: #101828;
--dark-3: #282828;
--dark-4: #1C1C1C;
--white: #ffffff;
--white-2: #edeae5;
--purple: #9148ff;
--purple-2: #f6efff;
--violet: #a83fff;
--violet-2: #a474ff;
--success: #31d0aa;
--success-2: rgba(49, 208, 170, 0.75);
--success-3: rgba(49, 208, 170, 0.5);
--success-4: rgba(49, 208, 170, 0.1);
--light-green: #00ba00;
--text: #545454;
--text-2: #393939;
--text-3: #667085;
--text-4: #757575;
--line: #ebebeb;
--line-2: #f2f4f7;
--line-3: #c9c9c9;
--line-4: #e4e7ec;
--line-5: rgba(126, 126, 126,0.2);
--surface: #f5f5f5;
--surface-2: #f7f7f7;
--surface-3: #f3f3f3;
--shadow-1: 0px 4px 20px 0px #0000001a;
--gradient-1: linear-gradient(
180deg,
rgba(255, 255, 255, 0) 0%,
#ffffff 100%
);
--backdrop: rgba(0, 0, 0, 0.4);
--bg-scrollbar-track: #f1f1f1;
--bg-scrollbar-thumb: #c1c1c1;
--rgba-white: rgba(255, 255, 255, 0.8);
--rgba-dark: rgba(0, 0, 0, 0.6);
--rgba-dark-2: rgba(0, 0, 0, 0.8);
--rgba-dark-3: rgba(0, 0, 0, 0.2);
--yellow: #ffc108;
--yellow-2: #ff9a00;
--brown: #8f5252;
--red: #e21b1b;
}
.primary-2 {
--primary: #39ae52;
}
.tf-zoom-main {
position: sticky;
top: 30px;
z-index: 50;
}
.tf-zoom-main .drift-zoom-pane {
top: 0;
left: 0;
height: 520px;
max-width: 520px;
width: 100%;
background: #fff;
-webkit-transform: translate3d(0, 0, 0);
box-shadow: 0 1px 5px rgba(127, 127, 127, 0.0196078431), 0 5px 18px rgba(127, 127, 127, 0.2);
z-index: 3;
}
.drift-bounding-box.drift-open {
background: rgba(255, 255, 255, 0.2509803922);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4) inset;
z-index: 5000;
}
.drift-zoom-pane {
z-index: 5000;
}
.section-image-zoom .other-image-zoom {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pswp__bg {
background: var(--white);
}
.pswp__icn {
fill: rgb(34, 34, 34);
color: var(--white);
}
.pswp__icn .pswp__icn-shadow {
stroke: var(--white);
stroke-width: 1px;
fill: none;
}
.pswp__counter {
color: #222;
text-shadow: 1px 1px 3px #ffffff;
}
.tf-model-viewer {
width: 100%;
height: 100%;
position: relative;
}
.tf-model-viewer model-viewer {
display: block;
position: relative;
z-index: 5;
width: 100%;
height: 100%;
}
.tf-model-viewer model-viewer.disabled {
pointer-events: none;
}
.tf-model-viewer.active model-viewer {
pointer-events: all;
}
.tf-model-viewer.active .wrap-btn-viewer {
display: none;
}