@keyframes vfPaneInL{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}
.screen[data-screen="direction"] .vf-panes.slide-fwd .vf-pane.on{animation:vfPaneInR .36s cubic-bezier(.22,.61,.36,1)}
.screen[data-screen="direction"] .vf-panes.slide-back .vf-pane.on{animation:vfPaneInL .36s cubic-bezier(.22,.61,.36,1)}
@property --fit{syntax:'<number>';inherits:true;initial-value:1}
@property --dev-halfw{syntax:'<length>';inherits:true;initial-value:380px}
@property --dev-nh{syntax:'<length>';inherits:true;initial-value:760px}
.screen[data-screen="direction"] #stage{opacity:0}
.screen[data-screen="direction"] #stage.fit-ready{opacity:1;transition:opacity .3s ease}
.screen[data-screen="direction"] #stage.fit-anim{transition:--fit .5s cubic-bezier(.55,.03,.12,1),opacity .3s ease}
.screen[data-screen="direction"] #stage.fit-anim .ip3d{transition:width .5s cubic-bezier(.55,.03,.12,1),height .5s cubic-bezier(.55,.03,.12,1)}
.screen[data-screen="direction"] .ip3d.tilting{transition:transform .1s ease-out}
.screen[data-screen="direction"] .vf-picker:has(#stage.fit-anim){
    transition:--dev-halfw .5s cubic-bezier(.55,.03,.12,1),--dev-nh .5s cubic-bezier(.55,.03,.12,1)}
@media (prefers-reduced-motion:reduce){.screen[data-screen="direction"] .vf-panes.slide-fwd .vf-pane.on,
    .screen[data-screen="direction"] .vf-panes.slide-back .vf-pane.on{animation:none}
.screen[data-screen="direction"] #stage.fit-anim,
    .screen[data-screen="direction"] .vf-picker:has(#stage.fit-anim),
    .screen[data-screen="direction"] #stage.fit-anim .ip3d{transition:none}}
.pv-close,
.cart-close,
.cart-x,
.cc-close,
.askm-close,
.bento-close {
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
.pv-close:focus-visible,.cart-close:focus-visible,.cart-x:focus-visible,.cc-close:focus-visible,.askm-close:focus-visible,.bento-close:focus-visible{
  background: #d63a2e !important;
  border-color: #d63a2e !important;
  color: #fff !important;
  transform: rotate(90deg);
}
@media (hover:hover){.pv-close:hover,.cart-close:hover,.cart-x:hover,.cc-close:hover,.askm-close:hover,.bento-close:hover{
  background: #d63a2e !important;
  border-color: #d63a2e !important;
  color: #fff !important;
  transform: rotate(90deg);
}}
.pv-close:focus-visible,
.cart-close:focus-visible,
.cart-x:focus-visible,
.cc-close:focus-visible,
.askm-close:focus-visible,
.bento-close:focus-visible {
  outline: 2px solid var(--accent-text, #1b28b8) !important;
  outline-offset: 2px !important;
}
@media (prefers-reduced-motion: reduce) {.pv-close:focus-visible,.cart-close:focus-visible,.cart-x:focus-visible,.cc-close:focus-visible,.askm-close:focus-visible,.bento-close:focus-visible{
    transform: none;
  }
@media (hover:hover){.pv-close:hover,.cart-close:hover,.cart-x:hover,.cc-close:hover,.askm-close:hover,.bento-close:hover{
    transform: none;
  }}}
@media (prefers-reduced-motion: reduce) {.pv-close,
  .cart-close,
  .cart-x,
  .cc-close,
  .askm-close,
  .bento-close {
    transition:
      background 0.2s ease,
      border-color 0.2s ease,
      color 0.2s ease !important;
  }}
@media (forced-colors: active) {.pv-close:focus-visible,.cart-close:focus-visible,.cart-x:focus-visible,.cc-close:focus-visible,.askm-close:focus-visible,.bento-close:focus-visible{
    background: ButtonFace !important;
    border-color: ButtonText !important;
    color: ButtonText !important;
    forced-color-adjust: none;
  }
@media (hover:hover){.pv-close:hover,.cart-close:hover,.cart-x:hover,.cc-close:hover,.askm-close:hover,.bento-close:hover{
    background: ButtonFace !important;
    border-color: ButtonText !important;
    color: ButtonText !important;
    forced-color-adjust: none;
  }}}
html:has(.app[data-screen="checkout"]){scroll-padding-top:var(--cfgTop,26px);scroll-padding-bottom:var(--cfgBar,120px)}
body:has(.app[data-screen="checkout"]){overflow-x:clip;background:var(--paper);}
.app[data-screen="checkout"] .screen.on > .eyebrow{display:flex;gap:8px;margin:0 0 10px;font-family:var(--mono);letter-spacing:.18em;line-height:normal}
.app[data-screen="checkout"] .pv-viz .show-top{padding:9px 12px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.app[data-screen="checkout"] .pv-viz .dots i{background:var(--edge);box-shadow:inset 0 0 0 1px var(--line);border:0;width:8px;height:8px;border-radius:50%;display:block}
.app[data-screen="checkout"] .pv-viz figcaption{padding:11px 13px;border:0;font:600 12.5px var(--sans);color:var(--ink);border-top:1px solid var(--line)}
.app[data-screen="checkout"] #payZone{width:100%;min-width:0}
.app[data-screen="checkout"] .leftcol .pv-col{position:static;height:auto;display:block;width:100%;max-width:none;background:none;border:0;padding:0;box-shadow:none}
.app[data-screen="checkout"] .pv-viz .dots{display:flex;gap:5px}
.app[data-screen="checkout"] .pv-viz .show-url{flex:1;text-align:center;font:400 11.5px "JetBrains Mono",ui-monospace,monospace;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app[data-screen="checkout"] .pv-viz .frame{width:100%;max-width:none;margin:0;align-self:stretch;border:0;border-radius:0;box-shadow:none}
.app[data-screen="checkout"] .pv-viz .frame .chrome{display:none}
.app[data-screen="checkout"] .pv-viz .viewport{width:100%}
.app[data-screen="checkout"] .pv-viz .pv-real img{width:100%;display:block}
.app[data-screen="checkout"] .pv-viz .caps{display:none}
.app[data-screen="checkout"] .qsave{background:none;border:0;padding:0;margin:9px 0 0;box-shadow:none}
.app[data-screen="checkout"] .qsave[open] > summary{margin-bottom:9px}
.app[data-screen="checkout"] .scopebento{background:none;border:0;padding:0;box-shadow:none;margin:0}
.app[data-screen="checkout"] a{color:inherit}
.app[data-screen="checkout"] .summary .co-thumb, .app[data-screen="checkout"] .summary .sum-spec, .app[data-screen="checkout"] .summary .sum-picks{display:none}
.app[data-screen="checkout"] #adjust{display:none}
.app[data-screen="checkout"] .dombento{margin:14px 0 0}
.app[data-screen="checkout"] .paybtn{min-height:52px;margin-top:0}
.app[data-screen="checkout"] .cfg-total{display:none}
.app[data-screen="checkout"] #pvPh{display:none}
.app[data-screen="checkout"] .pv-viz .site>.s-props,
.app[data-screen="checkout"] .pv-viz .site>.s-services,
.app[data-screen="checkout"] .pv-viz .site>.blk,
.app[data-screen="checkout"] .pv-viz .site>.s-foot{display:none}