.gwpProgress{--color-grey: #6B7280;--color-locked: #C7CAD1;--color-unlocked: #000;--color-border: #E5E7EB}.gwpProgress__current{padding:8px 16px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);display:grid;grid-template-areas:"img content button";grid-template-columns:45px 1fr auto;gap:11px}@media(min-width:768px){.gwpProgress__current{padding:12px 24px}}.gwpProgress:has(.gwpProgress__optionsToggle:checked) .gwpProgress__current{display:none}.gwpProgress__currentImageContainer{grid-area:img;height:45px;width:100%;background-color:#f3f3f3;background-blend-mode:darken,normal;position:relative}.gwpProgress__currentImage{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;object-fit:contain;object-position:center center;mix-blend-mode:darken}.gwpProgress__currentContent{margin:auto 0;display:flex;flex-direction:column;gap:4px}.gwpProgress__currentHeading{font-family:var(--caption-font-family);font-style:normal;font-weight:400;font-size:10px;line-height:120%;letter-spacing:.1em;text-transform:uppercase;color:#272727;display:flex;flex-wrap:nowrap;gap:4px;align-items:center}.gwpProgress__currentHeading svg{width:9px;height:9px}.gwpProgress__currentTitle{grid-area:title;margin:0 0 auto;font-style:normal;font-weight:400;font-size:12px;line-height:130%;letter-spacing:.01em;color:var(--color-grey)}.gwpProgress__changeButton{grid-area:button;font-weight:400;font-size:12px;line-height:130%;letter-spacing:.01em;text-decoration-line:none;border-bottom:1px solid currentColor;color:#000;margin:auto 0;display:none;cursor:pointer}.gwpProgress:has(.gwpProgress__optionBtn:nth-child(2)) .gwpProgress__changeButton{display:block}.gwpProgress__title{color:var(--color-grey);padding:0 20px 12px;font-size:14px;letter-spacing:.01em;line-height:1.5;display:flex;gap:12px;flex-wrap:nowrap;align-items:center}.gwpProgress__title.is-unlocked{gap:8px}.gwpProgress__missing,.gwpProgress__title.is-unlocked{color:#000}.gwpProgress__infoBtn{transition:color .2s ease-in-out;color:var(--color-grey)}.gwpProgress__infoBtn:hover{color:#000}.gwpProgress__title>svg:first-child{width:15px;height:15px;display:none}.gwpProgress__title.is-unlocked>svg:first-child{display:block}@media(min-width:768px){.gwpProgress__title{padding:0 24px 12px}}.gwpProgress__progressBar{margin:0 20px 12px}@media(min-width:768px){.gwpProgress__progressBar{margin:0 24px 16px}}.gwpProgress__steps{display:flex;justify-content:space-between;height:2px;background:var(--color-locked);border-radius:24px;position:relative}.gwpProgress__steps:before{display:block;content:""}.gwpProgress__steps:after{position:absolute;left:0;display:block;content:"";border-radius:24px;background:var(--color-unlocked);height:2px;width:calc(var(--step-percentage) * 100%);transition:width .2s ease-in-out;z-index:1}.gwpProgress__step{--step-color: var(--color-locked);width:10px;height:10px;border-radius:100%;border:1px solid var(--step-color);background:#fff;transform:translateY(-50%);z-index:2}.gwpProgress__step.is-reached{--step-color: var(--color-unlocked)}.gwpProgress__step:before{position:absolute;display:block;content:"";top:0;left:0;right:0;bottom:0;background:var(--step-color);border-radius:100%;border:2px solid #FFF}.gwpProgress__stepTitle{font-family:var(--caption-font-family);font-style:normal;font-weight:400;font-size:10px;line-height:120%;letter-spacing:.1em;text-transform:uppercase;color:var(--color-grey);position:absolute;top:100%;left:50%;margin-top:4px;transform:translate(-50%);display:none}.gwpProgress__steps:has(.gwpProgress__step:nth-child(2)) .gwpProgress__stepTitle{display:block}.gwpProgress__progressBar:has(.gwpProgress__step:nth-child(2)){padding-bottom:14px}.gwpProgress__step.is-reached .gwpProgress__stepTitle{color:var(--color-unlocked)}.gwpProgress__options{display:none;background:#f3f3f3;padding:0 20px 16px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);position:relative}.gwpProgress__options:after{--color-1: var(--color-border);--color-2: var(--color-locked);--size: 1px;--width: calc(48 * var(--size));width:var(--width);height:var(--width);border:calc(5 * var(--size)) solid var(--color-1);border-bottom-color:var(--color-2);border-radius:50%;display:inline-block;box-sizing:border-box;animation:gwp-loader-rotation 1s linear infinite;content:"";position:absolute;top:50%;left:50%;margin-top:calc(var(--width) / -2);margin-left:calc(var(--width) / -2);pointer-events:none;transition:opacity .3s ease;opacity:0}gwp-progress.loading .gwpProgress__options:after{opacity:1}@keyframes gwp-loader-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:768px){.gwpProgress__options{padding:0 24px 16px}}.gwpProgress__closeOptionsBtn{gap:12px;font-family:var(--caption-font-family);font-weight:400;font-size:12px;line-height:120%;display:flex;align-items:center;letter-spacing:.1em;text-transform:uppercase;color:#272727;padding:16px 0}.gwpProgress__closeOptionsBtn svg{width:16px;height:16px;margin:auto 0 auto auto}.gwpProgress:has(.gwpProgress__optionsToggle:checked) .gwpProgress__options{display:block}.gwpProgress__optionBtn{scroll-snap-align:start;flex-shrink:0;width:122px;border:1px solid var(--color-locked);border-radius:4px;transform-origin:center center;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4px}.gwpProgress__optionImage{width:112px;height:112px;mix-blend-mode:multiply;object-fit:contain;object-position:center center}.gwpProgress__optionTitle{font-size:12px;line-height:130%;letter-spacing:.01em;color:var(--color-grey)}.gwpProgress__optionsList{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:8px;padding:0 0 12px;transition:opacity .3s ease}gwp-progress.loading .gwpProgress__optionsList{pointer-events:none;opacity:.3}@media(min-width:768px){.gwpProgress__optionsList{padding:0 0 16px}}.gwpProgress__optionsList::-webkit-scrollbar{width:10px;height:10px}.gwpProgress__optionsList::-webkit-scrollbar-thumb{color:#272727;border-radius:40px;background:linear-gradient(to bottom,transparent,transparent 4px,#272727 4px,#272727 5px,transparent 5px,transparent)}.gwpProgress__optionsList::-webkit-scrollbar-track{color:var(--color-locked);background:linear-gradient(to bottom,transparent,transparent 4px,currentColor 4px,currentColor 5px,transparent 5px,transparent)}.gwpProgress__optionPrice{font-size:12px;line-height:130%;letter-spacing:.01em;color:#000}.gwpProgress__optionOriginalPrice{display:inline-block;margin:0 0 0 4px;font-weight:400;font-size:10px;line-height:130%;letter-spacing:.01em;text-decoration-line:line-through;color:var(--color-grey)}
/*# sourceMappingURL=/cdn/shop/t/380/assets/gwp.css.map */