.from-users{--from-users-stage-w: min(100vw, 177.7778svh);--from-users-stage-h: min(100svh, 56.25vw);--from-users-height: 100svh;--from-users-bg: #f7f8f9;--from-users-bg-grad: none;--from-users-heading-color: #333333;--from-users-subtitle-color: #666666;--from-users-review-color: rgba(22, 24, 29, .58);--from-users-author-color: rgba(22, 24, 29, .6);--from-users-designation-color: rgba(22, 24, 29, .42);--from-users-card-bg: rgba(255, 255, 255, .76);--from-users-card-border: transparent;--from-users-star-color: #ff3b16;--from-users-nav-bg: transparent;--from-users-nav-color: #666666;--from-users-heading-size: 48;--from-users-heading-weight: 400;--from-users-heading-lh: 48;--from-users-subtitle-size: 16;--from-users-subtitle-weight: 400;--from-users-review-size: 20;--from-users-review-weight: 500;--from-users-author-size: 13;--from-users-author-weight: 600;--from-users-designation-size: 13;--from-users-align: center;--from-users-max-width: 1600px;--from-users-card-gap: 10;--from-users-card-width: 290.4;--from-users-card-height: 384;--from-users-card-radius: 70.4;--from-users-card-pad-y: 24;--from-users-card-pad-x: 30;--from-users-badge-gap: 16px;--from-users-pad-top: 0px;--from-users-pad-bottom: 0px;--from-users-cards-desktop: 4;--from-users-cards-tablet: 2;--from-users-cards-mobile: 1;position:relative;width:100%;min-height:var(--from-users-height);padding-top:var(--from-users-pad-top);padding-bottom:var(--from-users-pad-bottom);overflow:hidden;color:var(--from-users-heading-color);background:var(--from-users-bg);background-image:url(magichromatic-bg.png);background-size:cover;font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;text-align:var(--from-users-align)}.from-users-wrapper{position:relative;width:min(100%,var(--from-users-max-width));height:var(--from-users-height);min-height:100svh;margin:0 auto;overflow:hidden}.from-users-stage{position:absolute;isolation:isolate;left:50%;top:50%;width:var(--from-users-stage-w);height:var(--from-users-stage-h);transform:translate(-50%,-50%);overflow:hidden}.from-users-header{place-self:center;margin-top:10%;width:100%;display:flex;align-items:center;flex-direction:column}.from-users-heading{margin:0;color:var(--from-users-heading-color);font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:var(--from-users-heading-size);font-weight:var(--from-users-heading-weight);line-height:calc(var(--from-users-heading-lh) / 1920 * var(--from-users-stage-w, 100vw));letter-spacing:0;white-space:nowrap;display:flex;gap:10px}.from-users-heading strong{font-weight:800}.from-users-subtitle{color:var(--from-users-subtitle-color);font-size:calc(var(--from-users-subtitle-size));font-weight:var(--from-users-subtitle-weight);line-height:calc(var(--from-users-subtitle-size) / 1920 * var(--from-users-stage-w, 100vw));white-space:nowrap;margin-top:2rem}.from-users-subtitle--mobile{display:none}.from-users-slider{position:absolute;left:14.0625%;top:calc(360 / 1080 * 100%);z-index:2;display:flex;gap:calc(var(--from-users-card-gap) / 1920 * var(--from-users-stage-w, 100vw));width:71.875%;height:calc(var(--from-users-card-height) / 1080 * 100%);padding:0;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;scroll-padding-inline:calc(90 / 1920 * var(--from-users-stage-w, 100vw));scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px}.from-users-slider::-webkit-scrollbar{display:none}.from-users:not(.from-users--slider) .from-users-slider{overflow-x:hidden;scroll-snap-type:none}.from-users-card,.from-users-card-image{flex:0 0 calc(25% - 10px);width:calc(25% - 10px);border-radius:calc(var(--from-users-card-radius) / 1920 * var(--from-users-stage-w, 100vw));scroll-snap-align:start;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease}.from-users-card-image{object-fit:cover}.from-users-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--from-users-card-border);background:var(--from-users-card-bg);box-shadow:0 calc(28 / 1920 * var(--from-users-stage-w, 100vw)) calc(80 / 1920 * var(--from-users-stage-w, 100vw)) #777e8924;text-align:left}.from-users-card-media{flex:0 0 48%;overflow:hidden}.from-users-card-media img{width:100%;height:100%;object-fit:cover;border-radius:0}.from-users-card-body{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--from-users-card-pad-y) / 1920 * var(--from-users-stage-w, 100vw)) calc(var(--from-users-card-pad-x) / 1920 * var(--from-users-stage-w, 100vw))}.from-users-rating{color:var(--from-users-star-color);font-size:25px;letter-spacing:0;line-height:1}.from-users-review{font-family:Inter;margin:0;color:var(--from-users-review-color);font-size:calc(var(--from-users-review-size));font-weight:var(--from-users-review-weight);line-height:1.48}.from-users-author{display:flex;align-items:center;min-width:0;gap:calc(10 / 1920 * var(--from-users-stage-w, 100vw));color:var(--from-users-author-color);font-size:calc(var(--from-users-author-size) / 1920 * var(--from-users-stage-w, 100vw));font-weight:var(--from-users-author-weight);line-height:1.2}.from-users--hide-reviewer .from-users-author{visibility:hidden;pointer-events:none}.from-users-author-avatar{flex:0 0 calc(42 / 1920 * var(--from-users-stage-w, 100vw));width:calc(42 / 1920 * var(--from-users-stage-w, 100vw));height:calc(42 / 1920 * var(--from-users-stage-w, 100vw));border-radius:50%;object-fit:cover}.from-users-author-name,.from-users-author-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.from-users-author-role{font-family:Inter;color:var(--from-users-designation-color);font-size:calc(var(--from-users-designation-size));font-weight:400}.from-users-author-details{display:contents}.from-users--hover-lift .from-users-card[data-hover=true]:hover{transform:translateY(-8px)}.from-users--hover-shadow .from-users-card[data-hover=true]:hover{box-shadow:0 calc(36 / 1920 * var(--from-users-stage-w, 100vw)) calc(96 / 1920 * var(--from-users-stage-w, 100vw)) #777e8938}.from-users-nav{position:absolute;top:calc(520 / 1080 * 100%);z-index:3;width:calc(64 / 1920 * var(--from-users-stage-w, 100vw));height:calc(64 / 1920 * var(--from-users-stage-w, 100vw));padding:0;border:0;border-radius:50%;background:var(--from-users-nav-bg);color:var(--from-users-nav-color);cursor:pointer}.from-users-nav--prev{left:10%}.from-users-nav--next{right:10%}.from-users-nav img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.from-users-dots{position:absolute;left:50%;top:calc(780 / 1080 * 100%);z-index:3;display:flex;gap:8px;transform:translate(-50%)}.from-users-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#0000002e;cursor:pointer}.from-users-dot[data-active=true]{background:#0000008c}.from-users-badges{position:absolute;left:50%;top:calc(854 / 1080 * 100%);z-index:2;display:flex;align-items:center;justify-content:center;gap:var(--from-users-badge-gap);width:calc(625 / 1920 * var(--from-users-stage-w, 100vw));transform:translate(-50%)}.from-users-badge,.from-users-award{display:block;width:100%;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.from-users-badge-link{display:block;flex:1 1 0;min-width:0;text-decoration:none;color:inherit}.from-users-badge-item{flex:1 1 0;min-width:0;text-align:center}.from-users-badge-title{margin:.35rem 0 0;font-size:.75rem;font-weight:700}.from-users-badge-subtitle{margin:.15rem 0 0;font-size:.65rem;opacity:.7}@media(min-width:991px){.from-users{--from-users-desktop-unit: calc(var(--from-users-stage-w) / 1920);background:radial-gradient(ellipse at 35% 45%,rgba(183,194,222,.16),transparent 70%),linear-gradient(180deg,#e7e8eb,#eef0f3 65%,#f7f8fa)}.from-users-wrapper{width:100%}.from-users-header{position:absolute;top:calc(176 / 1080 * 100%);left:0;margin:0;gap:calc(20 * var(--from-users-desktop-unit))}.from-users-heading{justify-content:center;align-items:baseline;gap:calc(12 * var(--from-users-desktop-unit));font-size:calc(48 * var(--from-users-desktop-unit));line-height:1}.from-users-subtitle--desktop{margin:0;font-size:calc(16 * var(--from-users-desktop-unit));line-height:1}.from-users-slider{left:18.75%;top:calc(360 / 1080 * 100%);width:62.125%;height:calc(383.68 * var(--from-users-desktop-unit));gap:calc(10.4 * var(--from-users-desktop-unit));scroll-padding-inline:0;overscroll-behavior-inline:contain}.from-users-card,.from-users-card-image{flex:0 0 calc(290.4 * var(--from-users-desktop-unit));width:calc(290.4 * var(--from-users-desktop-unit));height:100%;min-width:0;border:0;border-radius:calc(70.4 * var(--from-users-desktop-unit))!important;box-shadow:none!important}.from-users-card[data-card-kind=media] .from-users-card-media{width:100%;height:100%;border-radius:inherit}.from-users-card[data-card-kind=media] img{display:block;object-position:center}.from-users-card[data-card-kind=quote]{background:#fff3!important;box-shadow:inset 0 0 calc(26.4 * var(--from-users-desktop-unit)) calc(7.04 * var(--from-users-desktop-unit)) #fff,inset 0 0 calc(26.4 * var(--from-users-desktop-unit)) #fff!important}.from-users-card[data-card-kind=quote] .from-users-card-body{display:grid;grid-template-rows:calc(17.6 * var(--from-users-desktop-unit)) minmax(0,1fr) calc(36 * var(--from-users-desktop-unit));gap:calc(26.4 * var(--from-users-desktop-unit));box-sizing:border-box;height:100%;min-height:0;padding:calc(70.4 * var(--from-users-desktop-unit)) calc(37.84 * var(--from-users-desktop-unit)) calc(53.6 * var(--from-users-desktop-unit)) calc(49.28 * var(--from-users-desktop-unit));border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.from-users-card[data-card-kind=quote] .from-users-card-body:before{content:none}.from-users-rating{grid-row:1;font-family:Arial,sans-serif;font-size:calc(19.143 * var(--from-users-desktop-unit));line-height:1;letter-spacing:calc(1.714 * var(--from-users-desktop-unit));white-space:nowrap}.from-users-review{grid-row:2;min-height:0;margin:0;overflow:auto;scrollbar-width:none;color:#666;font-size:calc(16 * var(--from-users-desktop-unit));font-weight:400;line-height:calc(28 * var(--from-users-desktop-unit));overflow-wrap:anywhere}.from-users-review::-webkit-scrollbar{display:none}.from-users--hide-reviewer .from-users-card[data-card-kind=quote] .from-users-card-body{grid-template-rows:calc(17.6 * var(--from-users-desktop-unit)) minmax(0,1fr)}.from-users--hide-reviewer .from-users-card[data-card-kind=quote] .from-users-author{display:none}.from-users-author{grid-row:3;gap:calc(8.32 * var(--from-users-desktop-unit));font-size:calc(10 * var(--from-users-desktop-unit));font-weight:400}.from-users-author-avatar{flex-basis:calc(36 * var(--from-users-desktop-unit));width:calc(36 * var(--from-users-desktop-unit));height:calc(36 * var(--from-users-desktop-unit))}.from-users-author-details{display:grid;min-width:0;gap:calc(2 * var(--from-users-desktop-unit))}.from-users-author-name,.from-users-author-role{color:#666;font-size:inherit;font-weight:400}.from-users-nav--prev{left:calc(266 / 1920 * 100%)}.from-users-nav--next{left:calc(1582 / 1920 * 100%);right:auto}.from-users-nav:disabled{opacity:.35;cursor:default}.from-users-dot[hidden]{display:none}.from-users-nav:focus-visible,.from-users-dot:focus-visible{outline:2px solid #666;outline-offset:4px}.from-users-nav:before{content:"";position:absolute;inset:50% auto auto 50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}}@media(max-width:767px){body.scroll-transition-active #MainContent>.section-from-the-users{height:min(calc(100vw * 874 / 402),100svh)!important;min-height:min(calc(100vw * 874 / 402),100svh)!important}body.scroll-transition-active #MainContent>.section-from-the-users>[data-scroll-transition=true]{height:100%!important;min-height:0!important}body.scroll-transition-active.scroll-transition-pinned #MainContent>.section-from-the-users>[data-scroll-transition=true]{position:absolute;top:0;left:0}.from-users{--from-users-mobile-height: min(calc(100vw * 874 / 402), 100svh);width:100vw;height:var(--from-users-mobile-height)!important;min-height:var(--from-users-mobile-height)!important;padding:0!important;background-position:center top;background-size:auto 100%;background-repeat:no-repeat}.from-users-wrapper{width:100%;height:100%!important;min-height:0;margin:0;padding:0;overflow:hidden}.from-users-stage{position:absolute;top:0;left:0;width:100vw;height:100%;min-height:0;padding:0;overflow:hidden;transform:none}.from-users-header{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;pointer-events:none}.from-users-heading{position:absolute;top:calc(180 / 874 * 100%);left:50%;display:flex;align-items:baseline;justify-content:center;gap:calc(8 / 402 * 100vw);width:max-content;margin:0;color:#333;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:calc(32 / 402 * 100vw);font-weight:400;line-height:calc(32 / 402 * 100vw);letter-spacing:0;white-space:nowrap;transform:translate(-50%)}.from-users-heading strong{font-weight:800}.from-users-subtitle--desktop{display:none}.from-users-subtitle--mobile{position:absolute;top:calc(235 / 874 * 100%);left:50%;display:block;width:max-content;margin:0;color:#46464799;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:calc(12 / 402 * 100vw);font-weight:400;line-height:calc(16 / 402 * 100vw);letter-spacing:0;white-space:nowrap;transform:translate(-50%)}.from-users-slider{position:absolute;z-index:2;box-sizing:border-box;top:calc(341 / 874 * 100% - 24px);left:0;display:flex;gap:calc(7 / 402 * 100vw);width:100%;height:calc(268.576 / 402 * 100vw + 48px);margin:0;padding:24px calc(153.72 / 402 * 100vw) 24px calc(45 / 402 * 100vw);overflow-x:auto;overflow-y:hidden;cursor:grab;scroll-behavior:auto;scroll-padding-inline:calc(45 / 402 * 100vw) 0;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;touch-action:pan-x;user-select:none;-webkit-user-select:none}.from-users-slider[data-dragging=true]{cursor:grabbing;scroll-snap-type:none}.from-users-card,.from-users-card-image{flex:0 0 calc(203.28 / 402 * 100vw);width:calc(203.28 / 402 * 100vw);min-width:0;min-height:0;height:calc(268.576 / 402 * 100vw);border:0;border-radius:calc(49.28 / 402 * 100vw)!important;background:transparent!important;box-shadow:none!important;scroll-snap-align:start;scroll-snap-stop:always}.from-users-card[data-card-kind=media]{overflow:hidden}.from-users-card[data-card-kind=media] .from-users-card-media{flex:0 0 100%!important;width:100%;height:100%;overflow:hidden;border-radius:inherit}.from-users-card[data-card-kind=media] .from-users-card-body{display:none}.from-users-card[data-card-kind=media] .from-users-card-media img,.from-users-card-image{width:100%;height:100%;border-radius:inherit;object-fit:cover}.from-users-card[data-card-kind=quote]{overflow:hidden;background:#fff3!important;box-shadow:inset 0 0 calc(18.48 / 402 * 100vw) calc(4.928 / 402 * 100vw) #fff,inset 0 0 calc(18.48 / 402 * 100vw) 0 #fff!important}.from-users-card[data-card-kind=quote] .from-users-card-body{display:block;box-sizing:border-box;width:100%;height:100%;min-height:0;padding:calc(49.28 / 402 * 100vw) calc(25.48 / 402 * 100vw) calc(37.18 / 402 * 100vw) calc(34.5 / 402 * 100vw);border:0!important;border-radius:inherit;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.from-users-card[data-card-kind=quote] .from-users-card-body:before{content:none!important}.from-users-rating{width:calc(71.456 / 402 * 100vw);height:calc(12.32 / 402 * 100vw);color:#ff3b16;font-family:Arial,sans-serif;font-size:calc(13.4 / 402 * 100vw);font-weight:700;line-height:calc(12.32 / 402 * 100vw);letter-spacing:calc(1.2 / 402 * 100vw);white-space:nowrap}.from-users-review{width:calc(142.296 / 402 * 100vw);height:calc(80.696 / 402 * 100vw);margin:calc(18.48 / 402 * 100vw) 0 0;color:#666;font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:calc(11.2 / 402 * 100vw);font-weight:400;line-height:calc(19.6 / 402 * 100vw);letter-spacing:0;overflow:hidden}.from-users-author{display:flex;align-items:center;gap:calc(5.82 / 402 * 100vw);min-width:0;margin-top:calc(44.976 / 402 * 100vw);color:#0006;font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:calc(7 / 402 * 100vw);font-weight:400;line-height:normal}.from-users-author-avatar{flex:0 0 calc(25.2 / 402 * 100vw);width:calc(25.2 / 402 * 100vw);height:calc(25.2 / 402 * 100vw);border-radius:50%;object-fit:cover}.from-users-author-name,.from-users-author-role{color:#0006;font-size:calc(7 / 402 * 100vw);font-weight:400;line-height:normal}.from-users-nav,.from-users-dots,.from-users-badges{display:none!important}.from-users--hover-lift .from-users-card[data-hover=true]:hover{transform:none}}@media(prefers-reduced-motion:reduce){.from-users-card,.from-users-slider{scroll-behavior:auto;transition-duration:.001ms!important}}@media screen and (max-width:990px){.from-users{background-color:#fff;background-image:url(magichromatic-bg.png);background-position:center;background-size:cover;background-repeat:no-repeat}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/from-the-users.css.map */