:root{--kn-navy: #1d2130;--kn-navy-2: #161925;--kn-navy-3: #2a2f3d;--kn-ivory: #f1ead8;--kn-gold: #ddb771;--kn-gold-2: #c79a3c;--kn-lila: #a98bef;--kn-lila-2: #7d5fd6;--kn-size: 52px;--kn-lift: 0px}.kn40{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px) + var(--kn-lift));z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:14px;font-family:var(--font-body--family, Poppins, system-ui, sans-serif);pointer-events:none}.kn40.is-ready{transition:bottom .35s ease}.kn40>*{pointer-events:auto}.kn40[hidden]{display:none}.kn40__btn{position:relative;width:var(--kn-size);height:var(--kn-size);padding:0;margin:0;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:none;color:var(--kn-ivory);-webkit-tap-highlight-color:transparent;transition:transform .25s ease,filter .25s ease}.kn40__btn:hover{transform:translateY(-2px)}.kn40__btn:active{transform:scale(.96)}.kn40__btn:focus{outline:none}.kn40__btn:focus-visible{outline:2px solid var(--kn-gold);outline-offset:4px}.kn40__btn svg{display:block}.kn40__btn[data-tip]:after{content:attr(data-tip);position:absolute;right:calc(100% + 12px);top:50%;transform:translate(6px,-50%);white-space:nowrap;padding:6px 12px;border-radius:999px;background:#161925f0;border:1px solid rgba(221,183,113,.35);color:var(--kn-ivory);font-size:13px;line-height:1.3;letter-spacing:.01em;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.kn40__btn:hover:after,.kn40__btn:focus-visible:after{opacity:1;transform:translateY(-50%)}.kn40.is-open .kn40__sun:after{opacity:0!important}@media(hover:none){.kn40__btn[data-tip]:after{display:none}}.kn40__music{background:radial-gradient(circle at 34% 28%,#ffffff29,#fff0 46%),radial-gradient(circle at 50% 60%,#2a2f3d,#1d2130 62%,#161925);box-shadow:inset 0 0 0 1px #ddb7718c,inset 0 -6px 12px #00000059,0 6px 18px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kn40__music:hover{box-shadow:inset 0 0 0 1px #ddb771e6,inset 0 -6px 12px #00000059,0 8px 22px #0006,0 0 18px #a98bef40}.kn40__play{color:var(--kn-lila);margin-left:3px;filter:drop-shadow(0 0 6px rgba(169,139,239,.45))}.kn40__eq{display:none;gap:3px;align-items:flex-end;height:18px}.kn40__eq i{display:block;width:3px;height:100%;border-radius:2px;background:linear-gradient(to top,var(--kn-lila-2),var(--kn-lila));transform-origin:bottom;transform:scaleY(.35)}.kn40__music.is-playing .kn40__play{display:none}.kn40__music.is-playing .kn40__eq{display:flex}.kn40__music.is-playing .kn40__eq i{animation:kn40-eq 1.1s ease-in-out infinite}.kn40__music.is-playing .kn40__eq i:nth-child(2){animation-duration:.8s;animation-delay:-.3s}.kn40__music.is-playing .kn40__eq i:nth-child(3){animation-duration:1.3s;animation-delay:-.6s}.kn40__music.is-playing .kn40__eq i:nth-child(4){animation-duration:.95s;animation-delay:-.15s}.kn40__ring{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;border:1px solid rgba(169,139,239,.7);opacity:0;pointer-events:none}.kn40__music.is-playing .kn40__ring{animation:kn40-ring 2.8s ease-out infinite}.kn40__music.is-playing .kn40__ring+.kn40__ring{animation-delay:1.4s}.kn40__music.is-remembered:before{content:"";position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--kn-lila);box-shadow:0 0 6px var(--kn-lila)}@keyframes kn40-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes kn40-ring{0%{transform:scale(1);opacity:.75}to{transform:scale(1.55);opacity:0}}.kn40__sun{width:60px;height:60px}.kn40__sun-rays{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--kn-gold);opacity:.8;animation:kn40-spin 60s linear infinite;pointer-events:none}.kn40__sun-core{position:relative;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 36% 32%,#fbe7b4,#ddb771 48%,#c79a3c);box-shadow:0 0 0 1px #ffecbe59 inset,0 0 16px #ddb77173,0 6px 16px #00000059;display:grid;place-items:center;color:#3b2a0c;transition:box-shadow .3s ease}.kn40__sun:hover .kn40__sun-core,.kn40.is-open .kn40__sun-core{box-shadow:0 0 0 1px #ffecbe80 inset,0 0 26px #ddb771b3,0 6px 16px #00000059}.kn40.is-speaking .kn40__sun-rays{animation-duration:8s;opacity:1}.kn40.is-speaking .kn40__sun-core{animation:kn40-glow 1.6s ease-in-out infinite}@keyframes kn40-spin{to{transform:rotate(360deg)}}@keyframes kn40-glow{0%,to{box-shadow:0 0 0 1px #ffecbe66 inset,0 0 14px #ddb77173}50%{box-shadow:0 0 0 1px #ffecbe99 inset,0 0 30px #ddb771d9}}.kn40__panel{position:absolute;right:0;bottom:calc(100% + 12px);width:min(320px,calc(100vw - 40px));max-height:calc(100vh - 170px - var(--kn-lift));max-height:calc(100dvh - 170px - var(--kn-lift));overflow:auto;box-sizing:border-box;padding:18px 18px 16px;border-radius:20px;background:linear-gradient(180deg,#2a2f3df7,#161925fa);border:1px solid rgba(221,183,113,.35);box-shadow:0 18px 48px #00000080;color:var(--kn-ivory);font-size:15px;line-height:1.45;transform-origin:bottom right;animation:kn40-pop .22s ease-out}.kn40__panel[hidden]{display:none}@keyframes kn40-pop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.kn40__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.kn40__title{margin:0;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--kn-gold)}.kn40__x{width:32px;height:32px;border-radius:50%;border:0;padding:0;margin:0;display:grid;place-items:center;cursor:pointer;background:#f1ead80f;color:var(--kn-ivory)}.kn40__x:hover{background:#f1ead81f}.kn40__x:focus-visible,.kn40__item:focus-visible,.kn40__switch:focus-visible,.kn40__stop:focus-visible,.kn40__note a:focus-visible{outline:2px solid var(--kn-gold);outline-offset:2px}.kn40__list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.kn40__item{width:100%;display:flex;align-items:center;gap:12px;padding:11px 14px;margin:0;border:1px solid rgba(241,234,216,.08);border-radius:999px;background:#f1ead80a;color:var(--kn-ivory);font:inherit;font-size:15px;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease}.kn40__item:hover{background:#ddb7711f;border-color:#ddb77173}.kn40__item svg{flex:0 0 auto;color:var(--kn-gold)}.kn40__item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.kn40__stop{display:none;width:100%;margin:10px 0 0;padding:10px 14px;border:0;border-radius:999px;background:var(--kn-gold);color:#1d2130;font:inherit;font-weight:600;font-size:15px;cursor:pointer;align-items:center;justify-content:center;gap:8px}.kn40__stop:hover{background:#e8c788}.kn40.is-speaking .kn40__stop{display:flex}.kn40__status{margin:10px 2px 0;font-size:13.5px;color:#f1ead8cc;min-height:0}.kn40__status:empty{display:none}.kn40__note{margin:10px 0 0;padding:12px 14px;border-radius:14px;background:#ddb77114;border:1px solid rgba(221,183,113,.25);font-size:14px}.kn40__note[hidden]{display:none}.kn40__note p{margin:0 0 8px}.kn40__note a{color:var(--kn-gold);text-decoration:underline;text-underline-offset:3px}.kn40__sep{height:1px;margin:14px 0 12px;background:#f1ead81a;border:0}.kn40__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.kn40__row-text{display:grid;gap:2px}.kn40__row-text b{font-weight:600;font-size:15px}.kn40__row-text small{font-size:12.5px;color:#f1ead8a6}.kn40__switch{position:relative;flex:0 0 auto;width:48px;height:28px;padding:0;margin:0;border:1px solid rgba(221,183,113,.5);border-radius:999px;background:#f1ead814;cursor:pointer;transition:background .2s ease}.kn40__switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--kn-ivory);transition:transform .2s ease,background .2s ease}.kn40__switch[aria-checked=true]{background:var(--kn-gold-2)}.kn40__switch[aria-checked=true]:after{transform:translate(20px);background:#fff}@media(prefers-reduced-motion:reduce){.kn40,.kn40__btn,.kn40__switch:after{transition:none}.kn40__sun-rays,.kn40.is-speaking .kn40__sun-core,.kn40__panel{animation:none!important}.kn40__music.is-playing .kn40__ring{animation:none;opacity:.6;transform:scale(1.12)}.kn40__music.is-playing .kn40__eq i{animation:none;transform:scaleY(.7)}.kn40__music.is-playing .kn40__eq i:nth-child(2){transform:scaleY(1)}.kn40__music.is-playing .kn40__eq i:nth-child(3){transform:scaleY(.5)}}@media(max-width:749px){:root{--kn-size: 48px}.kn40{right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px) + var(--kn-lift));gap:12px}.kn40__sun{width:54px;height:54px}.kn40__sun-core{width:32px;height:32px}}@media print{.kn40{display:none!important}}html:has(#Details-menu-drawer-container[open]) .kn40,html:has(details.menu-drawer-container.menu-open) .kn40{visibility:hidden;pointer-events:none}html.es-kn-blind{font-size:125%}html.es-kn-blind body{background:#0b0d14!important}html.es-kn-blind :is(main,footer){background:#0b0d14!important}html.es-kn-blind :is(main,footer) :where(*:not(img,svg,svg *,video,iframe,picture,canvas)){color:#fff!important;background-color:transparent!important;text-shadow:none!important;-webkit-text-fill-color:currentColor!important}html.es-kn-blind :is(main,footer) :is(h1,h2,h3,h4,h5,h6){color:#ffd98a!important}html.es-kn-blind :is(main,footer) a{color:#ffe08f!important;text-decoration:underline!important;text-underline-offset:3px}html.es-kn-blind :is(main,footer) :is(p,li,dd,dt,td,th,blockquote,label,figcaption){font-size:max(1.125rem,1em)!important;line-height:1.7!important}html.es-kn-blind :is(main,footer) :is(button,.button,[role=button],input,select,textarea){border:2px solid #ffd98a!important}html.es-kn-blind *:focus-visible{outline:3px solid #ffd98a!important;outline-offset:3px!important}html.es-kn-blind :is(main,footer) img{opacity:.9}html.es-kn-blind :is(main,footer){overflow-wrap:break-word}html.es-kn-blind footer :is(.footer-utilities__group-copyright,.footer-utilities__text){white-space:normal!important}html.es-kn-blind .kn40__panel{font-size:17px;background:#000;border-color:#ffd98a}html.es-kn-blind .kn40__item{font-size:17px;border-color:#fff6}
/*# sourceMappingURL=/cdn/shop/t/48/assets/es40-knoepfe.css.map */