.ubs-storybook{position:relative;max-width:var(--ubs-width);margin:auto;color:var(--ubs-ink)}.ubs-storybook-stage{position:relative;display:grid;touch-action:pan-y;isolation:isolate;background:var(--ubs-paper);box-shadow:0 1px #c9b99d,0 4px 0 -1px #eee2cc,0 5px 0 -1px #c9b99d;overflow:hidden}.ubs-storybook-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.ubs-org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23735f42' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.ubs-storybook-sheet{grid-area:1/1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:590px;padding:35px 9% 55px;background:var(--ubs-paper);visibility:hidden;pointer-events:none;opacity:0}.ubs-storybook-sheet.ubs-is-current{visibility:visible;opacity:1;pointer-events:auto;z-index:1}.ubs-storybook-sheet.ubs-is-turning{visibility:visible;opacity:1;z-index:2;animation:ubs-paper-reveal .68s cubic-bezier(.3,0,.25,1) forwards;pointer-events:none}.ubs-storybook-sheet.ubs-is-turning:after{content:"";position:absolute;inset:0 0 0 auto;width:32px;background:linear-gradient(90deg,transparent,#f1e5cf);box-shadow:-10px 0 16px #81694b18;animation:ubs-paper-edge .68s ease-in forwards}.ubs-journal-drawing{position:relative;width:280px;height:280px;overflow:hidden;flex-shrink:0;transform-origin:50% 90%}.ubs-journal-drawing img{display:block;width:300%;max-width:none;height:100%;object-fit:fill;position:relative}.ubs-drawing-pearl img,.ubs-drawing-box img{left:-200%}.ubs-journal-words{position:relative;text-align:center;margin-top:22px;max-width:600px;z-index:3;transform:rotate(-1deg)}.ubs-journal-words h3{font-family:Unround Notes,cursive;font-weight:400;letter-spacing:0;color:var(--ubs-ink)}.ubs-journal-words h3{font-size:35px;line-height:1.25;margin-bottom:12px}.ubs-journal-words p{font-family:Unround Story Sans,Arial,sans-serif;font-size:18px;line-height:1.75;color:var(--ubs-ink);max-width:440px;margin:auto;text-wrap:pretty}.ubs-journal-folio{position:absolute;bottom:18px;right:28px;font-family:Unround Notes,cursive;font-size:19px;color:#746047;letter-spacing:2px}.ubs-book-navigation{display:flex;justify-content:center;gap:8px;margin-top:13px}.ubs-book-line{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent}.ubs-book-line-track{display:block;width:30px;height:2px;background:#c4b396;position:relative;overflow:hidden}.ubs-book-line-fill{display:block;height:100%;width:100%;background:#674b39;transform:scaleX(0);transform-origin:left}.ubs-book-line.ubs-active .ubs-book-line-fill{animation:ubs-book-progress linear forwards}.ubs-storybook.ubs-is-paused .ubs-book-line.ubs-active .ubs-book-line-fill{animation:none;transform:scaleX(1)}.ubs-book-line:hover .ubs-book-line-track{background:#9b8260}.ubs-book-line:focus-visible{outline:2px solid #674b39;outline-offset:0}.ubs-turn-back .ubs-storybook-sheet.ubs-is-turning{animation-name:ubs-ubs-paper-reveal-back}@keyframes ubs-paper-reveal{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}@keyframes ubs-ubs-paper-reveal-back{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}@keyframes ubs-paper-edge{0%{right:0}to{right:100%}}@keyframes ubs-book-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:no-preference){.ubs-is-current .ubs-drawing-plant{animation:ubs-fern-breathe 6s ease-in-out infinite}.ubs-is-current .ubs-drawing-pearl{animation:ubs-pearl-sway 7s ease-in-out infinite}.ubs-is-current .ubs-drawing-box{animation:ubs-box-settle 1.4s ease-out both}@keyframes ubs-fern-breathe{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes ubs-pearl-sway{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes ubs-box-settle{0%{transform:translateY(5px);opacity:.6}to{transform:none;opacity:1}}}@media(max-width:767px){.ubs-storybook-sheet{min-height:570px;padding:32px 25px 50px}.ubs-journal-drawing{width:220px;height:220px}.ubs-journal-words{margin-top:23px}.ubs-journal-words h3{font-size:29px;margin-bottom:15px}.ubs-journal-words p{font-size:16px;line-height:1.7}.ubs-journal-folio{right:20px;font-size:17px}.ubs-book-navigation{margin-top:8px}.ubs-brand-section .ubs-section-title{margin-bottom:26px}}@media(prefers-reduced-motion:reduce){.ubs-storybook-sheet.ubs-is-turning{visibility:hidden}.ubs-book-line.ubs-active .ubs-book-line-fill{transform:scaleX(1)}}.ubs-journal-drawing{width:310px;height:310px}.ubs-storybook-sheet{min-height:540px}.ubs-drawing-pearl img{filter:contrast(1.08) saturate(1.08);z-index:1}.ubs-story-sentence{display:block}.ubs-story-sentence+.ubs-story-sentence{margin-top:3px}.ubs-journal-words{transform:none}.ubs-journal-words p{max-width:480px}.ubs-pencil-circle{position:absolute;z-index:0;left:28px;top:103px;width:170px;height:170px;border:1.5px solid #796b56;border-radius:50%;transform:rotate(-7deg)}.ubs-pencil-circle:after{content:"";position:absolute;top:2px;right:-2px;bottom:-1px;left:1px;border:1px solid #796b5660;border-radius:50%;transform:rotate(3deg)}@media(prefers-reduced-motion:no-preference){.ubs-is-current .ubs-pencil-circle{animation:ubs-draw-circle 2.4s ease-out both}.ubs-is-current .ubs-drawing-box{animation:ubs-box-breathe 6s ease-in-out infinite}@keyframes ubs-draw-circle{0%{clip-path:inset(0 100% 0 0);opacity:.3}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes ubs-box-breathe{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}}@media(max-width:767px){.ubs-storybook-sheet{padding-left:20px;padding-right:20px;min-height:470px}.ubs-journal-drawing{width:240px;height:240px}.ubs-journal-words h3{font-size:29px}.ubs-journal-words p{font-size:15px;line-height:1.75;max-width:290px}.ubs-story-sentence+.ubs-story-sentence{margin-top:8px}.ubs-pencil-circle{left:20px;top:80px;width:132px;height:132px}}.ubs-section{padding:var(--ubs-top) 6% var(--ubs-bottom);background:var(--ubs-background);color:var(--ubs-ink)}.ubs-section *{box-sizing:border-box}.ubs-inner{max-width:var(--ubs-width);margin:auto}.ubs-heading{display:flex;align-items:center;gap:13px;font-family:Unround Story Sans,Arial,sans-serif;font-weight:700;font-size:var(--ubs-heading-size);line-height:1.3;margin:0 0 40px;letter-spacing:-.02em}.ubs-heading img{width:31px;height:39px;object-fit:contain}.ubs-storybook{display:block}.ubs-journal-words h3{font-size:var(--ubs-title);margin:0 0 12px;text-wrap:balance}.ubs-journal-words p{font-size:var(--ubs-body);margin:0 auto;letter-spacing:0}.ubs-journal-drawing img{width:300%;height:100%;max-width:none}.ubs-journal-drawing.ubs-custom img{width:100%;left:0;object-fit:contain}.ubs-drawing-plant img{left:0}.ubs-motion-off .ubs-journal-drawing,.ubs-motion-off .ubs-pencil-circle{animation:none!important}.ubs-book-line{cursor:pointer;min-width:44px;min-height:44px}.ubs-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ubs-no-autoplay .ubs-book-line.ubs-active .ubs-book-line-fill{animation:none;transform:scaleX(1)}@media(max-width:767px){.ubs-section{padding:var(--ubs-mobile-padding) 24px}.ubs-heading{font-size:var(--ubs-heading-mobile);margin-bottom:26px;gap:10px}.ubs-heading img{width:25px;height:33px}.ubs-journal-words h3{font-size:var(--ubs-title-mobile)}.ubs-journal-words p{font-size:var(--ubs-body-mobile)}}@media(prefers-reduced-motion:reduce){.ubs-section *{animation:none!important;transition:none!important}.ubs-book-line.ubs-active .ubs-book-line-fill{transform:scaleX(1)}}.ubs-journal-words p br{display:block;content:"";margin-top:5px}@media(max-width:767px){.ubs-journal-words p br{margin-top:8px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/unround-storybook.css.map */