.photo-flag{--photo-lime:#a6d90d;--photo-ink:#181c18;--photo-line:#737d6e;padding:clamp(36px,4vw,64px) 4.5% 40px;background:#383838;color:#fff;font-family:Inter,Arial,sans-serif}.photo-flag *{box-sizing:border-box}.photo-flag [hidden]{display:none!important}.photo-flag h1,.photo-flag h2,.photo-flag p{margin:0}.photo-flag button,.photo-flag input,.photo-flag select{font:inherit}.photo-flag button,.photo-flag a{cursor:pointer}.photo-flag a{color:inherit}.photo-flag :is(button,input,select,a,summary):focus-visible{outline:3px solid var(--photo-lime);outline-offset:4px}.photo-flag button:disabled{cursor:not-allowed;opacity:.45}.photo-flag__heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.photo-flag__kicker{color:#d1e6ae;font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:10px!important}.photo-flag h1{font-size:clamp(2.2rem,4vw,4rem);font-weight:800;letter-spacing:-.05em;line-height:1.05}.photo-flag__heading p:last-child{color:#dfe5d8;margin-top:12px;line-height:1.5}.photo-flag__heading>a{font-size:13px;line-height:1.6;max-width:280px;text-underline-offset:4px}.photo-flag__workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:32px;align-items:start}.photo-flag__preview{position:sticky;top:94px;min-width:0}.photo-flag__preview-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#222722;border:1px solid #69755d}.photo-flag__preview-bar>span{font-size:11px;font-weight:800;letter-spacing:.06em}.photo-flag__preview-bar>div{display:flex;gap:6px}.photo-flag button:not(.photo-flag__submit){background:transparent;color:inherit;border:1px solid #88917f;min-height:44px;padding:9px 13px;font-size:13px;font-weight:700}.photo-flag button[aria-pressed=true]{border-color:var(--photo-lime);box-shadow:inset 0 -3px var(--photo-lime)}.photo-flag__stage{background:#eef0e9;padding:24px 12px;min-height:180px;display:grid;place-items:center}.photo-flag canvas{display:block;max-width:100%;height:auto}.photo-flag__stage canvas{width:100%;touch-action:none;cursor:grab}.photo-flag__stage canvas:active{cursor:grabbing}.photo-flag__preview-help{padding:14px 20px;background:#222722;font-size:12px;color:#d6dfce;line-height:1.6}.photo-flag__thumbnails{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.photo-flag__thumbnails button{min-width:0;padding:10px!important}.photo-flag__thumbnails canvas{width:100%;background:#eef0e9}.photo-flag__thumbnails span{display:block;margin-top:8px}.photo-flag__detail{font-size:12px;color:#dde6d3;line-height:1.65;padding:18px 0}.photo-flag__detail[data-soft=true]{color:#ffe2a3}.photo-flag__proof-note{border-top:1px solid #6f7a65;padding:22px 0;font-size:13px;line-height:1.7}.photo-flag__proof-note p{margin-top:8px;color:#d4ddcc}.photo-flag__form{min-width:0;padding:24px;background:#242924;border:1px solid #69755d}.photo-flag__form fieldset{margin:0;padding:0;border:0;min-width:0}.photo-flag__label{display:grid;gap:9px;margin-bottom:22px;font-size:13px;font-weight:750}.photo-flag__label select,.photo-flag__label input{width:100%;min-height:46px;background:#171c17;color:#fff;border:1px solid #929a8a;padding:10px 12px;font-size:16px}.photo-flag__upload{border:1px dashed #b3bdab;padding:18px;margin-bottom:20px}.photo-flag__upload label{display:grid;gap:8px}.photo-flag__upload label span{font-size:10px;letter-spacing:.12em;color:#c3df98;font-weight:800}.photo-flag__upload label strong{font-size:18px;line-height:1.3}.photo-flag__upload input{display:block;width:100%;font-size:12px;margin-top:15px;min-height:34px;color:#e8eede}.photo-flag__upload p{margin-top:10px;font-size:12px;line-height:1.6;color:#d4ddcc;overflow-wrap:anywhere}.photo-flag__upload button{margin-top:12px}.photo-flag__small{font-size:12px;color:#cbd5c3;line-height:1.6;margin-bottom:20px!important}.photo-flag__position{border-block:1px solid #626e57;padding:22px 0;margin:22px 0}.photo-flag__control-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.photo-flag h2{font-size:20px;line-height:1.2;letter-spacing:-.025em}.photo-flag__control-heading button{font-size:11px!important;padding:7px 9px!important}.photo-flag__fit{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.photo-flag__range{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:16px;font-size:13px;font-weight:650}.photo-flag__range input{grid-column:1/-1;width:100%;height:32px;accent-color:var(--photo-lime);margin:0}.photo-flag__range output{color:#d1e8ad;font-variant-numeric:tabular-nums}.photo-flag__adjust{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}.photo-flag__adjust label{display:flex;align-items:center;gap:10px;font-size:12px}.photo-flag__adjust input{width:44px;height:44px;padding:3px;background:transparent;border:1px solid #9ca793}.photo-flag__save-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.photo-flag__save-row--secondary button,.photo-flag__save-row--secondary label{font-size:12px!important;min-height:44px;display:grid;place-items:center;text-align:center;border:0!important;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.photo-flag__save-row--secondary label:focus-within{outline:3px solid var(--photo-lime)}.photo-flag__check{display:flex;align-items:flex-start;gap:12px;margin-top:19px;font-size:12px;line-height:1.65}.photo-flag__check input{width:19px;height:19px;flex:0 0 19px;accent-color:var(--photo-lime)}.photo-flag__price{display:grid;gap:6px;margin:26px 0 20px}.photo-flag__price span{font-size:30px;font-weight:800}.photo-flag__price small{font-size:11px;color:#d9e3ce}.photo-flag__submit{width:100%;min-height:58px;background:var(--photo-lime);color:#151b11;border:0;padding:16px;font-size:15px;font-weight:850}.photo-flag__status{font-size:12px;line-height:1.6;margin-top:12px!important;overflow-wrap:anywhere}.photo-flag__status[data-error=true]{color:#ffd5b7}.photo-flag__footer{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:35px;border-top:1px solid #747e6c;padding-top:22px;font-size:13px;line-height:1.7}.photo-flag__footer a{min-height:44px;display:flex;align-items:center}.photo-flag__model-panel{border-top:1px solid #6f7a65;padding:18px 0}.photo-flag__model-panel summary{font-size:13px;line-height:1.6;min-height:44px;cursor:pointer}.photo-flag__model-panel model-viewer{width:100%;height:400px;background:#e9ece4}.photo-flag__model-panel p{font-size:12px;line-height:1.6;padding-top:12px}.photo-flag__dialog{width:min(540px,calc(100vw - 32px));max-height:85vh;overflow:auto;background:#242924;color:#fff;border:1px solid #9ba88a;padding:28px}.photo-flag__dialog::backdrop{background:#000a}.photo-flag__dialog p{margin:18px 0;line-height:1.7}.photo-flag__dialog button{display:block;margin-top:12px}.photo-flag__dialog [data-photo-project-list]>div{border-top:1px solid #7e8b6e;padding:16px 0}.photo-flag__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1650px){.photo-flag{padding-inline:max(4.5%,calc((100vw - 1600px)/2))}}@media(max-width:980px){.photo-flag__workspace{grid-template-columns:minmax(0,1.15fr) minmax(310px,1fr);gap:22px}.photo-flag__heading{align-items:start}.photo-flag__preview-bar{flex-direction:column;align-items:flex-start}.photo-flag__form{padding:20px}}@media(max-width:740px){.photo-flag{padding:36px 5% 28px}.photo-flag__heading{flex-direction:column;gap:18px}.photo-flag__heading>a{max-width:none}.photo-flag__workspace{grid-template-columns:1fr;gap:22px}.photo-flag__preview{position:static}.photo-flag__preview-bar{flex-direction:row;align-items:center;padding:12px}.photo-flag__preview-bar>span{font-size:9px}.photo-flag__stage{padding:14px 4px}.photo-flag__thumbnails{gap:10px}.photo-flag__form{padding:20px 16px}.photo-flag__proof-note{padding:16px 0}.photo-flag__model-panel model-viewer{height:300px}}.photo-flag__mobile-preview{display:none}@media(max-width:740px){.photo-flag__mobile-preview{display:block;margin:0 0 16px}.photo-flag__mobile-preview>div{display:flex;gap:8px;margin-bottom:8px}.photo-flag__mobile-preview canvas{width:100%;touch-action:none;cursor:grab}.photo-flag__proof-note{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/gameday-photo-flag.css.map */
