.rbf{cursor:pointer;transition:transform .3s cubic-bezier(.45,0,.2,1)}.rbf.is-open,.rbf:hover{transform:translateY(-8px)}.rbf:hover .rbf-paper{transform:translate(-50%)}.rbf.is-open .rbf-front,.rbf:hover .rbf-front{transform:skew(15deg) scaleY(.6)}.rbf.is-open .rbf-right,.rbf:hover .rbf-right{transform:skew(-15deg) scaleY(.6)}.rbf.is-open .rbf-paper-1{transform:translate(-120%,-70%) rotate(-15deg)}.rbf.is-open .rbf-paper-2{transform:translate(10%,-70%) rotate(15deg);height:80%}.rbf.is-open .rbf-paper-3{transform:translate(-50%,-100%) rotate(5deg);height:80%}.rbf-back{position:relative;width:100px;height:80px;border-radius:0 10px 10px 10px}.rbf-back,.rbf-back:after{background:var(--rbf-back-color)}.rbf-back:after{content:"";position:absolute;z-index:0;bottom:98%;left:0;width:30px;height:10px;border-radius:5px 5px 0 0}.rbf-paper{position:absolute;z-index:2;bottom:10%;left:50%;transform:translate(-50%,10%);width:70%;height:80%;background:var(--rbf-paper-1);border-radius:10px;transition:transform .35s cubic-bezier(.45,0,.2,1),height .35s cubic-bezier(.45,0,.2,1)}.rbf-paper-2{background:var(--rbf-paper-2);width:80%;height:70%}.rbf-paper-3{background:var(--rbf-paper-3);width:90%;height:60%}.rbf-front{position:absolute;z-index:3;width:100%;height:100%;background:var(--rbf-color);border-radius:5px 10px 10px 10px;transform-origin:bottom;transition:transform .35s cubic-bezier(.45,0,.2,1)}.rbf:focus-visible{outline:2px solid var(--accent,#c2416a);outline-offset:6px;border-radius:10px}