.pb-kc__book-size-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(17.5rem,18rem);gap:.75rem}.pb-kc__size-field{display:block;margin:0}.pb-kc__size-field>span{display:block;margin:0 0 .4rem;color:var(--pb-kc-muted);font-size:1.1rem;font-weight:600}.pb-kc[data-mode=book] .pb-kc__preview{overflow:visible}.pb-kc[data-mode=book] .pb-kc__preview-box{overflow:visible!important;border-radius:4px 7px 7px 4px;transition:width .22s ease,aspect-ratio .22s ease,background-color .2s ease,transform .22s ease}.pb-kc[data-mode=book] .pb-kc__preview-box:has(.pb-kc__preview-spine:not([hidden])){transform:translate(calc(var(--pb-kc-spine-width, 12%) / 2))}.pb-kc[data-mode=book] .pb-kc__preview-front{overflow:hidden;border-radius:4px 7px 7px 4px}.pb-kc[data-mode=book] .pb-kc__preview-spine{inset:0 100% 0 auto!important;width:var(--pb-kc-spine-width, 12%)!important;min-width:var(--pb-kc-spine-width, 12%)!important;max-width:var(--pb-kc-spine-width, 12%)!important;padding:1.1rem .55rem;overflow:hidden;border-right:1px solid rgba(0,0,0,.16);border-left:1px solid rgba(0,0,0,.06);border-radius:6px 0 0 6px;background-position:center;background-repeat:repeat;background-size:180px auto;box-shadow:-5px 9px 18px #2d241d1c,inset 0 0 0 1px #322a230b;transition:width .22s ease,min-width .22s ease,max-width .22s ease,background-color .2s ease}.pb-kc[data-mode=book] .pb-kc__preview-box:before{inset:0 auto 0 0!important;width:1px;z-index:8;transition:none!important}.pb-kc[data-mode=book] .pb-kc__preview-spine span{display:block;width:max-content;max-width:none;margin:auto;padding:0;line-height:1;text-align:center;white-space:nowrap;transform:rotate(-90deg);transform-origin:center;transition:font-size .18s ease,color .18s ease}.pb-kc[data-mode=book] .pb-kc__preview-spine.has-personalization{background-color:inherit}.pb-kc[data-mode=standard] .pb-kc__preview-box[data-square=true]{width:min(100%,34rem)!important;height:auto!important;max-width:34rem!important;max-height:34rem!important;aspect-ratio:1!important;transition:background-color .2s ease!important}@media screen and (max-width:749px){.pb-kc__book-size-grid{grid-template-columns:minmax(0,1.8fr) minmax(9.4rem,1fr);gap:.55rem}.pb-kc[data-mode=standard] .pb-kc__preview-box[data-square=true]{width:min(100%,27rem)!important;max-width:27rem!important;max-height:27rem!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/pb-keepsake-configurator-v7.css.map */