.tpu{--tpu-green: #023921;--tpu-green-hover: #0a5232;--tpu-blue: #0f70b7;--tpu-blue-hover: #0b5c96;--tpu-ink: #122233;--tpu-soft: #dfecf7;width:min(100% - 32px,560px);max-height:min(100dvh - 32px,760px);margin:auto;padding:0;overflow:auto;border:0;border-radius:24px;background:#fff;box-shadow:0 30px 80px #1222334d;color:var(--tpu-ink);overscroll-behavior:contain}.tpu::backdrop{background:#12223373;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tpu[open]{animation:tpu-in .28s cubic-bezier(.2,.8,.2,1)}.tpu[open]::backdrop{animation:tpu-fade .28s ease}@keyframes tpu-in{0%{opacity:0;transform:translateY(18px) scale(.98)}}@keyframes tpu-fade{0%{opacity:0}}.tpu :is(p,h2,ul,figure,blockquote){margin:0}.tpu__title{color:var(--tpu-ink);font-family:var(--font-heading--family);font-size:clamp(1.45rem,3vw,1.85rem);font-weight:400;line-height:1.15;letter-spacing:0;outline:none}.tpu__title strong{font-weight:700}.tpu__eyebrow{margin-bottom:8px!important;color:var(--tpu-blue);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tpu__button{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;border:2px solid var(--tpu-green);border-radius:12px;background:var(--tpu-green);color:#fff;font:inherit;font-size:1rem;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.tpu__button:hover{border-color:var(--tpu-green-hover);background:var(--tpu-green-hover);box-shadow:0 10px 22px #02392138;transform:translateY(-1px)}.tpu__button--blue{border-color:var(--tpu-blue);background:var(--tpu-blue)}.tpu__button--blue:hover{border-color:var(--tpu-blue-hover);background:var(--tpu-blue-hover);box-shadow:0 10px 22px #0f70b738}.tpu__button--ghost{border-color:#1222332e;background:#fff;color:var(--tpu-ink)}.tpu__button--ghost:hover{border-color:#12223359;background:#fff;box-shadow:none}.tpu__text-button{padding:8px 4px;border:0;background:none;color:#122233b3;font:inherit;font-size:.92rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tpu__close{position:absolute;z-index:2;top:14px;right:14px;display:grid;width:40px;height:40px;padding:0;place-items:center;border:0;border-radius:50%;background:#ffffffeb;box-shadow:0 2px 10px #1222331f;color:var(--tpu-ink);cursor:pointer;transition:transform .16s ease}.tpu__close:hover{transform:rotate(90deg)}.tpu__close svg,.tcb__badge svg,.twp__points svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tpu__stars{position:relative;display:inline-block;font-size:1rem;letter-spacing:1px;line-height:1}.tpu__stars:before{color:#1222332e;content:"\2605\2605\2605\2605\2605"}.tpu__stars:after{position:absolute;top:0;left:0;width:var(--fill);overflow:hidden;color:#f5b301;white-space:nowrap;content:"\2605\2605\2605\2605\2605"}.tcb__dialog{width:min(100% - 32px,600px)}.tcb{display:grid;gap:16px;padding:clamp(24px,4vw,36px)}.tcb[hidden]{display:none}.tcb__head{display:flex;gap:14px;align-items:center}.tcb__badge{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;border-radius:50%;background:var(--tpu-soft);color:var(--tpu-blue)}.tcb__text{display:grid;gap:8px;color:#122233d1;font-size:.95rem;line-height:1.55}.tcb__text p{margin:0}.tcb__links{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.88rem}.tcb__links a,.tcb__link-button{padding:0;border:0;background:none;color:var(--tpu-blue);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tcb__actions{display:flex;gap:10px;margin-top:4px}.tcb__list{display:grid;gap:10px;padding:0;list-style:none}.tcb__row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:14px;background:#eef4fa}.tcb__row label{cursor:pointer}.tcb__row strong{display:block;font-size:.98rem}.tcb__row p{margin-top:2px!important;color:#122233b8;font-size:.84rem;line-height:1.45}.tcb__always{flex:0 0 auto;color:var(--tpu-green);font-size:.8rem;font-weight:700}.tcb__switch{position:relative;flex:0 0 48px;width:48px;height:28px;margin:0;border-radius:999px;background:#12223338;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .16s ease}.tcb__switch:after{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;content:"";transition:transform .16s ease}.tcb__switch:checked{background:var(--tpu-green)}.tcb__switch:checked:after{transform:translate(20px)}.tcb__switch:focus-visible{outline:3px solid var(--tpu-blue);outline-offset:2px}.twp__dialog{width:min(100% - 32px,880px)}.twp{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.twp__media{position:relative;display:grid;align-content:center;justify-items:center;gap:18px;padding:36px 28px;background:radial-gradient(circle at 50% 40%,#fff 0,#fff0 62%),var(--tpu-soft)}.twp__media img{width:100%;max-width:340px;height:auto;animation:tpu-float 6s ease-in-out infinite}@keyframes tpu-float{50%{transform:translateY(-8px)}}.twp__rating{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:#fff;box-shadow:0 6px 18px #1222331a;font-size:.86rem}.twp__content{display:grid;align-content:center;gap:14px;padding:clamp(28px,4vw,44px)}.twp__text{color:#122233c7;font-size:.98rem;line-height:1.55}.twp__points{display:grid;gap:8px;padding:0;list-style:none}.twp__points li{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:start;font-size:.94rem;font-weight:600;line-height:1.4}.twp__points svg{width:26px;height:26px;padding:5px;border-radius:50%;background:#dfecf7;color:var(--tpu-green);stroke-width:2.6}.twp__quote{padding:14px 16px;border-left:4px solid var(--tpu-green);border-radius:0 12px 12px 0;background:#dfecf7}.twp__quote blockquote{padding:0;border:0;color:var(--tpu-green);font-size:1rem;font-weight:700;line-height:1.4}.twp__quote figcaption{margin-top:4px;color:#122233a6;font-size:.78rem}.twp__quote a{color:inherit;font-weight:700}.twp__actions{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-top:4px}.twp__actions .tpu__button{flex:0 0 auto}.tnp__dialog{width:min(100% - 32px,520px);background:var(--tpu-soft)}.tnp{display:grid;justify-items:center;gap:12px;padding:clamp(30px,5vw,44px) clamp(22px,5vw,44px) clamp(24px,4vw,34px);text-align:center}.tnp__headline{color:var(--tpu-green);font-family:var(--font-heading--family);font-size:clamp(2.3rem,7vw,3.2rem);font-weight:800;line-height:1;text-transform:uppercase}.tnp__media{width:min(78%,320px)}.tnp__media img{display:block;width:100%;height:auto;animation:tpu-float 6s ease-in-out infinite}.tnp__subheadline{color:var(--tpu-blue);font-family:var(--font-heading--family);font-size:clamp(1.35rem,4vw,1.75rem);font-weight:800;line-height:1.1;text-transform:uppercase}.tnp__text{max-width:26rem;color:var(--tpu-ink);font-size:1rem;font-weight:600;line-height:1.5}.tnp__form{display:grid;gap:10px;width:100%;margin-top:6px}.tnp__input{width:100%;min-height:54px;padding:12px 16px;border:1.5px solid rgb(18 34 51 / .25);border-radius:12px;background:#fff;color:var(--tpu-ink);font:inherit;font-size:16px}.tnp__input:focus{border-color:var(--tpu-blue);outline:3px solid rgb(15 112 183 / .18)}.tnp__submit{width:100%}.tnp__fineprint{color:#122233a8;font-size:.74rem;line-height:1.45}.tnp__fineprint p{margin:0}.tnp__error{padding:10px 12px;border-radius:10px;background:#fdecec;color:#a02020;font-size:.88rem;font-weight:600}.tnp__success{display:grid;justify-items:center;gap:10px}.tnp__success-title{color:var(--tpu-green);font-size:1.3rem;font-weight:800}.tnp__code{display:flex;gap:14px;align-items:center;justify-content:space-between;width:100%;padding:12px 14px 12px 20px;border:2px dashed var(--tpu-green);border-radius:12px;background:#fff;color:var(--tpu-green);font:inherit;cursor:pointer}.tnp__code-value{font-family:var(--font-heading--family);font-size:1.5rem;font-weight:800;letter-spacing:.06em}.tnp__code-action{padding:6px 12px;border-radius:8px;background:var(--tpu-green);color:#fff;font-size:.82rem;font-weight:700}@media(max-width:749px){.tpu--sheet{width:100%;max-width:100%;max-height:88dvh;margin:auto 0 0;border-radius:22px 22px 0 0}.tpu--sheet[open]{animation:tpu-sheet-in .32s cubic-bezier(.2,.8,.2,1)}@keyframes tpu-sheet-in{0%{transform:translateY(100%)}}.tcb__actions,.tcb__actions--three{flex-direction:column-reverse}.twp{grid-template-columns:1fr}.twp__media{grid-template-columns:96px 1fr;justify-items:start;align-items:center;gap:12px;padding:18px 64px 18px 20px}.twp__media img{width:96px;animation:none}.twp__rating{padding:6px 10px;font-size:.78rem}.twp__content{gap:12px;padding:20px 20px calc(22px + env(safe-area-inset-bottom))}.twp__actions .tpu__button{flex:1 1 100%}.twp__actions .tpu__text-button{margin:0 auto}.tnp{gap:10px;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.tnp__media{width:min(52%,220px)}}@media(prefers-reduced-motion:reduce){.tpu[open],.tpu[open]::backdrop,.twp__media img,.tnp__media img{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/trutz-popups.css.map */