.nbf{position:relative;overflow:hidden;padding:var(--nbf-pad) 12px calc(var(--nbf-pad) - 6px);text-align:center;background-color:var(--nbf-bg);background-image:radial-gradient(70% 80% at 50% 45%,var(--nbf-bg2) 0%,transparent 70%),linear-gradient(color-mix(in srgb,var(--nbf-cream) 13%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--nbf-cream) 13%,transparent) 1px,transparent 1px);background-size:100% 100%,48px 48px,48px 48px}.nbf *{box-sizing:border-box}.nbf__stage{--p:clamp(140px,44vw,300px);position:relative;display:flex;justify-content:center;padding:18px 0 22px;outline:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.nbf__stage:focus-visible{box-shadow:inset 0 0 0 3px var(--nbf-focus);border-radius:12px}.nbf__book{position:relative;width:calc(var(--p) * 2);height:calc(var(--p) * 4 / 3);perspective:calc(var(--p) * 6);transform:translate(0);transition:transform .8s cubic-bezier(.45,.05,.3,1)}.nbf__book.is-closed-front{transform:translate(calc(var(--p) * -.5))}.nbf__book.is-closed-back{transform:translate(calc(var(--p) * .5))}.nbf__book:before{content:"";position:absolute;left:50%;right:0;bottom:-14px;height:18px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent);transition:left .8s,right .8s}.nbf__book:not(.is-closed-front):not(.is-closed-back):before{left:2%;right:2%}.nbf__book.is-closed-back:before{left:0;right:50%}.nbf__leaf{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:0 50%;transform-style:preserve-3d;transition:transform .95s cubic-bezier(.45,.05,.3,1)}.nbf__leaf.is-flipped{transform:rotateY(-180deg)}.nbf__bend{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform-origin:0 50%}.nbf__leaf.is-turning .nbf__bend{animation:nbf-bend .95s cubic-bezier(.45,.05,.3,1)}.nbf__leaf.is-turning.is-back .nbf__bend{animation-name:nbf-bend-back}@keyframes nbf-bend{0%,to{transform:none}45%{transform:skewY(-4deg) scaleX(.94)}}@keyframes nbf-bend-back{0%,to{transform:none}45%{transform:skewY(4deg) scaleX(.94)}}.nbf__face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--nbf-cream);-webkit-backface-visibility:hidden;backface-visibility:hidden;border:2px solid var(--nbf-ink)}.nbf__face--front{border-radius:0 10px 10px 0;border-left-width:1px}.nbf__face--back{transform:rotateY(180deg);border-radius:10px 0 0 10px;border-right-width:1px}.nbf__face img{position:absolute;top:0;height:100%;max-width:none;display:block;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.nbf__face--cover img{left:0;width:100%}.nbf__half{width:200%}.nbf__half--l{left:0}.nbf__half--r{left:-100%}.nbf__face--cover{border-width:3px;border-radius:4px 12px 12px 4px;box-shadow:inset 6px 0 #0000002e}.nbf__face--board{background:var(--nbf-board);border-width:3px;border-radius:12px 4px 4px 12px}.nbf__face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.06) 7%,transparent 16%,transparent 88%,rgba(255,255,255,.08))}.nbf__face--back:after{background:linear-gradient(270deg,rgba(0,0,0,.28),rgba(0,0,0,.06) 7%,transparent 16%,transparent 88%,rgba(255,255,255,.08))}.nbf__face--cover:after{background:linear-gradient(90deg,rgba(0,0,0,.25),rgba(255,255,255,.12) 4%,transparent 9%)}.nbf__face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.35) 62%,rgba(0,0,0,.35) 100%)}.nbf__leaf.is-turning .nbf__face:before{animation:nbf-shade .95s ease-in-out}@keyframes nbf-shade{0%,to{opacity:0}50%{opacity:1}}.nbf__tag{position:absolute;z-index:200;top:-12px;right:-8px;padding:7px 12px;border-radius:999px;border:2px solid var(--nbf-ink);background:var(--nbf-tag);color:var(--nbf-ink);box-shadow:3px 3px 0 var(--nbf-ink);transform:rotate(4deg);font:900 12px/1 Arial Black,Arial,sans-serif;letter-spacing:.12em;text-decoration:none;white-space:nowrap;transition:right .8s}.nbf__book.is-closed-back .nbf__tag{right:calc(50% - 8px)}.nbf__nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:4px}.nbf__btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;cursor:pointer;background:var(--nbf-cream);color:var(--nbf-board);border:2px solid var(--nbf-ink);box-shadow:2px 3px 0 var(--nbf-ink)}.nbf__btn:focus-visible{outline:3px solid var(--nbf-focus);outline-offset:2px}.nbf__dots{display:inline-flex;gap:6px}.nbf__dots i{display:block;width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--nbf-cream) 40%,transparent);border:1px solid var(--nbf-ink)}.nbf__dots i.is-on{background:var(--nbf-tag)}.nbf a.nbf__tag,.nbf a.nbf__tag:link,.nbf a.nbf__tag:visited,.nbf a.nbf__tag:hover,.nbf a.nbf__tag:focus,.nbf a.nbf__tag:active,.nbf a.nbf__tag.active,.nbf .nbf__tag{color:var(--nbf-ink)!important;-webkit-text-fill-color:var(--nbf-ink)!important;background:var(--nbf-tag)!important;text-decoration:none!important}.nbf .nbf__btn,.nbf .nbf__btn:hover,.nbf .nbf__btn:focus,.nbf .nbf__btn:active,.nbf .nbf__btn.active,.nbf .nbf__btn.is-active{color:var(--nbf-board)!important;background:var(--nbf-cream)!important}@media(min-width:750px){.nbf__stage{--p:clamp(200px,26vw,300px);padding:26px 0 30px}.nbf__tag{font-size:13px;top:-14px}}@media(prefers-reduced-motion:reduce){.nbf__book,.nbf__leaf,.nbf__tag,.nbf__book:before{transition:none!important}.nbf__leaf.is-turning .nbf__bend,.nbf__leaf.is-turning .nbf__face:before{animation:none!important}}.nbf__signup{max-width:460px;margin:18px auto 0;padding:16px 14px 14px;border:2px solid var(--nbf-ink);border-radius:16px;background:var(--nbf-board);box-shadow:3px 4px 0 var(--nbf-ink);text-align:center;color:var(--nbf-cream)}.nbf__signup-h{display:block;margin:0 0 10px;font:900 clamp(17px,4.6vw,22px)/1.1 "Arial Black",Arial,sans-serif;letter-spacing:.04em;color:var(--nbf-cream);text-transform:uppercase}.nbf__row{display:flex;flex-direction:column;gap:8px}.nbf__input{width:100%;min-height:46px;margin:0;padding:0 14px;border:2px solid var(--nbf-ink);border-radius:999px;background:var(--nbf-cream);color:var(--nbf-ink);font:600 16px/1 Arial,sans-serif;box-shadow:none;-webkit-appearance:none;appearance:none}.nbf__input::placeholder{color:#6b6b6b;opacity:1}.nbf__input:focus{outline:3px solid var(--nbf-focus);outline-offset:2px}.nbf__input[aria-invalid=true]{border-color:var(--nbf-tag)}.nbf__submit{min-height:46px;margin:0;padding:0 22px;border:2px solid var(--nbf-ink);border-radius:999px;cursor:pointer;box-shadow:3px 3px 0 var(--nbf-ink);font:900 15px/1 Arial Black,Arial,sans-serif;letter-spacing:.1em;-webkit-tap-highlight-color:transparent}.nbf__submit:focus-visible{outline:3px solid var(--nbf-focus);outline-offset:3px}.nbf__msg{margin:8px 0 0;min-height:0;font:700 14px/1.3 Arial,sans-serif;color:var(--nbf-tag)}.nbf__msg:empty{display:none}.nbf__ok{margin:0 0 4px;padding:10px 12px;border-radius:12px;background:var(--nbf-focus);color:var(--nbf-ink);font:800 15px/1.35 Arial,sans-serif}.nbf__ok+.nbf__fields{display:none}.nbf__fine{margin:8px 0 0;font:500 12px/1.35 Arial,sans-serif;color:var(--nbf-cream);opacity:.8}@media(min-width:520px){.nbf__row{flex-direction:row}.nbf__input{flex:1 1 auto}.nbf__submit{flex:0 0 auto}}.nbf .nbf__submit,.nbf .nbf__submit:hover,.nbf .nbf__submit:focus,.nbf .nbf__submit:active,.nbf .nbf__submit.active,.nbf .nbf__submit.is-active{color:var(--nbf-ink)!important;-webkit-text-fill-color:var(--nbf-ink)!important;background:var(--nbf-tag)!important}.nbf .nbf__signup-h,.nbf .nbf__fine{color:var(--nbf-cream)!important;-webkit-text-fill-color:var(--nbf-cream)!important}.nbf .nbf__input,.nbf .nbf__input:focus{color:var(--nbf-ink)!important;-webkit-text-fill-color:var(--nbf-ink)!important;background:var(--nbf-cream)!important}.nbf .nbf__ok{color:var(--nbf-ink)!important}.nbf .nbf__msg{color:var(--nbf-tag)!important}.nbf .nbf__form{margin:0!important;padding:0}.nbf .nbf__submit,.nbf .nbf__submit:hover,.nbf .nbf__submit:focus,.nbf .nbf__submit:active{border-color:var(--nbf-ink)!important;box-shadow:3px 3px 0 var(--nbf-ink)!important;opacity:1!important}.nbf .nbf__fine{margin-bottom:0!important}.nbf .nbf__input,.nbf .nbf__input:focus{border:2px solid var(--nbf-ink)!important;border-radius:999px!important;height:46px!important;min-height:46px!important;margin:0!important;box-shadow:none!important}.nbf .nbf__input[aria-invalid=true]{border-color:var(--nbf-tag)!important}.nbf .nbf__submit{border-radius:999px!important}
/*# sourceMappingURL=/cdn/shop/t/60/assets/nephy-book-flip.css.map */