.glx-grav{position:relative;z-index:1}.glx-grav__stage{--s: 1;position:relative;aspect-ratio:1 / .86;border-radius:var(--glx-r-lg);background:radial-gradient(120% 90% at 50% 20%,#fbf8f2,#efe7da 70%,#e6dccb);overflow:hidden;perspective:1400px;perspective-origin:50% 20%;box-shadow:0 30px 60px -30px #000000a6;transition:box-shadow .4s ease}.glx-grav.is-drag .glx-grav__stage{box-shadow:0 0 0 3px var(--glx-honey),0 30px 60px -30px #000000a6}.glx-box{--w: 330px;--d: 240px;--h: 92px;--lid: 30px;position:absolute;left:50%;top:56%;width:0;height:0;transform:scale(var(--s));transform-style:preserve-3d}.glx-box__shadow{position:absolute;left:calc(var(--w) * -.62);top:calc(var(--h) * .2);width:calc(var(--w) * 1.24);height:calc(var(--d) * .62);border-radius:50%;background:radial-gradient(closest-side,rgba(43,33,26,.38),rgba(43,33,26,.12) 60%,transparent);filter:blur(6px);transform:rotateX(0)}.glx-box__body{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:rotateX(-34deg) rotateY(var(--ry, -26deg));transition:transform .9s var(--glx-ease)}.glx-box__face{position:absolute;overflow:hidden;backface-visibility:hidden}.glx-box__top{width:var(--w);height:var(--d);left:calc(var(--w) / -2);top:calc(var(--d) / -2);transform:translateY(calc(var(--h) / -2)) rotateX(90deg);border-radius:6px}.glx-box__front{width:var(--w);height:var(--h);left:calc(var(--w) / -2);top:calc(var(--h) / -2);transform:translateZ(calc(var(--d) / 2));border-radius:0 0 4px 4px}.glx-box__side{width:var(--d);height:var(--h);left:calc(var(--d) / -2);top:calc(var(--h) / -2);transform:rotateY(90deg) translateZ(calc(var(--w) / 2));border-radius:0 0 4px 4px}.glx-box__tex{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .5s ease}.glx-box__tex--zwart{opacity:0}.glx-grav[data-kleur=zwart] .glx-box__tex--zwart{opacity:1}.glx-grav[data-kleur=zwart] .glx-box__tex--naturel{opacity:0}.glx-box__strip{position:absolute;overflow:hidden;background-repeat:no-repeat}.glx-grav .glx-box__strip,.glx-grav .glx-box__shadow{display:block}.glx-box__front .glx-box__tex{filter:brightness(.9)}.glx-box__side .glx-box__tex{filter:brightness(.8)}.glx-box__top .glx-box__tex--naturel{filter:brightness(1.28) saturate(1.12)}.glx-box__front .glx-box__tex--naturel{filter:brightness(1.1) saturate(1.1)}.glx-box__side .glx-box__tex--naturel{filter:brightness(.95) saturate(1.1)}.glx-box__top:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(160deg,rgba(255,255,255,.16),transparent 45%,rgba(0,0,0,.08));box-shadow:inset 0 0 0 1.5px #ffffff2e,inset 0 -3px 4px #00000024,inset 3px 0 4px #ffffff14}.glx-box__front:after,.glx-box__side:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.glx-box__front:after{background:linear-gradient(#0000 0 calc(var(--lid) - 1px),#0000006b calc(var(--lid) - 1px) calc(var(--lid) + 1px),#ffffff1a calc(var(--lid) + 1px) calc(var(--lid) + 2px),#0000 calc(var(--lid) + 2px)),linear-gradient(#0000000f,#0000002e)}.glx-box__side:after{background:linear-gradient(#0000 0 calc(var(--lid) - 1px),#00000080 calc(var(--lid) - 1px) calc(var(--lid) + 1px),#0000 calc(var(--lid) + 1px)),linear-gradient(90deg,#00000047,#0006)}.glx-grav[data-kleur=zwart] .glx-box__top:after{background:linear-gradient(160deg,rgba(255,255,255,.12),transparent 45%,rgba(0,0,0,.2));box-shadow:inset 0 0 0 1.5px #ffffff1a,inset 0 -3px 4px #0006}.glx-box__ink{position:absolute;left:18%;right:18%;top:24%;bottom:24%;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;mix-blend-mode:multiply}.glx-grav[data-kleur=zwart] .glx-box__ink{mix-blend-mode:screen}.glx-grav__tekst{display:block;font-family:var(--glx-display);font-weight:500;line-height:1.05;letter-spacing:.03em;white-space:nowrap;color:#603a1ab8;text-shadow:0 1px .5px rgba(255,240,210,.4),0 -.5px .5px rgba(60,30,10,.3);transition:color .5s ease}.glx-grav__tekst small{display:block;margin-top:.35em;font-family:var(--font-body-family);font-weight:600;font-size:.3em;letter-spacing:.32em;text-transform:uppercase}.glx-grav[data-kleur=zwart] .glx-grav__tekst{color:#c98d62;text-shadow:0 0 4px rgba(201,141,98,.25)}.glx-grav__logo{display:block;width:100%;height:100%;object-fit:contain;opacity:.74;filter:invert(var(--inv, 0)) grayscale(1) contrast(2.2) sepia(.55) hue-rotate(-12deg) saturate(1.3)}.glx-grav[data-kleur=zwart] .glx-grav__logo{opacity:.95;filter:invert(calc(1 - var(--inv, 0))) grayscale(1) contrast(2) brightness(.74) sepia(1) hue-rotate(-18deg) saturate(1.6)}.glx-grav__logo[hidden],.glx-grav.has-logo .glx-grav__tekst{display:none}.glx-grav-upload{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;margin-top:.4rem}.glx-grav-upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.glx-lid-form .glx-grav-upload__btn{display:inline-flex;align-items:center;gap:.8rem;height:4.4rem;padding:0 1.8rem;border-radius:100px;background:transparent;box-shadow:inset 0 0 0 1px #f4efe659;color:var(--glx-cream);font:600 1.35rem var(--font-body-family);text-transform:none;letter-spacing:.01em;cursor:pointer;transition:background .3s ease,color .3s ease,box-shadow .3s ease}.glx-grav-upload__btn svg{width:1.6rem;height:1.6rem}.glx-grav-upload input:focus-visible+.glx-grav-upload__btn{outline:2px solid var(--glx-honey);outline-offset:2px}@media(hover:hover){.glx-lid-form .glx-grav-upload__btn:hover{background:var(--glx-honey);color:var(--glx-ink);box-shadow:none}}.glx-grav-upload__hint{font-size:1.2rem;color:#f4efe68c}.glx-grav-upload__file{display:none;align-items:center;gap:1rem;font-size:1.3rem;color:#f4efe6db}.glx-grav-upload.has-file .glx-grav-upload__file{display:inline-flex}.glx-grav-upload.has-file .glx-grav-upload__hint{display:none}.glx-grav-upload__file span{max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glx-grav-upload__file button{padding:0;border:0;background:none;color:var(--glx-honey);font:600 1.25rem var(--font-body-family);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.glx-grav-upload__fout{width:100%;margin:0;font-size:1.25rem;color:#f0a07a}@media(prefers-reduced-motion:reduce){.glx-box__body,.glx-box__tex{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/glx-gravure.css.map */