@keyframes default-skeleton-bg-animation{0%,to{opacity:1}50%{opacity:.5}}.tutorial-p-widget-page-no-content{align-items:center;border:1px solid hsla(0,0%,100%,.6);border-radius:8px;display:flex;font-family:Oswald,sans-serif;height:200px;justify-content:center;margin:10px auto;opacity:.4;text-transform:uppercase;width:100%}.tutorial-p-widget-bookmark-button{align-items:center;background:#fff0;border-radius:23px;display:flex;gap:10px;height:32px;justify-content:center;width:32px}.tutorial-p-widget-bookmark-button .tutorial-p-widget-icon{height:24px;width:24px}.tutorial-p-widget-bookmark-button .tutorial-p-widget-active-icon{height:20px;width:20px}.tutorial-p-widget-bookmark-button:hover{background:#fff3}.tutorial-p-widget-bookmark-button:hover svg g{opacity:1}.tutorial-p-widget-tutorial-buttons-line{display:flex;margin-top:auto;width:100%}.tutorial-p-widget-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:20px;width:100%}.tutorial-p-widget-top-block{align-items:center;display:flex;gap:16px;justify-content:flex-start;padding:0 40px;position:relative;width:100%}.tutorial-p-widget-page-sites-list{display:grid;gap:20px 10px;grid-template-columns:repeat(auto-fit,minmax(620px,1fr));padding-top:20px;width:calc(100% - 80px)}.tutorial-p-widget-page-sites-list-container{align-items:center;cursor:pointer;display:flex;justify-content:center;max-width:calc(100vw - 40px);position:relative}.tutorial-p-widget-page-site-item-block{align-items:flex-start;border:1px solid hsla(0,0%,100%,0);border-radius:8px;cursor:pointer;display:flex;gap:10px;justify-content:center;transition:background-color .3s ease;width:100%}.tutorial-p-widget-page-site-item-block:hover{background-color:#ffffff1a;border:1px solid hsla(0,0%,100%,.08);border-radius:8px}.tutorial-p-widget-page-site-item-block.sceleton-block{background-color:#ffffff08;border:1px solid hsla(0,0%,100%,.08);border-radius:8px}.tutorial-p-widget-page-site-item-img-wrapper{aspect-ratio:1/1;background:#fff3;border-radius:8px;display:flex;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:relative;width:180px}.tutorial-p-widget-page-site-item-img-wrapper.sceleton-block{animation:default-skeleton-bg-animation 2s infinite;background:#ffffff1a;background-color:#222727;border:1px solid hsla(0,0%,100%,.2);border-radius:8px}.tutorial-p-widget-page-site-item-img-icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.tutorial-p-widget-page-site-item-img{aspect-ratio:1/1;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:180px}.tutorial-p-widget-page-site-text-block{align-items:flex-start;align-self:stretch;display:flex;flex:1;flex-direction:column;gap:10px;min-height:100%;padding:10px}.tutorial-p-widget-page-site-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;font-family:Noto Sans,sans-serif;font-size:20px;font-style:normal;font-weight:500;line-height:normal;overflow:hidden}.tutorial-p-widget-page-site-title.sceleton-title{background-color:#ffffff08;border-radius:8px;height:20px;width:40%}.tutorial-p-widget-page-site-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;color:#fff;font-family:Noto Sans,sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:normal;overflow:hidden;text-overflow:ellipsis}.tutorial-p-widget-page-site-text.sceleton-text{background-color:#ffffff08;border-radius:8px;flex:1;width:100%}.tutorial-p-widget-page{align-items:center;display:flex;flex-direction:column;font-family:Noto Sans,sans-serif;font-size:20px;justify-content:center;padding:40px;text-align:center}.tutorial-p-widget-top-1200-wrapper{display:contents}@media screen and (max-width:1350px){.tool-selector{max-width:400px;min-width:400px}}@media screen and (max-width:1200px){.tutorial-p-widget-top-1200-wrapper{align-items:center;display:flex;gap:16px;justify-content:flex-start;width:100%}.tutorial-p-widget-page-sites-list{width:calc(100% - 40px)}.tutorial-p-widget-top-block{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:0 20px;position:relative;width:100%}.tool-selector{max-width:none;min-width:auto}}@media screen and (max-width:800px){.tutorial-p-widget-top-1200-wrapper{display:contents}.tutorial-p-widget-top-block{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:0 20px;position:relative;width:100%}}