.zz-bookmark-tab{opacity:0;pointer-events:none;right:1rem;top:calc(4.75rem + env(safe-area-inset-top));transform:translateY(-.5rem);transition:opacity .6s ease-in-out,transform .6s ease-in-out;z-index:1038}
body.scrolled .zz-bookmark-tab{opacity:1;transform:translateY(0)}
body:not(.scrolled) .zz-bookmark-tab .zz-bookmark-tab-button{pointer-events:none}
.zz-bookmark-tab-button{--zz-bookmark-bg:#212529;--zz-bookmark-fg:#fff;pointer-events:auto;width:3rem;height:3rem;padding:0;overflow:visible;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:var(--zz-bookmark-bg);color:var(--zz-bookmark-fg);box-shadow:0 .45rem 1.15rem rgba(0,0,0,.18);transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.zz-bookmark-tab-button i{position:relative;z-index:1;transition:transform .18s ease}
.zz-bookmark-tab-button:hover,.zz-bookmark-tab-button:focus-visible{background:#000;box-shadow:0 .7rem 1.45rem rgba(0,0,0,.28);transform:scale(1.045)}
.zz-bookmark-tab-button:hover i,.zz-bookmark-tab-button:focus-visible i{transform:scale(1.08)}
.zz-bookmark-tab-button:active{transform:scale(.96);box-shadow:0 .35rem .85rem rgba(0,0,0,.22)}
.zz-bookmark-tab-button[aria-pressed=true]{--zz-bookmark-bg:#fff;--zz-bookmark-fg:#212529;border-color:#212529;box-shadow:0 .45rem 1.15rem rgba(0,0,0,.14),inset 0 0 0 1px rgba(33,37,41,.2)}
.zz-bookmark-tab-button-passive{--zz-bookmark-bg:#fff;--zz-bookmark-fg:#212529;border-color:#212529;box-shadow:0 .45rem 1.15rem rgba(0,0,0,.14),inset 0 0 0 1px rgba(33,37,41,.16)}
.zz-bookmark-tab-button-passive:hover,.zz-bookmark-tab-button-passive:focus-visible{background:#fff;color:#212529;border-color:#000;box-shadow:0 .7rem 1.45rem rgba(0,0,0,.2)}
.zz-bookmark-count{z-index:2;font-size:.62rem;line-height:1;min-width:1.05rem;right:-.18rem;top:-.18rem}
.zz-bookmark-button[aria-pressed=true]:not(.zz-bookmark-tab-button){background:#212529;color:#fff}
.offcanvas.zz-bookmark-offcanvas{--bs-offcanvas-height:auto;height:auto;max-height:calc(78vh - env(safe-area-inset-top));z-index:1045}
.offcanvas.zz-bookmark-offcanvas .offcanvas-body{overflow-x:hidden;overflow-y:auto;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}
.zz-bookmark-list{min-height:0}
.zz-bookmark-track{display:flex;gap:1rem;max-width:100%;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;padding:.25rem .25rem 1.25rem;scroll-snap-type:x mandatory}
.zz-bookmark-card{border-radius:8px;display:flex;flex:0 0 min(78vw,260px);flex-direction:column;min-height:0;overflow:hidden;position:relative;scroll-snap-align:start}
.zz-bookmark-account-card{flex-basis:min(86vw,390px)}
.zz-bookmark-remove{position:absolute;right:.5rem;top:.5rem;z-index:4}
.zz-bookmark-thumb{aspect-ratio:4/3;flex:0 0 auto;overflow:hidden}
.zz-bookmark-thumb img{height:100%;object-fit:cover;width:100%}
.zz-bookmark-card-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}
.zz-bookmark-label{letter-spacing:.08em;line-height:1.2;min-height:1.05rem}
.zz-bookmark-current-badge{box-shadow:0 .35rem .9rem rgba(0,0,0,.2);font-size:.68rem;left:.5rem;line-height:1;max-width:calc(100% - 4rem);overflow:hidden;position:absolute;text-overflow:ellipsis;top:.5rem;white-space:nowrap;z-index:3}
.zz-bookmark-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;min-height:2.5rem;overflow:hidden}
.zz-bookmark-card-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.zz-bookmark-meta{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.25;min-height:1.25rem;overflow:hidden}
.zz-bookmark-note{display:-webkit-box;font-size:.7rem;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.25;min-height:.9rem;overflow:hidden}
.zz-bookmark-account-card .zz-bookmark-thumb{aspect-ratio:auto;height:min(58.5vw,195px)}
.zz-bookmark-account-card .zz-bookmark-thumb img{object-position:center}
.zz-bookmark-account-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.45;min-height:4.35em;overflow:hidden}
.zz-bookmark-actions{flex:0 0 auto}
.zz-bookmark-actions .btn{align-items:center;display:inline-flex;justify-content:center;min-height:2rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.zz-bookmark-empty{max-width:32rem}
.zz-bookmark-toast-host{z-index:1038}
.zz-bookmark-toast-host .toast{pointer-events:auto}
@media (min-width:992px){
	.zz-bookmark-tab{right:1.25rem;top:calc(5rem + env(safe-area-inset-top))}
	.offcanvas.zz-bookmark-offcanvas{--bs-offcanvas-height:auto;height:auto;max-height:80vh}
	.offcanvas.zz-bookmark-offcanvas .offcanvas-body{display:flex;flex-direction:column;overflow-y:auto}
	.zz-bookmark-list{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}
	.zz-bookmark-track{align-items:stretch;flex:0 1 auto;min-height:0;padding-bottom:.75rem}
	.zz-bookmark-card{align-self:stretch;flex-basis:250px;height:auto}
	.zz-bookmark-account-card{flex-basis:375px}
	.zz-bookmark-account-card .zz-bookmark-thumb{height:186px}
	.zz-bookmark-product-note{flex:0 0 auto}
	.zz-bookmark-tab-button{width:3.25rem;height:3.25rem}
}
@media (min-width:1400px){
	.zz-bookmark-tab{right:2rem;top:calc(2rem + env(safe-area-inset-top))}
}
@media (max-width:575.98px){
	.zz-bookmark-tab{right:.75rem;top:calc(4.25rem + env(safe-area-inset-top))}
	.zz-bookmark-tab-button{width:2.75rem;height:2.75rem}
	.zz-bookmark-count{right:-.15rem;top:-.15rem}
	.offcanvas.zz-bookmark-offcanvas{border-radius:0;height:100dvh;max-height:100dvh}
	.offcanvas.zz-bookmark-offcanvas .offcanvas-body{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){
	.zz-bookmark-tab,.zz-bookmark-tab-button,.zz-bookmark-tab-button i{transition:none}
	.zz-bookmark-tab-button:hover,.zz-bookmark-tab-button:focus-visible,.zz-bookmark-tab-button:active{transform:none}
}
