.apple-tile{display:flex;flex-direction:column;align-items:center;height:100%;padding:var(--cc-space-2xl) var(--cc-space-lg) 0;overflow:clip;text-align:center}.apple-tile__copy{display:flex;flex-direction:column;align-items:center;gap:var(--cc-space-xs);max-width:34ch}.apple-tile__eyebrow{margin:0;color:var(--cc-accent-text);font-family:var(--cc-font-body);font-size:var(--cc-text-xs);font-weight:var(--cc-weight-medium);letter-spacing:var(--cc-tracking-eyebrow);text-transform:uppercase}.apple-tile__name{margin:0;color:var(--cc-on-scheme);font-family:var(--cc-font-display);font-size:var(--cc-text-2xl);font-weight:var(--cc-weight-semibold);letter-spacing:var(--cc-tracking-display);line-height:var(--cc-leading-display);text-wrap:balance}.apple-tile__tagline{margin:0;color:var(--cc-on-scheme-soft);font-family:var(--cc-font-body);font-size:var(--cc-text-md);line-height:var(--cc-leading-tight);text-wrap:balance}.apple-tile__actions{display:flex;flex-wrap:wrap;gap:var(--cc-space-sm);justify-content:center;margin-block-start:var(--cc-space-sm)}.apple-tile__pill{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;padding-inline:var(--cc-space-lg);border:var(--cc-hairline-width) solid transparent;border-radius:var(--cc-radius-full);font-family:var(--cc-font-body);font-size:var(--cc-text-sm);font-weight:var(--cc-weight-medium);text-decoration:none;white-space:nowrap;transition:background-color var(--cc-dur-fast) var(--cc-ease-ui),border-color var(--cc-dur-fast) var(--cc-ease-ui),color var(--cc-dur-fast) var(--cc-ease-ui)}.apple-tile__pill--filled{background:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.apple-tile__pill--outline{background:none;border-color:var(--cc-hairline);color:var(--cc-on-scheme)}.apple-tile__pill:focus-visible{outline:var(--cc-focus-ring-width) solid var(--cc-focus-ring);outline-offset:var(--cc-focus-ring-offset)}@media(hover:hover){.apple-tile__pill--filled:hover{background:var(--cc-accent);border-color:var(--cc-accent);color:var(--cc-obsidian)}.apple-tile__pill--outline:hover{border-color:var(--cc-on-scheme)}}.apple-tile__media{position:relative;flex:1 1 0;width:100%;min-height:18rem;margin-block-start:var(--cc-space-xl)}.apple-tile__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}.apple-tile--fit-contain .apple-tile__image{object-fit:contain;object-position:center}.apple-tile--fit-cover .apple-tile__image{object-fit:cover;object-position:var(--cc-tile-focal, 50% 100%)}.apple-tile--fit-contain{padding-block-end:var(--cc-space-2xl)}.apple-tile--fit-contain .apple-tile__media{margin-block-start:var(--cc-space-md);min-height:clamp(14rem,calc(100svh - 48rem),50rem)}.apple-tile--light.apple-tile--fit-contain .apple-tile__image{mix-blend-mode:multiply}.apple-tile--dark.apple-tile--fit-contain .apple-tile__media{flex:1 1 0;min-height:18rem;padding:var(--cc-space-lg);border-radius:var(--cc-radius-lg, 14px);background:var(--cc-surface-light, #f1f1ee)}.apple-tile--dark.apple-tile--fit-contain .apple-tile__image{inset:var(--cc-space-lg);width:auto;height:auto}@media screen and (max-width:749px){.apple-tile{padding:var(--cc-space-xl) var(--cc-space-md) 0}.apple-tile--fit-contain{padding-block-end:var(--cc-space-xl)}.apple-tile__name{font-size:var(--cc-text-xl)}.apple-tile__tagline{font-size:var(--cc-text-base)}.apple-tile__media{min-height:18rem;margin-block-start:var(--cc-space-lg)}.apple-tile__pill{padding-inline:var(--cc-space-md)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-apple-tile.css.map */