.grafikr-product__upsell-card{display:block;padding-left:16px;padding-right:16px}@media screen and (min-width:1024px){.grafikr-product__upsell-card{padding-left:0;padding-right:0}}.grafikr-product__upsell-card__inner{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;display:grid;grid-template-columns:94px minmax(0,1fr) auto auto;gap:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.grafikr-product__upsell-card__inner--selected{border-color:var(--grafikr-blue-700);box-shadow:0 0 0 1px var(--grafikr-blue-700)}.grafikr-product__upsell-card__inner--disabled{opacity:.6}.grafikr-product__upsell-card__media{align-self:stretch;aspect-ratio:1 / 1;overflow:hidden;width:100%}.grafikr-product__upsell-card__media img{display:block;height:100%;object-fit:cover;width:100%}.grafikr-product__upsell-card__content{display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:0;overflow:visible;padding:16px 0}.grafikr-product__upsell-card__heading-row{display:flex;flex-direction:column;overflow:visible}.grafikr-product__upsell-card__title{color:var(--grafikr-color-primary);font-size:14px;font-weight:500;line-height:1.25;margin:0;max-width:none;overflow:visible;position:relative;white-space:nowrap;width:max-content;z-index:2}.grafikr-product__upsell-card__description{color:#6f7079;font-size:12px;line-height:1.25;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}.grafikr-product__upsell-card__learn-more{align-self:flex-start;background:transparent;border:0;color:#2684ff;cursor:pointer;font-size:14px;height:auto;line-height:1.25;margin:0;min-height:0;padding:0;text-align:left;text-decoration:none}.grafikr-product__upsell-card__learn-more:focus-visible{outline:2px solid var(--grafikr-blue-700);outline-offset:3px}.grafikr-product__upsell-card__aside{display:flex;gap:12px}.grafikr-product__upsell-card__price{align-self:center;color:var(--grafikr-color-primary);font-size:16px;font-weight:500;line-height:1.25;margin:0;justify-self:end;white-space:nowrap}.grafikr-product__upsell-card__checkbox{align-items:center;display:flex;justify-content:center;justify-self:end}input.grafikr-product__upsell-card__checkbox-input[type=checkbox]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.grafikr-product__upsell-card__checkbox-label{cursor:pointer;display:inline-flex;line-height:0;outline:none}.grafikr-product__upsell-card__checkbox-indicator{background-color:#fff;border:1px solid #8997a4;border-radius:4px;display:inline-flex;height:24px;position:relative;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:24px}.grafikr-product__upsell-card__checkbox-label:focus-visible .grafikr-product__upsell-card__checkbox-indicator,.grafikr-product__upsell-card__checkbox-input:focus-visible+.grafikr-product__upsell-card__checkbox-label .grafikr-product__upsell-card__checkbox-indicator{box-shadow:0 0 0 2px var(--grafikr-blue-700)}.grafikr-product__upsell-card__checkbox-input:checked+.grafikr-product__upsell-card__checkbox-label .grafikr-product__upsell-card__checkbox-indicator{background-color:var(--grafikr-blue-700);border-color:var(--grafikr-blue-700)}.grafikr-product__upsell-card__checkbox-input:checked+.grafikr-product__upsell-card__checkbox-label .grafikr-product__upsell-card__checkbox-indicator:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.3346 4L6.0013 11.3333L2.66797 8' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:16px 16px;content:"";top:0;right:0;bottom:0;left:0;position:absolute}.grafikr-product__upsell-card__checkbox-input:disabled+.grafikr-product__upsell-card__checkbox-label{cursor:not-allowed}.grafikr-product__upsell-card__drawer .drawer__inner{display:flex;flex-direction:column;width:min(100%,640px)}.grafikr-product__upsell-card__drawer-header{align-items:center;border-bottom:1px solid #dfe3e8;display:flex;flex:0 0 auto;justify-content:space-between;padding:20px 32px}.grafikr-product__upsell-card__drawer-header .drawer__close-btn{flex:0 0 auto;height:24px;inset-inline:auto;position:relative;top:auto;width:24px}.grafikr-product__upsell-card__drawer-content{display:flex;flex-direction:column;gap:16px;padding:24px 12px}.grafikr-product__upsell-card__drawer-media{display:flex;flex-direction:column;gap:16px}.grafikr-product__upsell-card__drawer-image,.grafikr-product__upsell-card__drawer-video{border-radius:8px;overflow:hidden}.grafikr-product__upsell-card__drawer-image img,.grafikr-product__upsell-card__drawer-video .media-wrapper,.grafikr-product__upsell-card__drawer-video video,.grafikr-product__upsell-card__drawer-video iframe{aspect-ratio:1 / 1;display:block;height:auto;object-fit:cover;width:100%}.grafikr-product__upsell-card__drawer-copy{display:flex;flex-direction:column;gap:12px}.grafikr-product__upsell-card__drawer-title{color:var(--grafikr-color-primary);font-size:20px;font-weight:600;line-height:1.25;margin:0;text-transform:uppercase}.grafikr-product__upsell-card__drawer-description{color:var(--grafikr-color-primary);font-size:18px;line-height:1.28}.grafikr-product__upsell-card__drawer-description>:first-child{margin-top:0}.grafikr-product__upsell-card__drawer-description>:last-child{margin-bottom:0}@media screen and (max-width:639px){.grafikr-product__upsell-card__drawer-header{min-height:80px;padding:20px}.grafikr-product__upsell-card__drawer-content{padding:24px 0 40px}.grafikr-product__upsell-card__drawer-title{font-size:24px}.grafikr-product__upsell-card__drawer-description{font-size:16px}.grafikr-product__upsell-card__inner{gap:10px;grid-template-columns:80px minmax(0,1fr) auto auto;padding-right:10px}.grafikr-product__upsell-card__content{gap:5px;padding-block:10px}.grafikr-product__upsell-card__description{-webkit-line-clamp:2;line-clamp:2}.grafikr-product__upsell-card__price{font-size:15px}.grafikr-product__upsell-card__checkbox-indicator{border-radius:5px;height:26px;width:26px}}
/*# sourceMappingURL=/cdn/shop/t/93/assets/grafikr-upsell-card.css.map */