html{font-size:.85px;}@media(min-width:501px){html{font-size:.9px}}@media(min-width:1001px){html{font-size:1px}}#catalog{display:flex;gap:24rem;height:100svh;padding:24rem;overflow:hidden;user-select:none;}#catalog_thumbnail{display:flex;flex-direction:column;flex:0 0 210rem;min-height:0;padding:20rem;border:1rem solid var(--kinh_vien);border-radius:26rem;background:var(--kinh_mat);box-shadow:var(--kinh_bong);}#catalog_thumbnail > a{display:flex;justify-content:center;padding:6rem 0 22rem;}#catalog_page_logo{width:140rem;height:34rem;object-fit:contain;}#catalog_thumbnail_container{flex:1;min-height:0;overflow-y:auto;}.catalog_thumbnail_item{position:relative;display:flex;width:100%;padding:12rem;margin-bottom:16rem;border:0;border-radius:18rem;background:rgba(255,255,255,.22);cursor:pointer;transition:background .2s,border-color .2s;}.catalog_thumbnail_item:hover{background:rgba(255,255,255,.5);}.catalog_thumbnail_item[aria-current=true]{background:rgba(242,199,68,.08);}.catalog_thumbnail_item_image{width:100%;height:190rem;object-fit:contain;}.catalog_thumbnail_item_index{position:absolute;bottom:8rem;right:8rem;min-width:26rem;padding:5rem;border-radius:100rem;background:rgba(255,255,255,.85);color:var(--kinh_phu);font:500 12rem/1.3 var(--kinh_font);}.catalog_thumbnail_item[aria-current=true] .catalog_thumbnail_item_index{background:var(--kinh_vang);color:var(--kinh_chu);}#catalog_pages{position:relative;flex:1;min-width:0;height:100%;padding:12rem 24rem 90rem;}#khung_sach{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}#flipbook{position:relative;flex:none;width:100%;height:100%;}.flipbook_page{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:white;overflow:hidden;}.flipbook_page[hidden]{display:none;}.flipbook_page_image{display:block;width:100%;height:100%;object-fit:contain;}#filpbook_tool{position:absolute;bottom:12rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6rem;padding:6rem;border:1rem solid var(--kinh_vien);border-radius:100rem;background:var(--kinh_mat);box-shadow:var(--kinh_bong);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);white-space:nowrap;}#filpbook_tool_arrow_left,#filpbook_tool_arrow_right{display:grid;place-items:center;width:40rem;height:40rem;padding:10rem;border:0;border-radius:50%;background:transparent;color:var(--kinh_chu);cursor:pointer;transition:background .2s;}#filpbook_tool_arrow_right{order:3;}#filpbook_tool button:not(:disabled):hover{background:rgba(242,199,68,.25);}#filpbook_tool button:not(:disabled):active{background:rgba(242,199,68,.45);}#filpbook_tool button svg{display:block;width:18rem;height:18rem;padding:0;border:0;background:none;box-shadow:none;}#filpbook_tool_container{display:flex;align-items:center;gap:8rem;padding:0 10rem;border:1rem solid transparent;border-radius:100rem;font:400 14rem/1.5 var(--kinh_font);color:var(--kinh_phu);}#filpbook_tool_current_page{width:40rem;height:34rem;padding:4rem;border:0;border-radius:100rem;background:transparent;font:500 16rem/1.3 var(--kinh_font);color:var(--kinh_chu);text-align:center;appearance:textfield;}#filpbook_tool_current_page::-webkit-inner-spin-button{appearance:none;}#filpbook_tool_container:focus-within{border-color:var(--kinh_vien);background:var(--kinh_mat);box-shadow:inset 0 1rem 0 rgba(255,255,255,.65);}#filpbook_tool button:focus-visible{outline:2rem solid var(--kinh_nhan);outline-offset:-2rem;}@media(max-width:1000px){#catalog_thumbnail{display:none}#catalog{padding:16rem}#catalog_pages{padding:8rem 0 90rem}}#filpbook_tool{z-index:100;}#filpbook_tool button:disabled{opacity:.35;cursor:default;}.catalog_thumbnail_item:focus-visible{outline:none;background:rgba(242,199,68,.12);}