.companion-selection{margin-block:2rem;padding-block:1.5rem;border-block:1px solid var(--line)}.companion-selection>h3{margin:0 0 .75rem}.companion-selection>p{max-width:65ch;margin:0 0 1.5rem;line-height:1.5}.companion-selection__row{padding-block:1.25rem;border-bottom:1px solid var(--line)}.companion-selection__fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,1fr) 5.5rem;gap:1rem;align-items:end}.companion-selection__fields>div{min-width:0}.companion-selection__fields label:not(.companion-selection__choice){display:block;margin-bottom:.5rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.companion-selection__fields select,.companion-selection__fields input[type=number]{box-sizing:border-box;width:100%;height:3rem;min-width:0;padding:.75rem;border:1px solid var(--ink);border-radius:0;background:transparent;font:inherit;color:var(--ink);caret-color:var(--ink)}.companion-selection__fields input[type=number]{text-align:center;font-variant-numeric:tabular-nums}.companion-selection__fields select:disabled,.companion-selection__fields input:disabled{opacity:1;color:#625d54;border-color:var(--line)}.companion-selection__fields .companion-selection__choice{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;cursor:pointer;line-height:1.35}.companion-selection__choice input{-webkit-appearance:none;appearance:none;display:grid;place-content:center;flex:0 0 1.25rem;width:1.25rem;height:1.25rem;margin:0;border:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);cursor:inherit}.companion-selection__choice input:checked{background:var(--ink)}.companion-selection__choice input:checked:before{content:"";width:.3rem;height:.6rem;margin-top:-.15rem;border:solid var(--paper, #f5f2eb);border-width:0 2px 2px 0;transform:rotate(45deg)}.companion-selection__piece>a,.companion-selection__bag-link{font-size:.8rem;text-underline-offset:.25em}.companion-selection__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.5rem}.companion-selection__actions .button{min-height:3.25rem}.companion-selection__actions .button:disabled{opacity:1;color:#625d54;background:transparent;border-color:var(--line);cursor:not-allowed}.companion-selection__status{margin:1rem 0 0;font-size:.875rem;line-height:1.5;max-width:60ch}.companion-selection__status:empty{margin:0}.companion-selection :focus-visible{outline:2px solid var(--ink);outline-offset:4px}.companion-selection [hidden]{display:none}.companion-selection--ritual{margin:0;padding:0;border:0}.companion-selection--ritual .companion-selection__fields{grid-template-columns:minmax(0,1fr) 5.5rem;gap:.75rem 1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line)}.companion-selection--ritual .companion-selection__piece{grid-column:1 / -1}.companion-selection--ritual .companion-selection__choice{font-size:.875rem}.companion-selection--ritual .companion-selection__actions .button{flex:1;min-width:min(100%,14rem)}.companion-selection--ritual .product-ritual-rail:not(.product-ritual-rail--1) .ritual-piece{display:flex;flex-direction:column;align-items:stretch}.companion-selection--ritual .product-ritual-rail:not(.product-ritual-rail--1) .ritual-piece__media{aspect-ratio:4 / 3}.companion-selection--ritual .product-ritual-rail:not(.product-ritual-rail--1) .ritual-piece__body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:1.5rem 0 0}.companion-selection--ritual .product-ritual-rail:not(.product-ritual-rail--1) .companion-selection__fields{width:100%}.companion-selection--ritual form>[data-companion-controls]>.companion-selection__actions{justify-content:flex-end;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2rem}.companion-selection--ritual form>[data-companion-controls]>.companion-selection__actions .button{flex:0 1 auto}@media(max-width:680px){.companion-selection__fields{grid-template-columns:minmax(0,1fr) 5.5rem}.companion-selection__piece{grid-column:1 / -1}.companion-selection--ritual .companion-selection__actions{gap:1rem}.companion-selection--ritual form>[data-companion-controls]>.companion-selection__actions .button{flex:1 1 100%}}@media(forced-colors:active){.companion-selection__choice input{-webkit-appearance:auto;appearance:auto}.companion-selection__choice input:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/iki-companion-selection.css.map */