.natuno-side-fab{--side-fab-padding-y: 10px;--side-fab-padding-x: -1px;--side-fab-toggle-size: 23px;--side-fab-mobile-peek: calc(var(--side-fab-toggle-size) + var(--side-fab-padding-x) + -5px);position:fixed;left:0;top:80%;bottom:auto;transform:translateY(-50%);display:flex;align-items:center;z-index:var(--side-fab-z-index-mobile, 8);padding:var(--side-fab-padding-y) var(--side-fab-padding-x);background:#fff;border-radius:0 14px 14px 0;box-shadow:0 10px 28px #00000024;border:1px solid rgba(17,17,17,.08);pointer-events:auto;transition:transform .25s ease,box-shadow .2s ease}.natuno-side-fab__actions{display:flex;flex-direction:column;gap:6px}.natuno-side-fab__toggle{display:none;width:var(--side-fab-toggle-size);height:var(--side-fab-toggle-size);margin-left:-5px;padding:0;border:none;border-radius:10px;background:transparent;align-items:center;justify-content:right;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.natuno-side-fab__toggle:hover{transform:translateY(-2px);background-color:#0000000a}.natuno-side-fab__toggle:focus{outline:none}.natuno-side-fab__toggle:focus-visible{outline:none}.natuno-side-fab__toggle:active{transform:translateY(0)}.natuno-side-fab__toggle img{width:18px;height:18px;object-fit:contain}.natuno-side-fab .side-fab{width:44px;height:44px;border-radius:10px;background:transparent;border:none;box-shadow:none;display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;transition:transform .2s ease,background-color .2s ease}.natuno-side-fab .side-fab--compare{position:relative}.natuno-side-fab .side-fab:hover{transform:translateY(-2px);background-color:#0000000a}.natuno-side-fab .side-fab:focus{outline:none}.natuno-side-fab .side-fab:focus-visible{outline:none}.natuno-side-fab .side-fab:active{transform:translateY(0)}.natuno-side-fab .side-fab img{object-fit:contain}.natuno-side-fab .side-fab svg{width:30px!important;height:30px!important;display:block}.natuno-side-fab .side-fab__count{position:absolute;top:-3px;right:-5px;min-width:16px;height:17px;padding:0 5px;border-radius:9999px;background:#d01049;color:#fff;font-size:10px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 4px 10px #0000002e}@media(max-width:767.98px){.natuno-side-fab__toggle{display:flex}.natuno-side-fab .side-fab__count{top:-2px;right:0;min-width:16px;height:16px;padding:0 4px;font-size:9px;line-height:16px}.natuno-side-fab[data-mobile-state=closed]{transform:translate(calc(-100% + var(--side-fab-mobile-peek)),-50%)}.natuno-side-fab[data-mobile-state=closed] .natuno-side-fab__actions{pointer-events:none}}@media(min-width:768px){.natuno-side-fab{z-index:var(--side-fab-z-index-desktop, 4);left:0;top:80%;bottom:auto;transform:translateY(-50%);padding:12px 10px}.natuno-side-fab__actions{gap:8px}.natuno-side-fab__toggle{display:none}.natuno-side-fab .side-fab{width:46px;height:46px}.natuno-side-fab .side-fab img,.natuno-side-fab .side-fab svg{width:45px;height:45px}.natuno-side-fab .side-fab svg{width:40px!important;height:40px!important}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/floating-side-fab.css.map */