.inspired-by{--io-scale: var(--io-scale-desktop, 1);--io-width: calc(clamp(56px, 24cqi, 112px) * var(--io-scale));--io-inset: clamp(9px, 3.5cqi, 20px);--io-pad: calc(var(--io-width) * .085);--io-gap: calc(var(--io-width) * .06);--io-radius: var(--inspired-radius, 3px);--io-track: .14em;position:absolute;z-index:3;inline-size:var(--io-width);min-inline-size:0;max-inline-size:46%;pointer-events:none}.inspired-by--pdp{--io-width: calc(clamp(74px, 16cqi, 172px) * var(--io-scale));--io-inset: clamp(14px, 2.6cqi, 28px)}.inspired-by__card{display:grid;gap:var(--io-gap);padding:var(--io-pad);isolation:isolate;border:1px solid var(--io-border);border-radius:var(--io-radius);background:var(--io-bg);-webkit-backdrop-filter:blur(var(--io-blur)) saturate(1.06);backdrop-filter:blur(var(--io-blur)) saturate(1.06);box-shadow:var(--inspired-shadow, 0 1px 3px rgb(26 24 20 / 7%), 0 12px 26px -14px rgb(26 24 20 / 26%));color:var(--io-ink);transition:transform var(--duration-hover) var(--ease-standard),box-shadow var(--duration-hover) var(--ease-standard)}.inspired-by[data-io-style=paper]{--io-bg: color-mix(in oklch, var(--color-surface) 92%, transparent);--io-border: color-mix(in oklch, var(--color-text-primary) 13%, transparent);--io-ink: var(--color-text-primary);--io-accent: var(--color-action);--io-frame-bg: color-mix(in oklch, var(--color-surface-warm) 46%, var(--color-surface));--io-blur: 6px}.inspired-by[data-io-style=frosted]{--io-bg: color-mix(in oklch, var(--color-surface) 68%, transparent);--io-border: color-mix(in oklch, var(--color-surface) 70%, transparent);--io-ink: var(--color-text-primary);--io-accent: var(--color-action);--io-frame-bg: color-mix(in oklch, var(--color-surface) 86%, transparent);--io-blur: 16px}.inspired-by[data-io-style=frosted] .inspired-by__label{color:color-mix(in oklch,var(--io-ink) 88%,transparent)}.inspired-by[data-io-style=ink]{--io-bg: color-mix(in oklch, var(--color-surface-deep) 86%, transparent);--io-border: color-mix(in oklch, var(--color-text-inverse) 18%, transparent);--io-ink: var(--color-text-inverse);--io-accent: color-mix(in oklch, var(--color-surface-warm) 88%, var(--color-text-inverse));--io-frame-bg: color-mix(in oklch, var(--color-surface-warm) 88%, var(--color-surface));--io-blur: 10px}@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){.inspired-by[data-io-style=paper]{--io-bg: var(--color-surface)}.inspired-by[data-io-style=frosted]{--io-bg: color-mix(in oklch, var(--color-surface) 88%, transparent)}.inspired-by[data-io-style=ink]{--io-bg: color-mix(in oklch, var(--color-surface-deep) 96%, transparent)}}.inspired-by__label{display:grid;justify-items:start;gap:calc(var(--io-width) * .05);margin:0;min-inline-size:0;font-family:var(--font-body);font-size:clamp(8px,calc(var(--io-width) * .115),11px);font-weight:var(--font-weight-medium);line-height:1.15;letter-spacing:var(--io-track);text-transform:uppercase;color:color-mix(in oklch,var(--io-ink) 66%,transparent)}.inspired-by__label-text{min-inline-size:0;text-wrap:balance}.inspired-by__rule{inline-size:calc(var(--io-width) * .26);block-size:1px;background:var(--io-accent);opacity:.7}.inspired-by[data-io-label-style=sentence] .inspired-by__label{font-size:clamp(9px,calc(var(--io-width) * .128),12px);letter-spacing:.01em;text-transform:none}.inspired-by[data-io-label-style=display] .inspired-by__label{font-family:var(--font-display);font-size:clamp(10px,calc(var(--io-width) * .155),15px);font-weight:var(--font-weight-display);letter-spacing:.06em}.inspired-by__frame{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:calc(var(--io-radius) * .7);background:var(--io-frame-bg);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-text-primary) 8%,transparent)}.inspired-by__image{display:block;inline-size:100%;block-size:100%;padding:8%;object-fit:contain;object-position:center;mix-blend-mode:multiply;transition:transform var(--duration-reveal) var(--ease-standard)}.inspired-by__name{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;font-family:var(--font-body);font-size:clamp(9px,calc(var(--io-width) * .132),14px);font-weight:var(--font-weight-medium);line-height:1.25;letter-spacing:.01em;color:var(--io-ink);overflow-wrap:anywhere}.inspired-by__description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:0;font-family:var(--font-body);font-size:clamp(9px,calc(var(--io-width) * .105),12px);line-height:1.4;color:color-mix(in oklch,var(--io-ink) 72%,transparent)}@media(min-width:750px){.inspired-by[data-io-position=top_start]{inset-block-start:var(--io-inset);inset-inline-start:var(--io-inset)}.inspired-by[data-io-position=top_end]{inset-block-start:var(--io-inset);inset-inline-end:var(--io-inset)}.inspired-by[data-io-position=bottom_start]{inset-block-end:var(--io-inset);inset-inline-start:var(--io-inset)}.inspired-by[data-io-position=bottom_end]{inset-block-end:var(--io-inset);inset-inline-end:var(--io-inset)}}@media(max-width:749px){.inspired-by{--io-scale: var(--io-scale-mobile, .9)}.inspired-by[data-io-position-mobile=top_start]{inset-block-start:var(--io-inset);inset-inline-start:var(--io-inset)}.inspired-by[data-io-position-mobile=top_end]{inset-block-start:var(--io-inset);inset-inline-end:var(--io-inset)}.inspired-by[data-io-position-mobile=bottom_start]{inset-block-end:var(--io-inset);inset-inline-start:var(--io-inset)}.inspired-by[data-io-position-mobile=bottom_end]{inset-block-end:var(--io-inset);inset-inline-end:var(--io-inset)}}@media(min-width:750px){.product-card--on-sale .inspired-by[data-io-position=top_start]{inset-block-start:calc(var(--io-inset) + 30px)}}@media(max-width:749px){.product-card--on-sale .inspired-by[data-io-position-mobile=top_start]{inset-block-start:calc(var(--io-inset) + 28px)}}@container (max-width: 239px){.inspired-by--card .inspired-by__name{display:none}}@container (max-width: 189px){.inspired-by--card .inspired-by__label{display:none}.inspired-by--card .inspired-by__card{padding:calc(var(--io-pad) * .8)}.inspired-by--card{--io-width: calc(clamp(46px, 28cqi, 76px) * var(--io-scale))}}.tester-card.is-blocked .inspired-by__card,.tester-card--unavailable .inspired-by__card{box-shadow:none}@media(hover:hover)and (pointer:fine){.product-card:hover .inspired-by__card,.product-card:focus-within .inspired-by__card,.tester-card:not(.is-blocked) .tester-card__label:hover .inspired-by__card,.tester-card__label:focus-within .inspired-by__card,.gallery__main:hover .inspired-by__card{transform:translateY(calc(var(--hover-lift-distance, 2px) * -1));box-shadow:var(--inspired-shadow-hover, 0 2px 6px rgb(26 24 20 / 9%), 0 18px 34px -16px rgb(26 24 20 / 34%))}.product-card:hover .inspired-by__image,.tester-card:not(.is-blocked) .tester-card__label:hover .inspired-by__image,.gallery__main:hover .inspired-by__image{transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.inspired-by__card,.inspired-by__image{transition:none}.product-card:hover .inspired-by__card,.product-card:focus-within .inspired-by__card,.tester-card__label:hover .inspired-by__card,.tester-card__label:focus-within .inspired-by__card,.gallery__main:hover .inspired-by__card{transform:none}.product-card:hover .inspired-by__image,.tester-card__label:hover .inspired-by__image,.gallery__main:hover .inspired-by__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-inspired-by.css.map */