.product-details:has(fan-pcs) variant-picker{display:none!important}.fan-pcs{display:block;width:100%;margin-top:12px;color:#11151c}.fan-pcs__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.fan-pcs__label{margin:20px 0 10px;font-size:14px;font-weight:700;line-height:1.3}.fan-pcs__head .fan-pcs__label{margin-top:0}.fan-pcs__val{margin-left:6px;font-weight:400;color:#5f6570}.fan-pcs__link{margin:0 0 10px;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}.fan-pcs__types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fan-pcs__type{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;border:1px solid var(--image-line, #e4e4e0);border-radius:4px;background:#fff;color:#11151c;font:inherit;text-align:center;cursor:pointer;transition:border-color .15s,box-shadow .15s}.fan-pcs__type:hover,.fan-pcs__type[aria-checked=true]{border-color:#11151c}.fan-pcs__type[aria-checked=true] .fan-pcs__type-name{background:#11151c;color:#fff}.fan-pcs__type-img{display:block;aspect-ratio:1 / 1;background:#f4f4f2}.fan-pcs__type-img img{display:block;width:100%;height:100%;object-fit:cover;outline:none!important;border-radius:0}.fan-pcs__type-name{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:9px 6px;transition:background-color .15s,color .15s;font-size:13.5px;font-weight:600;line-height:1.25}.fan-pcs__note{margin:8px 0 0;font-size:12.5px;color:#5f6570}.fan-pcs .fan-pcs__brands{display:grid;margin:0}.fan-pcs__brands .variant-option__button-label{min-width:0}.fan-pcs__brands:not(:has(:checked)) .variant-option__button-label__pill{visibility:hidden}.fan-pcs__brands-empty{grid-column:1 / -1;margin:0;font-size:13.5px;color:#5f6570}.fan-pcs__model{position:relative}.fan-pcs__search{width:100%;height:48px;padding:0 44px 0 14px;border:1px solid var(--image-line, #e4e4e0);border-radius:4px;background:#fff;color:#11151c;font:inherit;font-size:16px;-webkit-appearance:none;appearance:none}.fan-pcs__search:focus{outline:none;border-color:#11151c}.fan-pcs__search::placeholder{color:#8a8f97;opacity:1}.fan-pcs__search:disabled{background:#f4f4f2;cursor:not-allowed}.fan-pcs__caret{position:absolute;top:50%;right:6px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:none;color:#5f6570;cursor:pointer;transform:translateY(-50%)}.fan-pcs__caret-x,.fan-pcs__caret.is-open .fan-pcs__caret-down{display:none}.fan-pcs__caret.is-open .fan-pcs__caret-x{display:block}.fan-pcs__list{position:absolute;left:0;right:0;z-index:5;max-height:264px;margin:4px 0 0;padding:4px;overflow-y:auto;overscroll-behavior:contain;list-style:none;border:1px solid var(--image-line, #e4e4e0);border-radius:4px;background:#fff;box-shadow:0 8px 24px #11151c1a}.fan-pcs__list.is-up{bottom:100%;margin:0 0 4px;box-shadow:0 -8px 24px #11151c1a}.group-block:has(fan-pcs){overflow:visible!important}.fan-pcs__item{padding:11px 12px;border-radius:3px;font-size:14.5px;cursor:pointer}.fan-pcs__item:hover,.fan-pcs__item[aria-selected=true]{background:#f4f4f2}.fan-pcs__empty{padding:11px 12px;font-size:14px;color:#5f6570}.fan-pcs-shake{animation:fan-pcs-shake .4s}@keyframes fan-pcs-shake{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.fan-pcs-toast{position:fixed;left:50%;bottom:96px;z-index:2147483000;padding:11px 18px;border-radius:4px;background:#11151c;color:#fff;font-size:14px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity .2s}.fan-pcs-toast.is-on{opacity:1}dialog.fan-pcs-pop{position:fixed;inset:auto 8px var(--fan-pop-bottom, 8px) 8px;width:auto;max-width:560px;max-height:none;margin:0 auto;padding:0;border:0;background:transparent;overflow:visible;transform:translateY(calc(100% + 24px));transition:transform .3s cubic-bezier(.32,.72,0,1)}dialog.fan-pcs-pop.is-open{transform:none}dialog.fan-pcs-pop::backdrop{background:#11151c99;opacity:0;transition:opacity .3s ease}dialog.fan-pcs-pop.is-open::backdrop{opacity:1}.fan-pcs-pop__card{max-height:calc(100dvh - 152px - var(--fan-pop-bottom, 8px));overflow-y:auto;overscroll-behavior:contain;padding:20px 16px 24px;border-radius:12px;background:#fff;color:#11151c}.fan-pcs-pop__title{margin:0 0 14px;font:800 22px/1.2 var(--font-heading--family)}.fan-pcs-pop__close{position:absolute;top:-60px;left:50%;display:grid;place-items:center;width:48px;height:48px;margin-left:-24px;border:0;border-radius:50%;background:#fff;color:#11151c;box-shadow:0 4px 16px #11151c2e;cursor:pointer;opacity:0;transition:opacity .15s}dialog.fan-pcs-pop.is-open .fan-pcs-pop__close{opacity:1;transition-delay:.25s}html:has(dialog.fan-pcs-pop[open]){overflow:hidden}.fan-pcs-pop .case-cards-wrapper{display:grid;gap:16px;margin:0;padding:0;max-width:none}.fan-pcs-pop .case-card{overflow:hidden;border:1px solid var(--image-line, #e4e4e0);border-radius:4px}.fan-pcs-pop .case-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;opacity:1;background:#f4f4f2}.fan-pcs-pop .case-carousel::-webkit-scrollbar{display:none}.fan-pcs-pop .case-carousel>div{flex:0 0 100%;scroll-snap-align:start}.fan-pcs-pop .case-carousel img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;outline:none!important;border-radius:0}.fan-pcs-pop .case-card__count{position:absolute;right:8px;bottom:8px;padding:4px 7px;border-radius:3px;background:#11151cbf;color:#fff;font:500 11px/1 var(--font-body--family)}.fan-pcs-pop .case-card__carousel-wrap{position:relative}.fan-pcs-pop .case-card__content{padding:14px 16px 16px}.fan-pcs-pop .case-card__heading{margin:0 0 4px;font-size:17px;font-weight:700;line-height:1.3}.fan-pcs-pop .case-card__paragraph{margin:0;font-size:14px;line-height:1.55;color:#5f6570}.fan-pcs--sheet{margin:4px 0 18px}.fan-sheet:has(fan-pcs){max-height:calc(100dvh - 24px - var(--fan-pop-bottom, 0px));overflow-y:auto;overscroll-behavior:contain}.fan-sheet:has(fan-pcs) .fan-chips{display:none}.fan-pcs--sheet .fan-pcs__list{max-height:220px}.fan-sheet .fan-pcs-toast{bottom:24px}
/*# sourceMappingURL=/cdn/shop/t/63/assets/fan-pcs.css.map */