@layer components{.rb{aspect-ratio:10/9;width:100%;position:relative;container-type:inline-size}.rb-book{z-index:3;width:64%;position:absolute;top:0;left:-2%}.rb-page{background:#fff;border-radius:.8cqi;height:auto;transition:transform .26s;display:block;position:absolute;box-shadow:0 2.4cqi 4cqi -1.4cqi #0a061e80}.rb-page-a{z-index:1;width:41%;top:2%;left:47%;transform:rotate(9deg)}.rb-page-b{z-index:2;width:43%;top:13%;left:37%;transform:rotate(2.5deg)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.rb-live:hover .rb-page-a{transform:rotate(12deg)translate(3cqi)}.rb-live:hover .rb-page-b{transform:rotate(4deg)translate(1.5cqi)}}@media (prefers-reduced-motion:reduce){.rb-page{transition:none}}.rb-solo{aspect-ratio:148/210}.rb-solo .rb-book{width:108%;top:-3%;left:-4%}.rb-tag{z-index:4;position:absolute;bottom:6%;left:6%}.rb-solo .rb-tag{bottom:4%}.rb-strip{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000 100%)}.rb-strip::-webkit-scrollbar{display:none}.rb-strip>li{scroll-snap-align:start}}