.step-variant-picker{margin:2rem 0}.step-variant-section{margin-bottom:3rem}.step-variant-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:rgb(var(--color-foreground));display:flex;align-items:center;gap:.75rem}.step-number{display:inline;font-size:inherit;font-weight:inherit;color:inherit}.step-variant-options{display:grid;gap:1rem}.step-variant-pages{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-width:600px}.step-variant-pdf,.step-variant-originals{grid-template-columns:repeat(2,1fr);max-width:600px}.step-variant-picker[data-originals-disabled=true] [data-step="3"]{display:none}.step-variant-option{position:relative;padding:1rem 1.25rem;background-color:rgb(var(--color-background));border:2px solid rgba(var(--color-foreground),.2);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;display:flex;flex-direction:row;align-items:center;gap:1rem}.step-variant-option:hover{border-color:rgba(var(--color-foreground),.4);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.step-variant-option.selected{border-color:#f5d64a;background-color:#fffbeb;border-width:3px}.step-variant-option.selected:after{content:none}.option-icon{width:36px;height:36px;color:rgb(var(--color-foreground));flex-shrink:0}.option-icon svg{width:100%;height:100%}.step-variant-option.selected .option-icon{color:#d4a934}.option-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.option-label{font-size:1rem;font-weight:600;color:rgb(var(--color-foreground));line-height:1.2}.option-description{font-size:.875rem;color:rgba(var(--color-foreground),.7);line-height:1.2}.option-price{font-size:1rem;font-weight:600;color:rgb(var(--color-foreground));margin-left:auto;flex-shrink:0}.step-variant-option:disabled{opacity:.5;cursor:not-allowed}.step-variant-option:disabled:hover{transform:none;box-shadow:none}.step-variant-option.loading{pointer-events:none}.step-variant-option.loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fffc;border-radius:6px;z-index:1}.step-variant-option.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(var(--color-foreground),.2);border-top-color:rgb(var(--color-foreground));border-radius:50%;animation:step-variant-spin .8s linear infinite;z-index:2}@keyframes step-variant-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media screen and (max-width: 749px){.step-variant-pages{grid-template-columns:1fr}.step-variant-pdf,.step-variant-originals{grid-template-columns:repeat(2,1fr);gap:.75rem}@media screen and (max-width: 480px){.step-variant-pdf,.step-variant-originals{grid-template-columns:1fr}}.step-variant-option{padding:.75rem 1rem}.option-icon{width:32px;height:32px}.option-label{font-size:.9rem}.option-description{font-size:.8rem}.option-price{font-size:.9rem}}@media (prefers-reduced-motion: reduce){.step-variant-option{transition:none}.step-variant-option:hover{transform:none}@keyframes step-variant-spin{to{transform:translate(-50%,-50%)}}}@media (prefers-contrast: high){.step-variant-option{border-width:3px}.step-variant-option.selected{outline:3px solid #F5D64A;outline-offset:2px}}.step-variant-option:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.step-variant-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-step-variant-picker.css.map */