.familie-opties{margin-bottom:3.5rem}.familie-optie{margin-bottom:1.25rem}.familie-optie:last-child{margin-bottom:0}.familie-optie__label{display:block;font-weight:600;margin-bottom:.5rem}.familie-optie__telling{color:#888;font-style:normal;font-weight:400}.familie-optie__waarden{display:flex;flex-wrap:wrap;gap:.5rem}.familie-optie__waarde{display:inline-block;padding:.5rem .9rem;border:1px solid #ccc;border-radius:4px;text-decoration:none;color:#fe6c40;line-height:1.2;transition:background-color .12s ease,border-color .12s ease,color .12s ease}a.familie-optie__waarde:hover,a.familie-optie__waarde:focus-visible{background:#ff9166;border-color:#ff9166;color:#fff}.familie-optie__waarde.is-actief{background:#fe6c40;border-color:#fe6c40;color:#fff}.familie-optie__waarde.is-andere-combinatie{border-style:dashed;border-color:#d9d9d9;color:#9a9a9a}a.familie-optie__waarde.is-andere-combinatie:hover,a.familie-optie__waarde.is-andere-combinatie:focus-visible{border-style:solid}.familie-optie__waarde.is-niet-beschikbaar{background:#f7f7f7;border-color:#e6e6e6;color:#b5b5b5;cursor:not-allowed}.familie-select{position:relative}.familie-select__trigger{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;border:2px solid #d8d8d8;border-radius:8px;background:#fff;cursor:pointer;list-style:none;transition:border-color .12s ease}.familie-select__trigger::-webkit-details-marker{display:none}.familie-select__trigger::marker{content:""}.familie-select__trigger:hover,.familie-select__trigger:focus-visible{border-color:#ff9166}.familie-select[open] .familie-select__trigger{border-color:#fe6c40;border-bottom-left-radius:0;border-bottom-right-radius:0}.familie-select__trigger .familie-select__naam{font-weight:600}.familie-select__chevron{margin-left:auto;flex:0 0 auto;color:#444;transition:transform .15s ease}.familie-select[open] .familie-select__chevron{transform:rotate(180deg)}.familie-select__paneel{position:absolute;z-index:20;top:calc(100% - 2px);left:0;right:0;max-height:22rem;overflow-y:auto;border:2px solid #fe6c40;border-top:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background:#fff;box-shadow:0 10px 24px #0000001f}.familie-select__kop{position:sticky;top:0;z-index:2;padding:.7rem .9rem;border-bottom:1px solid #e8e8e8;background:#fafafa;color:#555;font-size:1.05rem;font-weight:600}.familie-select__kop em{font-style:normal;font-weight:400}.familie-select__lijst{margin:0;padding:0;list-style:none}.familie-select__lijst li+li{border-top:1px solid #f0f0f0}.familie-select__optie{display:flex;align-items:center;gap:.75rem;padding:.5rem .8rem;text-decoration:none;color:inherit;transition:background-color .12s ease,color .12s ease}.familie-select__thumb{flex:0 0 auto;width:40px;height:40px;position:relative;overflow:hidden;border:1px solid #e6e6e6;border-radius:6px;background:#f6f6f6}.familie-select__thumb img{display:block;width:100%;height:100%;object-fit:cover}.familie-select__naam{flex:1 1 auto;line-height:1.3}.familie-select__vink{flex:0 0 auto;width:18px;height:18px;color:#fe6c40}.familie-select__melding{margin-left:auto;padding-left:1rem;font-size:1rem;font-weight:500;color:#8f8f8f;text-align:right;white-space:nowrap}a.familie-select__optie:hover,a.familie-select__optie:focus-visible{background:#ff9166;color:#fff}a.familie-select__optie:hover .familie-select__thumb,a.familie-select__optie:focus-visible .familie-select__thumb{border-color:#ff9166}a.familie-select__optie:hover .familie-select__melding,a.familie-select__optie:focus-visible .familie-select__melding{color:#fff}.familie-select__optie.is-andere-combinatie{color:#6f6f6f}.familie-select__optie.is-actief{background:#fff4ef;color:#d4501f;font-weight:600;box-shadow:inset 3px 0 #fe6c40}.familie-select__optie.is-actief .familie-select__thumb{border-color:#fe6c40}.familie-select__optie.is-niet-beschikbaar{background:#fafafa;color:#b5b5b5;cursor:not-allowed}.familie-select__optie.is-niet-beschikbaar img{filter:grayscale(100%);opacity:.35}.familie-select__optie.is-niet-beschikbaar .familie-select__thumb:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:linear-gradient(to top right,transparent calc(50% - 1px),#c9c9c9 calc(50% - 1px),#c9c9c9 calc(50% + 1px),transparent calc(50% + 1px))}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-familie-opties.css.map */