.vel-o,.vel-o *{box-sizing:border-box}
.vel-o{
--vel-o-gap:18px;
position:fixed;
left:var(--vel-o-gap);
bottom:var(--vel-o-gap);
z-index:99990;
font-family:inherit;
color:var(--vel-o-text);
}
.vel-o.is-right{left:auto;right:var(--vel-o-gap)}
.vel-o__launcher{
display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 15px;
border:1px solid rgba(255,255,255,.16);border-radius:999px;background:var(--vel-o-primary);
color:#fff;font:inherit;font-size:14px;font-weight:700;line-height:1;cursor:pointer;
box-shadow:0 9px 27px rgba(20,35,30,.2);
}
.vel-o__spark{color:var(--vel-o-accent);font-size:16px}
.vel-o__launcher:focus-visible,.vel-o__close:focus-visible,.vel-o__item:focus-visible{outline:3px solid var(--vel-o-accent);outline-offset:3px}
.vel-o__teaser{
position:absolute;
left:0;
bottom:58px;
display:flex;
align-items:stretch;
max-width:min(300px,calc(100vw - 28px));
border:1px solid rgba(38,60,53,.12);
border-radius:12px;
background:#fff;
box-shadow:0 12px 34px rgba(24,43,36,.16);
overflow:hidden;
}
.vel-o.is-right .vel-o__teaser{left:auto;right:0}
.vel-o__teaser[hidden]{display:none!important}
.vel-o__teaser-main{
flex:1;
min-height:42px;
padding:9px 11px;
border:0;
background:#fff;
color:var(--vel-o-primary);
text-align:left;
font:inherit;
font-size:12.5px;
font-weight:650;
line-height:1.3;
cursor:pointer;
}
.vel-o__teaser-close{
width:36px;
min-width:36px;
border:0;
border-left:1px solid rgba(38,60,53,.08);
background:#fff;
color:var(--vel-o-primary);
font:inherit;
font-size:18px;
cursor:pointer;
}
.vel-o__teaser-main:focus-visible,.vel-o__teaser-close:focus-visible{outline:3px solid var(--vel-o-accent);outline-offset:-3px}
.vel-o__panel{
position:absolute;left:0;bottom:0;width:330px;max-width:calc(100vw - 28px);padding:18px;
border:1px solid rgba(38,60,53,.12);border-radius:16px;background:var(--vel-o-surface);
box-shadow:0 18px 48px rgba(24,43,36,.2);opacity:0;visibility:hidden;pointer-events:none;
transform:translateY(8px) scale(.985);transform-origin:bottom left;
transition:opacity .17s ease,transform .17s ease,visibility .17s ease;
}
.vel-o.is-right .vel-o__panel{left:auto;right:0;transform-origin:bottom right}
.vel-o.is-open .vel-o__panel{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.vel-o.is-open .vel-o__launcher{visibility:hidden;pointer-events:none}
.vel-o__close{
position:absolute;top:9px;right:9px;width:32px;height:32px;border:0;border-radius:50%;
background:rgba(38,60,53,.08);color:var(--vel-o-primary);font:inherit;font-size:21px;line-height:1;cursor:pointer;
}
.vel-o__media{margin:-4px 38px 12px 0}
.vel-o__media img{display:block;max-width:100%;height:auto;border-radius:10px}
.vel-o__title{margin:0 38px 6px 0;color:var(--vel-o-primary);font-size:19px;line-height:1.2}
.vel-o__description{margin:0 28px 13px 0;font-size:13px;line-height:1.48;opacity:.78}
.vel-o__items{display:grid;gap:7px}
.vel-o__item{
display:flex;align-items:center;gap:9px;width:100%;max-width:100%;min-height:44px;padding:9px 11px;
border:1px solid rgba(38,60,53,.13);border-radius:10px;background:#fff;color:var(--vel-o-primary)!important;
text-align:left;text-decoration:none!important;font:inherit;font-size:13px;font-weight:650;line-height:1.25;cursor:pointer;
}
.vel-o__item:hover{border-color:var(--vel-o-accent);transform:translateX(1px)}
.vel-o__item.is-primary{background:var(--vel-o-primary);border-color:var(--vel-o-primary);color:#fff!important}
.vel-o__item.is-discreet{background:transparent;border-color:transparent;box-shadow:none}
.vel-o__icon{display:grid;place-items:center;width:27px;min-width:27px;height:27px;border-radius:50%;background:rgba(178,138,74,.12);color:var(--vel-o-accent);font-size:14px}
.vel-o__item.is-primary .vel-o__icon{background:rgba(255,255,255,.13);color:#fff}
.vel-o__label{flex:1;min-width:0}
.vel-o__arrow{opacity:.5;font-size:15px}
.vel-o__affiliate{margin:11px 2px 0;font-size:10.5px;line-height:1.4;opacity:.65}
.vel-o__confirmation{padding:22px 6px 8px;text-align:center;font-size:14px;line-height:1.5}
.vel-o__screen[hidden],.vel-o__confirmation[hidden]{display:none!important}
@media(max-width:767px){
.vel-o{--vel-o-gap:12px;bottom:calc(var(--vel-o-gap) + env(safe-area-inset-bottom))}
.vel-o__launcher{min-height:50px;padding:12px 17px;font-size:15.5px;box-shadow:0 10px 31px rgba(20,35,30,.25)}
.vel-o__spark{font-size:18px}
.vel-o__teaser{bottom:62px;max-width:calc(100vw - 24px)}
.vel-o__teaser-main{min-height:46px;font-size:14px}
.vel-o__panel{width:calc(100vw - 24px);max-width:380px;padding:17px;border-radius:16px}
.vel-o__title{font-size:20px}
.vel-o__description{font-size:14px}
.vel-o__item{min-height:50px;padding:11px 12px;font-size:14px}
.vel-o__icon{width:30px;min-width:30px;height:30px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){
.vel-o__panel,.vel-o__item{transition:none!important}
}
.vel-o__item[hidden]{display:none!important} .vel-o[hidden],
.vel-o__screen.is-unavailable{
display:none!important;
}
.vel-o__back{
display:inline-flex;
align-items:center;
gap:6px;
min-height:34px;
margin:0 0 10px;
padding:5px 7px;
border:0;
border-radius:8px;
background:transparent;
color:var(--vel-o-primary);
font:inherit;
font-size:12px;
font-weight:700;
line-height:1;
cursor:pointer;
}
.vel-o__back:hover{background:rgba(38,60,53,.07)}
.vel-o__back:focus-visible{outline:3px solid var(--vel-o-accent);outline-offset:2px}
@media(max-width:767px){
.vel-o__back{min-height:40px;font-size:13px;padding:7px 8px}
}