.home-page{color:#313131;background:#fff;min-height:100vh}.home-edit-button{z-index:10;color:#343a40;background:#fff;border:1px solid #6c757d;border-radius:.45rem;padding:.7rem 1rem;text-decoration:none;display:inline-block;position:fixed;top:1rem;right:1rem;box-shadow:0 .25rem 1rem #18233029}.home-edit-button:hover,.home-edit-button:focus{color:#fff;background:#6c757d}.home-page main{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.catalog-heading{border-bottom:1px solid #d2d6d5;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.catalog-heading h2{color:#219e9a;border-bottom:3px solid #219e9a;margin:0;padding-bottom:10px;font-size:16px;font-weight:700}.book-list{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 -15px 60px;padding:0;list-style:none;display:grid}.book-item{isolation:isolate;min-width:0;margin:10px 0;padding:10px;position:relative}.book-item:after{content:"";z-index:-1;background:0 0;border-radius:3px;width:calc(100% - 105px);transition:all .25s ease-out;position:absolute;inset:0 15px 0 auto;box-shadow:0 0 #0000}.book-item:hover:after,.book-item:focus-within:after{background:#f3f4f5;box-shadow:0 1px 1px 1px #d2d6d580}.book-link{color:#313131;min-height:215px;text-decoration:none;display:flex}.book-link:hover{color:#313131}.book-link:focus-visible{outline-offset:8px;outline:3px solid #219e9a}.bk-img{flex:0 0 180px;padding-right:30px;display:inline-block;position:relative}.bk-wrapper{z-index:1;perspective:1400px;width:150px;height:215px;position:relative}.bk-book{width:100%;height:215px;transform-style:preserve-3d;transition:transform .5s;position:absolute}.bk-book>div,.bk-front>div{display:block;position:absolute}.bk-front{transform-style:preserve-3d;transform-origin:0%;z-index:10;transition:transform .5s;transform:translateZ(20px)}.bk-front>div{z-index:1;backface-visibility:hidden;transform-style:preserve-3d;border-radius:0 3px 3px 0;box-shadow:inset 4px 0 10px #0000001a}.bk-front:after{content:"";width:1px;position:absolute;top:1px;bottom:1px;left:-1px}.bk-front,.bk-back,.bk-front>div{width:150px;height:215px}.bk-back{opacity:0;background:var(--cover-color);border-radius:3px 0 0 3px;transition:opacity .25s ease-out;transform:rotateY(-180deg)translateZ(20px);box-shadow:5px 7px 15px #0000004d}.bk-back:after,.bk-cover:after{content:"";background:#0000000f;width:3px;position:absolute;top:0;bottom:0;left:10px;box-shadow:1px 0 3px #ffffff1a}.bk-left{width:40px;height:215px;left:-20px;transform:rotateY(-90deg)}.bk-front>div,.bk-left{background-color:var(--cover-color)}.book-item:hover .bk-bookdefault,.book-item:focus-within .bk-bookdefault{transform:rotateY(25deg)}.book-item:hover .bk-back,.book-item:focus-within .bk-back{opacity:1}.cover-image-placeholder{color:#222;border:1px dashed #2226;justify-content:center;align-items:center;height:130px;margin:20px 15px 0 24px;font-size:15px;font-weight:700;display:flex}.cover-count{color:#222;letter-spacing:1px;text-transform:uppercase;font-size:11px;position:absolute;bottom:24px;left:24px}.item-details{min-width:0;padding-right:15px}.item-details h2{letter-spacing:-1px;overflow-wrap:anywhere;margin:6px 0;font-family:inherit;font-size:24px;font-weight:700;line-height:1.2}.item-details .author{letter-spacing:-1px;color:#31313180;margin:0 0 28px;font-size:15px}.item-details .button{color:#fff;background:#31313180;border-radius:3px;margin:0;padding:8px 14px;font-size:14px;font-weight:600;line-height:1;transition:background-color .25s ease-out;display:inline-block}.book-item:hover .button,.book-item:focus-within .button{background:#219e9a}.catalog-empty{padding:30px 0}@media (width<=767px){.book-list{grid-template-columns:minmax(0,1fr)}}@media (width<=380px){.bk-img{flex-basis:165px;padding-right:15px}.item-details{padding-right:0}.item-details h2{font-size:21px}}@media (prefers-reduced-motion:reduce){.bk-book,.bk-front,.bk-back,.book-item:after,.item-details .button{transition:none}}.cover-image{object-fit:cover;width:calc(100% - 39px);height:130px;margin:20px 15px 0 24px;display:block}.item-details .topic-description{color:#515151;overflow-wrap:anywhere;white-space:pre-line;margin:0 0 20px;font-size:15px;font-weight:300;line-height:1.4}.compact-book-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:0 0 60px}.compact-book-item{min-width:0}.compact-book-link{color:#313131;background:#fff;border:1px solid #dedede;border-radius:8px;flex-direction:column;justify-content:space-between;gap:12px;min-height:88px;padding:16px;text-decoration:none;transition:background-color .16s,border-color .16s,box-shadow .16s;display:flex}.compact-book-link:hover,.compact-book-link:focus-visible{color:#818181;background:#f3f4f5;border-color:#c8c8c8;box-shadow:0 3px 12px #00000014}.compact-book-link:focus-visible{outline-offset:2px;outline:3px solid #777}.compact-book-link h2{overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:700;line-height:1.25}.compact-book-link span{color:#686868;font-size:13px}.style2-book-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:34px 26px;margin:0 0 70px}.style2-book-item{min-width:0;padding:8px}.style2-book-link{color:#252525;text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:20px;padding:18px 14px;text-decoration:none;transition:background-color .18s;display:flex}.style2-book-link:hover,.style2-book-link:focus-visible{color:#818181;background:#f3f4f5}.style2-book-link:focus-visible{outline-offset:3px;outline:3px solid #777}.style2-book-stage{width:196px;height:226px;display:block;position:relative}.style2-book{width:160px;height:200px;position:absolute;bottom:17px;left:18px}.style2-cover,.style2-back,.style2-pages,.style2-pages>span{display:block;position:absolute}.style2-back{z-index:0;background:#818181;border-radius:0 6px 6px 0;width:96%;height:96%;top:2%;left:2%;box-shadow:2px 2px 5px #00000040}.style2-pages{z-index:1;width:90%;height:94%;top:3%;left:5%}.style2-pages>span{background:#fff;border:1px solid #0003;border-radius:0 6px 6px 0;width:98%;height:100%;transition:transform .5s cubic-bezier(.2,.75,.25,1);inset:0 0 0 auto;box-shadow:0 1px 3px #00000026}.style2-cover{z-index:3;background:var(--cover-color);transform-origin:0;border-radius:2px 6px 6px 2px;transition:transform .5s cubic-bezier(.2,.75,.25,1),box-shadow .5s;inset:0;overflow:hidden;box-shadow:10px 5px 20px #00000026,20px 0 30px #00000026}.style2-cover img{object-fit:cover;width:100%;height:100%;display:block}.style2-placeholder{color:#00000094;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}.style2-cover-effect{z-index:4;background:linear-gradient(90deg,#ffffff40,#0000);border-left:2px solid #00000014;width:24px;transition:left .5s;position:absolute;top:0;bottom:0;left:12px}.style2-cover-light{z-index:5;border-radius:inherit;opacity:.1;mix-blend-mode:overlay;background:linear-gradient(90deg,#0000,#ffffff80);transition:opacity .5s;position:absolute;inset:0}.style2-book-shadow{z-index:5;background:radial-gradient(#0003,#0000 70%);border-radius:50%;width:120px;height:3px;transition:width .5s,opacity .5s,transform .5s;position:absolute;bottom:13px;left:38px}.style2-book-link:hover .style2-cover,.style2-book-link:focus-visible .style2-cover{transform:translate(-10px)scaleX(.96);box-shadow:20px 5px 20px #00000059,30px 0 30px #00000026}.style2-book-link:hover .style2-pages>span:first-child,.style2-book-link:focus-visible .style2-pages>span:first-child{transform:translate(3px)}.style2-book-link:hover .style2-pages>span:last-child,.style2-book-link:focus-visible .style2-pages>span:last-child{transform:translate(-3px)}.style2-book-link:hover .style2-cover-effect,.style2-book-link:focus-visible .style2-cover-effect{left:10px}.style2-book-link:hover .style2-cover-light,.style2-book-link:focus-visible .style2-cover-light{opacity:.2}.style2-book-link:hover .style2-book-shadow,.style2-book-link:focus-visible .style2-book-shadow{opacity:.85;width:136px;transform:translate(-8px)}.style2-details{flex-direction:column;gap:5px;display:flex}.style2-details strong{overflow-wrap:anywhere;font-size:18px;line-height:1.25}.style2-details small{color:#686868;font-size:13px}.style3-book-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:36px 28px;margin:0 0 70px}.style3-book-item{flex-direction:column;align-items:center;min-width:0;padding:8px;display:flex}.style3-book-card{box-sizing:border-box;border-radius:10px;flex-direction:column;align-items:center;gap:20px;width:100%;padding:18px 14px;transition:background-color .18s;display:flex}.style3-card-link{color:#868ca0;text-decoration:none}.style3-book-card:hover,.style3-book-card:focus-within{background:#f3f4f5}.style3-book-wrap{perspective:1200px;width:160px;height:220px;position:relative;transform:perspective(1200px)}.style3-book{width:160px;height:220px;transform-style:preserve-3d;transform-origin:50%;will-change:transform;border-radius:0 7px 7px 0;transition:transform .8s cubic-bezier(.2,.6,.3,1);display:block;position:relative;transform:rotateY(0)translateZ(18px)}.style3-face,.style3-spine{-webkit-backface-visibility:hidden;backface-visibility:hidden;width:160px;height:220px;display:block;position:absolute;top:0;left:0;overflow:hidden}.style3-pages{z-index:0;background:#fff;border:1px solid #b9b9b9;border-radius:2px 7px 7px 2px;width:148px;height:210px;position:absolute;top:5px;left:12px;transform:translateZ(0);box-shadow:9px 20px 28px -10px #00000052,inset -2px 0 #bdbdbd,inset -3px 0 #eee,inset -5px 0 #cfcfcf,inset -7px 0 #fff,inset -9px 0 #d5d5d5}.style3-front{z-index:3;background:var(--cover-color);transform-origin:0 0;border-radius:0 7px 7px 0;transition:transform .8s cubic-bezier(.2,.6,.3,1),box-shadow .3s;transform:translateZ(16px);box-shadow:5px 7px 16px -4px #0000004d}.style3-front:after,.style3-back:after{content:"";background:#00000014;width:3px;position:absolute;top:0;bottom:0;left:6px}.style3-front img{object-fit:cover;width:100%;height:100%;display:block}.style3-notes{z-index:2;letter-spacing:.02em;color:#0000;text-shadow:2px 2px 3px #5a5f734d;background-color:#111;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;border-radius:999px;padding:5px 7px;font-weight:700;line-height:1;display:block;position:absolute;top:10px;right:8px}.style3-placeholder{color:#00000094;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}.style3-back{background:#e4e4e4;background:color-mix(in srgb, var(--cover-color) 28%, white);color:#222;transform-origin:50%;border-radius:7px 0 0 7px;justify-content:center;align-items:center;padding:20px 18px 20px 24px;display:flex;transform:rotateY(180deg)translateZ(16px)}.style3-back:after{left:auto;right:6px}.style3-back>span{text-align:left;overflow-wrap:anywhere;max-height:180px;font-size:12px;font-weight:500;line-height:1.45;overflow:hidden}.style3-spine{z-index:2;background:var(--cover-color);transform-origin:50%;border-radius:2px 0 0 2px;width:32px;left:-16px;transform:rotateY(-90deg)}.style3-spine:after{content:"";background:#00000052;width:100%;height:100%;display:block}.style3-book-card:hover:not(.is-flipped) .style3-front,.style3-book-card:focus-within:not(.is-flipped) .style3-front{transform:scaleX(.95)rotateY(-28deg)translateZ(16px);box-shadow:10px 10px 22px -5px #00000040}.style3-book-card.is-flipped .style3-book{transform:rotateY(180deg)translateZ(18px)}.style3-book-card.is-flipped .style3-front{transform:translateZ(16px)}.style3-book-card.is-turning:not(.is-flipped) .style3-book{transition-duration:.3s;transform:rotateY(30deg)translateZ(18px)}.style3-book-card.is-flipped.is-turning .style3-book{transition-duration:.3s;transform:rotateY(150deg)translateZ(18px)}.style3-details{text-align:center;flex-direction:column;gap:5px;min-width:0;display:flex}.style3-card-link:hover .style3-details,.style3-card-link:focus-visible .style3-details{color:#252525}.style3-card-link:focus-visible{outline-offset:3px;border-radius:3px;outline:3px solid #777}.style3-details strong{overflow-wrap:anywhere;font-size:18px;line-height:1.25}.style3-flip{color:#444;cursor:pointer;background:#fff;border:1px solid #bbb;border-radius:999px;margin-top:6px;padding:4px 10px;font-size:11px;line-height:1.2;transition:background-color .16s,border-color .16s}.style3-flip:hover,.style3-flip:focus-visible{color:#111;background:#e7e7e7;border-color:#999}.style3-flip:focus-visible{outline-offset:2px;outline:3px solid #777}@media (prefers-reduced-motion:reduce){.style2-book,.style2-cover,.style2-book-link,.style3-book,.style3-front,.style3-book-card,.style3-flip,.style2-pages>span,.style2-cover-effect,.style2-cover-light,.style2-book-shadow{transition:none}}