.nfc-customizer{--nfc-border: rgb(var(--text-color, var(--text-primary)) / .14);--nfc-border-strong: rgb(var(--text-color, var(--text-primary)) / .28);--nfc-muted: rgb(var(--text-color, var(--text-primary)) / .62);--nfc-surface: rgb(var(--text-color, var(--text-primary)) / .03);--nfc-accent: rgb(var(--accent));--nfc-error: rgb(var(--error-text, 248 58 58));display:block}.nfc-customizer__steps{display:flex;flex-direction:column;gap:var(--spacing-5);margin:0;padding:0;list-style:none}.nfc-customizer__step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--spacing-3-5);position:relative}.nfc-customizer__step:not(:last-child):before{content:"";position:absolute;inset-block:calc(var(--spacing-8) + var(--spacing-1)) calc(var(--spacing-5) * -1);inset-inline-start:calc(var(--spacing-4) - 1px);width:2px;background:var(--nfc-border)}.nfc-customizer__marker{display:grid;place-items:center;width:var(--spacing-8);height:var(--spacing-8);border:1px solid var(--nfc-border-strong);border-radius:var(--rounded-full);background:rgb(var(--background-primary));font-size:var(--text-sm);font-weight:700;line-height:1;position:relative;z-index:1}.nfc-customizer__step[data-state=done] .nfc-customizer__marker{border-color:transparent;background:var(--nfc-accent);color:rgb(var(--button-text-primary, 255 255 255));font-size:0}.nfc-customizer__step[data-state=done] .nfc-customizer__marker:after{content:"";width:.375rem;height:.6875rem;border:solid currentColor;border-width:0 2px 2px 0;rotate:45deg;translate:0 -1px}.nfc-customizer__content{display:flex;flex-direction:column;gap:var(--spacing-3);min-width:0;padding-block-start:var(--spacing-1)}.nfc-customizer__title{font-weight:700;line-height:1.3}.nfc-customizer__subtitle{color:var(--nfc-muted);font-size:var(--text-sm);line-height:1.5}.nfc-customizer__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3)}.nfc-tile{display:flex;flex-direction:column;gap:var(--spacing-2-5);position:relative;padding:var(--spacing-3);border:1px solid var(--nfc-border);border-radius:var(--rounded-sm);background:rgb(var(--background-primary));cursor:pointer}@media(prefers-reduced-motion:no-preference){.nfc-tile{transition:border-color .15s ease,box-shadow .15s ease}}.nfc-tile:hover{border-color:var(--nfc-border-strong)}.nfc-tile__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.nfc-tile:has(.nfc-tile__input:checked){border-color:var(--nfc-accent);box-shadow:0 0 0 1px var(--nfc-accent)}.nfc-tile:has(.nfc-tile__input:focus-visible){outline:2px solid var(--nfc-accent);outline-offset:2px}.nfc-tile__visual{display:block;border-radius:var(--rounded-xs);overflow:hidden;background:var(--nfc-surface)}.nfc-tile__image{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.nfc-tile__mockup{display:block;aspect-ratio:4 / 3;background:linear-gradient(160deg,transparent 57.6%,rgb(255 255 255 / .25) 57.9%,rgb(0 0 0 / .22) 58.3%,rgb(0 0 0 / .07) 58.8%,rgb(0 0 0 / .07) 100%),linear-gradient(160deg,transparent 58%,rgb(var(--tile-stand)) 58.5%),linear-gradient(to bottom,rgb(var(--tile-base)),rgb(var(--tile-base)));box-shadow:inset 0 0 0 1px var(--nfc-border)}.nfc-tile__label{display:flex;flex-direction:column;gap:var(--spacing-0-5);min-width:0}.nfc-tile__name{font-weight:700;font-size:var(--text-sm)}.nfc-tile__text{color:var(--nfc-muted);font-size:var(--text-xs);line-height:1.4}.nfc-tile__check{position:absolute;inset-block-start:var(--spacing-3);inset-inline-end:var(--spacing-3);width:1.125rem;height:1.125rem;border:1px solid var(--nfc-border-strong);border-radius:var(--rounded-full);background:rgb(var(--background-primary))}.nfc-tile:has(.nfc-tile__input:checked) .nfc-tile__check{border-color:transparent;background:var(--nfc-accent)}.nfc-tile:has(.nfc-tile__input:checked) .nfc-tile__check:after{content:"";position:absolute;inset-block-start:.1875rem;inset-inline-start:.375rem;width:.25rem;height:.5rem;border:solid rgb(var(--button-text-primary, 255 255 255));border-width:0 2px 2px 0;rotate:45deg}.nfc-notice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--spacing-2-5);padding:var(--spacing-3-5);border:1px solid rgb(var(--warning-text) / .35);border-radius:var(--rounded-sm);background:rgb(var(--warning-text) / .08);font-size:var(--text-sm)}.nfc-notice__icon{display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:var(--rounded-full);background:rgb(var(--warning-text));color:rgb(var(--background-primary));font-size:var(--text-xs);font-weight:700;line-height:1}.nfc-notice__content>:is(p,ul,ol){margin:0}.nfc-notice__content>*+*{margin-top:var(--spacing-2)}.nfc-notice__content ul{padding-inline-start:var(--spacing-4)}.nfc-upload{position:relative}.nfc-upload__dropzone[hidden],.nfc-upload__file[hidden],.nfc-customizer__error[hidden]{display:none}.nfc-upload__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.nfc-upload__dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-6) var(--spacing-4);border:1px dashed var(--nfc-border-strong);border-radius:var(--rounded-sm);background:var(--nfc-surface);text-align:center;cursor:pointer}@media(prefers-reduced-motion:no-preference){.nfc-upload__dropzone{transition:border-color .15s ease,background .15s ease}}.nfc-upload__dropzone:hover,.nfc-upload[data-dragging] .nfc-upload__dropzone{border-color:var(--nfc-accent);background:rgb(var(--accent) / .06)}.nfc-upload__input:focus-visible+.nfc-upload__dropzone{outline:2px solid var(--nfc-accent);outline-offset:2px}.nfc-upload__icon{color:var(--nfc-muted)}.nfc-upload__label{font-weight:700;font-size:var(--text-sm)}.nfc-upload__hint{color:var(--nfc-muted);font-size:var(--text-xs)}.nfc-upload__file{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--nfc-border);border-radius:var(--rounded-sm);background:rgb(var(--background-primary))}.nfc-upload__preview{display:grid;place-items:center;width:var(--spacing-12);height:var(--spacing-12);border-radius:var(--rounded-xs);background:var(--nfc-surface);overflow:hidden}.nfc-upload__preview img{width:100%;height:100%;object-fit:contain}.nfc-upload__preview span{font-size:var(--text-xs);font-weight:700;color:var(--nfc-muted);text-transform:uppercase}.nfc-upload__meta{display:flex;flex-direction:column;gap:var(--spacing-0-5);min-width:0}.nfc-upload__name{font-size:var(--text-sm);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nfc-upload__size{color:var(--nfc-muted);font-size:var(--text-xs)}.nfc-upload__remove{display:grid;place-items:center;width:var(--spacing-8);height:var(--spacing-8);border:1px solid var(--nfc-border);border-radius:var(--rounded-full);background:none;color:inherit;cursor:pointer}.nfc-upload__remove:hover{border-color:var(--nfc-border-strong)}.nfc-customizer__input{width:100%;height:var(--input-height);padding-inline:var(--input-padding-inline);border:1px solid var(--nfc-border-strong);border-radius:var(--rounded-input);background:rgb(var(--background-primary));color:inherit;font:inherit;font-size:var(--text-sm)}.nfc-customizer__input:focus-visible{outline:2px solid var(--nfc-accent);outline-offset:1px}.nfc-customizer__step[data-invalid] .nfc-customizer__input{border-color:var(--nfc-error)}.nfc-customizer__error{margin:0;color:var(--nfc-error);font-size:var(--text-xs)}.nfc-summary{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3-5);border:1px solid var(--nfc-border);border-radius:var(--rounded-sm);background:var(--nfc-surface);font-size:var(--text-sm)}.nfc-summary__row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--spacing-3);align-items:baseline}.nfc-summary__label{color:var(--nfc-muted)}.nfc-summary__value{font-weight:700;text-align:end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nfc-summary__value[data-empty]{font-weight:400;color:var(--nfc-muted)}.nfc-consent{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--spacing-3);align-items:start;cursor:pointer}.nfc-consent__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.nfc-consent__box{position:relative;width:1.25rem;height:1.25rem;margin-block-start:.125rem;border:1px solid var(--nfc-border-strong);border-radius:var(--rounded-xs);background:rgb(var(--background-primary))}.nfc-consent__input:checked+.nfc-consent__box{border-color:transparent;background:var(--nfc-accent)}.nfc-consent__input:checked+.nfc-consent__box:after{content:"";position:absolute;inset-block-start:.1875rem;inset-inline-start:.4375rem;width:.3125rem;height:.5625rem;border:solid rgb(var(--button-text-primary, 255 255 255));border-width:0 2px 2px 0;rotate:45deg}.nfc-consent__input:focus-visible+.nfc-consent__box{outline:2px solid var(--nfc-accent);outline-offset:2px}.nfc-consent__label{font-size:var(--text-sm);line-height:1.5}.nfc-customizer__status{margin:var(--spacing-3) 0 0;color:var(--nfc-error);font-size:var(--text-sm)}.nfc-customizer__status:empty{display:none}.nfc-customizer-note{margin:var(--spacing-3) 0 0;color:var(--nfc-muted);font-size:var(--text-sm);line-height:1.5;text-align:center}.nfc-customizer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.nfc-customizer__header[disabled]{cursor:default;opacity:.5}.nfc-customizer__header:focus-visible{outline:2px solid var(--nfc-accent);outline-offset:3px;border-radius:var(--rounded-xs)}.nfc-customizer__chevron{flex:none;width:.5rem;height:.5rem;margin-inline-end:var(--spacing-1);border:solid currentColor;border-width:0 1.5px 1.5px 0;rotate:45deg;translate:0 -2px;opacity:.5}@media(prefers-reduced-motion:no-preference){.nfc-customizer__chevron{transition:rotate .2s ease,translate .2s ease}}.nfc-customizer__header[aria-expanded=true] .nfc-customizer__chevron{rotate:-135deg;translate:0 2px}.nfc-customizer__header[disabled] .nfc-customizer__chevron{opacity:.25}.nfc-customizer__panel{display:flex;flex-direction:column;gap:var(--spacing-3)}.nfc-customizer__panel[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.nfc-customizer__panel{animation:nfc-customizer-reveal .2s ease}@keyframes nfc-customizer-reveal{0%{opacity:0;translate:0 -.25rem}to{opacity:1;translate:0 0}}}.nfc-customizer__step[data-locked] .nfc-customizer__marker{opacity:.45}.nfc-customizer-note:empty{display:none}.nfc-customizer-blocked .shopify-payment-button{opacity:.4;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/11/assets/nfc-customizer.css.map */