.desktop-item{position:relative;display:grid;grid-template-rows:64px auto;gap:var(--nano);justify-content:center;width:80px;padding:var(--nano);border-radius:var(--nano);&.is-selected{background-color:color-mix(in oklch,var(--white),transparent 80%)}img{max-width:100%}.item-badge{position:absolute;top:-4px;right:4px;pointer-events:none;padding:4px 8px}svg{width:100%;height:auto}.item-label{font-size:92%;font-weight:400;text-align:center;color:white;overflow-wrap:anywhere}}#cart-section{font-family:unset!important;.weight-selector{padding:16px;transition:all .2s ease-in-out}.volume-addition{min-height:80px}#cart-total{svg{width:64px;fill:none;stroke-linecap:round;stroke-linejoin:round}svg .cart-icon_svg__bag-back,svg .cart-icon_svg__bag-front,svg .cart-icon_svg__handle-front{stroke:var(--grey-light20);stroke-width:2}svg .cart-icon_svg__bottom-fold,svg .cart-icon_svg__centre-crease{stroke:var(--grey-light40);stroke-width:1}}}#hero-section{header{height:80vh;display:flex;flex-direction:column}#hero-scene{flex:1 1}}.animated-grid{display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;gap:1px;background-color:var(--grey-light60);border:1px solid var(--grey-light60);@media screen and (max-width:900px){grid-template-rows:repeat(3,1fr)}}.grid-cell{display:flex;align-items:center;justify-content:center;background-color:var(--white);aspect-ratio:1}.grid-cell.fixed *{color:var(--red)}.grid-cell.random *{color:var(--black);transition:color .2s ease}#glyphs-explorer{#glyph-stage{position:sticky;top:48px;padding:64px 0}.stage-glyph-box{height:1em;font-size:clamp(180px,22cqw,400px)}.stage-glyph,.stage-glyph-box{position:relative;line-height:1}.stage-glyph{z-index:1;display:block;text-align:center}.metric-line{position:absolute;left:0;width:100%;border-top:1px solid color-mix(in oklch,currentColor,transparent 70%);font-size:13px;span{position:absolute;transform:translateY(-120%);opacity:.6}.metric-label{left:0}.metric-value{right:0}}#weights-list{display:flex;gap:8px;overflow-x:auto;margin-bottom:24px;.choice-card{cursor:pointer;text-align:center;min-width:72px;opacity:.6;&.selected{opacity:1;outline:2px solid var(--red)}}}.glyph-group{margin-bottom:24px}.group-label{font-size:13px;opacity:.6;margin-bottom:8px}.group-chars{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));border-top:1px solid var(--grey-light20);border-left:1px solid var(--grey-light20)}.glyph-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:24px;color:inherit;background-color:white;border:none;border-right:1px solid var(--grey-light20);border-bottom:1px solid var(--grey-light20);cursor:pointer;&.active,&:hover{background-color:var(--red-light20)}&.is-static{cursor:default;&:hover{background-color:transparent}.variant-x{opacity:.35;margin-right:2px}}}}.font-page{background-color:white}.font-page-unavailable{padding:48px 24px;text-align:center;opacity:.5}.document-window .window-content{padding:0}