.klaasje-social{position:relative;z-index:1;overflow:hidden;padding:var(--klaasje-social-top, 72px) 24px var(--klaasje-social-bottom, 88px);background:var(--klaasje-white);scroll-margin-top:var(--klaasje-header-space, 88px)}.klaasje-social--navy{background:var(--klaasje-navy)}.klaasje-social__title{font-family:var(--klaasje-display);font-weight:500;font-size:clamp(40px,8vw,80px);line-height:1.04;letter-spacing:-.02em;text-transform:lowercase;color:var(--klaasje-navy);text-align:center;margin:0 0 32px}.klaasje-social--navy .klaasje-social__title{color:var(--klaasje-white)}klaasje-social-fan{display:block}.klaasje-social__stage{--fan-w: clamp(150px, 22vw, 280px);--fan-h: var(--fan-w);--fan-spread: 1;position:relative;width:100%;touch-action:pan-y;height:calc(var(--fan-h) * 1.3);perspective:calc(var(--fan-w) * 3)}@media(max-width:749px){.klaasje-social__stage{--fan-w: 180px}.klaasje-social{padding-top:calc(var(--klaasje-social-top, 72px) - 46px);padding-bottom:calc(var(--klaasje-social-bottom, 88px) + 46px)}}.klaasje-social__card{position:absolute;left:50%;top:50%;width:var(--fan-w);height:var(--fan-h);margin:calc(var(--fan-h) / -2) 0 0 calc(var(--fan-w) / -2);border-radius:16px;overflow:hidden;background:#f4f4f4;box-shadow:0 18px 28px -8px #193d5338,0 6px 10px -6px #193d5329;text-decoration:none;-webkit-user-select:none;user-select:none;--fx: 0;--fy: 0;--fr: 0;--ft: 0;--fs: 1;transform:translate(calc(var(--fan-w) * var(--fx) * var(--fan-spread)),calc(var(--fan-h) * var(--fy))) translateZ(calc(var(--fan-w) * var(--ft))) rotateY(calc(var(--fr) * 1deg)) scale(var(--fs));backface-visibility:hidden;transition:transform .55s cubic-bezier(.22,1.28,.36,1),opacity .4s ease;will-change:transform}.klaasje-social--navy .klaasje-social__card{box-shadow:0 6px 16px #00000047}.klaasje-social__img,.klaasje-social__card .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.klaasje-social__card .placeholder-svg{background:#e8edf1;fill:#193d5329}.klaasje-social__stage.is-entry .klaasje-social__card{--fx: 0 !important;--fy: 0 !important;--fr: 0 !important;--ft: -2 !important;--fs: 1 !important;opacity:0!important}.klaasje-social__card:nth-child(1){transition-delay:0s}.klaasje-social__card:nth-child(2){transition-delay:.06s}.klaasje-social__card:nth-child(3){transition-delay:.12s}.klaasje-social__card:nth-child(4){transition-delay:.18s}.klaasje-social__card:nth-child(5){transition-delay:.24s}.klaasje-social__card:nth-child(6){transition-delay:.3s}.klaasje-social__card:nth-child(7){transition-delay:.36s}.klaasje-social__caption{position:absolute;left:0;right:0;bottom:0;padding:32px 14px 12px;font-family:var(--klaasje-body);font-weight:700;font-size:12px;letter-spacing:.04em;color:var(--klaasje-white);background:linear-gradient(180deg,#0000,#00000080);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.klaasje-social__type{position:absolute;top:10px;right:10px;z-index:1;display:block;width:22px;height:22px;color:var(--klaasje-white);filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));pointer-events:none}.klaasje-social__type svg{display:block;width:100%;height:100%}.klaasje-social__insta{width:100%;max-width:1100px;margin:8px auto 0;text-align:center}.klaasje-social__insta-kop{display:block;font-family:var(--klaasje-display);font-weight:500;text-transform:lowercase;font-size:clamp(18px,2.5vw,30px);line-height:1;letter-spacing:-.02em;color:var(--klaasje-navy);margin:0;text-wrap:balance}.klaasje-social__insta-regel{display:inline-flex;align-items:center;gap:.5em;margin:12px 0 0;font-family:var(--klaasje-body);font-weight:400;font-size:clamp(14px,1.2vw,16px);line-height:1.3;color:#193d538c;text-decoration:none;transition:color .2s ease}.klaasje-social__insta-link{display:inline-block;color:inherit;text-decoration:none}.klaasje-social__insta-link[href]{cursor:pointer}.klaasje-social__insta-link[href]:hover .klaasje-social__insta-regel{color:var(--klaasje-navy)}.klaasje-social__insta-link:focus-visible{outline:2px solid var(--klaasje-navy);outline-offset:8px;border-radius:var(--klaasje-r-box)}.klaasje-social__insta-icoon{flex:0 0 auto;display:block;width:1.2em;color:inherit}.klaasje-social__insta-icoon svg{display:block;width:100%;height:auto}.klaasje-social--navy .klaasje-social__insta-kop{color:var(--klaasje-white)}.klaasje-social--navy .klaasje-social__insta-regel{color:#ffffffa6}.klaasje-social--navy .klaasje-social__insta-link[href]:hover .klaasje-social__insta-regel{color:var(--klaasje-white)}.klaasje-social--navy .klaasje-social__insta-link:focus-visible{outline-color:var(--klaasje-white)}.klaasje-social__nav{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px}.klaasje-social__pill{display:flex;align-items:center;gap:8px}.klaasje-social__dot{width:5px;height:5px;border-radius:50%;background:#193d532e;transition:background .3s ease}.klaasje-social__dot.is-active{background:var(--klaasje-navy)}.klaasje-social__arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;background:none;color:#193d534d;cursor:pointer;transition:color .25s ease,transform .25s ease}.klaasje-social__arrow:hover{color:var(--klaasje-navy)}.klaasje-social__arrow--prev:hover{transform:translate(-2px)}.klaasje-social__arrow--next:hover{transform:translate(2px)}.klaasje-social__arrow:active{opacity:.6}.klaasje-social__arrow:focus-visible{outline:2px solid var(--klaasje-navy);outline-offset:0;border-radius:999px}.klaasje-social__arrow svg{width:16px;height:16px}.klaasje-social--navy .klaasje-social__dot{background:#ffffff59}.klaasje-social--navy .klaasje-social__dot.is-active{background:var(--klaasje-white)}.klaasje-social--navy .klaasje-social__arrow{color:#ffffff80}.klaasje-social--navy .klaasje-social__arrow:hover{color:var(--klaasje-white)}.klaasje-social__foot{margin-top:32px;text-align:center}@media(prefers-reduced-motion:reduce){.klaasje-social__card{transition:opacity .2s ease;transition-delay:0s!important}}.klaasje-social__hover{display:none}@media(hover:hover)and (pointer:fine){.klaasje-social__hover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;background:#193d538c;color:var(--klaasje-white);font-family:var(--klaasje-body);font-weight:700;font-size:17px;letter-spacing:.02em;opacity:0;transition:opacity .25s ease;pointer-events:none}.klaasje-social__hover svg{width:22px;height:22px;fill:currentColor}.klaasje-social__card:hover .klaasje-social__hover,.klaasje-social__card:focus-visible .klaasje-social__hover{opacity:1}}.klaasje-social__viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px;background:#09161feb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.klaasje-social__viewer-frame{position:relative;display:flex;max-width:min(92vw,520px);max-height:90vh}.klaasje-social__viewer-media{display:block;width:auto;height:auto;max-width:min(92vw,520px);max-height:90vh;border-radius:16px;background:#ffffff0f}.klaasje-social__viewer-media{cursor:pointer}.klaasje-social__viewer-type{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#00000073;color:var(--klaasje-white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.klaasje-social__viewer-type svg{width:22px;height:22px}.klaasje-social__viewer-likes{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;padding:40px 16px 14px;border-radius:0 0 16px 16px;color:var(--klaasje-white);font-family:var(--klaasje-body);font-weight:700;font-size:18px;background:linear-gradient(180deg,#0000,#0000008c);pointer-events:none}.klaasje-social__viewer-likes svg{width:22px;height:22px;fill:currentColor}.klaasje-social__viewer[hidden],.klaasje-social__viewer-pijl[hidden]{display:none}.klaasje-social__viewer-sluit,.klaasje-social__viewer-geluid,.klaasje-social__viewer-pijl{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#00000073;color:var(--klaasje-white);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.klaasje-social__viewer-sluit{top:16px;right:16px}.klaasje-social__viewer-sluit svg{width:22px;height:22px}.klaasje-social__viewer-geluid{top:12px;left:12px}.klaasje-social__viewer-pijl{top:50%;transform:translateY(-50%)}.klaasje-social__viewer-pijl svg{width:24px;height:24px}.klaasje-social__viewer-pijl--vorige{left:24px}.klaasje-social__viewer-pijl--volgende{right:24px}.klaasje-social__viewer-geluid svg{width:22px;height:22px}body.klaasje-social-vast{overflow:hidden}@media(max-width:880px){.klaasje-social__viewer{padding:12px}.klaasje-social__viewer-frame,.klaasje-social__viewer-media{max-width:94vw;max-height:86vh}.klaasje-social__viewer-pijl--vorige{left:8px}.klaasje-social__viewer-pijl--volgende{right:8px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/klaasje-social.css.map */