@layer quartz-base{.rip{width:100%;margin:1.5rem 0 2.5rem}.rip *{box-sizing:border-box}.rip-root-content{margin-top:1.25rem;margin-bottom:1.75rem}.rip-overview{border-top:1px solid var(--lightgray);justify-content:space-between;align-items:flex-end;gap:1.25rem;padding:1.15rem 0 1.35rem;display:flex}.rip-stats{flex-wrap:wrap;gap:1.25rem 2.5rem;margin:0;display:flex}.rip-stat{flex-direction:column;min-width:5.5rem;display:flex}.rip-stat dt{color:var(--gray);font-family:var(--codeFont);letter-spacing:.03em;text-transform:lowercase;font-size:.7rem;line-height:1.45}.rip-stat dd{color:var(--dark);font-family:var(--headerFont);order:-1;margin:0;font-size:1.15rem;font-weight:700;line-height:1.35}.rip-browse-link{border:1px solid color-mix(in srgb, var(--secondary) 60%, var(--lightgray));color:var(--secondary);background:color-mix(in srgb, var(--secondary) 13%, var(--light));border-radius:.45rem;flex:none;align-items:center;gap:.55rem;padding:.55rem .75rem;font-size:.8rem;font-weight:650;text-decoration:none;transition:border-color .14s,background-color .14s,box-shadow .14s,transform .14s;display:inline-flex}.rip-browse-link:hover{border-color:var(--secondary);background:color-mix(in srgb, var(--secondary) 21%, var(--light));box-shadow:0 .25rem .8rem color-mix(in srgb, var(--secondary) 18%, transparent);transform:translateY(-1px)}.rip-browse-link:focus-visible{outline:3px solid var(--secondary);outline-offset:3px}.rip-directories{scroll-margin-top:1rem}.rip-section-heading{align-items:center;gap:.8rem;margin:0 0 1rem;display:flex}.rip-section-heading:after{background:var(--lightgray);content:"";flex:auto;height:1px}.rip-section-heading h2{color:var(--gray);font-family:var(--codeFont);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:500}.rip-section-heading span{color:var(--gray);font-family:var(--codeFont);order:2;font-size:.68rem}.rip-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rip-empty{color:var(--gray);margin:0;font-size:.9rem;font-style:italic}.rip-desc{color:var(--gray);overflow-wrap:anywhere;flex:auto;margin:0;font-size:.84rem;line-height:1.55}.rip-panel-heading{align-items:center;gap:.65rem;min-width:0;display:flex}.rip-panel-icon{border:1px solid var(--rip-panel-accent,var(--lightgray));width:2.35rem;height:2.35rem;color:var(--rip-panel-accent,var(--secondary));background:var(--highlight);pointer-events:none;border-radius:.65rem;flex:0 0 2.35rem;place-items:center;display:inline-grid}.rip-panel-icon svg{pointer-events:none;display:block}.rip-count{border:1px solid var(--lightgray);color:var(--gray);font-family:var(--codeFont);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.1em .45em;font-size:.68rem;line-height:1.6;display:inline-block}.rip-tags{flex-wrap:wrap;gap:.3rem;margin-top:auto;padding-top:.4rem;display:flex}.rip-tag{color:var(--rip-panel-accent,var(--secondary));background:var(--highlight);font-family:var(--codeFont);overflow-wrap:anywhere;border-radius:999px;padding:.12em .48em;font-size:.67rem}.rip--cards .rip-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.rip--cards .rip-card{min-width:0;margin:0}.rip--cards .rip-card-link{isolation:isolate;border:1px solid var(--lightgray);height:100%;min-height:10.5rem;color:var(--darkgray);background:0 0;border-radius:.8rem;flex-direction:column;gap:.65rem;padding:1.05rem 1.1rem;text-decoration:none;transition:transform .15s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.rip--cards .rip-card-link:before,.rip--cards .rip-card-link:after{z-index:0;opacity:0;content:"";pointer-events:none;transition:opacity .3s;position:absolute}.rip--cards .rip-card-link:before{border-radius:inherit;background:radial-gradient(ellipse 120% 80% at 50% 0%, var(--highlight) 0%, transparent 70%);background:radial-gradient(ellipse 120% 80% at 50% 0%, color-mix(in srgb, var(--rip-panel-accent,var(--secondary)) 8%, transparent) 0%, transparent 70%);inset:0}.rip--cards .rip-card-link:after{background:linear-gradient(90deg, transparent, var(--secondary), transparent);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--rip-panel-accent,var(--secondary)) 50%, transparent), transparent);height:1px;bottom:0;left:0;right:0}.rip--cards .rip-card-link>*{z-index:1;position:relative}.rip--cards .rip-card-link:focus-visible{outline:3px solid var(--secondary);outline-offset:3px}.rip--cards .rip-card-link:focus-visible:before,.rip--cards .rip-card-link:focus-visible:after{opacity:1}.rip--cards .rip-card-top{justify-content:space-between;align-items:flex-start;gap:.65rem;min-width:0;display:flex}.rip--cards .rip-card-title{min-width:0;color:var(--dark);font-family:var(--headerFont);overflow-wrap:anywhere;font-size:1rem;font-weight:650;line-height:1.3;transition:color .15s}@media (hover:hover){.rip--cards .rip-card-link:hover{transform:translateY(-2px)}.rip--cards .rip-card-link:hover:before,.rip--cards .rip-card-link:hover:after{opacity:1}}.rip--list .rip-list{border-top:1px solid var(--lightgray);margin:0;padding:0;list-style:none}.rip--list .rip-list-item{border-bottom:1px solid var(--lightgray);margin:0}.rip--list .rip-list-link{color:var(--darkgray);border-inline-start:.2rem solid #0000;flex-direction:column;gap:.35rem;padding:.8rem .35rem .8rem .55rem;text-decoration:none;transition:color .12s,border-color .12s,background-color .12s;display:flex}.rip--list .rip-list-link[data-rip-accent]{border-inline-start-color:var(--rip-panel-accent)}.rip--list .rip-list-link:hover{color:var(--rip-panel-accent,var(--secondary));background:var(--highlight)}.rip--list .rip-list-link:hover .rip-list-title{color:var(--rip-panel-accent,var(--secondary))}.rip--list .rip-list-link:focus-visible{outline:3px solid var(--secondary);outline-offset:2px}.rip--list .rip-list-row{justify-content:space-between;align-items:center;gap:1rem;min-width:0;display:flex}.rip--list .rip-list-title{min-width:0;color:var(--dark);font-family:var(--headerFont);overflow-wrap:anywhere;font-size:.96rem;font-weight:650}.rip--list .rip-panel-icon{border-radius:.55rem;flex-basis:2rem;width:2rem;height:2rem}@media (max-width:600px){.rip-overview{flex-direction:column;align-items:stretch}.rip-stats{gap:1rem 1.5rem}.rip-browse-link{align-self:flex-start}.rip--cards .rip-grid{grid-template-columns:1fr}.rip--cards .rip-card-link{min-height:0}}@media (prefers-reduced-motion:reduce){.rip .rip-browse-link,.rip .rip-card-link,.rip .rip-card-link:before,.rip .rip-card-link:after,.rip .rip-card-title,.rip .rip-list-link{transition:none}.rip .rip-browse-link:hover,.rip--cards .rip-card-link:hover{transform:none}}@media (forced-colors:active){.rip .rip-overview,.rip .rip-browse-link,.rip .rip-card-link,.rip .rip-list,.rip .rip-list-item,.rip .rip-count,.rip .rip-panel-icon{border-color:canvastext}.rip .rip-card-link:focus-visible,.rip .rip-list-link:focus-visible{outline-color:highlight}.rip .rip-panel-icon,.rip .rip-tag{color:linktext;background:canvas}.rip .rip-list-link[data-rip-accent]{border-inline-start-color:linktext}.rip .rip-card-link:before,.rip .rip-card-link:after{display:none}}.rip-latest{border-bottom:1px solid var(--lightgray);margin-top:1.25rem;padding-bottom:1.5rem}.rip-library-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.rip-library-heading .rip-section-heading{flex:auto;min-width:0;margin:0}.rip-sort{color:var(--gray);font-family:var(--codeFont);flex-direction:column;flex:0 18rem;gap:.25rem;font-size:.7rem;display:flex}.rip-sort select{border:1px solid var(--lightgray);width:100%;min-height:2.4rem;color:var(--dark);background:var(--light);font:inherit;border-radius:.4rem;padding:.35rem 2rem .35rem .55rem}.rip-sort select:hover{border-color:var(--secondary)}.rip-sort select:focus-visible{outline:3px solid var(--secondary);outline-offset:2px}.rip-updated{color:var(--gray);font-family:var(--codeFont);margin-top:auto;padding-top:.35rem;font-size:.68rem;line-height:1.45;display:block}#rip-books{scroll-margin-top:1rem}@media (max-width:600px){.rip-library-heading{flex-direction:column;align-items:stretch}.rip-sort{flex-basis:auto;width:100%}}@media (forced-colors:active){.rip-latest,.rip-sort select{border-color:canvastext}.rip-sort select:focus-visible{outline-color:highlight}}}