.toss-book{padding:var(--tb-pad-top, 72px) 0 var(--tb-pad-bottom, 72px)}.toss-book__wrap{margin:0 auto;padding:0 28px}.toss-book__head{margin-bottom:34px}.toss-book__eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2c5c8a;margin:0 0 10px}.toss-book__heading{font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.06;margin:0;color:#211d18}.toss-book__text{font-size:16px;color:#4a4339;margin:8px 0 0;max-width:52ch}.toss-book__book{display:flex;gap:12px;height:var(--tb-height, 520px)}.toss-book__spine{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:var(--tb-radius, 14px);border:1px solid #e7dfd1;cursor:pointer;text-decoration:none;transition:flex .55s cubic-bezier(.5,.05,.18,1)}.toss-book__spine:hover,.toss-book__spine:focus-visible{flex:0 0 var(--tb-height, 520px)}.toss-book__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%!important;object-fit:cover;object-position:center;transition:transform .6s ease}.toss-book__img--ph{background:#e7dfd1}.toss-book__spine:hover .toss-book__img{transform:scale(1.05)}@media screen and (min-width:750px){.toss-book__book{justify-content:center}.toss-book__spine{max-width:var(--tb-height, 520px)}.toss-book__img{inset:auto;top:0;left:50%;width:var(--tb-height, 520px);height:100%!important;min-width:var(--tb-height, 520px);max-width:none;transform:translate(-50%)}.toss-book__spine:hover .toss-book__img{transform:translate(-50%) scale(1.05)}}.toss-book__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#10141bc7,#10141b40 42%,#10141b0a 72%)}.toss-book__lab{position:absolute;left:0;right:0;bottom:0;padding:clamp(14px,1.8vw,22px) clamp(14px,1.7vw,20px);display:flex;flex-direction:column;align-items:flex-start;min-width:0}.toss-book__cn{max-width:100%;font-size:clamp(17px,1.2vw + 9px,22px);font-weight:800;color:#fff;letter-spacing:-.01em;overflow-wrap:break-word}.toss-book__tagline{max-width:100%;font-size:clamp(12px,.6vw + 8px,13px);color:#ffffffc7;font-weight:600;margin-top:4px;opacity:0;transition:opacity .35s ease;overflow-wrap:break-word}.toss-book__cta{display:inline-flex;align-items:center;gap:8px;margin-top:10px;max-width:100%;min-width:0;font-size:clamp(12.5px,.7vw + 8px,14px);font-weight:700;color:#fff;opacity:0;transform:translateY(8px);transition:opacity .35s ease .05s,transform .35s ease .05s}.toss-book__pill{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-width:0;background:#ffffff29;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgb(255 255 255 / 30%);padding:clamp(6px,.6vw,8px) clamp(11px,1.1vw,14px);border-radius:999px;overflow-wrap:break-word;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.toss-book__spine .toss-book__pill:hover{background:#fff;border-color:#fff;color:#16314a;transform:translateY(-1px);box-shadow:0 6px 16px #10141b47}.toss-book__spine .toss-book__pill:active{transform:translateY(1px);box-shadow:none}.toss-book__chev{width:7px;height:7px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);flex-shrink:0}.toss-book__spine:hover .toss-book__cta,.toss-book__spine:focus-visible .toss-book__cta,.toss-book__spine:hover .toss-book__tagline,.toss-book__spine:focus-visible .toss-book__tagline{opacity:1;transform:none}@media screen and (max-width:749px){.toss-book__wrap{padding:0 16px}.toss-book__head{margin-bottom:22px}.toss-book__book .toss-book__cta,.toss-book__book .toss-book__tagline{opacity:1!important;transform:none!important}.toss-book__book--mobile-stack{flex-direction:column;height:auto;gap:12px}.toss-book__book--mobile-stack .toss-book__spine{flex:none;height:150px}.toss-book__book--mobile-scroll{height:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;-webkit-overflow-scrolling:touch}.toss-book__book--mobile-scroll .toss-book__spine{flex:0 0 72vw;height:320px;scroll-snap-align:start}.toss-book__book--mobile-grid{display:grid;grid-template-columns:1fr 1fr;height:auto;gap:10px}.toss-book__book--mobile-grid .toss-book__spine{height:170px}.toss-book__book--mobile-grid .toss-book__spine:last-child:nth-child(odd){grid-column:1 / -1}.toss-book__cn{font-size:18px}.toss-book__lab{padding:14px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/toss-category-book.css.map */