.frame-guide{background:var(--fg-bg, #1a1a1a);padding:64px 20px;overflow:hidden}.frame-guide__inner{max-width:760px;margin:0 auto;text-align:center}.frame-guide__heading{color:var(--fg-heading, #fff);font-size:32px;font-weight:700;margin:0 0 48px}.frame-guide__display{display:flex;justify-content:center;margin-bottom:40px}.frame-guide__photo-wrap{position:relative;display:inline-block;padding:0 56px 48px 0;max-width:100%}.frame-guide__photo{display:block;width:340px;max-width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:4px}.frame-guide__photo--placeholder{width:340px;max-width:100%;aspect-ratio:1 / 1;background:var(--fg-card-bg, #262626);display:flex;align-items:center;justify-content:center}.frame-guide__placeholder-svg{width:100%;height:100%;opacity:.4}.frame-guide__resize-icon{position:absolute;top:24px;left:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--fg-accent, #ff8c42);background:#00000059;border-radius:6px}.frame-guide__resize-icon svg{width:18px;height:18px}.frame-guide__size-label{position:absolute;top:24px;right:24px;color:var(--fg-label, #fff);font-weight:700;font-size:18px;background:#00000059;padding:4px 12px;border-radius:20px;white-space:nowrap}.frame-guide__dim--height{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;gap:8px}.frame-guide__dim--height .frame-guide__dim-line{width:1px;height:calc(100% - 60px);background:var(--fg-accent, #ff8c42);flex-shrink:0}.frame-guide__dim--height .frame-guide__dim-text{color:var(--fg-label, #fff);font-size:12px;font-weight:600;line-height:1.35;text-align:left;white-space:nowrap}.frame-guide__dim--width{position:absolute;bottom:0;left:0;width:calc(100% - 56px);display:flex;flex-direction:column;align-items:center;gap:6px}.frame-guide__dim--width .frame-guide__dim-line{width:100%;height:1px;background:var(--fg-accent, #ff8c42)}.frame-guide__dim--width .frame-guide__dim-text{color:var(--fg-label, #fff);font-size:12px;font-weight:600;line-height:1.35;text-align:center;white-space:nowrap}.frame-guide__note{color:var(--fg-text, #ccc);font-size:16px;line-height:1.7;margin:0 0 56px}.frame-guide__note p{margin:0 0 8px}.frame-guide__color-heading{color:var(--fg-heading, #fff);font-size:20px;font-weight:700;margin:0 0 24px}.frame-guide__colors{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.frame-guide__color-card{width:220px;max-width:100%}.frame-guide__color-photo-wrap{border-radius:10px;overflow:hidden;background:var(--fg-card-bg, #262626)}.frame-guide__color-photo{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.frame-guide__color-info{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.frame-guide__color-swatch{width:14px;height:14px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.25)}.frame-guide__color-name{color:var(--fg-text, #ccc);font-size:15px;font-weight:600}@media(max-width:480px){.frame-guide__photo-wrap{padding:0 40px 38px 0}.frame-guide__photo,.frame-guide__photo--placeholder{width:240px}.frame-guide__dim--height{gap:6px}.frame-guide__dim--height .frame-guide__dim-text,.frame-guide__dim--width .frame-guide__dim-text{font-size:10.5px}.frame-guide__dim--width{width:calc(100% - 40px);gap:4px}.frame-guide__size-label{font-size:14px;padding:3px 10px}.frame-guide__color-card{width:45%}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-frame-size-guide.css.map */