.style-guide-tabs{display:block;background:rgb(var(--color-background))}.style-guide-tabs__inner{text-align:center}.style-guide-tabs__header{max-width:72rem;margin:0 auto 3rem}.style-guide-tabs__caption{margin:0 0 1.2rem;color:#763c1d;font-size:1.6rem;font-weight:500;line-height:2.4rem;letter-spacing:0;text-transform:uppercase}.style-guide-tabs__heading{margin:0;letter-spacing:0}.style-guide-tabs__description{max-width:66rem;margin:1.6rem auto 0;color:#464646;font-size:1.6rem;font-weight:400;line-height:2.4rem;letter-spacing:0}.style-guide-tabs__description p{margin:0}.style-guide-tabs__tablist{display:flex;gap:1rem;margin:0 auto 4rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.2rem;justify-content:center}.style-guide-tabs__tablist::-webkit-scrollbar{display:none}.style-guide-tabs__tab{flex:0 0 auto;min-width:auto;min-height:4.1rem;padding:0 1.8rem;border:.1rem solid rgba(118,60,29,.18);border-radius:4px;background:transparent;color:#212121;font-size:1.6rem;font-weight:500;line-height:2rem;letter-spacing:0;box-shadow:none;transition:background-size var(--duration-medium) cubic-bezier(.785,.135,.15,.86),background-position var(--duration-medium) step-end,color var(--duration-medium) cubic-bezier(.785,.135,.15,.86),border-color var(--duration-medium) ease}.style-guide-tabs__tab:after,.style-guide-tabs__tab:hover:after{box-shadow:none!important}.style-guide-tabs__tab:not(.is-active){--initial-gradient: linear-gradient(transparent, transparent);--hover-gradient: linear-gradient(#c3695c, #c3695c);--initial-background-position: right;--hover-background-position: left;background-image:var(--initial-gradient),var(--hover-gradient);background-size:101% 101%,0 101%;background-position:var(--initial-background-position);background-repeat:no-repeat}.style-guide-tabs__tab:not(.is-active):hover{border-color:#c3695c;background-position:var(--hover-background-position);background-size:0 101%,101% 101%;color:#fff}.style-guide-tabs__tab.is-active{border-color:#c3695c;background-color:#c3695c;background-image:linear-gradient(#c3695c,#c3695c),linear-gradient(#fff,#fff);background-size:101% 101%,0 101%;background-position:right;background-repeat:no-repeat;color:#fff;pointer-events:none}.style-guide-tabs__tab.is-active:hover{border-color:#c3695c;background-color:#c3695c;color:#fff}.style-guide-tabs__panels{position:relative;width:calc(100% + 3rem);margin-right:-1.5rem;margin-left:-1.5rem}.style-guide-tabs__panel{animation:style-guide-panel-in var(--duration-long) ease both}.style-guide-tabs__media{display:block;width:var(--style-guide-video-width, 100%);max-width:100%;margin-right:auto;margin-left:auto;overflow:hidden;border:0;border-radius:8px;outline:0;background:transparent;aspect-ratio:16 / 8}.style-guide-tabs__poster,.style-guide-tabs__media video,.style-guide-tabs__media iframe,.style-guide-tabs__poster img,.style-guide-tabs__poster svg{width:100%;height:100%}.style-guide-tabs__poster,.style-guide-tabs__media video,.style-guide-tabs__media iframe{border:0;outline:0;object-fit:cover;background:transparent}.style-guide-tabs__media--autoplay video,.style-guide-tabs__media--autoplay iframe,.style-guide-tabs__media--autoplay svg{display:block}.style-guide-tabs__poster img,.style-guide-tabs__poster svg{object-fit:cover;transition:transform var(--duration-long) ease,filter var(--duration-long) ease}.style-guide-tabs__poster:hover img,.style-guide-tabs__poster:hover svg{transform:scale(1.025);filter:brightness(.96)}.style-guide-tabs__media .deferred-media__poster-button{background-color:#ffffffeb;color:#763c1d;transition:transform var(--duration-medium) ease,background-color var(--duration-medium) ease}.style-guide-tabs__media .deferred-media__poster:hover .deferred-media__poster-button{transform:translate(-50%,-50%) scale(1.08);background-color:#fff}.style-guide-tabs__footer{margin-top:2.4rem}.style-guide-tabs__link{display:inline-flex;align-items:center;gap:.8rem;color:#c3695c;font-size:1.6rem;font-weight:500;line-height:2rem;letter-spacing:0;text-decoration:none}.style-guide-tabs__link .svg-wrapper{width:1.8rem;height:1.4rem;transition:transform var(--duration-default) ease}.style-guide-tabs__link:hover .svg-wrapper{transform:translate(.4rem)}@keyframes style-guide-panel-in{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:750px){.style-guide-tabs__panels{width:calc(100% + 10rem);margin-right:-5rem;margin-left:-5rem}}@media screen and (max-width:749px){.style-guide-tabs__caption{font-size:1.4rem;line-height:2rem}.style-guide-tabs__description{font-size:1.4rem;line-height:2.2rem}.style-guide-tabs__tablist{margin-bottom:2.4rem}.style-guide-tabs__media{aspect-ratio:4 / 3;border-radius:6px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-style-guide-tabs.css.map */