<!doctype html>
<html lang="en">
<head><script type="text/javascript">(window.NREUM||(NREUM={})).init={privacy:{cookies_enabled:true},ajax:{deny_list:["bam.eu01.nr-data.net"]},distributed_tracing:{enabled:true}};(window.NREUM||(NREUM={})).loader_config={agentID:"538610544",accountID:"3235779",trustKey:"3235779",xpid:"VwQEVFFUARAFVVFQDwIFUlA=",licenseKey:"NRJS-c162cafe4be60930da1",applicationID:"510283244"};;/*! For license information please see nr-loader-spa-1.293.0.min.js.LICENSE.txt */
(()=>{var e,t,r={8122:(e,t,r)=>{"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),o=0===Object.keys(r).length?e:r;for(let a in o)if(void 0!==e[a])try{if(null===e[a]){r[a]=null;continue}Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([...e[a],...t[a]])):"object"==typeof e[a]&&"object"==typeof t[a]?r[a]=i(e[a],t[a]):r[a]=e[a]}catch(e){r[a]||(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},2555:(e,t,r)=>{"use strict";r.d(t,{D:()=>s,f:()=>a});var n=r(384),i=r(8122);const o={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0};function a(e){try{return!!e.licenseKey&&!!e.errorBeacon&&!!e.applicationID}catch(e){return!1}}const s=e=>(0,i.a)(e,o)},9324:(e,t,r)=>{"use strict";r.d(t,{F3:()=>i,Xs:()=>o,Yq:()=>a,xv:()=>n});const n="1.293.0",i="PROD",o="CDN",a="^2.0.0-alpha.18"},6154:(e,t,r)=>{"use strict";r.d(t,{A4:()=>s,OF:()=>d,RI:()=>i,WN:()=>h,bv:()=>o,gm:()=>a,lR:()=>f,m:()=>u,mw:()=>c,sb:()=>l});var n=r(1863);const i="undefined"!=typeof window&&!!window.document,o="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),a=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),s="complete"===a?.document?.readyState,c=Boolean("hidden"===a?.document?.visibilityState),u=""+a?.location,d=/iPad|iPhone|iPod/.test(a.navigator?.userAgent),l=d&&"undefined"==typeof SharedWorker,f=(()=>{const e=a.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),h=Date.now()-(0,n.t)()},7295:(e,t,r)=>{"use strict";r.d(t,{Xv:()=>a,gX:()=>i,iW:()=>o});var n=[];function i(e){if(!e||o(e))return!1;if(0===n.length)return!0;for(var t=0;t<n.length;t++){var r=n[t];if("*"===r.hostname)return!1;if(s(r.hostname,e.hostname)&&c(r.pathname,e.pathname))return!1}return!0}function o(e){return void 0===e.hostname}function a(e){if(n=[],e&&e.length)for(var t=0;t<e.length;t++){let r=e[t];if(!r)continue;0===r.indexOf("http://")?r=r.substring(7):0===r.indexOf("https://")&&(r=r.substring(8));const i=r.indexOf("/");let o,a;i>0?(o=r.substring(0,i),a=r.substring(i)):(o=r,a="");let[s]=o.split(":");n.push({hostname:s,pathname:a})}}function s(e,t){return!(e.length>t.length)&&t.indexOf(e)===t.length-e.length}function c(e,t){return 0===e.indexOf("/")&&(e=e.substring(1)),0===t.indexOf("/")&&(t=t.substring(1)),""===e||e===t}},3241:(e,t,r)=>{"use strict";r.d(t,{W:()=>o});var n=r(6154);const i="newrelic";function o(e={}){try{n.gm.dispatchEvent(new CustomEvent(i,{detail:e}))}catch(e){}}},1687:(e,t,r)=>{"use strict";r.d(t,{Ak:()=>u,Ze:()=>f,x3:()=>d});var n=r(3241),i=r(7836),o=r(3606),a=r(860),s=r(2646);const c={};function u(e,t){const r={staged:!1,priority:a.P3[t]||0};l(e),c[e].get(t)||c[e].set(t,r)}function d(e,t){e&&c[e]&&(c[e].get(t)&&c[e].delete(t),p(e,t,!1),c[e].size&&h(e))}function l(e){if(!e)throw new Error("agentIdentifier required");c[e]||(c[e]=new Map)}function f(e="",t="feature",r=!1){if(l(e),!e||!c[e].get(t)||r)return p(e,t);c[e].get(t).staged=!0,h(e)}function h(e){const t=Array.from(c[e]);t.every((([e,t])=>t.staged))&&(t.sort(((e,t)=>e[1].priority-t[1].priority)),t.forEach((([t])=>{c[e].delete(t),p(e,t)})))}function p(e,t,r=!0){const a=e?i.ee.get(e):i.ee,c=o.i.handlers;if(!a.aborted&&a.backlog&&c){if((0,n.W)({agentIdentifier:e,type:"lifecycle",name:"drain",feature:t}),r){const e=a.backlog[t],r=c[t];if(r){for(let t=0;e&&t<e.length;++t)g(e[t],r);Object.entries(r).forEach((([e,t])=>{Object.values(t||{}).forEach((t=>{t[0]?.on&&t[0]?.context()instanceof s.y&&t[0].on(e,t[1])}))}))}}a.isolatedBacklog||delete c[t],a.backlog[t]=null,a.emit("drain-"+t,[])}}function g(e,t){var r=e[1];Object.values(t[r]||{}).forEach((t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],o=e[2];n.apply(i,o)}}))}},7836:(e,t,r)=>{"use strict";r.d(t,{P:()=>s,ee:()=>c});var n=r(384),i=r(8990),o=r(2646),a=r(5607);const s="nr@context:".concat(a.W),c=function e(t,r){var n={},a={},d={},l=!1;try{l=16===r.length&&u.initializedAgents?.[r]?.runtime.isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,o){!1!==o&&(o=!0);if(c.aborted&&!i)return;t&&o&&t.emit(e,r,n);for(var s=h(n),u=g(e),d=u.length,l=0;l<d;l++)u[l].apply(s,r);var p=v()[a[e]];p&&p.push([f,e,r,s]);return s},get:m,listeners:g,context:h,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach((([e,n])=>{a[n]=t,t in r||(r[t]=[])}))},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach((e=>{delete f.backlog[e]}))},isBuffering:function(e){return!!v()[a[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function h(e){return e&&e instanceof o.y?e:e?(0,i.I)(e,s,(()=>new o.y(s))):new o.y(s)}function p(e,t){n[e]=g(e).concat(t)}function g(e){return n[e]||[]}function m(t){return d[t]=d[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),u=(0,n.Zm)();u.ee||(u.ee=c)},2646:(e,t,r)=>{"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},9908:(e,t,r)=>{"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(7836).ee.get("handle");function i(e,t,r,i,o){o?(o.buffer([e],i),o.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},3606:(e,t,r)=>{"use strict";r.d(t,{i:()=>o});var n=r(9908);o.on=a;var i=o.handlers={};function o(e,t,r,o){a(o||n.d,i,e,t,r)}function a(e,t,r,i,o){o||(o="feature"),e||(e=n.d);var a=t[o]=t[o]||{};(a[r]=a[r]||[]).push([e,i])}},3878:(e,t,r)=>{"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function o(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>o,jT:()=>n,sp:()=>i})},5607:(e,t,r)=>{"use strict";r.d(t,{W:()=>n});const n=(0,r(9566).bz)()},9566:(e,t,r)=>{"use strict";r.d(t,{LA:()=>s,ZF:()=>c,bz:()=>a,el:()=>u});var n=r(6154);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function o(e,t){return e?15&e[t]:16*Math.random()|0}function a(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),i.split("").map((e=>"x"===e?o(t,r++).toString(16):"y"===e?(3&o()|8).toString(16):e)).join("")}function s(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var s=0;s<e;s++)a.push(o(r,i++).toString(16));return a.join("")}function c(){return s(16)}function u(){return s(32)}},2614:(e,t,r)=>{"use strict";r.d(t,{BB:()=>a,H3:()=>n,g:()=>u,iL:()=>c,tS:()=>s,uh:()=>i,wk:()=>o});const n="NRBA",i="SESSION",o=144e5,a=18e5,s={STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},c={SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},u={OFF:0,FULL:1,ERROR:2}},1863:(e,t,r)=>{"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},7485:(e,t,r)=>{"use strict";r.d(t,{D:()=>i});var n=r(6154);function i(e){if(0===(e||"").indexOf("data:"))return{protocol:"data"};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(":")),sameOrigin:t.protocol===n.gm?.location?.protocol&&t.host===n.gm?.location?.host};return r.port&&""!==r.port||("http:"===t.protocol&&(r.port="80"),"https:"===t.protocol&&(r.port="443")),r.pathname&&""!==r.pathname?r.pathname.startsWith("/")||(r.pathname="/".concat(r.pathname)):r.pathname="/",r}catch(e){return{}}}},944:(e,t,r)=>{"use strict";r.d(t,{R:()=>i});var n=r(3241);function i(e,t){"function"==typeof console.debug&&(console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t),(0,n.W)({agentIdentifier:null,drained:null,type:"data",name:"warn",feature:"warn",data:{code:e,secondary:t}}))}},5701:(e,t,r)=>{"use strict";r.d(t,{B:()=>o,t:()=>a});var n=r(3241);const i=new Set,o={};function a(e,t){const r=t.agentIdentifier;o[r]??={},e&&"object"==typeof e&&(i.has(r)||(t.ee.emit("rumresp",[e]),o[r]=e,i.add(r),(0,n.W)({agentIdentifier:r,loaded:!0,drained:!0,type:"lifecycle",name:"load",feature:void 0,data:e})))}},8990:(e,t,r)=>{"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},6389:(e,t,r)=>{"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout((()=>{i=clearTimeout(i)}),t)),n||(clearTimeout(i),i=setTimeout((()=>{e.apply(this,r)}),t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},3304:(e,t,r)=>{"use strict";r.d(t,{A:()=>o});var n=r(7836);const i=()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}};function o(e){try{return JSON.stringify(e,i())??""}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}return""}}},3496:(e,t,r)=>{"use strict";function n(e){return!e||!(!e.licenseKey||!e.applicationID)}function i(e,t){return!e||e.licenseKey===t.info.licenseKey&&e.applicationID===t.info.applicationID}r.d(t,{A:()=>i,I:()=>n})},5289:(e,t,r)=>{"use strict";r.d(t,{GG:()=>o,Qr:()=>s,sB:()=>a});var n=r(3878);function i(){return"undefined"==typeof document||"complete"===document.readyState}function o(e,t){if(i())return e();(0,n.sp)("load",e,t)}function a(e){if(i())return e();(0,n.DD)("DOMContentLoaded",e)}function s(e){if(i())return e();(0,n.sp)("popstate",e)}},384:(e,t,r)=>{"use strict";r.d(t,{NT:()=>o,US:()=>u,Zm:()=>a,bQ:()=>c,dV:()=>s,pV:()=>d});var n=r(6154),i=r(1863);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function a(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function s(){let e=a();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket}),e}function c(e,t){let r=a();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t}function u(e,t){a()[e]=t}function d(){return function(){let e=a();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=a();const t=e.init||{};e.init={...t}}(),s(),function(){let e=a();const t=e.loader_config||{};e.loader_config={...t}}(),a()}},2843:(e,t,r)=>{"use strict";r.d(t,{u:()=>i});var n=r(3878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",(function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)}),r,i)}},8139:(e,t,r)=>{"use strict";r.d(t,{u:()=>f});var n=r(7836),i=r(3434),o=r(8990),a=r(6154);const s={},c=a.gm.XMLHttpRequest,u="addEventListener",d="removeEventListener",l="nr@wrapped:".concat(n.P);function f(e){var t=function(e){return(e||n.ee).get("events")}(e);if(s[t.debugId]++)return t;s[t.debugId]=1;var r=(0,i.YM)(t,!0);function f(e){r.inPlace(e,[u,d],"-",p)}function p(e,t){return e[1]}return"getPrototypeOf"in Object&&(a.RI&&h(document,f),c&&h(c.prototype,f),h(a.gm,f)),t.on(u+"-start",(function(e,t){var n=e[1];if(null!==n&&("function"==typeof n||"object"==typeof n)){var i=(0,o.I)(n,l,(function(){var e={object:function(){if("function"!=typeof n.handleEvent)return;return n.handleEvent.apply(n,arguments)},function:n}[typeof n];return e?r(e,"fn-",null,e.name||"anonymous"):n}));this.wrapped=e[1]=i}})),t.on(d+"-start",(function(e){e[1]=this.wrapped||e[1]})),t}function h(e,t,...r){let n=e;for(;"object"==typeof n&&!Object.prototype.hasOwnProperty.call(n,u);)n=Object.getPrototypeOf(n);n&&t(n,...r)}},3434:(e,t,r)=>{"use strict";r.d(t,{Jt:()=>o,YM:()=>c});var n=r(7836),i=r(5607);const o="nr@original:".concat(i.W);var a=Object.prototype.hasOwnProperty,s=!1;function c(e,t){return e||(e=n.ee),r.inPlace=function(e,t,n,i,o){n||(n="");const a="-"===n.charAt(0);for(let s=0;s<t.length;s++){const c=t[s],u=e[c];d(u)||(e[c]=r(u,a?c+n:n,i,c,o))}},r.flag=o,r;function r(t,r,n,s,c){return d(t)?t:(r||(r=""),nrWrapper[o]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach((function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})})),t}catch(e){u([e],r)}for(var n in e)a.call(e,n)&&(t[n]=e[n])}(t,nrWrapper,e),nrWrapper);function nrWrapper(){var o,a,d,l;let f;try{a=this,o=[...arguments],d="function"==typeof n?n(o,a):n||{}}catch(t){u([t,"",[o,a,s],d],e)}i(r+"start",[o,a,s],d,c);const h=performance.now();let p=h;try{return l=t.apply(a,o),p=performance.now(),l}catch(e){throw p=performance.now(),i(r+"err",[o,a,e],d,c),f=e,f}finally{const e=p-h,t={duration:e,isLongTask:e>=50,methodName:s,thrownError:f};t.isLongTask&&i("long-task",[t],d,c),i(r+"end",[o,a,l,t],d,c)}}}function i(r,n,i,o){if(!s||t){var a=s;s=!0;try{e.emit(r,n,i,t,o)}catch(t){u([t,r,n,i],e)}s=a}}}function u(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function d(e){return!(e&&"function"==typeof e&&e.apply&&!e[o])}},9300:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.ajax},3333:(e,t,r)=>{"use strict";r.d(t,{$v:()=>u,TZ:()=>n,Zp:()=>i,kd:()=>c,mq:()=>s,nf:()=>a,qN:()=>o});const n=r(860).K7.genericEvents,i=["auxclick","click","copy","keydown","paste","scrollend"],o=["focus","blur"],a=4,s=1e3,c=["PageAction","UserAction","BrowserPerformance"],u={MARKS:"experimental.marks",MEASURES:"experimental.measures",RESOURCES:"experimental.resources"}},6774:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.jserrors},993:(e,t,r)=>{"use strict";r.d(t,{A$:()=>o,ET:()=>a,TZ:()=>s,p_:()=>i});var n=r(860);const i={ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"},o={OFF:0,ERROR:1,WARN:2,INFO:3,DEBUG:4,TRACE:5},a="log",s=n.K7.logging},3785:(e,t,r)=>{"use strict";r.d(t,{R:()=>c,b:()=>u});var n=r(9908),i=r(1863),o=r(860),a=r(8154),s=r(993);function c(e,t,r={},c=s.p_.INFO,u,d=(0,i.t)()){(0,n.p)(a.xV,["API/logging/".concat(c.toLowerCase(),"/called")],void 0,o.K7.metrics,e),(0,n.p)(s.ET,[d,t,r,c,u],void 0,o.K7.logging,e)}function u(e){return"string"==typeof e&&Object.values(s.p_).some((t=>t===e.toUpperCase().trim()))}},8154:(e,t,r)=>{"use strict";r.d(t,{z_:()=>o,XG:()=>s,TZ:()=>n,rs:()=>i,xV:()=>a});r(6154),r(9566),r(384);const n=r(860).K7.metrics,i="sm",o="cm",a="storeSupportabilityMetrics",s="storeEventMetrics"},6630:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewEvent},782:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewTiming},6344:(e,t,r)=>{"use strict";r.d(t,{BB:()=>d,G4:()=>o,Qb:()=>l,TZ:()=>i,Ug:()=>a,_s:()=>s,bc:()=>u,yP:()=>c});var n=r(2614);const i=r(860).K7.sessionReplay,o={RECORD:"recordReplay",PAUSE:"pauseReplay",ERROR_DURING_REPLAY:"errorDuringReplay"},a=.12,s={DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},c={[n.g.ERROR]:15e3,[n.g.FULL]:3e5,[n.g.OFF]:0},u={RESET:{message:"Session was reset",sm:"Reset"},IMPORT:{message:"Recorder failed to import",sm:"Import"},TOO_MANY:{message:"429: Too Many Requests",sm:"Too-Many"},TOO_BIG:{message:"Payload was too large",sm:"Too-Big"},CROSS_TAB:{message:"Session Entity was set to OFF on another tab",sm:"Cross-Tab"},ENTITLEMENTS:{message:"Session Replay is not allowed and will not be started",sm:"Entitlement"}},d=5e3,l={API:"api"}},5270:(e,t,r)=>{"use strict";r.d(t,{Aw:()=>s,CT:()=>c,SR:()=>a,rF:()=>u});var n=r(384),i=r(7767),o=r(6154);function a(e){return!!(0,n.dV)().o.MO&&(0,i.V)(e)&&!0===e?.session_trace.enabled}function s(e){return!0===e?.session_replay.preload&&a(e)}function c(e,t){const r=t.correctAbsoluteTimestamp(e);return{originalTimestamp:e,correctedTimestamp:r,timestampDiff:e-r,originTime:o.WN,correctedOriginTime:t.correctedOriginTime,originTimeDiff:Math.floor(o.WN-t.correctedOriginTime)}}function u(e,t){try{if("string"==typeof t?.type){if("password"===t.type.toLowerCase())return"*".repeat(e?.length||0);if(void 0!==t?.dataset?.nrUnmask||t?.classList?.contains("nr-unmask"))return e}}catch(e){}return"string"==typeof e?e.replace(/[\S]/g,"*"):"*".repeat(e?.length||0)}},3738:(e,t,r)=>{"use strict";r.d(t,{He:()=>i,Kp:()=>s,Lc:()=>u,Rz:()=>d,TZ:()=>n,bD:()=>o,d3:()=>a,jx:()=>l,uP:()=>c});const n=r(860).K7.sessionTrace,i="bstResource",o="resource",a="-start",s="-end",c="fn"+a,u="fn"+s,d="pushState",l=1e3},3962:(e,t,r)=>{"use strict";r.d(t,{AM:()=>o,O2:()=>c,Qu:()=>u,TZ:()=>s,ih:()=>d,pP:()=>a,tC:()=>i});var n=r(860);const i=["click","keydown","submit","popstate"],o="api",a="initialPageLoad",s=n.K7.softNav,c={INITIAL_PAGE_LOAD:"",ROUTE_CHANGE:1,UNSPECIFIED:2},u={INTERACTION:1,AJAX:2,CUSTOM_END:3,CUSTOM_TRACER:4},d={IP:"in progress",FIN:"finished",CAN:"cancelled"}},7378:(e,t,r)=>{"use strict";r.d(t,{$p:()=>x,BR:()=>b,Kp:()=>R,L3:()=>y,Lc:()=>c,NC:()=>o,SG:()=>d,TZ:()=>i,U6:()=>p,UT:()=>m,d3:()=>w,dT:()=>f,e5:()=>A,gx:()=>v,l9:()=>l,oW:()=>h,op:()=>g,rw:()=>u,tH:()=>E,uP:()=>s,wW:()=>T,xq:()=>a});var n=r(384);const i=r(860).K7.spa,o=["click","submit","keypress","keydown","keyup","change"],a=999,s="fn-start",c="fn-end",u="cb-start",d="api-ixn-",l="remaining",f="interaction",h="spaNode",p="jsonpNode",g="fetch-start",m="fetch-done",v="fetch-body-",b="jsonp-end",y=(0,n.dV)().o.ST,w="-start",R="-end",x="-body",T="cb"+R,A="jsTime",E="fetch"},4234:(e,t,r)=>{"use strict";r.d(t,{W:()=>o});var n=r(7836),i=r(1687);class o{constructor(e,t){this.agentIdentifier=e,this.ee=n.ee.get(e),this.featureName=t,this.blocked=!1}deregisterDrain(){(0,i.x3)(this.agentIdentifier,this.featureName)}}},7767:(e,t,r)=>{"use strict";r.d(t,{V:()=>i});var n=r(6154);const i=e=>n.RI&&!0===e?.privacy.cookies_enabled},1741:(e,t,r)=>{"use strict";r.d(t,{W:()=>o});var n=r(944),i=r(4261);class o{#e(e,...t){if(this[e]!==o.prototype[e])return this[e](...t);(0,n.R)(35,e)}addPageAction(e,t){return this.#e(i.hG,e,t)}register(e){return this.#e(i.eY,e)}recordCustomEvent(e,t){return this.#e(i.fF,e,t)}setPageViewName(e,t){return this.#e(i.Fw,e,t)}setCustomAttribute(e,t,r){return this.#e(i.cD,e,t,r)}noticeError(e,t){return this.#e(i.o5,e,t)}setUserId(e){return this.#e(i.Dl,e)}setApplicationVersion(e){return this.#e(i.nb,e)}setErrorHandler(e){return this.#e(i.bt,e)}addRelease(e,t){return this.#e(i.k6,e,t)}log(e,t){return this.#e(i.$9,e,t)}start(){return this.#e(i.d3)}finished(e){return this.#e(i.BL,e)}recordReplay(){return this.#e(i.CH)}pauseReplay(){return this.#e(i.Tb)}addToTrace(e){return this.#e(i.U2,e)}setCurrentRouteName(e){return this.#e(i.PA,e)}interaction(){return this.#e(i.dT)}wrapLogger(e,t,r){return this.#e(i.Wb,e,t,r)}measure(e,t){return this.#e(i.V1,e,t)}}},4261:(e,t,r)=>{"use strict";r.d(t,{$9:()=>d,BL:()=>c,CH:()=>p,Dl:()=>R,Fw:()=>w,PA:()=>v,Pl:()=>n,Tb:()=>f,U2:()=>a,V1:()=>A,Wb:()=>T,bt:()=>y,cD:()=>b,d3:()=>x,dT:()=>u,eY:()=>g,fF:()=>h,hG:()=>o,hw:()=>i,k6:()=>s,nb:()=>m,o5:()=>l});const n="api-",i=n+"ixn-",o="addPageAction",a="addToTrace",s="addRelease",c="finished",u="interaction",d="log",l="noticeError",f="pauseReplay",h="recordCustomEvent",p="recordReplay",g="register",m="setApplicationVersion",v="setCurrentRouteName",b="setCustomAttribute",y="setErrorHandler",w="setPageViewName",R="setUserId",x="start",T="wrapLogger",A="measure"},5205:(e,t,r)=>{"use strict";r.d(t,{j:()=>S});var n=r(384),i=r(1741);var o=r(2555),a=r(3333);const s=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var c=r(2614),u=r(944),d=r(8122);const l="[data-nr-mask]",f=e=>(0,d.a)(e,(()=>{const e={feature_flags:[],experimental:{marks:!1,measures:!1,resources:!1},mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,autoStart:!0},api:{allow_registered_children:!0,duplicate_registered_data:!1},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},get feature_flags(){return e.feature_flags},set feature_flags(t){e.feature_flags=t},generic_events:{enabled:!0,autoStart:!0},harvest:{interval:30},jserrors:{enabled:!0,autoStart:!0},logging:{enabled:!0,autoStart:!0},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,autoStart:!0},performance:{get capture_marks(){return e.feature_flags.includes(a.$v.MARKS)||e.experimental.marks},set capture_marks(t){e.experimental.marks=t},get capture_measures(){return e.feature_flags.includes(a.$v.MEASURES)||e.experimental.measures},set capture_measures(t){e.experimental.measures=t},capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(a.$v.RESOURCES)||e.experimental.resources},set enabled(t){e.experimental.resources=t},asset_types:[],first_party_domains:[],ignore_newrelic:!0}},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:c.wk,inactiveMs:c.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){s(t)?e.mask_selector="".concat(t,",").concat(l):""===t||null===t?e.mask_selector=l:(0,u.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){s(t)?e.block_selector+=",".concat(t):""!==t&&(0,u.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,u.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},spa:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]}}})());var h=r(6154),p=r(9324);let g=0;const m={buildEnv:p.F3,distMethod:p.Xs,version:p.xv,originTime:h.WN},v={appMetadata:{},customTransaction:void 0,denyList:void 0,disabled:!1,entityManager:void 0,harvester:void 0,isolatedBacklog:!1,isRecording:!1,loaderType:void 0,maxBytes:3e4,obfuscator:void 0,onerror:void 0,ptid:void 0,releaseIds:{},session:void 0,timeKeeper:void 0,get harvestCount(){return++g}},b=e=>{const t=(0,d.a)(e,v),r=Object.keys(m).reduce(((e,t)=>(e[t]={value:m[t],writable:!1,configurable:!0,enumerable:!0},e)),{});return Object.defineProperties(t,r)};var y=r(5701);const w=e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e};var R=r(7836),x=r(3241);const T={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},A=e=>(0,d.a)(e,T),E=new Set;function S(e,t={},r,a){let{init:s,info:c,loader_config:u,runtime:d={},exposed:l=!0}=t;if(!c){const e=(0,n.pV)();s=e.init,c=e.info,u=e.loader_config}e.init=f(s||{}),e.loader_config=A(u||{}),c.jsAttributes??={},h.bv&&(c.jsAttributes.isWorker=!0),e.info=(0,o.D)(c);const p=e.init,g=[c.beacon,c.errorBeacon];E.has(e.agentIdentifier)||(p.proxy.assets&&(w(p.proxy.assets),g.push(p.proxy.assets)),p.proxy.beacon&&g.push(p.proxy.beacon),function(e){const t=(0,n.pV)();Object.getOwnPropertyNames(i.W.prototype).forEach((r=>{const n=i.W.prototype[r];if("function"!=typeof n||"constructor"===n)return;let o=t[r];e[r]&&!1!==e.exposed&&"micro-agent"!==e.runtime?.loaderType&&(t[r]=(...t)=>{const n=e[r](...t);return o?o(...t):n})}))}(e),(0,n.US)("activatedFeatures",y.B),e.runSoftNavOverSpa&&=!0===p.soft_navigations.enabled&&p.feature_flags.includes("soft_nav")),d.denyList=[...p.ajax.deny_list||[],...p.ajax.block_internal?g:[]],d.ptid=e.agentIdentifier,d.loaderType=r,e.runtime=b(d),E.has(e.agentIdentifier)||(e.ee=R.ee.get(e.agentIdentifier),e.exposed=l,(0,x.W)({agentIdentifier:e.agentIdentifier,drained:!!y.B?.[e.agentIdentifier],type:"lifecycle",name:"initialize",feature:void 0,data:e.config})),E.add(e.agentIdentifier)}},8374:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860:(e,t,r)=>{"use strict";r.d(t,{$J:()=>d,K7:()=>c,P3:()=>u,XX:()=>i,Yy:()=>s,df:()=>o,qY:()=>n,v4:()=>a});const n="events",i="jserrors",o="browser/blobs",a="rum",s="browser/logs",c={ajax:"ajax",genericEvents:"generic_events",jserrors:i,logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations",spa:"spa"},u={[c.pageViewEvent]:1,[c.pageViewTiming]:2,[c.metrics]:3,[c.jserrors]:4,[c.spa]:5,[c.ajax]:6,[c.sessionTrace]:7,[c.softNav]:8,[c.sessionReplay]:9,[c.logging]:10,[c.genericEvents]:11},d={[c.pageViewEvent]:a,[c.pageViewTiming]:n,[c.ajax]:n,[c.spa]:n,[c.softNav]:n,[c.metrics]:i,[c.jserrors]:i,[c.sessionTrace]:o,[c.sessionReplay]:o,[c.logging]:s,[c.genericEvents]:"ins"}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,i),o.exports}i.m=r,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>({212:"nr-spa-compressor",249:"nr-spa-recorder",478:"nr-spa"}[e]+"-1.293.0.min.js"),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.293.0.PROD:",i.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var s,c;if(void 0!==o)for(var u=document.getElementsByTagName("script"),d=0;d<u.length;d++){var l=u[d];if(l.getAttribute("src")==r||l.getAttribute("data-webpack")==t+o){s=l;break}}if(!s){c=!0;var f={478:"sha512-cEmCt/vG1anp3Npyuxwqcxqvx31FELkFrcLe6DJfvgis9d0YgKwX9/w90OQeoxYwWm4WLTxEpgIMR26NRroZwg==",249:"sha512-Wf8L4Tf/x6L4EHJaY6phnsZAgR7A/do7bPghfQXmosP4aSTn964TgjYKN+kdwsU9grVvyppZ4a3hCAX2HE05OA==",212:"sha512-Q/Dh/Hp0TZ2E9Rgmfnw7GzPv//tf9F0XdDVdzRHO7/6DZI/XD0X4mguKk9zdQ/7xEbFvtWaUHJtYL0itkZBkGg=="};(s=document.createElement("script")).charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",t+o),s.src=r,0!==s.src.indexOf(window.location.origin+"/")&&(s.crossOrigin="anonymous"),f[a]&&(s.integrity=f[a])}e[r]=[n];var h=(t,n)=>{s.onerror=s.onload=null,clearTimeout(p);var i=e[r];if(delete e[r],s.parentNode&&s.parentNode.removeChild(s),i&&i.forEach((e=>e(n))),t)return t(n)},p=setTimeout(h.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=h.bind(null,s.onerror),s.onload=h.bind(null,s.onload),c&&document.head.appendChild(s)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",(()=>{var e={38:0,788:0};i.f.j=(t,r)=>{var n=i.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var o=new Promise(((r,i)=>n=e[t]=[r,i]));r.push(n[2]=o);var a=i.p+i.u(t),s=new Error;i.l(a,(r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",s.name="ChunkLoadError",s.type=o,s.request=a,n[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,o,[a,s,c]=r,u=0;if(a.some((t=>0!==e[t]))){for(n in s)i.o(s,n)&&(i.m[n]=s[n]);if(c)c(i)}for(t&&t(r);u<a.length;u++)o=a[u],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0},r=self["webpackChunk:NRBA-1.293.0.PROD"]=self["webpackChunk:NRBA-1.293.0.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(8374);var e=i(9566),t=i(1741);class r extends t.W{agentIdentifier=(0,e.LA)(16)}var n=i(860);const o=Object.values(n.K7);var a=i(5205);var s=i(9908),c=i(1863),u=i(4261),d=i(3241),l=i(944),f=i(5701),h=i(8154);function p(e,t,i,o){const a=o||i;!a||a[e]&&a[e]!==r.prototype[e]||(a[e]=function(){(0,s.p)(h.xV,["API/"+e+"/called"],void 0,n.K7.metrics,i.ee),(0,d.W)({agentIdentifier:i.agentIdentifier,drained:!!f.B?.[i.agentIdentifier],type:"data",name:"api",feature:u.Pl+e,data:{}});try{return t.apply(this,arguments)}catch(e){(0,l.R)(23,e)}})}function g(e,t,r,n,i){const o=e.info;null===r?delete o.jsAttributes[t]:o.jsAttributes[t]=r,(i||null===r)&&(0,s.p)(u.Pl+n,[(0,c.t)(),t,r],void 0,"session",e.ee)}var m=i(1687),v=i(4234),b=i(5289),y=i(6154),w=i(5270),R=i(7767),x=i(6389);class T extends v.W{constructor(e,t){super(e.agentIdentifier,t),this.abortHandler=void 0,this.featAggregate=void 0,this.onAggregateImported=void 0,this.deferred=Promise.resolve(),!1===e.init[this.featureName].autoStart?this.deferred=new Promise(((t,r)=>{this.ee.on("manual-start-all",(0,x.J)((()=>{(0,m.Ak)(e.agentIdentifier,this.featureName),t()})))})):(0,m.Ak)(e.agentIdentifier,t)}importAggregator(e,t,r={}){if(this.featAggregate)return;let o;this.onAggregateImported=new Promise((e=>{o=e}));const a=async()=>{let a;await this.deferred;try{if((0,R.V)(e.init)){const{setupAgentSession:t}=await i.e(478).then(i.bind(i,6526));a=t(e)}}catch(e){(0,l.R)(20,e),this.ee.emit("internal-error",[e]),this.featureName===n.K7.sessionReplay&&this.abortHandler?.()}try{if(!this.#t(this.featureName,a,e.init))return(0,m.Ze)(this.agentIdentifier,this.featureName),void o(!1);const{Aggregate:n}=await t();this.featAggregate=new n(e,r),e.runtime.harvester.initializedAggregates.push(this.featAggregate),o(!0)}catch(e){(0,l.R)(34,e),this.abortHandler?.(),(0,m.Ze)(this.agentIdentifier,this.featureName,!0),o(!1),this.ee&&this.ee.abort()}};y.RI?(0,b.GG)((()=>a()),!0):a()}#t(e,t,r){switch(e){case n.K7.sessionReplay:return(0,w.SR)(r)&&!!t;case n.K7.sessionTrace:return!!t;default:return!0}}}var A=i(6630),E=i(2614);class S extends T{static featureName=A.T;constructor(e){var t;super(e,A.T),this.setupInspectionEvents(e.agentIdentifier),t=e,p(u.Fw,(function(e,r){"string"==typeof e&&("/"!==e.charAt(0)&&(e="/"+e),t.runtime.customTransaction=(r||"http://custom.transaction")+e,(0,s.p)(u.Pl+u.Fw,[(0,c.t)()],void 0,void 0,t.ee))}),t),this.ee.on("api-send-rum",((e,t)=>(0,s.p)("send-rum",[e,t],void 0,this.featureName,this.ee))),this.importAggregator(e,(()=>i.e(478).then(i.bind(i,1983))))}setupInspectionEvents(e){const t=(t,r)=>{t&&(0,d.W)({agentIdentifier:e,timeStamp:t.timeStamp,loaded:"complete"===t.target.readyState,type:"window",name:r,data:t.target.location+""})};(0,b.sB)((e=>{t(e,"DOMContentLoaded")})),(0,b.GG)((e=>{t(e,"load")})),(0,b.Qr)((e=>{t(e,"navigate")})),this.ee.on(E.tS.UPDATE,((t,r)=>{(0,d.W)({agentIdentifier:e,type:"lifecycle",name:"session",data:r})}))}}var _=i(384);var N=i(2843),O=i(3878),I=i(782);class P extends T{static featureName=I.T;constructor(e){super(e,I.T),y.RI&&((0,N.u)((()=>(0,s.p)("docHidden",[(0,c.t)()],void 0,I.T,this.ee)),!0),(0,O.sp)("pagehide",(()=>(0,s.p)("winPagehide",[(0,c.t)()],void 0,I.T,this.ee))),this.importAggregator(e,(()=>i.e(478).then(i.bind(i,9917)))))}}class j extends T{static featureName=h.TZ;constructor(e){super(e,h.TZ),y.RI&&document.addEventListener("securitypolicyviolation",(e=>{(0,s.p)(h.xV,["Generic/CSPViolation/Detected"],void 0,this.featureName,this.ee)})),this.importAggregator(e,(()=>i.e(478).then(i.bind(i,8351))))}}var k=i(6774),C=i(3304);class L{constructor(e,t,r,n,i){this.name="UncaughtError",this.message="string"==typeof e?e:(0,C.A)(e),this.sourceURL=t,this.line=r,this.column=n,this.__newrelic=i}}function M(e){return K(e)?e:new L(void 0!==e?.message?e.message:e,e?.filename||e?.sourceURL,e?.lineno||e?.line,e?.colno||e?.col,e?.__newrelic)}function H(e){const t="Unhandled Promise Rejection: ";if(!e?.reason)return;if(K(e.reason)){try{e.reason.message.startsWith(t)||(e.reason.message=t+e.reason.message)}catch(e){}return M(e.reason)}const r=M(e.reason);return(r.message||"").startsWith(t)||(r.message=t+r.message),r}function D(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new L(e.message,e.filename,e.lineno,e.colno,e.error.__newrelic);return t.name=SyntaxError.name,t}return K(e.error)?e.error:M(e)}function K(e){return e instanceof Error&&!!e.stack}function U(e,t,r,i,o=(0,c.t)()){"string"==typeof e&&(e=new Error(e)),(0,s.p)("err",[e,o,!1,t,r.runtime.isRecording,void 0,i],void 0,n.K7.jserrors,r.ee)}var F=i(3496),W=i(993),B=i(3785);function G(e,{customAttributes:t={},level:r=W.p_.INFO}={},n,i,o=(0,c.t)()){(0,B.R)(n.ee,e,t,r,i,o)}function V(e,t,r,i,o=(0,c.t)()){(0,s.p)(u.Pl+u.hG,[o,e,t,i],void 0,n.K7.genericEvents,r.ee)}function z(e){p(u.eY,(function(t){return function(e,t){const r={};let i,o;(0,l.R)(54,"newrelic.register"),e.init.api.allow_registered_children||(i=()=>(0,l.R)(55));t&&(0,F.I)(t)||(i=()=>(0,l.R)(48,t));const a={addPageAction:(n,i={})=>{u(V,[n,{...r,...i},e],t)},log:(n,i={})=>{u(G,[n,{...i,customAttributes:{...r,...i.customAttributes||{}}},e],t)},noticeError:(n,i={})=>{u(U,[n,{...r,...i},e],t)},setApplicationVersion:e=>{r["application.version"]=e},setCustomAttribute:(e,t)=>{r[e]=t},setUserId:e=>{r["enduser.id"]=e},metadata:{customAttributes:r,target:t,get connected(){return o||Promise.reject(new Error("Failed to connect"))}}};i?i():o=new Promise(((n,i)=>{try{const o=e.runtime?.entityManager;let s=!!o?.get().entityGuid,c=o?.getEntityGuidFor(t.licenseKey,t.applicationID),u=!!c;if(s&&u)t.entityGuid=c,n(a);else{const d=setTimeout((()=>i(new Error("Failed to connect - Timeout"))),15e3);function l(r){(0,F.A)(r,e)?s||=!0:t.licenseKey===r.licenseKey&&t.applicationID===r.applicationID&&(u=!0,t.entityGuid=r.entityGuid),s&&u&&(clearTimeout(d),e.ee.removeEventListener("entity-added",l),n(a))}e.ee.emit("api-send-rum",[r,t]),e.ee.on("entity-added",l)}}catch(f){i(f)}}));const u=async(t,r,a)=>{if(i)return i();const u=(0,c.t)();(0,s.p)(h.xV,["API/register/".concat(t.name,"/called")],void 0,n.K7.metrics,e.ee);try{await o;const n=e.init.api.duplicate_registered_data;(!0===n||Array.isArray(n)&&n.includes(a.entityGuid))&&t(...r,void 0,u),t(...r,a.entityGuid,u)}catch(e){(0,l.R)(50,e)}};return a}(e,t)}),e)}class Z extends T{static featureName=k.T;constructor(e){var t;super(e,k.T),t=e,p(u.o5,((e,r)=>U(e,r,t)),t),function(e){p(u.bt,(function(t){e.runtime.onerror=t}),e)}(e),function(e){let t=0;p(u.k6,(function(e,r){++t>10||(this.runtime.releaseIds[e.slice(-200)]=(""+r).slice(-200))}),e)}(e),z(e);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("internal-error",((t,r)=>{this.abortHandler&&(0,s.p)("ierr",[M(t),(0,c.t)(),!0,{},e.runtime.isRecording,r],void 0,this.featureName,this.ee)})),y.gm.addEventListener("unhandledrejection",(t=>{this.abortHandler&&(0,s.p)("err",[H(t),(0,c.t)(),!1,{unhandledPromiseRejection:1},e.runtime.isRecording],void 0,this.featureName,this.ee)}),(0,O.jT)(!1,this.removeOnAbort?.signal)),y.gm.addEventListener("error",(t=>{this.abortHandler&&(0,s.p)("err",[D(t),(0,c.t)(),!1,{},e.runtime.isRecording],void 0,this.featureName,this.ee)}),(0,O.jT)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#r,this.importAggregator(e,(()=>i.e(478).then(i.bind(i,5928))))}#r(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var q=i(8990);let X=1;function Y(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===y.gm?0:(0,q.I)(e,"nr@id",(function(){return X++}))}function J(e){if("string"==typeof e&&e.length)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,C.A)(e).length}catch(e){return}}}var Q=i(8139),ee=i(7836),te=i(3434);const re={},ne=["open","send"];function ie(e){var t=e||ee.ee;const r=function(e){return(e||ee.ee).get("xhr")}(t);if(void 0===y.gm.XMLHttpRequest)return r;if(re[r.debugId]++)return r;re[r.debugId]=1,(0,Q.u)(t);var n=(0,te.YM)(r),i=y.gm.XMLHttpRequest,o=y.gm.MutationObserver,a=y.gm.Promise,s=y.gm.setInterval,c="readystatechange",u=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],d=[],f=y.gm.XMLHttpRequest=function(e){const t=new i(e),o=r.context(t);try{r.emit("new-xhr",[t],o),t.addEventListener(c,(a=o,function(){var e=this;e.readyState>3&&!a.resolved&&(a.resolved=!0,r.emit("xhr-resolved",[],e)),n.inPlace(e,u,"fn-",b)}),(0,O.jT)(!1))}catch(e){(0,l.R)(15,e);try{r.emit("internal-error",[e])}catch(e){}}var a;return t};function h(e,t){n.inPlace(t,["onreadystatechange"],"fn-",b)}if(function(e,t){for(var r in e)t[r]=e[r]}(i,f),f.prototype=i.prototype,n.inPlace(f.prototype,ne,"-xhr-",b),r.on("send-xhr-start",(function(e,t){h(e,t),function(e){d.push(e),o&&(p?p.then(v):s?s(v):(g=-g,m.data=g))}(t)})),r.on("open-xhr-start",h),o){var p=a&&a.resolve();if(!s&&!a){var g=1,m=document.createTextNode(g);new o(v).observe(m,{characterData:!0})}}else t.on("fn-end",(function(e){e[0]&&e[0].type===c||v()}));function v(){for(var e=0;e<d.length;e++)h(0,d[e]);d.length&&(d=[])}function b(e,t){return t}return r}var oe="fetch-",ae=oe+"body-",se=["arrayBuffer","blob","json","text","formData"],ce=y.gm.Request,ue=y.gm.Response,de="prototype";const le={};function fe(e){const t=function(e){return(e||ee.ee).get("fetch")}(e);if(!(ce&&ue&&y.gm.fetch))return t;if(le[t.debugId]++)return t;function r(e,r,n){var i=e[r];"function"==typeof i&&(e[r]=function(){var e,r=[...arguments],o={};t.emit(n+"before-start",[r],o),o[ee.P]&&o[ee.P].dt&&(e=o[ee.P].dt);var a=i.apply(this,r);return t.emit(n+"start",[r,e],a),a.then((function(e){return t.emit(n+"end",[null,e],a),e}),(function(e){throw t.emit(n+"end",[e],a),e}))})}return le[t.debugId]=1,se.forEach((e=>{r(ce[de],e,ae),r(ue[de],e,ae)})),r(y.gm,"fetch",oe),t.on(oe+"end",(function(e,r){var n=this;if(r){var i=r.headers.get("content-length");null!==i&&(n.rxSize=i),t.emit(oe+"done",[null,r],n)}else t.emit(oe+"done",[e],n)})),t}var he=i(7485);class pe{constructor(e){this.agentRef=e}generateTracePayload(t){const r=this.agentRef.loader_config;if(!this.shouldGenerateTrace(t)||!r)return null;var n=(r.accountID||"").toString()||null,i=(r.agentID||"").toString()||null,o=(r.trustKey||"").toString()||null;if(!n||!i)return null;var a=(0,e.ZF)(),s=(0,e.el)(),c=Date.now(),u={spanId:a,traceId:s,timestamp:c};return(t.sameOrigin||this.isAllowedOrigin(t)&&this.useTraceContextHeadersForCors())&&(u.traceContextParentHeader=this.generateTraceContextParentHeader(a,s),u.traceContextStateHeader=this.generateTraceContextStateHeader(a,c,n,i,o)),(t.sameOrigin&&!this.excludeNewrelicHeader()||!t.sameOrigin&&this.isAllowedOrigin(t)&&this.useNewrelicHeaderForCors())&&(u.newrelicHeader=this.generateTraceHeader(a,s,c,n,i,o)),u}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,i){return i+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,i,o){if(!("function"==typeof y.gm?.btoa))return null;var a={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return o&&n!==o&&(a.d.tk=o),btoa((0,C.A)(a))}shouldGenerateTrace(e){return this.agentRef.init?.distributed_tracing?.enabled&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1;const r=this.agentRef.init?.distributed_tracing;if(e.sameOrigin)t=!0;else if(r?.allowed_origins instanceof Array)for(var n=0;n<r.allowed_origins.length;n++){var i=(0,he.D)(r.allowed_origins[n]);if(e.hostname===i.hostname&&e.protocol===i.protocol&&e.port===i.port){t=!0;break}}return t}excludeNewrelicHeader(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.cors_use_tracecontext_headers}}var ge=i(9300),me=i(7295),ve=["load","error","abort","timeout"],be=ve.length,ye=(0,_.dV)().o.REQ,we=(0,_.dV)().o.XHR;const Re="X-NewRelic-App-Data";class xe extends T{static featureName=ge.T;constructor(e){super(e,ge.T),this.dt=new pe(e),this.handler=(e,t,r,n)=>(0,s.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};y.gm?.performance?.getEntriesByType("resource").forEach((t=>{if(t.initiatorType in e&&0!==t.responseStatus){const r={status:t.responseStatus},i={rxSize:t.transferSize,duration:Math.floor(t.duration),cbTime:0};Te(r,t.name),this.handler("xhr",[r,i,t.startTime,t.responseEnd,e[t.initiatorType]],void 0,n.K7.ajax)}}))}catch(e){}fe(this.ee),ie(this.ee),function(e,t,r,i){function o(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=A,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},e.addEventListener("load",(function(r){E(t,e)}),(0,O.jT)(!1)),y.lR||e.addEventListener("progress",(function(e){t.lastSize=e.loaded}),(0,O.jT)(!1))}function a(e){this.params={method:e[0]},Te(this,e[1]),this.metrics={}}function u(t,r){e.loader_config.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",e.loader_config.xpid);var n=i.generateTracePayload(this.parsedOrigin);if(n){var o=!1;n.newrelicHeader&&(r.setRequestHeader("newrelic",n.newrelicHeader),o=!0),n.traceContextParentHeader&&(r.setRequestHeader("traceparent",n.traceContextParentHeader),n.traceContextStateHeader&&r.setRequestHeader("tracestate",n.traceContextStateHeader),o=!0),o&&(this.dt=n)}}function d(e,r){var n=this.metrics,i=e[0],o=this;if(n&&i){var a=J(i);a&&(n.txSize=a)}this.startTime=(0,c.t)(),this.body=i,this.listener=function(e){try{"abort"!==e.type||o.loadCaptureCalled||(o.params.aborted=!0),("load"!==e.type||o.called===o.totalCbs&&(o.onloadCalled||"function"!=typeof r.onload)&&"function"==typeof o.end)&&o.end(r)}catch(e){try{t.emit("internal-error",[e])}catch(e){}}};for(var s=0;s<be;s++)r.addEventListener(ve[s],this.listener,(0,O.jT)(!1))}function l(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function f(e,t){var r=""+Y(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function p(e,t){var r=""+Y(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function g(){this.endTime=(0,c.t)()}function m(e,r){r instanceof we&&"load"===e[0]&&t.emit("xhr-load-added",[e[1],e[2]],r)}function v(e,r){r instanceof we&&"load"===e[0]&&t.emit("xhr-load-removed",[e[1],e[2]],r)}function b(e,t,r){t instanceof we&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,c.t)()))}function w(e,r){this.xhrCbStart&&t.emit("xhr-cb-time",[(0,c.t)()-this.xhrCbStart,this.onload,r],r)}function R(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&y.RI&&(t=""+y.gm.location.href):e[0]&&e[0].url?t=e[0].url:y.gm?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:"function"==typeof e[0].toString&&(t=e[0].toString()),"string"==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,he.D)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var n=i.generateTracePayload(this.parsedOrigin);if(n&&(n.newrelicHeader||n.traceContextParentHeader))if(e[0]&&e[0].headers)s(e[0].headers,n)&&(this.dt=n);else{var o={};for(var a in r)o[a]=r[a];o.headers=new Headers(r.headers||{}),s(o.headers,n)&&(this.dt=n),e.length>1?e[1]=o:e.push(o)}}function s(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function x(e,t){this.params={},this.metrics={},this.startTime=(0,c.t)(),this.dt=t,e.length>=1&&(this.target=e[0]),e.length>=2&&(this.opts=e[1]);var r,n=this.opts||{},i=this.target;"string"==typeof i?r=i:"object"==typeof i&&i instanceof ye?r=i.url:y.gm?.URL&&"object"==typeof i&&i instanceof URL&&(r=i.href),Te(this,r);var o=(""+(i&&i instanceof ye&&i.method||n.method||"GET")).toUpperCase();this.params.method=o,this.body=n.body,this.txSize=J(n.body)||0}function T(e,t){if(this.endTime=(0,c.t)(),this.params||(this.params={}),(0,me.iW)(this.params))return;let i;this.params.status=t?t.status:0,"string"==typeof this.rxSize&&this.rxSize.length>0&&(i=+this.rxSize);const o={txSize:this.txSize,rxSize:i,duration:(0,c.t)()-this.startTime};r("xhr",[this.params,o,this.startTime,this.endTime,"fetch"],this,n.K7.ajax)}function A(e){const t=this.params,i=this.metrics;if(!this.ended){this.ended=!0;for(let t=0;t<be;t++)e.removeEventListener(ve[t],this.listener,!1);t.aborted||(0,me.iW)(t)||(i.duration=(0,c.t)()-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):E(this,e),i.cbTime=this.cbTime,r("xhr",[t,i,this.startTime,this.endTime,"xhr"],this,n.K7.ajax))}}function E(e,r){e.params.status=r.status;var i=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?J(e.response):"text"===r||""===r||void 0===r?J(e.responseText):void 0}(r,e.lastSize);if(i&&(e.metrics.rxSize=i),e.sameOrigin&&r.getAllResponseHeaders().indexOf(Re)>=0){var o=r.getResponseHeader(Re);o&&((0,s.p)(h.rs,["Ajax/CrossApplicationTracing/Header/Seen"],void 0,n.K7.metrics,t),e.params.cat=o.split(", ").pop())}e.loadCaptureCalled=!0}t.on("new-xhr",o),t.on("open-xhr-start",a),t.on("open-xhr-end",u),t.on("send-xhr-start",d),t.on("xhr-cb-time",l),t.on("xhr-load-added",f),t.on("xhr-load-removed",p),t.on("xhr-resolved",g),t.on("addEventListener-end",m),t.on("removeEventListener-end",v),t.on("fn-end",w),t.on("fetch-before-start",R),t.on("fetch-start",x),t.on("fn-start",b),t.on("fetch-done",T)}(e,this.ee,this.handler,this.dt),this.importAggregator(e,(()=>i.e(478).then(i.bind(i,3845))))}}function Te(e,t){var r=(0,he.D)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}const Ae={},Ee=["pushState","replaceState"];function Se(e){const t=function(e){return(e||ee.ee).get("history")}(e);return!y.RI||Ae[t.debugId]++||(Ae[t.debugId]=1,(0,te.YM)(t).inPlace(window.history,Ee,"-")),t}var _e=i(3738);function Ne(e){p(u.BL,(function(t=Date.now()){const r=t-y.WN;r<0&&(0,l.R)(62,t),(0,s.p)(h.XG,[u.BL,{time:r}],void 0,n.K7.metrics,e.ee),e.addToTrace({name:u.BL,start:t,origin:"nr"}),(0,s.p)(u.Pl+u.hG,[r,u.BL],void 0,n.K7.genericEvents,e.ee)}),e)}const{He:Oe,bD:Ie,d3:Pe,Kp:je,TZ:ke,Lc:Ce,uP:Le,Rz:Me}=_e;class He extends T{static featureName=ke;constructor(e){var t;super(e,ke),t=e,p(u.U2,(function(e){if(!(e&&"object"==typeof e&&e.name&&e.start))return;const r={n:e.name,s:e.start-y.WN,e:(e.end||e.start)-y.WN,o:e.origin||"",t:"api"};r.s<0||r.e<0||r.e<r.s?(0,l.R)(61,{start:r.s,end:r.e}):(0,s.p)("bstApi",[r],void 0,n.K7.sessionTrace,t.ee)}),t),Ne(e);if(!(0,R.V)(e.init))return void this.deregisterDrain();const r=this.ee;let o;Se(r),this.eventsEE=(0,Q.u)(r),this.eventsEE.on(Le,(function(e,t){this.bstStart=(0,c.t)()})),this.eventsEE.on(Ce,(function(e,t){(0,s.p)("bst",[e[0],t,this.bstStart,(0,c.t)()],void 0,n.K7.sessionTrace,r)})),r.on(Me+Pe,(function(e){this.time=(0,c.t)(),this.startPath=location.pathname+location.hash})),r.on(Me+je,(function(e){(0,s.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,n.K7.sessionTrace,r)}));try{o=new PerformanceObserver((e=>{const t=e.getEntries();(0,s.p)(Oe,[t],void 0,n.K7.sessionTrace,r)})),o.observe({type:Ie,buffered:!0})}catch(e){}this.importAggregator(e,(()=>i.e(478).then(i.bind(i,575))),{resourceObserver:o})}}var De=i(6344);class Ke extends T{static featureName=De.TZ;#n;#i;constructor(e){var t;let r;super(e,De.TZ),t=e,p(u.CH,(function(){(0,s.p)(u.CH,[],void 0,n.K7.sessionReplay,t.ee)}),t),function(e){p(u.Tb,(function(){(0,s.p)(u.Tb,[],void 0,n.K7.sessionReplay,e.ee)}),e)}(e),this.#i=e;try{r=JSON.parse(localStorage.getItem("".concat(E.H3,"_").concat(E.uh)))}catch(e){}(0,w.SR)(e.init)&&this.ee.on(De.G4.RECORD,(()=>this.#o())),this.#a(r)?(this.#n=r?.sessionReplayMode,this.#s()):this.importAggregator(this.#i,(()=>i.e(478).then(i.bind(i,6167)))),this.ee.on("err",(e=>{this.#i.runtime.isRecording&&(this.errorNoticed=!0,(0,s.p)(De.G4.ERROR_DURING_REPLAY,[e],void 0,this.featureName,this.ee))}))}#a(e){return e&&(e.sessionReplayMode===E.g.FULL||e.sessionReplayMode===E.g.ERROR)||(0,w.Aw)(this.#i.init)}#c=!1;async#s(e){if(!this.#c){this.#c=!0;try{const{Recorder:t}=await Promise.all([i.e(478),i.e(249)]).then(i.bind(i,8589));this.recorder??=new t({mode:this.#n,agentIdentifier:this.agentIdentifier,trigger:e,ee:this.ee,agentRef:this.#i}),this.recorder.startRecording(),this.abortHandler=this.recorder.stopRecording}catch(e){this.parent.ee.emit("internal-error",[e])}this.importAggregator(this.#i,(()=>i.e(478).then(i.bind(i,6167))),{recorder:this.recorder,errorNoticed:this.errorNoticed})}}#o(){this.featAggregate?this.featAggregate.mode!==E.g.FULL&&this.featAggregate.initializeRecording(E.g.FULL,!0):(this.#n=E.g.FULL,this.#s(De.Qb.API),this.recorder&&this.recorder.parent.mode!==E.g.FULL&&(this.recorder.parent.mode=E.g.FULL,this.recorder.stopRecording(),this.recorder.startRecording(),this.abortHandler=this.recorder.stopRecording))}}var Ue=i(3962);function Fe(e){const t=e.ee.get("tracer");function r(){}p(u.dT,(function(e){return(new r).get("object"==typeof e?e:{})}),e);const i=r.prototype={createTracer:function(r,i){var o={},a=this,d="function"==typeof i;return(0,s.p)(h.xV,["API/createTracer/called"],void 0,n.K7.metrics,e.ee),e.runSoftNavOverSpa||(0,s.p)(u.hw+"tracer",[(0,c.t)(),r,o],a,n.K7.spa,e.ee),function(){if(t.emit((d?"":"no-")+"fn-start",[(0,c.t)(),a,d],o),d)try{return i.apply(this,arguments)}catch(e){const r="string"==typeof e?new Error(e):e;throw t.emit("fn-err",[arguments,this,r],o),r}finally{t.emit("fn-end",[(0,c.t)()],o)}}}};["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach((t=>{p.apply(this,[t,function(){return(0,s.p)(u.hw+t,[(0,c.t)(),...arguments],this,e.runSoftNavOverSpa?n.K7.softNav:n.K7.spa,e.ee),this},e,i])})),p(u.PA,(function(){e.runSoftNavOverSpa?(0,s.p)(u.hw+"routeName",[performance.now(),...arguments],void 0,n.K7.softNav,e.ee):(0,s.p)(u.Pl+"routeName",[(0,c.t)(),...arguments],this,n.K7.spa,e.ee)}),e)}class We extends T{static featureName=Ue.TZ;constructor(e){if(super(e,Ue.TZ),Fe(e),!y.RI||!(0,_.dV)().o.MO)return;const t=Se(this.ee);Ue.tC.forEach((e=>{(0,O.sp)(e,(e=>{a(e)}),!0)}));const r=()=>(0,s.p)("newURL",[(0,c.t)(),""+window.location],void 0,this.featureName,this.ee);t.on("pushState-end",r),t.on("replaceState-end",r);try{this.removeOnAbort=new AbortController}catch(e){}(0,O.sp)("popstate",(e=>(0,s.p)("newURL",[e.timeStamp,""+window.location],void 0,this.featureName,this.ee)),!0,this.removeOnAbort?.signal);let n=!1;const o=new((0,_.dV)().o.MO)(((e,t)=>{n||(n=!0,requestAnimationFrame((()=>{(0,s.p)("newDom",[(0,c.t)()],void 0,this.featureName,this.ee),n=!1})))})),a=(0,x.s)((e=>{(0,s.p)("newUIEvent",[e],void 0,this.featureName,this.ee),o.observe(document.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0})}),100,{leading:!0});this.abortHandler=function(){this.removeOnAbort?.abort(),o.disconnect(),this.abortHandler=void 0},this.importAggregator(e,(()=>i.e(478).then(i.bind(i,4393))),{domObserver:o})}}var Be=i(7378);const Ge={},Ve=["appendChild","insertBefore","replaceChild"];function ze(e){const t=function(e){return(e||ee.ee).get("jsonp")}(e);if(!y.RI||Ge[t.debugId])return t;Ge[t.debugId]=!0;var r=(0,te.YM)(t),n=/[?&](?:callback|cb)=([^&#]+)/,i=/(.*)\.([^.]+)/,o=/^(\w+)(\.|$)(.*)$/;function a(e,t){if(!e)return t;const r=e.match(o),n=r[1];return a(r[3],t[n])}return r.inPlace(Node.prototype,Ve,"dom-"),t.on("dom-start",(function(e){!function(e){if(!e||"string"!=typeof e.nodeName||"script"!==e.nodeName.toLowerCase())return;if("function"!=typeof e.addEventListener)return;var o=(s=e.src,c=s.match(n),c?c[1]:null);var s,c;if(!o)return;var u=function(e){var t=e.match(i);if(t&&t.length>=3)return{key:t[2],parent:a(t[1],window)};return{key:e,parent:window}}(o);if("function"!=typeof u.parent[u.key])return;var d={};function l(){t.emit("jsonp-end",[],d),e.removeEventListener("load",l,(0,O.jT)(!1)),e.removeEventListener("error",f,(0,O.jT)(!1))}function f(){t.emit("jsonp-error",[],d),t.emit("jsonp-end",[],d),e.removeEventListener("load",l,(0,O.jT)(!1)),e.removeEventListener("error",f,(0,O.jT)(!1))}r.inPlace(u.parent,[u.key],"cb-",d),e.addEventListener("load",l,(0,O.jT)(!1)),e.addEventListener("error",f,(0,O.jT)(!1)),t.emit("new-jsonp",[e.src],d)}(e[0])})),t}const Ze={};function qe(e){const t=function(e){return(e||ee.ee).get("promise")}(e);if(Ze[t.debugId])return t;Ze[t.debugId]=!0;var r=t.context,n=(0,te.YM)(t),i=y.gm.Promise;return i&&function(){function e(r){var o=t.context(),a=n(r,"executor-",o,null,!1);const s=Reflect.construct(i,[a],e);return t.context(s).getCtx=function(){return o},s}y.gm.Promise=e,Object.defineProperty(e,"name",{value:"Promise"}),e.toString=function(){return i.toString()},Object.setPrototypeOf(e,i),["all","race"].forEach((function(r){const n=i[r];e[r]=function(e){let i=!1;[...e||[]].forEach((e=>{this.resolve(e).then(a("all"===r),a(!1))}));const o=n.apply(this,arguments);return o;function a(e){return function(){t.emit("propagate",[null,!i],o,!1,!1),i=i||!e}}}})),["resolve","reject"].forEach((function(r){const n=i[r];e[r]=function(e){const r=n.apply(this,arguments);return e!==r&&t.emit("propagate",[e,!0],r,!1,!1),r}})),e.prototype=i.prototype;const o=i.prototype.then;i.prototype.then=function(...e){var i=this,a=r(i);a.promise=i,e[0]=n(e[0],"cb-",a,null,!1),e[1]=n(e[1],"cb-",a,null,!1);const s=o.apply(this,e);return a.nextPromise=s,t.emit("propagate",[i,!0],s,!1,!1),s},i.prototype.then[te.Jt]=o,t.on("executor-start",(function(e){e[0]=n(e[0],"resolve-",this,null,!1),e[1]=n(e[1],"resolve-",this,null,!1)})),t.on("executor-err",(function(e,t,r){e[1](r)})),t.on("cb-end",(function(e,r,n){t.emit("propagate",[n,!0],this.nextPromise,!1,!1)})),t.on("propagate",(function(e,r,n){this.getCtx&&!r||(this.getCtx=function(){if(e instanceof Promise)var r=t.context(e);return r&&r.getCtx?r.getCtx():this})}))}(),t}const Xe={},Ye="setTimeout",$e="setInterval",Je="clearTimeout",Qe="-start",et=[Ye,"setImmediate",$e,Je,"clearImmediate"];function tt(e){const t=function(e){return(e||ee.ee).get("timer")}(e);if(Xe[t.debugId]++)return t;Xe[t.debugId]=1;var r=(0,te.YM)(t);return r.inPlace(y.gm,et.slice(0,2),Ye+"-"),r.inPlace(y.gm,et.slice(2,3),$e+"-"),r.inPlace(y.gm,et.slice(3),Je+"-"),t.on($e+Qe,(function(e,t,n){e[0]=r(e[0],"fn-",null,n)})),t.on(Ye+Qe,(function(e,t,n){this.method=n,this.timerDuration=isNaN(e[1])?0:+e[1],e[0]=r(e[0],"fn-",this,n)})),t}const rt={};function nt(e){const t=function(e){return(e||ee.ee).get("mutation")}(e);if(!y.RI||rt[t.debugId])return t;rt[t.debugId]=!0;var r=(0,te.YM)(t),n=y.gm.MutationObserver;return n&&(window.MutationObserver=function(e){return this instanceof n?new n(r(e,"fn-")):n.apply(this,arguments)},MutationObserver.prototype=n.prototype),t}const{TZ:it,d3:ot,Kp:at,$p:st,wW:ct,e5:ut,tH:dt,uP:lt,rw:ft,Lc:ht}=Be;class pt extends T{static featureName=it;constructor(e){if(super(e,it),Fe(e),!y.RI)return;try{this.removeOnAbort=new AbortController}catch(e){}let t,r=0;const n=this.ee.get("tracer"),o=ze(this.ee),a=qe(this.ee),u=tt(this.ee),d=ie(this.ee),l=this.ee.get("events"),f=fe(this.ee),h=Se(this.ee),p=nt(this.ee);function g(e,t){h.emit("newURL",[""+window.location,t])}function m(){r++,t=window.location.hash,this[lt]=(0,c.t)()}function v(){r--,window.location.hash!==t&&g(0,!0);var e=(0,c.t)();this[ut]=~~this[ut]+e-this[lt],this[ht]=e}function b(e,t){e.on(t,(function(){this[t]=(0,c.t)()}))}this.ee.on(lt,m),a.on(ft,m),o.on(ft,m),this.ee.on(ht,v),a.on(ct,v),o.on(ct,v),this.ee.on("fn-err",((...t)=>{t[2]?.__newrelic?.[e.agentIdentifier]||(0,s.p)("function-err",[...t],void 0,this.featureName,this.ee)})),this.ee.buffer([lt,ht,"xhr-resolved"],this.featureName),l.buffer([lt],this.featureName),u.buffer(["setTimeout"+at,"clearTimeout"+ot,lt],this.featureName),d.buffer([lt,"new-xhr","send-xhr"+ot],this.featureName),f.buffer([dt+ot,dt+"-done",dt+st+ot,dt+st+at],this.featureName),h.buffer(["newURL"],this.featureName),p.buffer([lt],this.featureName),a.buffer(["propagate",ft,ct,"executor-err","resolve"+ot],this.featureName),n.buffer([lt,"no-"+lt],this.featureName),o.buffer(["new-jsonp","cb-start","jsonp-error","jsonp-end"],this.featureName),b(f,dt+ot),b(f,dt+"-done"),b(o,"new-jsonp"),b(o,"jsonp-end"),b(o,"cb-start"),h.on("pushState-end",g),h.on("replaceState-end",g),window.addEventListener("hashchange",g,(0,O.jT)(!0,this.removeOnAbort?.signal)),window.addEventListener("load",g,(0,O.jT)(!0,this.removeOnAbort?.signal)),window.addEventListener("popstate",(function(){g(0,r>1)}),(0,O.jT)(!0,this.removeOnAbort?.signal)),this.abortHandler=this.#r,this.importAggregator(e,(()=>i.e(478).then(i.bind(i,5592))))}#r(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var gt=i(3333);class mt extends T{static featureName=gt.TZ;constructor(e){super(e,gt.TZ);const t=[e.init.page_action.enabled,e.init.performance.capture_marks,e.init.performance.capture_measures,e.init.user_actions.enabled,e.init.performance.resources.enabled];var r;if(r=e,p(u.hG,((e,t)=>V(e,t,r)),r),function(e){p(u.fF,(function(){(0,s.p)(u.Pl+u.fF,[(0,c.t)(),...arguments],void 0,n.K7.genericEvents,e.ee)}),e)}(e),Ne(e),z(e),function(e){p(u.V1,(function(t,r){const i=(0,c.t)(),{start:o,end:a,customAttributes:d}=r||{},f={customAttributes:d||{}};if("object"!=typeof f.customAttributes||"string"!=typeof t||0===t.length)return void(0,l.R)(57);const h=(e,t)=>null==e?t:"number"==typeof e?e:e instanceof PerformanceMark?e.startTime:Number.NaN;if(f.start=h(o,0),f.end=h(a,i),Number.isNaN(f.start)||Number.isNaN(f.end))(0,l.R)(57);else{if(f.duration=f.end-f.start,!(f.duration<0))return(0,s.p)(u.Pl+u.V1,[f,t],void 0,n.K7.genericEvents,e.ee),f;(0,l.R)(58)}}),e)}(e),y.RI&&(e.init.user_actions.enabled&&(gt.Zp.forEach((e=>(0,O.sp)(e,(e=>(0,s.p)("ua",[e],void 0,this.featureName,this.ee)),!0))),gt.qN.forEach((e=>{const t=(0,x.s)((e=>{(0,s.p)("ua",[e],void 0,this.featureName,this.ee)}),500,{leading:!0});(0,O.sp)(e,t)}))),e.init.performance.resources.enabled&&y.gm.PerformanceObserver?.supportedEntryTypes.includes("resource"))){new PerformanceObserver((e=>{e.getEntries().forEach((e=>{(0,s.p)("browserPerformance.resource",[e],void 0,this.featureName,this.ee)}))})).observe({type:"resource",buffered:!0})}t.some((e=>e))?this.importAggregator(e,(()=>i.e(478).then(i.bind(i,8019)))):this.deregisterDrain()}}var vt=i(2646);const bt=new Map;function yt(e,t,r,n){if("object"!=typeof t||!t||"string"!=typeof r||!r||"function"!=typeof t[r])return(0,l.R)(29);const i=function(e){return(e||ee.ee).get("logger")}(e),o=(0,te.YM)(i),a=new vt.y(ee.P);a.level=n.level,a.customAttributes=n.customAttributes;const s=t[r]?.[te.Jt]||t[r];return bt.set(s,a),o.inPlace(t,[r],"wrap-logger-",(()=>bt.get(s))),i}class wt extends T{static featureName=W.TZ;constructor(e){var t;super(e,W.TZ),t=e,p(u.$9,((e,r)=>G(e,r,t)),t),function(e){p(u.Wb,((t,r,{customAttributes:n={},level:i=W.p_.INFO}={})=>{yt(e.ee,t,r,{customAttributes:n,level:i})}),e)}(e),z(e);const r=this.ee;yt(r,y.gm.console,"log",{level:"info"}),yt(r,y.gm.console,"error",{level:"error"}),yt(r,y.gm.console,"warn",{level:"warn"}),yt(r,y.gm.console,"info",{level:"info"}),yt(r,y.gm.console,"debug",{level:"debug"}),yt(r,y.gm.console,"trace",{level:"trace"}),this.ee.on("wrap-logger-end",(function([e]){const{level:t,customAttributes:n}=this;(0,B.R)(r,e,n,t)})),this.importAggregator(e,(()=>i.e(478).then(i.bind(i,5288))))}}new class extends r{constructor(e){var t;(super(),y.gm)?(this.features={},(0,_.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(S),this.runSoftNavOverSpa=[...this.desiredFeatures].some((e=>e.featureName===n.K7.softNav)),(0,a.j)(this,e,e.loaderType||"agent"),t=this,p(u.cD,(function(e,r,n=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof r)||null===r)return g(t,e,r,u.cD,n);(0,l.R)(40,typeof r)}else(0,l.R)(39,typeof e)}),t),function(e){p(u.Dl,(function(t){if("string"==typeof t||null===t)return g(e,"enduser.id",t,u.Dl,!0);(0,l.R)(41,typeof t)}),e)}(this),function(e){p(u.nb,(function(t){if("string"==typeof t||null===t)return g(e,"application.version",t,u.nb,!1);(0,l.R)(42,typeof t)}),e)}(this),function(e){p(u.d3,(function(){e.ee.emit("manual-start-all")}),e)}(this),this.run()):(0,l.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}get api(){return this}run(){try{const e=function(e){const t={};return o.forEach((r=>{t[r]=!!e[r]?.enabled})),t}(this.init),t=[...this.desiredFeatures];t.sort(((e,t)=>n.P3[e.featureName]-n.P3[t.featureName])),t.forEach((t=>{if(!e[t.featureName]&&t.featureName!==n.K7.pageViewEvent)return;if(this.runSoftNavOverSpa&&t.featureName===n.K7.spa)return;if(!this.runSoftNavOverSpa&&t.featureName===n.K7.softNav)return;const r=function(e){switch(e){case n.K7.ajax:return[n.K7.jserrors];case n.K7.sessionTrace:return[n.K7.ajax,n.K7.pageViewEvent];case n.K7.sessionReplay:return[n.K7.sessionTrace];case n.K7.pageViewTiming:return[n.K7.pageViewEvent];default:return[]}}(t.featureName).filter((e=>!(e in this.features)));r.length>0&&(0,l.R)(36,{targetFeature:t.featureName,missingDependencies:r}),this.features[t.featureName]=new t(this)}))}catch(e){(0,l.R)(22,e);for(const e in this.features)this.features[e].abortHandler?.();const t=(0,_.Zm)();delete t.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return t.ee.get(this.agentIdentifier).abort(),!1}}}({features:[xe,S,P,He,Ke,j,Z,mt,wt,We,pt],loaderType:"spa"})})()})();</script>
<title>Password</title>
<meta property="og:title" content="Enter the password to access this flipbook" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="robots" content="index, nofollow">
<meta name="google-signin-scope" content="profile email">
<meta name="google-signin-client_id" content="498400725588-i1umghu2hku43louerdr1p1fnu0o7i9s.apps.googleusercontent.com">
<script src="https://accounts.google.com/gsi/client" async defer></script>
<link href="https://cdnc.heyzine.com/assets/font/opensans.css" rel="stylesheet">
<link href="/assets-admin/vendor/fonts/font-awesome.min.css" rel="stylesheet">
<script type="text/javascript" src="/flipbook/js/site/jquery-3.5.1.min.js"></script>
<style type="text/css">
html {
scroll-behavior: smooth;
font-size: 16px;
}
:focus {
outline-color: transparent;
outline-style: none;
}
* {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
overflow-y: auto;
overflow-x: hidden;
padding-top: 5rem;
margin: 0;
line-height: normal;
}
h1 {
font-family: HKGrotesk, sans-serif;
font-size: 3rem;
font-weight: bold;
color: #05241A;
}
h2 {
font-family: HKGrotesk-Regular;
font-size: 1.2rem;
margin-top: -0.8rem;
color: #697370;
font-weight: normal;
margin-bottom: 2rem;
}
.fixed-wd {
max-width: calc(1511px + 2rem);
margin: 0 auto;
width: 100%;
}
.fixed-wd.fixed-sm {
max-width: calc(1055px + 2rem);
}
.mcp {
cursor: pointer;
}
.logo {
font-family: HKGrotesk;
font-weight: bold;
font-size: 2rem;
color: #3e545e;
height: 100%;
vertical-align: top;
}
.logo img {
width: 160px;
margin-top: 2px;
margin-right: 0.3rem;
display: inline-block;
margin-bottom: -16px;
}
.logo a {
color: inherit;
text-decoration: none;
margin-top: 0.6rem;
margin-bottom: 0;
display: inline-block;
}
.tac {
text-align: center;
}
.mtn {
margin-top: 0;
}
.mts {
margin-top: 1rem;
}
mvm {
margin-top: 1.8rem;
margin-bottom: 1.8rem;
}
.phs {
padding-left: 1rem;
padding-right: 1rem;
}
.phm {
padding-left: 2rem;
padding-right: 2rem;
}
.description {
width: calc(50vw - 2rem);
max-width: 39rem;
}
.anchor-link {
padding-top: 5rem;
margin-top: -5rem;
}
#conversion .anchor-link {
padding-top: 0.4rem;
margin-top: 0;
}
#conversion h1 {
margin-top: 2rem;
max-width: 570px;
text-transform: capitalize;
}
#conversion h2 {
margin-top: 0rem;
margin-bottom: 3rem;
line-height: 1.8rem;
}
.dev-page .anchor-link {
border-bottom: 2px solid #c9cecb;
padding-bottom: 2rem;
}
#canvas {
width: 100% !important;
height: 100% !important;
position: relative;
right: 0;
top: 0;
transition: 0.4s ease;
z-index: 5;
padding-top: 0;
}
.flipbook-wrapper {
width: 100%;
height: 100%;
}
.flipbook-wrapper #canvas {
padding-left: 0 !important;
padding-top: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
}
#magazineViewport {
overflow: visible !important;
}
.page-wrapper {
cursor: pointer;
}
header {
padding: 0 2rem;
box-sizing: border-box;
}
header h2 {
margin-top: -0.8rem;
}
.btnModalRegister {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.login-section p a.btnModalRegister {
padding-left: 0 !important;
padding-right: 0 !important;
}
nav {
background-color: #F2F5F3;
padding: 0.5rem 2rem;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100000;
box-sizing: border-box;
}
.nav-content {
display: flex;
flex-direction: row;
justify-content: space-between;
max-width: calc(50% + 730px + 1.5rem);
margin-left: auto;
margin-right: 0;
padding-left: 1rem;
width: 100%;
}
nav .links {
display: flex;
flex-direction: row;
justify-content: space-between;
text-decoration: none;
padding-right: 4rem;
}
nav .links .navigation {
display: flex;
flex-direction: row;
justify-content: space-between;
text-decoration: none;
}
nav .links a {
text-decoration: none;
color: #05241A;
font-size: 1.05rem;
white-space: nowrap;
}
nav .links a:hover,
nav .links a.selected {
color: #19A975;
transition: 0.2s ease-in;
}
.links div {
padding: 0 1rem;
font-size: 1rem;
font-family: HKGrotesk;
}
nav .links div {
display: flex;
flex-direction: column;
justify-content: center;
}
nav ul {
list-style: none;
position: absolute;
top: 2.6rem;
padding: 0 2rem 1rem;
right: 0.5rem;
border: 0;
border-top: none;
background: linear-gradient(0deg, #F2F5F3 -16.22%, #EEF1EF 86.51%);
box-shadow: 0px 10px 40px rgba(34, 34, 34, 0.1);
border-radius: 0px 0px 8px 8px;
}
nav ul li {
padding: 0.2rem 0;
}
.menu .btnLanguage {
color: #697370;
}
.landing-nav.inverse .menu svg path {
fill: white;
transition: 0.2s ease;
}
.logo-inverse {
fill: white !important;
transition: 0.2s ease;
}
.logo-inverse-initial {
fill: #19A974;
}
.button-remark a {
color: #19A975 !important;
}
nav.inverse {
background-color: #19A974;
padding-top: 0;
padding-bottom: 0;
transition: 1s ease;
}
nav.inverse .links a {
color: white;
transition: 1s ease;
}
nav .links .menu a {
color: #19A975;
}
nav.inverse .links .menu a {
color: white;
}
nav.inverse .links a.selected,
nav.inverse .links a:hover {
transition: 0.5s ease;
color: white;
border-bottom: 1px solid white;
}
nav.inverse a.btn-cta:hover,
nav.inverse .btn-cta:hover,
nav.inverse .button a:hover,
nav.inverse .btn-cta,
nav.inverse a.btn-cta,
nav.inverse .button a {
background-color: white;
color: #19A975;
transition: 1s ease;
border-bottom: 0;
}
nav.inverse a.btn-cta:hover,
nav.inverse .btn-cta:hover,
nav.inverse .button a:hover {
color: #05241A;
}
.landing-nav.inverse .menu ul {
background: #18a672;
}
.landing-nav.inverse .button-remark a {
color: white !important;
}
nav.inverse .logo a {
margin-top: 0.3rem;
margin-bottom: 0.3rem;
}
.menu {
position: relative;
margin-left: 4rem;
position: relative;
margin-left: 4rem;
flex-direction: row !important;
align-items: center !important;
}
.drop-uploader {
box-sizing: border-box;
border: 1px dashed #19A975;
margin: 0 2rem;
padding: 2rem 0.5rem;
border-radius: 10px;
background-color: white;
}
.drop-file-size {
margin-top: 5px;
}
.drop-text {
display: block;
}
.drop-text small {
display: block;
padding-left: 7rem;
}
.drop-uploader {
height: 10rem;
padding-top: 2.4rem;
}
.drop-progress {
width: 100%;
max-width: 500px;
font-family: HKGrotesk-Regular;
font-size: 1.1rem;
color: #05241a;
margin: 0 auto;
}
.drop-file-details > div {
width: 50%;
}
.drop-file-details > div:last-child {
text-align: right;
}
.drop-file-details {
display: flex;
align-content: space-between;
}
.btn.btnUpload {
background-color: #19A975;
color: white;
margin-left: 0rem;
width: auto;
display: block;
max-width: 16rem;
text-align: center;
padding: 0.5rem 0;
box-sizing: border-box;
margin-top: 1rem;
cursor: pointer;
padding: 7px 50px 7px 14px;
position: relative;
text-decoration: none;
}
.btn.btnUpload:active,
.btn.btnUpload:hover {
background-color: #697370;
transition: 0.2s ease;
}
.btnUpload svg {
height: 21px;
margin-top: 3px;
position: absolute;
right: 10px;
}
.drop-text small {
display: block;
padding-left: 7rem;
padding-top: 0.6rem;
}
.drop-uploader {
display: flex;
align-items: center;
}
.drop-content {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
color: #697370;
font-family: HKGrotesk;
font-weight: normal;
position: relative;
z-index: 100;
height: 100%;
align-items: center;
margin-top: 0;
}
.drop-file-size {
color: #697370;
font-size: 0.9rem;
}
.drop-file-name {
font-size: 1rem;
color: #19a975;
}
.btnCancel {
background-color: lightgray;
width: 100%;
display: inline-block;
padding: 0.3rem 0;
color: black;
cursor: pointer;
border-radius: 8px;
font-size: 1rem;
text-align: center;
max-width: 115px;
}
.cols{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.col {
width: calc(50% - 2rem);
margin: 1rem;
}
.cols-4 .col {
width: calc(25% - 2rem);
}
@media screen and (max-width: 64rem){
.col{
width: calc(33.333333% - 2rem);
}
}
@media screen and (max-width: 48rem){
.col{
width: calc(50% - 2rem);
}
}
@media screen and (max-width: 32rem){
.col{
width: 100%;
margin: 0 0 2rem 0;
}
}
#features {
width: 100%;
margin-top: 0;
padding: 2rem 5rem;
box-sizing: border-box;
background-color: white;
position: relative;
overflow: hidden;
}
.link-container {
margin-bottom: 2rem;
text-align: center;
margin-top: 1.5rem;
}
#features h3 {
font-family: HKGrotesk;
font-size: 1.2rem;
margin-top: 16px;
color: #05241A;
margin-bottom: 0;
font-weight: bold;
}
#features .col {
border: 2px solid #E3EBE8;
border-radius: 8px;
background-color: white;
padding: 1.5rem 2rem;
box-sizing: border-box;
z-index: 10;
width: calc(50% - 2rem);
}
#features .col svg {
margin-left: -2px;
}
#features p {
font-family: HKGrotesk-Regular;
font-size: 1.05rem;
text-align: left;
color: #697370;
}
#features .cols {
margin: 0 auto;
}
.back-line-1 {
position: absolute;
bottom: 130px;
left: 0;
z-index: 0;
}
.back-line-2 {
position: absolute;
right: 0;
top: 272px;
z-index: 0;
width: 377px;
height: auto;
}
.back-line-3 {
position: absolute;
top: 335px;
right: 0;
z-index: 0;
width: 517px;
height: auto;
}
.back-line-4 {
position: absolute;
z-index: 0;
left: -225px;
width: 501px;
bottom: 0;
height: auto;
}
.back-line-5 {
position: absolute;
right: 0;
top: 278px;
z-index: 0;
width: 292px;
height: auto;
}
.back-line-6 {
position: absolute;
top: -173px;
left: -67px !important;
z-index: 0;
left: auto;
transform: scale(1);
}
#lookbook-features,
#flipbook-features {
background-color: white;
}
#examples {
background-color: white;
position: relative;
}
.more-examples {
position: absolute;
top: 2.5rem;
right: 1.1rem;
}
.more-examples a {
color: #19a974;
font-family: HKGrotesk-Regular;
text-decoration: none;
font-weight: bold;
font-size: 0.9rem;
}
.more-examples svg {
vertical-align: top;
margin-top: -2px;
margin-left: 5px;
}
.examples {
margin: 0 auto;
position: relative;
z-index: 100;
box-sizing: border-box;
}
.examples h3 {
margin: 2rem 0 2rem 1rem;
font-size: 2rem;
font-family: HKGrotesk;
font-weight: bold;
color: #05241A;
}
.examples .col {
cursor: pointer;
transform: translate3d(0,0,0);
}
.examples .front {
font-family: HKGrotesk-Regular;
font-size: 1.5rem;
}
.examples .back a {
background-color: #19a974;
margin-top: 2rem;
display: inline-block;
text-decoration: none;
color: white;
padding: 0.4rem 0;
width: 100%;
box-shadow: 0 0 5px 0px lightgray;
border-radius: 4px;
}
.examples .front {
font-family: HKGrotesk-Regular;
font-size: 1.7rem;
background-size: cover;
background-position: top;
color: #3e545e;
}
.examples .back p {
font-family: HKGrotesk-Regular;
font-size: 1rem;
}
#product h3 {
font-size: 2rem;
font-family: HKGrotesk;
color: #05241A;
text-align: left;
padding: calc(1rem + 2px);
margin-bottom: 0;
display: inline-block;
margin-top: 0;
}
.title {
margin: 4rem 0 2rem 2rem;
font-size: 2rem;
font-family: HKGrotesk;
color: #05241A;
text-align: center;
}
#product {
background-color: white;
}
.product {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
margin: 0 auto 0;
position: relative;
z-index: 10;
}
.product-cont {
padding-top: 4rem;
padding-bottom: 7rem;
background: linear-gradient(270deg, rgb(242, 245, 243) 0%,rgb(242, 245, 243) 70%, rgb(252, 252, 252) 100%);
position: relative;
overflow: hidden;
padding-bottom: 7rem;
}
.product-item {
font-family: HKGrotesk-Regular, sans-serif;
padding: 2rem 1rem;
margin: 1em;
color: #262b38;
background: #fff;
cursor: default;
position: relative;
border: 2px solid #E3EBE8;
border-radius: 8px;
font-size: 1.05rem;
width: calc(33% - 2em);
box-sizing: border-box;
}
.product-item ul {
list-style: none;
padding: 0 1rem;
}
.product-item-remark {
border: 2px solid #19a975a6;
}
.product-item-popular-container {
position: absolute;
top: 0;
right: 0;
width: 93px;
overflow: hidden;
height: 104px;
z-index: 0;
}
.product-item-popuplar {
position: absolute;
top: 23px;
right: -39px;
background-color: #19a975a6;
color: white;
text-transform: uppercase;
transform: rotate(47deg);
width: 146px;
text-align: center;
padding: 4px 0;
}
#product .product.fixed-wd .product-item {
width: calc(24.5% - 1.5em);
}
#product .product.fixed-wd .product-item:first-child {
margin-left: 0;
}
#product .product.fixed-wd .product-item:last-child {
margin-right: 0;
}
.product-feature {
padding-bottom: 0.45rem;
font-size: 0.95rem;
}
.product-feature::before {
content: ' ';
background-image: url("/assets-web/img/icon/check.svg");
display: inline-block;
width: 18px;
height: 18px;
background-size: 100%;
margin-top: 0px;
vertical-align: top;
margin-right: 6px;
}
.product-feature strong {
font-weight: normal;
}
.product-item .btn-cta {
padding-top: 0.6rem;
padding-bottom: 0.6rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
.product-currency-note {
text-align: center;
color: gray;
margin: 13px calc(1rem + 2px) 0 auto;
display: flex;
justify-content: end;
align-items: end;
float: right;
font-size: 0.9rem;
font-family: HKGrotesk-Regular;
flex-direction: column-reverse;
gap: 9px;
}
.product-currency-note > p {
margin: 0 0 0 0;
font-size: 0.78rem;
}
.product-currency-note .product-currency {
margin-right: 0;
background: white;
width: 100%;
padding: 0.3rem 0.5rem;
font-family: HKGrotesk-Regular, sans-serif;
font-weight: normal;
font-size: 1rem;
border-radius: 6px;
border: 2px solid #E3EBE8;
}
.special-plan .product-currency-note {
flex-direction: row !important;
align-items: center !important;
}
.product-title {
font-family: HKGrotesk;
font-size: 1.1rem;
font-weight: bold;
text-align: center;
margin-top: 0;
margin-bottom: 0.2rem;
}
.product-action {
background-color: #19a975;
color: white;
width: 100%;
display: block;
text-align: center;
padding: 0.5rem 0;
box-sizing: border-box;
box-shadow: none;
margin-top: 1rem;
text-decoration: none;
position: relative;
bottom: 0;
left: 0;
border-radius: 6px;
}
.product-action:hover,
.product-action:active,
.product-action:focus {
background-color: #697370;
}
.btn-cta.btn-block.btn-cta-disabled,
.btn-cta-disabled {
background-color: white;
color: #3e545e;
box-shadow: none;
border: 1px solid lightgray;
}
.flipbook-features {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
margin: 0 auto 3em;
}
.flipbook-feature {
font-family: HKGrotesk-Regular, sans-serif;
padding: 2em 3em 2em 3em;
margin: 1em;
color: #697370;
background: #fff;
cursor: default;
overflow: hidden;
position: relative;
width: calc(33% - 2rem);
border: 2px solid #E3EBE8;
border-radius: 8px;
box-sizing: border-box;
}
.flipbook-feature-double {
display: flex;
}
.flipbook-feature-image {
background-image: url(/assets-web/img/faq.jpg);
width: 50%;
margin: -2em 3em -2em -3em;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-color: #f2f4f1;
}
.flipbook-feature-call {
width: 50%;
font-size: 1.15rem;
text-align: left;
}
.flipbook-feature a,
.feature-page-section a,
.flipbook-feature-call a {
color: #686970;
}
.flipbook-feature a:active,
.flipbook-feature a:hover,
.feature-page-section a:active,
.flipbook-feature-call a:active,
.flipbook-feature-call a:hover {
color: #19A975;
}
.feature-page-section .faq-more-info h2,
.feature-page-section .faq-more-info {
font-size: 1.4rem;
}
.feature-page-section .faq-more-info {
background-color: white;
}
.feature-page-flip {
display: flex;
flex-direction: row;
}
.feature-page-flip-cont {
width: 355px;
}
.feature-page-flip-text {
padding-left: 1rem;
padding-right: 1rem;
width: calc(100% - 355px);
}
.feature-page-img-rigth {
float: right;
width: 370px;
margin: 13px 0 30px 60px;
border-radius: 11px;
}
.content-section {
margin: 0 2rem;
}
.content-section .subtitle {
font-size: 1.4rem;
margin: 0;
}
.content-section .feature-page-section {
margin-bottom: 2rem;
margin-top: 1rem;
}
.content-section p {
font-size: 1.06rem;
line-height: 1.9rem;
}
.content-section .feature-page-2-col > li {
display: block;
width: calc(50% - 6px);
margin: 0;
box-sizing: content-box;
}
.content-section .feature-page-2-col {
align-content: space-between;
list-style-type: none;
}
#article-main {
width: 100%;
margin-top: 0;
margin-bottom: 6rem;
padding: 2rem 3rem;
box-sizing: border-box;
background-color: white;
position: relative;
overflow: hidden;
}
#article-main .fixed-wd {
border: 2px solid #E3EBE8;
border-radius: 8px;
background-color: white;
z-index: 10;
position: relative;
padding-bottom: 2rem;
}
.article-content {
padding: 1.5rem 2rem;
box-sizing: border-box;
width: 100%;
font-family: HKGrotesk-Regular;
color: #05241a;
}
.article-content h3 {
margin-top: 0;
font-size: 1.3rem;
}
.article-content p {
font-size: 1.1rem;
line-height: 1.8rem;
}
.article-content-idea {
display: flex;
border-top: 0;
margin-top: 3rem;
padding-top: 3rem;
padding-bottom: 0;
border-bottom: 0;
flex-direction: row-reverse;
}
.header-img {
float: left;
width: 75px;
padding-top: 23px;
margin-right: 12px;
margin-left: -12px;
}
.article-content-idea.mtn {
margin-top: 0;
}
.article-content-text a {
color: #19a974;
}
.article-content-flip {
width: 320px;
margin-right: 2rem;
}
.article-content-text {
width: calc(100% - 320px);
}
.article-content-flip .heyzine-flip .front,
.article-content-flip .heyzine-flip .back {
height: 200px;
min-height: 200px;
}
.article-content-flip .heyzine-flip .front h5 {
color: #05241a;
font-size: 1.7rem;
}
.article-content-flip .heyzine-flip .img-back,
.article-content-flip .heyzine-flip .img-front {
border-radius: 10px;
}
.article-content-flip .heyzine-flip .back p {
font-family: HKGrotesk-Regular;
font-size: 1.3rem;
color: #05241a;
}
.article-content-top {
margin-top: 6rem;
padding: 2rem;
font-family: HKGrotesk-Regular;
box-sizing: border-box;
}
.article-content-toc {
float: left;
border-right: 1px solid #e3ebe8;
font-size: 0.9rem;
padding-right: 3rem;
margin-right: 2rem;
}
.article-content-toc-b {
display: flex;
justify-content: space-between;
gap: 2.5rem;
margin-left: 14px;
}
.article-content-toc > div {
margin-bottom: 7px;
}
.article-content-toc a {
text-decoration: none;
color: #697370;
display: block;
margin-bottom: 6px;
position: relative;
}
.article-content-toc a::before {
content: '·';
font-size: 3rem;
position: absolute;
top: -1.4rem;
left: -17px;
}
.hml {
margin-top: 3rem;
}
.app-main-section .fixed-wd {
max-width: calc(1480px + 2rem);
}
.app-hero {
margin-top: 4rem;
margin-bottom: 2rem;
display: flex;
}
.app-main-section a:active, .app-main-section a:hover {
color: #19A975;
}
.app-main-section a {
color: #686970;
}
.app-downloads {
display: flex;
width: 100%;
max-width: 290px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 2rem;
margin-top: 2rem;
margin-left: 2rem;
}
.app-download-btn {
font-family: HKGrotesk-Regular;
display: flex;
align-items: center;
background: #f2f5f3;
border: 2px solid #05241a;
border-radius: 12px;
padding: 0.5rem 2rem;
width: 100%;
box-sizing: border-box;
cursor: pointer;
color: #05241a;
text-decoration: none;
}
.app-download-btn:hover {
background: #19a97573;
transition: 0.35s ease;
}
.app-download-btn svg {
margin-right: 9px;
}
.app-screen {
width: 100%;
position: relative;
}
.app-screen > img {
position: absolute;
top: -4rem;
left: 50%;
width: 92%;
max-width: 1024px;
z-index: 100000;
transform: translateX(-50%);
}
#follow-section {
background-color: #F2F5F3;
padding-bottom: 4rem;
position: relative;
}
#follow-section .fixed-wd {
display: flex;
justify-content: center;
}
.follow-title {
width: 625px;
margin-right: 3rem;
}
.follow-title .title {
text-align: right;
margin: 0;
font-size: 1.7rem;
}
.follow-links {
font-family: HKGrotesk;
font-size: 1.4rem;
margin-top: -7px;
}
.follow-links p {
margin: 0;
}
p.follow-links-title {
margin: 8px 0 7px;
font-weight: normal;
}
.follow-links svg {
width: 40px;
height: 40px;
fill: black;
margin-right: 2rem;
}
.follow-links a {
text-decoration: none;
}
.testimonial-cta {
margin-top: -2rem;
}
.testimonial-cta .btn-primary {
font-size: 1.4rem;
margin: 2rem 0 3rem 0;
text-decoration: none;
font-weight: normal;
}
.flipbook-feature-call h4 {
font-size: 1.3rem !important;
}
.flipbook-feature-call h4 a {
color: #05241A;
text-decoration: none;
}
.examples h4 {
font-size: 0.83em;
}
.flipbook-feature-call p {
font-size: 1rem;
}
.flipbook-features h4,
.flipbook-features h5 {
font-family: HKGrotesk;
font-size: 1.1rem;
margin: 0;
color: #05241A;
}
.flipbook-feature-title svg {
width: 32px;
height: 32px;
vertical-align: top;
margin-top: -5px;
margin-right: 6px;
}
.flipbook-feature-title h4 {
display: inline;
}
#contact {
background: linear-gradient(270deg, rgb(242, 245, 243) 0%,rgb(242, 245, 243) 70%, rgb(252, 252, 252) 100%);
padding-bottom: 7rem;
}
#contact.contact-top {
padding-top: 13rem;
}
.contact-cont {
display: flex;
justify-content: space-between;
max-width: calc(1460px - 2.5rem);
}
.contact-detail {
font-family: HKGrotesk-Regular, sans-serif;
width: 40%;
color: #697370;
padding-left: 1rem;
margin-left: 1rem;
box-sizing: border-box;
}
.contact-detail .title {
text-align: left;
margin-left: 0;
font-size: 3.5rem;
margin-top: 0;
}
.contact-detail p {
font-size: 1.1rem;
}
.contact-detail a {
text-decoration: none;
}
.contact-detail a svg {
margin-right: 0.7rem;
}
.contact-detail a {
text-decoration: none;
margin-right: 0;
color: #686970;
}
.contact-detail a:focus,
.contact-detail a:active,
.contact-detail a:hover {
color: #19A975;
}
.contact-detail a svg {
width: 20px;
}
.contact-land-form .contact-email input {
margin-left: 0;
margin-right: 0;
width: calc(50% - 1.4rem);
}
.contact-land-form .contact-email {
text-align: center;
display: flex;
justify-content: space-between;
max-width: 43.4rem;
margin-left: auto;
margin-right: auto;
}
.contact-land-form .contact-page .trumbowyg-box,
.contact-land-form .contact-type,
.contact-land-form .contact-subject {
max-width: 43.4rem;
margin: 1rem auto;
}
.contact-land-form .contact-message textarea {
padding-top: 0.5rem;
}
.contact-cont {
display: flex;
justify-content: space-between;
margin-bottom: 5rem;
}
.contact > div {
width: 100%;
max-width: 48rem;
margin: 0 auto;
display: flex;
justify-content: center;
flex-direction: row;
align-items: center;
}
.contact-image {
float: left;
margin: -0.5rem 2rem 0 0;
}
.contact-text {
font-family: HKGrotesk-Regular;
font-size: 1rem;
}
.contact a {
color: #3e545e;
}
.contact-land-form {
width: 54%;
background-color: white;
border-radius: 8px;
padding: 1.5rem 1.5rem 0.5rem;
box-sizing: border-box;
margin-right: 1rem;
}
.contact-land-form .btn-action {
margin-bottom: 1rem;
margin-top: 1rem;
margin-right: 0;
max-width: 9rem;
box-shadow: none;
}
.contact-land-form .contact-subject-prospect input,
.contact-land-form .contact-message textarea,
.contact-land-form .contact-email input {
box-shadow: none;
background-color: #F6F6F5;
border: 0;
border-radius: 8px;
font-family: HKGrotesk-Regular;
}
.contact-land-form .contact-actions {
max-width: 43.4rem;
margin: 0 auto;
}
footer {
background-color: #19A974;
color: white;
text-align: center;
padding: 1.5rem 1rem 0.5rem;
font-family: HKGrotesk;
font-size: 0.9rem;
}
footer a {
color: white;
}
footer span {
margin-right: 1rem;
}
.btn-cta,
a.btn-cta,
nav .button a {
text-decoration: none;
background-color: #19A975;
color: white;
padding: 0.4rem 1rem 0.3rem;
font-family: HKGrotesk;
font-weight: normal;
border-radius: 8px;
white-space: nowrap;
}
a.btn-cta:hover,
.btn-cta:hover,
nav .button a:hover {
text-decoration: none;
color: white;
background-color: #697370;
transition: 0.1s ease-in;
}
.btn-block {
width: 100%;
display: inline-block;
text-align: center;
box-sizing: border-box;
}
.product-price .pricing-period {
font-size: 1.4rem;
font-weight: normal;
}
.product-price {
font-size: 2rem;
text-align: center;
}
.product-price .pricing-period.pricing-upgrade {
font-size: 1.1rem;
}
main.dev-page {
font-family: HKGrotesk-Regular;
width: calc(100% - 12rem);
padding: 0;
box-sizing: border-box;
position: absolute;
left: 12rem;
top: 2.7rem;
background-color: #f2f2f2;
}
.dev-page-content {
background: white;
margin: 2rem 0 0;
border-radius: 16px 0 0 0;
box-sizing: content-box;
padding: 1rem 3rem;
}
.dev-page-content .btnModalRegister {
padding: 0 !important;
}
.dev-page header {
width: 100%;
padding: 0 0 3rem 0;
}
.code-content {
overflow: auto;
}
.get-key {
margin: 1rem 0;
background-color: white;
padding: 1rem;
display: inline-block;
width: 100%;
max-width: 34rem;
border: 2px solid lightgray;
box-sizing: border-box;
border-radius: 6px;
text-align: center;
color: #05241a;
}
.get-key a {
color: #19A975;
}
.dev-page section {
margin-bottom: 5rem;
}
.dev-page h2 {
font-size: 1.7rem;
}
.dev-page th {
text-align: left;
padding: 0 2rem;
}
.dev-page td {
padding: 0 2rem;
}
.dev-api-keys {
display: flex;
justify-content: start;
gap: 4rem;
margin-top: 3rem;
margin-bottom: 2rem;
}
.dev-api-keys p {
margin-bottom: 12px;
margin-top: 0;
}
.code-examples {
margin-top: 2rem;
}
.code-endpoint h3 {
margin-bottom: 0.5rem;
}
.code-endpoint-body {
display: flex;
gap: 1.5rem;
justify-content: space-between;
border-bottom: 2px solid #e8e7e7;
padding-bottom: 1rem;
margin-bottom: 2rem;
}
.code-endpoint:last-child .code-endpoint-body {
border-bottom: 0;
padding-bottom: 0;
}
.code-endpoint-body .code-params {
width: 50%;
}
.code-endpoint-body .code-content {
width: 50%;
}
.code-endpoint-body .code-param-title {
margin-bottom: 0.7rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid #e4e8e5;
}
.code-desc-main {
margin-bottom: 2rem;
}
.code-endpoint-body .code-param {
margin-bottom: 1.7rem;
}
.code-endpoint-body .code-param-name {
margin-bottom: 0.25rem;
}
.code-param-name-main {
font-weight: bold;
margin-right: 1rem;
font-size: 1rem;
}
.code-param-name-type {
color: gray;
margin-right: 1rem;
font-size: 0.75rem;
}
.code-param-name-required {
font-size: 0.75rem;
}
.code-endpoint-body .code-examples {
margin-top: 0;
}
.code-endpoint-body .code {
margin-top: 0;
white-space: nowrap;
overflow: auto;
}
.code-endpoint-body .code-wrap {
margin-top: 0;
overflow-wrap: anywhere;
background-color: #f2f5f3;
padding: 1rem;
border-radius: 8px;
}
.code-title {
margin-top: 0;
font-size: 0.8rem;
margin-bottom: 0.2rem;
}
.dev-page .code {
background-color: #f2f5f3;
padding: 1rem;
border-radius: 8px;
}
.dev-page table {
width: 100%;
border: 1px solid lightgray;
font-size: 0.9rem;
border-collapse: collapse;
}
.dev-page table td, .dev-page table th {
border: 1px solid lightgray;
}
.dev-page .error {
color: red;
}
.dev-page .find-form > span {
margin-right: 10px;
}
.dev-page .find-form > input {
padding: 7px 4px;
border-radius: 6px;
border: 1px solid gray;
width: 100%;
max-width: 307px;
margin-right: 12px;
}
.dev-page .findIdBtn {
background: #5a686f;
border: 1px solid gray;
padding: 6px;
border-radius: 8px;
width: 83px;
color: white;
cursor: pointer;
}
.lateral {
position: fixed;
left: 0;
height: 100%;
width: 12rem;
top: 3rem;
background-color: #F2F5F3;
padding-right: 1.5rem;
box-sizing: border-box;
padding-top: 7rem;
}
.lateral a {
font-family: HKGrotesk;
color: #05241A;
text-decoration: none;
font-size: 1rem;
}
.lateral a:hover {
color: #19A975;
transition: 0.2s ease;
}
.lateral > div {
margin: 1.4rem 0;
text-align: right;
}
.dev-page footer {
width: 100%;
}
#flipbook-customize {
display: none;
width: 50%;
}
#flipbook-customize h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.1rem;
}
#flipbook-customize .selEffect {
margin-top: 1rem;
padding: 0.8rem;
}
.text-section {
border-top: 1px solid #E3EBE8;
border-bottom: 1px solid #E3EBE8;
display: block;
margin: 0 0 2rem;
}
.try-section .text-info {
color: #05241A;
font-weight: normal;
margin: 1rem 0;
}
.try-section .text-info svg {
float: left;
margin-right: 0.5rem;
}
.btn-action.btn-action-alt {
background-color: white;
box-shadow: none;
border: 1px solid #19A975;
font-family: HKGrotesk-Regular;
font-weight: normal;
color: #19A975;
padding: 0.8rem 0.5rem;
}
.btn-action.btn-action-alt:hover {
color: #697370;
border: 1px solid #697370;
transition: 0.2s ease;
background-color: #fcfcfc;
}
.btn-action-alt svg {
vertical-align: top;
}
.cust-cols {
display: flex;
justify-content: space-between;
flex-direction: column;
background-color: #f4f4f4;
padding-left: 1rem;
border-radius: 5px;
}
.cust-cols > div {
width: calc(100% - 1rem);
text-align: center;
}
.cust-cols input, .cust-cols select {
width: calc(50% - 1.2rem);
padding: 0.4rem;
margin: 0.3rem 0;
}
.cust-cols select {
width: 100%;
}
.cust-actions a {
display: block;
margin: 1rem 0;
max-width: 100%;
box-sizing: border-box;
font-size: 0.9rem;
}
.cust-actions a.half {
max-width: calc(50% - 0.2rem);
display: inline-block;
font-size: 0.7rem;
white-space: nowrap;
padding-left: 0.5rem;
padding-right: 0.5rem;
width: 100%;
}
.btn-subaction.half img {
display: block;
margin: 0 auto;
}
.cust-actions a.half:first-child {
margin-right: 1rem;
}
.notification-bar {
position: fixed;
top: 4rem;
width: 100%;
background-color: #3e545e;
font-family: HKGrotesk-Regular;
font-weight: bold;
text-align: center;
z-index: 100000;
padding: 1rem;
color: white;
display: none;
}
.mvm {
margin-top: 2rem;
margin-bottom: 2rem;
}
.progress-line, .progress-line:before {
height: 6px;
width: 100%;
margin: 0;
}
.progress-line {
background-color: #5a686f;
display: -webkit-flex;
display: flex;
margin-top: 4rem;
width: 15vw;
}
.progress-line:before {
background-color: #3e545e;
content: '';
-webkit-animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@-webkit-keyframes running-progress {
0% { margin-left: 0px; margin-right: 100%; }
50% { margin-left: 25%; margin-right: 0%; }
100% { margin-left: 100%; margin-right: 0; }
}
@keyframes running-progress {
0% { margin-left: 0px; margin-right: 100%; }
50% { margin-left: 25%; margin-right: 0%; }
100% { margin-left: 100%; margin-right: 0; }
}
.progress-line-2 {
background-color: #F6F6F5;
width: 100%;
position: relative;
height: 12px;
border-radius: 10px;
overflow: hidden;
}
.progress-line-2 .progress-inner {
background-color: #19A975;
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
border-radius: 10px;
}
.progress-line-2 .progress-start {
width: 100%;
transition: 15s ease;
}
.progress-line-2 .progress-inner.progress-inner-ending {
left: 0;
width: 50%;
-webkit-animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
transition: none;
}
.logo a {
text-decoration: none;
}
/* The element to hover over */
.qs {
position: relative;
}
.qs .popover {
background-color: rgba(0, 0, 0, 0.85);
border-radius: 5px;
bottom: 42px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
color: #fff;
display: none;
font-size: 12px;
font-family: "Helvetica", sans-serif;
left: -5px;
padding: 7px 10px;
position: absolute;
width: 100vw;
max-width: 300px;
z-index: 4;
}
.qs .popover:before {
border-top: 7px solid rgba(0, 0, 0, 0.85);
border-right: 7px solid transparent;
border-left: 7px solid transparent;
bottom: -7px;
content: "";
display: block;
left: 19px;
margin-left: -7px;
position: absolute;
}
.qs:hover .popover {
display: block;
-webkit-animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
-moz-animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
-ms-animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
}
.pop-info {
text-decoration: underline;
text-decoration-style: dashed;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
}
@-webkit-keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-ms-keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes move-up {
from {
bottom: 30px;
}
to {
bottom: 42px;
}
}
@-moz-keyframes move-up {
from {
bottom: 30px;
}
to {
bottom: 42px;
}
}
@-ms-keyframes move-up {
from {
bottom: 30px;
}
to {
bottom: 42px;
}
}
.info-modal {
font-size: 1rem;
font-family: HKGrotesk;
background-color: #f2f5f3;
padding: 3rem 2rem;
text-align: center;
width: 100%;
max-width: 700px;
margin: 2rem auto;
font-weight: normal;
border-radius: 7px;
border: 2px solid #19a974;
position: relative;
}
.info-modal .close {
cursor: pointer;
opacity: 1;
position: absolute;
right: 7px;
top: 7px;
cursor: pointer;
width: 24px;
height: 24px;
}
.info-modal .close img {
width: 100%;
}
.flipbook-customize-cont .btnModalLogin {
color: black;
background-color: lightgray;
text-decoration: none;
padding: 0.4rem;
}
.product-feature a {
color: #3e545e;
}
.dev-page section a {
color: #3e545e;
}
.g-signin2 {
width: 100%;
max-width: 13rem;
}
.g-signin2 > div {
width: 100% !important;
max-width: 20rem !important;
}
.content-basic {
width: 100%;
max-width: 900px;
margin: 50px auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
box-sizing: border-box;
}
.content-basic-nav-links {
display: flex;
justify-content: space-between;
}
.content-basic p {
font-family: HKGrotesk-Regular;
}
.content-basic-btn-menu {
margin: 55px 0 9px;
}
.content-basic-btn-menu a {
text-decoration: none;
border: 1px solid lightgray;
padding: 4px 16px;
}
.content-basic-btn-menu a:hover {
background-color: lightgray;
transition: 0.2s ease;
}
.content-basic h2 {
margin-top: 3rem;
}
.content-basic h3 {
margin-top: 1rem;
font-family: HKGrotesk-Regular;
font-size: 1rem;
color: #697370;
}
.content-basic ul li {
font-family: HKGrotesk-Regular;
}
.content-basic table {
font-family: HKGrotesk-Regular;
}
.content-basic .table-sm {
font-size: 13px;
}
.content-basic .table-md {
font-size: 14px;
}
.content-basic .table-md td {
padding: 2px 8px;
}
.content-basic .table-md.bordered {
border-collapse: collapse;
}
.content-basic .table-md.bordered td {
padding: 3px 8px;
border: 1px solid lightgray;
}
.content-basic a {
color: #0e6042;
}
.content-basic .table-legal {
width: 100%;
text-align: left;
border: 1px solid #697370;
padding: 10px;
border-collapse: collapse;
font-size: 14px;
}
.content-basic .table-legal td,
.content-basic .table-legal th {
border: 1px solid #697370;
padding: 4px 10px;
}
.cookies {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #697370;
color: white;
font-family: HKGrotesk-Regular;
padding: 1rem 2rem 1rem;
box-sizing: border-box;
z-index: 100000;
}
.cookies > div {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
align-content: flex-end;
max-width: 1577px;
margin: 0 auto;
padding: 0 1rem;
}
.cookies button {
border: 0;
background: white;
font-size: 1rem;
padding: 0.5rem 3rem;
border-radius: 6px;
outline: none;
font-family: HKGrotesk-Regular;
font-weight: bold;
color: #3e545e;
cursor: pointer;
}
.cookies h8 a,
.cookies h8 {
font-weight: bold;
font-size: 1.1rem;
margin-bottom: 2px;
text-decoration: none;
}
.cookies p {
font-size: 0.9rem;
}
.cookies a {
color: white;
}
.cookies button {
border: 1px solid gray;
background: white;
font-size: 1rem;
padding: 0.5rem 3rem;
border-radius: 6px;
}
.tutorial-page {
box-sizing: border-box;
font-family: HKGrotesk-Regular;
text-align: justify;
display: flex;
}
.tutorial-page article {
padding: 1rem 2rem;
width: 100%;
box-sizing: border-box;
}
.tutorial-menu {
width: 260px;
background-color: #8fa5aa17;
color: white;
margin-top: -5rem;
padding-top: 5rem;
}
.tutorial-menu ul {
list-style: none;
position: fixed;
top: 7rem;
}
.tutorial-menu li {
padding: 0.7rem 0;
}
.tutorial-menu a {
color: #3e545e;
text-decoration: none;
}
.tutorial-page h1 {
text-align: center;
}
.tutorial-page h2 {
margin-top: 2rem;
font-size: 1.4rem;
text-align: center;
}
.tutorial-page a {
color: #3e545e;
}
.img-md.pull-left {
float: left;
margin-right: 1rem;
}
.tutorial-page .img-md {
width: 100%;
max-width: 400px;
box-shadow: 0 0 2px 2px lightgray;
margin: 2rem auto 4rem;
display: block;
}
.tutorial-page .img-lg {
max-width: 750px;
width: 100%;
box-shadow: 0 0 2px 2px lightgray;
margin: 2rem auto 4rem;
display: block;
}
.tutorial-page iframe {
display: block;
margin: 2rem auto 4rem;
}
.tutorial-menu strong {
color: #3e545e;
font-weight: bold;
border-bottom: 1px solid lightgray;
}
.btnPayKeep {
cursor: pointer;
}
.qs:hover .popover {
font-size: 16px;
font-weight: normal;
line-height: 26px;
padding: 13px;
}
.faq-link {
font-family: HKGrotesk-Regular;
text-align: center;
width: auto;
margin: 3rem auto 6rem;
max-width: 600px;
background: white;
border: 2px solid #e3ebe8;
padding: 1rem 2rem;
box-sizing: border-box;
border-radius: 8px;
}
.faq-link a {
font-weight: bold;
color: #19a975;
}
.faq-link a:hover {
color: #697370;
}
.faq-page {
display: flex;
flex-direction: row;
margin-top: -1rem;
background-color: #f3f5f2;
}
.faq-content {
width: 100%;
background-color: white;
border-radius: 16px 0 0 0;
margin-top: 11px;
}
.faq-page h1 {
padding-top: 0;
}
.faq-page h2 {
font-size: 1.3rem;
margin-bottom: 1.5rem;
color: #05241A;
}
.faq-page a {
color: #697370;
}
.faq-page .nav-lateral {
position: relative;
box-shadow: none;
display: block;
background: linear-gradient(99.12deg, #F2F5F3 -16.22%, #F5F4F0 86.51%);
width: 18rem;
padding: 0.5rem 1rem;
z-index: 10;
}
.faq-page .nav-lateral div {
margin-bottom: 1rem;
padding: 0.7rem 1rem;
white-space: nowrap;
}
.faq-page .nav-lateral div:hover,
.faq-page .nav-lateral div.active {
background-color: white;
border-radius: 8px;
}
.faq-page .nav-lateral div:hover a,
.faq-page .nav-lateral div.active a {
color: #19a975;
}
.faq-page h3 {
margin: 2rem 0 2rem 2rem;
font-size: 2rem;
font-family: HKGrotesk-Regular;
color: #3e545e;
text-align: center;
}
.faq-page .faq > div {
background-color: white;
}
.faq-page .faq {
width: calc(100% - 4rem);
max-width: 1260px;
margin: 0 auto;
}
.faq-page .answer img {
max-width: 100%;
}
.faq-page .answer video {
width: 100%;
max-width: 578px;
}
.faq-page .question {
border: 2px solid #f2f5f3;
padding: 0.5rem 2rem;
cursor: pointer;
font-weight: normal;
border-radius: 6px;
font-family: HKGrotesk-Regular;
}
.faq-page .question::after {
content: url('/assets/img/icon/plus.svg');
float: right;
margin-top: -1px;
}
.faq-page .question.active::after {
content: url('/assets/img/icon/minus.svg');
float: right;
margin-top: -1px;
}
.faq-page .question.active {
border-bottom: none;
border-right: none;
border-radius: 6px 0 0 0;
}
.faq-page .answer {
height: 0;
overflow: hidden;
font-family: HKGrotesk-Regular;
transition: 0.5s ease;
opacity: 0;
padding: 0 2rem;
border-left: 2px dashed #f2f5f3;
color: #697370;
}
.faq-page #contact {
background: none;
display: flex;
gap: 3rem;
padding-bottom: 10rem;
}
.faq-more {
display: flex;
}
.faq-more-visual {
width: 100%;
max-width: 13rem;
border: 2px solid #f2f5f1;
background-color: #f2f4f1;
border-radius: 6px 0 0 6px;
display: flex;
align-items: center;
}
.faq-more-visual img {
width: 100%;
}
.faq-more-info {
font-size: 1.5rem;
font-family: HKGrotesk-Regular;
display: flex;
flex-direction: column;
border: 2px solid #f2f5f3;
border-radius: 0 6px 6px 0;
justify-content: center;
padding: 2rem;
}
.faq-more-info h2 {
font-size: 1.2rem;
margin-bottom: 1rem;
color: #05241A;
display: block;
}
.faq-more-info p {
margin: 0;
color: #697370;
}
.faq-page .answer.active {
height: auto;
transition: 0.5s ease;
opacity: 1;
}
.faq .answer a {
color: #19A975;
}
.faq .answer a:hover,
.faq .answer a:active,
.faq .answer a:focus {
color: #697370;
}
.faq-page .faq .code > p {
margin: 0;
font-size: 0.95rem;
}
.faq-page .faq .code .desc {
font-size: 1rem;
margin: 2rem 0 0.5rem;
}
.faq-page .answer.active {
height: auto;
transition: 0.5s ease;
opacity: 1;
margin-bottom: 4rem;
}
.faq-page .remark {
font-weight: bold;
}
.faq-page .nav-lateral a {
text-decoration: none;
color: #05241A;
font-weight: normal;
font-family: HKGrotesk;
font-size: 1.1rem;
}
.faq-page .nav-lateral a svg {
vertical-align: bottom;
margin-right: 5px;
}
.faq-page .nav-lateral section {
position: sticky;
top: 8rem;
}
.faq-page .answer ul li {
margin: 1rem 0;
}
.faq-content {
width: 100%;
}
.faq-no-results {
font-family: HKGrotesk-Regular;
font-size: 1.1rem;
color: #959996;
margin-top: 7rem !important;
margin-bottom: -15rem !important;
}
.faq-heading > div {
margin-top: 2.5rem;
margin-bottom: -3rem;
}
.faq-search-box {
position: relative;
float: right;
margin-top: 0.5rem;
width: 100%;
max-width: 400px;
margin-bottom: 1rem;
}
.faq-search-box input[type="text"] {
font-family: HKGrotesk-Regular;
font-size: 1.2rem;
padding: 0.7rem 1rem 0.7rem 3rem;
width: 100%;
background-color: #F6F6F5;
border: 0;
color: #697370;
border-radius: 8px;
box-sizing: border-box;
}
.faq-search-box svg {
position: absolute;
top: 0.75rem;
left: 0.7rem;
}
.paypal-manual p {
font-family: HKGrotesk-Regular;
font-size: 1.2rem;
}
#payPricePurchase {
font-size: 22px;
}
.special-plan h3,
#product.special-plan h3 {
margin: 3rem 0 0;
font-size: 2rem;
font-family: HKGrotesk-Regular;
color: #05241a;
text-align: center;
width: 100%;
box-sizing: border-box;
}
.special-plan.faq {
width: 100%;
padding: 2rem;
max-width: 1260px;
margin: 0 auto;
box-sizing: border-box;
}
.special-plan .question {
border: 2px solid #e3ebe8;
padding: 0.4rem 2rem;
cursor: pointer;
border-radius: 6px;
font-family: HKGrotesk-Regular;
font-weight: normal;
font-size: 1.1rem;
color: #697370;
background-color: white;
}
.special-plan .answer {
height: 0;
overflow: hidden;
font-family: HKGrotesk-Regular;
transition: 0.5s ease;
opacity: 0;
padding: 0 2rem;
border-left: 2px dashed #e3ebe8;
}
.special-plan .answer.active {
height: auto;
transition: 0.5s ease;
opacity: 1;
}
.special-plan.faq .code > p {
margin: 0;
font-size: 0.95rem;
}
.special-plan.faq .code .desc {
font-size: 1rem;
margin: 2rem 0 0.5rem;
}
.feature-page-top,
.special-plan-top {
background: linear-gradient(90deg, rgb(242, 245, 243) 0%,rgb(242, 245, 243) 40%, rgb(252, 252, 252) 100%);
margin-top: -5px;
padding-bottom: 2rem;
margin-bottom: -2rem;
}
.feature-page-top {
padding-bottom: 0;
margin-bottom: 2rem;
}
.feature-page-section {
font-family: HKGrotesk-Regular;
margin-bottom: 6rem;
}
.feature-page-text {
font-size: 1.1rem;
line-height: 1.7rem;
padding: 0 2rem;
box-sizing: border-box;
text-align: justify;
}
.feature-page-hero,
.special-plan-hero {
width: 100%;
padding: 2rem;
max-width: 1260px;
margin: 0 auto;
font-family: HKGrotesk-Regular;
font-size: 20px;
color: #697370;
box-sizing: border-box;
}
.feature-page-2-col {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-left: 0;
gap: 12px;
justify-content: center;
}
.feature-page-2-col > div,
.feature-page-2-col > li {
display: block;
width: calc(50% - 44px);
margin: 5px;
}
.feature-page-subtitle {
text-align: center;
padding: 0 1rem;
}
.feature-page-section h2 {
color: #05241a;
font-size: 1.6rem;
}
.feature-page-card {
display: flex;
justify-content: start;
align-items: center;
height: 100%;
border: 2px solid #E3EBE8;
border-radius: 8px;
box-sizing: border-box;
overflow: hidden;
}
.feature-page-2-col .feature-page-card > p {
padding-right: 10px;
}
.feature-page-2-col img {
margin-right: 2rem;
width: 315px;
}
.feature-page-section .rk-md {
font-size: 2rem;
margin-right: 8px;
}
.feature-page-footer {
border-top: 2px solid #f2f5f3;
background-color: #dadada0f;
}
#contact.feature-page-section {
background: none;
display: flex;
gap: 3rem;
padding-bottom: 4rem;
margin: 4rem auto 0 auto;
width: calc(100% - 4rem);
max-width: 1123px;
}
#contact.feature-page-section .faq-more {
width: 50%;
}
.special-plan-hero-image {
width: 100%;
}
.special-plan-hero h4 {
color: #05241A;
font-size: 25px;
margin-top: 0;
}
.special-plan-cta {
background-color: #19a975;
color: white;
text-decoration: none;
padding: 1rem 2rem;
margin: 1rem;
display: inline-block;
border-radius: 7px;
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1.5px;
}
.special-plan-cta:hover,
.special-plan-cta:active,
.special-plan-cta:focus {
background-color: #697370;
transition: 0.1s ease-in;
}
.special-plan-two p {
text-align: justify;
margin-top: 2rem;
}
.special-plan-two {
display: flex;
flex-direction: row;
margin-top: 5rem;
gap: 4rem;
}
.feature-page-hero h1 {
font-size: 3rem;
margin: 1.2rem 0;
}
#mdlLinks .content {
width: 100%;
left: 0;
right: 0;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
border: 1px solid lightgray;
background-color: white;
height: auto !important;
overflow: auto;
max-height: calc(100% - 12vh) !important;
}
#mdlLinks .close {
right: 0;
width: 35px !important;
top: 0;
opacity: 1;
min-width: 25px !important;
position: absolute;
background-color: white;
border-radius: 0 0 0 8px;
height: 35px;
padding: 7px;
}
#mdlLinks .close img {
width: 100%;
}
#mdlLinks .content > div {
min-width: 970px;
}
#mdlLinks {
line-height: 160%;
font-family: HKGrotesk-Regular, sans-serif;
font-size: 15px;
}
#mdlLinks .tool-remark {
font-weight: 400;
color: #666;
}
#mdlLinks > .content > .shr-codes {
min-width: 814px;
}
#mdlTermsApp .content {
max-width: 720px;
font-size: 1rem;
transform: translateX(-50%);
left: 50%;
max-height: 500px;
}
.content-text-long {
background-color: white;
width: 100%;
max-width: 100%;
overflow: auto;
height: calc(100% - 80px);
}
.content-text-long-buttons {
height: 80px;
border-top: 1px solid lightgray;
background-color: white;
display: flex;
flex-direction: row;
padding: 20px;
box-sizing: border-box;
justify-content: space-between;
}
.content-text-long-buttons button {
background-color: #e9f2ef;
border: 1px solid black;
font-family: HKGrotesk-Regular;
padding: 4px 18px;
border-radius: 8px;
cursor: pointer;
}
.content-legal p {
text-align: justify;
}
.content-text-long h1 {
font-size: 1.4rem;
margin-top: -24px;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-top-color: rgb(204, 204, 204);
border-right-color: rgb(204, 204, 204);
border-bottom-color: rgb(204, 204, 204);
border-left-color: rgb(204, 204, 204);
border-radius: 4px;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control {
border-color: #efefef;
color: #666;
}
.form-control {
height: 40px;
font-weight: 400;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn .btn {
padding: 10px 12px;
border-radius: 0;
height: 42px;
position: relative;
}
.input-group-btn .btn:hover {
background-color: #697370;
transition: 0.1s ease-in;
}
.input-group-btn .btn svg {
height: 100%;
width: auto;
}
.input-group-btn .btn:last-child {
border-radius: 0 6px 6px 0;
}
.btn {
border: none;
border-radius: 0;
}
.btn.btn-default {
color: #333;
background-color: #f4f4f4;
border-radius: 0;
}
.btn-default:hover, .btn-default:focus {
background-color: #e7e7e7;
}
.btn-default > img {
width: 16px;
vertical-align: bottom;
margin-bottom: 2px;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
background-color: #19A975;
font-size: 1.1rem;
border-radius: 8px;
font-family: HKGrotesk;
font-weight: bold;
color: white;
}
.form-group .form-label {
text-align: right;
margin-right: 12px;
}
.form-group {
margin-bottom: 15px;
}
.menu ul > li {
padding: 0.5rem;
text-align: right;
}
.hero-section {
display: flex;
flex-direction: row;
min-height: 39rem;
margin-top: -11px;
}
.hero-title {
width: 50%;
opacity: 1;
padding-left: 3rem;
transition: 0.4s ease-in;
background: linear-gradient(90deg, rgb(242, 245, 243) 0%,rgb(242, 245, 243) 70%, rgb(252, 252, 252) 100%);
position: relative;
z-index: 1000;
box-sizing: border-box;
}
.hero-title-content {
max-width: 788px;
margin-right: 0;
margin-left: auto;
margin-top: 2rem;
}
.hero-demo {
width: 50%;
padding-top: 2.2rem;
background: #fcfcfc;
padding-bottom: 2.2rem;
opacity: 1;
transition: 0.4s ease-in;
position: relative;
max-height: 625px;
}
.hero-demo #pnlControls {
bottom: auto !important;
top: 1% !important;
left: auto !important;
right: 0 !important;
transform: translateX(-50%) !important;
padding: 3px 10px;
border-radius: 5px;
background-color: #ffffff59;
}
.hero-demo .flipbook-wrapper {
background-color: #fcfcfc;
}
.hero-page-effect {
width: 50%;
opacity: 0;
transition: 0.4s ease-in;
}
.hero-section-opened .hero-title {
width: 40%;
opacity: 0;
transition: 0.4s ease-in;
}
.hero-section-opened .hero-page-effect {
width: 50%;
opacity: 1;
transition: 0.4s ease-in;
}
.hero-section-opened .hero-demo {
width: 70%;
opacity: 1;
transition: 0.4s ease-in;
}
.hero-back svg {
vertical-align: top;
margin-top: -1px;
}
.hero-back {
font-size: 1.2rem;
margin-bottom: 1rem;
cursor: pointer;
display: inline-block;
}
.hero-back:hover {
color: #19a975;
}
.hero-try-content {
width: 100%;
max-width: 550px;
margin-right: 0;
margin-left: auto;
margin-top: 2.2rem;
font-family: HKGrotesk;
font-weight: bold;
position: relative;
z-index: 100;
}
.hero-section-basic {
margin-top: -11px;
background: linear-gradient(90deg, rgb(242, 245, 243) 0%,rgb(242, 245, 243) 70%, rgb(252, 252, 252) 100%);
padding: 0 3rem;
width: 100%;
box-sizing: border-box;
}
.hero-title-basic {
position: relative;
box-sizing: border-box;
padding: 1rem 0;
}
.hero-title-basic header {
padding-left: 0;
padding-right: 0;
}
.try-section .drop-uploader {
margin: 0 !important;
}
.try-section {
background-color: white;
border-radius: 14px;
padding: 2rem;
margin-bottom: 2rem;
}
.try-section-col {
display: flex;
gap: 1rem;
justify-content: space-between;
}
.try-section-col label {
font-weight: normal;
}
.try-section-col > div {
width: 100%;
}
.try-section p {
margin-top: 0;
}
.try-section .selEffect {
background: #F6F6F5;
border: 0;
width: 100%;
padding: 0.5rem 1rem;
font-family: HKGrotesk-Regular, sans-serif;
font-weight: normal;
font-size: 1.1rem;
border-radius: 6px;
}
.preview-button {
font-family: HKGrotesk-SemiBold;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 120px;
height: 120px;
background-color: white;
border-radius: 100%;
font-size: 1rem;
position: absolute;
top: calc(50% - 60px);
left: calc(30% - 60px);
z-index: 200;
cursor: pointer;
opacity: 0.95;
}
.preview-button:hover,
.preview-button:active {
opacity: 1;
}
.preview-button svg {
margin-bottom: 3px;
}
.login-admin-section {
min-height: calc(100vh - 6rem - 45px);
height: auto;
background: linear-gradient(99.12deg, #F2F5F3 -16.22%, #F5F4F0 86.51%);
}
.login-admin-content {
display: flex;
padding: 25px 0 72px;
}
.login-admin-left {
width: 50%;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.login-admin-right {
width: 50%;
}
.login-admin-left h1 {
width: 100%;
max-width: 540px;
margin: 1rem 4rem 1rem auto;
padding: 0 1rem;
box-sizing: border-box;
text-align: right;
}
#testimonial-main {
background-color: white;
padding: 5rem 2rem;
position: relative;
margin-top: -3rem;
}
#testimonial-main.testimonial-alt {
background-color: #F2F5F3;
}
#testimonial-main strong {
font-weight: normal;
color: #05241A;
}
.testimonial {
width: 100%;
max-width: 540px;
margin: 0 4rem 0 auto;
font-family: HKGrotesk-Regular;
color: #05241a;
padding: 0 1rem;
box-sizing: border-box;
text-align: right;
}
.testimonial > p {
margin-bottom: 0;
}
.testimonial-list {
display: flex;
gap: 15px;
}
.testimonial-logo img {
width: 100%;
}
#testimonial-main .testimonial {
margin: 0 auto;
text-align: center;
max-width: 1200px;
color: #697370;
font-size: 1.2rem;
}
#testimonial-main .testimonial-list {
gap: 3rem;
margin-top: 14px;
}
#testimonial-main .testimonial-logo img {
width: 100%;
opacity: 0.7;
}
[data-video-modal].backdrop .content {
background-color: #f3f7f5;
}
.prev-container {
width: 100%;
height: 34.6rem;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.prev-page {
width: 100%;
height: 100%;
position: relative;
box-shadow: rgb(0 0 0 / 0%) 0px 0px 20px;
display: flex;
align-items: center;
justify-content: center;
}
.prev-page > img {
width: auto;
height: 100%;
-webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 20px rgba(0,0,0,.2);
-ms-box-shadow: 0 0 20px rgba(0,0,0,.2);
-o-box-shadow: 0 0 20px rgba(0,0,0,.2);
box-shadow: 0 0 20px rgba(0,0,0,.2);
}
.prev-page .gradient {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear,right top,left top,color-stop(0.95,rgba(0,0,0,0)),color-stop(1,rgba(0,0,0,.15)));
background: -webkit-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,.15) 100%);
background: -moz-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,.15) 100%);
background: -ms-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,.15) 100%);
background: -o-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,.15) 100%);
background: linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,.15) 100%);
}
.footer-nav {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 1370px;
margin: 0 auto;
padding: 0 0.2rem;
box-sizing: border-box;
flex-wrap: wrap;
}
.footer-nav .title {
color: white;
margin: 0.5rem 0.5rem 1rem;
font-size: 1.3rem;
text-align: left;
}
.footer-nav .footer-link {
text-align: left;
margin: 0.5rem;
}
.footer-link a {
text-decoration: none;
}
.footer-brand {
width: 100%;
max-width: 1370px;
text-align: left;
margin: 1.5rem auto 0;
padding: 0.5rem;
box-sizing: border-box;
}
.footer-brand > img {
vertical-align: middle;
}
.footer-brand > span {
margin-top: 16px;
font-size: 0.8rem;
margin-left: 23px;
display: inline-block;
vertical-align: top;
}
.footer-nav > div {
width: auto;
margin-bottom: 1rem;
}
.swiper-button-next.hz-icon-md, .swiper-button-prev.hz-icon-md {
background-size: 398px auto;
}
.product-price-toggle {
text-align: center;
position: relative;
}
.price-toggle-discount {
position: absolute;
right: calc(50% + 134px);
top: -27px;
font-size: 12px;
background-color: #e3ebe8;
padding: 5px 15px;
border-radius: 31px;
color: #697370;
z-index: 10;
}
.price-toggle-discount > img {
position: absolute;
bottom: -28px;
right: 16px;
}
.price-toggle {
position: relative;
display: inline-block;
width: 280px;
height: 38px;
}
.price-toggle-input {
display: none;
}
.price-toggle-label {
position: absolute;
top: 0;
left: 0;
width: 280px;
height: 38px;
background-color: #e3ebe8;
border-radius: 38px;
cursor: pointer;
transition: 0.4s;
}
.price-toggle-label::before {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 140px;
height: 30px;
background-color: #19a975;
border-radius: 30px;
transition: transform 0.4s;
}
.price-toggle-input:checked + .price-toggle-label {
background-color: #e3ebe8;
}
.price-toggle-input:checked + .price-toggle-label::before {
transform: translateX(132px);
}
.price-toggle-text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-around;
font-size: 0.95rem;
font-weight: bold;
color: white;
pointer-events: none;
}
.price-toggle-annual {
color: white;
}
.price-toggle-input:checked + .price-toggle-label + .price-toggle-text .price-toggle-annual {
color: #262b38;
font-weight: normal;
}
.price-toggle-monthly {
color: #262b38;
font-weight: normal;
}
.price-toggle-input:checked + .price-toggle-label + .price-toggle-text .price-toggle-monthly {
color: white;
}
.product-price-month {
display: none;
}
.pricing-period-info {
font-size: 1.06rem;
margin-top: 5px;
color: #737977;
}
.product-item-block {
background-color: #ffffffd4;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
border-radius: 5px;
display: none;
}
.product-item-block > div {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
}
.heyzine-stats {
display: flex;
justify-content: space-around;
}
.heyzine-stats-kpi {
font-family: HKGrotesk;
}
.heyzine-stats-num {
font-size: 2rem;
text-align: center;
}
.heyzine-stats-text {
font-size: 1.1rem;
text-align: center;
}
.heyzine-values {
font-family: HKGrotesk-Regular;
text-align: justify;
box-sizing: border-box;
}
.heyzine-values h3 {
margin-bottom: 0;
}
.heyzine-values > div > p {
margin-top: 0.5rem;
margin-bottom: 3rem;
}
.heyzine-founder {
display: flex;
gap: 1rem;
box-sizing: border-box;
}
.heyzine-founder-image img {
border-radius: 20px;
width: 86px;
}
.heyzine-founder-text {
font-family: HKGrotesk-Regular;
display: flex;
flex-direction: column;
justify-content: center;
}
.heyzine-founder-name {
font-size: 1.4rem;
margin: 0;
}
.heyzine-founder-role {
margin: 6px 0;
}
.heyzine-values h2 {
margin-top: 0;
text-align: center;
}
/* flipbook demo landing first paint*/
@media (max-width: 1564px) {
.prev-page > img {
width: 50%;
height: auto;
}
.cookies > div {
display: block;
}
}
@media (max-width: 1164px) {
.prev-page > img {
width: auto;
height: 100%;
}
#product h3 {
margin: 0 2rem 4rem 2rem;
width: calc(100% - 5rem - 2px);
text-align: center;
box-sizing: border-box;
}
.product-currency-note {
margin-top: -3.5rem;
width: 100%;
justify-content: center;
flex-direction: row !important;
align-items: center !important;
}
.product-price-toggle {
margin-bottom: 16px;
}
}
@media (max-width: 855px) {
.prev-page > img {
width: 50%;
height: auto;
}
}
@media (max-width: 784) {
.prev-page > img {
width: auto;
height: 100%;
}
}
@media (max-width: 460) {
.prev-page > img {
width: 100%;
height: auto;
}
}
@media (max-width: 1530px) {
.back-line-5,
.back-line-2 {
width: 240px;
}
.back-line-3 {
width: 390px;
}
}
@media (max-width: 1170px) {
.product-price-toggle {
margin-top: 33px;
}
.product-item {
padding: 2em 1em;
}
.faq-page .nav-lateral {
display: none;
}
nav .links .navigation {
display: none;
}
div.navigation-xs {
display: flex !important;
padding: 0 0 0 1rem;
}
div.navigation {
display: none;
opacity: 0;
}
div.navigation.show {
display: flex;
opacity: 1;
transition: 0.5s ease;
}
.navigation-xs img {
width: 2.2rem;
margin-top: 5px;
}
nav .links .navigation > div {
padding: 0.4rem 1.5rem;
}
nav .links .navigation {
justify-content: space-between;
text-decoration: none;
flex-direction: column;
position: absolute;
top: 3.6rem;
background: linear-gradient(0deg, #F2F5F3 -16.22%, #EEF1EF 86.51%);
padding: 1.2rem 1rem;
box-shadow: 0px 10px 40px rgba(34, 34, 34, 0.1);
text-align: center;
right: 3rem;
border-radius: 0px 0px 8px 8px;
}
#conversion h1 {
max-width: 100%;
}
.drop-uploader {
margin: 0 0 2rem;
}
.hero-demo .flipbook-wrapper {
height: 560px;
width: calc(100% - 4rem);
margin: 0 auto;
}
.hero-section-opened .hero-demo {
width: 100%;
}
.start-converting {
display: none;
}
.landing-nav.inverse .navigation {
background: #18a672;
}
.btnMenu:hover {
border-bottom: 0 !important;
}
#features {
width: 100vw;
position: relative;
z-index: 60000;
margin-top: 0;
padding: 1rem;
background-color: #fcfcfc;
padding-right: 1rem !important;
box-sizing: border-box;
}
.hero-section {
flex-direction: column;
}
.hero-title {
width: 100%;
padding-right: 3rem;
}
.back-line {
display: none;
}
.contact-land-form .contact-page .trumbowyg-box, .contact-land-form .contact-type, .contact-land-form .contact-subject {
max-width: 100%;
}
header {
padding: 0;
}
.hero-demo {
width: 100%;
}
.hero-title-content {
width: 100%;
max-width: 100%;
box-sizing: border-box;
padding: 0rem;
margin-left: 0;
margin-right: 0;
}
.preview-button {
left: calc(50% - 60px);
}
.hero-section-opened .hero-page-effect {
width: calc(100% - 4rem);
margin: 2rem auto 0;
}
.hero-try-content {
margin: 2.2rem auto -2rem !important;
}
.description {
width: calc(100vw - 2rem);
max-width: calc(100vw - 2rem);
}
.flipbook-feature {
width: calc(100% - 3rem);
box-sizing: border-box;
}
main.dev-page {
width: 100%;
padding: 2rem 2rem 0;
left: 0;
}
.dev-page footer {
width: 100%;
margin-left: -2rem;
margin-bottom: 0;
}
.lateral {
display: none;
}
.tutorial-page {
flex-direction: column;
}
.tutorial-menu {
width: 100%;
}
.tutorial-menu ul {
position: inherit;
}
.tutorial-menu li {
padding: 0;
display: inline-block;
margin: 0.5rem 0.6rem 1.2rem 0;
text-align: center;
}
.contact-cont {
flex-direction: column;
}
.contact-detail {
font-family: HKGrotesk-Regular, sans-serif;
width: calc(100% - 3rem);
}
.contact-land-form {
width: calc(100% - 4rem);
margin: 0 auto;
}
.footer-nav > div {
width: 20%;
}
.feature-page-2-col > div,
.feature-page-2-col > li {
width: calc(100% - 4rem);
}
.feature-page-img-rigth {
display: none;
}
#article-main {
padding: 2rem 1rem;
}
.hero-section-basic {
padding: 1rem 1rem;
}
.article-content-idea {
flex-direction: column;
}
.article-content-text {
width: 100%;
}
.article-content-flip {
width: 100%;
max-width: 500px;
margin-right: auto;
margin-left: auto;
margin-top: 2rem;
}
#follow-section .fixed-wd {
justify-content: center;
flex-direction: column;
align-items: center;
}
.follow-title {
width: 100%;
margin-right: 2rem;
margin-left: 2rem;
}
.follow-title .title {
text-align: center;
}
p.follow-links-title {
margin: 2rem 0 8px;
font-weight: normal;
text-align: center;
}
.article-content-toc {
float: none;
border-right: 0;
font-size: 0.9rem;
padding-right: 0;
margin-right: 0;
margin-bottom: 3rem;
}
.article-content-toc-b {
justify-content: start;
gap: 4rem;
}
.login-admin-content {
flex-direction: column;
}
.login-admin-content .login-admin-left h1 {
width: 100%;
max-width: 100%;
text-align: center;
margin-top: 2rem;
}
.login-admin-content .testimonial {
display: none;
}
.login-admin-content .login-admin-left,
.login-admin-content .login-admin-right {
width: 100%;
}
.login-admin-content #mdlLogin .content {
margin-right: auto;
margin-left: auto;
}
.login-admin-content #mdlLogin {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
}
@media (max-width: 900px) {
#product .product.fixed-wd .product-item,
#product .product.fixed-wd .product-item:first-child,
#product .product.fixed-wd .product-item:last-child,
.product-item {
padding: 2em 3em;
width: 100%;
margin-left: 1em;
margin-right: 1em;
}
.faq-page #contact {
flex-direction: column;
}
.faq-search-box {
float: none;
}
.special-plan-hero-image {
display: none;
}
.footer-nav > div {
width: 50%;
}
.feature-page-flip {
flex-direction: column;
}
.feature-page-flip-cont {
width: 100%;
}
.feature-page-flip-text {
padding-left: 1rem;
padding-right: 1rem;
width: 100%;
}
.feature-page-flip-cont .heyzine-flip {
margin: 0 auto 2rem;
}
#contact.feature-page-section {
flex-direction: column;
}
#contact.feature-page-section .faq-more {
width: 100%;
}
.feature-page-section .faq-more-info {
width: 100%;
}
.content-section .feature-page-2-col {
flex-direction: column;
}
.content-section .feature-page-2-col > li {
width: 100%;
}
.header-img {
display: none;
}
.app-hero {
flex-direction: column-reverse;
}
.app-screen {
height: 178px;
}
.app-downloads {
margin: 2rem auto;
}
.app-screen > img {
max-width: 385px;
}
.code-endpoint-body {
flex-direction: column;
}
.code-endpoint-body .code-content,
.code-endpoint-body .code-params {
width: 100%;
}
}
@media (max-width: 624px) {
.prev-page {
width: 100%;
height: 100%;
position: relative;
}
}
@media (max-width: 650px) {
#features .col {
width: calc(100% - 2rem);
}
.cols-4 .col {
width: calc(100% - 2rem);
}
nav {
display: flex;
flex-direction: column;
padding: 0.5rem 0 0.5rem 0;
align-items: center;
}
nav ul {
top: 1.5rem;
}
nav .logo a {
margin-top: 0.3rem;
margin-bottom: 0.3rem;
}
nav.inverse {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.flipbook-feature {
padding: 1.5em;
}
#flipbook-features {
margin-top: -2rem;
}
.flipbook-feature-image {
display: none;
}
.flipbook-feature-call {
width: 100%;
}
#testimonial-main .testimonial {
padding: 0;
font-size: 1rem;
}
#testimonial-main {
padding: 2rem;
}
.testimonial-logo {
width: calc(50% - 1.5rem);
}
.testimonial-logo:last-child {
display: none;
}
#testimonial-main .testimonial-list {
gap: 0 3rem;
margin-top: 2rem;
flex-wrap: wrap;
}
.nav-content {
flex-direction: column;
}
nav .links {
padding-right: 1rem;
width: calc(100% - 1rem);
box-sizing: border-box;
margin-bottom: 10px;
}
.navigation-xs {
position: absolute;
top: 0.75rem;
right: 0.75rem;
}
#product h3 {
margin: 0 2rem 4rem 2rem;
width: calc(100% - 5rem - 2px);
text-align: center;
box-sizing: border-box;
}
.contact-detail .title {
font-size: 2rem;
text-align: center;
}
.examples h3 {
text-align: center;
}
.contact-land-form {
width: 100%;
border-radius: 0;
}
.contact-cont {
margin-bottom: 0;
}
.product-item {
padding: 1em 1em;
}
.register {
padding: 0 1rem 1.5rem;
}
.hero-title {
padding-right: 1rem;
padding-left: 1rem;
}
.title {
margin: 2rem;
}
.contact > div {
padding: 0 2rem;
box-sizing: border-box;
width: 100%;
}
nav .links .navigation {
top: 6rem;
right: 0;
text-align: left;
border-radius: 0 0 0 8px;
}
#conversion h1 {
font-size: 2.4rem;
}
header h2 {
font-size: 1.1rem;
}
.menu a,
.button-remark a,
nav .button a {
font-size: 0.8rem !important;
}
.menu {
margin-left: 1rem;
}
nav .links {
padding-right: 1rem;
}
.contact-email input {
width: 100%;
}
.more-examples {
bottom: -2.4rem;
top: auto;
}
.heyzine-stats-kpi {
width: calc(50% - 0.5rem);
margin-bottom: 2rem;
}
.heyzine-stats {
flex-wrap: wrap;
box-sizing: border-box;
padding: 1rem;
gap: 1rem;
}
}
@media (max-width: 550px) {
.feature-page-2-col img {
display: none;
}
.feature-page-2-col .feature-page-card > p {
padding-left: 10px;
}
.price-toggle-discount {
right: calc(50% + 89px);
top: -30px;
white-space: nowrap;
}
.price-toggle-discount > img {
right: 68px;
}
}
@font-face {
font-family: 'HKGrotesk';
src: url('https://cdnc.heyzine.com/assets/font/hkgrotesk/HKGrotesk-Bold.woff2?v=1.0.0') format('woff2'),
url('https://cdnc.heyzine.com/assets/font/hkgrotesk/HKGrotesk-Bold.woff?v=1.0.0') format('woff');
font-weight: bold;
font-display: swap;
}
@font-face {
font-family: 'HKGrotesk';
src: url('https://cdnc.heyzine.com/assets/font/hkgrotesk/HKGrotesk-Medium.woff2?v=1.0.0') format('woff2'),
url('https://cdnc.heyzine.com/assets/font/hkgrotesk/HKGrotesk-Medium.woff?v=1.0.0') format('woff');
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: 'HKGrotesk-Regular';
src: url('https://cdnc.heyzine.com/assets/font/hkgrotesk/HKGrotesk-Regular.woff2?v=1.0.0') format('woff2'),
url('https://cdnc.heyzine.com/assets/font/hkgrotesk/HKGrotesk-Regular.woff?v=1.0.0') format('woff');
font-display: swap;
}
@font-face {
font-family: 'HKGrotesk-SemiBold';
src: url('https://cdnc.heyzine.com/assets/font/hkgrotesk/HKGrotesk-SemiBold.woff2?v=1.0.0') format('woff2'),
url('https://cdnc.heyzine.com/assets/font/hkgrotesk/HKGrotesk-SemiBold.woff?v=1.0.0') format('woff');
font-weight: bold;
font-display: swap;
}
.nbr {
border-right: 0 !important;
}
.tal {
text-align: left;
}
.mts {
margin-top: 1rem !important;
}
.mrs {
margin-right: 1rem !important;
}
.btn-range {
cursor: pointer;
accent-color: #19a975;
}
.btn-w-md {
width: 100%;
max-width: 140px !important;
}
.btn-w-lg {
width: 100%;
max-width: 180px !important;
}
.btn-loading:hover,
.btn-loading {
position: relative;
overflow: hidden;
background-color: #9f9f9f !important;
cursor: auto !important;
}
.btn-loading:after {
content: ' ';
background-color: #e8e8e852;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
display: block;
animation: anim-btn-loading 5s ease 2s infinite;
}
@keyframes anim-btn-loading {
0% {
width: 0;
left: 0;
}
50% {
width: 100%;
left: 0;
}
100% {
left: 100%;
}
}
.backdrop {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
background-color: #ffffffed;
transition: 1s ease;
z-index: 200000;
}
.backdrop .content {
position: absolute;
width: 90vw;
height: 90vh;
left: 5vw;
top: 5vh;
}
.backdrop.bd-dark .content {
background-color: #ffffffc7;
overflow: hidden;
border-radius: 8px;
}
.backdrop.bd-dark iframe {
border: 0;
}
.backdrop iframe {
width: calc(100% + 1px);
height: calc(100% + 1px);
border: 1px solid lightgray;
}
.backdrop .close {
cursor: pointer;
opacity: 1;
position: absolute;
right: 5vw;
top: calc(5vh - 32px);
cursor: pointer;
}
.backdrop.bd-dark .close {
background-color: white;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 8px;
flex-direction: row;
box-sizing: border-box;
align-content: center;
}
.backdrop.bd-dark {
background-color: #000000ad;
}
.modal-pay h2 {
font-family: HKGrotesk-Regular;
font-size: 1rem;
margin-top: -0.8rem;
color: #697370;
}
#mdlLogin {
font-family: HKGrotesk-Regular;
}
#mdlLogin .close {
right: 1rem;
width: 25px;
top: 0.8rem;
opacity: 0.4;
z-index: 10;
}
#mdlLogin .close > img {
width: 100%;
}
#mdlLogin h5 {
font-size: 2rem;
font-weight: normal;
margin: 1rem 0 0;
color: #05241A;
}
#mdlLogin h6 {
margin-top: 2rem;
margin-bottom: 0;
font-size: 1.2rem;
font-weight: normal;
color: #05241A;
}
#mdlLogin.backdrop {
background-color: #282828c4;
}
#mdlLogin .content {
width: 100%;
max-width: 30rem;
margin: 0 auto;
position: relative;
left: 0;
background-color: white;
height: auto;
max-height: calc(100vh - 57px);
overflow: auto;
box-sizing: border-box;
border-radius: 10px;
display: flex;
justify-content: center;
flex-direction: column;
}
#mdlLogin label {
width: 100%;
max-width: 9rem;
padding-right: 0.5rem;
box-sizing: border-box;
}
#mdlLogin label.chkConditions {
width: 100%;
max-width: 100%;
font-family: HKGrotesk-Regular;
margin-top: 2rem;
display: inline-block;
color: #05241A;
font-size: 16px;
line-height: 1.5rem;
accent-color: #19a975;
}
#mdlLogin .chkConditions input[type="checkbox"] {
float: left;
margin: 7px 12px 12px 5px;
transform: scale(1.4);
cursor: pointer;
}
#mdlLogin .btn-action {
margin: 1.5rem 0;
max-width: 100%;
font-size: 1.2rem;
}
.g_id_signin {
display: inline-block;
}
.login-section {
margin: 1rem 0;
}
.login-section a {
color: #77878e;
}
.login-section.framed {
border: 1px solid #e3e5e8;
border-radius: 5px;
margin: 0.7rem 0;
padding: 0.5rem 1.3rem;
width: 100%;
box-sizing: border-box;
max-width: 32rem;
}
.input-placeholder {
margin-top: 1rem;
background-color: #F6F6F5;
border-radius: 8px;
padding: 1rem;
position: relative;
}
.input-placeholder.active {
padding: 1.6rem 1rem 0.4rem;
}
.input-placeholder > label {
opacity: 0;
font-family: HKGrotesk-Regular;
text-align: left;
position: absolute;
color: #697370;
font-size: 0.8rem;
top: 1.1rem;
cursor: text;
display: none;
transition: 0.2s ease;
}
.input-placeholder.active > label {
opacity: 1;
top: 0.3rem;
display: block;
transition: 0.2s ease;
}
.input-placeholder > input {
font-family: HKGrotesk-Regular;
font-size: 1rem;
background-color: transparent;
border: 0;
padding: 0;
width: 100%;
outline: none;
}
.login-invite {
background-color: #19a975;
color: white;
text-align: center;
padding: 2.4rem 1rem 1.5rem;
font-weight: bold;
width: 100%;
margin: 0;
position: relative;
box-sizing: border-box;
}
.register {
width: 100%;
padding: 0 1.5rem 1.5rem;
box-sizing: border-box;
}
.login {
width: 100%;
padding: 0 1.5rem 1.5rem;
box-sizing: border-box;
}
.chkConditions a {
color: #77878e;
}
.pass-forgot {
text-align: center;
font-size: 15px;
margin: 5px;
}
.pass-forgot a {
color: #77878e;
}
.txtMessageForgot {
text-align: center;
margin: 0 0 23px;
}
.sectPassForgot {
width: 100%;
padding: 0 2rem;
box-sizing: border-box;
}
#mdlLogin .sectPassForgot label {
width: auto;
}
#mdlPay {
overflow: auto;
}
#mdlPayKeep.backdrop,
#mdlPayKeepPurchase.backdrop,
#mdlPay.backdrop {
background-color: #0000009e;
top: 0;
height: 100vh;
}
#mdlPay.backdrop .content {
top: 9vh;
}
#mdlPayKeepPurchase.backdrop .close,
#mdlPayKeep.backdrop .close,
#mdlPay.backdrop .close {
cursor: pointer;
opacity: 1;
position: absolute;
right: 5px;
top: 5px;
cursor: pointer;
width: 24px;
height: 24px;
}
#mdlPayKeepPurchase.backdrop .close img,
#mdlPayKeep.backdrop .close img,
#mdlPay.backdrop .close img {
width: 100%;
}
#mdlPayKeepPurchase.backdrop,
#mdlPayKeep.backdrop,
#mdlPayKeepPurchase.backdrop {
overflow-y: auto;
}
.modal-pay .content {
font-family: HKGrotesk-Regular;
font-size: 0.9rem;
}
#mdlPayProcess {
position: absolute;
top: 0;
width: 400px;
left: calc(50% - 200px);
background-color: white;
padding: 38px;
box-sizing: border-box;
box-shadow: 0 0 9px 3px lightgray;
z-index: 999999;
}
#mdlPayProcess p {
color: black;
font-weight: bold;
font-size: 18px;
text-align: center;
}
.payment-form {
margin-top: 2rem;
}
.payment-form .form-row {
margin-bottom: 1rem;
}
.pay-info {
font-size: 0.74rem;
text-align: justify;
}
.pay-field-group {
display: flex;
margin-bottom: 11px;
justify-content: space-between;
}
.pay-field label {
margin-bottom: 0.5rem;
}
.pay-field {
width: 50%;
}
.pay-field > * {
display: block;
width: 100%;
}
.pay-field {
width: calc(50% - 11px);
}
.pay-field > input {
box-sizing: border-box;
padding: 10px;
border: 1px solid transparent;
border-radius: 4px;
background-color: white;
box-shadow: 0 1px 3px 0 #e6ebf1;
-webkit-transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease;
}
.pay-user-type {
margin-bottom: 15px;
}
.pay-field > input:focus {
box-shadow: 0px 1px 3px 0 #cfd7df;
outline: none;
}
.pay-user-type label {
margin-right: 25px;
}
.pay-user-type input {
margin-right: 4px;
}
.card-errors {
color: red;
font-weight: normal;
margin-top: 0.4rem;
font-family: HKGrotesk;
}
.btnPack {
border: 1px solid lightgray;
display: block;
width: 100%;
margin: 1rem 0;
cursor: pointer;
}
.paypal {
margin-bottom: 2rem;
}
.paypal label {
font-family: HKGrotesk-Regular;
font-weight: normal;
margin-bottom: 0.5rem;
display: block;
margin-top: 0;
}
.paypal img {
width: 100%;
max-width: 11rem;
}
.pay-loading {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff9;
z-index: 999;
display: none;
justify-content: center;
align-items: center;
}
@keyframes ldio-z2hnrfluhhg {
0% { transform: scale(1.1500000000000001) }
100% { transform: scale(1) }
}
.loading div {
position: absolute;
width: 80px;
height: 80px;
top: 13.333333333333336px;
left: 13.333333333333336px;
background: #77878e;
animation: ldio-z2hnrfluhhg 1s cubic-bezier(0,0.5,0.5,1) infinite;
animation-delay: -0.3s;
}
.loading div:nth-child(2) {
top: 13.333333333333336px;
left: 106.66666666666666px;
background: #d3d3d3;
animation-delay: -0.2s;
}
.loading div:nth-child(3) {
top: 106.66666666666666px;
left: 13.333333333333336px;
background: #3e545e;
animation-delay: 0s;
}
.loading div:nth-child(4) {
top: 106.66666666666666px;
left: 106.66666666666666px;
background: #e8e7e7;
animation-delay: -0.1s;
}
.loading-spinner {
width: 200px;
height: 200px;
display: inline-block;
overflow: hidden;
background: #ffffff;
}
.loading {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; /* see note above */
}
.loading div { box-sizing: content-box; }
/*Stripe*/
.StripeElement {
box-sizing: border-box;
height: 40px;
padding: 10px 12px;
border: 1px solid transparent;
border-radius: 4px;
background-color: white;
box-shadow: 0 1px 3px 0 #e6ebf1;
-webkit-transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease;
}
.StripeElement--focus {
box-shadow: 0 1px 3px 0 #cfd7df;
}
.StripeElement--invalid {
border-color: #fa755a;
}
.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
}
.payment-form label {
font-family: HKGrotesk-Regular;
display: inline-block;
margin-bottom: 0.2rem;
font-size: 0.85rem;
font-weight: normal;
}
.btn-pay {
margin-top: 1.5rem;
}
.stripe-powered {
float: left;
width: 100%;
max-width: 7rem;
opacity: 0.3;
margin-top: 0.5rem;
}
.pay-price {
font-weight: bold;
font-size: 21px;
}
.modal-pay .content > div {
width: 100%;
margin: 2rem auto 2rem auto;
padding: 2rem;
box-sizing: border-box;
position: relative;
max-width: 34rem;
background-color: #f2f5f3;
border-radius: 8px;
border: 2px solid #e3ebe8;
}
.modal-pay .product-currency-note .product-currency {
font-size: 0.8rem;
border-radius: 4px;
box-shadow: none;
background-color: #f2f5f3;
border: 1px solid lightgray;
cursor: pointer;
}
.modal-pay .product-currency-note {
float: none;
margin: 1.5rem 0 0;
}
.btn.btnPack.btn-action, .btn.btnPack.btn-subaction {
width: 100%;
margin: 0.3rem 0;
padding: 0.4rem 1.2rem;
}
.btn.btnPack.btn-action:last-child, .btn.btnPack.btn-subaction:last-child {
margin-bottom: 1.5rem;
}
.flipbook-customize-cont .btn-action.btnModalLogin,
.btn-action {
color: white;
text-decoration: none;
border: none;
cursor: pointer;
background-color: #19a975;
padding: 0.6rem 2rem;
font-size: 0.9rem;
border-radius: 8px;
box-sizing: border-box;
}
.btn-action:hover,
.btn-action:active {
background-color: #697370;
transition: 0.1s ease-in;
color: white;
text-decoration: none;
}
.btn-action img {
width: 23px;
vertical-align: top;
margin-top: -2px;
margin-right: 6px;
}
.btn-subaction img {
width: 18px;
vertical-align: top;
margin-top: 2px;
margin-right: 7px;
}
.btn-action-block {
width: 100%;
display: inline-block;
text-align: center;
max-width: 9.5rem;
}
.btn-action-md {
box-shadow: none;
width: 100% !important;
display: inline-block;
max-width: 94px !important;
font-size: 14px;
padding: 4px !important;
}
.btn-action-md-wd {
box-shadow: none;
width: 100% !important;
display: inline-block;
max-width: 150px !important;
font-size: 14px;
padding: 4px !important;
}
.btn-light {
font-weight: normal;
}
.btn-icon-right {
float: right;
margin-top: 5px;
opacity: 0.4;
}
.btn-sq-lg {
width: 174px;
height: 140px;
box-sizing: border-box;
padding: 1.2rem;
cursor: pointer;
box-shadow: 0px 4px 8px -7px lightgray;
border: 1px solid lightgray;
}
.btn-sq-lg > span {
display: block;
font-size: 1em;
line-height: 16px;
margin-top: 9px;
}
.btn-sq-lg > img {
width: 64px;
margin-right: 0;
margin-top: 0;
}
.btn-subaction-extra {
display: flex;
justify-content: space-between;
margin-top: 8px;
}
.btn-subaction-group .btn-subaction.btn-sq-lg {
width: 100%;
}
.btn-subaction-extra-btn {
padding: 6px 11px;
border: 1px solid #19a975;
border-right: 0;
border-radius: 8px 0 0 8px;
font-family: Open Sans;
font-size: 15px;
color: #19a975;
cursor: pointer;
font-weight: normal;
width: auto;
text-align: left;
}
.btn-subaction-extra-btn-mid {
border-radius: 0;
border-left: 0;
}
.btn-subaction-extra-btn.btn-subaction-extra-btn-append {
width: auto;
border-left: 0;
border-right: 1px solid #19a975;
border-radius: 0 8px 8px 0;
}
.btn-subaction-extra-btn svg {
width: 17px;
height: 17px;
display: inline-block;
vertical-align: top;
margin-top: 3px;
}
.btn-subaction-extra-btn:hover {
background-color: #19A975;
color: white;
transition: 0.12s ease-in;
}
.btn-subaction-extra-btn:hover svg path {
fill: white;
}
.btn-subaction-extra-btn:hover svg.alt-stroke path {
fill: inherit;
stroke: white;
}
.btn-subaction-group {
align-items: center;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.btn-subaction-extra-check {
padding: 6px 11px;
border: 1px solid #19a975;
border-radius: 8px 0 0 8px;
font-family: Open Sans;
font-size: 15px;
color: #19a975;
cursor: pointer;
font-weight: normal;
width: 100%;
text-align: left;
}
.btn-subaction-extra-check > label {
font-family: Open Sans;
font-size: 14px;
color: #19a975;
font-weight: normal;
margin-bottom: 0;
width: 100%;
cursor: pointer;
}
.btn-subaction-extra-check input[type="checkbox"] {
transform: scale(1.3);
margin-right: 6px;
margin-top: 4px;
vertical-align: top;
accent-color: #19a975;
cursor: pointer;
}
.btn-subaction-extra-check:hover label {
color: white;
}
.btn-subaction-extra-check:hover {
background-color: #19a975;
}
.btn-subaction-extra-btn.btn-subaction-disabled {
cursor: auto;
opacity: 0.5;
}
.btn-subaction-extra-btn.btn-subaction-disabled:hover {
cursor: auto;
opacity: 0.5;
background-color: white;
}
.btn-subaction-extra-btn.btn-subaction-disabled:hover svg.alt-stroke path {
stroke: #19a975;
}
.contact-info {
font-family: sans-serif;
font-size: 1rem;
text-align: justify;
margin-bottom: 3rem;
}
.contact-message textarea,
.contact-email input {
width: 100%;
max-width: 23rem;
display: block;
margin: 1rem auto;
font-family: sans-serif;
font-size: 1rem;
padding: 0 0.5rem;
border: 1px solid lightgray;
box-shadow: 0px 0px 5px 1px lightgray;
resize: vertical;
}
.contact-email {
text-align: center;
}
.contact-email input {
display: inline-block;
width: calc(50% - 4rem);
max-width: 19.4rem;
margin: 1rem;
}
.contact-actions .btn-action {
width: 100%;
display: block;
margin: 1rem auto;
max-width: 13rem;
}
.contact-actions .btn-action {
position: relative;
overflow: hidden;
}
.contact-actions .btn-action::after {
content: '';
position: absolute;
background-color: #606060a6;
top: 0;
left: 0;
width: 0%;
height: 100%;
}
.contact-actions.contact-sending .btn-action::after {
width: 100%;
transition: 5s ease-out;
}
.contact-actions.contact-sending .btn-action {
background-color: #697370;
color: white;
text-decoration: none;
}
.contact-message textarea {
width: 100%;
max-width: 43.4rem;
box-sizing: border-box;
height: 100px;
}
.contact-actions p {
text-align: center;
font-family: sans-serif;
color: #3e545e;
}
.contact-actions .privacy-policy {
float: left;
color: #666;
font-family: HKGrotesk-Regular;
cursor: pointer;
margin-top: 7px;
margin-bottom: 15px;
}
.contact-actions .privacy-policy label {
cursor: pointer;
}
.contact-actions .privacy-policy a {
color: #666;
}
.contact-actions .privacy-policy .chkPrivacyPolicy {
transform: scale(1.2);
margin-top: 3px;
vertical-align: top;
margin-right: 5px;
}
.privacy-policy.privacy-warning a,
.privacy-policy.privacy-warning {
color: red;
}
.chkPrivacyPolicy {
accent-color: #19a974;
}
.login-register {
width: 100%;
padding-left: 0.5rem;
padding-right: 0.5rem;
box-sizing: border-box;
overflow: auto;
height: 100%;
}
.password-page {
padding: 0;
}
.password-content {
background-position: center center;
width: 100vw;
height: 100vh;
background-size: cover;
display: flex;
align-content: center;
justify-content: center;
flex-direction: column;
}
.password-dialog {
max-width: 900px;
align-self: center;
text-align: center;
background-color: #ffffffeb;
box-shadow: 0 0 14px -5px lightgray;
width: calc(100% - 2rem);
box-sizing: border-box;
padding: 2rem 0 4rem;
border-radius: 13px;
}
.password-dialog h1 {
font-family: HKGrotesk, sans-serif;
font-size: 2rem;
font-weight: bold;
color: #05241A;
padding: 0 1rem;
}
.password-dialog input[type="text"],
.password-dialog input[type="password"] {
font-size: 22px;
border: 1px solid lightgray;
box-shadow: 0 0 10px 0 lightgray;
text-align: center;
padding: 0.2rem 0.5rem;
margin: 0 0 1rem;
}
.password-dialog button[type="submit"] {
color: #3e545e;
font-size: 2rem;
vertical-align: top;
background: transparent;
border: 0;
margin-top: -0.2rem;
cursor: pointer;
padding-left: 8px;
padding-right: 8px;
}
.password-dialog .pass-cont .txtPassword,
.password-dialog .email-cont .txtEmail {
margin-bottom: 0;
vertical-align: bottom;
}
.password-dialog .no-access {
color: red;
font-size: 3rem;
vertical-align: top;
margin-right: 2rem;
margin-top: -0.4rem;
}
.password-dialog input[type="password"].password-wrong {
border: 1px solid red;
}
.password-logo {
width: 100%;
max-width: 200px;
}
.password-logo[src="/files/user/logos/powered-by-heyzine.png"] {
max-width: 172px;
}
.pass-cont, .email-cont {
height: 35px;
display: inline-block;
background-color: white;
box-shadow: 0 0 10px 0 lightgray;
border: 1px solid lightgray;
width: calc(100% - 70px);
max-width: 400px;
}
.pass-cont input[type="text"],
.pass-cont input[type="password"],
.email-cont input[type="text"],
.email-cont input[type="password"] {
box-shadow: none;
border: none;
width: calc(100% - 60px);
}
.email-cont .fa,
.pass-cont .fa {
color: #3e545e;
font-size: 25px;
vertical-align: bottom;
height: 35.4px;
line-height: 36px;
background-color: white;
padding-left: 10px;
box-sizing: border-box;
padding-right: 12px;
}
.sent-cont {
font-family: HKGrotesk, sans-serif;
font-size: 1.6rem;
font-weight: normal;
color: #05241A;
padding: 0 1rem;
}
.modal-link-codes {
padding-bottom: 30px !important;
}
.shr-main {
display: flex;
}
.shr-item {
display: none;
margin-top: 25px;
}
.shr-item-left {
margin-left: -180px;
padding: 40px 15px 40px 0;
}
.shr-warning {
padding: 0.5rem;
text-align: center;
background-color: #fb9595;
font-family: HKGrotesk-Regular;
}
.shr-menu {
display: flex;
justify-content: start;
background: linear-gradient(99.12deg, #F2F5F3 -16.22%, #F5F4F0 86.51%);
padding: 6px 0;
border-bottom: 1px solid #E3EBE8;
}
.shr-menu img {
width: 32px;
display: block;
margin: 0 auto 2px;
}
.shr-menu .btn-menu {
padding: 0.6rem 0.9rem 0.5rem;
font-size: 1em;
background: none;
border: 0;
font-family: HKGrotesk-Regular;
margin: 0.8rem;
border-radius: 8px;
color: #05241A;
cursor: pointer;
}
.shr-menu .btn-menu svg {
vertical-align: top;
margin-top: -1px;
margin-right: 4px;
}
.shr-menu .btn-menu.active,
.shr-menu .btn-menu:hover {
opacity: 1;
background-color: white;
color: #19a975;
}
.shr-submenu.nbr {
border-right: 0 !important;
background: none !important;
}
.shr-submenu {
display: flex;
justify-content: start;
flex-direction: column;
padding: 0 20px;
border-right: 1px solid #E3EBE8;
width: 200px;
background: linear-gradient(99.12deg, #F2F5F3 -16.22%, #F5F4F0 86.51%);
}
.shr-submenu .shr-submenu-title {
margin-top: 25px;
}
.shr-sm {
display: flex;
justify-content: space-between;
}
.shr-sm .btn-action-block {
width: 42px;
height: 42px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
}
.shr-download .code-sect {
display: flex;
justify-content: space-between;
width: calc(100% - 113px) !important;
}
.shr-select {
background-color: white;
border: 1px solid lightgray;
border-radius: 5px;
padding: 2px 8px;
}
.shr-note {
margin-top: 9px;
text-align: left;
margin-right: 2rem;
font-size: 14px;
}
.btn-submenu {
font-size: 1em;
font-family: HKGrotesk-Regular;
font-weight: 300;
line-height: 23px;
cursor: pointer;
margin: 0.6rem 0;
text-align: left;
border: 0;
padding: 0.5rem 1rem;
border-radius: 8px;
color: #05241A;
background: none;
}
.btn-submenu.active {
background: white;
color: #19A975;
}
.btn-submenu:hover {
background: #ffffffc9;
}
.btn-tooltip {
position: absolute;
display: block;
margin-top: 15px;
background-color: #05241A;
color: white;
padding: 4px 14px 4px;
font-size: 13px;
border-radius: 3px;
z-index: 10000;
font-weight: normal;
}
.btn-tooltip:before {
content: '';
border-bottom: 5px solid #05241A;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
position: absolute;
margin-top: -7px;
margin-left: -8px;
}
.shr-submenu [data-menu] {
display: none;
}
.shr-copy {
margin-left: 10px;
margin-bottom: 30px;
padding-left: 10px;
width: 235px;
box-sizing: border-box;
}
.shr-copy > a {
display: block;
margin-bottom: 13px;
text-align: left;
}
a.btn-subaction,
.btn-subaction {
max-width: 100%;
width: 225px;
padding: 0.5rem 1.2rem;
border: 1px solid #19A975;
box-sizing: border-box;
background-color: white;
border-radius: 8px;
font-weight: normal;
color: #19A975;
text-align: center;
text-decoration: none;
display: inline-block;
}
.btn-subaction:active,
.btn-subaction:hover {
background-color: #19A975;
color: white;
transition: 0.12s ease-in;
}
.btn-subaction:hover svg path {
fill: white;
}
.btn-action.btn-pay {
padding: 0.5rem 1rem;
margin-top: 0.5rem;
}
.btn-subaction:hover svg.alt-stroke path {
fill: inherit;
stroke: white;
}
.btn-subaction svg {
height: 20px;
width: auto;
vertical-align: top;
margin-top: 2px;
}
.btn-subaction.btn-sq-lg {
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 25px;
width: 255px;
font-size: 16px;
}
.btn-subaction.btn-sq-lg svg {
width: 47px;
height: 47px;
}
.shr-codes {
font-size: 15px;
}
.shr-code {
display: flex;
justify-content: space-between;
padding-right: 35px;
}
.shr-code .code-sect {
width: calc(100% - 235px);
text-align: center;
margin-bottom: 25px;
}
.shr-code .code-sect.wide {
width: 630px;
}
.shr-code .code .heyzine-flip {
margin: 0 auto;
}
.shr-code .code .heyzine-fold {
margin: 0 auto;
}
.shr-code .heyzine-flip .front,
.shr-code .heyzine-flip .back,
.shr-code .heyzine-fold,
.shr-code .fp-iframe {
max-height: 485px;
}
.shr-code .fp-iframe {
max-width: calc(100% - 30px);
}
.shr-code [contenteditable] > * {
cursor: pointer;
display: inline;
}
.shr-content {
width: calc(100% - 180px);
padding-bottom: 1rem;
}
.shr-submenu-title {
font-size: 1rem;
text-align: center;
font-weight: bold;
font-family: HKGrotesk-Regular;
color: #05241A;
margin-top: 0;
}
.shr-links > .form-group {
display: flex;
align-items: flex-start;
margin: 0 auto 30px;
flex-direction: column;
gap: 10px;
}
.shr-links > .form-group > .input-group {
display: flex;
align-items: center;
width: 100%;
}
.shr-links .form-control {
padding: 0 12px !important;
}
.shr-links .input-group .form-control {
border-radius: 6px 0 0 6px;
}
.limit-img .fp-gif,
.limit-img .fp-thumb-play,
.limit-img .fp-thumb {
max-height: 380px;
width: auto;
}
.shr-content h2 {
display: none;
}
.shr-controls {
margin-top: 20px;
border: 1px solid #E3EBE8;
padding: 15px;
border-radius: 8px;
}
.shr-controls-bottom {
margin-top: 15px;
border: 0;
padding: 8px 15px 15px 15px;
}
.shr-controls-confirm {
width: calc(100% + 30px);
margin-left: -15px;
border-top: 1px solid lightgray;
padding-top: 24px;
margin-top: 0 !important;
}
.shr-controls-bottom input[type="text"] {
width: calc(100% - 100px);
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.shr-controls label {
font-size: 14px;
font-weight: normal;
font-family: sans-serif;
}
.shr-controls .shr-group p {
margin-top: 0;
}
.shr-controls input[type=checkbox] {
margin-right: 4px;
accent-color: #19a975;
}
.shr-controls .btn-range {
width: calc(100% - 2px);
}
.shr-controls input[type="text"] {
width: 100%;
box-sizing: border-box;
border-radius: 4px;
border: 0;
background: #eee;
font-size: 15px;
padding: 7px 10px;
}
.shr-group {
margin-bottom: 10px;
}
.shr-controls .btnThumbnailPlayChange {
display: inline-block;
width: 20%;
margin: 10px;
cursor: pointer;
}
.shr-controls .btnThumbnailPlayChange img {
width: 100%;
}
.shr-controls span {
min-width: 85px;
display: inline-block;
}
.shr-social .fp-link:hover,
.shr-social .fp-link:active,
.shr-social .fp-link {
text-decoration: none;
}
.shr-social .shr-code .code-sect {
width: 450px;
}
.shr-custom-pre {
width: auto;
height: 40px;
line-height: 25px;
border-radius: 6px 0 0 6px;
border: 1px solid #cdd5d2;
background-color: #eee;
color: #05241A;
}
.shr-custom-center {
flex-grow: 1 !important;
width: auto !important;
}
.shr-links > .form-group .input-group-btn {
width: auto;
}
.social-container {
display: flex;
background-color: white;
border: 1px solid #dddfe2;
border-radius: 10px;
overflow: hidden;
height: 125px;
width: 438px;
}
#socialControls {
display: none;
}
.tool-remark {
font-size: 12px;
line-height: 16px;
margin: 13px 0;
text-align: left;
}
.tool-remark-inline {
display: inline;
font-size: 10.5px;
white-space: nowrap;
line-height: 44px;
margin-left: 8px;
}
.shr-code .fp-qr {
max-width: 200px;
}
.social-thumb {
width: 125px;
}
.social-thumb img {
width: 100% !important;
object-fit: cover;
border-right: 1px solid #dddfe2;
height: 100%;
}
.social-desc {
width: 66%;
text-align: left;
}
.fp-social-title {
font-size: 14px;
font-weight: bold;
font-family: sans-serif;
padding: 14px 0 0 12px;
margin-bottom: 10px;
color: #22262e;
}
.social-desc .fp-desc {
padding: 0 12px;
color: black;
}
.up-btn-error {
margin-left: 12px;
color: red;
}
.contact-page .trumbowyg-box,
.contact-page .trumbowyg-editor {
min-height: 150px;
}
.contact-page .trumbowyg-button-pane::after {
background: white;
}
.contact-page .trumbowyg-box .trumbowyg-editor {
font-family: sans-serif;
font-size: 14px;
padding-top: 10px;
}
.txtContactSubject {
width: 100%;
box-sizing: border-box;
margin-bottom: 9px;
}
.contactEditor p {
margin: 4px 0;
}
.contact-page .trumbowyg-box,
.contact-page .trumbowyg-editor {
background-color: white;
}
.contact-page .trumbowyg-box {
border: 1px solid #efefef;
border-radius: 4px;
overflow: hidden;
}
.contact-type {
display: flex;
gap: 8px;
margin-bottom: 8px;
}
.contact-page .trumbowyg-button-pane {
background: white;
border-bottom: 1px solid white;
}
.contact-subject-prospect input {
width: 100%;
max-width: 43.4rem;
padding: 0rem 0.5rem;
display: block;
margin: 0 auto;
font-family: sans-serif;
font-size: 1rem;
border: 1px solid lightgray;
box-shadow: 0px 0px 5px 1px lightgray;
}
.contact-page .trumbowyg-button-pane .trumbowyg-button-group::after {
background: white;
}
iframe.g-signin2 {
border: 0;
overflow: hidden;
max-width: 100%;
width: 100%;
height: 80px;
}
.g-signin-container {
height: 80px;
padding-top: 20px;
text-align: center;
box-sizing: border-box;
}
@media (max-width: 1170px) {
.login-register {
flex-direction: column;
}
.register {
width: 100%;
}
.login {
width: 100%;
}
}
@media (max-width: 640px) {
.password-dialog h1 {
font-size: 1.6rem;
}
}
.heyzine-link img {
width: 100%;
box-shadow: 0 0px 4px 1px lightgray;
}
.heyzine-flip {
cursor: pointer;
}
.heyzine-flip .container {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
perspective: 1000px;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.heyzine-flip .front,
.heyzine-flip .back {
background-size: cover;
background-position: center;
-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-align: center;
min-height: 280px;
height: auto;
color: #fff;
font-size: 1.5rem;
}
.heyzine-flip .back {
background-color: #e9e9e9;
color: #3e545e;
}
.heyzine-flip .front:after {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
content: '';
display: block;
opacity: .6;
background-color: #f8f8f8;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.heyzine-flip .container:hover .front,
.heyzine-flip .container:hover .back {
-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}
.heyzine-flip .back {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.heyzine-flip .inner {
-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
transform: translateY(-50%) translateZ(60px) scale(0.94);
top: 50%;
position: absolute;
left: 0;
width: 100%;
padding: 2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 1px solid transparent;
-webkit-perspective: inherit;
perspective: inherit;
z-index: 2;
}
.heyzine-flip .container .back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.heyzine-flip .container .front {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.heyzine-flip .container:hover .back {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.heyzine-flip .container:hover .front {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.heyzine-flip .front .inner p {
font-size: 2rem;
margin-bottom: 2rem;
position: relative;
}
.heyzine-flip .front .inner span {
color: rgba(255,255,255,0.7);
font-weight: 300;
}
.heyzine-flip .back a {
background-color: #3e545e;
margin-top: 2rem;
display: inline-block;
text-decoration: none;
color: white;
padding: 0.4rem 0;
width: 100%;
box-shadow: 0 0 5px 0px lightgray;
}
.heyzine-flip .back p {
font-family: Open Sans;
font-size: 1rem;
}
.heyzine-flip .front {
font-family: Quicksand;
font-size: 1.7rem;
background-size: cover;
background-position: top;
color: #3e545e;
}
.heyzine-flip .img-front {
width: 100%;
}
.heyzine-flip .img-back {
width: 100%;
transform: scaleX(-1);
opacity: 0.2;
}
#mdlLinkCodes .code .img-back,
#mdlLinkCodes .code .img-front {
position: absolute;
left: 0;
object-fit: cover;
height: 100%;
} </style>
</head>
<body class="password-page">
<div class="password-content" style="background-image: url('/files/user/backgrounds/b8592d9e38aadc35f8f9b9132fe0facc038be98f.jpeg');">
<div class="password-dialog">
<div>
<img class="password-logo" src="/files/user/logos/powered-by-heyzine.png" />
</div>
<div>
<form method="POST">
<h1 class="email-cont-vis" style="display: none;"></h1>
<h1 class="pass-cont-vis">please input the password emailed to you (^-^)/</h1>
<i class="fa fa-minus-circle no-access" aria-hidden="true" style="display: none;"></i>
<input type="password" name="password" class="" />
<button type="submit"><i class="fa fa-arrow-circle-right"></i></button>
</form>
</div>
</div>
</div>
<script defer data-domain="heyzine-landing" src="https://hzstats.com/js/spl.h.js"></script>
<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.eu01.nr-data.net","licenseKey":"NRJS-c162cafe4be60930da1","applicationID":"510283244","transactionName":"MhBSZQoZXUJVWhELWgtacVIMEVxfG18JC0VIF19eE1daX1BcHQ==","queueTime":0,"applicationTime":65,"atts":"HldRE0IDTkw=","errorBeacon":"bam.eu01.nr-data.net","agent":""}</script></body>
</html>