.search-box{display:block;margin-bottom:var(--spacing-sm);position:relative}.search-box__form{display:flex;width:100%}.search-box__cell{flex:1 1 auto;position:relative}.search-box__input{-webkit-appearance:none;border:2px solid var(--color-primary);border-radius:0;font-size:var(--spacing-lg);outline:none;padding:var(--spacing-sm) var(--spacing-md);width:100%}.search-box__input::-webkit-search-cancel-button,.search-box__input::-webkit-search-decoration,.search-box__input::-webkit-search-results-button,.search-box__input::-webkit-search-results-decoration{display:none}.search-box__input.active{background:var(--color-secondary);border:2px solid var(--color-secondary)}.search-box__reset{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;bottom:0;cursor:pointer;position:absolute;right:0;top:0;width:var(--spacing-4xl)}.search-box__clear-icon.dn-icon{font-size:var(--spacing-lg)}.search-box__submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-primary);border:0;color:var(--color-lightest);cursor:pointer;flex:auto 0 1;font-size:var(--spacing-md);font-weight:var(--font-weight-primary-bold);line-height:1;padding:var(--spacing-md);text-align:center}@media screen and (min-width:993px){.search-box__submit{min-width:15rem}}.search-box__submit:not(.active){pointer-events:none}.search-box__submit:focus{outline:2px solid var(--color-secondary)}@media screen and (max-width:768px){.search-box__submit-text{display:none}}@media screen and (min-width:769px){.search-box__submit-icon.dn-icon{display:none}}