.clearable-control { position:relative;display:block;min-width:0;width:100%; }
.clearable-control>input,.clearable-control>select,.clearable-control>.calendar-trigger { width:100%;padding-right:38px!important; }
.clearable-control>.field-clear { position:absolute;right:0;top:50%;transform:translateY(-50%);width:32px;height:32px;min-height:32px;padding:0;border:0;background:transparent;color:var(--gg-text-2);font-size:21px;line-height:1;display:flex;align-items:center;justify-content:center; }
@media(hover:hover) and (pointer:fine) {
 .clearable-control>.field-clear:hover { background:var(--gg-border);color:var(--gg-text-1); }
}

.clearable-control>.field-clear[hidden] { display:none; }
.clearable-control input[type=search]::-webkit-search-cancel-button { -webkit-appearance:none; }
.location-field:has(.area-browse-trigger) .clearable-control { width:calc(100% - 62px); }
.location-field:has(.area-browse-trigger) .clearable-control input { padding-right:38px; }
.header-area-group { position:relative;flex:0 1 250px;min-width:0; }
.header-area-group .area-picker { width:100%; }
.header-area-group:has(.header-area-clear) .area-picker { padding-right:42px; }
.header-area-clear { position:absolute;right:2px;top:0;height:100%;margin:0;display:flex;align-items:center; }
.header-area-clear button { width:36px;min-height:36px;padding:0;border:0;background:transparent;font-size:21px; }
.header-area-group:has(.header-area-clear) [data-area-arrow] { display:none; }
.ad-placeholder { width:100%;max-width:none; }
.ad-placeholder .ad-creative { width:min(970px,100%);height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column; }
.ad-placeholder .ad-creative>span { font-size:10px;letter-spacing:.1em; }
@media(max-width:999px) { .clearable-control>.field-clear { width:44px;height:44px;min-height:44px; } .clearable-control>input,.clearable-control>select,.clearable-control>.calendar-trigger { padding-right:46px!important; } .header-area-clear button { width:44px;min-height:44px; } }
@media(max-width:559px) { .header-area-group { width:100%;max-width:none;flex-basis:100%; } }

.results-sort .clearable-control { width:150px;flex:0 1 150px; }
.results-sort>label { white-space:nowrap; }
.group-clear { margin-left:8px;width:32px;min-height:32px;padding:0;border:0;background:transparent;font-size:21px; }
.group-clear[hidden] { display:none; }
@media(max-width:999px) { .group-clear { width:44px;min-height:44px; } }

/* The whole visible search tile is the input hit target. */
.discovery-form>.field { position:relative; }
.discovery-form>.field>label { position:absolute;top:10px;left:12px;z-index:2;pointer-events:none; }
.discovery-form>.field>.clearable-control { position:absolute;inset:0;width:100%;height:100%;border-radius:inherit; }
.discovery-form>.field>.clearable-control>input,
.discovery-form>.date-field>.clearable-control>.calendar-trigger { box-sizing:border-box;width:100%;height:100%;min-height:100%;padding:24px 44px 7px 12px!important;line-height:24px;border-radius:inherit; }
.discovery-form>.location-field:has(.area-browse-trigger)>.clearable-control { width:100%; }
.discovery-form>.location-field:has(.area-browse-trigger)>.clearable-control>input { padding-right:110px!important; }
.discovery-form>.location-field:has(.area-browse-trigger) .field-clear { right:62px; }
.discovery-form>.location-field>.area-browse-trigger { z-index:3; }
.discovery-form>.field>.clearable-control>.field-clear { z-index:3; }
.discovery-form>.field:focus-within { outline:2px solid var(--gg-text-2);outline-offset:2px; }
.discovery-form>.field>.clearable-control>input:focus,
.discovery-form>.date-field>.clearable-control>.calendar-trigger:focus { outline:none; }
.discovery-form>.location-field.has-area-chips { cursor:pointer; }
.clearable-control>input:not([type=date]),.clearable-control>select { min-height:44px; }
.discovery-form>.field>.clearable-control>input { min-height:100%; }