.provided-code__title{font-weight:600;display:flex;align-items:center;padding:.5em .7em;margin:0;background-color:#f2f2f2}.provided-code__title:before{display:inline-block;width:5px;height:1.5em;margin-right:.5em;background-color:#5271ff;content:""}.provided-code__body{display:grid;gap:20px;margin-top:24px}.provided-code__video-wrapper{max-width:800px}.provided-code__video-wrapper video,.provided-code__video-wrapper img{display:block;width:100%;height:auto}.provided-code__video-wrapper video::-webkit-media-controls-panel{background-color:transparent!important}@media screen and (min-width:990px){.provided-code__body{grid-template-columns:minmax(0,800px) minmax(280px,320px);align-items:start;gap:28px}.provided-code__video-wrapper{max-width:none}}.provided-code__step{position:relative}.provided-code__step:not(:last-of-type){margin-bottom:32px}.provided-code__step-description{margin-bottom:8px;font-size:14px;line-height:1.5}.provided-code__step-image{width:100%;height:auto}.provided-code__step-title{display:inline-flex;justify-content:start;align-items:center;position:relative;padding:.5em .7em;overflow:hidden;border:2px solid #5271ff;border-radius:5px;margin-bottom:10px;color:rgba(var(--color-foreground));background-color:#fff;position:sticky;top:0;z-index:1}.provided-code__step-title:before{position:absolute;top:-60%;left:-30px;z-index:-1;transform:rotate(25deg);width:100px;height:200%;background-color:#5271ff;content:""}.provided-code__step-title span{margin-right:30px;color:#fff}.provided-code__step-wrapper{border:1px solid #dfe4ff;border-radius:8px;padding:18px;background-color:#fbfcff}.provided-code__action-heading{margin-bottom:6px;color:#222;font-size:18px;font-weight:700;line-height:1.4}.provided-code__action-description{margin:0 0 16px;color:#555;font-size:13px;line-height:1.6}.provided-code__button-wrapper{display:flex;flex-direction:column;gap:12px;position:relative;counter-reset:provided-code-action}.provided-code__button{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;gap:8px;min-height:46px;padding:9px 12px;border:2px solid transparent;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.35;width:100%;color:inherit;text-decoration:none}.provided-code__button-wrapper .provided-code__button{justify-content:flex-start;padding-left:20px}.provided-code__button-wrapper .provided-code__button:not(.provided-code__button--open-modal):before{display:inline-flex;flex:0 0 auto;justify-content:center;align-items:center;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;font-size:12px;font-weight:700;line-height:1;counter-increment:provided-code-action;content:counter(provided-code-action)}.provided-code__button svg{flex:0 0 auto}.provided-code__button svg path{fill:currentColor}@media screen and (max-width:749px){.provided-code__button{width:100%}}.provided-code__button--copy,.provided-code__button--download{border:2px solid #5271ff;background-color:#fff}.provided-code__button--copy:hover,.provided-code__button--download:hover{background-color:#5271ff;color:#fff}.provided-code__button--copy:hover svg,.provided-code__button--download:hover svg,.provided-code__button--copy:hover svg path,.provided-code__button--download:hover svg path{fill:#fff}.provided-code__button--copy.tooltip-002>span{opacity:1;visibility:visible}.provided-code__modal .provided-code__button--copy{width:166px}.provided-code__button-wrapper .provided-code__button--open-modal{border:2px solid #777;background-color:#fff;color:#555;justify-content:center}.provided-code__button--open-modal:hover{background-color:#777;color:#fff}.provided-code__modal-close-button-wrapper{position:sticky;top:0;left:0;width:100%;background-color:#fff;z-index:11;padding:20px 0 10px;display:flex;align-items:center;justify-content:space-between}.provided-code__button--close-modal{display:block;width:48px;padding:0;cursor:pointer;font-size:1rem;text-align:center;line-height:1.2}.provided-code__button--close-modal svg{width:20px;height:20px}.provided-code__button--accordion:before{content:"\958b\304f"}.provided-code__button--accordion.is-active:before{content:"\9589\3058\308b"}.provided-code__modal{display:none}.provided-code__modal.is-open{display:block;position:fixed;z-index:3;top:0;left:0;width:100%;height:100%;padding:20px}.provided-code__modal-bg,.provided-code__modal-bg:empty{display:block;position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background-color:#00000080}.provided-code__modal-inner{width:100%;height:100%;max-width:1100px;margin:0 auto;background-color:#fff}.provided-code__modal-contents{height:100%;padding:0 20px 20px;overflow:auto}.provided-code__modal-contents pre{margin:0;font-size:13px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/provided-code.css.map */