@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Urbanist:wght@700&display=swap";:root{--book-size: 65vmin;--redirect-badge-size: calc(var(--book-size) / 9);--book-image-y-start: calc(40dvh - (var(--book-size) / 2));--redirect-badge-y-start: calc(40dvh + (var(--book-size) / 2) + calc(var(--redirect-badge-size) / 2));--book-title-y-start: calc(40dvh + (var(--book-size) / 2) + 1rem + (var(--redirect-badge-size)));--book-border-radius: 10px;--qr-basis: calc(var(--book-size) * .25);--ui-scale: min(3.75vmax, 3.75vmin);--ui-font-size: calc(var(--ui-scale) * .9);--ui-icon-size: calc(var(--ui-scale) * 1.8);--ui-padding: calc(var(--ui-scale) * 1.2);--ui-radius: calc(var(--ui-scale) * 1.2);--background: #111;--text-color: white}@media (orientation: landscape) and (hover: none) and (pointer: coarse){:root{--book-size: 60vmin}}@media (orientation: portrait) and (hover: none) and (pointer: coarse){:root{--qr-basis: calc(var(--book-size) * .3)}}body{margin:0;background:var(--background);color:var(--text-color);font-family:sans-serif;height:100dvh;overflow:hidden;position:relative;transition:background-color .3s ease,color .3s ease}.app{width:100%;height:100svh;position:fixed;overscroll-behavior:none;-webkit-overflow-scrolling:auto;touch-action:pan-y,pan-x}.book-swipe-layer,.book-static-layer{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;width:100%;pointer-events:none}.book-image-wrapper{position:absolute;top:40dvh;left:50%;width:var(--book-size);height:var(--book-size);display:flex;justify-content:center;align-items:center;z-index:1;pointer-events:none}.book-image{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;opacity:0;transition:opacity .5s ease-in-out;z-index:2;border-radius:var(--book-border-radius);pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:pointer}.book-image.visible{opacity:1;z-index:2}.loading-image{width:100%;height:100%;border-radius:var(--book-border-radius);object-fit:contain;position:absolute;top:0;left:0;opacity:0;transition:opacity .5s ease;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:1}.loading-image.visible{opacity:1}.redirect-badge-container{height:var(--redirect-badge-size);max-height:var(--redirect-badge-size);z-index:2;text-align:center}.redirect-badge-container,.redirect-badge-container *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.redirect-badge-container a{pointer-events:all;display:inline-block}.redirect-badge{height:var(--redirect-badge-size);max-height:var(--redirect-badge-size)}.book-title{margin-top:calc(0rem - var(--redirect-badge-size));transition:margin-top .3s ease;height:calc((var(--book-size) / 4));max-height:calc(100dvh - calc(var(--book-title-y-start)) - calc(var(--redirect-badge-size) * 1.5));width:100%;max-width:var(--book-size);min-width:calc(var(--book-size) * .6);padding:0 .5rem;box-sizing:border-box;pointer-events:none}.book-title.shifted{margin-top:calc(var(--redirect-badge-size) / 5)}.book-title,.book-title *{-webkit-user-select:none;user-select:none}.book-title h2{line-height:1.3;word-break:break-word;margin:0 auto;max-width:100%}.book-info-column{margin-top:var(--redirect-badge-y-start);display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:calc(var(--qr-basis) * .05);max-width:var(--book-size);width:calc(var(--book-size) * .9)}.book-info-row{align-items:center;height:100%;transition:width .4s ease;flex:1 1 0;min-width:0}.qr-code-container{display:flex;align-self:center;justify-content:center;max-height:calc(var(--redirect-badge-size) * 5);max-width:var(--qr-basis);aspect-ratio:1}.qr-code-card svg{width:100%;height:100%;border-radius:2px;display:block}.qr-code-card{display:flex;align-self:center;justify-content:center;background:#fff;border-radius:4px;box-shadow:0 0 8px #0003;padding:calc(var(--redirect-badge-size) / 8);box-sizing:border-box}h2.spacegrotesk-bold{font-family:Space Grotesk,sans-serif;font-weight:700}h2.librefranklin-bold{font-family:Libre Franklin,sans-serif;font-weight:700}h2.urbanist-bold{font-family:Urbanist,sans-serif;font-weight:700}.next-button{pointer-events:all}.canvas-background{position:absolute;top:calc(var(--book-image-y-start) - 5dvh);left:0;max-width:100dvw;max-height:70dvh;z-index:-2;opacity:0;transition:opacity .5s ease;filter:blur(50px);pointer-events:none;transition:background-color .4s ease;background-color:var(--pulse-colour)}.canvas-background.visible{opacity:1}.canvas-pulse{position:absolute;top:0;left:0;width:100dvw;height:100dvh;z-index:-1;pointer-events:none}.css-pulse{position:absolute;top:50%;left:50%;width:var(--book-size);height:var(--book-size);border-radius:var(--book-border-radius);transform:translate(-50%,-50%);pointer-events:none;z-index:0;will-change:box-shadow,opacity;background:transparent;box-shadow:0 0 0 0 var(--pulse-colour, rgba(255, 255, 255, .2));opacity:0;animation:glowPulse 3s infinite ease-out;transition:box-shadow .6s ease-out}.css-pulse.visible{opacity:1;animation:glowPulse 3s infinite ease-out}.css-pulse.fade-out-glow{transition:box-shadow .6s ease-out,opacity .6s ease-out;box-shadow:0 0 #fff0;opacity:0}@keyframes glowPulse{0%{box-shadow:0 0 0 0 var(--pulse-colour, rgba(255, 255, 255, .25))}50%{box-shadow:0 0 30px 15px var(--pulse-colour, rgba(255, 255, 255, .12)),0 0 60px 30px var(--pulse-colour, rgba(255, 255, 255, .06))}to{box-shadow:0 0 #fff0}}.genre-title-container{position:relative;font-size:calc(var(--book-size) * .035);font-weight:600;z-index:2;color:#ffffff1f;padding:0;margin:0;width:var(--book-size);-webkit-user-select:none;user-select:none;transform-origin:center,center;top:calc(var(--book-size) * .05);left:calc(var(--book-size) * -.52);transform:rotate(270deg);text-align:right}.favourite-container{z-index:3;width:calc(var(--book-size) * .13);height:calc(var(--book-size) * .13);position:absolute;top:5%;right:-13%;transform:translate(-50%)}.favourite-button{display:flex;justify-content:center;align-items:center;width:100%;background:none;border:none;padding:0;outline:none;font-size:calc(var(--book-size) * .125);cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}.favourite-button .icon-wrapper{display:inline-block;transform-origin:center center}@media (hover: hover) and (pointer: fine){.favourite-button:hover .star-icon{transform:rotate(15deg) scale(1.15);filter:drop-shadow(0 0 calc(var(--ui-scale) * .6) rgb(255,248,166));transition:transform .6s cubic-bezier(.4,0,.2,1),filter .4s ease}.favourite-button:hover .favourited.star-icon{filter:drop-shadow(0 0 calc(var(--ui-scale) * .6) rgb(255,193,37))}}@media (hover: none) and (pointer: coarse){.favourite-button:active .star-icon{transform:scale(1.05)}}.favourite-button .icon-wrapper.spin{animation:spinStar .6s ease-out forwards}@keyframes spinStar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.favourite-button .star-icon{transition:transform .6s cubic-bezier(.4,0,.2,1),filter .4s ease}.share-container{z-index:3;width:calc(var(--book-size) * .13);height:calc(var(--book-size) * .13);position:absolute;top:20%;right:-13%;transform:translate(-50%);pointer-events:none}.share-wrapper{width:100%;height:100%;pointer-events:none}@media (hover: hover) and (pointer: fine){.share-wrapper:hover{border-radius:50%;box-shadow:2px 2px 2px #00000080}}.share-wrapper:has(.share-menu.open){border-radius:50%;box-shadow:2px 2px 2px #00000080}@media (hover: none) and (pointer: coarse){.share-wrapper:has(.share-menu.open) .share-button{transform:rotate(180deg)}}.share-button{pointer-events:all;border-radius:100%;border:none;background-color:#ddd;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .2s linear;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;z-index:4}@media (hover: hover) and (pointer: fine){.share-button:hover{transform:rotate(180deg)}}.share-button i{color:#555}.share-menu{position:relative;width:calc(var(--book-size) * .13);height:calc(var(--book-size) * .65);border:1px solid transparent;transform:translate(-30%,-10%);z-index:3}.share-menu li{position:absolute;top:0;left:0;width:calc(var(--book-size) * .13);height:calc(var(--book-size) * .13);display:flex;align-items:center;justify-content:center;offset-path:path("M 20 0 Q 30 0, 20 180");offset-rotate:auto 270deg;offset-distance:0%;opacity:0;transition:offset-distance .35s ease,opacity .3s ease}.share-menu li a,.share-menu li button{background:none;border:none;cursor:pointer;position:relative}.share-button i{font-size:calc(var(--book-size) * .05);color:#555}.share-menu.open li{opacity:1;transform:translateY(0);offset-distance:var(--target-distance, 100%)}.share-menu li a{font-size:calc(var(--book-size) * .1);display:flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle;text-decoration:none;pointer-events:all}.share-menu li a:hover{filter:drop-shadow(1px 1px 1px rgb(255,255,255,.5))}.options-menu{position:relative;font-family:Space Grotesk,sans-serif;font-weight:700}.options-menu .options-button{font-size:var(--ui-icon-size);font-size:22px;padding:10px;width:52px;height:52px;margin-left:auto;margin-right:10px;margin-top:10px;border:calc(var(--ui-scale) * .15) transparent;border-radius:var(--ui-radius);background-color:transparent;color:#cfd8dc;cursor:pointer;position:absolute;right:0;display:flex;align-items:center;justify-content:center;z-index:1}.options-menu .options-button i{text-shadow:0 0 calc(var(--ui-scale) * .8) #ffffff81}.options-menu .spin{animation:spinGear 1.2s cubic-bezier(.67,0,.23,1.08)}@keyframes spinGear{to{transform:rotate(360deg)}}.options-menu .options-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:10}.options-menu .options-overlay.active{opacity:1;pointer-events:auto}.options-menu .options-list{z-index:11;position:relative}.options-menu .options-box{position:absolute;top:50%;left:50%;transform:translate(150%,-50%);transition:transform .35s ease}.options-menu .options-box.active{transform:translate(-50%,-50%)}.options-menu .options-modal{background:#1f1f1f;color:#eee;padding:calc(var(--ui-scale) * 1.2);border-radius:calc(var(--ui-scale) * 1);width:calc(var(--book-size) * 1);max-width:85vmin;max-height:85vmin;box-shadow:0 calc(var(--ui-scale) * .4) calc(var(--ui-scale) * 1) #00000080}.options-menu .options-title{text-align:center;margin-bottom:calc(var(--ui-padding) * .5);padding-bottom:var(--ui-padding);font-size:calc(var(--ui-font-size) * 1.2);font-weight:700;border-bottom:1px solid #333;-webkit-user-select:none;user-select:none}.options-menu .options-section{border-bottom:1px solid #333}.options-menu .options-section:last-child{border-bottom:none}.options-menu .options-section-header{width:100%;background:none;border:none;font-size:calc(var(--ui-font-size) * .9);font-weight:700;display:flex;justify-content:space-between;align-items:center;padding:calc(var(--ui-scale) * .3) 0;min-height:calc(var(--ui-scale) * 1.5);cursor:pointer;color:#eee;-webkit-user-select:none;user-select:none}.options-menu .options-label{-webkit-user-select:none;user-select:none}.options-menu .arrow{transition:transform .3s ease}.options-menu .arrow.open{transform:rotate(180deg)}.options-menu .options-submenu{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .35s ease}.options-menu .options-submenu.expanded{max-height:calc(var(--ui-scale) * 20);opacity:1}.options-menu .indent-the-children{margin-right:calc(var(--ui-font-size) * .4);margin-left:calc(var(--ui-font-size) * .4)}.options-genre-flex{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:calc(var(--ui-scale) * .2);margin-bottom:calc(var(--ui-scale) * .3);margin-top:calc(var(--ui-scale) * .3)}.options-genre-pill{padding:calc(var(--ui-scale) * .25) calc(var(--ui-scale) * .35);border-radius:9999px;border:calc(var(--ui-scale) * .001) solid #ccc;cursor:pointer;font-size:calc(var(--ui-scale) * .48);transition:all .2s ease;background-color:#bbbbbb28;color:#7c7c7c}.options-genre-pill.active{background:#bbfca4;background-color:#bbb;color:#282828;border-color:#bbfca4}.options-menu .options-submenu-item{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--ui-scale) * .25) 0;font-size:calc(var(--ui-font-size) * .85);color:#ddd;font-weight:400}.options-menu .options-submenu-item select{background:#2a2a2a;color:#eee;border:1px solid #444;border-radius:calc(var(--ui-scale) * .4);padding:calc(var(--ui-scale) * .05) calc(var(--ui-scale) * .6);font-size:calc(var(--ui-scale) * .8);font-family:inherit;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;width:50%}.options-menu .options-submenu-item select:focus{border-color:#bbfca4;box-shadow:0 0 0 2px #bbfca451}.options-menu .options-submenu-item select option{background:#1f1f1f;color:#eee}.options-menu .toggle{position:relative;width:calc(var(--ui-scale) * 2.2);height:calc(var(--ui-scale) * 1.1)}.options-menu .toggle input{display:none}.options-menu .toggle label{position:absolute;cursor:pointer;background:#555;border-radius:calc(var(--ui-scale) * 1);width:100%;height:100%;transition:background .3s ease}.options-menu .toggle label:after{content:"";position:absolute;top:calc(var(--ui-scale) * .1);left:calc(var(--ui-scale) * .1);width:calc(var(--ui-scale) * .9);height:calc(var(--ui-scale) * .9);background:#fff;border-radius:50%;transition:transform .3s ease}.options-menu .toggle input:checked+label{background:#bbfca4}.options-menu .toggle input:checked+label:after{transform:translate(calc(var(--ui-scale) * 1.1))}.options-menu .options-section-description{text-align:center;margin-bottom:calc(var(--ui-padding) * .1);font-size:calc(var(--ui-font-size) * .7);font-weight:lighter;-webkit-user-select:none;user-select:none}.options-menu .options-social-flex{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:calc(var(--ui-scale) * .4);margin-bottom:calc(var(--ui-scale) * .4)}.options-menu .options-social-icon{background:none;border:none;font-size:calc(var(--ui-icon-size) * .8);cursor:pointer;color:#bbbbbb28;transition:color .2s,transform .1s;padding-right:calc(var(--ui-scale) * .05)}.options-menu .options-social-icon:hover{transform:scale(1.2)}.options-menu .options-social-icon.active{color:#bbb}.options-menu .options-danger-button-wrapper{padding-left:10%;width:80%}.options-menu .options-danger-button{background:#a33;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:calc(var(--ui-icon-size) * .4);font-family:inherit;border-radius:calc(var(--ui-scale) * .2);padding:calc(var(--ui-scale) * .4) calc(var(--ui-scale) * .6);transition:background .2s ease;width:100%}.options-menu .options-danger-button i{font-size:calc(var(--ui-icon-size) * .5);padding-right:calc(var(--ui-scale) * .2)}.options-menu .options-danger-button:hover{background:#c44}.options-menu .options-danger-button.disabled{color:#d4d4d4;background:#535353;cursor:not-allowed}.options-menu .confirm-buttons{display:flex;position:relative;width:100%}.options-menu .confirm-buttons{flex:1}.options-menu .options-cancel-button{background:#666;color:#fff;border:none;cursor:pointer;padding:calc(var(--ui-scale) * .4) calc(var(--ui-scale) * .6);font-size:calc(var(--ui-icon-size) * .4);text-align:left;width:50%;border-top-left-radius:calc(var(--ui-scale) * .2);border-bottom-left-radius:calc(var(--ui-scale) * .2)}.options-menu .options-confirm-button{background:#a33;color:#fff;border:none;cursor:pointer;padding:calc(var(--ui-scale) * .4) calc(var(--ui-scale) * .6);font-size:calc(var(--ui-icon-size) * .4);text-align:right;width:50%;border-top-right-radius:calc(var(--ui-scale) * .2);border-bottom-right-radius:calc(var(--ui-scale) * .2)}.options-menu .centre-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;font-size:calc(var(--ui-icon-size) * .6)}.options-modal-gradient{border-radius:calc(var(--ui-scale) * 1)}.library-menu{position:absolute;font-family:Space Grotesk,sans-serif;font-weight:700}.library-menu .library-button{padding:10px;margin-right:auto;margin-left:10px;margin-top:10px;width:52px;height:52px;background-color:transparent;border:none;cursor:pointer;position:absolute;display:flex;align-items:center;justify-content:center;z-index:1}.library-menu .library-button span{display:block;width:21px;height:4px;background-color:#cfd8dc;margin-bottom:4px;transition:transform .35s,background-color .35s;box-shadow:0 0 calc(var(--ui-scale) * .8) #ffffff81}.library-menu .library-button span:last-child{margin-bottom:0}.library-menu .library-button.active span.one{transform:rotate(60deg) translate3d(11px,-3px,0)}.library-menu .library-button.active span.two{transform:rotate(75deg) translate3d(-1px,1px,0)}.library-menu .library-button.active span.three{transform:rotate(90deg) translate3d(-10px,10px,0)}.library-menu .library-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:flex-start;opacity:0;pointer-events:none;transition:opacity .35s ease;overflow:hidden;z-index:10}.library-menu .library-overlay.active{opacity:1;pointer-events:auto}.library-menu .library-box{position:absolute;top:50%;left:50%;transform:translate(-150%,-50%);width:80vw;max-width:500px;max-height:80vh;padding:calc(var(--ui-scale) * 1.5);background:#120900;color:#eee;box-shadow:0 calc(var(--ui-scale) * .6) calc(var(--ui-scale) * 1.2) #00000080;border-radius:calc(var(--ui-scale) * 1.2);transition:transform .35s ease;overflow:hidden}.library-menu .library-box.active{transform:translate(-50%,-50%);max-height:80vh;max-width:clamp(40vw,50vw,70vw)}.library-menu .library-item{display:block;padding:calc(var(--ui-scale) * .6) calc(var(--ui-scale) * 1.2);color:#ddd;font-size:calc(var(--ui-font-size) * .95);text-decoration:none;transition:background .25s}.library-menu .library-item:hover{background-color:#2a2a2a}.library-menu .library-tabs{display:flex;justify-content:space-between;width:100%;margin-bottom:calc(var(--ui-scale) * 1.2)}.library-menu .library-tab{flex:1;text-align:center;padding:calc(var(--ui-scale) * .8);font-size:calc(var(--ui-scale) * 1.1);background:transparent;border:none;cursor:pointer;color:#eee;border-bottom:2px solid transparent;transition:border-color .25s ease,color .25s ease}.library-menu .library-tab.active{border-color:#406891;color:#fff}.library-content-wrapper{transition:height .35s ease;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.library-content-wrapper::-webkit-scrollbar{width:0;height:0}.library-menu .library-content{max-height:0;overflow:hidden;transition:max-height .4s ease}.library-menu .library-content.active{max-height:calc(80vh - var(--ui-scale) * 1.5 * 2);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;transition:max-height .4s ease}.library-menu .library-content.active::-webkit-scrollbar{display:none}.library-menu .library-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--ui-scale) * 1);padding-top:calc(var(--ui-scale) * .25)}.library-menu .library-item-square{flex:0 1 calc(var(--ui-scale) * 7);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:calc(var(--ui-scale) * 1);color:#fff;cursor:pointer;transition:background .25s ease;position:relative;-webkit-user-select:none;user-select:none}.library-menu .library-single-shelf{position:absolute;bottom:0;left:0;width:100%;z-index:2}.library-menu .library-single-shelf:hover>*{z-index:0}.library-menu .library-audiobook{position:relative;width:100%;height:100%}.library-menu .library-thumb{position:absolute;top:0;left:4%;width:92%;height:92%;z-index:1}.library-menu .library-case{z-index:2}.library-menu .library-audiobook>*{transform:scale(1);filter:brightness(50%);transition:transform .25s ease,filter .25s ease}.library-menu .library-audiobook:hover>*{transform:scale(1.05);filter:brightness(100%)}.cookies-modal{position:relative;font-family:Space Grotesk,sans-serif;font-weight:700}.cookies-modal .cookies-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:10}.cookies-modal .cookies-overlay.active{opacity:1;pointer-events:auto}.cookies-modal .cookies-box{position:absolute;top:50%;left:50%;transform:translate(150%,-50%);transition:transform .35s ease}.cookies-modal .cookies-box.active{transform:translate(-50%,-50%)}.cookies-modal .cookies-modal-contents{background:#1f1f1fda;color:#eee;padding:calc(var(--ui-scale) * 1.2);border-radius:calc(var(--ui-scale) * 1);width:calc(var(--book-size) * 1);max-width:85vmin;max-height:85vmin;box-shadow:0 calc(var(--ui-scale) * .4) calc(var(--ui-scale) * 1) #00000080;z-index:11;position:relative;display:flex;flex-direction:column;overflow:auto}.cookies-modal .cookies-list{display:flex;flex-direction:column;gap:calc(var(--ui-scale) * .2)}.cookies-modal .cookies-button-wrapper{display:flex;gap:calc(var(--ui-scale) * .6);margin-top:calc(var(--ui-scale) * .6)}.cookies-modal .cookies-title{text-align:center;margin-bottom:calc(var(--ui-padding) * .5);padding-bottom:var(--ui-padding);font-size:calc(var(--ui-font-size) * 1.2);font-weight:700;border-bottom:1px solid #333;-webkit-user-select:none;user-select:none}.cookies-modal .cookies-section-header{width:100%;background:none;border:none;font-size:calc(var(--ui-font-size) * .9);font-weight:700;color:#eee;-webkit-user-select:none;user-select:none;display:block}.cookies-modal .cookies-submenu-item{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--ui-scale) * .25) 0;font-size:calc(var(--ui-font-size) * .85);color:#ddd;font-weight:400}.options-menu .options-submenu-item[for=opt-enableCookies]{margin:0 calc(var(--ui-scale) * 1.6);margin-bottom:calc(var(--ui-scale) * .2);font-weight:500}.cookies-modal .cookies-section-description{text-align:center;margin-bottom:calc(var(--ui-padding) * .1);font-size:calc(var(--ui-font-size) * .7);font-weight:lighter;-webkit-user-select:none;user-select:none}.cookies-modal .cookies-accept-all-button:hover{background:#5162c4}.cookies-modal .cookies-only-neccesary-button:hover{background:#7c7777}.cookies-modal .confirm-buttons{display:flex;position:relative;width:100%}.cookies-modal .confirm-buttons{flex:1}.cookies-modal .cookies-only-neccesary-button{background:#666;color:#fff;border:none;cursor:pointer;padding:calc(var(--ui-scale) * .4) calc(var(--ui-scale) * .6);font-size:calc(var(--ui-icon-size) * .4);text-align:center;width:45%;margin-right:3%;border-radius:calc(var(--ui-scale) * .2)}.cookies-modal .cookies-accept-all-button{background:#3345aa;color:#fff;border:none;cursor:pointer;padding:calc(var(--ui-scale) * .4) calc(var(--ui-scale) * .6);font-size:calc(var(--ui-icon-size) * .4);text-align:center;width:45%;margin-left:3%;border-radius:calc(var(--ui-scale) * .2)}.cookies-modal .centre-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;font-size:calc(var(--ui-icon-size) * .6)}.cookies-modal-gradient{border-radius:calc(var(--ui-scale) * 1)}.gradient-overlay{position:absolute;left:0;right:0;height:calc(var(--book-size) * .5);pointer-events:none;-webkit-user-select:none;user-select:none}.gradient-overlay.gradient-bottom{bottom:0;background:linear-gradient(to top,#57575773,#0000)}.affiliate-disclaimer{display:block;position:relative;width:var(--book-size);text-align:center;font-size:clamp(.4rem,calc(var(--ui-scale) * .35),.8rem);color:#666;margin:calc(var(--ui-scale) * .05);line-height:1.4;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease;will-change:opacity,visibility}.affiliate-disclaimer.visible{opacity:1;visibility:visible}@media screen and (max-height: 399px){.affiliate-disclaimer{position:fixed;bottom:calc(var(--ui-scale) * .2);font-size:clamp(.35rem,calc(var(--ui-scale) * .35),.4rem);width:100%}}