.gp-phone{position:relative;display:flex;gap:10px}.gp-phone__trigger{display:flex;align-items:center;gap:8px;flex:0 0 auto;background:var(--gp-soft);border:1px solid var(--gp-line);border-radius:16px;padding:15px 12px;cursor:pointer;color:var(--gp-text);font:inherit;font-size:15px;line-height:1}.gp-phone__trigger:hover{border-color:var(--gp-black)}.gp-phone__flag{width:22px;height:16px;object-fit:cover;border-radius:3px;display:block;flex-shrink:0}.gp-phone__dial{font-weight:500;white-space:nowrap}.gp-phone__caret{width:10px;height:7px;color:var(--gp-muted);flex-shrink:0;transition:transform .2s ease}.gp-phone[data-open] .gp-phone__caret{transform:rotate(180deg)}.gp-phone__number{flex:1;min-width:0}.gp-phone__panel{position:absolute;top:calc(100% + 8px);left:0;width:300px;max-width:calc(100vw - 48px);background:#fff;border:1px solid var(--gp-line);border-radius:18px;box-shadow:var(--gp-shadow);padding:14px;z-index:30}.gp-phone__search{display:flex;align-items:center;gap:8px;background:var(--gp-soft);border:1px solid var(--gp-line);border-radius:12px;padding:10px 12px;margin-bottom:10px}.gp-phone__search svg{width:16px;height:16px;color:var(--gp-muted);flex-shrink:0}.gp-phone__search input{border:0;background:none;outline:none;width:100%;font-size:14px;color:var(--gp-text)}.gp-phone__search input::placeholder{color:#8a8378}.gp-phone__list{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto}.gp-phone__option{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:10px;cursor:pointer;font-size:14px}.gp-phone__option:hover{background:var(--gp-soft)}.gp-phone__option img{width:22px;height:16px;object-fit:cover;border-radius:3px;flex-shrink:0}.gp-phone__option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-phone__option-dial{color:var(--gp-muted);font-size:13px;flex-shrink:0}.gp-phone__divider{height:1px;background:var(--gp-line);margin:8px 2px}.gp-phone__empty{padding:14px 8px;color:var(--gp-muted);font-size:14px;text-align:center}@media(max-width:620px){.gp-phone__panel{left:auto;right:0}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/gp-phone-input.css.map */