.device-model{--dm-radius: 1.6rem;--dm-radius-lg: 2.4rem;--dm-line: color-mix(in srgb, rgba(var(--color-foreground)) 10%, transparent);--dm-muted: color-mix(in srgb, rgba(var(--color-foreground)) 58%, transparent);--dm-hover: color-mix(in srgb, rgba(var(--color-foreground)) 5%, transparent);--dm-plinth: color-mix(in srgb, rgba(var(--color-foreground)) 4.5%, rgb(var(--color-background)));--dm-tint: color-mix(in srgb, rgba(var(--color-accent)) 8%, transparent);--dm-accent: rgb(var(--color-accent));--dm-ease: cubic-bezier(.22, 1, .36, 1);--dm-raised: linear-gradient( 180deg, rgb(var(--color-background)), color-mix(in srgb, rgba(var(--color-foreground)) 2.5%, rgb(var(--color-background))) );--dm-lift-1: 0 1px 1px rgba(var(--color-shadow), .04), 0 2px 6px -2px rgba(var(--color-shadow), .07);--dm-lift-2: 0 1px 2px rgba(var(--color-shadow), .05), 0 10px 24px -14px rgba(var(--color-shadow), .18);--dm-lift-3: 0 2rem 4rem -2.4rem rgba(var(--color-shadow), .35)}.device-model__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 2.4rem;padding:0;list-style:none;font-size:1.3rem;color:var(--dm-muted)}.device-model__crumb+.device-model__crumb:before{content:"/";margin-inline-end:.6rem;opacity:.5}.device-model__crumb a{color:inherit;text-decoration:none}.device-model__crumb a:hover{color:rgb(var(--color-accent));text-decoration:underline;text-underline-offset:.3em}.device-model__crumb[aria-current=page]{color:rgb(var(--color-foreground))}.dm-hero{display:grid;gap:2.4rem;align-items:stretch}@media(min-width:900px){.dm-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4.8rem}}.dm-hero__media{position:relative;display:grid;place-items:center;min-height:34rem;padding:3.2rem;border-radius:3.2rem;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--dm-accent) 20%,rgb(var(--color-background))),color-mix(in srgb,var(--dm-accent) 7%,rgb(var(--color-background))) 62%,color-mix(in srgb,var(--dm-accent) 4%,rgb(var(--color-background))));overflow:hidden}@media(min-width:900px){.dm-hero__media{min-height:46rem}}.dm-hero__media--empty{color:var(--dm-muted)}.dm-hero__img{display:block;width:auto;height:100%;max-height:44rem;max-width:88%;object-fit:contain;mix-blend-mode:multiply}.dm-hero__img--wide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;mix-blend-mode:normal}html[xo-dark-mode] .dm-hero__img{mix-blend-mode:normal}.dm-hero__tag{position:absolute;top:2rem;inset-inline-start:2rem;z-index:1;padding:.6rem 1.2rem;border-radius:10rem;background-color:rgb(var(--color-background));font-size:1.3rem;font-weight:500;color:var(--dm-muted)}.dm-hero__body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.8rem;min-width:0}.device-model__brand{display:inline-flex;align-items:center;gap:.8rem;padding:.5rem 1.2rem .5rem .6rem;border-radius:10rem;background-color:var(--dm-plinth);font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground))}.device-model__brand-logo{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;padding:.4rem;border-radius:50%;background-color:rgb(var(--color-background))}.device-model__brand-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.dm-hero__title{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(3.2rem,1.8rem + 2.6vw,5.6rem);line-height:1.04;letter-spacing:-.03em;color:rgb(var(--color-foreground));text-wrap:balance}.dm-hero__count{margin:0;font-size:1.8rem;line-height:1.4;color:var(--dm-muted)}.dm-hero__count strong{font-weight:600;color:rgb(var(--color-foreground))}.dm-hero__cats{display:flex;flex-direction:column;gap:.8rem;width:100%}html:not(.js) .dm-hero__cats,.dm-hero__cats[hidden]{display:none}.dm-hero__cat-skeleton{display:block;height:8.8rem;border-radius:var(--dm-radius-lg);background-color:var(--dm-plinth)}@media(prefers-reduced-motion:no-preference){.dm-hero__cat-skeleton{animation:device-model-pulse 1.4s ease-in-out infinite}}.dm-hero__cat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.6rem;padding:1.1rem 1.1rem 1.1rem 1.8rem;border-radius:var(--dm-radius-lg);background-color:var(--dm-plinth);color:rgb(var(--color-foreground));text-decoration:none;transition:background-color .25s ease}.dm-hero__cat:hover{background-color:color-mix(in srgb,var(--dm-accent) 9%,rgb(var(--color-background)));color:rgb(var(--color-foreground))}.dm-hero__cat:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.dm-hero__cat-head{display:flex;flex-direction:column;gap:.2rem;min-width:0}.dm-hero__cat-title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.8rem;line-height:1.2}.dm-hero__cat-count{font-size:1.4rem;font-weight:500;color:rgb(var(--color-accent));white-space:nowrap}.dm-hero__thumbs{display:flex;gap:.6rem}.dm-hero__thumb{display:grid;place-items:center;width:6.6rem;height:6.6rem;border-radius:1.2rem;background-color:rgb(var(--color-background));overflow:hidden}.dm-hero__thumb img{display:block;max-height:5.8rem;max-width:88%;width:auto;height:auto;object-fit:contain}.dm-hero__thumb--more{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.5rem;color:rgb(var(--color-foreground))}.dm-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:.4rem}.device-model [data-dm-all][hidden]{display:none}.dm-hero__mine-cell{display:contents}.dm-hero__mine{display:inline-flex;align-items:center;gap:.8rem;height:5.4rem;padding:0 2rem;border:1px solid var(--dm-line);border-radius:10rem;background:var(--dm-raised);box-shadow:var(--dm-lift-1);color:rgb(var(--color-foreground));font:inherit;font-size:1.5rem;font-weight:500;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease,color .2s ease}.dm-hero__mine[hidden]{display:none}.dm-hero__mine:hover{box-shadow:var(--dm-lift-2);border-color:color-mix(in srgb,rgba(var(--color-foreground)) 22%,transparent)}.dm-hero__mine:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.dm-hero__mine-icon{display:none;color:rgb(var(--color-accent))}.dm-hero__mine.is-saved{border-color:color-mix(in srgb,rgb(var(--color-accent)) 40%,transparent);background:var(--dm-tint);box-shadow:none;cursor:default}.dm-hero__mine.is-saved .dm-hero__mine-icon{display:inline-flex}.device-model__section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1.2rem;margin-bottom:2rem}.device-model__heading{margin:0;font-family:var(--font-heading-family);font-size:clamp(2.4rem,1.8rem + 1.2vw,3.4rem);font-weight:var(--font-heading-weight);line-height:1.15;letter-spacing:-.02em;color:rgb(var(--color-foreground))}.device-model__more{font-size:1.5rem;font-weight:600;color:rgb(var(--color-accent));text-decoration:underline;text-underline-offset:.3em;white-space:nowrap}.dm-tabs{display:flex;gap:.4rem;width:max-content;max-width:100%;margin-bottom:2.4rem;padding:.4rem;border-radius:10rem;background-color:color-mix(in srgb,rgba(var(--color-foreground)) 4%,transparent);overflow-x:auto;scrollbar-width:none}.dm-tabs::-webkit-scrollbar{display:none}.dm-tabs[hidden]{display:none}.dm-tab{display:inline-flex;flex:0 0 auto;align-items:center;gap:.8rem;height:4.2rem;padding:0 1.6rem;border:1px solid transparent;border-radius:10rem;background:transparent;color:var(--dm-muted);font:inherit;font-size:1.5rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .18s var(--dm-ease),border-color .18s var(--dm-ease),box-shadow .18s var(--dm-ease),color .18s var(--dm-ease)}.dm-tab:hover{color:rgb(var(--color-foreground))}.dm-tab:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.dm-tab[aria-pressed=true]{border-color:var(--dm-line);background:var(--dm-raised);box-shadow:var(--dm-lift-1);color:rgb(var(--color-foreground))}.dm-tab__count{font-size:1.3rem;font-variant-numeric:tabular-nums;color:var(--dm-muted)}.device-model__products{min-height:24rem}.device-model__products[data-dm-state=done],.device-model__products[data-dm-state=empty],.device-model__products[data-dm-state=error]{min-height:0}.device-model__skeleton{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}@media(min-width:750px){.device-model__skeleton{grid-template-columns:repeat(4,minmax(0,1fr))}}.device-model__skeleton-cell{aspect-ratio:3 / 4;border-radius:var(--dm-radius);background-color:var(--dm-hover);animation:device-model-pulse 1.1s ease-in-out infinite}.device-model__skeleton-cell:nth-child(2){animation-delay:.12s}.device-model__skeleton-cell:nth-child(3){animation-delay:.24s}.device-model__skeleton-cell:nth-child(4){animation-delay:.36s}@keyframes device-model-pulse{50%{opacity:.45}}html:not(.js) .device-model__skeleton{display:none}.device-model__fallback{display:flex;justify-content:center;margin-top:2.8rem}.device-model__products[data-dm-state=loading]~.device-model__fallback{display:none}html:not(.js) .device-model__fallback{display:flex}.device-model__empty{margin:0;padding:3.2rem 1.6rem;border:1px dashed var(--dm-line);border-radius:var(--dm-radius);text-align:center;font-size:1.5rem;color:var(--dm-muted)}.dm-card{display:flex;flex-direction:column;gap:.8rem;min-width:0}.dm-card__family{align-self:flex-start;margin-inline-start:1.2rem;padding:.4rem 1.1rem;border-radius:10rem;background-color:var(--dm-plinth);font-size:1.3rem;font-weight:500;color:rgb(var(--color-foreground));text-decoration:none;transition:background-color .2s ease}.dm-card__family:hover{background-color:var(--dm-tint);color:rgb(var(--color-foreground))}.dm-card__family:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.dm-band{margin-bottom:4.8rem;border-radius:3.2rem;overflow:hidden;background-color:var(--dm-plinth)}.dm-band img{display:block;width:100%;height:auto;max-height:48rem;object-fit:cover}.device-model__body{display:grid;gap:3.2rem;align-items:start}@media(min-width:900px){.device-model__body{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:4.8rem}}.device-model__prose{max-width:68ch;font-size:clamp(1.55rem,1.5rem + .2vw,1.7rem);line-height:1.7;color:color-mix(in srgb,rgba(var(--color-foreground)) 86%,transparent)}.device-model__prose>*+*{margin-top:1.4rem}.device-model__prose a{color:rgb(var(--color-accent));text-decoration:underline;text-underline-offset:.3em}.device-model__prose ul,.device-model__prose ol{padding-inline-start:2.2rem}.device-model__prose li+li{margin-top:.6rem}.device-model__spec{margin:0;border:1px solid var(--dm-line);border-radius:var(--dm-radius);background:var(--dm-raised);box-shadow:var(--dm-lift-2);overflow:hidden}.device-model__spec-row{display:grid;gap:.2rem 1.6rem;padding:1.2rem 1.6rem}@media(min-width:480px){.device-model__spec-row{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:baseline}}.device-model__spec-row+.device-model__spec-row{border-top:1px solid var(--dm-line)}.device-model__spec-row dt{font-size:1.35rem;color:var(--dm-muted)}.device-model__spec-row dd{margin:0;font-size:1.45rem;font-weight:600;color:rgb(var(--color-foreground))}.device-model__spec-row--wide{grid-template-columns:minmax(0,1fr)}.device-model__spec-row--wide dd{font-weight:500;color:color-mix(in srgb,rgba(var(--color-foreground)) 86%,transparent)}.device-model__related{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.6rem;margin:0;padding:0;list-style:none}.device-model__related-link{display:flex;flex-direction:column;gap:1rem;height:100%;color:rgb(var(--color-foreground));text-decoration:none}.device-model__related-link:hover{color:rgb(var(--color-foreground))}.device-model__related-thumb{display:grid;place-items:center;height:19rem;padding:1.6rem;border-radius:2rem;background-color:var(--dm-plinth);color:var(--dm-muted);transition:background-color .25s ease}.device-model__related-link:hover .device-model__related-thumb{background-color:color-mix(in srgb,rgb(var(--color-accent)) 8%,rgb(var(--color-background)))}.device-model__related-thumb img{width:auto;height:100%;max-width:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s var(--dm-ease)}html[xo-dark-mode] .device-model__related-thumb img{mix-blend-mode:normal}@media(prefers-reduced-motion:no-preference){.device-model__related-link:hover .device-model__related-thumb img{transform:scale(1.05)}}.device-model__related-text{display:flex;flex-direction:column;gap:.2rem;min-width:0;padding-inline:.4rem}.device-model__related-name{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.7rem;line-height:1.25;text-wrap:balance}.device-model__related-year{font-size:1.3rem;color:var(--dm-muted);font-variant-numeric:tabular-nums}.device-model__crumb a:focus-visible,.device-model__brand:focus-visible,.device-model__more:focus-visible,.device-model__related-link:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}@media(max-width:899px){.dm-hero__media{min-height:30rem;padding:2rem;border-radius:2.4rem}.dm-hero__img{max-height:26rem}.dm-hero__body{gap:1.4rem}.dm-hero__count{font-size:1.6rem}.dm-hero__thumb{width:5.2rem;height:5.2rem}.dm-hero__thumb img{max-height:4.6rem}.dm-hero__cat{padding-inline-start:1.4rem;gap:1rem}.dm-hero__cat-title{font-size:1.6rem}.dm-hero__actions{width:100%}.dm-hero__actions>*{flex:1 1 auto;justify-content:center}.dm-band{margin-bottom:3.2rem;border-radius:2.4rem}.device-model__related{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.device-model__related-name{font-size:1.5rem}.device-model__related-thumb{height:15rem;padding:1.2rem}}@media(prefers-reduced-motion:reduce){.device-model__skeleton-cell,.dm-hero__cat-skeleton{animation:none}.dm-hero__cat,.dm-tab,.device-model__related-thumb,.device-model__related-thumb img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/device-model.css.map */