#search-modal .yu-spotlight-dialog{--yu-search-top: min(15dvh, 132px);--yu-search-max-height: min(720px, calc(100dvh - var(--yu-search-top) - 24px));box-sizing:border-box;position:fixed;inset:var(--yu-search-top) 0 auto;margin:0 auto;width:min(var(--yu-search-width, 680px),calc(100vw - 48px));max-width:none;height:max-content!important;min-height:0!important;max-height:var(--yu-search-max-height);padding:0;border:1px solid rgb(32 32 32 / .12);border-radius:12px;background:rgba(var(--yu-search-surface, 240, 236, 229),var(--yu-search-panel-alpha, 1));color:#202020;box-shadow:0 18px 64px #00000029;overflow:hidden;overscroll-behavior:contain;z-index:11000}#search-modal .yu-spotlight-dialog::backdrop{display:block;background:rgba(var(--yu-search-surface, 240, 236, 229),var(--yu-search-alpha, .5));backdrop-filter:blur(var(--yu-search-blur, 20px));-webkit-backdrop-filter:blur(var(--yu-search-blur, 20px));animation:none!important}#search-modal .yu-spotlight-dialog[open]{display:block;animation:yu-spotlight-in .26s cubic-bezier(.22,1,.36,1) both}#search-modal .yu-spotlight-dialog.dialog-closing{animation:yu-spotlight-out .18s ease both}@keyframes yu-spotlight-in{0%{opacity:0;transform:translateY(-12px) scale(.99)}to{opacity:1;transform:none}}@keyframes yu-spotlight-out{to{opacity:0;transform:translateY(-6px)}}yu-spotlight{display:block;color:#202020}#search-modal .yu-spotlight__form{display:flex;flex-direction:column;height:auto;min-height:0;max-height:calc(var(--yu-search-max-height) - 2px);margin:0;padding:0}#search-modal .yu-spotlight__bar{display:flex;align-items:center;gap:14px;padding:14px 18px 14px 24px;min-height:74px;flex:0 0 auto}#search-modal .yu-spotlight__magnifier{display:block;width:22px;height:22px;flex:0 0 auto;opacity:.75}#search-modal .yu-spotlight__magnifier svg{width:100%;height:100%}#search-modal .yu-spotlight__input{appearance:none;-webkit-appearance:none;min-width:0;width:100%;flex:1;border:0!important;border-radius:0!important;background:transparent!important;color:#202020!important;font-family:YU Inter,Arial,sans-serif!important;font-size:18px!important;font-weight:300;line-height:1.5;padding:6px 0!important;outline:none!important;box-shadow:none!important}#search-modal .yu-spotlight__input::-webkit-search-cancel-button{-webkit-appearance:none}#search-modal .yu-spotlight__input::placeholder{color:#59564f;opacity:1}#search-modal .yu-spotlight__bar:focus-within{box-shadow:inset 0 -1px #20202033}#search-modal .yu-spotlight__close{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:11px;margin:0;border:0;border-radius:4px;box-shadow:none;background:transparent;color:#202020;cursor:pointer}#search-modal .yu-spotlight__close svg{width:20px;height:20px}#search-modal .yu-spotlight__body{flex:0 1 auto;min-height:0;padding:12px 24px 8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border-top:1px solid rgb(32 32 32 / .16)}#search-modal .yu-spotlight__status{margin:0;color:#59564f;font:300 12px/1.55 YU Inter,Arial,sans-serif}#search-modal .yu-spotlight__status:empty{display:none}#search-modal .yu-spotlight__status:not(:empty){padding-block:4px 10px}#search-modal .yu-spotlight__results{list-style:none;padding:0;margin:0}#search-modal .yu-spotlight__result{list-style:none;margin:0;padding:0;border-bottom:1px solid rgb(32 32 32 / .16)}#search-modal .yu-spotlight__result:last-child{border-bottom:0}#search-modal .yu-spotlight__row{display:grid;grid-template-columns:64px minmax(0,1fr) 20px;align-items:center;column-gap:18px;min-height:88px;padding:12px 6px;text-decoration:none;color:#202020;border-radius:4px;transition:background-color .15s ease}#search-modal .yu-spotlight__thumb{display:grid;place-items:center;width:64px;height:64px;overflow:hidden;background:#2020200a;font:24px/1 Georgia,serif}#search-modal .yu-spotlight__thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}#search-modal .yu-spotlight__copy{display:flex;flex-direction:column;gap:5px;min-width:0}#search-modal .yu-spotlight__title{display:block;font-family:YU Cormorant,Georgia,serif!important;font-size:21px;font-weight:300;line-height:1.15;color:#202020;overflow-wrap:anywhere}#search-modal .yu-spotlight__detail{display:block;font:300 12px/1.55 YU Inter,Arial,sans-serif;color:#58544d;overflow-wrap:anywhere}#search-modal .yu-spotlight__arrow{opacity:.65;font-size:18px;transition:transform .18s ease}#search-modal [hidden]{display:none!important}#search-modal :is(button,a):focus-visible{outline:2px solid #202020;outline-offset:-2px}#search-modal :is(button,a):before,#search-modal :is(button,a):after{content:none}@media(hover:hover){#search-modal .yu-spotlight__row:hover{background:#2020200f}#search-modal .yu-spotlight__row:hover .yu-spotlight__arrow{transform:translate(3px)}#search-modal .yu-spotlight__close:hover{background:#2020200f}}@media(max-width:749px){#search-modal .yu-spotlight-dialog{--yu-search-top: max(16px,env(safe-area-inset-top,0px));--yu-search-max-height: calc(100dvh - var(--yu-search-top) - max(16px,env(safe-area-inset-bottom,0px)));width:calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));border-radius:10px}#search-modal .yu-spotlight__bar{padding:8px 8px 8px 16px;min-height:64px;gap:10px}#search-modal .yu-spotlight__input{font-size:16px!important}#search-modal .yu-spotlight__body{padding-inline:16px}#search-modal .yu-spotlight__row{grid-template-columns:52px minmax(0,1fr) 14px;column-gap:12px;min-height:80px}#search-modal .yu-spotlight__thumb{width:52px;height:52px}#search-modal .yu-spotlight__title{font-size:20px}#search-modal .yu-spotlight__detail{font-size:11px}}@media(max-height:500px){#search-modal .yu-spotlight-dialog{--yu-search-top: 12px;--yu-search-max-height: calc(100dvh - 24px) }}@media(prefers-reduced-motion:reduce){#search-modal .yu-spotlight-dialog[open],#search-modal .yu-spotlight-dialog.dialog-closing{animation-duration:1ms}#search-modal .yu-spotlight__row,#search-modal .yu-spotlight__arrow{transition:none}}@media(forced-colors:active){#search-modal .yu-spotlight-dialog{background:Canvas;border:1px solid CanvasText}#search-modal .yu-spotlight__row{color:LinkText}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/yu-spotlight.css.map */