.qsw{--qsw-surface: #faf5ee;--qsw-on-surface: #0f0f0e;--qsw-track: #e4dacb;--qsw-arc: #639332;--qsw-accent: #ffd447;--qsw-on-accent: #0f0f0e;--qsw-badge: #639332;--qsw-size: 52px;--qsw-inset: 22px;--qsw-bottom: var(--qsw-inset);position:fixed;left:var(--qsw-inset);right:auto;bottom:var(--qsw-bottom);z-index:40;display:flex;align-items:center;font-family:inherit;opacity:0;visibility:hidden;transform:translateY(14px) scale(.9);transition:opacity .32s ease,transform .42s cubic-bezier(.2,.8,.25,1),visibility .32s;pointer-events:none}.qsw[data-visible=true]{opacity:1;visibility:visible;transform:none;pointer-events:auto}.qsw[data-dismissed=true]{display:none}.qsw__btn{-webkit-appearance:none;appearance:none;border:1px solid #0f0f0e;margin:0;padding:0;background:var(--qsw-surface);color:var(--qsw-on-surface);border-radius:999px;box-shadow:3px 3px 0 0 var(--qsw-on-accent);display:grid;grid-auto-flow:column;grid-template-columns:0fr auto;align-items:center;max-width:calc(100vw - (var(--qsw-inset) * 2));cursor:pointer;text-decoration:none;font:inherit;overflow:hidden;transition:grid-template-columns .55s cubic-bezier(.2,.8,.25,1),border-radius .45s cubic-bezier(.2,.8,.25,1),background-color .45s ease,color .45s ease,box-shadow .12s ease,transform .12s ease}.qsw__btn:active{transform:translate(2px,2px);box-shadow:2px 2px #0f0f0e}.qsw__btn:focus-visible{outline:3px solid var(--qsw-accent);outline-offset:3px}.qsw__label{display:block;min-width:0;overflow:hidden;opacity:0;transition:opacity .3s ease .12s}.qsw__label-in{display:block;padding:0 8px 0 20px;font-size:12.2px;font-weight:800;line-height:1.25;letter-spacing:.65px;text-transform:uppercase;white-space:nowrap}.qsw[data-state=ready] .qsw__label-in{white-space:normal;max-width:min(34ch,calc(100vw - var(--qsw-size) - (var(--qsw-inset) * 2) - 36px))}.qsw__ring{position:relative;flex:0 0 auto;width:var(--qsw-size);height:var(--qsw-size);display:grid;place-items:center}.qsw__ring svg:not(.qsw__icon){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.qsw__track-c{fill:none;stroke:var(--qsw-track);stroke-width:3.5}.qsw__fill-c{fill:transparent;stroke:var(--qsw-arc);stroke-width:3.5;stroke-linecap:butt;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .18s linear,stroke .45s ease,fill .45s ease,r .45s cubic-bezier(.2,.8,.25,1)}.qsw__pct{position:relative;font-size:11.5px;font-weight:800;letter-spacing:.2px;font-variant-numeric:tabular-nums;transition:opacity .22s ease,transform .28s ease}.qsw__icon{position:absolute;width:15px;height:15px;opacity:0;transform:scale(.5);transition:opacity .3s ease .1s,transform .45s cubic-bezier(.2,1.4,.4,1) .1s}.qsw[data-state=ready] .qsw__btn{background:var(--qsw-accent);color:var(--qsw-on-accent);grid-template-columns:1fr auto;border-radius:0;box-shadow:4px 4px 0 0 var(--qsw-on-accent);animation:qsw-pop .6s cubic-bezier(.2,.9,.3,1.2)}.qsw[data-state=ready] .qsw__label{opacity:1}.qsw[data-state=ready] .qsw__pct{opacity:0;transform:scale(.6)}.qsw[data-state=ready] .qsw__icon{opacity:1;transform:none;color:#fff}.qsw[data-state=ready] .qsw__fill-c{fill:var(--qsw-badge);stroke:transparent;r:20}.qsw[data-state=ready] .qsw__track-c{stroke:transparent}@keyframes qsw-pop{0%{transform:scale(1)}38%{transform:scale(1.05)}to{transform:scale(1)}}.qsw__close{position:absolute;top:-7px;left:-7px;right:auto;width:22px;height:22px;border-radius:50%;border:1px solid #0f0f0e;padding:0;background:#faf5ee;color:#0f0f0e;font-size:14px;line-height:1;display:grid;place-items:center;cursor:pointer;opacity:0;transform:scale(.7);transition:opacity .2s ease,transform .2s ease}.qsw:hover .qsw__close,.qsw:focus-within .qsw__close{opacity:1;transform:none}.qsw__close:focus-visible{outline:2px solid var(--qsw-accent);outline-offset:2px;opacity:1;transform:none}@media(max-width:749px){.qsw{--qsw-size: 46px;--qsw-inset: 14px;--qsw-bottom: calc(var(--qsw-inset) + 4.5rem)}.qsw__pct{font-size:10.5px}.qsw__icon{width:13.5px;height:13.5px}.qsw__label-in{font-size:11.4px;padding-left:16px}}@media(prefers-reduced-motion:reduce){.qsw,.qsw__btn,.qsw__label,.qsw__pct,.qsw__icon,.qsw__fill-c{transition-duration:.01ms!important}.qsw[data-state=ready] .qsw__btn{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/319/assets/quiz-scroll-widget.css.map */
