#in-container{position:relative;isolation:isolate;background-image:none}#in-container:before{content:"";position:absolute;inset:0 0 auto;height:500px;z-index:-1;pointer-events:none;background-image:var(--notebook-artwork);background-repeat:no-repeat;background-position:center top;-webkit-mask-image:linear-gradient(#000 0 76%,transparent 100%);mask-image:linear-gradient(#000 0 76%,transparent 100%)}#header #title a,#header #logo{display:inline-block;padding:5px 8px;background:#fffcf6f5;box-shadow:0 1px 3px #27181829;border-radius:2px}.notebook-covers{clear:both;position:relative;z-index:2;max-width:700px;margin:12px auto 10px;padding-top:8px;color:#292124;font:13px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:left}.notebook-covers [hidden]{display:none!important}.notebook-covers__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid #d8c9c5;border-radius:3px;background:#fffaf3;cursor:pointer;list-style:none}.notebook-covers__summary::-webkit-details-marker{display:none}.notebook-covers__identity{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 10px}.notebook-covers__period,.notebook-covers__month{color:#8c2345;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.notebook-covers__summary strong{font-size:13px;font-weight:650}.notebook-covers__browse{font-size:11px;white-space:nowrap}.notebook-covers__plus{display:inline-block;margin-left:7px;font-size:18px;line-height:1}.notebook-covers[open] .notebook-covers__plus{transform:rotate(45deg)}.notebook-covers[open] .notebook-covers__summary{border-radius:3px 3px 0 0}.notebook-covers__collection{padding:22px;background:#fffaf3;border:1px solid #d8c9c5;border-top:0;border-radius:0 0 3px 3px}.notebook-covers__intro{display:flex;align-items:start;gap:18px}.notebook-covers__intro h2{margin:0 0 9px;color:#292124;font:700 21px/1.25 Georgia,serif;text-transform:none}.notebook-covers__intro p{margin:0;max-width:560px;color:#615754;font-size:13px;line-height:1.6}.notebook-covers__note{border-left:2px solid #8c2345;padding-left:10px;margin:15px 0 0;color:#615754;font-size:12px}.notebook-covers__status{color:#8c2345;font-size:12px;margin:0}.notebook-covers__status:not(:empty){margin-top:12px}.notebook-covers__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.notebook-covers__card{border:1px solid #dfd6cf;background:#fff;border-radius:3px;overflow:hidden}.notebook-covers__card[data-active=true]{border-color:#8c2345;box-shadow:0 0 0 1px #8c2345}.notebook-covers__art{display:block;background:#eae3d8}.notebook-covers__art img{display:block;width:100%;height:auto;aspect-ratio:2 / 1;object-fit:contain}.notebook-covers__caption{padding:13px}.notebook-covers__caption h3{margin:3px 0 7px;color:#292124;font-size:15px;font-weight:700;line-height:1.3;text-transform:none}.notebook-covers__caption p{margin:0 0 12px;color:#615754;font-size:12px;line-height:1.55}.notebook-covers__try,.notebook-covers__reset{-webkit-appearance:none;appearance:none;display:inline-block;border:1px solid #8c2345;border-radius:3px;background:#fffaf3;color:#7e1f3e;padding:8px 10px;font:600 12px/1.3 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer}.notebook-covers__try:hover,.notebook-covers__try[aria-pressed=true],.notebook-covers__reset:hover{color:#fff;background:#8c2345}.notebook-covers__reset{flex:0 0 140px}.notebook-covers :is(summary,button,a):focus-visible{outline:3px solid #8c2345;outline-offset:4px}@media(max-width:749px){#in-container:before{background-position:left top}.notebook-covers{margin:10px 15px;padding-top:0}.notebook-covers__summary{align-items:center;padding:10px}.notebook-covers__identity{display:flex;flex-direction:column}.notebook-covers__browse{font-size:10px}.notebook-covers__collection{padding:16px}.notebook-covers__intro{flex-direction:column}.notebook-covers__intro h2{font-size:20px}.notebook-covers__reset{flex:auto}.notebook-covers__grid{grid-template-columns:1fr}.notebook-covers__try,.notebook-covers__reset{min-height:44px}}.notebook-covers__new{display:none}html[data-notebook-motion] .notebook-covers__new:not([hidden]){display:inline-block;padding:1px 6px;border:1.5px solid #8c2345;border-radius:3px;color:#8c2345;font-size:9px;font-weight:800;letter-spacing:.12em;line-height:1.4;text-transform:uppercase;transform:rotate(-4deg);animation:notebook-stamp .32s cubic-bezier(.2,.9,.3,1.2) .5s both}html[data-notebook-motion] #in-container:after{content:"";position:absolute;inset:0 0 auto;height:500px;z-index:-1;pointer-events:none;visibility:hidden;background-image:var(--notebook-artwork-next, none);background-repeat:no-repeat;background-position:center top;-webkit-mask-image:linear-gradient(#000 0 76%,transparent 100%);mask-image:linear-gradient(#000 0 76%,transparent 100%)}html[data-notebook-pending] #in-container:before{opacity:0}html[data-notebook-changing] #in-container:after{visibility:visible;animation:notebook-torn .65s cubic-bezier(.55,0,.25,1) both}html[data-notebook-arriving] #in-container:before{-webkit-mask-image:linear-gradient(#000 0 76%,transparent 100%),radial-gradient(circle closest-side,#000 55%,transparent 100%),radial-gradient(circle closest-side,#000 55%,transparent 100%),radial-gradient(circle closest-side,#000 55%,transparent 100%);mask-image:linear-gradient(#000 0 76%,transparent 100%),radial-gradient(circle closest-side,#000 55%,transparent 100%),radial-gradient(circle closest-side,#000 55%,transparent 100%),radial-gradient(circle closest-side,#000 55%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0,22% 28%,70% 14%,88% 55%;mask-position:0 0,22% 28%,70% 14%,88% 55%;-webkit-mask-composite:source-in,source-over,source-over,source-over;mask-composite:intersect,add,add,add;animation:notebook-bleed .9s cubic-bezier(.3,.1,.3,1) both}html[data-notebook-motion] #header:after{content:"";position:absolute;z-index:-1;pointer-events:none;left:calc(var(--notebook-echo-x, 0px) - 30px);top:var(--notebook-echo-y, 0px);width:var(--notebook-echo-w, 0px);height:var(--notebook-echo-h, 0px);background-image:var(--notebook-artwork);background-size:1000px 500px;background-position:calc(-1 * var(--notebook-echo-x, 0px)) calc(-1 * var(--notebook-echo-y, 0px));-webkit-mask-image:radial-gradient(ellipse closest-side,#000 50%,transparent 100%);mask-image:radial-gradient(ellipse closest-side,#000 50%,transparent 100%);mix-blend-mode:multiply;opacity:0}html[data-notebook-motion] #header.notebook-echo:after{animation:notebook-echo 1.5s cubic-bezier(.3,.2,.4,1) both}html[data-notebook-motion] .notebook-covers__plus{transition:transform .2s cubic-bezier(.2,.7,.2,1)}html[data-notebook-motion] .notebook-covers[open] .notebook-covers__collection{animation:notebook-fade-up .24s cubic-bezier(.2,.7,.2,1) both}html[data-notebook-motion] .notebook-covers[open] .notebook-covers__card{animation:notebook-card-in .3s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(90ms + min(var(--i, 0),7)*35ms)}@keyframes notebook-stamp{0%{opacity:0;transform:rotate(-4deg) scale(1.5)}60%{opacity:1;transform:rotate(-4deg) scale(.96)}to{opacity:1;transform:rotate(-4deg) scale(1)}}@keyframes notebook-torn{0%{clip-path:polygon(-100% 0%,-48% 0%,-45.5% 4%,-47.8% 8%,-43.4% 12%,-46.7% 16%,-43.6% 20%,-45.9% 24%,-41.4% 28%,-42.8% 32%,-38.9% 36%,-42.7% 40%,-39.7% 44%,-37.9% 48%,-39.7% 52%,-37% 56%,-35.1% 60%,-38.2% 64%,-34.6% 68%,-37.4% 72%,-33.6% 76%,-31.7% 80%,-33.8% 84%,-29.9% 88%,-32.8% 92%,-30.2% 96%,-28.9% 100%,-100% 100%)}to{clip-path:polygon(-100% 0%,150% 0%,152.5% 4%,150.2% 8%,154.6% 12%,151.3% 16%,154.4% 20%,152.1% 24%,156.6% 28%,155.2% 32%,159.1% 36%,155.3% 40%,158.3% 44%,160.1% 48%,158.3% 52%,161% 56%,162.9% 60%,159.8% 64%,163.4% 68%,160.6% 72%,164.4% 76%,166.3% 80%,164.2% 84%,168.1% 88%,165.2% 92%,167.8% 96%,169.1% 100%,-100% 100%)}}@keyframes notebook-bleed{0%{-webkit-mask-size:100% 100%,0 0,0 0,0 0;mask-size:100% 100%,0 0,0 0,0 0}35%{-webkit-mask-size:100% 100%,620px 620px,160px 160px,0 0;mask-size:100% 100%,620px 620px,160px 160px,0 0}to{-webkit-mask-size:100% 100%,2200px 2200px,2000px 2000px,1800px 1800px;mask-size:100% 100%,2200px 2200px,2000px 2000px,1800px 1800px}}@keyframes notebook-echo{0%{opacity:0;transform:translateZ(0) rotate(0)}18%{opacity:.85}to{opacity:0;transform:translate3d(var(--notebook-echo-dx, 20px),var(--notebook-echo-dy, -24px),0) rotate(var(--notebook-echo-rot, 6deg))}}@keyframes notebook-fade{0%{opacity:0}to{opacity:1}}@keyframes notebook-fade-up{0%{opacity:0;transform:translate3d(0,-6px,0)}to{opacity:1;transform:none}}@keyframes notebook-card-in{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}@media(max-width:749px){html[data-notebook-motion] #in-container:after{background-position:left top}html[data-notebook-motion] #header:after{left:var(--notebook-echo-x, 0px)}}@media(prefers-reduced-motion:reduce){html[data-notebook-changing] #in-container:after{clip-path:none;animation:notebook-fade .12s linear both}html[data-notebook-arriving] #in-container:before{-webkit-mask-image:linear-gradient(#000 0 76%,transparent 100%);mask-image:linear-gradient(#000 0 76%,transparent 100%);animation:none}html[data-notebook-motion] #header.notebook-echo:after,html[data-notebook-motion] .notebook-covers__new:not([hidden]),html[data-notebook-motion] .notebook-covers[open] .notebook-covers__card{animation:none}html[data-notebook-motion] .notebook-covers[open] .notebook-covers__collection{animation:notebook-fade .12s linear both}html[data-notebook-motion] .notebook-covers__plus{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/notebook-artwork.css.map */