.c-floating-buttons{font-family:var(--font-brand, var(--font-body-family));--cfb-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--cfb-ease-out: cubic-bezier(.22, 1, .36, 1);--cfb-btn-color: var(--color-brand-primary, #0EA5E9)}.c-floating-buttons--placeholder{position:fixed;z-index:1000;right:20px;bottom:20px;max-width:260px;padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--color-brand-primary-soft, #E0F2FE);color:var(--color-brand-primary-deep, #0369A1);border:1px dashed var(--color-brand-primary, #0EA5E9);border-radius:var(--radius-md, 12px);font-size:var(--text-caption, 12px);line-height:1.6}.c-floating-buttons--placeholder p{margin:0}.c-floating-buttons__item{position:relative;display:flex;align-items:center}.c-floating-buttons__btn{border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;padding:0;text-decoration:none;background-color:var(--cfb-btn-color);color:var(--color-text-onbrand, #ffffff);transition:transform .32s var(--cfb-ease-spring),background-color .2s var(--cfb-ease-out);-webkit-tap-highlight-color:transparent}.c-floating-buttons__btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:0 1px #ffffff38 inset,0 0 0 1px #ffffff14 inset;opacity:1;transition:opacity .32s var(--cfb-ease-out)}.c-floating-buttons__btn:hover:before{opacity:.6}.c-floating-buttons__btn:active{transform:scale(.94) translateY(0);transition:transform .08s ease-out,background-color .15s ease-out}.c-floating-buttons__btn:focus-visible{outline:3px solid color-mix(in srgb,var(--cfb-btn-color) 75%,#000);outline-offset:3px}.c-floating-buttons__icon{object-fit:contain;display:block;pointer-events:none;transition:transform .4s var(--cfb-ease-spring)}.c-floating-buttons__btn:active .c-floating-buttons__icon{transform:scale(.96);transition:transform .08s ease-out}.c-floating-buttons__label{display:flex;align-items:center;white-space:nowrap;pointer-events:none;max-width:0;overflow:hidden;opacity:0;font-family:var(--font-brand, var(--font-body-family));font-weight:600;letter-spacing:.04em;box-sizing:border-box;background-image:linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-brand-primary-strong, #0284c7) 100%);transform:translate(0);transition:max-width .36s var(--cfb-ease-out),opacity .24s var(--cfb-ease-out),padding .36s var(--cfb-ease-out)}.c-floating-buttons__item[data-type="1"]:hover .c-floating-buttons__label,.c-floating-buttons__item[data-type="1"]:focus-within .c-floating-buttons__label,.c-floating-buttons__item[data-type="1"].is-active .c-floating-buttons__label{max-width:240px;opacity:1;pointer-events:auto}.c-floating-buttons__popup{position:absolute;bottom:0;background:var(--color-surface-1, #ffffff);border-radius:var(--radius-md, 12px);box-shadow:0 24px 48px -12px #0f172a3d,0 8px 16px -8px #0f172a1f;overflow:hidden;opacity:0;pointer-events:none;transform:scale(.94) translateY(8px);transform-origin:bottom center;transition:opacity .28s var(--cfb-ease-out),transform .36s var(--cfb-ease-spring)}.c-floating-buttons__item[data-type="2"].is-active .c-floating-buttons__popup{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.c-floating-buttons__popup-banner{display:block;width:100%;line-height:0;overflow:hidden}.c-floating-buttons__popup-banner img{width:100%;height:auto;display:block;transition:transform .6s var(--cfb-ease-out)}.c-floating-buttons__popup-banner:hover img{transform:scale(1.04)}.c-floating-buttons__popup-body{padding:var(--space-4, 16px);font-size:var(--text-small, 14px);line-height:1.65;color:var(--color-text-primary, #404045)}.c-floating-buttons__popup-text{margin:0 0 var(--space-3, 12px)}.c-floating-buttons__popup-text p{margin:0 0 var(--space-2, 8px)}.c-floating-buttons__popup-text p:last-child{margin-bottom:0}.c-floating-buttons__popup-cta{position:relative;display:inline-flex;align-items:center;gap:var(--space-2, 8px);margin-top:var(--space-2, 8px);background:var(--color-brand-primary);color:var(--color-text-onbrand, #ffffff);padding:var(--space-2, 8px) var(--space-5, 20px);border-radius:var(--radius-pill, 9999px);text-decoration:none;font-size:var(--text-caption, 12px);font-weight:700;letter-spacing:.04em;box-shadow:0 4px 12px #0ea5e952;transition:background-color .2s var(--cfb-ease-out),transform .32s var(--cfb-ease-spring),box-shadow .32s var(--cfb-ease-out)}.c-floating-buttons__popup-cta:after{content:"\2192";display:inline-block;transition:transform .28s var(--cfb-ease-spring)}.c-floating-buttons__popup-cta:hover{background:var(--color-brand-primary-strong, #0284c7);transform:translateY(-1px);box-shadow:0 8px 20px #0ea5e966}.c-floating-buttons__popup-cta:hover:after{transform:translate(4px)}.c-floating-buttons__popup-cta:active{transform:translateY(0);box-shadow:0 2px 6px #0ea5e952}.c-floating-buttons__popup-cta:focus-visible{outline:2px solid var(--color-brand-primary-deep, #0369A1);outline-offset:2px}@media(prefers-reduced-motion:reduce){.c-floating-buttons *,.c-floating-buttons *:before,.c-floating-buttons *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.c-floating-buttons__popup-cta:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/c-floating-buttons.css.map */