.scandi-deer {
position: fixed;
z-index: 2147483000;
right: max(20px, env(safe-area-inset-right));
bottom: max(20px, env(safe-area-inset-bottom));
isolation: isolate;
pointer-events: none;
}
.scandi-deer__button {
position: relative;
display: grid;
width: 96px;
height: 104px;
padding: 0;
place-items: center;
cursor: pointer;
border: 0;
border-radius: 50%;
background: transparent;
filter: drop-shadow(0 12px 17px rgba(35, 25, 14, .3));
isolation: isolate;
pointer-events: auto;
transition: transform .22s ease, filter .22s ease, opacity .18s ease;
-webkit-tap-highlight-color: transparent;
}
.scandi-deer__button::before {
position: absolute;
z-index: -2;
inset: 0;
width: 73%;
height: 65%;
border-radius: 50%;
border: 2px solid rgba(208, 145, 37, .95);
background: rgba(228, 170, 58, .18);
content: '';
box-shadow: 0 0 25px rgba(202, 137, 30, .72), inset 0 0 19px rgba(255, 226, 159, .22);
animation: scandi-deer-golden-wave 2.15s ease-out infinite;
}
.scandi-deer__button::after {
position: absolute;
z-index: -1;
inset: 0;
width: 88%;
height: 78%;
border-radius: 50%;
background: radial-gradient(circle, rgba(255, 221, 140, .68) 0%, rgba(218, 157, 49, .28) 43%, rgba(193, 133, 37, 0) 72%);
content: '';
filter: blur(7px);
animation: scandi-deer-golden-pulse 2.15s ease-in-out infinite;
}
.scandi-deer__button:hover {
transform: translateY(-4px) scale(1.045);
filter: drop-shadow(0 16px 23px rgba(66, 42, 15, .42));
}
.scandi-deer__button:focus-visible {
outline: 3px solid #e6bc6c;
outline-offset: 5px;
}
.scandi-deer__canvas {
position: relative;
z-index: 1;
display: block;
width: 100%;
height: 100%;
filter: drop-shadow(0 0 5px rgba(255, 215, 135, .28));
animation: scandi-deer-breathe 3.4s ease-in-out infinite;
}
.scandi-deer__nudge {
position: absolute;
z-index: 3;
right: 118px;
bottom: 28px;
box-sizing: border-box;
min-height: 42px;
max-width: min(280px, calc(100vw - 170px));
padding: 10px 16px;
overflow: visible;
color: #fff7e8;
font: 700 13px/1.2 "Montserrat", Arial, sans-serif;
white-space: nowrap;
cursor: pointer;
border: 1px solid rgba(234, 190, 108, .62);
border-radius: 14px;
background:
radial-gradient(circle at 100% 50%, rgba(211, 159, 65, .24), transparent 48%),
linear-gradient(145deg, #2b2118 0%, #17110d 100%);
box-shadow: 0 14px 34px rgba(30, 19, 8, .34), inset 0 1px 0 rgba(255, 238, 191, .14);
opacity: 0;
visibility: hidden;
transform: translateX(10px) scale(.97);
pointer-events: none;
transition: opacity .24s ease, transform .24s ease, visibility .24s step-end;
-webkit-tap-highlight-color: transparent;
}
.scandi-deer__nudge::after {
position: absolute;
top: 50%;
right: -7px;
width: 12px;
height: 12px;
border-top: 1px solid rgba(234, 190, 108, .62);
border-right: 1px solid rgba(234, 190, 108, .62);
background: #1b140f;
content: '';
transform: translateY(-50%) rotate(45deg);
}
.scandi-deer__nudge--visible {
opacity: 1 !important;
visibility: visible !important;
transform: translateX(0) scale(1);
pointer-events: auto !important;
transition: opacity .24s ease, transform .24s ease;
}
.scandi-deer__nudge:hover,
.scandi-deer__nudge:focus-visible {
color: #201407;
border-color: #f0c875;
background: linear-gradient(145deg, #f3cd7d, #c9953f);
outline: none;
transform: translateY(-2px);
}
.scandi-deer__nudge:hover::after,
.scandi-deer__nudge:focus-visible::after {
border-color: #f0c875;
background: #ce9d49;
}
.scandi-deer--welcome-open .scandi-deer__nudge,
.scandi-deer--legacy-open .scandi-deer__nudge {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
html body.scandi-deer-enabled:not(.scandi-deer-fallback) #scandi-widget .sw-trigger,
html body.scandi-deer-enabled:not(.scandi-deer-fallback) #scandi-widget .sw-notify,
html body #scandi-widget.scandi-deer-widget-active .sw-trigger.scandi-deer-source-trigger,
html body #scandi-widget.scandi-deer-widget-active .sw-notify {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
transform: scale(.01) !important;
}
html body.scandi-deer-enabled.scandi-deer-fallback #scandi-widget .sw-trigger,
html body.scandi-deer-enabled.scandi-deer-fallback #scandi-widget .sw-notify {
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
transform: none !important;
}
.scandi-deer.scandi-deer--legacy-open {
pointer-events: none;
}
.scandi-deer.scandi-deer--legacy-open .scandi-deer__button,
.scandi-deer.scandi-deer--legacy-open .scandi-deer__panel {
opacity: 0;
transform: scale(.94);
visibility: hidden;
}
.scandi-deer__panel {
position: absolute;
right: 0;
bottom: 94px;
box-sizing: border-box;
display: grid;
width: min(358px, calc(100vw - 32px));
max-height: min(548px, calc(100vh - 132px));
overflow: auto;
color: #fff7e8;
border: 1px solid rgba(234, 190, 108, .55);
border-radius: 25px;
background:
radial-gradient(circle at 20% 0%, rgba(197, 142, 57, .2), transparent 36%),
linear-gradient(145deg, #292017 0%, #17120e 62%, #100d0a 100%);
box-shadow: 0 24px 64px rgba(19, 12, 5, .45), inset 0 1px 0 rgba(255, 238, 191, .16);
opacity: 0;
visibility: hidden;
transform: translateY(12px) scale(.97);
pointer-events: none;
transition: bottom .22s ease, opacity .22s ease, transform .22s ease, visibility .22s step-end;
}
.scandi-deer--welcome-open .scandi-deer__panel {
bottom: 0;
opacity: 1;
visibility: visible;
transform: translateY(0) scale(1);
pointer-events: auto;
transition: bottom .22s ease, opacity .22s ease, transform .22s ease;
}
.scandi-deer--welcome-open .scandi-deer__button {
opacity: 0;
visibility: hidden;
transform: translateY(8px) scale(.88);
pointer-events: none;
}
.scandi-deer__panel-head {
display: grid;
grid-template-columns: 76px 1fr auto;
gap: 12px;
align-items: center;
padding: 16px 16px 14px;
border-bottom: 1px solid rgba(239, 204, 137, .16);
background: radial-gradient(circle at 13% 45%, rgba(240, 195, 104, .13), transparent 28%);
}
.scandi-deer__panel-canvas {
display: block;
width: 76px;
height: 82px;
border-radius: 22px;
background: radial-gradient(circle, rgba(240, 197, 111, .16), transparent 67%);
filter: drop-shadow(0 0 8px rgba(229, 182, 94, .32));
}
.scandi-deer__title {
margin: 0;
color: #fff9ef;
font-size: 18px;
font-weight: 700;
line-height: 1.1;
}
.scandi-deer__subtitle {
margin: 4px 0 0;
color: rgba(255, 247, 232, .62);
font-size: 12px;
line-height: 1.2;
}
.scandi-deer__close,
.scandi-deer__back {
display: inline-grid;
width: 32px;
height: 32px;
padding: 0;
place-items: center;
cursor: pointer;
color: #f9e8c7;
border: 1px solid rgba(239, 204, 137, .18);
border-radius: 50%;
background: rgba(255, 255, 255, .05);
font: inherit;
font-size: 20px;
line-height: 1;
transition: background .18s ease, border-color .18s ease;
}
.scandi-deer__close:hover,
.scandi-deer__back:hover {
border-color: rgba(239, 204, 137, .52);
background: rgba(216, 165, 76, .16);
}
.scandi-deer__view {
padding: 13px 14px 14px;
}
.scandi-deer__view[hidden] {
display: none;
}
.scandi-deer__intro {
margin: 0 2px 10px;
color: rgba(255, 247, 232, .76);
font-size: 14px;
line-height: 1.45;
}
.scandi-deer__actions,
.scandi-deer__channels {
display: grid;
gap: 10px;
}
.scandi-deer__promise {
display: flex;
gap: 7px;
margin: 0 1px 13px;
}
.scandi-deer__promise span {
display: inline-flex;
gap: 4px;
align-items: baseline;
padding: 6px 9px;
color: rgba(255, 247, 232, .76);
border: 1px solid rgba(239, 204, 137, .18);
border-radius: 999px;
background: rgba(255, 255, 255, .045);
font-size: 10.5px;
line-height: 1;
}
.scandi-deer__promise strong {
color: #f3cc7e;
font-size: 12px;
font-weight: 700;
}
.scandi-deer__action,
.scandi-deer__channel {
position: relative;
display: grid;
width: 100%;
min-height: 58px;
padding: 11px 43px 11px 13px;
cursor: pointer;
color: #fff8ea;
border: 1px solid rgba(239, 204, 137, .17);
border-radius: 15px;
background: rgba(255, 255, 255, .045);
font: inherit;
text-align: left;
transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.scandi-deer__action::after,
.scandi-deer__channel::after {
position: absolute;
right: 15px;
align-self: center;
color: #e3b96e;
content: '›';
font-size: 26px;
font-weight: 300;
line-height: 1;
}
.scandi-deer__action:hover,
.scandi-deer__channel:hover {
border-color: rgba(239, 204, 137, .54);
background: rgba(214, 159, 69, .13);
transform: translateX(2px);
}
.scandi-deer__action strong,
.scandi-deer__channel strong {
font-size: 14px;
font-weight: 700;
line-height: 1.2;
}
.scandi-deer__action {
grid-template-columns: 44px minmax(0, 1fr);
gap: 11px;
align-items: center;
min-height: 66px;
padding: 11px 42px 11px 11px;
}
.scandi-deer__action-copy { min-width: 0; }
.scandi-deer__action-icon {
display: grid;
width: 42px;
height: 42px;
place-items: center;
color: #efc46f;
border: 1px solid rgba(239, 204, 137, .22);
border-radius: 13px;
background: rgba(255, 255, 255, .055);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
}
.scandi-deer__action-icon svg {
width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action.scandi-deer__action--primary {
min-height: 76px;
color: #27190a !important;
border-color: rgba(255, 225, 159, .85) !important;
background: linear-gradient(135deg, #f7dda2 0%, #d59a35 100%) !important;
box-shadow: 0 12px 26px rgba(172, 105, 18, .25), inset 0 1px 0 rgba(255, 255, 255, .5) !important;
}
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action.scandi-deer__action--primary strong { color: #241608 !important; font-size: 15px; }
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action.scandi-deer__action--primary small { color: rgba(48, 29, 8, .7) !important; }
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action.scandi-deer__action--primary::after { color: #5d3a0c !important; }
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action.scandi-deer__action--primary .scandi-deer__action-icon {
color: #4b2d09;
border-color: rgba(75, 45, 9, .18);
background: rgba(255, 255, 255, .26);
}
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action.scandi-deer__action--primary:hover,
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action.scandi-deer__action--primary:focus-visible {
border-color: #ffe8b6 !important;
background: linear-gradient(135deg, #ffe9b8 0%, #dda849 100%) !important;
transform: translateY(-1px);
}
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action.scandi-deer__action--estimate {
border-color: rgba(239, 204, 137, .38) !important;
background: radial-gradient(circle at 8% 50%, rgba(226, 175, 83, .16), transparent 25%), rgba(255, 255, 255, .07) !important;
}
.scandi-deer__quick-actions {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 8px;
}
.scandi-deer__action--compact {
grid-template-columns: 44px minmax(0, 1fr);
gap: 11px;
min-height: 66px;
padding: 11px 42px 11px 11px;
border-radius: 15px;
}
.scandi-deer__action--compact .scandi-deer__action-icon {
width: 42px;
height: 42px;
border-radius: 13px;
}
.scandi-deer__action--compact .scandi-deer__action-icon svg { width: 22px; height: 22px; }
.scandi-deer__action--compact strong { font-size: 14px; }
.scandi-deer__action--compact small { margin-top: 3px; font-size: 12px; line-height: 1.25; }
.scandi-deer__action--compact::after { right: 15px; font-size: 26px; }
.scandi-deer__action small,
.scandi-deer__channel small {
display: block;
margin-top: 3px;
color: rgba(255, 247, 232, .62);
font-size: 12px;
line-height: 1.25;
}
.scandi-deer__footer {
padding: 0 16px 15px;
color: rgba(255, 240, 210, .54);
font-size: 11px;
letter-spacing: .01em;
text-align: center;
}
.scandi-deer__channels-head {
display: flex;
gap: 10px;
align-items: center;
margin: 1px 1px 13px;
}
.scandi-deer__channels-head .scandi-deer__back {
width: 29px;
height: 29px;
font-size: 24px;
}
.scandi-deer__channels-head p {
margin: 0;
color: rgba(255, 247, 232, .78);
font-size: 14px;
}
html body.scandi-deer-enabled .scandi-deer__panel {
color: #fff7e8 !important;
border-color: rgba(234, 190, 108, .62) !important;
background-color: #1b1510 !important;
background-image: radial-gradient(circle at 20% 0%, rgba(197, 142, 57, .24), transparent 36%), linear-gradient(145deg, #2b2118 0%, #19120d 62%, #100c09 100%) !important;
box-shadow: 0 24px 64px rgba(19, 12, 5, .52), inset 0 1px 0 rgba(255, 238, 191, .16) !important;
color-scheme: dark;
}
html body.scandi-deer-enabled .scandi-deer__panel-head {
border-color: rgba(239, 204, 137, .18) !important;
background: radial-gradient(circle at 13% 45%, rgba(240, 195, 104, .13), transparent 28%) !important;
}
html body.scandi-deer-enabled .scandi-deer__title { color: #fff9ef !important; }
html body.scandi-deer-enabled .scandi-deer__subtitle,
html body.scandi-deer-enabled .scandi-deer__intro,
html body.scandi-deer-enabled .scandi-deer__footer,
html body.scandi-deer-enabled .scandi-deer__channels-head p { color: rgba(255, 247, 232, .76) !important; }
html body.scandi-deer-enabled .scandi-deer__action,
html body.scandi-deer-enabled .scandi-deer__channel {
color: #fff8ea !important;
border-color: rgba(239, 204, 137, .25) !important;
background: rgba(255, 255, 255, .075) !important;
}
html body.scandi-deer-enabled .scandi-deer__action strong,
html body.scandi-deer-enabled .scandi-deer__channel strong { color: #fff8ea !important; }
html body.scandi-deer-enabled .scandi-deer__action small,
html body.scandi-deer-enabled .scandi-deer__channel small { color: rgba(255, 247, 232, .7) !important; }
html body.scandi-deer-enabled .scandi-deer__action::after,
html body.scandi-deer-enabled .scandi-deer__channel::after { color: #e9c275 !important; }
html body.scandi-deer-enabled .scandi-deer__close,
html body.scandi-deer-enabled .scandi-deer__back {
color: #f9e8c7 !important;
border-color: rgba(239, 204, 137, .25) !important;
background: rgba(255, 255, 255, .07) !important;
}
.scandi-deer__view {
min-height: 194px;
padding: 14px;
}
.scandi-deer__view--entered > * {
animation: scandi-deer-view-in .24s ease both;
}
.scandi-deer__view-top {
display: flex;
gap: 10px;
align-items: center;
margin: 1px 1px 13px;
}
.scandi-deer__view-top .scandi-deer__back {
flex: 0 0 auto;
width: 30px;
height: 30px;
font-size: 24px;
}
.scandi-deer__section-title,
.scandi-deer__question {
margin: 0;
color: #fff8ea;
font-size: 16px;
font-weight: 700;
line-height: 1.25;
}
.scandi-deer__progress,
.scandi-deer__lead-copy,
.scandi-deer__legal,
.scandi-deer__form-label,
.scandi-deer__status {
margin: 3px 0 0;
color: rgba(255, 247, 232, .72);
font-size: 12px;
line-height: 1.4;
}
.scandi-deer__progress-track {
height: 4px;
margin: 0 1px 18px;
overflow: hidden;
border-radius: 999px;
background: rgba(255, 255, 255, .12);
}
.scandi-deer__progress-track span {
display: block;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, #b77d2e, #f0ca7b);
box-shadow: 0 0 12px rgba(232, 183, 91, .55);
transition: width .24s ease;
}
.scandi-deer__question { margin: 0 2px 13px; }
.scandi-deer__options { display: grid; gap: 8px; }
.scandi-deer__option,
.scandi-deer__primary,
.scandi-deer__secondary {
box-sizing: border-box;
width: 100%;
min-height: 51px;
border: 1px solid rgba(239, 204, 137, .25);
border-radius: 14px;
font: inherit;
text-align: left;
transition: transform .16s ease, border-color .16s ease, background .16s ease, opacity .16s ease;
}
.scandi-deer__option {
position: relative;
display: block;
padding: 12px 41px 12px 14px;
cursor: pointer;
color: #fff8ea;
background: rgba(255, 255, 255, .065);
}
.scandi-deer__option::after {
position: absolute;
top: 50%;
right: 15px;
color: #e9c275;
content: '›';
font-size: 25px;
font-weight: 300;
line-height: 1;
transform: translateY(-50%);
}
.scandi-deer__option:hover,
.scandi-deer__option:focus-visible,
.scandi-deer__secondary:hover,
.scandi-deer__secondary:focus-visible {
border-color: rgba(239, 204, 137, .58);
background: rgba(214, 159, 69, .14);
outline: 0;
transform: translateX(2px);
}
.scandi-deer__option strong { font-size: 14px; line-height: 1.35; }
.scandi-deer__lead-copy { margin: 0 2px 14px; font-size: 13px; }
.scandi-deer__lead-form { display: grid; gap: 7px; }
.scandi-deer__form-label { margin: 2px 2px 0; color: rgba(255, 247, 232, .84); }
.scandi-deer__field input {
box-sizing: border-box;
display: block;
width: 100%;
height: 46px;
padding: 0 13px;
color: #fff8ea;
border: 1px solid rgba(239, 204, 137, .28);
border-radius: 12px;
outline: 0;
background: rgba(255, 255, 255, .07);
font: inherit;
font-size: 14px;
}
.scandi-deer__field input::placeholder { color: rgba(255, 247, 232, .43); }
.scandi-deer__field input:focus {
border-color: rgba(239, 204, 137, .78);
box-shadow: 0 0 0 3px rgba(211, 158, 65, .15);
}
.scandi-deer__primary {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 8px;
padding: 0 14px 0 16px;
cursor: pointer;
color: #25180b;
border-color: #f0c36f;
background: linear-gradient(135deg, #f3d48d, #c89135);
box-shadow: 0 9px 20px rgba(192, 132, 37, .2);
font-weight: 750;
text-decoration: none;
}
.scandi-deer__primary:hover,
.scandi-deer__primary:focus-visible {
color: #1b1108;
border-color: #ffe0a4;
background: linear-gradient(135deg, #ffdfa1, #d79e42);
outline: 0;
transform: translateY(-1px);
}
.scandi-deer__primary span { font-size: 20px; font-weight: 400; }
.scandi-deer__primary:disabled { cursor: wait; opacity: .66; transform: none; }
.scandi-deer__legal { margin: 3px 2px 0; color: rgba(255, 247, 232, .52); font-size: 10px; }
.scandi-deer__legal a { color: #e9c275; text-underline-offset: 2px; }
.scandi-deer__status { min-height: 17px; margin: 0 2px; color: #f4cc77; }
.scandi-deer__success-mark {
display: grid;
width: 44px;
height: 44px;
margin: 8px auto 11px;
place-items: center;
color: #25180b;
border-radius: 50%;
background: linear-gradient(135deg, #ffe5ad, #c99034);
box-shadow: 0 0 0 7px rgba(218, 165, 74, .12), 0 8px 20px rgba(188, 128, 33, .25);
font-size: 24px;
font-weight: 800;
}
.scandi-deer__handoff-loader {
display: flex;
gap: 7px;
justify-content: center;
margin: 20px auto 15px;
}
.scandi-deer__handoff-loader span {
width: 10px;
height: 10px;
border-radius: 50%;
background: #edc46f;
box-shadow: 0 0 12px rgba(239, 196, 111, .6);
animation: scandi-deer-handoff-dot 1.1s ease-in-out infinite;
}
.scandi-deer__handoff-loader span:nth-child(2) { animation-delay: .14s; }
.scandi-deer__handoff-loader span:nth-child(3) { animation-delay: .28s; }
.scandi-deer__section-title--success { text-align: center; }
.scandi-deer__lead-copy--center { margin-bottom: 16px; text-align: center; }
.scandi-deer__secondary {
display: block;
margin-top: 9px;
cursor: pointer;
color: #fff8ea;
background: rgba(255, 255, 255, .06);
font-size: 13px;
font-weight: 600;
text-align: center;
}
.scandi-deer__panel--handoff {
opacity: .14 !important;
pointer-events: none !important;
transform: translateY(-6px) scale(.975) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-panel {
position: fixed !important;
z-index: 2147483002 !important;
right: max(20px, env(safe-area-inset-right)) !important;
bottom: max(20px, env(safe-area-inset-bottom)) !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
width: min(430px, calc(100vw - 40px)) !important;
height: min(650px, calc(100vh - 32px)) !important;
max-height: min(650px, calc(100vh - 32px)) !important;
overflow: hidden !important;
color: #fff7e8 !important;
border: 1px solid rgba(234, 190, 108, .62) !important;
border-radius: 22px !important;
background: radial-gradient(circle at 20% 0%, rgba(197, 142, 57, .24), transparent 36%), linear-gradient(145deg, #2b2118 0%, #19120d 62%, #100c09 100%) !important;
box-shadow: 0 24px 64px rgba(19, 12, 5, .52), inset 0 1px 0 rgba(255, 238, 191, .16) !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(12px) scale(.97) !important;
transition: opacity .24s ease, transform .24s ease, visibility .24s step-end !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-panel.sw-open {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) scale(1) !important;
transition: opacity .24s ease, transform .24s ease !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-header {
display: flex !important;
flex: 0 0 auto !important;
gap: 10px !important;
align-items: center !important;
min-height: 72px !important;
padding: 14px 16px !important;
color: #fff8ea !important;
border-bottom: 1px solid rgba(239, 204, 137, .16) !important;
background: rgba(255, 255, 255, .025) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-header-avatar {
width: 44px !important;
height: 44px !important;
border-radius: 12px !important;
box-shadow: 0 0 12px rgba(236, 185, 91, .28) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-header-brand { color: #fff9ef !important; font-size: 15px !important; font-weight: 700 !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-header-status { color: rgba(255, 247, 232, .64) !important; font-size: 11px !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-header-close { color: #f9e8c7 !important; border: 1px solid rgba(239, 204, 137, .25) !important; border-radius: 50% !important; background: rgba(255,255,255,.07) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-tabs {
display: flex !important;
flex: 0 0 auto !important;
gap: 8px !important;
padding: 10px 14px !important;
border-bottom: 1px solid rgba(239, 204, 137, .13) !important;
background: transparent !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-tab {
flex: 1 1 0 !important;
min-height: 36px !important;
color: rgba(255, 247, 232, .7) !important;
border: 1px solid transparent !important;
border-radius: 10px !important;
background: transparent !important;
font: inherit !important;
font-size: 12px !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-tab.sw-active {
color: #291b0b !important;
border-color: #edc46f !important;
background: linear-gradient(135deg, #f3d48d, #c89135) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-view { flex: 1 1 auto !important; min-height: 0 !important; overflow: hidden !important; background: transparent !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-messages {
flex: 1 1 auto !important;
min-height: 0 !important;
gap: 14px !important;
padding: 18px 16px 20px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
background: transparent !important;
scrollbar-width: thin !important;
scrollbar-color: rgba(239, 204, 137, .28) transparent !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-messages::-webkit-scrollbar { width: 5px !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-messages::-webkit-scrollbar-thumb { background: rgba(239, 204, 137, .28) !important; border-radius: 8px !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg {
width: auto !important;
max-width: 100% !important;
color: #fff8ea !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-bot { align-self: flex-start !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-user { align-self: flex-end !important; max-width: 88% !important; color: #24170a !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-avatar {
width: 30px !important;
height: 30px !important;
margin-top: 3px !important;
border: 1px solid rgba(239,204,137,.38) !important;
box-shadow: 0 3px 10px rgba(0,0,0,.2) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-bot .sw-msg-body { flex: 0 1 auto !important; max-width: calc(100% - 40px) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-bubble {
padding: 13px 15px !important;
font-size: 13.5px !important;
line-height: 1.58 !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-bot .sw-msg-bubble {
color: #fff8eb !important;
border: 1px solid rgba(239,204,137,.22) !important;
border-radius: 5px 16px 16px 16px !important;
background: linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.055)) !important;
box-shadow: 0 7px 22px rgba(0,0,0,.14) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-user .sw-msg-bubble {
color: #24170a !important;
border: 1px solid rgba(255,224,157,.58) !important;
border-radius: 16px 16px 5px 16px !important;
background: linear-gradient(145deg, #f2cf80 0%, #d49b36 100%) !important;
box-shadow: 0 8px 22px rgba(131,82,17,.24) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-meta { color: rgba(255,247,232,.44) !important; padding: 0 5px !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-user .sw-msg-meta { color: rgba(255,239,203,.58) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-link {
margin: 11px 0 3px !important;
padding: 11px 12px !important;
color: #ffe7ad !important;
border-color: rgba(239,196,111,.38) !important;
background: rgba(237,196,111,.09) !important;
box-shadow: none !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-link:hover { border-color: rgba(239,196,111,.7) !important; background: rgba(237,196,111,.14) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-typing { gap: 10px !important; padding: 0 !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-typing-wrap {
gap: 8px !important;
padding: 9px 12px !important;
color: rgba(255,247,232,.65) !important;
border: 1px solid rgba(239,204,137,.18) !important;
border-radius: 5px 14px 14px 14px !important;
background: rgba(255,255,255,.065) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-typing-avatar { width: 30px !important; height: 30px !important; border: 1px solid rgba(239,204,137,.35) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-typing-dots { gap: 4px !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-typing-dots span { width: 5px !important; height: 5px !important; background: #e5ba67 !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-typing-label { color: rgba(255,247,232,.62) !important; font-size: 11px !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-input-area { flex: 0 0 auto !important; gap: 10px !important; padding: 12px 14px 14px !important; border-top: 1px solid rgba(239, 204, 137, .14) !important; background: rgba(255,255,255,.025) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-input {
min-height: 44px !important;
max-height: 112px !important;
padding: 11px 14px !important;
color: #fff8ea !important;
border: 1px solid rgba(239,204,137,.28) !important;
border-radius: 14px !important;
background: rgba(255,255,255,.07) !important;
line-height: 20px !important;
overflow-y: hidden !important;
scrollbar-width: none !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-input::-webkit-scrollbar { display: none !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-input.sw-input-scroll { overflow-y: auto !important; scrollbar-width: thin !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-input.sw-input-scroll::-webkit-scrollbar { display: block !important; width: 4px !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-input.sw-input-scroll::-webkit-scrollbar-thumb { background: rgba(239,204,137,.28) !important; border-radius: 5px !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-input::placeholder { color: rgba(255,247,232,.44) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-send-btn { width: 44px !important; height: 44px !important; color: #281a0b !important; background: linear-gradient(135deg, #f3d48d, #c89135) !important; box-shadow: 0 5px 13px rgba(190,131,36,.2) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-quiz-summary { display: flex !important; flex-direction: column !important; gap: 8px !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-quiz-title { display: flex !important; align-items: center !important; gap: 7px !important; margin-bottom: 2px !important; font-size: 13px !important; font-weight: 800 !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-quiz-title::before { content: "✓"; display: inline-flex; align-items: center; justify-content: center; width: 19px; height: 19px; border-radius: 50%; color: #2b1a08; background: rgba(255,255,255,.48); font-size: 11px; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-quiz-param { padding: 8px 10px !important; border: 1px solid rgba(73,43,8,.13) !important; border-radius: 10px !important; background: rgba(255,255,255,.2) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-quiz-label { display: block !important; margin-bottom: 2px !important; color: rgba(43,26,8,.68) !important; font-size: 10.5px !important; line-height: 1.35 !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-quiz-value { display: block !important; color: #2b1a08 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.38 !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-channels { padding: 12px !important; background: transparent !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-channel,
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-phone-section { color: #fff8ea !important; border: 1px solid rgba(239,204,137,.22) !important; border-radius: 13px !important; background: rgba(255,255,255,.065) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-footer { display: none !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-channel-name {
color: #fff8ea !important;
-webkit-text-fill-color: #fff8ea !important;
font-weight: 700 !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-channel-desc {
color: rgba(255, 247, 232, .62) !important;
-webkit-text-fill-color: rgba(255, 247, 232, .62) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-channel-arrow {
color: rgba(239, 204, 137, .75) !important;
-webkit-text-fill-color: rgba(239, 204, 137, .75) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-phone-section-label,
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-channels-title {
color: rgba(255, 247, 232, .72) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-lead-form {
border: 1px solid rgba(239, 204, 137, .22) !important;
border-radius: 14px !important;
background: rgba(255, 255, 255, .06) !important;
padding: 12px !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-lead-form-title { color: #fff8ea !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-lead-form-copy {
color: rgba(255, 247, 232, .67) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-lead-input {
color: #2b1a08 !important;
background: rgba(255, 255, 255, .92) !important;
border: 1px solid rgba(239, 204, 137, .3) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-lead-input::placeholder { color: rgba(43, 26, 8, .55) !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-lead-skip {
color: rgba(255, 247, 232, .66) !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-lead-skip:hover {
color: #fff8ea !important;
}
.scandi-deer__action-photo {
flex: 0 0 auto;
display: inline-flex;
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
border: 1px solid rgba(239, 204, 137, .45);
box-shadow: 0 6px 16px -10px rgba(0, 0, 0, .8);
}
.scandi-deer__action-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
@keyframes scandi-deer-golden-wave {
0% { opacity: .94; transform: scale(.58); }
55% { opacity: .28; transform: scale(1.55); }
100% { opacity: 0; transform: scale(1.54); }
}
@keyframes scandi-deer-golden-pulse {
0%, 100% { opacity: .44; transform: scale(.72); }
46% { opacity: 1; transform: scale(1.22); }
66% { opacity: .65; transform: scale(.92); }
}
@keyframes scandi-deer-breathe {
0%, 100% { transform: translateY(0) scale(1); }
50% { transform: translateY(-1px) scale(1.012); }
}
@keyframes scandi-deer-view-in {
from { opacity: 0; transform: translateY(7px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes scandi-deer-handoff-dot {
0%, 100% { opacity: .38; transform: translateY(0) scale(.84); }
45% { opacity: 1; transform: translateY(-5px) scale(1.08); }
}
@media (max-width: 768px) {
html body #scandi-widget.scandi-deer-widget-active {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
.scandi-deer {
right: max(11px, env(safe-area-inset-right));
bottom: max(10px, env(safe-area-inset-bottom));
}
.scandi-deer__button {
width: 82px;
height: 90px;
}
.scandi-deer__panel {
bottom: 78px;
width: min(348px, calc(100vw - 22px));
max-height: min(530px, calc(100vh - 102px));
border-radius: 22px;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-panel {
right: max(11px, env(safe-area-inset-right)) !important;
bottom: max(10px, env(safe-area-inset-bottom)) !important;
width: min(430px, calc(100vw - 22px)) !important;
height: min(650px, calc(100vh - 20px)) !important;
max-height: min(650px, calc(100vh - 20px)) !important;
border-radius: 20px !important;
}
}
@media (max-width: 480px) {
.scandi-deer__quick-actions { grid-template-columns: minmax(0, 1fr); }
.scandi-deer__action--compact {
grid-template-columns: 31px minmax(0, 1fr);
gap: 7px;
padding-right: 20px;
}
.scandi-deer__action--compact .scandi-deer__action-icon { width: 30px; height: 30px; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-panel {
right: 0 !important;
bottom: 0 !important;
width: 100vw !important;
height: 100dvh !important;
max-height: 100dvh !important;
border-right: 0 !important;
border-bottom: 0 !important;
border-left: 0 !important;
border-radius: 18px 18px 0 0 !important;
}
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-messages { padding: 16px 12px 20px !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-user { max-width: 92% !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-msg-bubble { font-size: 14px !important; }
html body.scandi-deer-enabled #scandi-widget.scandi-deer-chat-skin .sw-input-area { padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important; }
}
@media (max-width: 350px) {
.scandi-deer__quick-actions { grid-template-columns: minmax(0, 1fr); }
.scandi-deer__action--compact { grid-template-columns: 34px minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
.scandi-deer__button,
.scandi-deer__button:hover,
.scandi-deer__panel,
.scandi-deer__action,
.scandi-deer__channel,
.scandi-deer__option,
.scandi-deer__primary,
.scandi-deer__secondary {
transition: none;
transform: none;
}
.scandi-deer__button::before,
.scandi-deer__button::after,
.scandi-deer__canvas,
.scandi-deer__handoff-loader span {
animation: none;
}
}
.scandi-deer__action--estimate,
.scandi-deer__action--compact { min-height: 78px; }
@media (max-width: 768px) {
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action,
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--compact,
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--estimate {
grid-template-columns: 38px minmax(0, 1fr);
gap: 12px;
min-height: 62px;
padding: 10px 34px 10px 10px;
border-radius: 14px;
}
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action-icon,
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--compact .scandi-deer__action-icon {
width: 38px;
height: 38px;
border-radius: 12px;
}
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action-icon svg { width: 20px; height: 20px; }
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action-photo { width: 38px; height: 38px; }
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action strong,
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--compact strong { font-size: 13.5px; line-height: 1.2; }
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action small,
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--compact small {
margin-top: 2px;
font-size: 11.5px;
line-height: 1.22;
}
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action::after { right: 12px; font-size: 22px; }
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__intro { font-size: 12.5px; line-height: 1.35; }
}
@media (max-width: 768px) {
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action,
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--primary,
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--estimate,
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--compact {
grid-template-columns: 38px minmax(0, 1fr) !important;
gap: 12px !important;
min-height: 62px !important;
padding: 10px 32px 10px 10px !important;
}
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action strong { font-size: 13.5px !important; }
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action small { font-size: 11.5px !important; line-height: 1.22 !important; margin-top: 2px !important; }
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action-icon { width: 38px !important; height: 38px !important; }
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action-photo { width: 38px !important; height: 38px !important; }
}
@media (max-width: 768px) {
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action,
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--primary,
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--estimate,
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action--compact {
min-height: 68px !important;
height: 68px !important;
align-items: center !important;
}
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action small {
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
html body.scandi-deer-enabled .scandi-deer__panel .scandi-deer__action strong {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
body:has(.scandi-drawer[aria-hidden="false"]) .scandi-deer {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(12px) scale(0.94) !important;
transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0.22s !important;
}
@media (max-width: 600px) {
.scandi-deer__button:not(#__x__) {
width: 64px;
height: 70px;
}
.scandi-deer__nudge:not(#__x__) {
right: 68px;
bottom: 15px;
min-height: 38px;
max-width: calc(100vw - 102px);
padding: 9px 12px;
overflow: hidden;
font-size: 11.5px;
text-overflow: ellipsis;
}
.scandi-deer__panel:not(#__x__) { bottom: 62px; }
}
body.fancybox-active .scandi-deer,
body.compensate-for-scrollbar .scandi-deer,
body.scandi-modal-open .scandi-deer,
body.modal-open .scandi-deer {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transition: opacity .18s ease, visibility 0s linear .18s !important;
}
@media (max-width: 900px) {
.scandi-deer__button:not(#__x__) {
transform-origin: 100% 100%;
transition: opacity .2s ease, filter .22s ease;
}
.scandi-deer--scrolling .scandi-deer__button:not(#__x__) {
transform: none;
opacity: .68;
}
.scandi-deer--scrolling .scandi-deer__button::before,
.scandi-deer--scrolling .scandi-deer__button::after,
.scandi-deer--scrolling .scandi-deer__canvas {
animation-play-state: paused;
opacity: .5;
}
.scandi-deer--scrolling .scandi-deer__nudge--visible:not(#__x__) {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateX(8px) scale(.97);
}
}
body.scandi-float-hide .scandi-deer,
body.scandi-lb-open .scandi-deer,
body.scandi-drawer-open .scandi-deer {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(10px) scale(.94) !important;
transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s !important;
}
html body.scandi-float-hide #wpfront-scroll-top-container:not(#__x__):not(#__y__),
html body.scandi-lb-open #wpfront-scroll-top-container:not(#__x__):not(#__y__),
html body.scandi-drawer-open #wpfront-scroll-top-container:not(#__x__):not(#__y__),
html body.fancybox-active #wpfront-scroll-top-container:not(#__x__):not(#__y__),
html body.scandi-modal-open #wpfront-scroll-top-container:not(#__x__):not(#__y__) {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
@media (max-width: 900px) {
html body #wpfront-scroll-top-container:not(#__x__):not(#__y__):not(#__z__) {
right: auto !important;
left: 10px !important;
bottom: 14px !important;
width: 44px !important;
height: 44px !important;
}
html body #wpfront-scroll-top-container:not(#__x__):not(#__y__):not(#__z__)::before {
background-size: 20px 20px !important;
}
}
@media (max-width: 600px) {
.scandi-deer:not(#__x__) {
position: fixed;
top: auto;
left: auto;
right: max(8px, env(safe-area-inset-right));
bottom: max(12px, env(safe-area-inset-bottom));
transform: none;
}
.scandi-deer__button:not(#__x__):not(#__y__) {
width: 54px;
height: 59px;
}
.scandi-deer__nudge:not(#__x__):not(#__y__) {
right: 64px;
bottom: 12px;
}
.scandi-deer__panel:not(#__x__):not(#__y__) { bottom: 54px; }
}
@media (max-width: 900px) {
html body.scandi-totop-idle #wpfront-scroll-top-container:not(#__x__):not(#__y__):not(#__z__) {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(8px) scale(.9) !important;
transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s !important;
}
}
html body .scandi-deer__close:not(#__x__):not(#__y__),
html body .scandi-deer__back:not(#__x__):not(#__y__) {
position: relative !important;
}
html body .scandi-deer__close:not(#__x__):not(#__y__)::after,
html body .scandi-deer__back:not(#__x__):not(#__y__)::after {
content: "" !important;
position: absolute !important;
inset: -7px !important;
}