.vibrance-experience{position:relative;width:100%;margin:0;padding:0;overflow:hidden;background:radial-gradient(circle at 8% 10%,rgba(255,127,162,.42) 0%,transparent 28%),radial-gradient(circle at 92% 13%,rgba(104,190,220,.44) 0%,transparent 30%),radial-gradient(circle at 75% 72%,rgba(193,169,226,.3) 0%,transparent 34%),linear-gradient(125deg,#f7b6c8,#d9c4ea 35%,#a8d5df 68%,#b7d9cb)}.vibrance-intro{position:relative;padding:90px 24px 38px;text-align:center}.vibrance-intro__inner{max-width:820px;margin:0 auto}.vibrance-intro__eyebrow{margin:0 0 20px;color:#252525;font-size:13px;font-weight:700;line-height:1;letter-spacing:.2em;text-transform:uppercase}.vibrance-intro__title{margin:0;color:#fff;font-size:clamp(54px,9vw,105px);font-weight:800;line-height:.88;letter-spacing:-.055em}.vibrance-intro__tm{position:relative;display:inline-block;top:.08em;margin-left:5px;font-size:.2em;line-height:1;vertical-align:top;letter-spacing:0}.vibrance-intro__subtitle{margin:22px 0 0;color:#252525;font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1.1;letter-spacing:-.025em}.vibrance-intro__copy{max-width:650px;margin:28px auto 0;color:#252525;font-size:18px;line-height:1.6}.vibrance-intro__divider{width:42px;height:3px;margin:30px auto 0;border-radius:999px;background:#252525}.vibrance-intro__cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:20px;padding:13px 22px;border-radius:999px;background:#ffffffd6;color:#252525;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1;letter-spacing:.14em;box-shadow:0 8px 24px #2525251a;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.vibrance-reader{position:relative;width:100%;box-sizing:border-box;padding:8px 18px 60px}.vibrance-reader__heading{margin-bottom:20px;text-align:center}.vibrance-reader__eyebrow{margin:0;color:#252525;font-size:11px;font-weight:700;line-height:1;letter-spacing:.22em;text-transform:uppercase}.vibrance-reader__headline{margin:10px 0 0;color:#252525;font-size:clamp(21px,2vw,28px);line-height:1.1;font-weight:700;letter-spacing:-.025em}.vibrance-reader__loading{display:flex;justify-content:center;padding:20px 20px 50px}.vibrance-reader__loading-card{width:min(420px,92vw);box-sizing:border-box;padding:20px 22px;border:1px solid rgba(255,255,255,.6);border-radius:20px;background:#ffffff85;box-shadow:0 12px 40px #1e1e1e14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.vibrance-reader__loading-spinner{width:22px;height:22px;margin-bottom:15px;border:2px solid rgba(37,37,37,.15);border-top-color:#252525;border-radius:50%;animation:vibrance-spin .8s linear infinite}@keyframes vibrance-spin{to{transform:rotate(360deg)}}.vibrance-reader__loading-copy{display:flex;flex-direction:column;gap:5px}.vibrance-reader__loading-title{color:#252525;font-size:15px;font-weight:700}.vibrance-reader__loading-status{display:block;margin-top:4px;color:#2525259e;font-size:12px;font-weight:500}.vibrance-reader__progress{position:relative;width:100%;height:4px;margin-top:18px;overflow:hidden;border-radius:999px;background:#2525251a}.vibrance-reader__progress-bar{display:block;width:0%;height:100%;border-radius:inherit;background:#252525;transition:width .18s ease}.vibrance-reader__stage{position:relative;width:100%;min-height:0;overflow:visible}.vibrance-reader__stage-inner{position:relative;width:min(1840px,98vw);margin:0 auto;display:flex;align-items:center;justify-content:center;padding:18px 0 24px;box-sizing:border-box}.vibrance-reader__book{position:relative;margin:0 auto;filter:drop-shadow(0 28px 38px rgba(20,20,20,.15))}.vibrance-reader__book canvas{display:block;border-radius:6px;image-rendering:auto}.vibrance-experience.vibrance-single-page .vibrance-reader__stage-inner{width:100%;max-width:100%;padding:12px 16px 18px}.vibrance-experience.vibrance-single-page .vibrance-reader__book{width:min(88vw,760px);max-width:760px;margin:0 auto;perspective:2200px;filter:drop-shadow(0 22px 34px rgba(25,25,25,.15))}.vibrance-single-viewer{position:relative;width:100%;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 4px 10px #14141412;perspective:2200px;transform-style:preserve-3d}.vibrance-single-under-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;object-fit:contain;background:#fff;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.vibrance-single-sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;transform:rotateY(0) translateZ(1px);transform-style:preserve-3d;backface-visibility:visible;will-change:transform;pointer-events:none}.vibrance-single-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden}.vibrance-single-face img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.vibrance-single-front{transform:rotateY(0)}.vibrance-single-back{transform:rotateY(180deg);filter:brightness(.96)}.vibrance-single-turn-shadow{position:absolute;z-index:20;top:0;bottom:0;right:0;width:32%;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#0003);filter:blur(1px);backface-visibility:hidden}.vibrance-single-sheet.turn-next{transform-origin:left center;animation:vibrance-curl-next .68s cubic-bezier(.35,0,.2,1) forwards}.vibrance-single-sheet.turn-next .vibrance-single-turn-shadow{animation:vibrance-shadow-next .68s ease forwards}@keyframes vibrance-curl-next{0%{transform:perspective(2200px) rotateY(0) translateZ(1px) skewY(0)}20%{transform:perspective(2200px) rotateY(-28deg) translateZ(18px) skewY(-.3deg)}48%{transform:perspective(2200px) rotateY(-82deg) translateZ(34px) skewY(-.7deg)}70%{transform:perspective(2200px) rotateY(-132deg) translateZ(20px) skewY(-.4deg)}to{transform:perspective(2200px) rotateY(-180deg) translateZ(0) skewY(0)}}@keyframes vibrance-shadow-next{0%{opacity:0;width:10%}32%{opacity:.35;width:22%}58%{opacity:.52;width:38%}to{opacity:0;width:10%}}.vibrance-single-sheet.prepare-prev{transform:perspective(2200px) rotateY(-180deg)}.vibrance-single-sheet.turn-prev{transform-origin:left center;animation:vibrance-curl-prev .68s cubic-bezier(.35,0,.2,1) forwards}.vibrance-single-sheet.turn-prev .vibrance-single-turn-shadow{animation:vibrance-shadow-prev .68s ease forwards}@keyframes vibrance-curl-prev{0%{transform:perspective(2200px) rotateY(-180deg) translateZ(0)}30%{transform:perspective(2200px) rotateY(-132deg) translateZ(20px) skewY(.4deg)}55%{transform:perspective(2200px) rotateY(-82deg) translateZ(34px) skewY(.7deg)}80%{transform:perspective(2200px) rotateY(-28deg) translateZ(18px) skewY(.3deg)}to{transform:perspective(2200px) rotateY(0) translateZ(1px)}}@keyframes vibrance-shadow-prev{0%{opacity:0}40%{opacity:.5}70%{opacity:.3}to{opacity:0}}.vibrance-single-viewer:after{content:"";position:absolute;z-index:30;top:0;bottom:0;left:0;width:14px;pointer-events:none;background:linear-gradient(90deg,#00000014,#0000);opacity:.45}.vibrance-reader__controls{margin-top:8px}.vibrance-reader__controls:not([hidden]){display:flex;align-items:center;justify-content:center;gap:14px}.vibrance-reader__nav{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.54);border-radius:50%;color:#252525;font-size:21px;line-height:1;cursor:pointer;box-shadow:0 8px 24px #1e1e1e17;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.vibrance-reader__prev{background:#f5a9c0db}.vibrance-reader__next{background:#99cfdce0}.vibrance-reader__nav:disabled{opacity:.26;cursor:default}.vibrance-reader__control-panel{display:flex;align-items:center;gap:10px;min-height:48px;padding:5px 6px 5px 15px;border:1px solid rgba(255,255,255,.56);border-radius:999px;background:#ffffffa3;box-shadow:0 8px 26px #1e1e1e14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.vibrance-reader__page-status{display:flex;align-items:center;gap:4px;min-width:65px;color:#252525;font-size:13px;font-weight:700}.vibrance-reader__separator{opacity:.34}.vibrance-reader__jump{display:flex;align-items:center;gap:6px;margin:0}.vibrance-reader__jump-label{color:#252525a3;font-size:11px;font-weight:600}.vibrance-reader__jump-input{width:54px;height:36px;box-sizing:border-box;padding:0 8px;border:1px solid rgba(37,37,37,.09);border-radius:999px;outline:none;background:#ffffffbd;color:#252525;text-align:center;font-size:13px;font-weight:700;-moz-appearance:textfield}.vibrance-reader__jump-input::-webkit-inner-spin-button,.vibrance-reader__jump-input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.vibrance-reader__go{height:36px;padding:0 14px;border:0;border-radius:999px;background:#252525;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.vibrance-reader__hint{margin:10px 0 0;text-align:center;color:#2525258f;font-size:10px;font-weight:600}@media screen and (orientation:landscape)and (max-width:1366px){.vibrance-experience.vibrance-single-page .vibrance-reader__book{width:min(54vw,680px);max-width:680px}}@media screen and (max-width:749px){.vibrance-intro{padding:68px 20px 30px}.vibrance-intro__title{font-size:clamp(50px,18vw,74px)}.vibrance-intro__subtitle{margin-top:16px;font-size:25px}.vibrance-intro__copy{margin-top:24px;font-size:16px}.vibrance-reader{padding:4px 4px 32px}.vibrance-reader__heading{margin-bottom:10px}.vibrance-reader__headline{font-size:20px}.vibrance-reader__stage-inner{width:100%;padding:8px 5px 12px}.vibrance-experience.vibrance-single-page .vibrance-reader__book{width:94vw;max-width:94vw}.vibrance-reader__controls:not([hidden]){gap:8px}.vibrance-reader__nav{width:44px;height:44px;font-size:19px}.vibrance-reader__control-panel{min-height:44px;gap:6px;padding:4px 5px 4px 11px}.vibrance-reader__page-status{min-width:54px;font-size:12px}.vibrance-reader__jump-label{display:none}.vibrance-reader__jump-input{width:44px;height:34px;padding:0 5px;font-size:12px}.vibrance-reader__go{height:34px;padding:0 10px;font-size:9px}}@media(prefers-reduced-motion:reduce){.vibrance-reader__loading-spinner{animation:none}.vibrance-single-sheet.turn-next,.vibrance-single-sheet.turn-prev{animation-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/vibrance-flipbook.css.map */