.cowboy-models{width:100%}.cowboy-models__list{display:flex;flex-direction:column;gap:4.8rem;width:100%}.cowboy-models__row{display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:center}.cowboy-models__content{width:100%;text-align:left}.cowboy-models__content>*+*{margin-top:1.6rem}.cowboy-models__heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-scale) * .06rem);line-height:calc(1 + .3/max(1,var(--font-heading-scale)));color:rgb(var(--color-foreground))}.cowboy-models__text{margin:0;font-size:1.6rem;line-height:calc(1 + .8 / var(--font-body-scale));color:rgb(var(--color-foreground))}.cowboy-models__text p{margin:0}.cowboy-models__text p+p{margin-top:1em}.cowboy-models__button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;width:auto;min-width:14rem;margin-top:.8rem;padding:1.2rem 2rem;border:none;border-radius:0;background-color:#b4dd22;color:#000;font-size:1.4rem;font-weight:500;letter-spacing:.06em;line-height:1.2;text-decoration:none;text-transform:uppercase;transition:background-color .3s ease}.cowboy-models__button:hover{background-color:#aad11d;color:#000}.cowboy-models__button-arrow{display:inline-block;transition:transform .2s ease}.cowboy-models__button:hover .cowboy-models__button-arrow{transform:translate(.25rem)}.cowboy-models__media{width:100%}.cowboy-models__gallery{display:block;width:100%}.cowboy-models__stage{width:100%;border-radius:2.4rem;overflow:hidden;background:rgba(var(--color-foreground),.03)}.cowboy-models__image,.cowboy-models__placeholder{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:contain;transition:opacity .2s ease}.cowboy-models__image.is-loading{opacity:.45}.cowboy-models__placeholder{padding:2rem}.cowboy-models__placeholder svg{width:100%;height:100%}.cowboy-models__thumbs{--cowboy-scroll-fade-size: 2.4rem;display:flex;flex-wrap:nowrap;gap:.8rem;margin-top:1.2rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.3rem .2rem .5rem;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;touch-action:pan-x;user-select:none;-webkit-user-select:none;mask-image:none;-webkit-mask-image:none}.cowboy-models__thumbs::-webkit-scrollbar{display:none}.cowboy-models__thumbs.can-scroll-right{mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - var(--cowboy-scroll-fade-size)),transparent);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - var(--cowboy-scroll-fade-size)),transparent)}.cowboy-models__thumbs.can-scroll-left{mask-image:linear-gradient(to right,transparent,#000 var(--cowboy-scroll-fade-size),#000 100%);-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--cowboy-scroll-fade-size),#000 100%)}.cowboy-models__thumbs.can-scroll-left.can-scroll-right{mask-image:linear-gradient(to right,transparent,#000 var(--cowboy-scroll-fade-size),#000 calc(100% - var(--cowboy-scroll-fade-size)),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--cowboy-scroll-fade-size),#000 calc(100% - var(--cowboy-scroll-fade-size)),transparent)}.cowboy-models__thumbs.is-dragging{cursor:grabbing;scroll-behavior:auto}.cowboy-models__thumbs.is-dragging .cowboy-models__thumb{pointer-events:none}.cowboy-models__thumb{touch-action:pan-x}.cowboy-models__thumb{flex:0 0 auto;width:6.4rem;height:6.4rem;padding:.3rem;border:.15rem solid transparent;border-radius:1.2rem;overflow:visible;background:rgba(var(--color-foreground),.04);cursor:pointer;box-sizing:border-box;transition:border-color .15s ease,transform .15s ease}.cowboy-models__thumb img{display:block;width:100%;height:100%;object-fit:contain;border-radius:.9rem;background:rgba(var(--color-foreground),.02)}.cowboy-models__thumb:hover{transform:translateY(-.1rem)}.cowboy-models__thumb.is-selected{border-color:rgb(var(--color-foreground))}@media screen and (min-width:990px){.cowboy-models__list{gap:6.4rem}.cowboy-models__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4.8rem}.cowboy-models__row--reverse .cowboy-models__content{order:2}.cowboy-models__row--reverse .cowboy-models__media{order:1}.cowboy-models__content>*+*{margin-top:2rem}}@media screen and (max-width:749px){.cowboy-models__list{gap:3.2rem}.cowboy-models__stage{border-radius:1.6rem}.cowboy-models__thumb{width:5.6rem;height:5.6rem;border-radius:1rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-cowboy-models.css.map */
