.shopify-section--dtc-search .section{padding-block:var(--padding-top) var(--padding-bottom)}.dtc-search{display:block;max-width:880px;margin-inline:auto}.dtc-search__list-view{display:flex;flex-direction:column;gap:20px}.dtc-search__heading{font-family:var(--heading-font-family);font-weight:var(--font-weight-medium);margin:0 0 4px;text-align:center}.dtc-search__form,.dtc-search__combobox{position:relative}.dtc-search__field{position:relative;display:flex;align-items:center;gap:14px;padding:16px 22px;background:var(--color-white);border:1px solid var(--color-light-gray-400);border-radius:var(--radius-xl);transition:border-color .15s ease,box-shadow .15s ease}.dtc-search__field:focus-within{border-color:var(--color-blue-500);box-shadow:var(--shadow-focus-ring-blue)}.dtc-search__icon{flex-shrink:0;display:inline-flex;color:var(--color-dark-gray-100)}.dtc-search__icon svg{width:20px;height:20px;display:block}.dtc-search__input{flex:1;min-width:0;border:0;background:transparent;outline:0;font-family:var(--font-family-primary);font-size:var(--font-size-body-l);font-weight:var(--font-weight-regular);color:var(--color-blue-1100);padding:0}.dtc-search__input::placeholder{color:var(--color-dark-gray-100);font-weight:var(--font-weight-regular)}.dtc-search__input[type=search]::-webkit-search-decoration,.dtc-search__input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.dtc-search__reset{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:50%;background:var(--color-blue-100);color:var(--color-blue-600);cursor:pointer;padding:0;opacity:0;pointer-events:none;transition:opacity .15s ease,background .15s ease}@media(hover:hover){.dtc-search__reset:hover{background:var(--color-blue-200);color:var(--color-blue-1100)}}.dtc-search__reset svg{width:14px;height:14px;display:block}.dtc-search__input:not(:placeholder-shown)~.dtc-search__reset{opacity:1;pointer-events:auto}.dtc-search__suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;list-style:none;padding:6px;margin:0;background:var(--color-white);border:1.5px solid var(--color-blue-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-dropdown);max-height:360px;overflow-y:auto}.dtc-search__suggestions[hidden]{display:none}.dtc-search__suggestion{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:var(--radius-m);text-decoration:none;color:var(--color-blue-1100);transition:background .12s ease}.dtc-search__suggestion.is-highlighted{background:var(--color-blue-100)}@media(hover:hover){.dtc-search__suggestion:hover{background:var(--color-blue-100)}}.dtc-search__suggestion-code{font-size:var(--font-size-body-m);font-weight:var(--font-weight-medium);color:var(--color-blue-500);letter-spacing:var(--letter-spacing-em-snug)}.dtc-search__suggestion-description{font-size:var(--font-size-body-s);font-weight:var(--font-weight-medium);color:var(--color-blue-1000);line-height:var(--line-height-xl)}.dtc-search__results{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:12px}.dtc-search__result[hidden]{display:none}.dtc-search__card{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--color-white);border:1.5px solid var(--color-blue-200);border-radius:var(--radius-xl);text-decoration:none;color:var(--color-blue-1100);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}@media(hover:hover){.dtc-search__card:hover{border-color:var(--color-blue-500);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}}.dtc-search__card-code{flex-shrink:0;font-family:var(--font-family-primary);font-size:var(--font-size-body-l);font-weight:var(--font-weight-semibold);color:var(--color-blue-500);letter-spacing:var(--letter-spacing-em-snug);min-width:64px}.dtc-search__card-description{flex:1;min-width:0;font-size:var(--font-size-body-m);font-weight:var(--font-weight-medium);color:var(--color-blue-1000);line-height:var(--line-height-xl);overflow-wrap:break-word}.dtc-search__card-pills{display:flex;align-items:center;flex-wrap:wrap;gap:6px;flex-shrink:0}@media screen and (max-width:749px){.dtc-search__card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;column-gap:12px;row-gap:6px;align-items:start;padding:14px 16px}.dtc-search__card-code{grid-column:1;grid-row:1;min-width:0}.dtc-search__card-description{grid-column:1;grid-row:2}.dtc-search__card-pills{grid-column:1;grid-row:3;gap:6px;flex-wrap:wrap}.dtc-search__card-arrow{grid-column:2;grid-row:1 / span 3;align-self:center}}.dtc-search__filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.dtc-search__filter{display:inline-flex;align-items:center;padding:8px 16px;border:1.5px solid var(--color-blue-200);border-radius:var(--radius-full);background:transparent;color:var(--color-blue-1000);font-family:var(--font-family-primary);font-size:var(--font-size-body-s);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}@media(hover:hover){.dtc-search__filter:hover{border-color:var(--color-blue-500);color:var(--color-blue-500)}}.dtc-search__filter.is-active{background:var(--color-blue-500);border-color:var(--color-blue-500);color:var(--color-white)}.dtc-search__count{font-size:var(--font-size-caption-l);font-weight:var(--font-weight-medium);color:var(--color-blue-600);margin:0 0 -8px;min-height:1em}.dtc-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-family:var(--font-family-primary);font-size:var(--font-size-caption-l);font-weight:var(--font-weight-medium);line-height:var(--line-height-l);letter-spacing:var(--letter-spacing-em-tight);border:1.5px solid currentColor;white-space:nowrap}.dtc-pill--subsystem{color:var(--color-blue-300)}.dtc-pill--category{color:var(--color-blue-500)}.dtc-pill--severity.dtc-pill--low{color:var(--color-success-emerald)}.dtc-pill--severity.dtc-pill--medium{color:var(--color-warning-medium)}.dtc-pill--severity.dtc-pill--high{color:var(--color-danger-dark)}.dtc-search__card-arrow{flex-shrink:0;display:inline-flex;color:var(--color-blue-600);transition:transform .15s ease,color .15s ease}.dtc-search__card-arrow svg{width:10px;height:10px;display:block;transform:rotate(-90deg)}@media(hover:hover){.dtc-search__card:hover .dtc-search__card-arrow{color:var(--color-blue-500);transform:translate(2px)}}.dtc-search__empty{text-align:center;color:var(--color-blue-700);font-size:var(--font-size-body-m);margin:0;padding:24px}.dtc-search__pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:24px}.dtc-search__page{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border-radius:var(--radius-m);font-size:var(--font-size-body-m);font-weight:var(--font-weight-medium);color:var(--color-blue-1000);text-decoration:none;background:var(--color-white);border:1.5px solid var(--color-blue-200);transition:background .12s ease,color .12s ease,border-color .12s ease;-webkit-user-select:none;user-select:none}@media(hover:hover){.dtc-search__page:hover{border-color:var(--color-blue-500);color:var(--color-blue-500)}}.dtc-search__page.is-current{background:var(--color-blue-500);border-color:var(--color-blue-500);color:var(--color-white)}.dtc-search__page--ellipsis,.dtc-search__page.is-disabled{pointer-events:none;opacity:.45;border-color:transparent;background:transparent}@media screen and (min-width:750px){.dtc-search__list-view{gap:24px}.dtc-search__field{padding:20px 28px}.dtc-search__input{font-size:var(--font-size-body-l)}.dtc-search__results{gap:10px}.dtc-search__card{padding:18px 22px}.dtc-search__card-description{font-size:var(--font-size-body-m)}}@media screen and (min-width:990px){.dtc-search__field{padding:22px 30px}.dtc-search__icon{width:22px;height:22px}}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.dtc-details{max-width:920px;margin-inline:auto;display:flex;flex-direction:column;gap:24px;font-family:var(--font-family-primary);color:var(--color-blue-1100)}.dtc-details__back{display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-body-m);font-weight:var(--font-weight-medium);color:var(--color-blue-600);text-decoration:none;align-self:flex-start;transition:color .15s ease}@media(hover:hover){.dtc-details__back:hover{color:var(--color-blue-500)}}.dtc-details__back svg{width:14px;height:14px}.dtc-details__header{display:flex;flex-direction:column;gap:12px}.dtc-details__pills{display:flex;flex-wrap:wrap;gap:8px}.dtc-details__badge{align-self:flex-start;padding:6px 14px;background:var(--color-blue-100);border:1.5px solid var(--color-blue-200);border-radius:var(--radius-full);font-size:var(--font-size-body-m);font-weight:var(--font-weight-medium);color:var(--color-blue-500);letter-spacing:var(--letter-spacing-em-wide)}.dtc-details__title{font-size:var(--font-size-mobile-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-m);letter-spacing:-.01em;margin:0;color:var(--color-blue-1100)}.dtc-details__cost{display:flex;flex-direction:column;gap:4px;padding:18px 22px;background:var(--color-white);border:1.5px solid var(--color-blue-200);border-radius:var(--radius-xl)}.dtc-details__cost-label{font-size:var(--font-size-caption-l);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-em-wider);color:var(--color-blue-600)}.dtc-details__cost-value{font-size:var(--font-size-h6);font-weight:var(--font-weight-semibold);color:var(--color-blue-500)}.dtc-details__block{display:flex;flex-direction:column;gap:14px;padding:18px 22px;background:var(--color-white);border:1.5px solid var(--color-blue-200);border-radius:var(--radius-xl)}.dtc-details__heading{font-size:var(--font-size-mobile-h4);font-weight:var(--font-weight-medium);line-height:var(--line-height-m);margin:0;color:var(--color-blue-1100)}.dtc-details__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.dtc-details__list li{position:relative;padding-left:24px;font-size:var(--font-size-body-m);font-weight:var(--font-weight-regular);line-height:var(--line-height-xl);color:var(--color-blue-1000)}.dtc-details__list li:before{content:"";position:absolute;left:4px;top:.65em;width:8px;height:8px;border-radius:50%;background:var(--color-blue-500)}.dtc-details__list--symptoms li:before{background:var(--color-warning-medium)}.dtc-details__list--causes li:before{background:var(--color-success-emerald)}.dtc-details__paragraph{font-size:var(--font-size-body-m);font-weight:var(--font-weight-regular);line-height:var(--line-height-xl);color:var(--color-blue-1000);margin:0}@media screen and (min-width:750px){.dtc-details{gap:28px}.dtc-details__title{font-size:var(--font-size-h3)}.dtc-details__heading{font-size:var(--font-size-h5)}.dtc-details__list li,.dtc-details__paragraph{font-size:var(--font-size-body-l)}.dtc-details__cost{flex-direction:row;align-items:baseline;justify-content:space-between;padding:22px 26px}.dtc-details__block{padding:22px 26px}}@media screen and (max-width:749px){.dtc-search__input{font-size:var(--font-size-caption-m)}.dtc-pill{padding:3px 9px;font-size:var(--font-size-caption-s);border-width:1px}.dtc-details{gap:16px}.dtc-details__title{font-size:var(--font-size-mobile-h4)}.dtc-details__heading{font-size:var(--font-size-mobile-h5)}.dtc-details__block,.dtc-details__cost{padding:14px 16px}.dtc-details__block{gap:12px}.dtc-details__list{gap:8px}.dtc-details__list li,.dtc-details__paragraph{font-size:var(--font-size-body-s)}.dtc-details__cost-value{font-size:var(--font-size-mobile-h5)}.dtc-details__back{font-size:var(--font-size-body-s)}.dtc-search__filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(-1 * var(--container-gutter, 16px));padding-inline:var(--container-gutter, 16px)}.dtc-search__filters::-webkit-scrollbar{display:none}.dtc-search__filter{flex-shrink:0}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-dtc-search.css.map */