.diag.has-background{background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative}.diag.has-background:after{content:"";background:var(--black);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4;z-index:1;pointer-events:none}.diag__wrapper{display:flex;flex-direction:column;gap:3.2rem;align-items:center;justify-content:center;padding:1.5rem;position:relative;z-index:2}.diag__filters{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}@media screen and (max-width:699px){.diag__filters{flex-direction:column}}.diag__filter{display:flex;align-items:center;gap:.75rem}.diag__filter-options{position:relative;border:none;max-width:13.75rem}@media screen and (min-width:700px){.diag__filter-options{max-width:25rem}}.diag__filter-options-summary{cursor:pointer;border-radius:.5rem;display:flex;align-items:center;gap:.5rem}.diag__filter-options-summary .summary-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diag__apply-button{--button-padding-inline: 1.875rem}.diag__filter-title,.summary-text{text-transform:none;white-space:nowrap}.diag__filter-options-summary{position:relative}.diag__filter-options-summary:after{content:"";position:absolute;bottom:-.4rem;left:0;width:calc(100% - 1.25rem);height:2px;background:var(--white)}.summary-icon{display:flex;align-items:center}.summary-icon svg{transition:transform .25s ease}.diag__filter-options[open] .summary-icon svg{transform:rotate(180deg)}.diag__filter-options-content{position:absolute;top:calc(100% + .5rem);border-radius:.375rem;left:0;width:100%;max-height:10rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gray-light) var(--white);background:var(--white);animation:dropdownFade .25s ease;z-index:3}.diag__filter-option{padding:.625rem .875rem;cursor:pointer;transition:background .2s ease,color .2s ease;color:var(--black);display:flex;justify-content:flex-start}.diag__filter-option:hover{background:var(--gray-light)}.diag__filter-option.active{font-weight:600;background:var(--gray-light);position:relative}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-.375rem)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/391/assets/section-diag.css.map */