.nms-care-guide{padding-bottom:var(--nms-space-xl3)}.nms-care-guide .container{max-width:90rem;margin:0 auto;padding:0 var(--nms-space-base)}.nms-care-guide__placeholder{width:100%;min-height:13.75rem;border-radius:var(--nms-radius-20);margin-top:var(--nms-space-xl2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--nms-space-xs);position:relative;background:transparent}.nms-care-guide__placeholder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--nms-radius-20);background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='28' ry='28' stroke='%23CECDCA' stroke-width='1' stroke-dasharray='6%2C 6' stroke-dashoffset='0' stroke-linecap='square'/%3E%3C/svg%3E");pointer-events:none}.nms-care-guide__placeholder-text{color:rgb(var(--nms-base-primary-500))}.nms-care-guide__placeholder-content{display:flex;flex-direction:column;align-items:center}.nms-care-guide__content-top{text-align:center;max-width:31.25rem;width:100%;margin:0 auto}.nms-care-guide__empty-icon{color:rgb(var(--nms-base-primary-400));margin-bottom:var(--nms-space-lg);display:flex;justify-content:center}.nms-care-guide__empty-text{font-size:var(--nms-text-body-lg-size);line-height:var(--nms-text-body-lg-line-height);color:rgb(var(--nms-base-primary-500));margin:0 0 var(--nms-space-xl4) 0}.nms-care-guide__trigger-input{position:relative;display:flex;align-items:center;width:100%;margin:0 auto;border:1px solid rgb(var(--nms-outline-primary-variant));border-radius:var(--nms-radius-full);overflow:hidden;padding:var(--nms-space-xs3);height:3rem}.nms-care-guide__trigger-icon{left:var(--nms-space-base);position:absolute;pointer-events:none;color:rgb(var(--nms-base-primary-500))}.nms-care-guide__trigger-field{flex:1;cursor:pointer;padding:0 var(--nms-space-base) 0 2.375rem;height:100%;display:flex;align-items:center;background:transparent;border:none}.nms-care-guide__trigger-field:focus{outline:none}.nms-care-guide__trigger-text{color:rgb(var(--nms-base-primary-500))}.nms-care-guide__trigger-text span,.nms-care-guide__trigger-text--active{color:rgb(var(--nms-base-primary-700))}@media screen and (min-width: 768px){.nms-care-guide{padding-bottom:var(--nms-space-xl4)}.nms-care-guide__trigger-input{height:3.5rem}}@media screen and (max-width: 768px){.nms-care-guide__trigger-text--active{font-size:var(--nms-text-body-md-size);line-height:var(--nms-text-body-md-line-height);font-weight:var(--nms-text-body-md-weight);font-family:var(--nms-text-body-md-family);letter-spacing:var(--nms-text-body-md-tracking)}}@media screen and (min-width: 1024px){.nms-care-guide{padding-bottom:2.75rem}}.nms-care-guide__clear-button{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-right:var(--nms-space-xs2);padding:0;background:none;cursor:pointer;color:rgb(var(--nms-base-primary-700));flex-shrink:0}.nms-care-guide__clear-button[hidden]{display:none}.nms-care-guide__content{padding:var(--nms-space-lg) 0}.nms-care-guide__content[hidden]{display:none}.care-content__header{text-align:center;margin-bottom:var(--nms-space-xl4)}.care-content__title{font-size:var(--nms-text-heading-lg-size);font-weight:var(--nms-text-heading-lg-weight);color:rgb(var(--nms-theme-primary));margin:0 0 var(--nms-space-sm) 0}.care-content__subtitle{font-size:var(--nms-text-body-md-size);line-height:var(--nms-text-body-md-line-height);color:rgb(var(--nms-base-primary-500));margin:0 0 var(--nms-space-lg) 0}.care-content__change{display:inline-flex;align-items:center;gap:var(--nms-space-xs);padding:var(--nms-space-sm) var(--nms-space-lg);font-size:var(--nms-text-body-md-size);font-weight:var(--nms-text-body-md-weight);color:rgb(var(--nms-theme-primary));background-color:transparent;border:1px solid rgb(var(--nms-outline-primary));border-radius:var(--nms-radius-8);cursor:pointer;transition:background-color .2s ease,color .2s ease}.care-content__change:hover{background-color:rgb(var(--nms-theme-primary));color:rgb(var(--nms-theme-on-primary))}.care-content__selected-product{text-align:center;font-size:var(--nms-text-title-md-size);font-weight:var(--nms-text-title-md-weight);color:rgb(var(--nms-theme-primary));margin-bottom:var(--nms-space-lg)}.care-content__images{max-width:90rem;margin:0 auto;border-radius:var(--nms-radius-12);border:1px solid rgb(var(--nms-outline-primary-variant));overflow:hidden}.care-content__image{width:100%;height:auto;display:block;border-radius:var(--nms-radius-8)}.care-guide-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:var(--nms-space-sm);border:none;background-color:transparent;overflow:hidden}.care-guide-modal[open]{display:flex;align-items:center;justify-content:center}.care-guide-modal::backdrop{background-color:var(--nms-alpha-black-70)}.care-guide-modal__container{display:flex;flex-direction:column;width:100%;max-width:43.75rem;height:25rem;background-color:rgb(var(--nms-brand-pebble));border-radius:var(--nms-radius-24);overflow:hidden;padding:var(--nms-space-sm)}.care-guide-modal__header{display:flex;align-items:center;gap:var(--nms-space-xs);flex-shrink:0}.care-guide-modal__close{display:flex;align-items:center;justify-content:center;padding:var(--nms-space-xs);background:none;border:none;border-radius:50%;width:2.75rem;height:2.75rem;cursor:pointer;border:1px solid rgb(var(--nms-outline-primary-variant));transition:color .2s ease,background-color .2s ease;flex-shrink:0}.care-guide-modal__close:hover{color:rgb(var(--nms-theme-primary));background-color:var(--nms-alpha-state-hover)}.care-search-input{position:relative;display:flex;align-items:center;flex:1}.care-search-input__icon{position:absolute;left:var(--nms-space-sm);color:rgb(var(--nms-base-primary-500));pointer-events:none;z-index:2}.care-search-input__placeholder{position:absolute;left:2.5rem;right:var(--nms-space-sm);pointer-events:none;z-index:1;transition:opacity .2s ease}.care-search-input__placeholder[hidden]{display:none}.care-search-input__placeholder-text{color:rgb(var(--nms-base-primary-500))}.care-search-input__placeholder-text span{color:rgb(var(--nms-base-primary-700))}.care-search-input__field{width:100%;padding:var(--nms-space-sm) var(--nms-space-sm) var(--nms-space-sm) 2.5rem;font-size:var(--nms-text-label-md-size);line-height:var(--nms-text-label-md-line-height);border-radius:2.125rem;background-color:rgb(var(--nms-surface-primary));border:1px solid rgb(var(--nms-outline-primary-variant))}.care-search-input__field:focus{outline:none}.care-guide-modal__content{flex:1;margin-top:var(--nms-space-sm);overflow-y:auto}.care-guide__list-wrap{background-color:rgb(var(--nms-surface-primary));border-radius:var(--nms-radius-12);padding:var(--nms-space-sm)}.care-suggestions[hidden]{display:none}.care-suggestions__title{margin:0 0 var(--nms-space-sm) 0}.care-suggestions__list{display:flex;flex-direction:column;gap:0;margin-left:var(--nms-space-sm);margin-right:var(--nms-space-xs)}.care-result-item{display:flex;align-items:center;gap:var(--nms-space-sm);padding:var(--nms-space-sm) 0;width:100%;background:none;border:none;border-radius:0;cursor:pointer;text-align:left;transition:background-color .2s ease;border-bottom:1px solid rgb(var(--nms-outline-primary-variant))}.care-suggestions__list .care-result-item:not([hidden]):last-of-type{border-bottom:none}.care-results__list .care-result-item:not([hidden]):last-of-type{border-bottom:none}.care-result-item[hidden]{display:none}.care-result-item__icon{flex-shrink:0;color:rgb(var(--nms-base-primary-500))}.care-result-item__name{flex:1;color:rgb(var(--nms-base-primary-700))}.care-result-item__arrow{flex-shrink:0;color:rgb(var(--nms-base-primary-400))}.care-results[hidden]{display:none}.care-results__list{display:flex;flex-direction:column;gap:0}.care-no-results{display:flex;align-items:center;justify-content:center;padding:1.75rem 0}.care-no-results[hidden]{display:none}.care-no-results__content{text-align:center;display:flex;flex-direction:column;align-items:center}.care-no-results__icon{margin-bottom:var(--nms-space-md)}.care-no-results__title{color:rgb(var(--nms-theme-primary));margin-bottom:var(--nms-space-xs)}.care-no-results__title span{font-weight:var(--nms-font-weight-bold)}.care-no-results__text{color:rgb(var(--nms-base-primary-500));margin:0}
/*# sourceMappingURL=/cdn/shop/t/829/assets/nms-care-guide.css.map */