.cs-gwp{display:block;--cs-gwp-gutter: 0px}.cs-gwp.pro-gutter--narrow{--cs-gwp-gutter: var(--pro-gutter-narrow)}.cs-gwp.pro-gutter--wide{--cs-gwp-gutter: var(--pro-gutter-wide)}.cs-gwp__notice{margin:0 0 var(--space-lg);padding:var(--space-sm) var(--space-md);border:1px dashed rgb(var(--color-foreground))}.cs-gwp__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2xl);align-items:center}.cs-gwp__content{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.cs-gwp__content>*{margin:0}.cs-gwp__content--center{align-items:center;text-align:center}.cs-gwp__headline{margin-top:var(--space-sm)}.cs-gwp__progress{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;margin-top:var(--space-lg)}.cs-gwp__progress .pro-progress{width:100%}.cs-gwp__status{margin:0}.cs-gwp[data-state=locked] .cs-gwp__status--unlocked,.cs-gwp:not([data-state=locked]) .cs-gwp__status--locked{display:none}.cs-gwp__products{display:flex;align-items:stretch;gap:var(--space-xs);width:calc(100% + var(--cs-gwp-gutter));margin-top:var(--space-xl);margin-left:calc(var(--cs-gwp-gutter) * -1)}.cs-gwp:not([data-state=locked]) .cs-gwp__products{display:none}.cs-gwp__row{flex:1 1 auto}.cs-gwp__product[hidden]{display:none}.cs-gwp__card{--pro-card-padding: 0 var(--space-md) 0 0;display:flex;align-items:center;gap:var(--space-md);width:100%;min-height:108px;text-align:left}.cs-gwp__card-image{display:block;flex:0 0 auto;width:107px;height:107px;align-self:center}.cs-gwp__card-image img{display:block;width:100%;height:100%;object-fit:cover}.cs-gwp__card-text{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-2xs);min-width:0}.cs-gwp__card-text>*{margin:0}.cs-gwp__card-name{color:inherit;text-decoration:none}.cs-gwp__card-title{text-transform:uppercase}.cs-gwp .cs-gwp__add{--button-height: 68px;--button-padding-inline: var(--space-sm);--button-min-width: 0;--button-font-size: var(--type-h3-size);flex:0 0 auto;width:93px;line-height:1.1;white-space:normal}.cs-gwp .cs-gwp__add.loading{opacity:.6;pointer-events:none}.cs-gwp__error{margin-top:var(--space-xs)}.cs-gwp__disclaimer{margin-top:var(--space-lg)}.cs-gwp__frame{position:relative;overflow:hidden}.cs-gwp__frame-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cs-gwp__scratch{position:relative;height:var(--cs-gwp-mobile-card-height, 340px);overflow:hidden}.cs-gwp__prize{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg);background:rgb(var(--color-background));text-align:center}.cs-gwp__prize-image{display:block;flex:1 1 auto;width:100%;min-height:0;object-fit:contain}.cs-gwp__prize-text>*{margin:0}.cs-gwp__cover,.cs-gwp__surface{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cs-gwp__cover{background:rgb(var(--color-button-hover))}.cs-gwp__scratch.is-ready .cs-gwp__cover{display:none}.cs-gwp__surface{display:block;transition:opacity .6s ease}.cs-gwp[data-state=unlocked] .cs-gwp__surface{cursor:pointer;touch-action:none}.cs-gwp__surface-text{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-lg);color:rgb(var(--color-button-hover-text));text-align:center;pointer-events:none;transition:opacity .3s ease}.cs-gwp__surface-text>*{margin:0}.cs-gwp[data-state=locked] .cs-gwp__surface-text--locked,.cs-gwp[data-state=unlocked] .cs-gwp__surface-text--unlocked{display:flex}.cs-gwp__surface-title{font-size:var(--type-h3-size);line-height:var(--type-h3-line-height);letter-spacing:var(--type-h3-tracking);text-transform:uppercase}.cs-gwp__scratch.is-scratching .cs-gwp__surface-text{opacity:0}.cs-gwp__surface:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.cs-gwp[data-state=revealed] .cs-gwp__surface,.cs-gwp[data-state=revealed] .cs-gwp__cover{opacity:0;pointer-events:none}@media screen and (min-width:750px){.cs-gwp__scratch{height:auto;aspect-ratio:721 / 478}}@media screen and (min-width:990px){.cs-gwp__grid{grid-template-columns:minmax(0,830fr) minmax(0,754fr);column-gap:calc(var(--space-3xl) * 1.5)}}@media(prefers-reduced-motion:reduce){.cs-gwp__surface,.cs-gwp__surface-text{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/467/assets/section-cs-gwp-scratch.css.map */