body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (hover:hover){.close:hover{background-color:hsla(60,12%,93%,.2);transition:background-color .1s ease-in-out .15s}}.text{font-family:Google Sans Code,monospace;font-optical-sizing:auto;font-size:16px;font-style:normal;font-weight:400;list-style-type:none;margin-bottom:16px;margin-top:16px;transition:color .1s ease-out;transition:color .15s ease-in-out}.dot-transition{transition:opacity .15s ease-in-out}.arrow-transition{transition:transform .2s ease-in-out}.text.main{color:#0b0b0b}.text.secondary{color:#6d6d65}.text.link{color:#e8482a;text-decoration:none}@keyframes opacity{0%{opacity:0}1%{opacity:1}50%{opacity:1}to{opacity:0}}.transition{background-color:#f0f0ec;opacity:0}.transition.animate{animation:opacity .3s ease-out}.container{grid-gap:56px;box-sizing:border-box;display:grid;gap:56px;grid-template-columns:repeat(6,1fr);height:100vh;padding-left:56px;padding-right:56px;width:100vw}.column-1{grid-column:span 1;z-index:10}.column-1,.column-2{box-sizing:border-box;height:100%}.column-2{grid-column:span 5}.navigation{align-items:left;gap:0;left:-56px;padding-bottom:36px;padding-top:36px;width:calc(100% + 56px)}.list-wrapper,.navigation{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative}.list-wrapper{align-items:start;width:100%}.list{align-items:left;flex-direction:column;gap:0;padding:0;width:100% + 56px}.item,.list{box-sizing:border-box;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:start;margin:0;position:relative}.item{align-items:center;background-color:hsla(60,12%,93%,0);border:0;cursor:pointer;flex-direction:row;gap:26px;padding:0 56px 0 26px;width:100%}.line{border:none;border-right:1px dotted #b5b5aa;bottom:56px;position:absolute;right:0;top:56px;width:1px}.page{align-items:top;box-sizing:border-box;display:flex;flex-direction:row;height:100%;justify-content:start;width:100%}.page.contacts{align-items:left;flex-direction:column;justify-content:space-between}.text-column{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:start;padding-bottom:36px;padding-right:28px;padding-top:36px;width:40%}.text-wrapper{box-sizing:border-box;display:inline-block}.image-column{flex-direction:column;gap:8px;height:100%;justify-content:end;padding-bottom:56px;padding-left:28px;padding-top:56px;width:60%}.frame,.image-column{box-sizing:border-box;display:flex}.frame{background-color:#0b0b0b;border-radius:1.25vw;height:-webkit-fit-content;height:fit-content;padding:8px;width:100%}.note{align-items:center;background-color:hsla(0,0%,4%,0);border:1px dotted #b5b5aa;border-radius:1.25vw;flex-direction:row;padding:8px 24px}.contacts-column,.note{box-sizing:border-box;display:flex;height:-webkit-fit-content;height:fit-content;width:100%}.contacts-column{flex-direction:column;justify-content:start;padding-bottom:36px;padding-right:28px;padding-top:36px}.preview{align-items:center;background-color:#0b0b0b;bottom:0;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:100}.close-wrapper{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:hsla(0,0%,4%,.98);border:1px solid hsla(60,11%,93%,.2);border-radius:calc(1.25vw + 4px);bottom:8px;padding:4px;position:absolute}.close,.close-wrapper{box-sizing:border-box;display:flex;height:-webkit-fit-content;height:fit-content;width:-webkit-fit-content;width:fit-content}.close{background-color:hsla(60,12%,93%,0);border:none;border-radius:1.25vw;cursor:pointer;margin:0;padding-left:16px;padding-right:16px;right:8px;top:8px}@media screen and (max-width:1132px){.container{display:flex;flex-direction:column;height:100vh;overflow-x:hidden;padding-left:36px;padding-right:36px}.column-1,.container{box-sizing:border-box;position:fixed;width:100vw}.column-1{bottom:0;height:-webkit-fit-content;height:fit-content;left:0;right:0}.column-2{overflow-x:hidden;top:0}.column-2,.navigation{box-sizing:border-box;height:100%}.navigation{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:hsla(60,12%,93%,.98);bottom:0;display:flex;flex-direction:column;gap:0;left:0;overflow:hidden;padding-bottom:83px;padding-top:0;position:fixed;transform-origin:100%;transition:height .2s ease-in-out;width:100%}.list-wrapper,.navigation{align-items:center;justify-content:center}.list-wrapper{position:absolute;transition:opacity .1s ease-in-out .1s}.list{flex-direction:column;gap:0;justify-content:start;left:0;padding:0}.item,.list{align-items:center;box-sizing:border-box;display:flex;height:-webkit-fit-content;height:fit-content;margin:0;position:relative;width:100%}.item{background-color:hsla(60,12%,93%,0);border:0;cursor:pointer;flex-direction:row;gap:16px;padding:0 36px 0 16px}.item,.item.current{justify-content:center}.item.current{padding-right:16px;width:-webkit-fill-available;width:-moz-available;width:stretch}.controls-wrapper{border-top:1px dotted #b5b5aa;gap:16px;left:0;position:absolute;right:0;z-index:10}.arrow-wrapper,.controls-wrapper{align-items:center;bottom:0;box-sizing:border-box;display:flex;flex-direction:row;height:83px;justify-content:center}.arrow-wrapper{background-color:hsla(60,12%,93%,0);border:none;cursor:pointer;padding-left:36px;padding-right:36px;position:relative;width:-webkit-fit-content;width:fit-content}.line{display:none}.page{align-items:top;display:flex;flex-direction:column;gap:16px;height:calc(100% - 83px);justify-content:start;overflow-x:hidden;overflow-y:scroll;padding-bottom:83px;width:100%}.page.contacts{align-items:left;gap:0}.page.contacts,.text-column{flex-direction:column;justify-content:start;padding-top:16px}.text-column{box-sizing:border-box;display:flex;height:-webkit-fit-content;height:fit-content;padding-bottom:0;padding-right:0;width:100%}.text-wrapper{box-sizing:border-box;display:inline-block}.image-column{align-items:left;flex-direction:column;gap:8px;height:100%;justify-content:start;padding:0 0 36px}.frame,.image-column{box-sizing:border-box;display:flex;width:100%}.frame{background-color:#0b0b0b;border-radius:1.25vw;height:-webkit-fit-content;height:fit-content;max-width:400px;padding:8px}.note{background-color:hsla(0,0%,4%,0);border:1px dotted #b5b5aa;border-radius:1.25vw;max-width:400px;padding:8px 24px}.contacts-column,.note{box-sizing:border-box;display:flex;height:-webkit-fit-content;height:fit-content;width:100%}.contacts-column{flex-direction:column;justify-content:start;padding-bottom:0;padding-right:0;padding-top:0}}
/*# sourceMappingURL=main.fb7ba0f9.css.map*/