.madesa-planner-tutorials-shell{background:#f6f6f8}.madesa-planner-tutorials{--planner-page-bg: #f6f6f8;--planner-bg: #eeeee7;--planner-surface: #ffffff;--planner-ink: #131614;--planner-ink-soft: #36403c;--planner-accent: #e11923;--planner-radius: 16px;--planner-radius-sm: 8px;--planner-container: 1360px;background:transparent;color:var(--planner-ink)}.madesa-planner-tutorials *,.madesa-planner-tutorials *:before,.madesa-planner-tutorials *:after{box-sizing:border-box}.madesa-planner-tutorials img{display:block;width:100%;height:auto}.madesa-planner-tutorials button{font:inherit}.madesa-planner-tutorials [role=button]{outline:none}.madesa-planner-tutorials__container{margin:0 auto}.madesa-planner-tutorials__section{padding:40px 0 80px}.madesa-planner-tutorials__section--tutorials{padding-top:0}.madesa-planner-tutorials__tutorial-card{overflow:hidden;background:var(--planner-bg);border-radius:var(--planner-radius);padding-top:15px}.madesa-planner-tutorials__tutorial-header{min-height:84px;padding:24px;text-align:center}.madesa-planner-tutorials__section-title,.madesa-planner-tutorials__featured-title{margin:0;color:var(--planner-ink)}.madesa-planner-tutorials__section-title{font-size:32px;line-height:36px;font-weight:600}.madesa-planner-tutorials__tutorial-featured{display:flex;flex-direction:column;gap:16px;padding:0 80px 40px}.madesa-planner-tutorials__video-player{position:relative;overflow:hidden;border-radius:var(--planner-radius-sm);background:#0d1010;aspect-ratio:1200 / 675}.madesa-planner-tutorials__video-player iframe,.madesa-planner-tutorials__video-placeholder,.madesa-planner-tutorials__video-placeholder img{width:100%;height:100%}.madesa-planner-tutorials__video-player iframe{display:block;border:0}.madesa-planner-tutorials__video-placeholder{position:relative}.madesa-planner-tutorials__video-placeholder:after,.madesa-planner-tutorials__tutorial-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.madesa-planner-tutorials__video-placeholder img,.madesa-planner-tutorials__tutorial-thumb img{object-fit:cover}.madesa-planner-tutorials__video-play,.madesa-planner-tutorials__tutorial-play{position:absolute;top:50%;left:50%;z-index:1;width:56px;height:56px;border-radius:999px;background:#ffffffe0;transform:translate(-50%,-50%)}.madesa-planner-tutorials__video-play:before,.madesa-planner-tutorials__tutorial-play:before{content:"";position:absolute;top:50%;left:50%;margin-left:4px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid var(--planner-accent);transform:translate(-50%,-50%)}.madesa-planner-tutorials__featured-copy{display:flex;flex-direction:column;gap:8px;padding:0 8px}.madesa-planner-tutorials__featured-title{font-size:20px;line-height:24px;font-weight:600}.madesa-planner-tutorials__featured-text,.madesa-planner-tutorials__tutorial-copy span{margin:0;font-size:16px;line-height:24px;color:var(--planner-ink-soft)}.madesa-planner-tutorials__tutorial-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:40px 80px;border-top:2px solid #fff}.madesa-planner-tutorials__tutorial-item{display:flex;flex-direction:column;gap:12px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.madesa-planner-tutorials__tutorial-item[hidden],.madesa-planner-tutorials__tutorial-item.is-active{display:none!important}.madesa-planner-tutorials__tutorial-item:focus-visible{outline:2px solid var(--planner-accent);outline-offset:3px}.madesa-planner-tutorials__tutorial-item.is-active .madesa-planner-tutorials__tutorial-copy strong{color:var(--planner-accent)}.madesa-planner-tutorials__tutorial-thumb{position:relative;overflow:hidden;border-radius:var(--planner-radius-sm);aspect-ratio:640 / 360}.madesa-planner-tutorials__tutorial-thumb-video,.madesa-planner-tutorials__tutorial-thumb-video iframe{width:100%;height:100%}.madesa-planner-tutorials__tutorial-thumb-video{display:block;background:#0d1010}.madesa-planner-tutorials__tutorial-thumb-video iframe{display:block;border:0}.madesa-planner-tutorials__tutorial-play{width:20px;height:20px;background:transparent;border:1.5px solid rgba(255,255,255,.94)}.madesa-planner-tutorials__tutorial-play:before{margin-left:1px;border-top-width:4px;border-bottom-width:4px;border-left-width:6px;border-left-color:#fffffff0}.madesa-planner-tutorials__tutorial-copy{display:flex;flex-direction:column;gap:4px}.madesa-planner-tutorials__tutorial-copy strong{font-size:16px;line-height:20px;font-weight:600;color:var(--planner-ink);transition:color .2s ease}.madesa-planner-tutorials__tutorial-copy span{font-size:16px;line-height:24px;color:#262c29}@media(max-width:1200px){.madesa-planner-tutorials__section{padding:32px 0 56px}.madesa-planner-tutorials__container{padding:0}.madesa-planner-tutorials__tutorial-grid{grid-template-columns:1fr 1fr}.madesa-planner-tutorials__tutorial-featured,.madesa-planner-tutorials__tutorial-grid{padding-left:32px;padding-right:32px}}@media(max-width:767px){.madesa-planner-tutorials__tutorial-item[hidden],.madesa-planner-tutorials__tutorial-item.is-active{display:flex!important}.madesa-planner-tutorials__tutorial-featured{display:none}.madesa-planner-tutorials-shell{background:#eeeee7}.madesa-planner-tutorials__section{padding:16px 0 40px}.madesa-planner-tutorials__tutorial-card{padding-top:0}.madesa-planner-tutorials__tutorial-grid{grid-template-columns:1fr;border-top:none}.madesa-planner-tutorials__tutorial-header{min-height:0;padding:16px 16px 0}.madesa-planner-tutorials__section-title{font-size:20px;line-height:24px}.madesa-planner-tutorials__tutorial-featured{gap:12px;padding:16px}.madesa-planner-tutorials__tutorial-grid{gap:16px;padding:24px 16px}.madesa-planner-tutorials__video-play{width:64px;height:64px}.madesa-planner-tutorials__tutorial-play{width:24px;height:24px}}
/*# sourceMappingURL=/cdn/shop/t/114/assets/madesa-planner-tutorials.css.map */