body.fd-product :is(#clientView,#adminView) .service-picker{grid-column:1/-1;min-width:0;margin:0 0 20px;font:14px/1.45 WDGilroyMedium,sans-serif;color:#35383e}
body.fd-product :is([data-form="new-order"],[data-form="admin-create-order"]) .form-grid:has(>.service-picker)>.field{grid-column:1/-1}
body.fd-product :is(#clientView,#adminView) .service-picker__label{display:block;margin:0 0 8px;color:#44484f;font-size:14px;font-weight:400}
body.fd-product :is(#clientView,#adminView) .service-picker__select{position:relative}
body.fd-product :is(#clientView,#adminView) .service-picker__select::after{content:'';position:absolute;right:17px;top:21px;border:5px solid transparent;border-top-color:#96999c;pointer-events:none}
body.fd-product :is(#clientView,#adminView) .service-picker select{appearance:none;background:#fff;border:1px solid #e0e2e8;border-radius:13px;min-height:46px;width:100%;padding:11px 40px 11px 13px;color:#35383e;font:14px/1.5 WDGilroyMedium,sans-serif;box-shadow:none;cursor:pointer}
body.fd-product :is(#clientView,#adminView) .service-picker__search{position:relative;display:block;margin:12px 0 13px}
body.fd-product :is(#clientView,#adminView) .service-picker__search svg{position:absolute;width:17px;height:17px;left:12px;top:12px;fill:none;stroke:#969da9;stroke-width:1.6;pointer-events:none}
body.fd-product :is(#clientView,#adminView) .service-picker__search input{min-height:40px;height:40px;background:#fff;border:1px solid #e9eaf0;border-radius:11px;width:100%;padding:8px 12px 8px 37px;font:13px/1.4 WDGilroyMedium,sans-serif;box-shadow:none;color:#35383e}
body.fd-product :is(#clientView,#adminView) .service-picker__tags{display:flex;flex-wrap:wrap;gap:7px 8px;align-items:flex-start}
body.fd-product :is(#clientView,#adminView) .service-tag{display:inline-flex;position:relative;max-width:100%;cursor:pointer;margin:0;color:#34383e;font-size:13px;line-height:18px;font-weight:400}
body.fd-product :is(#clientView,#adminView) .service-tag[hidden]{display:none}
body.fd-product :is(#clientView,#adminView) .service-tag input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;margin:0;pointer-events:none}
body.fd-product :is(#clientView,#adminView) .service-tag>span{display:inline-flex;align-items:center;gap:9px;padding:3px 10px;border:1px solid transparent;border-radius:999px;background:#f4f5f8;color:inherit;transition:background .18s,border-color .18s,color .18s;overflow-wrap:anywhere}
body.fd-product :is(#clientView,#adminView) .service-tag i{position:relative;display:block;width:10px;height:10px;flex:0 0 10px}
body.fd-product :is(#clientView,#adminView) .service-tag i::before,body.fd-product :is(#clientView,#adminView) .service-tag i::after{content:'';position:absolute;inset:4px 0;background:currentColor;height:1px}
body.fd-product :is(#clientView,#adminView) .service-tag i::after{transform:rotate(90deg)}
body.fd-product :is(#clientView,#adminView) .service-tag:hover>span{background:#eaf0ff}
body.fd-product :is(#clientView,#adminView) .service-tag input:checked+span{background:#eaf0ff;border-color:#bdccff;color:#355ce2}
body.fd-product :is(#clientView,#adminView) .service-tag input:checked+span i::before{inset:1px 2px;width:5px;height:8px;background:none;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
body.fd-product :is(#clientView,#adminView) .service-tag input:checked+span i::after{display:none}
body.fd-product :is(#clientView,#adminView) .service-tag input:focus-visible+span{outline:2px solid #4775ff;outline-offset:2px}
body.fd-product :is(#clientView,#adminView) .service-tag:has(input:disabled){cursor:default}
body.fd-product :is(#clientView,#adminView) .service-tag input:disabled+span{opacity:.5}
body.fd-product :is(#clientView,#adminView) .service-picker__limit{font:12px/1.5 WDGilroyMedium,sans-serif;color:inherit;opacity:.75;margin:10px 0 0}
body.fd-product :is(#clientView,#adminView) .service-picker :is(select,input[type=search]):focus-visible{outline:2px solid #b4c6ff;outline-offset:2px}
body.fd-product :is(#clientView,#adminView) .service-picker__empty{font:13px/1.5 WDGilroyMedium,sans-serif;color:#788294;margin:10px 0 0}
body.fd-product :is(#clientView,#adminView) .service-summary{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
body.fd-product :is(#clientView,#adminView) .service-summary span{display:inline-block;padding:4px 11px;border-radius:999px;background:#eef2fc;color:#526482;font:13px/1.4 WDGilroyMedium,sans-serif}
@media(max-width:600px){body.fd-product :is(#clientView,#adminView) .service-picker select,body.fd-product :is(#clientView,#adminView) .service-picker__search input{font-size:16px}body.fd-product :is(#clientView,#adminView) .service-picker__tags{gap:8px 6px}}
@media(prefers-reduced-motion:reduce){.service-tag>span{transition:none!important}}