- スキャンID:
- a4c9396a-8a1a-4b0e-b5f7-7599233dc2e7終了
- 送信済みURL:
- https://heyzine.com/flip-book/a7282271a1.html
- レポート終了日:
リンク · 0件検出
ページから特定された発信リンク
JavaScript変数 · 13件検出
ページのウィンドウオブジェクトにロードされたグローバルのJavaScript変数は関数以外の場所で宣言された変数で、現在のスコープ内であればコードのどこからでもアクセス可能です
名前 | 規模 |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
NREUM | object |
webpackChunk:NRBA-1.277.0.PROD | object |
newrelic | object |
$ | function |
jQuery | function |
default_gsi | object |
_F_toggles | object |
コンソールログメッセージ · 1件検出
Webコンソールにログ記録されたメッセージ
規模 | 分類 | ログ |
---|---|---|
verbose | dom |
|
HTML
未加工のHTMLページ本文
<!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.277.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){(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},2555:(e,t,r)=>{"use strict";r.d(t,{Vp:()=>c,fn:()=>s,x1:()=>u});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},a={};function s(e){try{const t=c(e);return!!t.licenseKey&&!!t.errorBeacon&&!!t.applicationID}catch(e){return!1}}function c(e){if(!e)throw new Error("All info objects require an agent identifier!");if(!a[e])throw new Error("Info for ".concat(e," was never set"));return a[e]}function u(e,t){if(!e)throw new Error("All info objects require an agent identifier!");a[e]=(0,i.a)(t,o);const r=(0,n.nY)(e);r&&(r.info=a[e])}},9417:(e,t,r)=>{"use strict";r.d(t,{D0:()=>p,gD:()=>m,xN:()=>g});var n=r(3333),i=r(993);const o=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var a=r(2614),s=r(944),c=r(384),u=r(8122);const d="[data-nr-mask]",l=()=>{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,harvestTimeSeconds:10,autoStart:!0},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,harvestTimeSeconds:30,autoStart:!0},harvest:{tooManyRequestsDelay:60},jserrors:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},logging:{enabled:!0,harvestTimeSeconds:10,autoStart:!0,level:i.p_.INFO},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,harvestTimeSeconds:30,autoStart:!0},performance:{get capture_marks(){return e.feature_flags.includes(n.$v.MARKS)||e.experimental.marks},set capture_marks(t){e.experimental.marks=t},get capture_measures(){return e.feature_flags.includes(n.$v.MEASURES)||e.experimental.measures},set capture_measures(t){e.experimental.measures=t},resources:{get enabled(){return e.feature_flags.includes(n.$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:a.wk,inactiveMs:a.BB},session_replay:{autoStart:!0,enabled:!1,harvestTimeSeconds:60,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){o(t)?e.mask_selector="".concat(t,",").concat(d):""===t||null===t?e.mask_selector=d:(0,s.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){o(t)?e.block_selector+=",".concat(t):""!==t&&(0,s.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,s.R)(7,t)}},session_trace:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},soft_navigations:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},spa:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},ssl:void 0,user_actions:{enabled:!0}}},f={},h="All configuration objects require an agent identifier!";function p(e){if(!e)throw new Error(h);if(!f[e])throw new Error("Configuration for ".concat(e," was never set"));return f[e]}function g(e,t){if(!e)throw new Error(h);f[e]=(0,u.a)(t,l());const r=(0,c.nY)(e);r&&(r.init=f[e])}function m(e,t){if(!e)throw new Error(h);var r=p(e);if(r){for(var n=t.split("."),i=0;i<n.length-1;i++)if("object"!=typeof(r=r[n[i]]))return;r=r[n[n.length-1]]}return r}},5603:(e,t,r)=>{"use strict";r.d(t,{a:()=>c,o:()=>s});var n=r(384),i=r(8122);const o={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},a={};function s(e){if(!e)throw new Error("All loader-config objects require an agent identifier!");if(!a[e])throw new Error("LoaderConfig for ".concat(e," was never set"));return a[e]}function c(e,t){if(!e)throw new Error("All loader-config objects require an agent identifier!");a[e]=(0,i.a)(t,o);const r=(0,n.nY)(e);r&&(r.loader_config=a[e])}},3371:(e,t,r)=>{"use strict";r.d(t,{V:()=>f,f:()=>l});var n=r(8122),i=r(384),o=r(6154),a=r(9324);let s=0;const c={buildEnv:a.F3,distMethod:a.Xs,version:a.xv,originTime:o.WN},u={customTransaction:void 0,disabled:!1,isolatedBacklog:!1,loaderType:void 0,maxBytes:3e4,onerror:void 0,ptid:void 0,releaseIds:{},appMetadata:{},session:void 0,denyList:void 0,timeKeeper:void 0,obfuscator:void 0},d={};function l(e){if(!e)throw new Error("All runtime objects require an agent identifier!");if(!d[e])throw new Error("Runtime for ".concat(e," was never set"));return d[e]}function f(e,t){if(!e)throw new Error("All runtime objects require an agent identifier!");d[e]={...(0,n.a)(t,u),...c},Object.hasOwnProperty.call(d[e],"harvestCount")||Object.defineProperty(d[e],"harvestCount",{get:()=>++s});const r=(0,i.nY)(e);r&&(r.runtime=d[e])}},9324:(e,t,r)=>{"use strict";r.d(t,{F3:()=>i,Xs:()=>o,Yq:()=>a,xv:()=>n});const n="1.277.0",i="PROD",o="CDN",a="^2.0.0-alpha.17"},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}},1687:(e,t,r)=>{"use strict";r.d(t,{Ak:()=>c,Ze:()=>l,x3:()=>u});var n=r(7836),i=r(3606),o=r(860),a=r(2646);const s={};function c(e,t){const r={staged:!1,priority:o.P3[t]||0};d(e),s[e].get(t)||s[e].set(t,r)}function u(e,t){e&&s[e]&&(s[e].get(t)&&s[e].delete(t),h(e,t,!1),s[e].size&&f(e))}function d(e){if(!e)throw new Error("agentIdentifier required");s[e]||(s[e]=new Map)}function l(e="",t="feature",r=!1){if(d(e),!e||!s[e].get(t)||r)return h(e,t);s[e].get(t).staged=!0,f(e)}function f(e){const t=Array.from(s[e]);t.every((([e,t])=>t.staged))&&(t.sort(((e,t)=>e[1].priority-t[1].priority)),t.forEach((([t])=>{s[e].delete(t),h(e,t)})))}function h(e,t,r=!0){const o=e?n.ee.get(e):n.ee,s=i.i.handlers;if(!o.aborted&&o.backlog&&s){if(r){const e=o.backlog[t],r=s[t];if(r){for(let t=0;e&&t<e.length;++t)p(e[t],r);Object.entries(r).forEach((([e,t])=>{Object.values(t||{}).forEach((t=>{t[0]?.on&&t[0]?.context()instanceof a.y&&t[0].on(e,t[1])}))}))}}o.isolatedBacklog||delete s[t],o.backlog[t]=null,o.emit("drain-"+t,[])}}function p(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:()=>c,ee:()=>u});var n=r(384),i=r(8990),o=r(3371),a=r(2646),s=r(5607);const c="nr@context:".concat(s.W),u=function e(t,r){var n={},s={},d={},l=!1;try{l=16===r.length&&(0,o.f)(r).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(u.aborted&&!i)return;t&&o&&t.emit(e,r,n);for(var a=h(n),c=g(e),d=c.length,l=0;l<d;l++)c[l].apply(a,r);var p=v()[s[e]];p&&p.push([f,e,r,a]);return a},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])=>{s[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()[s[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 a.y?e:e?(0,i.I)(e,c,(()=>new a.y(c))):new a.y(c)}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"),d=(0,n.Zm)();d.ee||(d.ee=u)},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";function n(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)}r.d(t,{R:()=>n})},5284:(e,t,r)=>{"use strict";r.d(t,{t:()=>c,B:()=>s});var n=r(7836),i=r(6154);const o="newrelic";const a=new Set,s={};function c(e,t){const r=n.ee.get(t);s[t]??={},e&&"object"==typeof e&&(a.has(t)||(r.emit("rumresp",[e]),s[t]=e,a.add(t),function(e={}){try{i.gm.dispatchEvent(new CustomEvent(o,{detail:e}))}catch(e){}}({loaded:!0})))}},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""}}},5289:(e,t,r)=>{"use strict";r.d(t,{GG:()=>o,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)}},384:(e,t,r)=>{"use strict";r.d(t,{NT:()=>o,US:()=>d,Zm:()=>a,bQ:()=>c,dV:()=>s,nY:()=>u,pV:()=>l});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){let t=a();return t.initializedAgents?.[e]}function d(e,t){a()[e]=t}function l(){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;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);try{return l=t.apply(a,o)}catch(e){throw i(r+"err",[o,a,e],d,c),e}finally{i(r+"end",[o,a,l],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,{ET:()=>o,TZ:()=>a,p_:()=>i});var n=r(860);const i={ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"},o="log",a=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(3969),s=r(993);function c(e,t,r={},c=s.p_.INFO){(0,n.p)(a.xV,["API/logging/".concat(c.toLowerCase(),"/called")],void 0,o.K7.metrics,e),(0,n.p)(s.ET,[(0,i.t)(),t,r,c],void 0,o.K7.logging,e)}function u(e){return"string"==typeof e&&Object.values(s.p_).some((t=>t===e.toUpperCase().trim()))}},3969:(e,t,r)=>{"use strict";r.d(t,{TZ:()=>n,XG:()=>s,rs:()=>i,xV:()=>a,z_:()=>o});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",REPLAY_RUNNING:"replayRunning",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:()=>c,CT:()=>u,SR:()=>s});var n=r(384),i=r(9417),o=r(7767),a=r(6154);function s(e){return!!(0,n.dV)().o.MO&&(0,o.V)(e)&&!0===(0,i.gD)(e,"session_trace.enabled")}function c(e){return!0===(0,i.gD)(e,"session_replay.preload")&&s(e)}function u(e,t){const r=t.correctAbsoluteTimestamp(e);return{originalTimestamp:e,correctedTimestamp:r,timestampDiff:e-r,originTime:a.WN,correctedOriginTime:t.correctedOriginTime,originTimeDiff:Math.floor(a.WN-t.correctedOriginTime)}}},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:()=>E,gx:()=>v,l9:()=>l,oW:()=>h,op:()=>g,rw:()=>u,tH:()=>A,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,E="jsTime",A="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:()=>o});var n=r(9417),i=r(6154);const o=e=>i.RI&&!0===(0,n.gD)(e,"privacy.cookies_enabled")},425:(e,t,r)=>{"use strict";r.d(t,{j:()=>j});var n=r(860),i=r(2555),o=r(3371),a=r(9908),s=r(7836),c=r(1687),u=r(5289),d=r(6154),l=r(944),f=r(3969),h=r(384),p=r(6344);const g=["setErrorHandler","finished","addToTrace","addRelease","recordCustomEvent","addPageAction","setCurrentRouteName","setPageViewName","setCustomAttribute","interaction","noticeError","setUserId","setApplicationVersion","start",p.G4.RECORD,p.G4.PAUSE,"log","wrapLogger"],m=["setErrorHandler","finished","addToTrace","addRelease"];var v=r(1863),b=r(2614),y=r(993),w=r(3785),R=r(2646),x=r(3434);const T=new Map;function E(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||s.ee).get("logger")}(e),o=(0,x.YM)(i),a=new R.y(s.P);a.level=n.level,a.customAttributes=n.customAttributes;const c=t[r]?.[x.Jt]||t[r];return T.set(c,a),o.inPlace(t,[r],"wrap-logger-",(()=>T.get(c))),i}function A(){const e=(0,h.pV)();g.forEach((t=>{e[t]=(...r)=>function(t,...r){let n=[];return Object.values(e.initializedAgents).forEach((e=>{e&&e.api?e.exposed&&e.api[t]&&n.push(e.api[t](...r)):(0,l.R)(38,t)})),n.length>1?n:n[0]}(t,...r)}))}const S={};var N=r(9417),_=r(5603),O=r(5284);const I=e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e};let P=!1;function j(e,t={},g,R){let{init:x,info:T,loader_config:j,runtime:C={},exposed:k=!0}=t;C.loaderType=g;const L=(0,h.pV)();T||(x=L.init,T=L.info,j=L.loader_config),(0,N.xN)(e.agentIdentifier,x||{}),(0,_.a)(e.agentIdentifier,j||{}),T.jsAttributes??={},d.bv&&(T.jsAttributes.isWorker=!0),(0,i.x1)(e.agentIdentifier,T);const H=(0,N.D0)(e.agentIdentifier),M=[T.beacon,T.errorBeacon];P||(H.proxy.assets&&(I(H.proxy.assets),M.push(H.proxy.assets)),H.proxy.beacon&&M.push(H.proxy.beacon),A(),(0,h.US)("activatedFeatures",O.B),e.runSoftNavOverSpa&&=!0===H.soft_navigations.enabled&&H.feature_flags.includes("soft_nav")),C.denyList=[...H.ajax.deny_list||[],...H.ajax.block_internal?M:[]],C.ptid=e.agentIdentifier,(0,o.V)(e.agentIdentifier,C),e.ee=s.ee.get(e.agentIdentifier),void 0===e.api&&(e.api=function(e,t,h=!1){t||(0,c.Ak)(e,"api");const g={};var R=s.ee.get(e),x=R.get("tracer");S[e]=b.g.OFF,R.on(p.G4.REPLAY_RUNNING,(t=>{S[e]=t}));var T="api-",A=T+"ixn-";function N(t,r,n,o){const a=(0,i.Vp)(e);return null===r?delete a.jsAttributes[t]:(0,i.x1)(e,{...a,jsAttributes:{...a.jsAttributes,[t]:r}}),I(T,n,!0,o||null===r?"session":void 0)(t,r)}function _(){}g.log=function(e,{customAttributes:t={},level:r=y.p_.INFO}={}){(0,a.p)(f.xV,["API/log/called"],void 0,n.K7.metrics,R),(0,w.R)(R,e,t,r)},g.wrapLogger=(e,t,{customAttributes:r={},level:i=y.p_.INFO}={})=>{(0,a.p)(f.xV,["API/wrapLogger/called"],void 0,n.K7.metrics,R),E(R,e,t,{customAttributes:r,level:i})},m.forEach((e=>{g[e]=I(T,e,!0,"api")})),g.addPageAction=I(T,"addPageAction",!0,n.K7.genericEvents),g.recordCustomEvent=I(T,"recordCustomEvent",!0,n.K7.genericEvents),g.setPageViewName=function(t,r){if("string"==typeof t)return"/"!==t.charAt(0)&&(t="/"+t),(0,o.f)(e).customTransaction=(r||"http://custom.transaction")+t,I(T,"setPageViewName",!0)()},g.setCustomAttribute=function(e,t,r=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof t)||null===t)return N(e,t,"setCustomAttribute",r);(0,l.R)(40,typeof t)}else(0,l.R)(39,typeof e)},g.setUserId=function(e){if("string"==typeof e||null===e)return N("enduser.id",e,"setUserId",!0);(0,l.R)(41,typeof e)},g.setApplicationVersion=function(e){if("string"==typeof e||null===e)return N("application.version",e,"setApplicationVersion",!1);(0,l.R)(42,typeof e)},g.start=()=>{try{(0,a.p)(f.xV,["API/start/called"],void 0,n.K7.metrics,R),R.emit("manual-start-all")}catch(e){(0,l.R)(23,e)}},g[p.G4.RECORD]=function(){(0,a.p)(f.xV,["API/recordReplay/called"],void 0,n.K7.metrics,R),(0,a.p)(p.G4.RECORD,[],void 0,n.K7.sessionReplay,R)},g[p.G4.PAUSE]=function(){(0,a.p)(f.xV,["API/pauseReplay/called"],void 0,n.K7.metrics,R),(0,a.p)(p.G4.PAUSE,[],void 0,n.K7.sessionReplay,R)},g.interaction=function(e){return(new _).get("object"==typeof e?e:{})};const O=_.prototype={createTracer:function(e,t){var r={},i=this,o="function"==typeof t;return(0,a.p)(f.xV,["API/createTracer/called"],void 0,n.K7.metrics,R),h||(0,a.p)(A+"tracer",[(0,v.t)(),e,r],i,n.K7.spa,R),function(){if(x.emit((o?"":"no-")+"fn-start",[(0,v.t)(),i,o],r),o)try{return t.apply(this,arguments)}catch(e){const t="string"==typeof e?new Error(e):e;throw x.emit("fn-err",[arguments,this,t],r),t}finally{x.emit("fn-end",[(0,v.t)()],r)}}}};function I(e,t,r,i){return function(){return(0,a.p)(f.xV,["API/"+t+"/called"],void 0,n.K7.metrics,R),i&&(0,a.p)(e+t,[r?(0,v.t)():performance.now(),...arguments],r?null:this,i,R),r?void 0:this}}function P(){r.e(478).then(r.bind(r,8778)).then((({setAPI:t})=>{t(e),(0,c.Ze)(e,"api")})).catch((e=>{(0,l.R)(27,e),R.abort()}))}return["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach((e=>{O[e]=I(A,e,void 0,h?n.K7.softNav:n.K7.spa)})),g.setCurrentRouteName=h?I(A,"routeName",void 0,n.K7.softNav):I(T,"routeName",!0,n.K7.spa),g.noticeError=function(t,r){"string"==typeof t&&(t=new Error(t)),(0,a.p)(f.xV,["API/noticeError/called"],void 0,n.K7.metrics,R),(0,a.p)("err",[t,(0,v.t)(),!1,r,!!S[e]],void 0,n.K7.jserrors,R)},d.RI?(0,u.GG)((()=>P()),!0):P(),g}(e.agentIdentifier,R,e.runSoftNavOverSpa)),void 0===e.exposed&&(e.exposed=k),P=!0}},8374:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860:(e,t,r)=>{"use strict";r.d(t,{$J:()=>o,K7:()=>n,P3:()=>i});const n={ajax:"ajax",genericEvents:"generic_events",jserrors:"jserrors",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"},i={[n.pageViewEvent]:1,[n.pageViewTiming]:2,[n.metrics]:3,[n.jserrors]:4,[n.spa]:5,[n.ajax]:6,[n.sessionTrace]:7,[n.softNav]:8,[n.sessionReplay]:9,[n.logging]:10,[n.genericEvents]:11},o={[n.pageViewTiming]:"events",[n.ajax]:"events",[n.spa]:"events",[n.softNav]:"events",[n.metrics]:"jserrors",[n.jserrors]:"jserrors",[n.sessionTrace]:"browser/blobs",[n.sessionReplay]:"browser/blobs",[n.logging]:"browser/logs",[n.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.277.0.min.js"),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.277.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-AgX6f6qOxyV4l/Fg8saiNsK37oY3qvFRTOkwua+LDBTL7KUv+eoUSnunEaP3OvjJ1ZiSn43xQyjf9TWbqq8FVQ==",249:"sha512-43TwsElpnwfBCx+EERv4zX5fDsbQLB0w+NTEOt/flpNK9wKjMch+SQIUgLVqaF8jJt5qUeNPsDi/Zk+jgt3SLw==",212:"sha512-/Y+2vKPi087MH5FY89Cw9ahyQ2qnbVj7M2MganYRhmEg4Xos9v/cFPZviY2a1m17D9zpXkOtPsycYXk2AV0huA=="};(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.277.0.PROD"]=self["webpackChunk:NRBA-1.277.0.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(8374);var e=i(944),t=i(6344),r=i(9566);class n{agentIdentifier;constructor(e=(0,r.LA)(16)){this.agentIdentifier=e}#e(t,...r){if("function"==typeof this.api?.[t])return this.api[t](...r);(0,e.R)(35,t)}addPageAction(e,t){return this.#e("addPageAction",e,t)}recordCustomEvent(e,t){return this.#e("recordCustomEvent",e,t)}setPageViewName(e,t){return this.#e("setPageViewName",e,t)}setCustomAttribute(e,t,r){return this.#e("setCustomAttribute",e,t,r)}noticeError(e,t){return this.#e("noticeError",e,t)}setUserId(e){return this.#e("setUserId",e)}setApplicationVersion(e){return this.#e("setApplicationVersion",e)}setErrorHandler(e){return this.#e("setErrorHandler",e)}addRelease(e,t){return this.#e("addRelease",e,t)}log(e,t){return this.#e("log",e,t)}}class o extends n{#e(t,...r){if("function"==typeof this.api?.[t])return this.api[t](...r);(0,e.R)(35,t)}start(){return this.#e("start")}finished(e){return this.#e("finished",e)}recordReplay(){return this.#e(t.G4.RECORD)}pauseReplay(){return this.#e(t.G4.PAUSE)}addToTrace(e){return this.#e("addToTrace",e)}setCurrentRouteName(e){return this.#e("setCurrentRouteName",e)}interaction(){return this.#e("interaction")}wrapLogger(e,t,r){return this.#e("wrapLogger",e,t,r)}}var a=i(860),s=i(9417);const c=Object.values(a.K7);function u(e){const t={};return c.forEach((r=>{t[r]=function(e,t){return!0===(0,s.gD)(t,"".concat(e,".enabled"))}(r,e)})),t}var d=i(425);var l=i(1687),f=i(4234),h=i(5289),p=i(6154),g=i(5270),m=i(7767),v=i(6389);class b extends f.W{constructor(e,t,r=!0){super(e.agentIdentifier,t),this.auto=r,this.abortHandler=void 0,this.featAggregate=void 0,this.onAggregateImported=void 0,!1===e.init[this.featureName].autoStart&&(this.auto=!1),this.auto?(0,l.Ak)(e.agentIdentifier,t):this.ee.on("manual-start-all",(0,v.J)((()=>{(0,l.Ak)(e.agentIdentifier,this.featureName),this.auto=!0,this.importAggregator(e)})))}importAggregator(t,r={}){if(this.featAggregate||!this.auto)return;let n;this.onAggregateImported=new Promise((e=>{n=e}));const o=async()=>{let o;try{if((0,m.V)(this.agentIdentifier)){const{setupAgentSession:e}=await i.e(478).then(i.bind(i,6526));o=e(t)}}catch(t){(0,e.R)(20,t),this.ee.emit("internal-error",[t]),this.featureName===a.K7.sessionReplay&&this.abortHandler?.()}try{if(t.sharedAggregator)await t.sharedAggregator;else{t.sharedAggregator=i.e(478).then(i.bind(i,9337));const{EventAggregator:e}=await t.sharedAggregator;t.sharedAggregator=new e}if(!this.#t(this.featureName,o))return(0,l.Ze)(this.agentIdentifier,this.featureName),void n(!1);const{lazyFeatureLoader:e}=await i.e(478).then(i.bind(i,6103)),{Aggregate:a}=await e(this.featureName,"aggregate");this.featAggregate=new a(t,r),n(!0)}catch(t){(0,e.R)(34,t),this.abortHandler?.(),(0,l.Ze)(this.agentIdentifier,this.featureName,!0),n(!1),this.ee&&this.ee.abort()}};p.RI?(0,h.GG)((()=>o()),!0):o()}#t(e,t){switch(e){case a.K7.sessionReplay:return(0,g.SR)(this.agentIdentifier)&&!!t;case a.K7.sessionTrace:return!!t;default:return!0}}}var y=i(6630);class w extends b{static featureName=y.T;constructor(e,t=!0){super(e,y.T,t),this.importAggregator(e)}}var R=i(384);var x=i(9908),T=i(2843),E=i(3878),A=i(782),S=i(1863);class N extends b{static featureName=A.T;constructor(e,t=!0){super(e,A.T,t),p.RI&&((0,T.u)((()=>(0,x.p)("docHidden",[(0,S.t)()],void 0,A.T,this.ee)),!0),(0,E.sp)("pagehide",(()=>(0,x.p)("winPagehide",[(0,S.t)()],void 0,A.T,this.ee))),this.importAggregator(e))}}var _=i(3969);class O extends b{static featureName=_.TZ;constructor(e,t=!0){super(e,_.TZ,t),this.importAggregator(e)}}var I=i(6774),P=i(3304);class j{constructor(e,t,r,n,i){this.name="UncaughtError",this.message="string"==typeof e?e:(0,P.A)(e),this.sourceURL=t,this.line=r,this.column=n,this.__newrelic=i}}function C(e){return H(e)?e:new j(void 0!==e?.message?e.message:e,e?.filename||e?.sourceURL,e?.lineno||e?.line,e?.colno||e?.col,e?.__newrelic)}function k(e){const t="Unhandled Promise Rejection";if(!e?.reason)return;if(H(e.reason))try{return e.reason.message=t+": "+e.reason.message,C(e.reason)}catch(t){return C(e.reason)}const r=C(e.reason);return r.message=t+": "+r?.message,r}function L(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new j(e.message,e.filename,e.lineno,e.colno,e.error.__newrelic);return t.name=SyntaxError.name,t}return H(e.error)?e.error:C(e)}function H(e){return e instanceof Error&&!!e.stack}class M extends b{static featureName=I.T;#r=!1;constructor(e,r=!0){super(e,I.T,r);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("internal-error",((e,t)=>{this.abortHandler&&(0,x.p)("ierr",[C(e),(0,S.t)(),!0,{},this.#r,t],void 0,this.featureName,this.ee)})),this.ee.on(t.G4.REPLAY_RUNNING,(e=>{this.#r=e})),p.gm.addEventListener("unhandledrejection",(e=>{this.abortHandler&&(0,x.p)("err",[k(e),(0,S.t)(),!1,{unhandledPromiseRejection:1},this.#r],void 0,this.featureName,this.ee)}),(0,E.jT)(!1,this.removeOnAbort?.signal)),p.gm.addEventListener("error",(e=>{this.abortHandler&&(0,x.p)("err",[L(e),(0,S.t)(),!1,{},this.#r],void 0,this.featureName,this.ee)}),(0,E.jT)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator(e)}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var D=i(8990);let K=1;const U="nr@id";function V(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===p.gm?0:(0,D.I)(e,U,(function(){return K++}))}function G(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,P.A)(e).length}catch(e){return}}}var F=i(8139),B=i(7836),W=i(3434);const z={},q=["open","send"];function Z(t){var r=t||B.ee;const n=function(e){return(e||B.ee).get("xhr")}(r);if(void 0===p.gm.XMLHttpRequest)return n;if(z[n.debugId]++)return n;z[n.debugId]=1,(0,F.u)(r);var i=(0,W.YM)(n),o=p.gm.XMLHttpRequest,a=p.gm.MutationObserver,s=p.gm.Promise,c=p.gm.setInterval,u="readystatechange",d=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],l=[],f=p.gm.XMLHttpRequest=function(t){const r=new o(t),a=n.context(r);try{n.emit("new-xhr",[r],a),r.addEventListener(u,(s=a,function(){var e=this;e.readyState>3&&!s.resolved&&(s.resolved=!0,n.emit("xhr-resolved",[],e)),i.inPlace(e,d,"fn-",y)}),(0,E.jT)(!1))}catch(t){(0,e.R)(15,t);try{n.emit("internal-error",[t])}catch(e){}}var s;return r};function h(e,t){i.inPlace(t,["onreadystatechange"],"fn-",y)}if(function(e,t){for(var r in e)t[r]=e[r]}(o,f),f.prototype=o.prototype,i.inPlace(f.prototype,q,"-xhr-",y),n.on("send-xhr-start",(function(e,t){h(e,t),function(e){l.push(e),a&&(g?g.then(b):c?c(b):(m=-m,v.data=m))}(t)})),n.on("open-xhr-start",h),a){var g=s&&s.resolve();if(!c&&!s){var m=1,v=document.createTextNode(m);new a(b).observe(v,{characterData:!0})}}else r.on("fn-end",(function(e){e[0]&&e[0].type===u||b()}));function b(){for(var e=0;e<l.length;e++)h(0,l[e]);l.length&&(l=[])}function y(e,t){return t}return n}var Y="fetch-",X=Y+"body-",J=["arrayBuffer","blob","json","text","formData"],Q=p.gm.Request,ee=p.gm.Response,te="prototype";const re={};function ne(e){const t=function(e){return(e||B.ee).get("fetch")}(e);if(!(Q&&ee&&p.gm.fetch))return t;if(re[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[B.P]&&o[B.P].dt&&(e=o[B.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 re[t.debugId]=1,J.forEach((e=>{r(Q[te],e,X),r(ee[te],e,X)})),r(p.gm,"fetch",Y),t.on(Y+"end",(function(e,r){var n=this;if(r){var i=r.headers.get("content-length");null!==i&&(n.rxSize=i),t.emit(Y+"done",[null,r],n)}else t.emit(Y+"done",[e],n)})),t}var ie=i(7485),oe=i(5603);class ae{constructor(e){this.agentIdentifier=e}generateTracePayload(e){if(!this.shouldGenerateTrace(e))return null;var t=(0,oe.o)(this.agentIdentifier);if(!t)return null;var n=(t.accountID||"").toString()||null,i=(t.agentID||"").toString()||null,o=(t.trustKey||"").toString()||null;if(!n||!i)return null;var a=(0,r.ZF)(),s=(0,r.el)(),c=Date.now(),u={spanId:a,traceId:s,timestamp:c};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(u.traceContextParentHeader=this.generateTraceContextParentHeader(a,s),u.traceContextStateHeader=this.generateTraceContextStateHeader(a,c,n,i,o)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&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 p.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,P.A)(a))}shouldGenerateTrace(e){return this.isDtEnabled()&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1,r={};if((0,s.gD)(this.agentIdentifier,"distributed_tracing")&&(r=(0,s.D0)(this.agentIdentifier).distributed_tracing),e.sameOrigin)t=!0;else if(r.allowed_origins instanceof Array)for(var n=0;n<r.allowed_origins.length;n++){var i=(0,ie.D)(r.allowed_origins[n]);if(e.hostname===i.hostname&&e.protocol===i.protocol&&e.port===i.port){t=!0;break}}return t}isDtEnabled(){var e=(0,s.gD)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.enabled}excludeNewrelicHeader(){var e=(0,s.gD)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=(0,s.gD)(this.agentIdentifier,"distributed_tracing");return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=(0,s.gD)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.cors_use_tracecontext_headers}}var se=i(9300),ce=i(7295),ue=["load","error","abort","timeout"],de=ue.length,le=(0,R.dV)().o.REQ,fe=(0,R.dV)().o.XHR;class he extends b{static featureName=se.T;constructor(e,t=!0){super(e,se.T,t),this.dt=new ae(e.agentIdentifier),this.handler=(e,t,r,n)=>(0,x.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};p.gm?.performance?.getEntriesByType("resource").forEach((t=>{if(t.initiatorType in e&&0!==t.responseStatus){const r={status:t.responseStatus},n={rxSize:t.transferSize,duration:Math.floor(t.duration),cbTime:0};pe(r,t.name),this.handler("xhr",[r,n,t.startTime,t.responseEnd,e[t.initiatorType]],void 0,a.K7.ajax)}}))}catch(e){}ne(this.ee),Z(this.ee),function(e,t,r,n){function i(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=R,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},e.addEventListener("load",(function(r){T(t,e)}),(0,E.jT)(!1)),p.lR||e.addEventListener("progress",(function(e){t.lastSize=e.loaded}),(0,E.jT)(!1))}function o(e){this.params={method:e[0]},pe(this,e[1]),this.metrics={}}function s(t,r){e.loader_config.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",e.loader_config.xpid);var i=n.generateTracePayload(this.parsedOrigin);if(i){var o=!1;i.newrelicHeader&&(r.setRequestHeader("newrelic",i.newrelicHeader),o=!0),i.traceContextParentHeader&&(r.setRequestHeader("traceparent",i.traceContextParentHeader),i.traceContextStateHeader&&r.setRequestHeader("tracestate",i.traceContextStateHeader),o=!0),o&&(this.dt=i)}}function c(e,r){var n=this.metrics,i=e[0],o=this;if(n&&i){var a=G(i);a&&(n.txSize=a)}this.startTime=(0,S.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<de;s++)r.addEventListener(ue[s],this.listener,(0,E.jT)(!1))}function u(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 d(e,t){var r=""+V(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function l(e,t){var r=""+V(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function f(){this.endTime=(0,S.t)()}function h(e,r){r instanceof fe&&"load"===e[0]&&t.emit("xhr-load-added",[e[1],e[2]],r)}function g(e,r){r instanceof fe&&"load"===e[0]&&t.emit("xhr-load-removed",[e[1],e[2]],r)}function m(e,t,r){t instanceof fe&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,S.t)()))}function v(e,r){this.xhrCbStart&&t.emit("xhr-cb-time",[(0,S.t)()-this.xhrCbStart,this.onload,r],r)}function b(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&p.RI&&(t=""+p.gm.location.href):e[0]&&e[0].url?t=e[0].url:p.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,ie.D)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var i=n.generateTracePayload(this.parsedOrigin);if(i&&(i.newrelicHeader||i.traceContextParentHeader))if(e[0]&&e[0].headers)s(e[0].headers,i)&&(this.dt=i);else{var o={};for(var a in r)o[a]=r[a];o.headers=new Headers(r.headers||{}),s(o.headers,i)&&(this.dt=i),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 y(e,t){this.params={},this.metrics={},this.startTime=(0,S.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 le?r=i.url:p.gm?.URL&&"object"==typeof i&&i instanceof URL&&(r=i.href),pe(this,r);var o=(""+(i&&i instanceof le&&i.method||n.method||"GET")).toUpperCase();this.params.method=o,this.body=n.body,this.txSize=G(n.body)||0}function w(e,t){if(this.endTime=(0,S.t)(),this.params||(this.params={}),(0,ce.iW)(this.params))return;let n;this.params.status=t?t.status:0,"string"==typeof this.rxSize&&this.rxSize.length>0&&(n=+this.rxSize);const i={txSize:this.txSize,rxSize:n,duration:(0,S.t)()-this.startTime};r("xhr",[this.params,i,this.startTime,this.endTime,"fetch"],this,a.K7.ajax)}function R(e){const t=this.params,n=this.metrics;if(!this.ended){this.ended=!0;for(let t=0;t<de;t++)e.removeEventListener(ue[t],this.listener,!1);t.aborted||(0,ce.iW)(t)||(n.duration=(0,S.t)()-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):T(this,e),n.cbTime=this.cbTime,r("xhr",[t,n,this.startTime,this.endTime,"xhr"],this,a.K7.ajax))}}function T(e,r){e.params.status=r.status;var n=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?G(e.response):"text"===r||""===r||void 0===r?G(e.responseText):void 0}(r,e.lastSize);if(n&&(e.metrics.rxSize=n),e.sameOrigin){var i=r.getResponseHeader("X-NewRelic-App-Data");i&&((0,x.p)(_.rs,["Ajax/CrossApplicationTracing/Header/Seen"],void 0,a.K7.metrics,t),e.params.cat=i.split(", ").pop())}e.loadCaptureCalled=!0}t.on("new-xhr",i),t.on("open-xhr-start",o),t.on("open-xhr-end",s),t.on("send-xhr-start",c),t.on("xhr-cb-time",u),t.on("xhr-load-added",d),t.on("xhr-load-removed",l),t.on("xhr-resolved",f),t.on("addEventListener-end",h),t.on("removeEventListener-end",g),t.on("fn-end",v),t.on("fetch-before-start",b),t.on("fetch-start",y),t.on("fn-start",m),t.on("fetch-done",w)}(e,this.ee,this.handler,this.dt),this.importAggregator(e)}}function pe(e,t){var r=(0,ie.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 ge={},me=["pushState","replaceState"];function ve(e){const t=function(e){return(e||B.ee).get("history")}(e);return!p.RI||ge[t.debugId]++||(ge[t.debugId]=1,(0,W.YM)(t).inPlace(window.history,me,"-")),t}var be=i(3738);const{He:ye,bD:we,d3:Re,Kp:xe,TZ:Te,Lc:Ee,uP:Ae,Rz:Se}=be;class Ne extends b{static featureName=Te;constructor(e,t=!0){super(e,Te,t);if(!(0,m.V)(this.agentIdentifier))return void this.deregisterDrain();const r=this.ee;let n;ve(r),this.eventsEE=(0,F.u)(r),this.eventsEE.on(Ae,(function(e,t){this.bstStart=(0,S.t)()})),this.eventsEE.on(Ee,(function(e,t){(0,x.p)("bst",[e[0],t,this.bstStart,(0,S.t)()],void 0,a.K7.sessionTrace,r)})),r.on(Se+Re,(function(e){this.time=(0,S.t)(),this.startPath=location.pathname+location.hash})),r.on(Se+xe,(function(e){(0,x.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,a.K7.sessionTrace,r)}));try{n=new PerformanceObserver((e=>{const t=e.getEntries();(0,x.p)(ye,[t],void 0,a.K7.sessionTrace,r)})),n.observe({type:we,buffered:!0})}catch(e){}this.importAggregator(e,{resourceObserver:n})}}var _e=i(2614);class Oe extends b{static featureName=t.TZ;#i;#o;constructor(e,r=!0){let n;super(e,t.TZ,r),this.replayRunning=!1,this.#o=e;try{n=JSON.parse(localStorage.getItem("".concat(_e.H3,"_").concat(_e.uh)))}catch(e){}(0,g.SR)(e.agentIdentifier)&&this.ee.on(t.G4.RECORD,(()=>this.#a())),this.#s(n)?(this.#i=n?.sessionReplayMode,this.#c()):this.importAggregator(e),this.ee.on("err",(e=>{this.replayRunning&&(this.errorNoticed=!0,(0,x.p)(t.G4.ERROR_DURING_REPLAY,[e],void 0,this.featureName,this.ee))})),this.ee.on(t.G4.REPLAY_RUNNING,(e=>{this.replayRunning=e}))}#s(e){return e&&(e.sessionReplayMode===_e.g.FULL||e.sessionReplayMode===_e.g.ERROR)||(0,g.Aw)(this.agentIdentifier)}#u=!1;async#c(e){if(!this.#u){this.#u=!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.#i,agentIdentifier:this.agentIdentifier,trigger:e,ee:this.ee}),this.recorder.startRecording(),this.abortHandler=this.recorder.stopRecording}catch(e){}this.importAggregator(this.#o,{recorder:this.recorder,errorNoticed:this.errorNoticed})}}#a(){this.featAggregate?this.featAggregate.mode!==_e.g.FULL&&this.featAggregate.initializeRecording(_e.g.FULL,!0):(this.#i=_e.g.FULL,this.#c(t.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 Ie=i(3962);class Pe extends b{static featureName=Ie.TZ;constructor(e,t=!0){if(super(e,Ie.TZ,t),!p.RI||!(0,R.dV)().o.MO)return;const r=ve(this.ee);Ie.tC.forEach((e=>{(0,E.sp)(e,(e=>{a(e)}),!0)}));const n=()=>(0,x.p)("newURL",[(0,S.t)(),""+window.location],void 0,this.featureName,this.ee);r.on("pushState-end",n),r.on("replaceState-end",n);try{this.removeOnAbort=new AbortController}catch(e){}(0,E.sp)("popstate",(e=>(0,x.p)("newURL",[e.timeStamp,""+window.location],void 0,this.featureName,this.ee)),!0,this.removeOnAbort?.signal);let i=!1;const o=new((0,R.dV)().o.MO)(((e,t)=>{i||(i=!0,requestAnimationFrame((()=>{(0,x.p)("newDom",[(0,S.t)()],void 0,this.featureName,this.ee),i=!1})))})),a=(0,v.s)((e=>{(0,x.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,{domObserver:o})}}var je=i(7378);const Ce={},ke=["appendChild","insertBefore","replaceChild"];function Le(e){const t=function(e){return(e||B.ee).get("jsonp")}(e);if(!p.RI||Ce[t.debugId])return t;Ce[t.debugId]=!0;var r=(0,W.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,ke,"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,E.jT)(!1)),e.removeEventListener("error",f,(0,E.jT)(!1))}function f(){t.emit("jsonp-error",[],d),t.emit("jsonp-end",[],d),e.removeEventListener("load",l,(0,E.jT)(!1)),e.removeEventListener("error",f,(0,E.jT)(!1))}r.inPlace(u.parent,[u.key],"cb-",d),e.addEventListener("load",l,(0,E.jT)(!1)),e.addEventListener("error",f,(0,E.jT)(!1)),t.emit("new-jsonp",[e.src],d)}(e[0])})),t}const He={};function Me(e){const t=function(e){return(e||B.ee).get("promise")}(e);if(He[t.debugId])return t;He[t.debugId]=!0;var r=t.context,n=(0,W.YM)(t),i=p.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}p.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[W.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 De={},Ke="setTimeout",Ue="setInterval",Ve="clearTimeout",Ge="-start",Fe=[Ke,"setImmediate",Ue,Ve,"clearImmediate"];function Be(e){const t=function(e){return(e||B.ee).get("timer")}(e);if(De[t.debugId]++)return t;De[t.debugId]=1;var r=(0,W.YM)(t);return r.inPlace(p.gm,Fe.slice(0,2),Ke+"-"),r.inPlace(p.gm,Fe.slice(2,3),Ue+"-"),r.inPlace(p.gm,Fe.slice(3),Ve+"-"),t.on(Ue+Ge,(function(e,t,n){e[0]=r(e[0],"fn-",null,n)})),t.on(Ke+Ge,(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 We={};function ze(e){const t=function(e){return(e||B.ee).get("mutation")}(e);if(!p.RI||We[t.debugId])return t;We[t.debugId]=!0;var r=(0,W.YM)(t),n=p.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:qe,d3:Ze,Kp:Ye,$p:Xe,wW:$e,e5:Je,tH:Qe,uP:et,rw:tt,Lc:rt}=je;class nt extends b{static featureName=qe;constructor(e,t=!0){if(super(e,qe,t),!p.RI)return;try{this.removeOnAbort=new AbortController}catch(e){}let r,n=0;const i=this.ee.get("tracer"),o=Le(this.ee),a=Me(this.ee),s=Be(this.ee),c=Z(this.ee),u=this.ee.get("events"),d=ne(this.ee),l=ve(this.ee),f=ze(this.ee);function h(e,t){l.emit("newURL",[""+window.location,t])}function g(){n++,r=window.location.hash,this[et]=(0,S.t)()}function m(){n--,window.location.hash!==r&&h(0,!0);var e=(0,S.t)();this[Je]=~~this[Je]+e-this[et],this[rt]=e}function v(e,t){e.on(t,(function(){this[t]=(0,S.t)()}))}this.ee.on(et,g),a.on(tt,g),o.on(tt,g),this.ee.on(rt,m),a.on($e,m),o.on($e,m),this.ee.on("fn-err",((...t)=>{t[2]?.__newrelic?.[e.agentIdentifier]||(0,x.p)("function-err",[...t],void 0,this.featureName,this.ee)})),this.ee.buffer([et,rt,"xhr-resolved"],this.featureName),u.buffer([et],this.featureName),s.buffer(["setTimeout"+Ye,"clearTimeout"+Ze,et],this.featureName),c.buffer([et,"new-xhr","send-xhr"+Ze],this.featureName),d.buffer([Qe+Ze,Qe+"-done",Qe+Xe+Ze,Qe+Xe+Ye],this.featureName),l.buffer(["newURL"],this.featureName),f.buffer([et],this.featureName),a.buffer(["propagate",tt,$e,"executor-err","resolve"+Ze],this.featureName),i.buffer([et,"no-"+et],this.featureName),o.buffer(["new-jsonp","cb-start","jsonp-error","jsonp-end"],this.featureName),v(d,Qe+Ze),v(d,Qe+"-done"),v(o,"new-jsonp"),v(o,"jsonp-end"),v(o,"cb-start"),l.on("pushState-end",h),l.on("replaceState-end",h),window.addEventListener("hashchange",h,(0,E.jT)(!0,this.removeOnAbort?.signal)),window.addEventListener("load",h,(0,E.jT)(!0,this.removeOnAbort?.signal)),window.addEventListener("popstate",(function(){h(0,n>1)}),(0,E.jT)(!0,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator(e)}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var it=i(3333);class ot extends b{static featureName=it.TZ;constructor(e,t=!0){super(e,it.TZ,t);const r=[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];if(p.RI&&(e.init.user_actions.enabled&&(it.Zp.forEach((e=>(0,E.sp)(e,(e=>(0,x.p)("ua",[e],void 0,this.featureName,this.ee)),!0))),it.qN.forEach((e=>(0,E.sp)(e,(e=>(0,x.p)("ua",[e],void 0,this.featureName,this.ee)))))),e.init.performance.resources.enabled&&p.gm.PerformanceObserver?.supportedEntryTypes.includes("resource"))){new PerformanceObserver((e=>{e.getEntries().forEach((e=>{(0,x.p)("browserPerformance.resource",[e],void 0,this.featureName,this.ee)}))})).observe({type:"resource",buffered:!0})}r.some((e=>e))?this.importAggregator(e):this.deregisterDrain()}}var at=i(993),st=i(3785);class ct extends b{static featureName=at.TZ;constructor(e,t=!0){super(e,at.TZ,t);const r=this.ee;this.ee.on("wrap-logger-end",(function([e]){const{level:t,customAttributes:n}=this;(0,st.R)(r,e,n,t)})),this.importAggregator(e)}}new class extends o{constructor(t,r){super(r),p.gm?(this.features={},(0,R.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(t.features||[]),this.desiredFeatures.add(w),this.runSoftNavOverSpa=[...this.desiredFeatures].some((e=>e.featureName===a.K7.softNav)),(0,d.j)(this,t,t.loaderType||"agent"),this.run()):(0,e.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}run(){try{const t=u(this.agentIdentifier),r=[...this.desiredFeatures];r.sort(((e,t)=>a.P3[e.featureName]-a.P3[t.featureName])),r.forEach((r=>{if(!t[r.featureName]&&r.featureName!==a.K7.pageViewEvent)return;if(this.runSoftNavOverSpa&&r.featureName===a.K7.spa)return;if(!this.runSoftNavOverSpa&&r.featureName===a.K7.softNav)return;const n=function(e){switch(e){case a.K7.ajax:return[a.K7.jserrors];case a.K7.sessionTrace:return[a.K7.ajax,a.K7.pageViewEvent];case a.K7.sessionReplay:return[a.K7.sessionTrace];case a.K7.pageViewTiming:return[a.K7.pageViewEvent];default:return[]}}(r.featureName).filter((e=>!(e in this.features)));n.length>0&&(0,e.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)}))}catch(t){(0,e.R)(22,t);for(const e in this.features)this.features[e].abortHandler?.();const r=(0,R.Zm)();delete r.initializedAgents[this.agentIdentifier]?.api,delete r.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return r.ee.get(this.agentIdentifier).abort(),!1}}}({features:[he,w,N,Ne,Oe,O,M,ot,ct,Pe,nt],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://fonts.googleapis.com/css?family=Open+Sans:400,600" 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: 23px calc(1rem + 2px) 0 auto;
display: flex;
justify-content: start;
align-items: center;
float: right;
font-size: 0.9rem;
font-family: HKGrotesk-Regular;
}
.product-currency-note > p {
margin: 0 1rem 0 0;
}
.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;
}
.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;
}
.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>
<style id="googleidentityservice_button_styles">.qJTHM{-moz-user-select:none;color:#202124;direction:ltr;font-family:"Roboto-Regular",arial,sans-serif;font-weight:400;margin:0;overflow:hidden}.ynRLnc{left:-9999px;position:absolute;top:-9999px}.L6cTce{display:none}.bltWBb{word-break:break-all}.hSRGPd{color:#1a73e8;cursor:pointer;font-weight:500;text-decoration:none}.Bz112c-W3lGp{height:16px;width:16px}.Bz112c-E3DyYd{height:20px;width:20px}.Bz112c-r9oPif{height:24px;width:24px}.Bz112c-uaxL4e{-moz-border-radius:10px;border-radius:10px}.LgbsSe-Bz112c{display:block}.S9gUrf-YoZ4jf,.S9gUrf-YoZ4jf *{border:none;margin:0;padding:0}.fFW7wc-ibnC6b>.aZ2wEe>div{border-color:#4285f4}.P1ekSe-ZMv3u>div:nth-child(1){background-color:#1a73e8!important}.P1ekSe-ZMv3u>div:nth-child(2),.P1ekSe-ZMv3u>div:nth-child(3){background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#1a73e8,#1a73e8)!important}.haAclf{display:inline-block}.nsm7Bb-HzV7m-LgbsSe{border-radius:4px;box-sizing:border-box;transition:background-color .218s,border-color .218s;-moz-user-select:none;background-color:#fff;background-image:none;border:1px solid #dadce0;color:#3c4043;cursor:pointer;font-family:"Google Sans",arial,sans-serif;font-size:14px;height:40px;letter-spacing:0.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:auto}@media screen and (-ms-high-contrast:active){.nsm7Bb-HzV7m-LgbsSe{border:2px solid windowText;color:windowText}}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe{font-size:14px;height:32px;letter-spacing:0.25px;padding:0 10px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe{font-size:11px;height:20px;letter-spacing:0.3px;padding:0 8px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe{padding:0;width:40px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe{width:32px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe{width:20px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK{border-radius:20px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe{border-radius:16px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe{border-radius:10px}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc{border:none;color:#fff}.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc{background-color:#1a73e8}.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc{background-color:#202124;color:#e8eaed}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:18px;margin-right:8px;min-width:18px;width:18px}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:14px;min-width:14px;width:14px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:10px;min-width:10px;width:10px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin-left:8px;margin-right:-4px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin:0;padding:10px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{padding:8px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{padding:4px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-top-left-radius:3px;border-bottom-left-radius:3px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;background-color:#fff;height:36px;margin-left:-10px;margin-right:12px;min-width:36px;width:36px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c,.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin:0;padding:0}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{height:28px;margin-left:-8px;margin-right:10px;min-width:28px;width:28px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{height:16px;margin-left:-6px;margin-right:8px;min-width:16px;width:16px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:3px;margin-left:2px;margin-right:0;padding:0}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:18px}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:14px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:8px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;height:100%;position:relative;width:100%}.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX{justify-content:center}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId{flex-grow:1;font-family:"Google Sans",arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId{font-weight:300}.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId{flex-grow:0}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe{transition:background-color .218s;bottom:0;left:0;position:absolute;right:0;top:0}.nsm7Bb-HzV7m-LgbsSe:hover,.nsm7Bb-HzV7m-LgbsSe:focus{box-shadow:none;border-color:#d2e3fc;outline:none}.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe,.nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(66,133,244,.04)}.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(66,133,244,.1)}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe,.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(255,255,255,.24)}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(255,255,255,.32)}.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY{border-radius:50%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;height:20px;margin-left:-4px;margin-right:8px;min-width:20px;width:20px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId{font-family:"Roboto";font-size:12px;text-align:left}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf,.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS{overflow:hidden;text-overflow:ellipsis}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;color:#5f6368;fill:#5f6368;font-size:11px;font-weight:400}.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff{color:#e8eaed;fill:#e8eaed}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c{height:18px;margin:-3px -3px -3px 2px;min-width:18px;width:18px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px;margin-left:12px;margin-right:-10px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:18px}.L5Fo6c-sM5MNb{border:0;display:block;left:0;position:relative;top:0}.L5Fo6c-bF1uUb{-moz-border-radius:4px;border-radius:4px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.L5Fo6c-bF1uUb:focus{border:none;outline:none}sentinel{}</style></head>
<body class="password-page">
<div class="password-content" style="background-image: url('https://cdnc.heyzine.com/files/backgrounds/back5.svg')">
<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">password: 9buKzvcPHA*@bc#</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":58,"atts":"HldRE0IDTkw=","errorBeacon":"bam.eu01.nr-data.net","agent":""}</script>
</body></html>