.finder-band{--fb-bg: var(--c-ink);--fb-line: rgb(255 255 255 / .16);--fb-soft: #b9b1a4;--fb-muted: #9d968a;background:var(--fb-bg);color:#f1ece3;padding-block:clamp(1.5rem,2.6vw,2.25rem)}.finder-band__inner{display:grid;gap:clamp(.75rem,1.2vw,1rem)}.finder-band__inner>*{min-width:0}.finder-band__head{display:grid;gap:.3rem}.finder-band__label{margin:0 0 .1rem;font-size:.6875rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--c-gold)}.finder-band__title{margin:0;color:#fff;font-size:clamp(1.5rem,1.2rem + .9vw,2rem);line-height:1.1;text-wrap:balance}.finder-band__text{color:var(--fb-soft);font-size:var(--fs-sm)}.finder-band__text p{margin:0}.finder-band__stepper{position:relative;z-index:3;margin-inline:calc(var(--gutter) * -1);padding:.35rem var(--gutter) 0;background:var(--fb-bg)}.finder-band__stepper ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;margin:0;padding:0;list-style:none}.finder-band__stepper button{display:flex;align-items:center;gap:.6rem;width:100%;min-height:44px;padding:0 .25rem;border:0;background:none;color:var(--fb-muted);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-align:left;transition:color .25s var(--ease)}.finder-band__stepper button:disabled{cursor:default;opacity:.55}.finder-band__stepper button.is-done{color:#f1ece3}.finder-band__stepper button.is-done:hover{color:var(--c-gold)}.finder-band__stepper button[aria-current]{color:#fff}.finder-band__num{flex:none;display:grid;place-items:center;width:26px;height:26px;border:1px solid currentColor;border-radius:50%;font-size:.6875rem;letter-spacing:0;transition:background-color .25s var(--ease),border-color .25s,color .25s}.finder-band__stepper [aria-current] .finder-band__num{border-color:var(--c-gold);background:var(--c-gold);color:var(--c-ink)}.finder-band__stepper .is-done:not([aria-current]) .finder-band__num{border-color:var(--c-gold);color:var(--c-gold)}.finder-band__progress{display:block;height:1px;margin-top:.35rem;background:var(--fb-line)}.finder-band__progress span{display:block;height:100%;width:calc((var(--fb-progress, 0) * 2 + 1) / 3 * 100%);background:var(--c-gold);transition:width .5s var(--ease)}@media(max-width:749px){.finder-band__stepper{position:sticky;top:var(--header-h);transition:top .35s var(--ease)}html:has(.site-header.is-hidden) .finder-band__stepper{top:0}.finder-band__stepper button{flex-direction:column;justify-content:center;gap:.3rem;padding-block:.4rem;font-size:.625rem;letter-spacing:.1em;text-align:center}}.finder-band__viewport{position:relative;overflow:hidden;overflow:clip;touch-action:pan-y;transition:height .45s var(--ease)}.finder-band__panes{display:flex;align-items:flex-start;transition:transform .55s var(--ease);will-change:transform}.finder-band__panes.is-dragging{transition:none}@media(min-width:750px){.finder-band__panes{align-items:stretch}.finder-band .finder-band__summary-main{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:1.25rem}.finder-band__summary-main .finder-band__device-name{display:none}.finder-band__pane{min-height:var(--fb-pane-h, 27.5rem)}}.finder-band__pane{display:flex;flex-direction:column;flex:0 0 100%;min-width:0;padding-block:.75rem .25rem;opacity:.25;transition:opacity .45s var(--ease)}.finder-band__pane.is-active{opacity:1}.finder-band:not(.is-ready) .finder-band__panes,.finder-band:not(.is-ready) .finder-band__viewport{transition:none}.finder-band__pane-body{flex:1 1 auto;min-height:0}.finder-band__step-title{margin:0 0 .75rem;color:#fff;font-size:var(--fs-md);outline-offset:4px}.finder-band__step-title:focus:not(:focus-visible){outline:none}.finder-band__pane-body--device{display:grid;gap:1.5rem}.finder-band--media .finder-band__pane-body--device{align-items:stretch}@media(min-width:990px){.finder-band--media .finder-band__pane-body--device{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.finder-band__tiles-set{margin:0;padding:0;border:0;min-width:0}.finder-band__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:clamp(.5rem,1.2vw,1rem);height:100%}.finder-band__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;height:100%;padding:1rem .5rem .9rem;border:1px solid var(--fb-line);border-radius:var(--radius);background:#ffffff05;color:#f1ece3;cursor:pointer;text-align:center;transition:border-color .3s var(--ease),background-color .3s var(--ease)}.finder-band__tile .ds{width:72px;margin-bottom:.4rem}@media(min-width:750px){.finder-band__tile{gap:.35rem;padding:1.5rem 1rem}.finder-band__tile .ds{width:min(56%,220px);margin-bottom:clamp(.75rem,2vw,1.5rem)}}.finder-band__tile-name{font-size:clamp(.75rem,1.2vw,.9375rem);font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:color .3s var(--ease)}.finder-band__tile-meta{min-height:1.2em;font-size:.75rem;color:var(--fb-muted)}.finder-band__tile:hover{border-color:#fff6;background:#ffffff0a}input:checked+.finder-band__tile{border-color:var(--c-gold);background:#af93631a}input:checked+.finder-band__tile .finder-band__tile-name{color:var(--c-gold)}.finder-band input:focus-visible+label{outline:2px solid #fff;outline-offset:2px}.finder-band__media{position:relative;min-height:220px;overflow:hidden;border-radius:var(--radius)}.finder-band__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ds{display:block;height:auto;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.ds rect,.ds path,.ds circle{vector-effect:non-scaling-stroke}.ds{--ds-glide: cubic-bezier(.4, .1, .2, 1.06)}.ds__device{transform:translateY(-4px);transition:transform 1.7s var(--ds-glide)}.ds__sleeve{transform-box:fill-box;transform-origin:50% 100%}.ds.is-in .ds__device,input:checked+.finder-band__tile .ds__device{transform:translateY(23px)}@media(hover:hover){.finder-band__tile:hover .ds__device{transform:translateY(23px)}.finder-band__tile:hover .ds__sleeve{animation:ds-give 1s var(--ease) .95s both}}input:checked+.finder-band__tile .ds__sleeve{animation:ds-give 1s var(--ease) .95s both}@keyframes ds-give{35%{transform:scale(1.025,.975)}70%{transform:scale(.995,1.006)}}.finder-band.is-seen .finder-band__pane[data-pane="1"] input:not(:checked)+.finder-band__tile .ds__device{animation:ds-dip 2.4s cubic-bezier(.45,0,.2,1) calc(var(--i, 0) * .22s + .25s) backwards}@keyframes ds-dip{42%,58%{transform:translateY(23px)}}.ds__body{fill:var(--fb-bg, var(--c-ink));stroke:var(--c-gold);transition:fill .3s var(--ease)}.ds__stitch{stroke:var(--c-gold);stroke-dasharray:2 2.6;opacity:.8}.finder-band__tile:hover .ds__body,input:checked+.finder-band__tile .ds__body{fill:#262421}.finder-band__pane-body--model{display:grid;gap:2rem;align-items:start}@media(min-width:990px){.finder-band__pane-body--model{grid-template-columns:minmax(0,2fr) minmax(17rem,1fr);align-items:stretch;gap:clamp(2rem,4vw,4rem)}}.finder-band__pick{display:grid;gap:1.25rem;align-content:start;min-width:0}.finder-band__sizes-set,.finder-band__models-set{margin:0;padding:0;border:0;min-width:0}.finder-band__sizes-set[hidden],.finder-band__models-set[hidden]{display:none}.finder-band__sublabel{padding:0;margin-bottom:.7rem;color:var(--fb-soft);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.finder-band__sizes{display:flex;flex-wrap:wrap;gap:.5rem}.finder-band__size{display:grid;place-items:center;min-width:76px;min-height:52px;padding:0 1.1rem;border:1px solid rgb(255 255 255 / .22);border-radius:var(--radius);color:#fff;font-family:var(--font-heading, Georgia, serif);font-size:var(--fs-md);cursor:pointer;transition:background-color .25s var(--ease),border-color .25s,color .25s}.finder-band__size:hover{border-color:#ffffff80}input:checked+.finder-band__size{background:var(--c-gold);border-color:var(--c-gold);color:var(--c-ink)}.finder-band__models{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.5rem;list-style:none;margin:0;padding:0}.finder-band__model{display:grid;align-content:center;gap:.2rem;height:100%;min-height:64px;padding:.75rem 1rem;border:1px solid rgb(255 255 255 / .18);border-radius:var(--radius);cursor:pointer;transition:background-color .25s var(--ease),border-color .25s;animation:fb-pop .3s var(--ease) both}.finder-band__model:hover{border-color:var(--c-gold);background:#af93630f}.finder-band__model-title{color:#fff;font-family:var(--font-heading, Georgia, serif);font-size:var(--fs-md);line-height:1.25}.finder-band__model-years{color:var(--fb-muted);font-size:.75rem;letter-spacing:.04em}input:checked+.finder-band__model{border-color:var(--c-gold);background:#af93631f}input:checked+.finder-band__model .finder-band__model-years{color:var(--c-gold)}.finder-band__placeholder{display:flex;align-items:center;gap:.6rem;margin:0;color:var(--fb-muted);font-size:var(--fs-sm)}.finder-band__placeholder[hidden]{display:none}.finder-band__spinner{width:14px;height:14px;border:1.5px solid rgb(255 255 255 / .25);border-top-color:var(--c-gold);border-radius:50%;animation:fb-spin .8s linear infinite}@keyframes fb-spin{to{transform:rotate(360deg)}}@keyframes fb-pop{0%{opacity:0;transform:translateY(6px)}}.finder-band__browse{justify-self:start;display:inline-flex;align-items:center;min-height:44px;color:var(--fb-soft);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:underline;text-decoration-color:#ffffff59;text-underline-offset:.35em}.finder-band__browse[hidden]{display:none}.finder-band__browse:hover{color:var(--c-gold)}.finder-band__lookup{display:grid;gap:.5rem;justify-items:start;align-content:start;padding:1.25rem;border:1px solid var(--fb-line);border-radius:var(--radius);background:#ffffff08}.finder-band__lookup-art{display:none}@media(min-width:990px){.finder-band__lookup{grid-template-rows:minmax(0,1fr) auto auto auto auto auto;align-content:stretch;padding:1.5rem}.finder-band__lookup-art{display:grid;place-items:center;justify-self:stretch;min-height:0;padding-block:.5rem 1rem}.finder-band__lookup-art .ds{display:none;width:min(62%,200px);max-height:100%}.finder-band:not([data-kind]) .finder-band__lookup-art .ds--macbook,.finder-band[data-kind=""] .finder-band__lookup-art .ds--macbook,.finder-band[data-kind=macbook] .ds--macbook,.finder-band[data-kind=ipad] .ds--ipad,.finder-band[data-kind=iphone] .ds--iphone{display:block}.finder-band__lookup-art .ds__body{fill:#22201e}.finder-band__pane.is-active .finder-band__lookup-art .ds__device{animation:ds-in 1.4s var(--ds-glide) .35s both}.finder-band__pane.is-active .finder-band__lookup-art .ds__sleeve{animation:ds-give .9s var(--ease) .85s both}.finder-band__lookup-art .ds__device{transform:translateY(23px)}}@keyframes ds-in{0%{transform:translateY(-4px)}}.finder-band__lookup-label{color:#fff;font-size:var(--fs-sm)}.finder-band__input{width:100%;min-height:48px;padding:0 1rem;border:1px solid rgb(255 255 255 / .22);border-radius:var(--radius);background:#ffffff0f;color:#fff;font-size:16px;letter-spacing:.06em;text-transform:uppercase}.finder-band__input::placeholder{color:#8a8378;text-transform:none;letter-spacing:0}.finder-band__input:focus{outline:none;border-color:var(--c-gold)}.finder-band__where{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:0;border:0;background:none;color:#fff;font-size:var(--fs-sm)}.finder-band__where .icon{width:15px;height:15px;color:var(--c-gold)}.finder-band__where span{text-decoration:underline;text-decoration-color:#ffffff59;text-underline-offset:.3em}.finder-band__help{font-size:var(--fs-sm);color:#d9d2c6;animation:fb-pop .25s var(--ease)}.finder-band__help ul{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.finder-band__help li{padding-left:1rem;position:relative}.finder-band__help li:before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--c-gold)}.finder-band__help strong{color:#fff;font-weight:600}.finder-band__match{min-height:1.4em;margin:0;font-size:var(--fs-sm);color:var(--fb-soft)}.finder-band__match:empty{min-height:0}.finder-band__match.is-hit{color:var(--c-gold)}.finder-band__match.is-hit:before{content:"\2713  "}.finder-band__match.is-miss{color:#e3b3a8}.finder-band__summary{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.25rem 2rem;margin-bottom:.6rem}.finder-band__summary-main{display:grid;gap:.1rem;min-width:0}.finder-band__summary .finder-band__step-title{margin:0;max-width:30ch}.finder-band__device-line{display:flex;flex-wrap:wrap;align-items:center;gap:0 .75rem;margin:0;font-size:var(--fs-sm)}.finder-band__device-name{color:#fff;font-weight:600}.finder-band__device-years{color:var(--fb-muted)}.finder-band__device-years:empty{display:none}.finder-band__change{position:relative;min-height:0;padding:0;border:0;background:none;color:var(--fb-soft);font-size:var(--fs-sm);text-decoration:underline;text-decoration-color:#ffffff59;text-underline-offset:.3em}.finder-band__change:before{content:"";position:absolute;top:-12px;right:-8px;bottom:-12px;left:-8px}.finder-band__change:hover{color:var(--c-gold);text-decoration-color:currentColor}.finder-band__filters{display:flex;min-width:0;gap:.4rem;margin:.35rem 0 .5rem;overflow-x:auto;scrollbar-width:none}.finder-band__filters::-webkit-scrollbar{display:none}.finder-band__filters[hidden]{display:none}.finder-band__filter{flex:none;min-height:40px;padding:0 1rem;border:1px solid rgb(255 255 255 / .22);border-radius:999px;background:none;color:#f1ece3;font-size:.8125rem;position:relative}.finder-band__filter:before{content:"";position:absolute;top:-2px;right:0;bottom:-2px;left:0}.finder-band__filter:hover{border-color:#ffffff80}.finder-band__filter[aria-pressed=true]{background:#fff;border-color:#fff;color:var(--c-ink);font-weight:600}.finder-band__list{display:grid;grid-template-columns:minmax(0,1fr);column-gap:clamp(1.5rem,3.5vw,3.5rem);align-content:start;margin:0;padding:0;list-style:none}@media(min-width:750px){.finder-band__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.finder-band__row{border-bottom:1px solid var(--fb-line)}.finder-band__row[hidden]{display:none}.finder-band__row-link,.finder-band__row--skel{display:flex;align-items:center;gap:1rem;min-height:44px;padding:.7rem .5rem;color:#f1ece3;text-decoration:none}.finder-band__row-link{margin-inline:-.5rem;padding-inline:.5rem;border-radius:var(--radius);transition:background-color .25s var(--ease)}.finder-band__row-link:hover{background:#ffffff0a}.finder-band__row-link:focus-visible{outline:2px solid var(--c-gold);outline-offset:-2px}.finder-band__thumb{flex:none;display:block;width:72px;height:72px;border-radius:var(--radius);background:#fff;overflow:hidden}.finder-band__thumb img{display:block;width:100%;height:100%;object-fit:contain;padding:6%}.finder-band__row-text{display:grid;flex:1 1 auto;gap:.2rem;min-width:0}.finder-band__row-name{font-size:var(--fs-sm);font-weight:500;line-height:1.3}.finder-band__row-type{font-size:.75rem;color:var(--fb-muted)}.finder-band__row-price{flex:none;color:var(--c-gold);font-size:var(--fs-sm);white-space:nowrap}.finder-band__row-price s{margin-left:.35rem;color:var(--fb-muted);font-size:.875em}.finder-band__row-arrow{flex:none;color:var(--fb-muted);transition:color .25s var(--ease),transform .25s var(--ease)}.finder-band__row-link:hover .finder-band__row-arrow,.finder-band__row-link:focus-visible .finder-band__row-arrow{color:var(--c-gold);transform:translate(3px)}.finder-band .skeleton{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff21 37%,#ffffff0f 63%);background-size:400% 100%}.finder-band__row--skel .finder-band__row-text{gap:.5rem}.finder-band__skel-line{display:block;height:.8rem;width:70%;border-radius:3px}.finder-band__skel-line--short{width:35%}.finder-band__empty{margin:0;color:var(--fb-soft);font-size:var(--fs-sm)}.finder-band__cta-row{margin-top:auto;padding-top:1.25rem}.finder-band__see-all{width:100%}@media(min-width:750px){.finder-band__see-all{width:auto;min-width:18rem}}.finder-band__see-all:after{content:"\2192";margin-left:.6rem}.finder-band__see-all[hidden]{display:none}@media(prefers-reduced-motion:reduce){.finder-band__panes,.finder-band__pane,.finder-band__viewport,.finder-band__progress span,.ds__device,.ds__body,.finder-band__tile,.finder-band__size,.finder-band__model,.finder-band__row-link,.finder-band__row-arrow{transition:none}.finder-band__help,.finder-band__model,.finder-band__spinner,.ds__device,.ds__sleeve{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/247/assets/device-finder-band.css.map */