.trc-sys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.trc-sys-i{display:flex;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.trc-sys-a{display:flex;flex-direction:column;flex:1;text-decoration:none}a.trc-sys-a:hover{background:#ffffff47}a.trc-sys-a:hover .tile-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.trc-sys-a .go:after{content:"\a0\2192";content:"\a0\2192" / ""}.trc-sys .dwg{--pad: 22px;aspect-ratio:5 / 4}.trc-sys .tile-t{flex:1}.trc-sys-wide{grid-column:1 / -1}.trc-sys-wide .trc-sys-a{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.trc-sys-wide .dwg{aspect-ratio:var(--ar);align-self:center;--pad: 26px 34px 30px}.trc-sys-wide .tile-t{border-top:0;border-left:1px solid var(--rule);padding:18px 20px 20px}.trc-opts{margin-top:10px;border-top:1px solid var(--rule)}.trc-opts>li{border-bottom:1px solid var(--rule)}.trc-opt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:baseline;min-height:44px;padding:9px 0;text-decoration:none}a.trc-opt:after{content:"\2192";content:"\2192" / "";grid-column:2;grid-row:1;font:600 15px/1 var(--sans)}.trc-opt-n,.trc-opt-p{grid-column:1}a.trc-opt:hover{background:#ffffff47}a.trc-opt:hover .trc-opt-n{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.trc-opt-n{font:600 18px/1.15 var(--sans)}.trc-opt-p{color:var(--gr);font-size:15px;line-height:1.32;text-wrap:pretty}.trc-sys-t .tile-note{margin-top:10px}.trc-sys-k{font:500 11px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.trc-sys-t .go{display:inline-block;margin-top:8px}@media(max-width:1023px){.trc-sys-wide .trc-sys-a{grid-template-columns:minmax(0,1fr)}.trc-sys-wide .tile-t{border-left:0;border-top:1px solid var(--rule)}}@media(max-width:699px){.trc-sys{grid-template-columns:minmax(0,1fr)}.trc-sys-a{display:grid;grid-template-columns:44% minmax(0,1fr)}.trc-sys .dwg{aspect-ratio:auto;height:100%;min-height:200px;--pad: 12px}.trc-sys .tile-t{border-top:0;border-left:1px solid var(--rule);padding:12px;align-content:center}.trc-sys-wide .dwg{aspect-ratio:2.3 / 1;height:auto;min-height:0;--pad: 22px 8px 16px}.trc-sys-wide .tile-t{border-left:0;border-top:1px solid var(--rule);padding:12px 12px 16px}.trc-opt-n{font-size:17px}.trc-opt-p{font-size:14.5px}}.trc-vid{display:grid}.trc-vid-v{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;background:var(--paper-2)}.trc-vid>.trc-vid-v,.trc-vid>.vid-tg{grid-area:1 / 1}.trc-vid:has(.vid-tg:not([hidden])) .trc-vid-v{cursor:pointer}.vid-tg{align-self:end;justify-self:start;margin:12px;width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--ink);background:color-mix(in srgb,var(--paper) 88%,transparent);color:var(--ink);cursor:pointer}.vid-tg[hidden]{display:none}.vid-tg svg{width:16px;height:16px;fill:currentColor}.vid-tg:hover{background:var(--ink);color:var(--paper)}.vid-tg[data-state=playing] .vid-tg-play,.vid-tg:not([data-state=playing]) .vid-tg-pause{display:none}@media(max-width:699px){.vid-tg{margin:8px}}.pg-s-photos+.pg-s-photos>.pg-photos-s:not(:has(.sheet-head)){padding-top:18px}.pg-split-t .sheet-head+.pg-prose>h2:first-child{margin-top:0;padding-top:0;border-top:0;font-size:clamp(30px,3.4vw,48px);line-height:1}
/*# sourceMappingURL=/cdn/shop/t/12/assets/page-tierods-cases.css.map */