:root{--clr-60: #DDE2E5;--clr-30: #FFFFFF;--clr-10: #44B1EF;--clr-txt-h1: #17130f;--clr-txt-h3: #17130F;--clr-txt-p: #17130f83;font-size:16px}@font-face{font-family:font;src:url(/assets/suse-CRzWIRDC.ttf)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--clr-60);font-family:font;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--clr-txt-h1)}h4{font-weight:700;font-size:14px}p,li,select,option{opacity:.7;font-size:13px}:root{--clr-60: #DDE2E5;--clr-30: #FFFFFF;--clr-10: #44B1EF;--clr-txt-h1: #17130fab;--clr-txt-h3: #17130F;--clr-txt-p: #17130f83}header{display:grid;grid-template-columns:1fr min(100% - 25px,400px) 1fr;width:100%;padding-bottom:100px;position:relative}header video{opacity:0;position:absolute;width:100%;height:100%;z-index:-1;object-fit:cover;transition:opacity 1s}header .background-video-hide{opacity:0!important}header .background-video{opacity:.5!important}header nav{grid-column:2;padding-block:25px}header nav h4{color:#fff;font-family:cursive}header nav h4 span{color:#d661ff}header .search{grid-column:2;width:100%;max-width:300px;border:none;border:1px solid rgba(0,0,0,.3);padding:10px 90px 10px 10px;border-radius:20px;position:relative;overflow:hidden;margin-top:100px;outline-color:#0000ff80;margin-inline:auto}header .btn-search{position:relative;right:-110px;top:-37px;grid-column:2;width:80px;align-self:center;padding:10px;border-radius:20px;border:1px solid rgba(0,0,0,.3);margin-inline:auto;color:#fff;background-color:#d661ff}header:before{content:"";position:absolute;background-color:#000;top:0;right:0;bottom:0;left:0;z-index:-2}section[class=books]{width:100%;color:#282828;background-color:#fff}section[class=books] .head{display:flex;padding:20px;gap:6px;width:100%;flex-direction:column}section[class=books] .head select{background-color:#c960ee;padding:10px;border-radius:20px;border:none;outline:none}section[class=books] .body{columns:2;padding:25px;gap:10px}section[class=books] .book{max-width:200px;height:fit-content;position:relative;overflow:hidden;border-radius:15px;margin-bottom:10px;break-inside:avoid;box-shadow:#0003 0 0 10px}section[class=books] .book img{width:100%}section[class=books] .book .about-and-option-items{display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:absolute;bottom:0;left:0;right:0;width:100%}section[class=books] .book .option-items{align-self:flex-end;background-color:#fff;border-radius:2px}section[class=books] .book .option-items-show{opacity:1;height:66px;width:83px;transition:opacity .3s .3s}section[class=books] .book .option-items-hide{opacity:0;width:0;height:0;transition:opacity .3s,width 0s .3s,height 0s .3s}section[class=books] .book .option-items p{color:#000;padding-inline:12px;padding-block:2px;border-bottom:1px solid #00000048}section[class=books] .book .about-and-options{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px;text-overflow:ellipsis;background:linear-gradient(transparent,#000);color:#fff}section[class=books] .book .about-and-options .options{display:flex;gap:3px}section[class=books] .book .about-and-options .options span{height:4px;width:4px;border-radius:4px;background-color:#fff}