.marketing-template-picker { box-sizing: border-box; display: inline-block; max-width: 100%; position: relative; text-align: left; width: 320px; }
.marketing-template-picker[data-ready='1'] > select { left: -10000px; position: absolute; width: 1px; }
.marketing-template-trigger { align-items: center; background: #fff; border: 1px solid #999; border-radius: 4px; box-sizing: border-box; cursor: pointer; display: inline-flex; height: 34px; justify-content: space-between; max-width: 100%; overflow: hidden; padding: 4px 8px; text-align: left; width: 100%; }
.marketing-template-trigger > span:first-child { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketing-template-trigger:hover, .marketing-template-trigger:focus { border-color: #cb8435; box-shadow: 0 0 0 1px rgba(203,132,53,.2); outline: 0; }
.marketing-template-chevron { flex: 0 0 auto; font-size: 13px; margin-left: 10px; }
.marketing-template-menu { background: #fff; border: 1px solid #999; border-radius: 4px; box-shadow: 0 3px 9px rgba(0,0,0,.22); box-sizing: border-box; display: none; left: 0; max-width: calc(100vw - 16px); min-width: 100%; padding: 6px; position: absolute; top: 36px; width: 100%; z-index: 10000; }
.marketing-template-picker.is-open { z-index: 10030; }
.marketing-template-picker.is-open .marketing-template-menu { display: block; }
.marketing-template-search-row { align-items: center; border: 1px solid #bbb; border-radius: 3px; display: flex; margin-bottom: 5px; }
.marketing-template-search-icon { align-items: center; color: #777; display: inline-flex; flex: 0 0 22px; justify-content: center; }
.marketing-template-search-icon svg { display: block; height: 13px; width: 13px; }
.marketing-template-search { border: 0; box-sizing: border-box; height: 30px; outline: none; padding: 2px 6px; width: 100%; }
.marketing-template-options { border-top: 1px solid #ddd; display: block; max-height: 230px; overflow: auto; padding-top: 4px; }
.marketing-template-option, .marketing-template-empty { background: #fff; border: 0; box-sizing: border-box; display: block; padding: 6px 7px; text-align: left; width: 100%; }
.marketing-template-option { cursor: pointer; }
.marketing-template-option:hover, .marketing-template-option:focus, .marketing-template-option.is-selected { background: #fff3e5; }
.checkout-field-error { color: #a52720; display: block; font-size: 13px; margin-top: 4px; }
input[aria-invalid='true'] { border-color: #a52720; }
.marketing-template-trigger[aria-invalid='true'] { border-color: #a52720; }

/* Keep the purchase fields aligned with the searchable selectors. */
#promptimg2 .buyborder { height: 720px; margin-top: -400px; }
#promptimg2 .buyshow { height: 710px; }
#promptimg2 .buyshow form > table:first-of-type { border-spacing: 0 4px; width: 100%; }
#promptimg2 .buyshow form > table:first-of-type td { padding: 1px 6px; vertical-align: middle; }
#promptimg2 .buyshow form > table:first-of-type input[type='text']:not([readonly]) {
    box-sizing: border-box;
    height: 30px;
    max-width: 100%;
    padding: 4px 7px;
    width: 320px;
}
#promptimg2 .buyshow form > table:first-of-type input[name='num_seats'] { width: 90px; }
@media (max-height: 720px) {
    #promptimg2 .buyborder { height: calc(100vh - 80px); margin-top: calc(-50vh + 15px); }
    #promptimg2 .buyshow { height: calc(100% - 10px); overflow-y: auto; }
}