.stop-reinventing-wheel{width:100%;background:var(--srw-background);color:var(--srw-heading-color);overflow:hidden}.stop-reinventing-wheel__container{width:100%;margin:0 auto}.stop-reinventing-wheel__grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.stop-reinventing-wheel__heading{margin:0;color:var(--srw-heading-color)}.stop-reinventing-wheel__heading-main{display:inline;color:var(--srw-heading-color)}.stop-reinventing-wheel__heading-main strong{-webkit-text-stroke:1px var(--srw-secondary-text)}.stop-reinventing-wheel__heading{margin:0;color:var(--srw-heading-color);letter-spacing:0}.stop-reinventing-wheel__heading-highlight{display:inline;margin-left:8px;color:transparent}.stop-reinventing-wheel__description{color:var(--srw-description-color);letter-spacing:0;line-height:normal;margin:24px 0 0}.stop-reinventing-wheel__description p{margin:0}.stop-reinventing-wheel__buttons{display:flex;align-items:center;flex-wrap:wrap;margin:40px 0 0;gap:16px}.stop-reinventing-wheel__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;transition:transform .25s ease,background-color .25s ease,border-color .25s ease,color .25s ease;cursor:pointer;padding:13px 24px;border-radius:8px;font-size:16px;letter-spacing:0;font-weight:600;line-height:normal;position:relative;overflow:hidden}.stop-reinventing-wheel__button--primary{background:var(--srw-accent-color);color:var(--srw-primary-text-color);border:1px solid var(--srw-accent-color)}.stop-reinventing-wheel__button--secondary{background:color-mix(in srgb,var(--srw-secondary-bg) 10%,transparent);color:var(--srw-secondary-text);border:1px solid var(--srw-secondary-border)}.stop-reinventing-wheel__button-arrow{display:inline-flex;font-size:17px;line-height:1;transition:transform .25s ease}.stop-reinventing-wheel__button:before{background:#fff;content:"";height:155px;opacity:0;position:absolute;top:-50px;transform:rotate(35deg);width:50px;transition:all 1.5s cubic-bezier(.19,1,.22,1);left:-50%}.stop-reinventing-wheel__button:hover:before{left:120%;opacity:.5}.stop-reinventing-wheel__button:after{content:"";position:absolute;top:var(--buttons-border-width);right:var(--buttons-border-width);bottom:var(--buttons-border-width);left:var(--buttons-border-width);z-index:1;border-radius:var(--buttons-radius);box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background));transition:box-shadow var(--duration-short) ease}.stop-reinventing-wheel__visual{width:100%;min-width:0}.stop-reinventing-wheel__browser{width:100%;aspect-ratio:1.556;min-height:280px;padding:24px;overflow:hidden;border:1px solid var(--srw-panel-border);border-radius:var(--srw-radius);background:var(--srw-panel-background);box-shadow:0 0 0 1px #ffffff03,inset 0 1px #ffffff05}.stop-reinventing-wheel__browser-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 0 17px;border-bottom:1px solid #FFFFFF1A}.stop-reinventing-wheel__browser-dots{display:flex;align-items:center;gap:8px}.stop-reinventing-wheel__browser-dots span{display:block;width:12px;height:12px;border-radius:50%;background:var(--srw-browser-dot)}.stop-reinventing-wheel__browser-title{position:relative;color:var(--srw-footer-color);font-size:12px;line-height:1.35;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;font-weight:400}.stop-reinventing-wheel__browser-body{position:relative;height:100%;padding:24px 0}.stop-reinventing-wheel__manifest{position:absolute;top:10px;left:14px;color:#fff3;font-size:6px;line-height:1;letter-spacing:1px;text-transform:uppercase}.stop-reinventing-wheel__code-list{width:100%;display:flex;flex-direction:column;gap:10px;padding-top:22px;justify-content:center;align-items:flex-start;height:100%}.stop-reinventing-wheel__code-row{width:100%;height:32px;display:flex;align-items:center;gap:12px;padding:0 16px;border-radius:4px;background:var(--srw-code-background);box-sizing:border-box}.stop-reinventing-wheel__code-row--small{max-width:37%}.stop-reinventing-wheel__code-row--medium{max-width:298px}.stop-reinventing-wheel__code-row--large{max-width:100%}.stop-reinventing-wheel__code-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--row-dot-color)}.stop-reinventing-wheel__code-line{display:block;width:var(--line-width);height:8px;border-radius:4px;background:var(--srw-code-line);opacity:.3}.stop-reinventing-wheel__browser-footer{position:absolute;right:14px;bottom:13px;left:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:10px;border-top:1px solid rgba(255,255,255,.035)}.stop-reinventing-wheel__status,.stop-reinventing-wheel__components{color:var(--srw-footer-color);font-size:10px;line-height:1.5;letter-spacing:0;text-transform:uppercase;font-weight:400}.stop-reinventing-wheel__image-wrapper{width:100%;border-radius:var(--srw-radius);overflow:hidden;border:1px solid var(--srw-panel-border)}.stop-reinventing-wheel__image{display:block;width:100%;height:auto}@media screen and (max-width:989px){.stop-reinventing-wheel__grid{grid-template-columns:1fr;gap:32px}.stop-reinventing-wheel__content{max-width:720px}.stop-reinventing-wheel__visual{max-width:800px}}@media screen and (max-width:749px){.stop-reinventing-wheel__heading-highlight{margin-left:5px}.stop-reinventing-wheel__buttons{width:100%;gap:8px;margin:24px 0 0}.stop-reinventing-wheel__browser{aspect-ratio:1.35 / 1;min-height:auto;padding:12px}.stop-reinventing-wheel__browser-body{padding:0;height:86%;display:flex;align-items:center;justify-content:center}.stop-reinventing-wheel__manifest{left:10px}.stop-reinventing-wheel__code-list{padding-top:0;height:70%}.stop-reinventing-wheel__code-row{height:16px;padding:0 7px}.stop-reinventing-wheel__browser-footer{right:0;bottom:0;left:0;margin-top:auto}.stop-reinventing-wheel__button{padding:12px 24px;font-size:14px;height:46px;width:100%}.stop-reinventing-wheel__description{margin:16px 0 0}.stop-reinventing-wheel__description{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/section-stop-reinventing-wheel.css.map */