.communite-device-finder{position:relative;padding-block:var(--cm-section-space);overflow:hidden;color:var(--cm-color-text);background:var(--cm-color-white);border-block:var(--cm-border-width) solid var(--cm-color-border)}.communite-device-finder--background-cream,.communite-device-finder--background-surface{background:var(--cm-color-white)}.communite-device-finder--background-dark{color:var(--cm-color-text-inverse);background:var(--cm-color-black)}.communite-device-finder__container{max-width:var(--cm-container-max);padding-inline:var(--cm-container-gutter)}.communite-device-finder--width-narrow .communite-device-finder__container{max-width:72rem}.communite-device-finder--width-full .communite-device-finder__container{max-width:none}.communite-device-finder__grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(28rem,1.14fr);gap:clamp(2.5rem,7vw,7rem);align-items:center}.communite-device-finder__intro{position:relative;min-width:0}.communite-device-finder__heading{max-width:10ch;margin:var(--cm-space-4) 0 0;font-family:var(--cm-font-editorial);font-size:clamp(3.5rem,6.5vw,7rem);font-weight:var(--cm-font-weight-medium);letter-spacing:-.06em;line-height:.88}.communite-device-finder__description{max-width:34rem;margin-top:var(--cm-space-6);color:var(--cm-color-text-muted);font-size:var(--cm-type-300);line-height:var(--cm-leading-body)}.communite-device-finder__description>:last-child{margin-bottom:0}.communite-device-finder__preview{position:relative;width:min(100%,29rem);min-height:15rem;margin-top:var(--cm-space-7);display:grid;place-items:center;overflow:hidden;border:0;border-radius:50% 50% 48% 52%/42% 55% 45% 58%;background:radial-gradient(circle at 58% 34%,rgba(128,23,37,.24),transparent 34%),var(--cm-color-surface-subtle)}.communite-device-finder__preview:after{position:absolute;inset:auto 12% 8%;height:8%;border-radius:50%;background:#00000021;content:"";filter:blur(.75rem)}.communite-device-finder__phone{position:relative;z-index:1;width:6rem;aspect-ratio:9 / 18;display:block;padding:.4rem;border-radius:1.35rem;background:var(--cm-color-black);transform:rotate(-7deg)}.communite-device-finder__phone:before{position:absolute;z-index:2;top:.75rem;left:50%;width:2.15rem;height:.48rem;border-radius:99rem;background:var(--cm-color-black);content:"";transform:translate(-50%)}.communite-device-finder__phone>span{display:block;width:100%;height:100%;border-radius:1rem;background:radial-gradient(circle at 67% 29%,rgba(255,255,255,.86) 0 6%,transparent 7%),linear-gradient(155deg,var(--cm-color-brand),#310b12 74%)}.communite-device-finder__device-image{position:relative;z-index:1;width:100%;height:100%;margin:0;padding:var(--cm-space-5);display:grid;place-items:center}.communite-device-finder__device-image img{width:auto;max-width:90%;height:12rem;object-fit:contain}.communite-device-finder__device-image figcaption{margin:var(--cm-space-3) 0 0;color:var(--cm-color-text);font-size:var(--cm-type-100);font-weight:var(--cm-font-weight-bold);letter-spacing:var(--cm-tracking-wide);text-transform:uppercase}.communite-device-finder__form{position:relative;min-width:0;padding:clamp(1.5rem,4vw,3.5rem);color:var(--cm-color-text-inverse);background:var(--cm-color-black);border:0;border-radius:var(--cm-radius-sm)}.communite-device-finder__form:before{position:absolute;top:var(--cm-space-5);right:var(--cm-space-5);color:var(--cm-color-brand);content:"DEVICE / STATE";font-size:var(--cm-type-100);font-weight:var(--cm-font-weight-bold);letter-spacing:var(--cm-tracking-wide)}.communite-device-finder__field+.communite-device-finder__field{margin-top:var(--cm-space-5)}.communite-device-finder__field[hidden]{display:none!important}.communite-device-finder__field label{margin-bottom:var(--cm-space-2);display:flex;gap:var(--cm-space-3);color:var(--cm-color-text-inverse);font-size:var(--cm-type-100);font-weight:var(--cm-font-weight-bold);letter-spacing:.05em}.communite-device-finder__field label>span{color:var(--cm-color-brand);font-family:var(--cm-font-editorial);font-size:1em;font-style:italic}.communite-device-finder__field select{width:100%;min-height:3.5rem;padding:var(--cm-space-3) 3rem var(--cm-space-3) var(--cm-space-4);color:var(--cm-color-text-inverse);background-color:#151515;border:var(--cm-border-width) solid rgba(255,255,255,.24);border-radius:var(--cm-radius-sm);font:inherit;font-size:var(--cm-type-200);font-weight:var(--cm-font-weight-bold);cursor:pointer}.communite-device-finder__field select:disabled{color:#ffffff6b;background-color:#111;cursor:not-allowed;opacity:1}.communite-device-finder__field select:focus-visible{border-color:var(--cm-color-brand);outline:0;box-shadow:0 0 0 .2rem #80172559}.communite-device-finder__button{width:100%;min-height:3.5rem;margin-top:var(--cm-space-6);padding:var(--cm-space-3) var(--cm-space-5);display:inline-flex;align-items:center;justify-content:space-between;gap:var(--cm-space-4);color:var(--cm-color-white);background:var(--cm-color-brand);border:var(--cm-border-width) solid var(--cm-color-brand);border-radius:var(--cm-radius-sm);font:inherit;font-size:var(--cm-type-200);font-weight:var(--cm-font-weight-bold);transition:background-color var(--cm-motion-fast) var(--cm-ease-standard),border-color var(--cm-motion-fast) var(--cm-ease-standard),opacity var(--cm-motion-fast) var(--cm-ease-standard)}.communite-device-finder__button:not(:disabled):hover,.communite-device-finder__button:not(:disabled):focus{color:var(--cm-color-white);background:var(--cm-color-brand-hover);border-color:var(--cm-color-brand-hover)}.communite-device-finder__button:focus-visible{outline:0;box-shadow:0 0 0 .2rem var(--cm-color-black),0 0 0 .4rem var(--cm-color-brand)}.communite-device-finder__button:disabled{cursor:not-allowed;opacity:.42}.communite-device-finder__selection{margin-top:var(--cm-space-5);padding-top:var(--cm-space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--cm-space-4);border-top:var(--cm-border-width) solid rgba(255,255,255,.18)}.communite-device-finder__selection[hidden]{display:none!important}.communite-device-finder__selection span{display:grid;gap:.2rem}.communite-device-finder__selection small{color:#ffffff8f;font-size:var(--cm-type-100);letter-spacing:var(--cm-tracking-wide);text-transform:uppercase}.communite-device-finder__selection strong{color:var(--cm-color-white);font-size:var(--cm-type-200)}.communite-device-finder__selection button{padding:.35rem 0;color:var(--cm-color-white);background:transparent;border:0;border-bottom:var(--cm-border-width) solid currentColor;font:inherit;font-size:var(--cm-type-100);font-weight:var(--cm-font-weight-bold)}.communite-device-finder__status{min-height:1.4rem;margin:var(--cm-space-3) 0 0;color:#ffffff9e;font-size:var(--cm-type-100);line-height:1.5}.communite-device-finder__status--error{color:#ff8ea0}.communite-device-finder__editor-note{margin-top:var(--cm-space-4);padding:var(--cm-space-4);color:#ffffffb8;border:var(--cm-border-width) dashed rgba(255,255,255,.3);border-radius:var(--cm-radius-sm)}[data-cm-device-link].has-device [data-cm-device-label]{color:var(--cm-color-brand)}.cm-site-header__device.has-device{border-color:var(--cm-color-brand)}[data-cm-product-compatibility][hidden]{display:none!important}[data-cm-product-compatibility].is-match{color:var(--cm-color-success, #287a4b)}[data-cm-product-compatibility].is-match>span[aria-hidden=true]{background:currentColor}[data-cm-product-compatibility].is-mismatch{color:var(--cm-color-brand)}[data-cm-product-compatibility].is-mismatch>span[aria-hidden=true]{background:currentColor}[data-cm-product-compatibility].is-unknown{color:var(--cm-color-text-muted)}.cm-product-assurance__item--compatibility.is-match .cm-icon{color:var(--cm-color-success, #287a4b)}.cm-product-assurance__item--compatibility.is-mismatch .cm-icon{color:var(--cm-color-brand)}@media(max-width:63.999rem){.communite-device-finder__grid{grid-template-columns:minmax(0,.8fr) minmax(23rem,1.2fr);gap:var(--cm-space-7)}.communite-device-finder__heading{font-size:clamp(3.25rem,6vw,5rem)}}@media(max-width:47.999rem){.communite-device-finder{padding-block:clamp(3.5rem,14vw,5rem)}.communite-device-finder__grid{grid-template-columns:minmax(0,1fr);gap:var(--cm-space-6)}.communite-device-finder__heading{max-width:12ch;font-size:clamp(2.8rem,14vw,4.5rem)}.communite-device-finder__description{margin-top:var(--cm-space-5);font-size:var(--cm-type-200)}.communite-device-finder__preview{width:100%;min-height:12rem;margin-top:var(--cm-space-6)}.communite-device-finder__device-image img{height:9rem}.communite-device-finder__form{padding:var(--cm-space-5)}.communite-device-finder__form:before{display:none}.communite-device-finder--mobile-compact .communite-device-finder__preview{display:none}}@media(prefers-reduced-motion:reduce){.communite-device-finder__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cm-device.css.map */