.f-product-single__cross-linked{margin:2rem 0}.cross-linked-products__title{font-size:1.4rem;font-weight:600;margin-bottom:1rem;color:var(--color-foreground)}.cross-linked-picker{display:block}.cross-linked-picker__options{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.cross-linked-picker__option{position:relative;display:inline-block}.cross-linked-picker__option input[type=radio]{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.cross-linked-picker__option-button{display:block;position:relative;width:60px;height:60px;border:2px solid var(--color-border);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .15s ease-out;background:var(--color-background)}.cross-linked-picker__option-button:hover{border-color:var(--color-foreground);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cross-linked-picker__option input[type=radio]:checked+.cross-linked-picker__option-button{border-color:var(--color-foreground);box-shadow:0 0 0 2px var(--color-foreground)}.cross-linked-picker__option--current input[type=radio]:checked+.cross-linked-picker__option-button{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.cross-linked-picker__image{width:100%;height:100%;object-fit:cover;display:block}.cross-linked-picker__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-background-2);color:var(--color-foreground);font-size:1.2rem;font-weight:600}.cross-linked-picker.loading .cross-linked-picker__option-button{pointer-events:none;opacity:.6}.cross-linked-picker.loading .cross-linked-picker__option-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid transparent;border-top:2px solid var(--color-foreground);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width: 767px){.cross-linked-picker__options{gap:.8rem}.cross-linked-picker__option-button{width:50px;height:50px}.cross-linked-products__title{font-size:1.3rem}}.cross-linked-picker__option:focus-within .cross-linked-picker__option-button{outline:2px solid var(--color-primary);outline-offset:2px}.cross-linked-picker__option-button[data-tippy-content]{cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/6/assets/cross-linked-products.css.map */