.quick-view-modal{display:none}.quick-view-modal[open]{display:block}.quick-view-modal__data{display:none}.quick-view-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#12121273}.quick-view-modal__card{position:fixed;z-index:201;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 3.2rem);max-width:34rem;max-height:calc(100vh - 6rem);max-height:calc(100dvh - 6rem);display:flex;flex-direction:column;background:rgb(var(--color-background));border-radius:2rem;box-shadow:0 20px 50px -20px #12121280}.quick-view-modal__body{min-height:0;overflow-y:auto;padding:2rem}.quick-view-modal__close{position:absolute;top:-1.2rem;right:-1rem;width:3.4rem;height:3.4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#121212;color:#fff;border:0;padding:0;cursor:pointer;box-shadow:0 8px 18px -8px #12121280}.quick-view-modal__close svg{width:1.2rem;height:1.2rem}.quick-view-modal__header{display:flex;align-items:center;gap:1.2rem}.quick-view-modal__thumb{flex:none;width:6rem;height:6rem;border-radius:1.2rem;overflow:hidden;background:rgb(var(--color-background-contrast, 243, 243, 243))}.quick-view-modal__thumb img{width:100%;height:100%;object-fit:cover;display:block}.quick-view-modal__full-details{font-size:1.2rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-decoration:underline;text-underline-offset:.2rem;color:rgb(var(--color-foreground))}.quick-view-modal__pills{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.6rem 0}.quick-view-modal__pill{flex:1 1 calc(50% - .35rem);border:1px solid rgba(var(--color-foreground),.2);background:transparent;color:rgb(var(--color-foreground));border-radius:.9rem;padding:.8rem .6rem;font-size:1.1rem;line-height:1.25;text-align:center;text-wrap:balance;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.quick-view-modal__pill.is-selected{border-color:#ff3e6c;background:#ff3e6c;color:#fff}.quick-view-modal__buy{width:100%;min-height:4.4rem;border:0;border-radius:999px;background-color:#e7e7e5;color:#1a1a1a;font-size:1.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem}.quick-view-modal__buy[disabled]{opacity:.5;cursor:not-allowed}.quick-view-modal__buy .loading__spinner{width:1.8rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-quick-view.css.map */