.pfbt{--pfbt-o: 235, 147, 23;--pfbt-ink: #0f172a;--pfbt-muted: #475569;--pfbt-line: rgba(15, 23, 42, .09);--pfbt-green: #15803d;--pfbt-ease: cubic-bezier(.16, 1, .3, 1);--pfbt-spring: cubic-bezier(.3, 1.6, .5, 1);--pfbt-gap: 22px;position:relative;display:block;margin:18px 0 6px;padding:20px;border:1px solid var(--pfbt-line);border-radius:24px;background:radial-gradient(120% 80% at 100% 0%,rgba(var(--pfbt-o),.1),transparent 55%),linear-gradient(160deg,#ffffffeb,#fdf7eec7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 50px -30px #0f172a47;color:var(--pfbt-ink)}.pfbt [hidden]{display:none!important}.pfbt[hidden],html.no-js .pfbt,quick-add-modal .pfbt,.quick-add-modal .pfbt{display:none!important}.pfbt__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 12px;margin-bottom:18px}.pfbt__heading{min-width:0;flex:1 1 180px}.pfbt__title{margin:0;font-family:inherit;font-size:19px;font-weight:800;line-height:1.25;letter-spacing:-.015em;color:var(--pfbt-ink)}.pfbt__sub{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--pfbt-muted)}.pfbt[dir=rtl] .pfbt__title{letter-spacing:0}.pfbt__save{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;background:#16a34a1a;color:var(--pfbt-green);font-size:12.5px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.pfbt__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--pfbt-gap);align-items:start}.pfbt__card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0}.pfbt__check{position:absolute;inset-block-start:0;inset-inline-start:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.pfbt__media{position:relative;display:block;cursor:pointer;-webkit-tap-highlight-color:transparent}.pfbt__frame{display:block;aspect-ratio:1;overflow:hidden;border-radius:18px;background:linear-gradient(160deg,#f8fafc,#eef2f7);box-shadow:0 0 0 1px var(--pfbt-line);transition:box-shadow .35s ease,translate .45s var(--pfbt-ease),scale .45s var(--pfbt-ease),filter .35s ease,opacity .35s ease}.pfbt__img{display:block;width:100%;height:100%;object-fit:cover;transition:scale .7s var(--pfbt-ease)}.pfbt__check:checked+.pfbt__media .pfbt__frame{box-shadow:0 0 0 2px rgb(var(--pfbt-o)),0 16px 28px -16px rgba(var(--pfbt-o),.7)}@media(hover:hover){.pfbt__media:hover .pfbt__frame{translate:0 -3px}.pfbt__media:hover .pfbt__img{scale:1.06}}.pfbt__media:active .pfbt__frame{scale:.96}.pfbt__check:focus-visible+.pfbt__media .pfbt__frame{outline:3px solid rgba(var(--pfbt-o),.45);outline-offset:3px}.pfbt__check:disabled+.pfbt__media{cursor:not-allowed}.pfbt__card.is-off .pfbt__frame{scale:.94;filter:grayscale(.85);opacity:.5}.pfbt__card.is-off .pfbt__info{opacity:.45}.pfbt__tick{position:absolute;z-index:2;top:8px;inset-inline-start:8px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffffffe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1.5px #0f172a38,0 4px 10px -4px #0f172a4d;color:#fff;transition:background .2s ease,box-shadow .2s ease}.pfbt__tick svg{width:15px;height:15px}.pfbt__tick path{stroke-dasharray:14;stroke-dashoffset:14;transition:stroke-dashoffset .28s ease .06s}.pfbt__check:checked+.pfbt__media .pfbt__tick{background:linear-gradient(135deg,#f5a623,rgb(var(--pfbt-o)) 55%,#d97f06);box-shadow:0 6px 14px -4px rgba(var(--pfbt-o),.75),inset 0 1px #ffffff73;animation:pfbt-pop .45s var(--pfbt-spring)}.pfbt__check:checked+.pfbt__media .pfbt__tick path{stroke-dashoffset:0}@keyframes pfbt-pop{0%{scale:.6}to{scale:1}}.pfbt__tag{position:absolute;z-index:2;bottom:8px;inset-inline-start:8px;max-width:calc(100% - 16px);padding:4px 9px;border-radius:999px;background:#0f172ab8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .3s ease}.pfbt__card.is-in-cart .pfbt__tag{background:#16a34aeb}.pfbt__card+.pfbt__card .pfbt__media:before{content:"";position:absolute;z-index:3;top:50%;inset-inline-start:calc(var(--pfbt-gap) / -2 - 13px);width:26px;height:26px;margin-top:-13px;border-radius:50%;background:linear-gradient(var(--pfbt-ink),var(--pfbt-ink)) center / 10px 2px no-repeat,linear-gradient(var(--pfbt-ink),var(--pfbt-ink)) center / 2px 10px no-repeat,#fffffff2;box-shadow:0 0 0 1px var(--pfbt-line),0 6px 14px -6px #0f172a4d;transition:opacity .3s ease,scale .35s var(--pfbt-ease)}.pfbt__card.is-off .pfbt__media:before{opacity:.35;scale:.8}.pfbt__info{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;transition:opacity .3s ease}.pfbt__name{width:100%;min-height:2.7em;margin:0;font-size:13px;font-weight:650;line-height:1.35;color:var(--pfbt-ink);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pfbt__link{color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .3s var(--pfbt-ease)}.pfbt[dir=rtl] .pfbt__link{background-position:100% 100%}.pfbt__link:hover{background-size:100% 1px}.pfbt__link:focus-visible{outline:2px solid rgb(var(--pfbt-o));outline-offset:2px;border-radius:3px}.pfbt__chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 10px;border-radius:999px;background:#0f172a0d;color:var(--pfbt-muted);font-size:11.5px;font-weight:650;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pfbt__chip--pick{position:relative;background:#ffffffd9;box-shadow:inset 0 0 0 1.5px var(--pfbt-line);color:var(--pfbt-ink);transition:box-shadow .25s ease}.pfbt__chip--pick:hover{box-shadow:inset 0 0 0 1.5px rgba(var(--pfbt-o),.55)}.pfbt__chip--pick:focus-within{box-shadow:inset 0 0 0 1.5px rgb(var(--pfbt-o)),0 0 0 3px rgba(var(--pfbt-o),.2)}.pfbt__chip-text{overflow:hidden;text-overflow:ellipsis}.pfbt__chev{flex:none;width:9px;height:6px;color:var(--pfbt-muted)}.pfbt__select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;font-size:16px;cursor:pointer;-webkit-appearance:none;appearance:none}.pfbt__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;font-variant-numeric:tabular-nums}.pfbt__now{font-size:14.5px;font-weight:800;letter-spacing:-.01em;color:var(--pfbt-ink)}.pfbt__was{font-size:11.5px;color:var(--pfbt-muted);opacity:.8}.pfbt__soldout{font-size:12px;font-weight:700;color:var(--pfbt-muted)}.pfbt__foot{margin-top:20px;padding-top:18px;border-top:1px solid var(--pfbt-line)}.pfbt:not(.is-ready) .pfbt__foot,.pfbt:not(.is-ready) .pfbt__save{visibility:hidden}.pfbt__ship{display:grid;gap:8px;margin-bottom:16px}.pfbt__ship.is-loading{visibility:hidden}.pfbt__ship-row{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:650;line-height:1.4;color:var(--pfbt-ink)}.pfbt__ship-row svg{flex:none;width:20px;height:20px}.pfbt__ship-truck{color:rgb(var(--pfbt-o))}.pfbt__ship-truck circle{fill:#fff}.pfbt__ship-check{display:none;color:var(--pfbt-green)}.pfbt__ship.is-free .pfbt__ship-truck{display:none}.pfbt__ship.is-free .pfbt__ship-check{display:block;animation:pfbt-pop .45s var(--pfbt-spring)}.pfbt__ship.is-free .pfbt__ship-row{color:var(--pfbt-green)}.pfbt[dir=rtl] .pfbt__ship-truck{transform:scaleX(-1)}.pfbt__bar{position:relative;display:block;height:6px;overflow:hidden;border-radius:999px;background:#0f172a14}.pfbt__bar-fill{position:relative;display:block;width:0;height:100%;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,#f5a623,rgb(var(--pfbt-o)));transition:width .7s var(--pfbt-ease),background .4s ease}.pfbt__ship.is-free .pfbt__bar-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.pfbt__bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;translate:-100% 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent)}.pfbt__ship.is-celebrate .pfbt__bar-fill:after{animation:pfbt-glint .9s ease .35s}@keyframes pfbt-glint{to{translate:100% 0}}.pfbt__total-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px;margin-bottom:14px}.pfbt__total-label{font-size:13.5px;font-weight:650;color:var(--pfbt-muted)}.pfbt__total-wrap{display:inline-flex;align-items:baseline;gap:8px}.pfbt__total{font-size:24px;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--pfbt-ink);font-variant-numeric:tabular-nums}.pfbt__total-was{font-size:13px;color:var(--pfbt-muted);opacity:.8;font-variant-numeric:tabular-nums}.is-bump{animation:pfbt-bump .45s var(--pfbt-spring)}@keyframes pfbt-bump{0%{scale:1}40%{scale:1.1}to{scale:1}}.pfbt__cta{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:0 24px;overflow:hidden;border:0;border-radius:999px;background:linear-gradient(135deg,#f5a623,rgb(var(--pfbt-o)) 55%,#d97f06);color:#1a1206;font:inherit;font-size:15.5px;font-weight:800;letter-spacing:.02em;box-shadow:0 12px 28px -10px rgba(var(--pfbt-o),.55),inset 0 1px #ffffff73;cursor:pointer;transition:transform .25s var(--pfbt-ease),box-shadow .25s ease,background .3s ease}.pfbt[dir=rtl] .pfbt__cta{letter-spacing:0}.pfbt__cta:before{content:"";position:absolute;top:0;bottom:0;left:-80%;width:60%;transform:skew(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);animation:pfbt-sheen 3.2s ease-in-out infinite}@keyframes pfbt-sheen{0%,55%{left:-80%}85%,to{left:130%}}.pfbt__cta:hover:not([disabled]){transform:translateY(-2px);box-shadow:0 18px 38px -10px rgba(var(--pfbt-o),.65),inset 0 1px #ffffff73}.pfbt__cta:active:not([disabled]){transform:translateY(0) scale(.985)}.pfbt__cta:focus-visible{outline:3px solid rgba(var(--pfbt-o),.45);outline-offset:3px}.pfbt__cta[disabled]{background:#e2e8f0;color:#94a3b8;box-shadow:none;cursor:not-allowed}.pfbt__cta[disabled]:before{animation:none}.pfbt__cta span{position:relative;display:inline-flex;align-items:center;gap:10px}.pfbt__cta span:before{content:"";flex-shrink:0;width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1.6'/%3E%3Ccircle cx='19' cy='21' r='1.6'/%3E%3Cpath d='M2.5 3h2l2.6 12.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L22 7H6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1.6'/%3E%3Ccircle cx='19' cy='21' r='1.6'/%3E%3Cpath d='M2.5 3h2l2.6 12.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L22 7H6'/%3E%3C/svg%3E") center / contain no-repeat}.pfbt__cta.is-busy{cursor:progress}.pfbt__cta.is-busy:before{animation:none}.pfbt__cta.is-busy span:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9'/%3E%3C/svg%3E") center / contain no-repeat;animation:pfbt-spin .8s linear infinite}@keyframes pfbt-spin{to{rotate:360deg}}.pfbt__cta.is-added,.pfbt__cta.is-added[disabled]{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 12px 28px -10px #16a34a8c}.pfbt__cta.is-added:before{animation:none}.pfbt__cta.is-added span:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat}.pfbt__msg{margin:10px 0 0;font-size:13px;font-weight:600}.pfbt__msg.is-error{color:#b91c1c}.pfbt__msg:not(.is-error),.pfbt-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pfbt__skel{display:flex;flex-direction:column;gap:10px;min-width:0}.pfbt__skel-media{display:block;aspect-ratio:1;border-radius:18px}.pfbt__skel-line{display:block;height:11px;border-radius:6px}.pfbt__skel-line--short{width:55%}.pfbt__skel-media,.pfbt__skel-line{background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7) 0 0 / 200% 100%;animation:pfbt-shimmer 1.3s linear infinite}@keyframes pfbt-shimmer{to{background-position:-200% 0}}.pfbt.is-waiting .pfbt__card{opacity:0}.pfbt__card.is-entering{animation:pfbt-rise .75s var(--pfbt-ease) both;animation-delay:calc(var(--i, 0) * 90ms)}@keyframes pfbt-rise{0%{opacity:0;translate:0 16px;scale:.96}to{opacity:1;translate:0 0;scale:1}}.pfbt__ghost{position:fixed;z-index:2147483000;margin:0;pointer-events:none;box-shadow:0 18px 36px -12px rgba(var(--pfbt-o, 235, 147, 23),.6)}@media(max-width:749px){.pfbt{--pfbt-gap: 16px;padding:16px;border-radius:20px}.pfbt__title{font-size:17px}.pfbt__frame,.pfbt__skel-media{border-radius:14px}.pfbt__name{font-size:12px}.pfbt__now{font-size:13px}.pfbt__was{font-size:11px}.pfbt__chip{padding:3px 8px;font-size:11px}.pfbt__tick{top:6px;inset-inline-start:6px;width:22px;height:22px}.pfbt__tick svg{width:13px;height:13px}.pfbt__tag{bottom:6px;inset-inline-start:6px;padding:3px 7px;font-size:10px}.pfbt__card+.pfbt__card .pfbt__media:before{width:22px;height:22px;margin-top:-11px;inset-inline-start:calc(var(--pfbt-gap) / -2 - 11px)}.pfbt__total{font-size:21px}}@media(prefers-reduced-motion:reduce){.pfbt *,.pfbt *:before,.pfbt *:after,.pfbt__ghost{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/penguin-fbt.css.map */