@charset "UTF-8";

/* COMIXIO V144 - lightweight print order modal and readable page selection. */
#storybd-modal-portal .storybd-book-offer-modal{
  padding:18px!important;
  background:rgba(12,18,32,.76)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overscroll-behavior:contain!important;
}
#storybd-modal-portal .storybd-book-offer-card{
  width:min(1120px,calc(100vw - 36px))!important;
  max-height:calc(100dvh - 36px)!important;
  padding:22px!important;
  border:1px solid rgba(15,23,42,.16)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 24px 64px rgba(0,0,0,.3)!important;
  scroll-behavior:auto!important;
  overscroll-behavior:contain!important;
}
#storybd-modal-portal .storybd-book-offer-media.storybd-print-example-only{
  min-height:230px!important;
  max-height:260px!important;
  aspect-ratio:16/5!important;
  border:1px solid rgba(15,23,42,.1)!important;
  box-shadow:none!important;
}
#storybd-modal-portal .storybd-book-offer-media .storybd-print-example-slide,
#storybd-modal-portal .storybd-book-offer-media .storybd-print-example-slide img{
  animation:none!important;
  transform:none!important;
  transition:none!important;
}
#storybd-modal-portal .storybd-book-offer-media .storybd-print-example-cover{
  display:block!important;
  opacity:1!important;
}
#storybd-modal-portal .storybd-book-offer-media .storybd-print-example-open{
  display:none!important;
}
body.storybd-book-offer-is-open .storybd-library .storybd-print-slide,
body.storybd-book-offer-is-open .storybd-library .storybd-print-example-slide,
body.storybd-book-offer-is-open .storybd-v7:before{
  animation-play-state:paused!important;
}

#storybd-modal-portal .storybd-book-print-setup{
  gap:14px!important;
  padding:16px!important;
  border:1px solid rgba(15,23,42,.1)!important;
  border-radius:16px!important;
  background:#f8fafc!important;
}
#storybd-modal-portal .storybd-book-print-setup-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:14px!important;
}
#storybd-modal-portal .storybd-book-print-setup-head>div{
  min-width:0!important;
}
#storybd-modal-portal .storybd-book-print-setup-head strong{
  display:block!important;
  color:#111827!important;
  font-size:19px!important;
  line-height:1.15!important;
  font-weight:950!important;
}
#storybd-modal-portal .storybd-book-print-setup-head span{
  display:block!important;
  margin-top:5px!important;
  color:#64748b!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:750!important;
}
#storybd-book-print-selection-summary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:8px 12px!important;
  border:1px solid rgba(255,45,111,.2)!important;
  border-radius:999px!important;
  background:#fff1f6!important;
  color:#c21854!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
#storybd-modal-portal .storybd-book-print-pages{
  display:flex!important;
  grid-template-columns:none!important;
  gap:14px!important;
  width:100%!important;
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:3px 3px 13px!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:auto!important;
  scrollbar-color:#ff2d6f #e8edf3!important;
  overscroll-behavior-inline:contain!important;
}
#storybd-modal-portal .storybd-book-print-pages::-webkit-scrollbar{
  height:10px!important;
}
#storybd-modal-portal .storybd-book-print-pages::-webkit-scrollbar-track{
  border-radius:999px!important;
  background:#e8edf3!important;
}
#storybd-modal-portal .storybd-book-print-pages::-webkit-scrollbar-thumb{
  border:2px solid #e8edf3!important;
  border-radius:999px!important;
  background:#ff2d6f!important;
}
#storybd-modal-portal .storybd-book-print-page{
  position:relative!important;
  display:flex!important;
  flex:0 0 200px!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:9px!important;
  min-width:200px!important;
  padding:10px!important;
  border:2px solid rgba(15,23,42,.13)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  cursor:pointer!important;
  scroll-snap-align:start!important;
  contain:layout paint!important;
  transition:border-color .14s ease,background-color .14s ease,opacity .14s ease!important;
}
#storybd-modal-portal .storybd-book-print-page.is-selected{
  border-color:#ff2d6f!important;
  background:#fff8fb!important;
  box-shadow:0 0 0 3px rgba(255,45,111,.1)!important;
}
#storybd-modal-portal .storybd-book-print-page.is-excluded{
  border-color:rgba(15,23,42,.1)!important;
  background:#f1f5f9!important;
  opacity:.62!important;
}
#storybd-modal-portal .storybd-book-print-page.is-required{
  border-color:#111827!important;
  background:#fff8d8!important;
  cursor:default!important;
}
#storybd-modal-portal .storybd-book-print-page input{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  z-index:4!important;
  width:27px!important;
  height:27px!important;
  margin:0!important;
  border:2px solid #fff!important;
  border-radius:8px!important;
  box-shadow:0 3px 12px rgba(15,23,42,.24)!important;
  accent-color:#ff2d6f!important;
  cursor:pointer!important;
}
#storybd-modal-portal .storybd-book-print-page-state{
  position:absolute!important;
  top:10px!important;
  left:10px!important;
  z-index:4!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  background:#111827!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:0 4px 12px rgba(15,23,42,.2)!important;
}
#storybd-modal-portal .storybd-book-print-page:not(.is-required).is-selected .storybd-book-print-page-state{
  background:#ff2d6f!important;
}
#storybd-modal-portal .storybd-book-print-page.is-excluded .storybd-book-print-page-state{
  background:#64748b!important;
}
#storybd-modal-portal .storybd-book-print-page-thumb{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:2/3!important;
  overflow:hidden!important;
  border:1px solid rgba(15,23,42,.1)!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#e8edf3,#f8fafc)!important;
}
#storybd-modal-portal .storybd-book-print-page-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  opacity:0!important;
  transition:opacity .12s ease!important;
}
#storybd-modal-portal .storybd-book-print-cover .storybd-book-print-page-thumb img,
#storybd-modal-portal .storybd-book-print-page-thumb img.is-loaded{
  opacity:1!important;
}
#storybd-modal-portal .storybd-book-print-page-thumb img.is-error{
  opacity:0!important;
}
#storybd-modal-portal .storybd-book-print-page-copy{
  display:block!important;
  min-width:0!important;
  padding:1px 2px 2px!important;
}
#storybd-modal-portal .storybd-book-print-page-copy strong{
  display:block!important;
  color:#111827!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:950!important;
}
#storybd-modal-portal .storybd-book-print-page-copy small{
  display:block!important;
  margin-top:4px!important;
  color:#64748b!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:750!important;
}
#storybd-modal-portal .storybd-book-print-page.is-selected .storybd-book-print-page-copy small{
  color:#c21854!important;
}
#storybd-modal-portal .storybd-book-print-pages-empty{
  flex:0 0 260px!important;
  align-self:center!important;
}
#storybd-modal-portal .storybd-book-print-message span>b{
  color:#64748b!important;
  font-size:12px!important;
  font-weight:800!important;
}
#storybd-modal-portal .storybd-book-offer-actions{
  align-items:center!important;
}
#storybd-modal-portal .storybd-book-offer-actions .storybd-book-offer-status{
  flex:1 0 100%!important;
  margin:0!important;
}
#storybd-modal-portal .storybd-book-offer-status:empty{
  display:none!important;
}

@media(max-width:760px){
  #storybd-modal-portal .storybd-book-offer-modal{
    align-items:flex-start!important;
    padding:0!important;
    background:#fff!important;
  }
  #storybd-modal-portal .storybd-book-offer-card{
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:16px 16px calc(116px + env(safe-area-inset-bottom))!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  #storybd-modal-portal .storybd-book-offer-close{
    position:fixed!important;
    top:12px!important;
    right:12px!important;
    z-index:2147483647!important;
  }
  #storybd-modal-portal .storybd-book-offer-media.storybd-print-example-only{
    display:none!important;
  }
  #storybd-modal-portal .storybd-book-offer-layout{
    gap:12px!important;
  }
  #storybd-modal-portal .storybd-book-print-setup{
    padding:12px!important;
  }
  #storybd-modal-portal .storybd-book-print-setup-head{
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:9px!important;
  }
  #storybd-book-print-selection-summary{
    justify-self:start!important;
  }
  #storybd-modal-portal .storybd-book-print-pages{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    max-height:none!important;
    overflow:visible!important;
    padding:2px!important;
    scroll-snap-type:none!important;
  }
  #storybd-modal-portal .storybd-book-print-page{
    display:grid!important;
    grid-template-columns:132px minmax(0,1fr)!important;
    align-items:center!important;
    gap:13px!important;
    min-width:0!important;
    width:100%!important;
    min-height:214px!important;
    padding:10px!important;
  }
  #storybd-modal-portal .storybd-book-print-page-thumb{
    width:132px!important;
    height:192px!important;
    aspect-ratio:auto!important;
  }
  #storybd-modal-portal .storybd-book-print-page-copy{
    padding:34px 4px 4px 0!important;
  }
  #storybd-modal-portal .storybd-book-print-page-copy strong{
    font-size:18px!important;
  }
  #storybd-modal-portal .storybd-book-print-page-copy small{
    margin-top:7px!important;
    font-size:13px!important;
  }
  #storybd-modal-portal .storybd-book-print-page-state{
    left:10px!important;
  }
  #storybd-modal-portal .storybd-book-print-message-card{
    grid-template-columns:1fr!important;
  }
  #storybd-modal-portal .storybd-book-offer-modal.is-open .storybd-book-offer-actions{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:2147483646!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin:0!important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;
    border-top:1px solid rgba(15,23,42,.12)!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 -12px 34px rgba(15,23,42,.14)!important;
  }
  #storybd-modal-portal .storybd-book-offer-actions .storybd-book-print-btn{
    width:100%!important;
    min-height:56px!important;
    margin:0!important;
    border-radius:14px!important;
    background:#ff2d6f!important;
    box-shadow:0 12px 28px rgba(255,45,111,.26)!important;
    font-size:16px!important;
  }
  #storybd-modal-portal .storybd-book-offer-actions .storybd-ghost-action{
    display:none!important;
  }
  #storybd-modal-portal .storybd-book-offer-actions .storybd-book-offer-status{
    order:-1!important;
    padding:0 4px!important;
    text-align:center!important;
  }
}

@media(max-width:390px){
  #storybd-modal-portal .storybd-book-print-page{
    grid-template-columns:116px minmax(0,1fr)!important;
    min-height:190px!important;
  }
  #storybd-modal-portal .storybd-book-print-page-thumb{
    width:116px!important;
    height:170px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #storybd-modal-portal .storybd-book-print-page,
  #storybd-modal-portal .storybd-book-print-page-thumb img{
    transition:none!important;
  }
}