.peguu-materials{--material-card-width: 282px;--material-media-height: 275px;--material-column-gap: 20px;width:100%;margin:0;padding:0;color:#574676;background:#fff;overflow:hidden;box-sizing:border-box}.peguu-materials *,.peguu-materials *:before,.peguu-materials *:after{box-sizing:border-box}.peguu-materials__hero{width:100%;min-height:346px;display:flex;align-items:center;justify-content:center;background:#e6dff4}.peguu-materials__hero-container{width:min(1188px,calc(100% - 48px));margin:0 auto;padding:48px 0 42px}.peguu-materials__title{width:min(900px,100%);margin:0 auto;color:#574676;text-align:center;font-family:Excon,sans-serif;font-size:60px;font-style:normal;font-weight:700;line-height:65px;letter-spacing:0}.peguu-materials__title span{display:inline-block;margin:0 2px;padding:0 8px 3px;color:#fff;background:#41c5e7;border-radius:8px;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:65px}.peguu-materials__break{display:none}.peguu-materials__break--desktop{display:block}.peguu-materials__container{width:min(1188px,calc(100% - 48px));margin:0 auto;padding:64px 0 120px;overflow:visible}.peguu-materials__status{width:100%;margin:0;padding:40px 20px;color:#574676;text-align:center;font-family:Excon,sans-serif;font-size:18px;font-weight:500;line-height:26px}.peguu-materials__status[hidden]{display:none}.peguu-materials__retry{margin-top:12px;padding:10px 20px;border:0;border-radius:999px;background:#574676;color:#fff;cursor:pointer;font:inherit}.peguu-materials__grid{width:100%;display:grid;grid-template-columns:repeat(4,var(--material-card-width));column-gap:var(--material-column-gap);row-gap:72px;align-items:start;justify-content:center;overflow:visible}.peguu-material-card{position:relative;width:var(--material-card-width);min-width:0;margin:0;padding:0;overflow:visible;cursor:pointer}.peguu-material-card__link{position:relative;width:100%;height:100%;display:block;color:inherit;border-radius:12px;text-decoration:none}.peguu-material-card__link:focus{outline:none}.peguu-material-card__link:focus-visible{outline:3px solid #574676;outline-offset:4px}.peguu-material-card__media{position:relative;width:var(--material-card-width);height:var(--material-media-height);margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:#f7f7f7;border-radius:12px;overflow:visible;transition:box-shadow .2s ease}.peguu-material-card:hover .peguu-material-card__media{box-shadow:0 8px 18px #5746761f}.peguu-material-card__image-wrap{width:100%;height:100%;min-width:0;padding:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit}.peguu-material-card__image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:0;object-fit:contain;object-position:center;border:0;border-radius:inherit}.peguu-material-card__no-image{width:100%;padding:20px;color:#574676;text-align:center;font-family:Excon,sans-serif;font-size:14px;font-weight:500;line-height:20px}.peguu-material-card__badges{position:absolute;z-index:10;top:-12px;right:17px;left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.peguu-material-card__badge{width:auto;min-width:123px;height:34px;min-height:34px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-family:Mona Sans,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:34px;text-align:center;white-space:nowrap}.peguu-material-card__badge--top{color:#574676;background:#f7ed43}.peguu-material-card__badge--discount{color:#fff;background:#e9b42a}.peguu-material-card:has(.peguu-material-card__badge--discount) .peguu-material-card__media{background:#fbf0d4}.peguu-material-card:has(.peguu-material-card__badge--discount) .peguu-material-card__button{color:#fff;background:#e9b42a}.peguu-material-card:has(.peguu-material-card__badge--discount) .peguu-material-card__button:hover{background:#eaa817}.peguu-material-card__name{width:100%;max-width:100%;margin:21px 0 0;padding:0;color:#574676;font-family:Excon,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:normal;overflow-wrap:normal;word-break:normal}.peguu-material-card__button{position:absolute;z-index:12;top:calc(var(--material-media-height) - 20px);right:30px;width:41px;height:41px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;color:#574676;background:#f7ed43;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;box-shadow:none;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.peguu-material-card__button:hover{background:#ffef32;transform:translateY(-2px)}.peguu-material-card__button:active{transform:translateY(0)}.peguu-material-card__button:focus{outline:none}.peguu-material-card__button:focus-visible{outline:3px solid #574676;outline-offset:3px}.peguu-material-card__button svg{display:block;width:26px;height:23px;margin:0;padding:0;flex:0 0 auto;pointer-events:none}@media screen and (max-width:1199px){.peguu-materials__container{width:min(886px,calc(100% - 48px))}.peguu-materials__grid{grid-template-columns:repeat(3,var(--material-card-width))}}@media screen and (max-width:919px){.peguu-materials__hero{min-height:320px}.peguu-materials__hero-container{width:calc(100% - 40px);padding:44px 0 40px}.peguu-materials__title{width:min(760px,100%);font-size:48px;line-height:53px}.peguu-materials__title span{line-height:53px}.peguu-materials__container{width:min(588px,calc(100% - 40px));padding:64px 0 100px}.peguu-materials__grid{grid-template-columns:repeat(2,var(--material-card-width));column-gap:24px;row-gap:68px}}@media screen and (max-width:639px){.peguu-materials{--material-card-width: calc((100vw - 55px)/2) ;--material-media-height: var(--material-card-width);--material-column-gap: 15px}.peguu-materials__hero{min-height:227px;align-items:center;justify-content:center}.peguu-materials__hero-container{width:100%;margin:0;padding:27px 20px 29px}.peguu-materials__title{width:100%;max-width:340px;margin:0 auto;font-size:30px;line-height:45px}.peguu-materials__title span{margin:0;padding:0 7px 2px;border-radius:8px;line-height:39px}.peguu-materials__break--desktop{display:none}.peguu-materials__break--mobile{display:block}.peguu-materials__container{width:100%;margin:0;padding:42px 20px 12px;overflow:visible}.peguu-materials__status{padding:32px 10px;font-size:15px;line-height:22px}.peguu-materials__grid{width:100%;grid-template-columns:repeat(2,minmax(0,var(--material-card-width)));column-gap:var(--material-column-gap);row-gap:22px;align-items:start;justify-content:center}.peguu-material-card{width:100%;min-width:0}.peguu-material-card__media{width:100%;height:var(--material-media-height);border-radius:12px}.peguu-material-card__image{padding:7px}.peguu-material-card__badges{top:-7px;right:11px;gap:4px}.peguu-material-card__badge{min-width:49px;height:19px;min-height:19px;padding:0 7px;font-size:11px;line-height:19px}.peguu-material-card__badge--top{min-width:79px}.peguu-material-card__badge--discount{min-width:49px}.peguu-material-card__button{top:calc(var(--material-media-height) - 21px);right:11px;bottom:auto;width:38px;height:38px}.peguu-material-card__button:hover{transform:none}.peguu-material-card__button svg{width:24px;height:21px}.peguu-material-card__name{width:100%;min-height:50px;margin:18px 0 0;font-size:18px;line-height:25px;overflow-wrap:break-word;word-break:normal}}@media screen and (max-width:374px){.peguu-materials{--material-card-width: calc((100vw - 44px)/2) ;--material-column-gap: 12px}.peguu-materials__hero{min-height:218px}.peguu-materials__hero-container{padding:25px 16px 27px}.peguu-materials__title{max-width:310px;font-size:28px;line-height:41px}.peguu-materials__title span{padding:0 6px 2px;line-height:36px}.peguu-materials__container{padding-right:16px;padding-left:16px}.peguu-materials__grid{row-gap:20px}.peguu-material-card__badges{right:8px}.peguu-material-card__badge{padding:0 6px;font-size:10px}.peguu-material-card__button{top:calc(var(--material-media-height) - 20px);right:9px;width:36px;height:36px}.peguu-material-card__button svg{width:22px;height:20px}.peguu-material-card__name{min-height:44px;margin-top:16px;font-size:16px;line-height:22px}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/peguu-materials-grid.css.map */