dialog.pf-sheet.pf-picker{--pk-blue: #0360fe;--pk-navy: #0a1d4a;--pk-line: #e3eaf3;--pk-muted: #5b6782;position:fixed;top:0;right:0;bottom:0;left:0;width:min(440px,calc(100vw - 32px));max-width:none;height:fit-content;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:0;border-radius:20px;background:#fff;color:var(--pk-navy);overflow:hidden;box-shadow:0 24px 60px #0a142d47}dialog.pf-sheet.pf-picker[open]{display:flex}dialog.pf-sheet.pf-picker::backdrop{background:#0a142d80;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}dialog.pf-sheet.pf-picker .pf-sheet__panel{display:flex;flex-direction:column;width:100%;max-height:inherit;min-height:0}dialog.pf-sheet.pf-picker .pf-picker__head{display:flex;align-items:center;gap:12px;padding:16px 16px 10px}dialog.pf-sheet.pf-picker .pf-picker__head-icon{flex:none;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#eaf2ff;color:var(--pk-blue)}dialog.pf-sheet.pf-picker .pf-picker__head>div{flex:1;min-width:0}dialog.pf-sheet.pf-picker .pf-picker__head h2{margin:0;font-size:19px;font-weight:800;line-height:1.2}dialog.pf-sheet.pf-picker .pf-picker__head p{margin:1px 0 0;color:var(--pk-muted);font-size:13.5px;line-height:1.35}dialog.pf-sheet.pf-picker .pf-sheet__close{flex:none;display:inline-grid;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:50%;background:#f1f4f9;color:var(--pk-navy);cursor:pointer}dialog.pf-sheet.pf-picker .pf-sheet__close:hover{background:#e3ecf7}dialog.pf-sheet.pf-picker .pf-picker__body{flex:1 1 auto;min-height:0;padding:0 16px 12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:auto}dialog.pf-sheet.pf-picker .pf-picker__search{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid #d6e4fb;border-radius:12px;background:#f6f9ff;color:var(--pk-muted)}dialog.pf-sheet.pf-picker .pf-picker__search svg{width:18px;height:18px}dialog.pf-sheet.pf-picker .pf-picker__search input{flex:1;min-width:0;height:42px;border:0;background:none;color:var(--pk-navy);font:inherit;font-size:16px;outline:none}dialog.pf-sheet.pf-picker .pf-picker__search:focus-within{border-color:var(--pk-blue);box-shadow:0 0 0 2px #0360fe29}dialog.pf-sheet.pf-picker .pf-picker__label{margin:12px 0 6px;color:#7a86a0;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}dialog.pf-sheet.pf-picker .pf-picker__series{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0;padding:0;overflow:visible}dialog.pf-sheet.pf-picker .pf-picker__chip{min-width:0;min-height:36px;padding:0 4px;border:1px solid var(--pk-line);border-radius:9px;background:#fff;color:var(--pk-navy);font:inherit;font-size:14px;font-weight:750;white-space:nowrap;cursor:pointer}dialog.pf-sheet.pf-picker .pf-picker__chip:hover{border-color:#9fbde4}dialog.pf-sheet.pf-picker .pf-picker__chip[aria-pressed=true]{border-color:var(--pk-navy);background:var(--pk-navy);color:#fff}dialog.pf-sheet.pf-picker .pf-picker__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;border:0}dialog.pf-sheet.pf-picker .pf-picker__card{position:relative;display:flex;flex-direction:row;align-items:center;gap:10px;min-height:58px;padding:6px 10px 6px 6px;border:1.5px solid var(--pk-line);border-radius:12px;background:#fff;color:var(--pk-navy);text-align:left;cursor:pointer}dialog.pf-sheet.pf-picker .pf-picker__card[hidden]{display:none}dialog.pf-sheet.pf-picker .pf-picker__card:hover{border-color:#9fbde4}dialog.pf-sheet.pf-picker .pf-picker__card.is-selected,dialog.pf-sheet.pf-picker .pf-picker__card:has(input:checked){border-color:var(--pk-blue);background:#f2f7ff}dialog.pf-sheet.pf-picker .pf-picker__card.is-selected:after{content:none}dialog.pf-sheet.pf-picker .pf-picker__media{flex:0 0 auto;display:grid;place-items:center;width:40px;height:46px;overflow:hidden;border-radius:8px;background:#eef3fb;color:#9fb2c9}dialog.pf-sheet.pf-picker .pf-picker__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}dialog.pf-sheet.pf-picker .pf-picker__media svg{width:auto;height:34px}dialog.pf-sheet.pf-picker .pf-picker__name{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;line-height:1.15}dialog.pf-sheet.pf-picker .pf-picker__name small{color:var(--pk-muted);font-size:12px;font-weight:600}dialog.pf-sheet.pf-picker .pf-picker__name strong{font-size:15px;font-weight:800;overflow-wrap:anywhere}@media(max-width:420px){dialog.pf-sheet.pf-picker .pf-picker__card{gap:8px;padding-right:8px}dialog.pf-sheet.pf-picker .pf-picker__media{width:36px}dialog.pf-sheet.pf-picker .pf-picker__name strong{font-size:14px;letter-spacing:-.01em}dialog.pf-sheet.pf-picker .pf-picker__radio{width:20px;height:20px}}dialog.pf-sheet.pf-picker .pf-picker__badge{align-self:flex-start;margin-top:2px;padding:0 6px;font-size:11.5px;white-space:nowrap}dialog.pf-sheet.pf-picker .pf-picker__radio{flex:0 0 auto;display:inline-grid;place-items:center;width:22px;height:22px;border:1.5px solid #c5d1df;border-radius:50%;background:#fff;color:#fff}dialog.pf-sheet.pf-picker .pf-picker__radio svg{width:12px;height:12px;opacity:0}dialog.pf-sheet.pf-picker .pf-picker__card.is-selected .pf-picker__radio,dialog.pf-sheet.pf-picker .pf-picker__card:has(input:checked) .pf-picker__radio{border-color:var(--pk-blue);background:var(--pk-blue)}dialog.pf-sheet.pf-picker .pf-picker__card.is-selected .pf-picker__radio svg,dialog.pf-sheet.pf-picker .pf-picker__card:has(input:checked) .pf-picker__radio svg{opacity:1}dialog.pf-sheet.pf-picker .pf-picker__help{display:flex;align-items:center;gap:10px;margin-top:10px;padding:9px 12px;border:0;border-radius:12px;background:#f6f8fc;color:var(--pk-navy);font-size:13.5px;line-height:1.4}dialog.pf-sheet.pf-picker .pf-picker__help-q{flex:0 0 auto;display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--pk-line);border-radius:7px;background:#fff;font-size:12px;font-weight:800}dialog.pf-sheet.pf-picker .pf-picker__help strong{font-weight:800}dialog.pf-sheet.pf-picker .pf-picker__remember{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:4px;color:var(--pk-navy);font-size:13.5px}dialog.pf-sheet.pf-picker .pf-picker__switch{width:38px;height:22px}dialog.pf-sheet.pf-picker .pf-picker__switch:after{width:16px;height:16px}dialog.pf-sheet.pf-picker .pf-picker__remember input:checked+.pf-picker__switch:after{transform:translate(16px)}dialog.pf-sheet.pf-picker .pf-picker__foot{display:flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #e6edf6;background:#fff}dialog.pf-sheet.pf-picker .pf-picker__clear{display:none!important}dialog.pf-sheet.pf-picker .pf-picker__reset{flex:0 0 auto;min-height:48px;padding:0 16px;border:1.5px solid var(--pk-line);border-radius:12px;background:#fff;color:var(--pk-navy);font:inherit;font-size:15px;font-weight:800;cursor:pointer}dialog.pf-sheet.pf-picker .pf-picker__reset:hover{border-color:#9fbde4}dialog.pf-sheet.pf-picker .pf-picker__confirm{flex:1 1 auto;min-width:0;width:auto;min-height:48px;margin:0;padding:0 14px;border-radius:12px;background:var(--pk-blue);box-shadow:0 8px 20px #0360fe40;font-size:15px;font-weight:800}dialog.pf-sheet.pf-picker .pf-picker__confirm:disabled{background:#a9b9cc;box-shadow:none}dialog.pf-sheet.pf-picker .pf-picker__confirm [data-pf-picker-confirm-label]{line-height:1.2;text-align:center}@media(max-width:420px){dialog.pf-sheet.pf-picker .pf-picker__confirm{gap:6px;padding:4px 10px;font-size:14px}dialog.pf-sheet.pf-picker .pf-picker__reset{padding:0 12px;font-size:14px}}dialog.pf-sheet.pf-picker .pf-picker__confirm svg{flex:0 0 auto}dialog.pf-sheet.pf-picker .pf-picker__status{position:absolute;left:16px;right:16px;bottom:100%;margin:0 0 4px;font-size:13px}dialog.pf-sheet.pf-picker .pf-picker__foot{position:relative}dialog.pf-sheet.pf-picker :is(button,input,a):focus-visible,dialog.pf-sheet.pf-picker .pf-picker__card:has(input:focus-visible){outline:3px solid var(--pk-blue);outline-offset:2px}@media(min-width:700px){dialog.pf-sheet.pf-picker{inset:0 0 0 auto;width:440px;height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-radius:20px 0 0 20px}dialog.pf-sheet.pf-picker .pf-sheet__panel{height:100%;max-height:100dvh}dialog.pf-sheet.pf-picker .pf-picker__head{padding:18px 18px 12px}dialog.pf-sheet.pf-picker .pf-picker__body{padding:0 18px 14px}dialog.pf-sheet.pf-picker .pf-picker__foot{padding:14px 18px}}@media(prefers-reduced-motion:no-preference){dialog.pf-sheet.pf-picker[open]{animation:pf-pk-pop .18s ease-out}@keyframes pf-pk-pop{0%{opacity:0;transform:scale(.98)}}}@media(min-width:700px)and (prefers-reduced-motion:no-preference){dialog.pf-sheet.pf-picker[open]{animation:pf-pk-slide .22s ease-out}@keyframes pf-pk-slide{0%{transform:translate(40px);opacity:.6}}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/pf-picker-v3.css.map */