.reader-toolbar{--reader-bg:#0c1624;--reader-ink:#f2e4c6;--reader-muted:#b6bfce;--reader-rule:#6b634e;position:sticky;top:0;z-index:8;background:#0c1624f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px 18px;border:1px solid #cfab6745;border-radius:4px;margin:0 0 28px;color:var(--reader-ink)}.reader-preferences select{color-scheme:dark;border-color:#8e7854;background:#121e2d}.reader-toolbar button:focus-visible,.reader-toolbar select:focus-visible{outline:2px solid #efce87;outline-offset:4px}.reader-modes button[aria-pressed=true]{background:#e3c68a;color:#1b1410}.reader-modes button{border-color:#8e7854}.reader-paper{position:relative;isolation:isolate;scroll-margin-top:110px;--reader-bg:#f3e6c8;--reader-ink:#35291e;--reader-muted:#736042;--reader-rule:#bb9b60;--reader-button:#e8d4a8;--paper-edge:#9f7338;--paper-shadow:#6640173d;--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.055' filter='url(%23n)'/%3E%3C/svg%3E")}.reader-paper[data-theme=night]{--reader-bg:#17212c;--reader-ink:#ebe3d3;--reader-muted:#bdbaa9;--reader-rule:#667075;--reader-button:#2b3744;--paper-edge:#1c1311;--paper-shadow:#0008}.reader-paper-inner{position:relative;z-index:1;color:var(--reader-ink);background-color:var(--reader-bg);background-image:var(--paper-grain),radial-gradient(ellipse at 0 5%,#b9873a16,transparent 33%),radial-gradient(ellipse at 100% 80%,#a7773015,transparent 30%);background-size:180px 180px,100% 100%,100% 100%}.reader-paper .reader-text,.reader-paper .chapter-end{position:relative;z-index:1}.scroll-roller,.book-corner{pointer-events:none;-webkit-user-select:none;user-select:none}.reader-paper[data-mode=scroll]{max-width:1030px;margin:0 auto;padding:36px 27px 37px;background:transparent;border:0;border-radius:0;box-shadow:none}.reader-paper[data-mode=scroll]>.reader-paper-inner{padding:55px clamp(22px,5.2%,62px) 50px;box-shadow:inset 18px 0 27px -15px var(--paper-edge),inset -18px 0 27px -15px var(--paper-edge),0 14px 50px #0009;clip-path:polygon(5px 0,calc(100% - 4px) 0,calc(100% - 7px) 3%,calc(100% - 2px) 8%,calc(100% - 5px) 14%,100% 20%,calc(100% - 6px) 27%,calc(100% - 2px) 34%,calc(100% - 7px) 41%,calc(100% - 2px) 48%,calc(100% - 5px) 55%,100% 62%,calc(100% - 6px) 69%,calc(100% - 2px) 76%,calc(100% - 7px) 83%,calc(100% - 3px) 91%,calc(100% - 5px) 100%,4px 100%,7px 94%,2px 87%,6px 80%,0 72%,5px 65%,2px 57%,7px 49%,3px 41%,6px 34%,0 27%,6px 20%,2px 13%,7px 6%)}.reader-paper[data-mode=scroll]>.reader-paper-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(90deg,#81502115,transparent 8%,transparent 92%,#8150211c),linear-gradient(180deg,#69421c26,transparent 90px,transparent calc(100% - 90px),#69421c26)}.reader-paper[data-mode=scroll] .book-corner{display:none}.reader-paper[data-mode=scroll] .chapter-end{padding-top:30px;margin-top:48px}.scroll-roller{display:none;position:absolute;left:-1px;right:-1px;height:62px;align-items:center;z-index:3;filter:drop-shadow(0 9px 9px #0007)}.reader-paper[data-mode=scroll] .scroll-roller{display:flex}.scroll-roller--top{top:0}.scroll-roller--bottom{bottom:0;filter:drop-shadow(0 5px 8px #0008)}.roller-paper{position:relative;display:block;flex:1;height:49px;border-radius:7px/45%;border-top:1px solid #f9e4ad;border-bottom:2px solid #6c3e1b;background-image:linear-gradient(0deg,#69431f,#b38a4c 12%,#ddc18a 35%,#f4dfb4 59%,#ead29d 77%,#b88f52 94%,#78522a),var(--paper-grain);box-shadow:inset 0 -7px 10px #57320b40,inset 0 5px 7px #fff1d34d}.roller-paper:before,.roller-paper:after{content:"";position:absolute;top:3px;bottom:3px;width:31px;border-left:3px double #81532199;border-right:3px double #81532199;background:repeating-linear-gradient(45deg,transparent 0 6px,#825c271a 6px 8px,transparent 8px 13px);opacity:.75}.roller-paper:before{left:18px}.roller-paper:after{right:18px}.roller-handle{position:relative;flex:0 0 22px;height:59px;border-radius:45%;border:1px solid #8f612d;background:linear-gradient(90deg,#6a3917,#ad7739 20%,#d1a463 45%,#e4c284 55%,#a47132 80%,#613817);box-shadow:inset 2px 0 3px #f4da9e55,2px 3px 5px #0006}.roller-handle:after{content:"";position:absolute;top:7px;bottom:7px;left:4px;right:4px;border:1px solid #68411680;border-radius:50%}.roller-handle:first-child{margin-right:-2px}.roller-handle:last-child{margin-left:-2px}.reader-paper[data-mode=book]{max-width:1180px;margin:0 auto;padding:23px 23px 29px;border:2px solid #bf9451;border-radius:10px 13px 13px 10px;background-color:#641c22;background-image:radial-gradient(ellipse at 20% 0,#a7473977,transparent 55%),radial-gradient(ellipse at 85% 100%,#25080b88,transparent 60%),var(--paper-grain);box-shadow:inset 0 0 0 5px #4c1116,inset 0 0 0 7px #c79f54,0 8px #260b10,0 10px #a28147,0 25px 55px #0009}.reader-paper[data-mode=book]:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid #d6b66e;border-radius:3px;pointer-events:none;z-index:2}.reader-paper[data-mode=book]>.reader-paper-inner{padding:34px 32px 25px;border:1px solid #c5a777;border-radius:4px 6px 6px 4px;box-shadow:0 3px #b29b73,0 5px #eee1c2,0 7px #9b8054,inset 9px 0 17px -12px #553c21,inset -9px 0 17px -12px #553c21}.reader-paper[data-mode=book] .reader-viewport{position:relative}.reader-paper[data-mode=book] .reader-viewport:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:58px;transform:translate(-50%);pointer-events:none;z-index:2;background:linear-gradient(90deg,transparent,#7653330c 20%,#3b281c27 47%,#3b281c66 50%,#fff4da66 53%,#7653330c 77%,transparent)}.reader-paper[data-mode=book] .reader-text{column-gap:74px}.reader-paper[data-mode=book] .book-controls{margin-top:24px}.reader-paper[data-mode=book] .chapter-end{margin-top:30px}.book-corner{display:none;position:absolute;width:49px;height:49px;z-index:3;border-top:3px double #f3ce7a;border-left:3px double #f3ce7a;background:linear-gradient(135deg,#deb65d 0 4px,transparent 5px)}.reader-paper[data-mode=book] .book-corner{display:block}.book-corner:before{content:"";position:absolute;top:6px;left:6px;width:7px;height:7px;transform:rotate(45deg);border:1px solid #f4d998;background:radial-gradient(circle at 35% 30%,#ee8e75,#8c2023 60%,#4d0b17);box-shadow:0 0 0 2px #9b742b}.book-corner--tl{left:10px;top:10px}.book-corner--tr{right:10px;top:10px;transform:rotate(90deg)}.book-corner--br{right:10px;bottom:10px;transform:rotate(180deg)}.book-corner--bl{left:10px;bottom:10px;transform:rotate(270deg)}.reader-paper[data-theme=night] .reader-paper-inner{background-image:var(--paper-grain),radial-gradient(ellipse at 0 0,#d5b57708,transparent 65%)}.reader-paper[data-theme=night][data-mode=book] .reader-viewport:after{opacity:.6}.reader-illustration{display:block;max-width:100%;height:auto;margin:auto;object-fit:contain}@media(max-width:900px){.reader-paper[data-mode=book]{padding:19px 19px 25px}.reader-paper[data-mode=book]>.reader-paper-inner{padding:30px 27px 24px}.reader-paper[data-mode=book] .reader-text{column-gap:40px}.reader-paper[data-mode=book] .reader-viewport:after{display:none}}@media(max-width:600px){.reader-toolbar{padding:12px 10px;margin-bottom:22px;gap:11px}.reader-paper{scroll-margin-top:170px}.reader-paper[data-mode=scroll]{padding:31px 13px 32px}.reader-paper[data-mode=scroll]>.reader-paper-inner{padding:39px 17px 35px}.scroll-roller{height:51px;left:0;right:0}.roller-paper{height:39px}.roller-handle{flex-basis:15px;height:48px}.roller-handle:after{left:3px;right:3px}.roller-paper:before,.roller-paper:after{width:20px}.roller-paper:before{left:8px}.roller-paper:after{right:8px}.reader-paper[data-mode=book]{padding:16px 12px 22px;border-radius:7px 10px 10px 7px;box-shadow:inset 0 0 0 3px #4c1116,inset 0 0 0 5px #c79f54,0 6px #260b10,0 8px #a28147,0 18px 35px #0008}.reader-paper[data-mode=book]:before{top:8px;right:8px;bottom:8px;left:8px}.reader-paper[data-mode=book]>.reader-paper-inner{padding:25px 16px 22px}.book-corner{width:32px;height:32px}.book-corner--tl{left:6px;top:7px}.book-corner--tr{right:6px;top:7px}.book-corner--br{right:6px;bottom:7px}.book-corner--bl{left:6px;bottom:7px}.book-corner:before{top:4px;left:4px;width:5px;height:5px}.reader-paper[data-mode=book] .book-controls{gap:7px;font-size:10px}.reader-paper[data-mode=book] .book-controls button{padding:9px 8px;font-size:11px}}@media(max-width:360px){.reader-paper[data-mode=scroll]{padding-left:9px;padding-right:9px}.reader-paper[data-mode=scroll]>.reader-paper-inner{padding-left:15px;padding-right:15px}.reader-paper[data-mode=book]>.reader-paper-inner{padding-left:13px;padding-right:13px}.reader-toolbar{padding-left:8px;padding-right:8px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/afaloz-reader-materials.css.map */