:root{--journal-bg: #F3EEDD;--journal-paper: #FFFDF7;--journal-shadow: 0 28px 70px rgba(0, 0, 0, .14);--tab-bg: #EAE3D2;--tab-active: #DBED7A;--tab-active-deep: #C7DE5B;--text: #2C2C2C;--radius: 34px;--transition: .35s cubic-bezier(.4, 0, .2, 1)}.hyphen-journey{width:100%;position:relative;padding:60px 100px;background:linear-gradient(180deg,#c2d233,#b6c82a)}.journey-container{max-width:1180px;margin:0 auto;display:flex;justify-content:center;align-items:center;position:relative}.journey-stage{position:relative;width:100%;max-width:560px}.journey-book{position:relative;width:100%;z-index:5;background:var(--journal-bg);border-radius:20px;box-shadow:0 18px 40px #0000001a}.journey-paper{position:relative;overflow:hidden;border-radius:var(--radius);background:linear-gradient(180deg,#fffdf8,#f9f5ea);box-shadow:0 20px 45px #0000001a;padding:25px 20px;border-radius:0 20px 20px 0;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.journey-paper.is-dragging{cursor:grabbing}.journey-page{position:relative;overflow:hidden;border-radius:20px;background:#fff;perspective:1800px}.journey-paper:before{content:"";position:absolute;top:0;bottom:0;left:0;width:11px;background:repeating-linear-gradient(to bottom,rgba(139,111,71,.16) 0px,rgba(139,111,71,.16) 12px,transparent 12px,transparent 22px);border-radius:4px 0 0 4px}.page-lines{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 28px,rgba(180,160,130,.14) 28px,rgba(180,160,130,.14) 29px);background-position:0 80px;border-radius:inherit;pointer-events:none}.journey-flip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:none;overflow:hidden;border-radius:20px;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;box-shadow:0 12px 30px #0000002e}.journey-flip.is-active{display:block}.journey-flip-image{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.journey-flip-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,#00000047,#0000 45%)}.journey-paper:after{content:"";position:absolute;left:18px;right:18px;bottom:-12px;height:26px;border-radius:50%;background:#00000014;filter:blur(20px);z-index:-1}.journey-image{display:block;width:100%;height:auto;object-fit:cover;transition:opacity .35s ease,transform .45s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.journey-image-preload{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;overflow:hidden}.journey-navigation{position:absolute;left:26px;right:26px;bottom:24px;display:flex;justify-content:space-between;align-items:center;z-index:30}.journey-pagination{display:flex;align-items:center;gap:8px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 18px;border-radius:999px;box-shadow:0 8px 20px #00000014;font-weight:600;color:#3c4332}.journey-arrow{width:48px;height:48px;border:none;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#394126;transition:all var(--transition);box-shadow:0 8px 18px #00000014}.journey-arrow:hover:not(.disabled){background:var(--tab-active);transform:translateY(-2px)}.journey-arrow.disabled{opacity:.35;pointer-events:none}.journey-tabs{position:absolute;top:10%;left:100%;transform:translateY(-10%);display:flex;flex-direction:column;gap:5px;z-index:1}.journey-tab{width:55px;height:120px;border:none;border-radius:0 22px 22px 0;background:transparent;box-shadow:0 10px 25px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;position:relative;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,background .35s ease,opacity .25s ease}.journey-tab span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);border-radius:22px 0 0 22px;background:linear-gradient(180deg,#f3eedc,#e9e1cf);color:#6a685d;font-size:18px;font-weight:600;letter-spacing:.06em;transition:all .35s ease;box-shadow:inset 0 1px #ffffffa6,0 4px 10px #0000000f}.journey-tab.is-active{transform:scale(1);z-index:20}.journey-tab.is-active span{background:linear-gradient(180deg,var(--tab-active),var(--tab-active-deep));color:#2d331c;box-shadow:0 20px 40px #0000002e,inset 0 1px #ffffffb3}.journey-tab:not(.is-active){opacity:.85}.journey-tab:not(.is-active):hover{opacity:1;transform:translate(-3px)}.journey-tab:focus-visible span{outline:2px solid #A7BE42;outline-offset:3px}@media(max-width:990px){.hyphen-journey{padding:64px 60px 64px 40px}.journey-stage{max-width:470px}.journey-tabs{gap:5px}.journey-tab{width:60px;height:125px}.journey-tab span{font-size:16px}.journey-navigation{left:20px;right:20px;bottom:20px}.journey-arrow{width:42px;height:42px}}@media(max-width:768px){.hyphen-journey{padding:44px 20px}.journey-container{padding-right:46px}.journey-stage{max-width:300px}.journey-book{border-radius:20px}.journey-paper{padding:10px;border-radius:0 20px 20px 0}.journey-page,.journey-image{border-radius:20px}.journey-tabs{gap:5px}.journey-tab{width:35px;height:70px;border-radius:14px 0 0 14px}.journey-tab span{border-radius:14px 0 0 14px;font-size:12px;letter-spacing:.04em}.journey-navigation{left:12px;right:12px;bottom:12px}.journey-arrow{width:34px;height:34px}.journey-pagination{font-size:12px;padding:7px 12px}}@media(max-width:420px){.journey-container{padding-right:40px}.journey-stage{max-width:250px}.journey-tab{width:38px;height:78px}.journey-tab span{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/259/assets/hyphen-journey.css.map */