.pp-bento{--pp-b-r: 18px;--pp-b-ease: cubic-bezier(.2, .7, .2, 1);padding-block:26px 40px;background:linear-gradient(180deg,#f7f9fd,#fff)}.pp-bento__heading{margin:0 0 20px;font-size:clamp(24px,2.6vw,34px);color:#203b71}.pp-bento__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:208px;gap:16px}.pp-bento__cell{position:relative;display:flex;flex-direction:column;gap:10px;overflow:visible;text-decoration:none;color:inherit}.pp-bento__cell:hover,.pp-bento__cell:focus-visible{z-index:5}.pp-bento__cell--big{grid-column:span 2;grid-row:span 2}.pp-bento__cell--tall{grid-column:span 1;grid-row:span 2}.pp-bento__cell--wide{grid-column:span 2;grid-row:span 1}.pp-bento__cell--unit{grid-column:span 1;grid-row:span 1}.pp-bento__media{position:relative;flex:1 1 auto;min-height:0;display:block;isolation:isolate}.pp-bento__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:var(--pp-b-r);background:radial-gradient(120% 100% at 50% 12%,#fcfdff,#e4ecf8 58%,#cfddef);box-shadow:0 1px 2px #203b7112,0 14px 30px -22px #203b7199;transition:transform .5s var(--pp-b-ease),box-shadow .5s ease,filter .5s ease}.pp-bento__img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:contain;padding:12px;box-sizing:border-box;transform-origin:50% 50%;filter:drop-shadow(0 12px 16px rgba(22,38,66,.22)) drop-shadow(0 1px 2px rgba(22,38,66,.16));transition:transform .5s var(--pp-b-ease),filter .5s ease}.pp-bento__label{position:static;flex:0 0 auto;height:42px;display:flex;flex-direction:column;justify-content:flex-start;gap:1px;padding-inline:3px;background:none;overflow:hidden}.pp-bento__title{font-size:15px;font-weight:650;line-height:1.2;color:#203b71;transition:color .25s ease}.pp-bento__cell--big .pp-bento__img{padding:20px}.pp-bento__cell--big .pp-bento__title{font-size:19px}.pp-bento__cell:hover .pp-bento__title{color:#067bfd}.pp-bento__meta{display:flex;align-items:baseline;gap:7px;min-width:0}.pp-bento__from{font-size:13px;color:#6b7280;white-space:nowrap;font-variant-numeric:tabular-nums}.pp-bento__count{position:relative;padding-left:9px;font-size:12.5px;color:#8a93a3;white-space:nowrap;font-variant-numeric:tabular-nums}.pp-bento__count:before{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;margin-top:-1.5px;border-radius:50%;background:#b7bec9}@media screen and (max-width:560px){.pp-bento__count{display:none}}.pp-bento__cell:hover .pp-bento__media:before,.pp-bento__cell:focus-visible .pp-bento__media:before{transform:scale(.86) rotate(calc(var(--pp-tilt, -2deg) * -.4));filter:saturate(1.14) brightness(1.015);box-shadow:0 1px 2px #203b710d,0 6px 14px -14px #203b7173}.pp-bento__cell:hover .pp-bento__img,.pp-bento__cell:focus-visible .pp-bento__img{transform:scale(1.17) translateY(-2.5%) rotate(var(--pp-tilt, -2deg));filter:drop-shadow(0 30px 30px rgba(22,38,66,.3)) drop-shadow(0 2px 4px rgba(22,38,66,.18))}@media screen and (max-width:989px){.pp-bento__grid{grid-auto-rows:190px;gap:14px}}@media screen and (max-width:749px){.pp-bento.section,.pp-bento{padding-inline:20px}}@media screen and (max-width:749px){.pp-bento__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:172px;gap:12px}.pp-bento__cell--big{grid-column:span 2;grid-row:span 2}.pp-bento__cell--tall,.pp-bento__cell--wide,.pp-bento__cell--unit{grid-column:span 1;grid-row:span 1}.pp-bento__title{font-size:14px}.pp-bento__cell--big .pp-bento__title{font-size:17px}}@media screen and (max-width:560px){.pp-bento__grid{grid-auto-rows:180px}.pp-bento__cell--big{grid-column:span 1;grid-row:span 1}.pp-bento__label{height:40px}.pp-bento__title{font-size:13px}.pp-bento__from{font-size:12px}}@media(prefers-reduced-motion:reduce){.pp-bento__media:before,.pp-bento__img{transition:none}.pp-bento__cell:hover .pp-bento__media:before{transform:none}.pp-bento__cell:hover .pp-bento__img{transform:none}}.pp-bento__grid{position:relative;z-index:0;isolation:isolate}
/*# sourceMappingURL=/cdn/shop/t/60/assets/pp-tiles.css.map */