.bnfx{position:relative;min-width:0;text-align:center}.bnfx__media{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#fff}.bnfx__link{position:relative;display:block;width:100%;height:100%}.bnfx__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.22,.61,.36,1);will-change:transform}.bnfx__img{display:block;width:84%;height:84%;object-fit:contain;pointer-events:none}.bnfx__img--a,.bnfx__img--b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .35s ease}.bnfx__img--a{z-index:1;opacity:1}.bnfx__img--b{z-index:2;opacity:0}.bnfx__ph{width:100%;height:100%;background:#f4f4f4}.bnfx__ph svg{width:100%;height:100%}.bnfx__icons{position:absolute;right:4px;top:50%;z-index:7;display:flex;flex-direction:column;gap:14px;transform:translateY(-50%);transition:top .35s cubic-bezier(.22,.61,.36,1),transform .35s cubic-bezier(.22,.61,.36,1)}.bnfx__icon{position:relative;width:30px;height:30px;border:0;border-radius:50%;background:#fff;color:#111;padding:0;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;box-shadow:0 2px 8px #0000000a;transition:transform .2s ease}.bnfx__icon:hover{transform:scale(1.06)}.bnfx__icon svg{width:19px;height:19px;stroke-width:1.5;fill:none;stroke:currentColor}.bnfx__icon.is-on svg{fill:currentColor}.bnfx__label{position:absolute;right:calc(100% + 7px);top:50%;transform:translateY(-50%) translate(14px);opacity:0;white-space:nowrap;padding:7px 12px;border-radius:999px;background:#fff;color:#111;font-size:12px;line-height:1;font-weight:500;box-shadow:0 4px 14px #00000014;transition:transform .32s cubic-bezier(.22,.61,.36,1),opacity .2s ease}.bnfx__cart{position:absolute;left:0;right:0;bottom:0;z-index:8;transform:translateY(110%);opacity:0;transition:transform .35s cubic-bezier(.22,.61,.36,1),opacity .18s ease}.bnfx__cart form{margin:0}.bnfx__btn{width:100%;min-height:44px;border:1px solid #222;background:#fff;color:#222;font:inherit;font-size:14px;font-weight:700;letter-spacing:.01em;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.bnfx__btn span{display:inline-block;opacity:0;transform:translate(18px);transition:transform .32s cubic-bezier(.22,.61,.36,1),opacity .2s ease}.bnfx__btn:hover{background:#222;color:#fff}.bnfx__btn[disabled]{cursor:not-allowed;background:#f2f2f2;color:#777;border-color:#bbb}.bnfx__btn[disabled] span{opacity:1;transform:none}@media(hover:hover)and (pointer:fine){.bnfx:hover .bnfx__stage{transform:translateY(-11%)}.bnfx:hover .bnfx__img--a{opacity:0}.bnfx:hover .bnfx__img--b{opacity:1}.bnfx:hover .bnfx__icons{top:14px;transform:translateY(0)}.bnfx__icon:hover .bnfx__label,.bnfx__icon:focus-visible .bnfx__label{opacity:1;transform:translateY(-50%) translate(0)}.bnfx:hover .bnfx__cart{transform:translateY(0);opacity:1}.bnfx:hover .bnfx__btn span{opacity:1;transform:translate(0)}}.bnfx__info{padding-top:17px;text-align:center}.bnfx__vendor{margin:0 0 4px;color:#888;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.bnfx__title{margin:0;color:#222;font-size:14px;line-height:1.4;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bnfx__title a{color:inherit;text-decoration:none}.bnfx__title a:hover{text-decoration:underline}.bnfx__price{margin-top:8px;color:#111;font-size:15px;font-weight:500}.bnfx__compare{margin-right:6px;color:#888;font-size:12px;text-decoration:line-through}.bnfx__media--deco{background:linear-gradient(180deg,var(--bnfx-a),var(--bnfx-b));border-radius:14px}.bnfx__media--deco:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 50% 28%,#fffffffa,#ffffff8c 21%,#fff0 48%)}.bnfx__media--deco:after{content:" ";position:absolute;left:-15%;bottom:5%;width:130%;height:48%;z-index:0;border-radius:50% 50% 0 0/45% 45% 0 0;background:linear-gradient(160deg,#ffffffb8,#ffffff1f);transform:rotate(-7deg)}.bnfx__halo{position:absolute;left:50%;top:18%;width:72%;aspect-ratio:1/1;transform:translate(-50%);border-radius:50%;opacity:.85;filter:blur(8px);background:radial-gradient(circle,#fff 0%,var(--bnfx-halo) 38%,transparent 70%)}.bnfx__ring{position:absolute;left:50%;top:21%;width:62%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;border:1px solid rgba(255,255,255,.48);opacity:.8}.bnfx__shadow{position:absolute;left:50%;bottom:11px;width:67%;height:25px;transform:translate(-50%);z-index:1;border-radius:50%;background:radial-gradient(ellipse,#00000029,#00000012 40%,#0000 72%);filter:blur(2px)}.bnfx--silver{--bnfx-a:#f4f4f4;--bnfx-b:#eaeaea;--bnfx-halo:rgba(230,230,230,.82)}.bnfx--rose{--bnfx-a:#faf3f3;--bnfx-b:#f0e4e5;--bnfx-halo:rgba(241,205,208,.75)}.bnfx--amber{--bnfx-a:#faf5eb;--bnfx-b:#eee3d0;--bnfx-halo:rgba(236,209,165,.76)}.bnfx--blue{--bnfx-a:#f3f6fa;--bnfx-b:#e2e9f1;--bnfx-halo:rgba(200,217,237,.75)}.bnfx--charcoal{--bnfx-a:#ededed;--bnfx-b:#dcdcdc;--bnfx-halo:rgba(210,210,210,.8)}@media(max-width:749px){.bnfx__icons{gap:10px}.bnfx__icon{width:28px;height:28px}.bnfx__icon svg{width:18px;height:18px}.bnfx__label{padding:6px 10px;font-size:11px;right:calc(100% + 6px)}.bnfx__btn{min-height:42px;font-size:13px}.bnfx__title{font-size:13px}.bnfx__price{font-size:14px}.bnfx__info{padding-top:13px}.bnfx.is-secondary .bnfx__stage{transform:translate3d(0,-14%,0)}.bnfx.is-secondary .bnfx__img--a{opacity:0}.bnfx.is-secondary .bnfx__img--b{opacity:1}.bnfx.is-secondary .bnfx__icons{top:14px;transform:translateY(0)}.bnfx.is-secondary .bnfx__label{opacity:1;transform:translateY(-50%) translate(0)}.bnfx.is-secondary .bnfx__cart{transform:translateY(0);opacity:1}.bnfx.is-secondary .bnfx__btn span{opacity:1;transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/basenote-card-fx.css.map */