body[data-sln-ux=modern] #search-modal .resource-card[data-resource-type=product]{min-width:0;row-gap:12px}body[data-sln-ux=modern] #search-modal .resource-card[data-resource-type=product] .resource-card__media{position:relative;aspect-ratio:1;flex-shrink:0;overflow:hidden;border-radius:8px;background:#fff}body[data-sln-ux=modern] #search-modal .resource-card[data-resource-type=product] .resource-card__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;aspect-ratio:1;box-sizing:border-box;padding:clamp(8px,1.2vw,14px);margin:0;border-radius:0;object-fit:contain;object-position:center!important}body[data-sln-ux=modern] #search-modal .resource-card[data-resource-type=product] .resource-card__image-placeholder{aspect-ratio:1}body[data-sln-ux=modern] #search-modal .resource-card[data-resource-type=product] .resource-card__content{gap:6px;padding-inline:2px}body[data-sln-ux=modern] #search-modal .resource-card[data-resource-type=product] .resource-card__title{min-block-size:4.2em;font-size:14px;font-weight:500;line-height:1.4;-webkit-line-clamp:3}body[data-sln-ux=modern] #search-modal .resource-card[data-resource-type=product] .price{font-size:14px;font-weight:600;line-height:1.3}body[data-sln-ux=modern] #search-modal .predictive-search-results__wrapper-products{column-gap:16px;row-gap:24px}body[data-sln-ux=modern] #search-modal .predictive-search-results__card--product{min-width:0;border-radius:8px}body[data-sln-ux=modern] #search-modal .predictive-search-results__card--product:is(:hover,:focus-within,[aria-selected=true].keyboard-focus){padding:0;margin:0;background-color:transparent;box-shadow:0 0 0 1px #d31920}body[data-sln-ux=modern] #search-modal .predictive-search-results__card--product:is(:focus-within,[aria-selected=true].keyboard-focus){outline:2px solid #d31920;outline-offset:4px}body[data-sln-ux=modern] #search-modal .search-modal__content{border:1px solid #39393d;border-top:2px solid #d31920;background:#141416;box-shadow:0 28px 80px #00000073}body[data-sln-ux=modern] #search-modal .search-modal__content[open]{transform-origin:top center;animation:sln-search-in .26s cubic-bezier(.22,1,.36,1) both;border-radius:16px}body[data-sln-ux=modern] #search-modal .search-modal__content.dialog-closing{animation:sln-search-out .16s ease-in both}body[data-sln-ux=modern] #search-modal .predictive-search-form__header{background:#1c1c1f;border-bottom:1px solid #39393d}body[data-sln-ux=modern] #search-modal :is(.predictive-search__close-modal-button,.predictive-search__reset-button),.sln-design .sln-header--modern .cart-drawer__close-button{min-width:44px;min-height:44px;border:1px solid #3b3b40;border-radius:8px;background:#242428;color:#fff;transition:background-color .16s ease,border-color .16s ease}body[data-sln-ux=modern] #search-modal :is(.predictive-search__close-modal-button,.predictive-search__reset-button):hover,.sln-design .sln-header--modern .cart-drawer__close-button:hover{background:#303035;border-color:#777}body[data-sln-ux=modern] #search-modal :is(.search-input,.predictive-search__close-modal-button,.predictive-search__reset-button):focus-visible,.sln-design .sln-header--modern .cart-drawer__close-button:focus-visible{outline:2px solid #fff;outline-offset:3px}body[data-sln-ux=modern] #search-modal .search-input:focus-visible{outline-offset:-3px;border-radius:6px}.sln-design .sln-header--modern .cart-drawer__dialog{--dialog-drawer-opening-animation: sln-drawer-in;--dialog-drawer-closing-animation: sln-drawer-out;--animation-speed: .3s;--animation-easing: cubic-bezier(.22, 1, .36, 1);border-left:1px solid #3b3b40;border-top:2px solid #d31920;box-shadow:-24px 0 70px #00000061}.sln-design .sln-header--modern .cart-drawer__dialog.dialog-closing{--animation-speed: .2s;--animation-easing: ease-in}.sln-design .sln-header--modern .cart-drawer__header{border-bottom:1px solid #303033}.sln-design .sln-header--modern .cart-drawer--empty .cart-drawer__header{border-bottom:0}body[data-sln-ux=modern] #search-modal .search-modal__content::backdrop,.sln-design .sln-header--modern .cart-drawer__dialog::backdrop{background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body[data-sln-ux=modern] #search-modal .search-modal__content[open]:not(.dialog-closing)::backdrop,.sln-design .sln-header--modern .cart-drawer__dialog[open]:not(.dialog-closing)::backdrop{animation:sln-backdrop-in .16s ease-out both}body[data-sln-ux=modern] #search-modal .search-modal__content[open].dialog-closing::backdrop,.sln-design .sln-header--modern .cart-drawer__dialog[open].dialog-closing::backdrop{animation:sln-backdrop-out .12s ease-in both}@keyframes sln-search-in{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sln-search-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.99)}}@keyframes sln-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes sln-drawer-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes sln-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes sln-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes sln-dialog-still{0%{opacity:1;transform:none}to{opacity:1;transform:none}}@media(max-width:749px){body[data-sln-ux=modern] #search-modal .search-modal__content[open]{border-radius:0}}@media(prefers-reduced-motion:reduce){body[data-sln-ux=modern] #search-modal .search-modal__content[open],body[data-sln-ux=modern] #search-modal .search-modal__content.dialog-closing{animation:sln-dialog-still 1ms linear}.sln-design .sln-header--modern .cart-drawer__dialog,.sln-design .sln-header--modern .cart-drawer__dialog.dialog-closing{--dialog-drawer-opening-animation: sln-dialog-still;--dialog-drawer-closing-animation: sln-dialog-still;--animation-speed: 1ms}body[data-sln-ux=modern] #search-modal .search-modal__content[open]:not(.dialog-closing)::backdrop,body[data-sln-ux=modern] #search-modal .search-modal__content[open].dialog-closing::backdrop,.sln-design .sln-header--modern .cart-drawer__dialog[open]:not(.dialog-closing)::backdrop,.sln-design .sln-header--modern .cart-drawer__dialog[open].dialog-closing::backdrop,body[data-sln-ux=modern] #search-modal :is(.predictive-search__close-modal-button,.predictive-search__reset-button),.sln-design .sln-header--modern .cart-drawer__close-button{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/sln-modern-panels.css.map */