:root{--gwp-float-accent: rgb(var(--mutant-color-yellow, 255, 205, 0));--gwp-float-accent-text: rgb(var(--mutant-color-black, 0, 0, 0));--gwp-float-bg: #fff;--gwp-float-text: #000;--gwp-float-border: #e4e6eb;--gwp-float-shadow: 0 4px 12px rgba(0, 0, 0, .15);--gwp-float-z-index: 9999;--gwp-float-transition: all .3s cubic-bezier(.4, 0, .2, 1)}gwp-float-widget{display:block;position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:var(--gwp-float-z-index);font-family:var( --typeBaseFamily, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif );font-size:14px;line-height:1.5;--size: 32px}gwp-float-widget[data-hidden=true]{opacity:0;transform:translate(calc(100% + 16px),-50%);pointer-events:none;transition:opacity .3s ease-out,transform .45s cubic-bezier(.34,1.56,.64,1)}gwp-float-widget[data-hidden=false]{opacity:1;transform:translateY(-50%);pointer-events:auto;transition:opacity .4s ease-out,transform .55s cubic-bezier(.34,1.56,.64,1)}.gwp-float{position:relative;display:flex;align-items:center}.gwp-float__toggle{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;height:auto;padding:16px 12px;background:var(--gwp-float-accent);color:var(--gwp-float-accent-text);border:none;border-radius:8px 0 0 8px;box-shadow:var(--gwp-float-shadow);cursor:pointer;transition:var(--gwp-float-transition)}.gwp-float__toggle:hover{transform:translate(-6px) scale(1.04);box-shadow:0 8px 24px #00000038}.gwp-float__toggle:active{transform:translate(-2px) scale(.98);transition-duration:.12s}.gwp-float__toggle:focus-visible{outline:2px solid var(--gwp-float-accent-text);outline-offset:-4px}.gwp-float__toggle[aria-expanded=true]{border-radius:0}.gwp-float__toggle-icon{display:flex;align-items:center;justify-content:center;width:var(--size);height:var(--size)}.gwp-float__toggle-icon svg{width:var(--size);height:var(--size)}.gwp-float__toggle-text{font-family:var(--typeSharpSemiBold, sans-serif);font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center;line-height:1}@keyframes gwp-shake{0%{transform:translate(0) rotate(0)}15%{transform:translate(-5px) rotate(-8deg)}30%{transform:translate(4px) rotate(6deg)}45%{transform:translate(-3px) rotate(-4deg)}60%{transform:translate(2px) rotate(3deg)}75%{transform:translate(-1px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}.gwp-float__toggle-icon--shake{animation:gwp-shake .8s cubic-bezier(.36,.07,.19,.97);transform-origin:50% 60%}.gwp-float__toggle--qualified{animation:gwp-pulse 2.4s cubic-bezier(.4,0,.2,1) infinite}@keyframes gwp-pulse{0%{box-shadow:0 0 rgba(var(--mutant-color-yellow, 255, 205, 0),.6),0 0 rgba(var(--mutant-color-yellow, 255, 205, 0),.3),var(--gwp-float-shadow)}60%{box-shadow:0 0 0 12px rgba(var(--mutant-color-yellow, 255, 205, 0),0),0 0 0 24px rgba(var(--mutant-color-yellow, 255, 205, 0),0),var(--gwp-float-shadow)}to{box-shadow:0 0 rgba(var(--mutant-color-yellow, 255, 205, 0),0),0 0 rgba(var(--mutant-color-yellow, 255, 205, 0),0),var(--gwp-float-shadow)}}.gwp-float__panel{position:absolute;right:100px;width:340px;max-height:80vh;background:var(--gwp-float-bg);border-radius:2px;box-shadow:var(--gwp-float-shadow);opacity:0;visibility:hidden;transform-origin:right center;transform:translate(16px) scale(.96);transition:opacity .28s cubic-bezier(.4,0,.2,1),transform .42s cubic-bezier(.34,1.56,.64,1),visibility 0s linear .28s;display:flex;flex-direction:column;overflow:hidden}.gwp-float__panel[aria-hidden=false]{opacity:1;visibility:visible;transform:translate(0) scale(1);transition:opacity .28s cubic-bezier(.4,0,.2,1),transform .42s cubic-bezier(.34,1.56,.64,1),visibility 0s linear 0s}.gwp-float__panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px;border-bottom:1px solid var(--gwp-float-border);background:var(--gwp-float-bg)}.gwp-float__title{margin:0;font-family:var(--typeSharpSemiBold, sans-serif);font-size:22px;font-weight:600;line-height:1.4;color:var(--gwp-float-text);flex:1;padding-right:12px;text-transform:uppercase}.gwp-float__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--gwp-float-text);cursor:pointer;transition:var(--gwp-float-transition)}.gwp-float__close:hover{background:#0000000d}.gwp-float__close:focus-visible{outline:2px solid var(--gwp-float-accent);outline-offset:2px}.gwp-float__progress{padding:16px 20px;background:rgba(var(--mutant-color-yellow, 255, 205, 0),.1)}.gwp-float__progress-bar{width:100%;height:8px;background:#0000001a;border-radius:999px;overflow:hidden;margin-bottom:8px}.gwp-float__progress-fill{height:100%;background:var(--gwp-float-accent);border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1);width:0%}.gwp-float__progress-text{font-size:14px;font-weight:500;text-align:center;text-wrap:balance;line-height:1.3;color:var(--gwp-float-text)}.gwp-float__progress-text--qualified{color:rgb(var(--mutant-color-green, 0, 128, 0));font-family:var(--typeSharpSemiBold, sans-serif)}.gwp-float__progress-note{display:block;margin-top:4px;font-size:11px;font-weight:400;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.gwp-float__products{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.gwp-float__product{display:flex;gap:12px;padding:12px;background:#f9f9f9;border-radius:8px;transition:var(--gwp-float-transition)}.gwp-float__product:hover{background:#f5f5f5}.gwp-float__product-image{position:relative;flex-shrink:0;width:80px;height:80px;border-radius:6px;overflow:hidden;background:#fff}.gwp-float__product-img{width:100%;height:100%;object-fit:cover}.gwp-float__product-badge{position:absolute;top:4px;right:4px;padding:2px 6px;background:var(--gwp-float-accent);color:var(--gwp-float-accent-text);font-family:var(--typeSharpBold, sans-serif);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:4px}.gwp-float__product-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px}.gwp-float__product-title{margin:0;font-size:14px;font-weight:600;line-height:1.3;color:var(--gwp-float-text)}.gwp-float__product-price{display:flex;align-items:center;gap:8px;font-size:13px}.gwp-float__product-price-original{position:relative;color:#999;text-decoration:line-through}.gwp-float__product-price-free{font-family:var(--typeSharpBold, sans-serif);font-weight:700;color:rgb(var(--mutant-color-green, 0, 128, 0))}.gwp-float__sizing-warning{display:flex;align-items:flex-start;gap:.625rem;margin:.75rem 0 0;padding:.75rem;background-color:#dc26260d;border:1px solid rgba(220,38,38,.5);border-radius:.5rem;color:#dc2626;font-size:.8125rem;line-height:1.2rem;word-break:break-word}.gwp-float__sizing-warning-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.gwp-float__sizing-warning-text{flex:1;min-width:0;font-weight:500;overflow-wrap:anywhere}.gwp-float__sizing-warning-text strong{font-weight:700}.gwp-float__variant-label{display:block;margin-top:10px;margin-bottom:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gwp-float-text);opacity:.7}.gwp-float__variant-select{width:100%;padding:8px 28px 8px 10px;font-family:inherit;font-size:13px;color:var(--gwp-float-text);background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'><path d='M1 1l5 5 5-5' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:10px;border:1px solid var(--gwp-float-border);border-radius:6px;cursor:pointer;-webkit-appearance:none;appearance:none;transition:border-color .2s ease,box-shadow .2s ease}.gwp-float__variant-select:hover{border-color:var(--gwp-float-accent-text)}.gwp-float__variant-select:focus-visible{outline:none;border-color:var(--gwp-float-accent);box-shadow:0 0 0 3px rgba(var(--mutant-color-yellow, 255, 205, 0),.3)}.gwp-float__actions{padding:16px 20px;border-top:1px solid var(--gwp-float-border);background:var(--gwp-float-bg)}.gwp-float__add-btn{width:100%;padding:12px 16px;background:var(--gwp-float-accent);color:var(--gwp-float-accent-text);border:none;border-radius:6px;font-family:var(--typeSharpSemiBold, sans-serif);font-size:24px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:var(--gwp-float-transition)}.gwp-float__add-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.gwp-float__add-btn:active:not(:disabled){transform:translateY(0)}.gwp-float__add-btn:disabled{opacity:.5;cursor:not-allowed}.gwp-float__add-btn:focus-visible{outline:2px solid var(--gwp-float-accent-text);outline-offset:2px}.gwp-float__success{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#0080001a;border-radius:6px;color:rgb(var(--mutant-color-green, 0, 128, 0));font-weight:600}.gwp-float__success svg{flex-shrink:0}@media screen and (max-width:768px){gwp-float-widget{top:auto;bottom:45%;right:-8px;transform:none}.gwp-float__toggle{width:90px;height:auto;padding:12px 10px;border-radius:8px;transition:opacity .3s ease,visibility .3s ease}.gwp-float__toggle[aria-expanded=true]{opacity:0;visibility:hidden;pointer-events:none}.gwp-float__panel{right:0;top:auto;width:calc(100vw - 32px);max-width:340px;border-radius:2px;max-height:85vh}.gwp-float__panel[aria-hidden=false]{transform:translateY(0)}.gwp-float__products{padding:12px 16px;gap:8px}.gwp-float__product{padding:8px;gap:10px}.gwp-float__product-image{width:64px;height:64px}.gwp-float__sizing-warning{margin:.5rem 0 0;padding:.625rem .75rem;font-size:.8125rem;line-height:1.2rem}.gwp-float__variant-select{font-size:16px;padding:10px 32px 10px 12px}}@media(prefers-reduced-motion:reduce){.gwp-float__toggle,.gwp-float__panel,.gwp-float__progress-fill,.gwp-float__add-btn,gwp-float-widget[data-hidden=true],gwp-float-widget[data-hidden=false]{transition:none}gwp-float-widget[data-hidden=true]{transform:translateY(-50%)}.gwp-float__toggle:hover,.gwp-float__toggle:active{transform:none}.gwp-float__toggle-icon--shake,.gwp-float__toggle--qualified{animation:none!important}}.gwp-float__products::-webkit-scrollbar{width:6px}.gwp-float__products::-webkit-scrollbar-track{background:transparent}.gwp-float__products::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.gwp-float__products::-webkit-scrollbar-thumb:hover{background:#0000004d}
/*# sourceMappingURL=/cdn/shop/t/157/assets/component-gwp-float-widget.css.map */