:root{--enriched-opt-pill-sel-size:18px;
    --enriched-opt-pill-sel-gap:8px;
    --enriched-opt-pill-sel-br:6px;}
.enriched-opt-prefbar{display:flex;align-items:stretch;justify-content:space-between;gap:var(--enriched-spacing-md);flex-wrap:wrap;padding:var(--enriched-spacing-sm) calc(var(--enriched-spacing-sm) + 0.25rem);border:1px solid var(--enriched-border-light);border-radius:var(--enriched-border-radius-xl);background:transparent;box-shadow:var(--enriched-shadow-xs);}

.enriched-opt-prefbar.enriched-opt-reveal-scope-style{
    background: var(--enriched-opt-reveal-base)!important;
    border-radius: var(--enriched-opt-reveal-radius, var(--enriched-border-radius-xxl))!important;
    box-shadow: 0 1px 2px var(--enriched-shadow-light), 0 8px 32px var(--enriched-shadow)!important;
}

.enriched-opt-prefbar-wrap{display:flex;gap:var(--enriched-spacing-sm);width:100%; flex-wrap: wrap;flex-direction: column;}
.enriched-opt-prefbar-main{display:flex;flex-direction:column;gap:var(--enriched-spacing-sm);}
.enriched-opt-prefbar-groups{display:flex;flex-direction:column;gap:var(--enriched-spacing-sm);width:100%;}
.enriched-opt-prefbar-group{display:flex;gap:var(--enriched-spacing-sm);width:100%; flex-wrap: wrap;align-items: flex-start;}
.enriched-opt-prefbar-title{flex:0 0 auto;font-size:var(--enriched-font-sm);color:var(--enriched-text-lighter);font-weight:700;white-space:nowrap;}
.enriched-opt-prefbar-track{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--enriched-spacing-sm);flex-wrap:wrap;max-width:100%;overflow:auto;padding:var(--enriched-spacing-sm);border-radius:var(--enriched-border-radius-lg);scrollbar-width:thin;}
.enriched-opt-prefbar-track::-webkit-scrollbar{height:6px;}
.enriched-opt-prefbar-track::-webkit-scrollbar-thumb{background:var(--enriched-border-dark);border-radius:10px;}
.enriched-opt-pref-pill{display:inline-flex;align-items:center;gap:8px;min-height:var(--enriched-opt-bar-el-height);max-width:100%;padding:6px 12px;border:1px solid var(--enriched-border);border-radius:var(--enriched-border-radius-o);background:var(--enriched-surface);color:var(--enriched-text);font-weight:600;font-size:var(--enriched-font-sm);cursor:pointer;white-space:normal;transition:all .2s var(--enriched-easing);}
.enriched-opt-pref-pill:hover{border-color:var(--enriched-primary);background:color-mix(in oklab,var(--enriched-primary) 8%,var(--enriched-surface));transform:translateY(-1px);}
.enriched-opt-pref-pill:focus-within{outline:2px solid color-mix(in oklab,var(--enriched-primary) 60%,transparent);outline-offset:2px;}
.enriched-opt-pref-pill.is-empty,.enriched-opt-pref-pill.is-null,.enriched-opt-pref-pill.is-blank{opacity:.78;}
.enriched-opt-pref-pill.is-empty:hover,.enriched-opt-pref-pill.is-null:hover,.enriched-opt-pref-pill.is-blank:hover{transform:none;border-color:var(--enriched-border);}
.enriched-opt-pref-pill.is-disabled{opacity:.5;pointer-events:none;transform:none;}
.enriched-opt-pref-pill.has-count{gap:6px;}
.enriched-opt-pref-pill.has-count.count-start .enriched-opt-pref-count{order:-1;margin-right:2px;}
.enriched-opt-pref-pill.has-count.count-end .enriched-opt-pref-count{order:2;margin-left:2px;}
.enriched-opt-pref-pill.is-pending{opacity:.7;pointer-events:none;transform:translateY(0);}
.enriched-opt-pref-pill.has-error{animation:enriched-opt-pref-error .3s ease-in-out 0s 2 alternate;background:var(--enriched-error-light);border-color:var(--enriched-error);}
@keyframes enriched-opt-pref-error{0%{transform:translateX(0);}25%{transform:translateX(-2px);}50%{transform:translateX(2px);}75%{transform:translateX(-2px);}100%{transform:translateX(0);}}
.enriched-opt-pref-pill img.enriched-opt-pref-flag{width:16px;height:16px;object-fit:cover;border-radius:50%;}
.enriched-opt-pref-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:color-mix(in oklab,black 18%,transparent);color:#fff;font-size:11px;font-weight:800;}
.enriched-opt-pref-flag{width:16px;height:12px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px var(--enriched-border-light);}
.enriched-opt-prefbar-actions{display:flex;align-items:center;gap:var(--enriched-spacing-sm);flex:0 0 auto;}
.enriched-opt-prefbar-more,.enriched-opt-prefbar-clear{display:inline-flex;align-items:center;justify-content:center;height:var(--enriched-opt-bar-el-height);padding:0 12px;border:1px solid var(--enriched-border);border-radius:var(--enriched-border-radius-o);background:var(--enriched-surface);color:var(--enriched-text);font-weight:700;font-size:var(--enriched-font-sm);cursor:pointer;transition:all .2s var(--enriched-easing);}
.enriched-opt-prefbar-more:hover,.enriched-opt-prefbar-clear:hover{border-color:var(--enriched-primary);background:color-mix(in oklab,var(--enriched-primary) 8%,var(--enriched-surface));transform:translateY(-1px);}
.enriched-opt-prefbar-clear:disabled{opacity:.5;cursor:not-allowed;transform:none;}
[data-theme="dark"] .enriched-opt-pref-pill,[data-theme="dark"] .enriched-opt-prefbar-more,[data-theme="dark"] .enriched-opt-prefbar-clear{background:var(--enriched-surface-dark);border-color:var(--enriched-border);color:var(--enriched-text-light);}
@media(max-width:1024px){.enriched-opt-prefbar-main{flex:1 1 100%;min-width:0;}}
@media(max-width:768px){.enriched-opt-prefbar{flex-direction:column;align-items:center;gap:var(--enriched-spacing-sm);}.enriched-opt-prefbar-group{flex-direction:column;align-items:center;}.enriched-opt-prefbar-track {justify-content: center;}.enriched-opt-prefbar-title{white-space:normal;}.enriched-opt-prefbar-actions{justify-content:center;}}

.enriched-opt-prefbar-clear{
    border-color:var(--enriched-danger);
    background:var(--enriched-danger-light);
    color:var(--enriched-danger-dark);
}
.enriched-opt-prefbar-clear:hover:not(:disabled){
    border-color:var(--enriched-danger-dark);
    background:var(--enriched-gradient-danger);
    color:#fff;
    transform:translateY(-1px);
    box-shadow:0 0 0 1px color-mix(in oklab,var(--enriched-danger) 40%,transparent);
}
.enriched-opt-prefbar-clear:disabled{
    opacity:.5;
    cursor:not-allowed;
    transform:none;
    background:color-mix(in oklab,var(--enriched-danger-light) 40%,var(--enriched-surface));
    border-color:color-mix(in oklab,var(--enriched-danger) 35%,var(--enriched-border));
    color:var(--enriched-text-lighter);
}
[data-theme="dark"] .enriched-opt-prefbar-clear{
    background:color-mix(in oklab,var(--enriched-danger-dark) 55%,var(--enriched-surface-dark));
    border-color:var(--enriched-danger);
    color:#fee2e2;
}
[data-theme="dark"] .enriched-opt-prefbar-clear:hover:not(:disabled){
    background:var(--enriched-gradient-danger);
    border-color:var(--enriched-danger-light);
    color:#fff;
}

.enriched-opt-pref-check{appearance:auto;inline-size:var(--enriched-opt-pill-sel-size);block-size:var(--enriched-opt-pill-sel-size);flex:0 0 var(--enriched-opt-pill-sel-size);border-radius:calc(var(--enriched-opt-pill-sel-br) + 2px);margin:0;accent-color:var(--enriched-accent);color: white;}
.enriched-opt-pref-pill.select-start .enriched-opt-pref-check{order:-1;margin-right:var(--enriched-opt-pill-sel-gap);}
.enriched-opt-pref-pill.select-end .enriched-opt-pref-check{order:2;margin-left:var(--enriched-opt-pill-sel-gap);}
.enriched-opt-pref-content{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;}
.enriched-opt-pref-label{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;}
.enriched-opt-pref-label .label-text{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media(max-width:480px){.enriched-opt-pref-label .label-text{white-space:normal;}}
.enriched-opt-pref-pill:has(.enriched-opt-pref-check:checked){border-color:var(--enriched-primary);background:var(--enriched-gradient-primary);color:#fff;}
.enriched-opt-pref-pill:has(.enriched-opt-pref-check:checked) .enriched-opt-pref-count{background:white;}
.enriched-opt-pref-pill:has(.enriched-opt-pref-check:focus-visible){outline:2px solid var(--enriched-focus-ring);outline-offset:2px;}
.enriched-opt-pref-pill:has(.enriched-opt-pref-check:disabled){opacity:.5;pointer-events:none;transform:none;}
[data-theme="dark"] .enriched-opt-pref-check{background:var(--enriched-surface-dark);}
@media(max-width:480px){.enriched-opt-pref-pill{padding:6px 10px;}}

.enriched-opt-prefbar-min{display:none;flex:1 1 auto;min-width:0;}
.enriched-opt-pref-min-track{display:flex;align-items:center;gap:var(--enriched-spacing-sm);flex-wrap:wrap;max-width:100%;overflow:auto;}
.enriched-opt-pref-min-empty{cursor: pointer;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border:1px dashed var(--enriched-border);border-radius:var(--enriched-border-radius-o);color:var(--enriched-text-lighter);background:color-mix(in oklab,white 40%,transparent);    height: var(--enriched-opt-bar-el-height);}
.enriched-opt-pref-min-empty span{cursor: pointer !important;}
.enriched-opt-pref-mini-chip{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;padding:.35rem .6rem;border:1px solid var(--enriched-border);border-radius:999rem;background:var(--enriched-surface);color:var(--enriched-text);font-size:calc(var(--enriched-font-sm) - 1px);line-height:1;font-weight:700;white-space:nowrap;transition:var(--enriched-transition);}
.enriched-opt-pref-mini-chip img.enriched-opt-pref-flag{width:14px;height:14px;border-radius:50%;}
.enriched-opt-pref-mini-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:18ch;}
.enriched-opt-pref-mini-remove{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;border:0;background:transparent;color:var(--enriched-text-lighter);cursor:pointer;transition:transform .15s ease,background .15s ease;}
.enriched-opt-pref-mini-remove:hover{transform:scale(1.05);background:color-mix(in oklab,var(--enriched-primary) 15%,transparent);color:#fff;}
.enriched-opt-pref-mini-chip.is-default{opacity:.8;border-style:dashed;}
.enriched-opt-pref-mini-chip.is-default .enriched-opt-pref-mini-remove{display:none;}
.enriched-opt-pref-mini-chip.is-emph{border-color:var(--enriched-primary);box-shadow:var(--enriched-shadow-xs);}
.enriched-opt-prefbar[data-pref-mode="min"] .enriched-opt-prefbar-main{display:none;}
.enriched-opt-prefbar[data-pref-mode="min"] .enriched-opt-prefbar-min{display:flex;}
.enriched-opt-prefbar[data-pref-mode="max"] .enriched-opt-prefbar-main{display:flex;}
.enriched-opt-prefbar[data-pref-mode="max"] .enriched-opt-prefbar-min{display:none;}
.enriched-opt-prefbar[data-pref-mode="max"] {
    flex-direction: column;
}
@media(min-width:768px){
    .enriched-opt-prefbar[data-pref-mode="max"] .enriched-opt-prefbar-actions{margin-left:auto;}
}

@media(max-width:640px){.enriched-opt-pref-mini-label{max-width:14ch;}}

.enriched-opt-pref-search{display:flex;align-items:center;justify-content: center;gap:var(--enriched-spacing-sm);flex:0 0 360px;min-width:240px;}
@media(max-width:768px){
.enriched-opt-pref-search{max-width: 85%;}
}
.enriched-opt-pref-search{position:relative;display:flex;flex:1;align-items:center;height:var(--enriched-opt-bar-el-height);width:100%;padding:10px 36px 10px 38px;border:1px solid var(--enriched-border);border-radius:var(--enriched-border-radius-o);background:var(--enriched-surface);box-shadow:var(--enriched-shadow-xs);transition:all .2s var(--enriched-easing);}
.enriched-opt-pref-search:focus-within{border-color:var(--enriched-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--enriched-primary) 18%,transparent),var(--enriched-shadow-xs);}
.enriched-opt-pref-search-icon{position:absolute;left:12px;font-size:14px;line-height:1;color:var(--enriched-text-lighter);opacity:.75;}
.enriched-opt-pref-search-input{appearance:none;border:0;outline:0;background:transparent;width:100%;height:100%;font:inherit;font-size:var(--enriched-font-sm);color:var(--enriched-text);}
.enriched-opt-pref-search-input::placeholder{color:var(--enriched-text-lighter);}
.enriched-opt-pref-search-clear{position:absolute;right:6px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:transparent;border-radius:999px;color:var(--enriched-text-lighter);cursor:pointer;transition:transform .15s var(--enriched-easing),opacity .15s var(--enriched-easing);}
.enriched-opt-pref-search-clear:hover{transform:scale(1.05);}
.enriched-opt-pref-search-clear[disabled]{opacity:.4;pointer-events:none;}
[data-theme="dark"] .enriched-opt-pref-search{background:var(--enriched-surface-dark);border-color:var(--enriched-border);}
@media(max-width:1024px){.enriched-opt-pref-search{flex:1 1 100%;min-width:0;}}

.enriched-opt-pref-search-input::-webkit-search-cancel-button,
.enriched-opt-pref-search-input::-webkit-search-decoration,
.enriched-opt-pref-search-input::-webkit-search-results-button,
.enriched-opt-pref-search-input::-webkit-search-results-decoration{appearance:none;-webkit-appearance:none;display:none;}
.enriched-opt-pref-search-input::-ms-clear,
.enriched-opt-pref-search-input::-ms-reveal{display:none;width:0;height:0;}