.tgtp-quickview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.tgtp-quickview.is-open{opacity:1;visibility:visible}.tgtp-quickview__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.tgtp-quickview__dialog{position:relative;width:100%;max-width:960px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);background:#fff;overflow:auto;transform:translateY(12px);transition:transform .25s ease;box-shadow:0 20px 60px #00000040;-webkit-overflow-scrolling:touch}.tgtp-quickview.is-open .tgtp-quickview__dialog{transform:translateY(0)}.tgtp-quickview__close{position:absolute;top:14px;right:14px;z-index:3;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#161616;transition:opacity .2s ease}.tgtp-quickview__close:hover{opacity:.6}.tgtp-quickview__close svg{width:20px;height:20px;display:block}.tgtp-quickview__loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .2s ease}.tgtp-quickview.is-loading .tgtp-quickview__loader{opacity:1}.tgtp-quickview__spinner{width:36px;height:36px;border:3px solid rgba(0,0,0,.15);border-top-color:#0009;border-radius:50%;animation:tgtp-quickview-spin .8s linear infinite}@keyframes tgtp-quickview-spin{to{transform:rotate(360deg)}}body.tgtp-quickview-open{overflow:hidden}.tgtp-quickview__body{display:grid;grid-template-columns:1fr;gap:24px;padding:48px;color:var(--tgtp-color-on-surface, #161616)}@media screen and (min-width:750px){.tgtp-quickview__body{grid-template-columns:minmax(0,.82fr) 1fr;gap:44px;align-items:start}}.tgtp-quickview__gallery{display:flex;flex-direction:column;gap:14px;min-width:0}.tgtp-quickview__main{background:var(--tgtp-color-surface-variant, #f2f3f4);overflow:hidden}.tgtp-quickview__main-img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.tgtp-quickview__thumbs{display:flex;gap:10px;flex-wrap:wrap}.tgtp-quickview__thumb{width:64px;height:64px;padding:0;border:1px solid transparent;background:var(--tgtp-color-surface-variant, #f2f3f4);cursor:pointer;overflow:hidden}.tgtp-quickview__thumb.is-active{border-color:#161616}.tgtp-quickview__thumb img{width:100%;height:100%;object-fit:cover;display:block}.tgtp-quickview__info{display:flex;flex-direction:column;gap:20px;min-width:0}.tgtp-quickview__eyebrow{font-family:Oswald,sans-serif;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--tgtp-color-on-surface, #161616)}.tgtp-quickview__title{margin:0;font-family:Noto Sans JP,sans-serif;font-size:22px;font-weight:700;line-height:1.4}.tgtp-quickview__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-family:Oswald,sans-serif;font-size:24px;font-weight:400}.tgtp-quickview__inctax{font-size:12px;font-weight:300;margin-left:2px}.tgtp-quickview__price-compare{font-size:18px;text-decoration:line-through;opacity:.5}.tgtp-quickview__options{display:flex;flex-direction:column;gap:12px}.tgtp-quickview__option-values{display:flex;flex-wrap:wrap;gap:8px}.tgtp-quickview__value{min-width:56px;padding:12px 18px;font-family:Oswald,sans-serif;font-size:14px;letter-spacing:.04em;text-transform:uppercase;background:var(--tgtp-color-surface-variant, #e9ebec);color:var(--tgtp-color-on-surface, #161616);border:1px solid transparent;cursor:pointer;transition:background .15s ease,color .15s ease}.tgtp-quickview__value.is-selected{background:var(--tgtp-color-on-surface, #161616);color:var(--tgtp-color-surface, #ffffff)}.tgtp-quickview__qty{display:inline-flex;align-items:center;align-self:flex-start;background:var(--tgtp-color-surface-variant, #e9ebec)}.tgtp-quickview__qty-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;background:transparent;border:none;cursor:pointer;color:inherit}.tgtp-quickview__qty-input{width:44px;height:44px;text-align:center;border:none;background:transparent;font-family:Oswald,sans-serif;font-size:16px;color:inherit}.tgtp-quickview__add{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px 20px;font-family:Oswald,sans-serif;font-size:16px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--tgtp-color-surface, #ffffff);background:var(--tgtp-color-on-surface, #161616);border:none;cursor:pointer;transition:opacity .2s ease}.tgtp-quickview__add:hover{opacity:.88}.tgtp-quickview__add svg{width:20px;height:20px}.tgtp-quickview__add:disabled,.tgtp-quickview__add.is-unavailable{background:#9e9e9e;cursor:default;opacity:1}.tgtp-quickview__add[aria-busy=true]{opacity:.6;pointer-events:none}.tgtp-quickview__more{margin-top:auto;align-self:flex-end;display:inline-flex;align-items:center;gap:10px;padding-top:8px;font-family:Oswald,sans-serif;font-size:16px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--tgtp-color-on-surface, #161616);text-decoration:none;transition:opacity .2s ease}.tgtp-quickview__more:hover{opacity:.6}.tgtp-quickview__more svg{width:22px;height:auto;display:block}@media screen and (max-width:749px){.tgtp-quickview{padding:0;align-items:stretch}.tgtp-quickview__dialog{max-width:100%;max-height:100vh;max-height:100dvh}.tgtp-quickview__body{padding:56px 20px 28px}}.tgtp-card-product__action{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;padding:12px 16px;font-family:Oswald,sans-serif;font-size:14px;font-weight:500;letter-spacing:.04em;line-height:1;text-transform:uppercase;border:none;cursor:pointer;background:var(--tgtp-color-on-surface, #161616);color:var(--tgtp-color-surface, #ffffff);transition:opacity .2s ease}.tgtp-card-product__action:hover{opacity:.85}.tgtp-card-product__action svg{width:18px;height:18px;flex:0 0 auto}.tgtp-card-product__action--soldout{background:#9e9e9e;cursor:default;opacity:1}.tgtp-card-product__action--soldout:hover{opacity:1}.tgtp-card-product__action[aria-busy=true]{opacity:.6;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/34/assets/tgtp-quickview.css.map */