.frame-upsell{--fu-border: rgba(0, 0, 0, .12);--fu-border-selected: #1a1a1a;--fu-radius: 12px;--fu-gap: 10px;margin:1.25rem 0}.frame-upsell__head{margin-bottom:.75rem}.frame-upsell__title{margin:0;font-size:1rem;font-weight:600;letter-spacing:-.01em}.frame-upsell__subtitle{margin:.15rem 0 0;font-size:.8125rem;line-height:1.4;opacity:.65}.frame-upsell__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--fu-gap)}@media(max-width:540px){.frame-upsell__grid{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-left:2px;padding:2px 2px 8px;margin:-2px -2px 0;scrollbar-width:none}.frame-upsell__grid::-webkit-scrollbar{display:none}.frame-upsell__grid .frame-upsell__card{flex:0 0 auto;width:calc((100% - 3 * var(--fu-gap)) / 3.5);scroll-snap-align:start}}.frame-upsell__card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 8px 12px;border:1px solid var(--fu-border);border-radius:var(--fu-radius);background:#fff;box-sizing:border-box;cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease;-webkit-appearance:none;appearance:none;font:inherit;color:inherit}.frame-upsell__card:hover{border-color:#00000059}.frame-upsell__card:active{transform:scale(.98)}.frame-upsell__card:focus-visible{outline:2px solid var(--fu-border-selected);outline-offset:2px}.frame-upsell__card.is-selected{border-color:var(--fu-border-selected);box-shadow:inset 0 0 0 1px var(--fu-border-selected)}.frame-upsell__card.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.frame-upsell__thumb{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f4f4f4}.frame-upsell__thumb img{width:100%;height:100%;object-fit:cover;display:block}.frame-upsell__poster{width:62%;height:76%;background:linear-gradient(135deg,#fbfbfb,#ededed);box-shadow:0 1px 3px #0000001f}.frame-upsell__thumb--black{background:#1c1c1c}.frame-upsell__thumb--white{background:#fff;box-shadow:inset 0 0 0 1px #0000001f}.frame-upsell__thumb--wood{background:linear-gradient(135deg,#c79a62,#9c6b35)}.frame-upsell__thumb--none{background:#f4f4f4}.frame-upsell__thumb--none .frame-upsell__poster{width:78%;height:88%;border:1px dashed rgba(0,0,0,.25);background:#fff;box-shadow:none}.frame-upsell__thumb--image{background:#f4f4f4}.frame-upsell__thumb--image .frame-upsell__poster{display:none}.frame-upsell__tick{position:absolute;top:5px;right:5px;width:18px;height:18px;border-radius:50%;background:var(--fu-border-selected);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity .12s ease,transform .12s ease}.frame-upsell__card.is-selected .frame-upsell__tick{opacity:1;transform:scale(1)}.frame-upsell__label{font-size:.8125rem;font-weight:700;line-height:1.2}.frame-upsell__price{font-size:.75rem;line-height:1;opacity:.6}.frame-upsell__card.is-selected .frame-upsell__price{opacity:.85}
/*# sourceMappingURL=/cdn/shop/t/4/assets/frame-upsell.css.map */