.duong-feedback{--duong-feedback-hotspot-size-desktop: 18px;--duong-feedback-hotspot-size-mobile: 18px;--duong-feedback-hotspot-hit-area: 44px;--duong-feedback-hotspot-opacity: 1;--duong-feedback-hotspot-border-width: 1px;--duong-feedback-pulse-speed: 2s}.duong-feedback__viewport{position:relative}.duong-feedback__track{cursor:grab;display:grid;gap:var(--duong-feedback-slide-gap, 12px);grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:inline mandatory;scrollbar-width:none}.duong-feedback__track.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.duong-feedback__track::-webkit-scrollbar{display:none}.duong-feedback__slide{min-width:0;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.duong-feedback__media{background:rgb(var(--background));overflow:hidden;position:relative}.duong-feedback__media:not(.duong-feedback__media--adapt){aspect-ratio:var(--duong-feedback-image-ratio, 4 / 5)}.duong-feedback__media picture{display:block;height:100%;width:100%}.duong-feedback__media img,.duong-feedback__media svg{display:block;height:100%;width:100%}.duong-feedback__media--cover img,.duong-feedback__media--cover svg{object-fit:cover}.duong-feedback__media--contain img,.duong-feedback__media--contain svg{object-fit:contain}.duong-feedback__hotspot{align-items:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;display:flex;height:max(var(--duong-feedback-hotspot-hit-area),var(--duong-feedback-hotspot-size-desktop));justify-content:center;left:var(--duong-feedback-x-desktop);margin:0;padding:0;position:absolute;top:var(--duong-feedback-y-desktop);touch-action:manipulation;transform:translate(-50%,-50%);width:max(var(--duong-feedback-hotspot-hit-area),var(--duong-feedback-hotspot-size-desktop));z-index:3}.duong-feedback__hotspot-dot{background:rgb(var(--duong-feedback-hotspot-background));border:var(--duong-feedback-hotspot-border-width) solid rgb(var(--duong-feedback-hotspot-border));border-radius:999px;box-shadow:0 2px 10px #0000002e;display:block;height:var(--duong-feedback-hotspot-size-desktop);opacity:var(--duong-feedback-hotspot-opacity);position:relative;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;width:var(--duong-feedback-hotspot-size-desktop)}.duong-feedback__hotspot.is-active .duong-feedback__hotspot-dot{background:rgb(var(--duong-feedback-hotspot-active));border-color:rgb(var(--duong-feedback-hotspot-active-border));opacity:1}.duong-feedback--hover-scale .duong-feedback__hotspot:hover .duong-feedback__hotspot-dot,.duong-feedback__hotspot:focus-visible .duong-feedback__hotspot-dot{transform:scale(1.18)}.duong-feedback--pulse .duong-feedback__hotspot-dot:after{animation:duong-feedback-pulse var(--duong-feedback-pulse-speed) ease-out infinite;border:1px solid rgb(var(--duong-feedback-hotspot-background));border-radius:inherit;content:"";top:-1px;right:-1px;bottom:-1px;left:-1px;opacity:.75;position:absolute}.duong-feedback__slide--light{--duong-feedback-hotspot-background: 255 255 255;--duong-feedback-hotspot-border: 38 38 38}.duong-feedback__slide--dark{--duong-feedback-hotspot-background: 38 38 38;--duong-feedback-hotspot-border: 255 255 255}.duong-feedback__card{background:rgb(var(--duong-feedback-card-background));border:1px solid rgb(var(--duong-feedback-card-border));box-shadow:0 12px 34px #0003;color:rgb(var(--duong-feedback-card-text));display:grid;gap:.9rem;max-height:calc(100% - 24px);max-width:calc(100% - 24px);overflow:auto;padding:.9rem;position:absolute;width:min(330px,calc(100% - 24px));z-index:5}.duong-feedback__card[hidden]{display:none}.duong-feedback__card-close{align-items:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;height:44px;justify-content:center;margin:0;padding:0;position:static;width:44px}.duong-feedback__card-close svg{height:31px;width:31px}.duong-feedback__card-product{align-items:center;display:grid;gap:.85rem;grid-template-columns:82px minmax(0,1fr);padding-right:2.65rem}.duong-feedback__card-image{aspect-ratio:1;background:rgb(var(--background));overflow:hidden}.duong-feedback__card-image img,.duong-feedback__card-image svg{height:100%;object-fit:cover;width:100%}.duong-feedback__card-copy{min-width:0}.duong-feedback__card-title{color:inherit;display:-webkit-box;margin-bottom:.35rem;overflow:hidden;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.duong-feedback__card .price-list{color:inherit}.duong-feedback__wishlist-product-card{display:block;min-width:0;position:static}.duong-feedback__card-actions{align-items:center;display:grid;gap:.4rem;grid-template-columns:44px minmax(0,1fr) 44px}.duong-feedback__view-button{justify-self:stretch;width:100%}.duong-feedback__card .duong-feedback__card-image.product-card__figure{position:static!important}.duong-feedback__card .duong-feedback__wishlist-product-card .duong-feedback__card-image.product-card__figure>.wishlist-heart-container{inset:.45rem .45rem auto auto!important;display:block!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;position:absolute!important;transform:none!important;z-index:7!important}.duong-feedback__card .duong-feedback__wishlist-product-card .duong-feedback__card-image.product-card__figure>.wishlist-heart-container>.wishlist-heart-btn--top-right{top:0!important;right:0!important;bottom:0!important;left:0!important;align-items:center!important;background:transparent!important;border:0!important;box-sizing:border-box!important;display:inline-flex!important;height:44px!important;justify-content:center!important;margin:0!important;min-height:44px!important;min-width:44px!important;padding:0!important;position:absolute!important;transform:none!important;width:44px!important}.duong-feedback__card .duong-feedback__wishlist-product-card .duong-feedback__card-image.product-card__figure>.wishlist-heart-container>.wishlist-heart-btn--top-right svg{inset:auto!important;display:block!important;height:24px!important;margin:0!important;position:static!important;transform:none!important;width:26px!important}.duong-feedback__view-button.button--outline.button--custom-text-color{color:rgb(var(--button-text-color))}.duong-feedback__controls{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.duong-feedback__controls[hidden],.duong-feedback__dot[hidden]{display:none}.duong-feedback__arrow{align-items:center;-webkit-appearance:none;appearance:none;background:transparent;border:1px solid rgb(var(--border-color));border-radius:999px;color:inherit;cursor:pointer;display:inline-flex;height:42px;justify-content:center;transition:opacity .2s ease;width:42px}.duong-feedback__arrow:disabled{cursor:default;opacity:.3}.duong-feedback__dots{align-items:center;display:flex;gap:.45rem;justify-content:center}.duong-feedback__dot{-webkit-appearance:none;appearance:none;background:rgb(var(--text-color) / .25);border:0;border-radius:999px;cursor:pointer;height:7px;padding:0;transition:background-color .2s ease,transform .2s ease;width:7px}.duong-feedback__dot[aria-current=true]{background:rgb(var(--text-color));transform:scale(1.2)}@keyframes duong-feedback-pulse{0%{opacity:.65;transform:scale(1)}75%,to{opacity:0;transform:scale(2.1)}}@media screen and (min-width:700px){.duong-feedback__track{grid-auto-columns:var(--duong-feedback-desktop-basis)}.duong-feedback__card{gap:.7rem;padding:.65rem}.duong-feedback__card-close{height:24px;inset-block-start:0;inset-inline-end:0;position:absolute;width:24px;z-index:8}.duong-feedback__card-close svg{height:16px;width:16px}.duong-feedback__card-product{gap:.375rem;grid-template-columns:66px minmax(0,1fr);padding-right:0;padding-inline-end:.5rem}.duong-feedback__card-title{font-size:.6875rem;line-height:1.4;overflow-wrap:break-word;word-break:normal}.duong-feedback__card .price-list>*{overflow-wrap:normal;white-space:nowrap;word-break:normal}.duong-feedback__card-actions{display:block}.duong-feedback__card-action-spacer{display:none}.duong-feedback__card .duong-feedback__card-image.product-card__figure{position:relative!important}.duong-feedback__card .duong-feedback__wishlist-product-card .duong-feedback__card-image.product-card__figure>.wishlist-heart-container{inset:0 0 auto auto!important;height:24px!important;width:24px!important}.duong-feedback__card .duong-feedback__wishlist-product-card .duong-feedback__card-image.product-card__figure>.wishlist-heart-container>.wishlist-heart-btn--top-right{height:24px!important;min-height:24px!important;min-width:24px!important;width:24px!important}.duong-feedback__card .duong-feedback__wishlist-product-card .duong-feedback__card-image.product-card__figure>.wishlist-heart-container>.wishlist-heart-btn--top-right svg{height:18px!important;width:18px!important}}@media screen and (max-width:699px){.duong-feedback__hotspot{height:max(var(--duong-feedback-hotspot-hit-area),var(--duong-feedback-hotspot-size-mobile));left:var(--duong-feedback-x-mobile);top:var(--duong-feedback-y-mobile);width:max(var(--duong-feedback-hotspot-hit-area),var(--duong-feedback-hotspot-size-mobile))}.duong-feedback__hotspot-dot{height:var(--duong-feedback-hotspot-size-mobile);width:var(--duong-feedback-hotspot-size-mobile)}.duong-feedback__card{bottom:12px;left:12px;max-height:calc(100% - 24px);right:12px;top:auto;width:auto}.duong-feedback__card-product{grid-template-columns:68px minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.duong-feedback--pulse .duong-feedback__hotspot-dot:after{animation:none}.duong-feedback__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/duong-shoppable-feedback.css.map */