.hb-comic-card{--hb-outline: var(--hb-card-outline, #050505);--hb-text: var(--hb-card-text, #050505);--hb-gold: var(--hb-card-accent, #f0b62d);--hb-on-accent: var(--hb-card-on-accent, #1a1a1a);--hb-ink: var(--hb-outline);--hb-line: var(--hb-card-line, 2px);--hb-panel-gap: var(--hb-card-panel-gap, 8px);--hb-panel-fill: var(--hb-card-panel-fill, #fff);--hb-price-bg: var(--hb-gold);--hb-image-inset: var(--hb-card-image-inset, 12px);--hb-current-image-size: var(--hb-card-image-size, 100%);--hb-divider-jitter: var(--hb-card-divider-jitter, 20px);--hb-accent-hover: var(--hb-card-accent-hover, color-mix(in srgb, var(--hb-gold), var(--hb-panel-fill) 28%));--hb-card-divider-base-y: 124;--hb-card-panel-top-left: 80.5%;--hb-card-panel-top-right: 81.5%;--hb-card-panel-bottom-left: 83%;--hb-card-panel-bottom-right: 84%;--hb-card-window-bottom-space: 22%;position:relative;width:100%;aspect-ratio:var(--hb-card-aspect-ratio, 100 / 150);isolation:isolate;container-type:inline-size;font-family:var(--hb-card-title-font-family, var(--typeHeaderPrimary), var(--typeHeaderFallback));--hb-title-font-size: clamp(var(--hb-card-title-font-min, 15px), var(--hb-card-title-font-fluid, 6.6cqw), var(--hb-card-title-font-max, 22px));--hb-title-line-height: var(--hb-card-title-line-height, 1);transform:translateY(0);transition:transform var(--hb-card-motion-duration, .18s) ease,filter var(--hb-card-motion-duration, .18s) ease}.grid-product.hb-comic .grid-product__content{padding:0;height:100%}.grid-product.hb-comic .hb-comic-card *{box-sizing:border-box}.hb-comic__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;font-size:0;color:transparent;text-decoration:none}.hb-comic-card__panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--hb-panel-fill)}.hb-comic__top{z-index:1;clip-path:polygon(0 0,100% 0,100% var(--hb-card-panel-top-right),0 var(--hb-card-panel-top-left))}.hb-comic__bottom{z-index:2;text-align:center;clip-path:polygon(0 var(--hb-card-panel-bottom-left),100% var(--hb-card-panel-bottom-right),100% 100%,0 100%)}.hb-comic__window{position:absolute;left:var(--hb-image-inset);right:var(--hb-image-inset);top:var(--hb-image-inset);bottom:var(--hb-card-window-bottom-space);background:var(--hb-panel-fill);overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,0 98%)}.hb-comic__window image-element{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:var(--hb-current-image-size, 100%);height:var(--hb-current-image-size, 100%);margin:auto}.hb-comic-grid[data-aos],.hb-comic-grid.aos-init,.hb-comic-grid.aos-animate,.grid-product.hb-comic,.grid-product.hb-comic.aos-init,.grid-product.hb-comic.aos-animate,.grid-product.hb-comic[data-aos],.grid-product.hb-comic .grid-product__content,.grid-product.hb-comic .hb-comic-card,.grid-product.hb-comic .hb-comic-card__panel,.grid-product.hb-comic .hb-comic__window,.grid-product.hb-comic [data-aos],.hb-comic__window image-element{opacity:1!important;visibility:visible!important}.hb-comic-grid[data-aos],.grid-product.hb-comic[data-aos],.grid-product.hb-comic [data-aos],.hb-comic__window image-element{transform:none!important;transition:none!important}.grid-product.hb-comic .image-element,.grid-product.hb-comic .animate-me,.hb-comic__window image-element img,.hb-comic__window image-element picture,.hb-comic__window image-element svg{opacity:1!important;visibility:visible!important}.hb-comic__window img,.hb-comic__window svg,.hb-comic__window .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;object-fit:contain;object-position:center center;transform:scale(1);transform-origin:center center;transition:transform var(--hb-card-image-motion-duration, .22s) ease,filter var(--hb-card-image-motion-duration, .22s) ease}.hb-comic-card:hover .hb-comic__window img{transform:scale(var(--hb-card-image-hover-scale, 1.045));filter:contrast(var(--hb-card-image-hover-contrast, 1.04)) brightness(var(--hb-card-image-hover-brightness, 1.02))}.hb-comic__quick{position:absolute;z-index:6;left:var(--hb-image-inset);right:var(--hb-image-inset);bottom:calc(var(--hb-image-inset) + var(--hb-panel-gap));height:var(--hb-card-quick-height, 36px);display:grid;place-items:center;background:var(--hb-gold);color:var(--hb-on-accent);border:0;font:inherit;font-size:clamp(var(--hb-card-quick-font-min, 15px),var(--hb-card-quick-font-fluid, 6cqw),var(--hb-card-quick-font-max, 20px));line-height:1;text-transform:uppercase;letter-spacing:var(--hb-card-quick-letter-spacing, .02em);cursor:pointer;transform:translateY(0);transition:transform var(--hb-card-motion-duration, .18s) ease,box-shadow var(--hb-card-motion-duration, .18s) ease,background var(--hb-card-motion-duration, .18s) ease}.hb-comic-card:hover .hb-comic__quick{background:var(--hb-accent-hover);box-shadow:var(--hb-card-quick-shadow-offset, 4px) var(--hb-card-quick-shadow-offset, 4px) 0 var(--hb-ink);transform:translateY(var(--hb-card-quick-hover-lift-negative, -2px))}.hb-comic__copy{position:absolute;left:8%;right:8%;bottom:var(--hb-image-inset);top:var(--hb-card-copy-top, auto);margin:0 auto;display:flex;min-height:0;flex-direction:column;justify-content:center;overflow:hidden;text-decoration:none;color:inherit;z-index:3;pointer-events:none}.hb-comic__title{flex:0 0 auto;margin:0;font-family:var(--hb-card-title-font-family, var(--typeHeaderPrimary), var(--typeHeaderFallback));font-size:var(--hb-title-font-size);line-height:var(--hb-title-line-height);max-height:none;text-transform:uppercase;letter-spacing:var(--hb-card-title-letter-spacing, .01em);overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--hb-card-title-line-clamp, 3);color:var(--hb-text)}.hb-comic-card--has-desc{--hb-card-title-line-clamp: var(--hb-card-title-line-clamp-with-desc, 2);--hb-card-divider-base-y: 119;--hb-card-panel-top-left: 76.5%;--hb-card-panel-top-right: 77.5%;--hb-card-panel-bottom-left: 79%;--hb-card-panel-bottom-right: 80%;--hb-card-window-bottom-space: 28%}.hb-comic__desc{flex:0 0 auto;margin:var(--hb-card-desc-margin-top, 5px) 0 0;font-family:var(--hb-card-desc-font-family, var(--typeBasePrimary), var(--typeBaseFallback));font-size:clamp(var(--hb-card-desc-font-min, 11px),var(--hb-card-desc-font-fluid, 3.4cqw),var(--hb-card-desc-font-max, 13px));font-weight:400;line-height:var(--hb-card-desc-line-height, 1.15);letter-spacing:0;text-transform:none;overflow-wrap:break-word;color:var(--hb-card-desc-color, var(--hb-text));opacity:var(--hb-card-desc-opacity, .82);max-height:none;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--hb-card-desc-line-clamp, 2)}.hb-comic__price{position:absolute;right:var(--hb-image-inset);top:var(--hb-image-inset);z-index:8;display:flex;width:max-content;max-width:calc(100% - var(--hb-image-inset) - var(--hb-image-inset));align-items:center;justify-content:center;min-height:var(--hb-card-price-min-height, 26px);margin:0;padding:var(--hb-card-price-padding-y, 4px) var(--hb-card-price-padding-x, 10px);background:var(--hb-price-bg);border:0;font-family:var(--hb-card-price-font-family, var(--hb-card-title-font-family, var(--typeHeaderPrimary), var(--typeHeaderFallback)));font-size:clamp(var(--hb-card-price-font-min, 16px),var(--hb-card-price-font-fluid, 6cqw),var(--hb-card-price-font-max, 22px));font-weight:400;line-height:1;color:var(--hb-on-accent);pointer-events:none}.hb-comic__price .grid-product__price--original{text-decoration:line-through;opacity:var(--hb-card-compare-opacity, .6);margin-right:var(--hb-card-compare-gap, 6px)}.hb-comic__frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;width:100%;height:100%;overflow:visible;pointer-events:none}.hb-comic__frame polyline{fill:none;stroke:var(--hb-outline);stroke-width:var(--hb-line);vector-effect:non-scaling-stroke;stroke-linejoin:miter;stroke-linecap:square;shape-rendering:geometricPrecision}.hb-comic-card--css-geo{--hb-card-slant: 12px;--hb-card-slant-gap: var(--hb-panel-gap);display:flex;flex-direction:column}.hb-comic-card--css-geo .hb-comic-card__panel{position:relative;inset:auto;overflow:hidden}.hb-comic-card--css-geo .hb-comic__top{flex:1 1 auto;min-height:0;aspect-ratio:1 / 1;background:var(--hb-ink)}.hb-comic-card--css-geo .hb-comic__bottom{flex:0 0 auto;margin-top:calc(var(--hb-card-slant-gap) - var(--hb-card-slant));background:var(--hb-ink);text-align:center}.hb-comic-card--css-geo .hb-comic__window{position:absolute;inset:var(--hb-line);display:flex;align-items:center;justify-content:center;padding:var(--hb-image-inset);background:var(--hb-panel-fill);overflow:hidden}.hb-comic-card--css-geo .hb-comic__window image-element{position:relative;display:block;width:var(--hb-current-image-size, 100%);height:var(--hb-current-image-size, 100%)}.hb-comic-card--css-geo .hb-comic__window img,.hb-comic-card--css-geo .hb-comic__window svg,.hb-comic-card--css-geo .hb-comic__window .placeholder-svg{position:relative;inset:auto;display:block;width:100%!important;height:100%!important;object-fit:contain;object-position:center center}.hb-comic-card--css-geo .hb-comic__copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;z-index:auto;min-height:var(--hb-card-footer-min-height, 68px);margin:var(--hb-line);padding:calc(var(--hb-card-slant) + var(--hb-card-footer-padding-top, 8px)) var(--hb-card-footer-padding-x, 10px) var(--hb-card-footer-padding-bottom, 10px);background:var(--hb-panel-fill);justify-content:center}.hb-comic-card--css-geo[data-dir=r] .hb-comic__top,.hb-comic-card--css-geo[data-dir=r] .hb-comic__window{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--hb-card-slant)),0 100%)}.hb-comic-card--css-geo[data-dir=l] .hb-comic__top,.hb-comic-card--css-geo[data-dir=l] .hb-comic__window{clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - var(--hb-card-slant)))}.hb-comic-card--css-geo[data-dir=r] .hb-comic__bottom,.hb-comic-card--css-geo[data-dir=r] .hb-comic__copy{clip-path:polygon(0 var(--hb-card-slant),100% 0,100% 100%,0 100%)}.hb-comic-card--css-geo[data-dir=l] .hb-comic__bottom,.hb-comic-card--css-geo[data-dir=l] .hb-comic__copy{clip-path:polygon(0 0,100% var(--hb-card-slant),100% 100%,0 100%)}.hb-comic-card--css-geo .hb-comic__frame{display:none}.hb-comic-card:hover{transform:translateY(var(--hb-card-hover-lift-negative, -4px))}.hb-comic-grid{display:grid!important;grid-template-columns:repeat(var(--hb-per-row, 4),minmax(0,1fr));grid-auto-flow:row dense;gap:var(--hb-comic-gap-row, var(--hb-card-grid-gap-y, 8px)) var(--hb-comic-gap-col, var(--hb-card-grid-gap-x, 8px))!important;margin:0!important}.hb-comic-grid>.grid-product.hb-comic{width:auto!important;max-width:none!important;float:none!important;padding:0!important;margin:0!important}.grid-product.hb-comic--wide{grid-column:span 2}.hb-comic-card--wide{aspect-ratio:var(--hb-card-wide-aspect-ratio, 200 / 150);--hb-card-divider-base-y: 75;--hb-title-font-size: clamp(var(--hb-card-wide-title-font-min, 16px), var(--hb-card-wide-title-font-fluid, 3.2cqw), var(--hb-card-wide-title-font-max, var(--hb-card-title-font-max, 24px)));--hb-card-desc-font-fluid: 1.8cqw;--hb-card-desc-font-max: var(--hb-card-wide-desc-font-max, 14px)}.hb-comic-card--wide .hb-comic__top{clip-path:polygon(0 0,46% 0,47% 100%,0 100%)}.hb-comic-card--wide .hb-comic__bottom{clip-path:polygon(50% 0,100% 0,100% 100%,51% 100%)}.hb-comic-card--wide .hb-comic__window{left:var(--hb-image-inset);right:auto;top:var(--hb-image-inset);bottom:var(--hb-image-inset);width:calc(44% - var(--hb-image-inset));clip-path:polygon(0 0,100% 2%,100% 98%,0 100%)}.hb-comic-card--wide .hb-comic__copy{left:var(--hb-card-wide-copy-left, 52%);right:var(--hb-card-wide-copy-right, 6.5%);top:var(--hb-card-wide-copy-top, 50%);bottom:auto;transform:translateY(-50%);text-align:center}.hb-comic-card--wide .hb-comic__price{top:auto;bottom:var(--hb-image-inset);font-size:clamp(var(--hb-card-wide-price-font-min, 18px),var(--hb-card-wide-price-font-fluid, 3cqw),var(--hb-card-wide-price-font-max, var(--hb-card-price-font-max, 26px)))}.grid-product.hb-comic--feature .hb-comic-card{aspect-ratio:auto;height:100%}.hb-section-spacing{margin-top:var(--hb-section-margin-top, 0);margin-bottom:var(--hb-section-margin-bottom, 0);padding-top:var(--hb-section-padding-y, 0);padding-bottom:var(--hb-section-padding-y, 0)}.hb-block-spacing{margin-top:var(--hb-block-margin-top, 0);margin-bottom:var(--hb-block-margin-bottom, 0)}.hb-stack{display:grid;gap:var(--hb-stack-gap, 16px)}@media screen and (max-width:768px){.hb-comic-card{--hb-image-inset: var(--hb-card-mobile-image-inset, var(--hb-card-image-inset, 12px));--hb-current-image-size: var(--hb-card-mobile-image-size, var(--hb-card-image-size, 100%))}.hb-comic-grid{grid-template-columns:repeat(var(--hb-card-mobile-columns, 2),minmax(0,1fr))}.grid-product.hb-comic--wide{grid-column:span 2}.grid-product.hb-comic--feature{grid-row:auto!important}.grid-product.hb-comic[style*="grid-column: span 3"]{grid-column:span 2!important}product-recommendations[data-intent=related] .grid-overflow-wrapper{margin-top:var(--hb-card-hover-lift-negative, -4px);padding-top:var(--hb-card-hover-lift, 4px)}product-recommendations[data-intent=related] .hb-comic-grid>.grid-product.hb-comic:nth-child(n+5){display:none!important}.grid-overflow-wrapper .hb-comic-grid>.grid-product.hb-comic:first-child{margin-inline-start:0!important}.grid-overflow-wrapper .hb-comic-grid>.grid-product.hb-comic:last-child:after{content:none!important;display:none!important;margin-inline-end:0!important;width:0!important}.hb-recently-grid.hb-comic-grid{margin-top:var(--hb-card-hover-lift-negative, -4px)!important;padding-top:var(--hb-card-hover-lift, 4px)!important}.hb-recently-grid.hb-comic-grid>.grid-product.hb-comic:nth-child(n+5){display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/hb-comic-card.css.map */