.tpx-mobile-utilities { display:inline-flex; align-items:center; flex:0 0 auto; gap:0; --tpx-utility-icon-size:24px; }
.tpx-mobile-utilities .tpx-mobile-utilities__action { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; padding:0; margin:0; border:0; border-radius:0; background:transparent; color:inherit; text-decoration:none; cursor:pointer; box-shadow:none; }
.tpx-mobile-utilities__action svg {stroke: rgb(102, 102, 102); width:var(--tpx-utility-icon-size); height:var(--tpx-utility-icon-size); }
.tpx-mobile-utilities .tpx-mobile-utilities__action:disabled { cursor:default; opacity:1; }
.tpx-mobile-utilities :is(button,a,input):focus-visible { outline:2px solid var(--wp--preset--color--red,#ff0033); outline-offset:4px; }
.tpx-mobile-utilities__dialog:not([open]) { display:none !important; }
.tpx-mobile-utilities__dialog { box-sizing:border-box; position:fixed; inset:0; width:100%; max-width:none; height:100%; height:100dvh; max-height:none; margin:0; padding:0; border:0; background:var(--wp--preset--color--charcoal,#171717); color:var(--wp--preset--color--white,#fff); font:inherit; overflow-y:auto; overscroll-behavior:contain; }
.tpx-mobile-utilities__dialog::backdrop { background:#171717; }
.tpx-mobile-utilities__panel { position:relative; min-height:100%; padding:calc(76px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px)); box-sizing:border-box; }
.tpx-mobile-utilities__dialog :is(.tpx-mobile-utilities__close,.tpx-mobile-utilities__submit) { display:flex; align-items:center; justify-content:center; width:38px; height:38px; flex:0 0 38px; margin:0; padding:0; border:0; border-radius:0; background:transparent; color:inherit; cursor:pointer; box-shadow:none; }
.tpx-mobile-utilities__dialog .tpx-mobile-utilities__close { position:absolute; top:calc(8px + env(safe-area-inset-top,0px)); right:max(8px,env(safe-area-inset-right,0px)); color:#aaa; }
.tpx-mobile-utilities__close svg,.tpx-mobile-utilities__submit svg { width:24px; height:24px; }
.tpx-mobile-utilities__form { display:flex; align-items:center; gap:10px; width:100%; margin:0; padding:0 0 12px; border-bottom:1px solid #ffffff30; }
.tpx-mobile-utilities__field-icon { display:flex; flex:0 0 24px; color:#999; }
.tpx-mobile-utilities__field-icon svg { width:24px; height:24px; }
.tpx-mobile-utilities__dialog .tpx-mobile-utilities__input { box-sizing:border-box; width:100%; min-width:0; flex:1 1 auto; margin:0; padding:8px 0; border:0; border-radius:0; box-shadow:none; background:transparent; color:#fff; font:inherit; font-size:clamp(22px,6vw,28px); line-height:1.3; }
.tpx-mobile-utilities__input::placeholder { color:#999; opacity:1; }
.tpx-mobile-utilities__input::-webkit-search-cancel-button { cursor:pointer; }
.tpx-mobile-utilities__sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }

.tpx-mobile-utilities__dialog .tpx-mobile-utilities__input:focus-visible { outline:none; }
.tpx-mobile-utilities__form:focus-within { border-bottom-color:var(--wp--preset--color--red,#ff0033); }