.tb-tutorial,.tb-tutorial-link{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}.tb-tutorial,.tb-tutorial *,.tb-tutorial-link{box-sizing:border-box}.tb-tutorial-link{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:4.4rem;margin:.2rem 0 0;padding:.5rem 0;color:rgba(var(--color-foreground),.8);font-size:1.3rem;line-height:1.4;text-underline-offset:.3rem;text-decoration-thickness:.1rem}.tb-tutorial-link:hover{color:rgb(var(--color-foreground))}.tb-tutorial{display:block;margin:3.6rem auto 0;max-width:62rem}.tb-tutorial-card{display:flex;align-items:center;gap:2rem;padding:1.6rem 2rem 1.6rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1rem;background:rgba(var(--color-foreground),.025);color:rgb(var(--color-foreground));text-align:left;text-decoration:none;transition:background .16s ease,border-color .16s ease}.tb-tutorial-card:hover{border-color:rgba(var(--color-foreground),.28);background:rgba(var(--color-foreground),.045)}.tb-tutorial-card__thumbnail{position:relative;display:block;flex:0 0 7.2rem;aspect-ratio:9 / 16;overflow:hidden;border-radius:.5rem;background:#eeeae4}.tb-tutorial-card__thumbnail img{display:block;width:100%;height:100%;object-fit:contain}.tb-tutorial-card__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;margin:auto;border:.1rem solid rgba(255,255,255,.6);border-radius:50%;color:#fff;background:#141814c7}.tb-tutorial-card__copy{display:flex;flex:1 1 auto;flex-direction:column;gap:.65rem;min-width:0}.tb-tutorial-card__eyebrow{color:rgba(var(--color-foreground),.65);font-size:1rem;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}.tb-tutorial-card__title{font-size:1.65rem;font-weight:600;line-height:1.35}.tb-tutorial-card__description{font-size:1.3rem;line-height:1.5}.tb-tutorial-card__note{color:rgba(var(--color-foreground),.65);font-size:1.1rem;line-height:1.5}.tb-tutorial-card__arrow{flex:0 0 2rem}.tb-tutorial-dialog{width:min(44rem,calc(100vw - 2.4rem));max-width:none;max-height:calc(100vh - 2.4rem);max-height:calc(100dvh - 2.4rem);margin:auto;padding:1.2rem 1.6rem;overflow:auto;overscroll-behavior:contain;border:0;border-radius:1rem;background:#faf9f6;color:#171a17;box-shadow:0 1rem 6rem #00000040}.tb-tutorial-dialog:not([open]){display:none}.tb-tutorial-dialog::backdrop{background:#0c100dc2}.tb-tutorial-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.tb-tutorial-dialog__title{margin:0;font:600 1.6rem/1.35 -apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;color:inherit}.tb-tutorial-dialog__close-form{flex:0 0 auto;margin:0}.tb-tutorial-dialog__close{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.tb-tutorial-dialog__close:hover{background:#0000000f}.tb-tutorial-dialog__video{display:block;width:100%;height:auto;max-height:calc(100vh - 15rem);max-height:calc(100dvh - 15rem);aspect-ratio:9 / 16;margin:0 auto;object-fit:contain;background:#000;border-radius:.4rem}.tb-tutorial-dialog__caption,.tb-tutorial-dialog__error{margin:.9rem 0 .2rem;text-align:center;font-size:1.1rem;line-height:1.5;color:#565b56}.tb-tutorial-dialog__error a{color:#171a17;text-underline-offset:.2rem}.tb-tutorial-link:focus-visible,.tb-tutorial-card:focus-visible,.tb-tutorial-dialog__close:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}@media screen and (max-width:749px){.tb-tutorial{margin-top:2.4rem}.tb-tutorial-card{gap:1.3rem;padding:1.2rem}.tb-tutorial-card__thumbnail{flex-basis:6.3rem}.tb-tutorial-card__title{font-size:1.5rem}.tb-tutorial-card__arrow{display:none}.tb-tutorial-dialog{padding-top:max(1.2rem,env(safe-area-inset-top));padding-bottom:max(1.2rem,env(safe-area-inset-bottom));max-height:calc(100dvh - 2.4rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.tb-tutorial-dialog__video{max-height:calc(100dvh - 15rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.tb-tutorial-card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/trailbrew-tutorial.css.map */