.pr-cs__inner{width:100%;max-width:var(--pr-content-w, 1280px);margin-inline:auto;padding-block:calc(var(--pr-inner-pt, 0px) * var(--pr-space-scale, 1)) calc(var(--pr-inner-pb, 0px) * var(--pr-space-scale, 1));background:var(--pr-band, transparent);border-radius:var(--pr-band-r, 0px)}.pr-cs__row{position:relative;width:100%}.pr-cs__pane{position:relative;margin:0;height:100%;overflow:hidden;border-radius:var(--pr-radius);background:var(--pr-tile-bg)}.pr-cs__media{position:absolute;left:0;right:0;top:calc(-1 * var(--pr-over, 0%));bottom:calc(-1 * var(--pr-over, 0%))}.pr-cs__media img,.pr-cs__media svg{width:100%;height:100%;object-fit:var(--fit, cover);object-position:var(--fp, center);transform:scale(var(--zoom, 1))}.pr-cs__shot{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;background:var(--pr-tile-bg)}.pr-cs__shot img{position:absolute;left:0;top:0;width:100%;height:var(--pr-shot-h, auto);object-fit:var(--pr-shot-fit, fill);object-position:top center;transition:transform var(--pr-dur, 4s) linear}.pr-cs__shot svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}[data-pr-scroll].is-hover .pr-cs__shot img{transform:translate3d(0,var(--pr-shift, 0px),0)}@keyframes pr-cs-scroll{0%,10%{transform:translateZ(0)}50%,60%{transform:translate3d(0,calc(-1 * var(--pr-auto-dist, 55%)),0)}to{transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.pr-cs__screens--auto .pr-cs__shot img{animation:none}}.pr-cs__duo{display:grid;grid-template-columns:737fr 519fr;gap:2.031%;aspect-ratio:1280 / 627}.pr-cs__screens{aspect-ratio:1280 / 807;overflow:hidden}.pr-cs__screen{position:absolute;margin:0;border-radius:var(--pr-radius);box-shadow:34px 26px 70px -24px rgba(22,16,12,calc(.55 * var(--pr-shadow, .45)))}.pr-cs__screen--back{left:-5%;top:-7.31%;width:52.5%;height:55.45%;z-index:1}.pr-cs__screen--front{left:47.5%;top:51.93%;width:52.5%;height:55.45%;z-index:2}.pr-cs__screen--main{left:16.42%;top:17.2%;width:62.16%;height:65.67%;z-index:3}.pr-cs__notes{aspect-ratio:1280 / 620;overflow:hidden;border-radius:var(--pr-radius);background:var(--pr-panel)}.pr-cs__notes-img{position:absolute;left:50%;top:-8.39%;width:69.61%;aspect-ratio:1;transform:translate(-50%);overflow:hidden}.pr-cs__notes-img img,.pr-cs__notes-img svg{width:100%;height:100%;object-fit:var(--fit, cover);transform:scale(var(--zoom, 1))}.pr-cs__note{position:absolute;z-index:2;width:22.34%;padding:26px 26px 30px;border-radius:var(--pr-radius);background:var(--pr-card-bg)}.pr-cs__note--1{left:10.78%;top:18.39%}.pr-cs__note--2{left:10.78%;top:50.65%}.pr-cs__note--3{right:11.09%;top:28.71%}.pr-cs__note-title{margin:0;color:var(--pr-card-title);font:var(--pr-hw, 450) calc(21px * var(--pr-type-scale, 1)) / 1.3 var(--pr-font-head);letter-spacing:-.03em}.pr-cs__note-text{margin:10px 0 0;color:var(--pr-card-text);font-size:calc(14px * var(--pr-type-scale, 1));line-height:1.6;letter-spacing:-.01em}.pr-cs__phones{aspect-ratio:1280 / 807;overflow:hidden;margin-bottom:4rem}.pr-cs__phone{position:absolute;margin:0;width:24.81%;aspect-ratio:var(--pr-phone-ar, 317.6 / 689.7);border-radius:calc(var(--pr-radius) + 14px);box-shadow:30px 24px 64px -22px rgba(22,16,12,calc(.5 * var(--pr-shadow, .45)))}.pr-cs__phone--1{left:7.81%;top:6.81%}.pr-cs__phone--2{left:37.38%;top:-38.91%}.pr-cs__phone--3{left:37.38%;top:52.43%}.pr-cs__phone--4{left:66.95%;top:6.81%}@media screen and (max-width:989px){.pr-cs__note{padding:20px 20px 22px}.pr-cs__note-title{font-size:calc(18px * var(--pr-type-scale, 1))}.pr-cs__note-text{font-size:calc(13px * var(--pr-type-scale, 1))}}@media screen and (max-width:749px){.pr-cs__row{aspect-ratio:auto}.pr-cs__duo{grid-template-columns:minmax(0,1fr);gap:12px}.pr-cs__duo .pr-cs__pane{height:auto;aspect-ratio:4 / 3}.pr-cs__screens{aspect-ratio:var(--pr-ar-m, 1280 / 807);overflow:hidden}.pr-cs__screen{box-shadow:calc(34px * var(--pr-sh-m, .35)) calc(26px * var(--pr-sh-m, .35)) calc(70px * var(--pr-sh-m, .35)) calc(-24px * var(--pr-sh-m, .35)) rgba(22,16,12,calc(.55 * var(--pr-shadow, .45)))}.pr-cs__screens--auto .pr-cs__shot img{transition:none;animation:pr-cs-scroll var(--pr-auto-dur, 14s) ease-in-out infinite}.pr-cs__screens--auto .pr-cs__screen--front .pr-cs__shot img{animation-delay:calc(var(--pr-auto-dur, 14s) * -.33)}.pr-cs__screens--auto .pr-cs__screen--main .pr-cs__shot img{animation-delay:calc(var(--pr-auto-dur, 14s) * -.66)}.pr-cs__screens--stack{display:flex;aspect-ratio:auto;flex-direction:column;gap:12px;overflow:visible}.pr-cs__screens--stack .pr-cs__screen{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:16 / 10}.pr-cs__phones{aspect-ratio:calc(1280 / (807 * var(--pr-k-m, 1)));overflow:hidden}.pr-cs__phones .pr-cs__phone{width:calc(24.81% * var(--pr-k-m, 1));box-shadow:calc(30px * var(--pr-sh-m, .35)) calc(24px * var(--pr-sh-m, .35)) calc(64px * var(--pr-sh-m, .35)) calc(-22px * var(--pr-sh-m, .35)) rgba(22,16,12,calc(.5 * var(--pr-shadow, .45)))}.pr-cs__phones .pr-cs__phone--1{left:calc(20.215% - 12.405% * var(--pr-k-m, 1))}.pr-cs__phones .pr-cs__phone--2,.pr-cs__phones .pr-cs__phone--3{left:calc(49.785% - 12.405% * var(--pr-k-m, 1))}.pr-cs__phones .pr-cs__phone--4{left:calc(79.355% - 12.405% * var(--pr-k-m, 1))}.pr-cs__phones--grid,.pr-cs__phones--slider{aspect-ratio:auto;overflow:visible}.pr-cs__phones--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pr-slide-gap, 14px)}.pr-cs__phones--grid .pr-cs__phone,.pr-cs__phones--slider .pr-cs__phone{position:relative;left:auto;top:auto;width:100%}.pr-cs__phones--slider{display:flex;margin:0 calc(var(--pr-gutter) * -1);padding:0 var(--pr-gutter);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:var(--pr-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.pr-cs__phones--slider::-webkit-scrollbar{display:none}.pr-cs__phones--slider .pr-cs__phone{flex:0 0 var(--pr-slide-w, 62%);scroll-snap-align:start}.pr-cs__notes{display:flex;flex-direction:column;gap:var(--pr-gap-m, 12px);padding-bottom:16px}.pr-cs__notes--flat{padding-bottom:0;background:none}.pr-cs__notes-img{position:relative;left:auto;top:auto;width:100%;aspect-ratio:4 / 3;transform:none}.pr-cs__note{position:relative;left:auto;right:auto;top:auto;width:calc(100% - 32px);margin:0 16px}.pr-cs__notes--bare .pr-cs__note{width:100%;margin:0;padding:0;background:none}}@media screen and (max-width:749px){.pr-cs__duo .pr-cs__pane:nth-child(2){aspect-ratio:4 / 5}.pr-cs__notes-img{aspect-ratio:4 / 5}.pr-cs__notes{gap:28px;padding-bottom:32px}.pr-cs__note{width:calc(100% - 40px);margin:0 20px;padding:0;background:none;box-shadow:none}.pr-cs__note-title{margin-bottom:8px;font-size:calc(24px * var(--pr-type-scale, 1));font-weight:600}.pr-cs__note-text{font-size:calc(15px * var(--pr-type-scale, 1));line-height:1.5}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/precept-case-media.css.map */